@charset "utf-8"; /* Shortcut to body */ #skip_navi a {display:block;overflow:hidden;position:absolute;top:0;left:0;margin-top:-1px;width:1px;height:1px;background:#000;color:#fff;text-align:center;} #skip_navi a:focus{position:relative;width:100%;height:auto;padding:10px;} /* Major Layout */ #wrap {position:relative;margin:0 auto;padding:0;width:100%;height:100%;min-width:1424px;}/* 200928 수정*/ .inner {margin:0 auto;padding:0 20px;max-width:1424px;} /* 1384 + padding 0 20 */ .inner_s {padding:0 8px;} .inner:after {display:block;visibility:hidden;clear:both;content:""} /* Common */ body.lock {overflow:hidden;} .blind {font-size:0;line-height:0;direction:ltr;text-indent:-999em;} .lf_color {color:#ea563a !important;} .em_color {color:#ea563a !important;} #container h2.sec_title {margin-bottom:23px;font-size:28px;font-weight:700;color:#333;} .pre_line {white-space:pre-line;} .center_block {margin-left:auto;margin-right:auto;} .img_responsive {display:block;max-width:100%;height:auto;} .text_right {text-align:right;} /* popup */ #divpop {position:fixed;width:500px;height:650px;border:1px solid #ccc;border-radius:4px;overflow:hidden;visibility:hidden;z-index:9999;} #divpop .popup_nav {padding:12px 0;height:60px;background-color:#fff;} #divpop .popup_nav li {float:left;width:50%;text-align:center;border-left:1px solid #999;} #divpop .popup_nav li:first-child {border-left:0;} #divpop .popup_nav li button {display:block;width:100%;font-size:24px;color:#666666;text-align:center;background:none;} #divpop .popup_nav .closePop2 {font-size:16px} #divpop .popup_nav .closePop {font-size:16px} #divpop .popup_slide {background-color:#fff;} #divpop .popup_slide .swiper-slide {height:590px;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;} #divpop .popup_slide .swiper-button-next, #divpop .popup_slide .swiper-button-prev {color:#ffffff;} #divpop .popup_slide .swiper-button-next2, #divpop .popup_slide .swiper-container-rtl .swiper-button-prev2 {position:absolute;width:60px;height:60px;top:275px;right:20px;background:url('../images/popup_next.png');cursor:pointer;z-index:100;} #divpop .popup_slide .swiper-button-prev2, #divpop .popup_slide .swiper-container-rtl .swiper-button-next2 {position:absolute;width:60px;height:60px;top:275px;left:20px;background:url('../images/popup_prev.png');cursor:pointer;z-index:100;} #divpop .popup_slide .swiper-button-disabled {display:none;} .popup-container {display: flex; justify-content: flex-start; position: fixed; top: 13%; left: 110px; z-index: 1000} .popup-container .main_popPromt {width:500px;height:632px;border:1px solid #ccc;border-radius:4px} .popup-container .main_popPromt .popup_nav {padding:5px 0;height:40px;background-color:#fff;} .popup-container .main_popPromt .popup_nav li {float:left;width:50%;text-align:center;border-left:1px solid #999;} .popup-container .main_popPromt .popup_nav li:first-child {border-left:0;} .popup-container .main_popPromt .popup_nav li button {display:block;width:100%;font-size:24px;color:#666666;text-align:center;background:none;} .popup-container .main_popPromt .popup_nav .closePop2 {font-size:16px} .popup-container .main_popPromt .popup_nav .closePop {font-size:16px} .popup-container .main_popPromt .swiper_slide {background-color:#fff;} .popup-container .main_popPromt .swiper_slide .swiper-slide {height:590px;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;} .popup-container .main_popPromt .swiper_slide .swiper-container-rtl .swiper-button-prev2 {position:absolute;width:60px;height:60px;top:275px;right:20px;background:url('../images/popup_next.png');cursor:pointer;z-index:100;} .popup-container .main_popPromt .swiper_slide .swiper-container-rtl .swiper-button-next2 {position:absolute;width:60px;height:60px;top:275px;left:20px;background:url('../images/popup_prev.png');cursor:pointer;z-index:100;} /* .main_popPromt {max-height:652px; overflow-y:auto !important;} */ /* Header */ #header {position:relative;} #header .hd {height:95px;border-bottom-width:5px;border-style:solid;background-color:#ffffff; } #header .hd .logo {float:left;margin-top:20px;margin-right:21px;width:160px;height:51px;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;} #header .hd .logo > a {display:block;width:100%;height:100%;} #header .hd #gnb {float:left;margin-left:41px;height:90px; width:55%;} #header .hd #gnb ul li {display:inline-block; /* width:16%; */ padding:0 20px; text-align:center} #header .hd #gnb ul li:first-child {padding-left:0;} #header .hd #gnb ul li a {display:block;padding:29px 0 36px 0;font-size:20px;font-weight:700;color:#333333;} #header .hd #gnb ul li a.on {font-weight:700;} #header .hd .hd_right_opt {float:right;} #header .hd .hd_right_opt .tnb_srh {position:relative;float:left;margin-top:29px;width:230px;height:33px;overflow:hidden;} #header .hd .hd_right_opt .tnb_srh input {padding:0 40px 0 11px;height:33px;font-size:15px;border-bottom:1px solid #afafaf; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} #header .hd .hd_right_opt .tnb_srh button {position:absolute;top:2px;right:0;width:42px;height:29px;background:url('../images/ico_srh.png') no-repeat 50% 50%;} #header .hd .hd_right_opt .my_page {position:relative;float:left;margin:21px 5px 0;width:100px;height:74px;text-align:center} #header .hd .hd_right_opt .my_page > a {display:block;padding-top:34px; margin:0 auto; width:38px; height:39px; font-size:15px;font-weight:500;background-image:url('../images/ico_my.png');background-repeat:no-repeat;background-position:50% 0; border-radius:50%} /* #header .hd .hd_right_opt .my_page > a {display:block;padding-top:34px;height:100%;font-size:15px;font-weight:500;background-image:url('../images/ico_my.png');background-repeat:no-repeat;background-position:50% 0; border-radius:50%} */ #header .hd .hd_right_opt .my_page .my_2dul_wrap {z-index:100;display:none;position:absolute;bottom:-55px;left:0;width:100%;} #header .hd .hd_right_opt .my_page .my_2dul_wrap i {z-index:1;display:block;position:relative;margin:0 auto;width:12px;height:8px;background:url('../images/ico_arrow_my.png') no-repeat 50% 0;} #header .hd .hd_right_opt .my_page .my_2dul {padding:12px 15px 12px 15px;background-color:#ffffff;border-radius:6px;-webkit-box-shadow: 0 -4px 10px 1px rgba(0,0,0,0.1); box-shadow: 1px 2px 5px 2px rgba(0,0,0,0.1);} #header .hd .hd_right_opt .my_page .my_2dul li a {display:block;padding:3px 0;font-size:14px;font-weight:500;color:#666666;} /* #header .hd .hd_right_opt .my_page:hover > a {background-image:url('../images/ico_my_on.png');} */ #header .hd .hd_right_opt .my_page:hover .my_2dul_wrap {display:block;} #header .hd .hd_right_opt .hd_adm {display:none;} #header .hd .hd_right_opt.add .tnb_srh {margin-left:20px;} #header .hd .hd_right_opt.add .hd_adm {display:block;float:left;margin:21px 0 0;width:31px;height:74px;} #header .hd .hd_right_opt .hd_adm a {display:block;padding-top:34px;width:100%;/* height:1005; */font-size:15px;font-weight:500;color:#333333;text-align:center;background:url('../images/ico_adm.png') no-repeat 50% 3px;} /* Side Bar */ .learning_sidebar {z-index:99; border:1px solid #c2c2c2; background:#FFF; padding:10px 10px 20px 10px;} .learning_sidebar.main {position:absolute;margin-left:730px;width:95px;top:575px;left:50%;} /* 200928 위치 수정 */ /*.learning_sidebar.main.side_fixed {position:fixed;top:78px;} 200928 삭제 */ .learning_sidebar li {margin-top:7px;width:70px;text-align:center;cursor:pointer;letter-spacing:-1px} /* 200928 width 값 고정 */ .learning_sidebar li:first-child {margin-top:0;} .learning_sidebar li .ico_side {display:block;margin:0 auto;width:60px;height:60px;/* border-width:1px;border-style:solid;border-color:#aaaaaa;border-radius:50% */;background-repeat:no-repeat;background-position:50% 50%;background-color:#ffffff;} .learning_sidebar li .link_name {display:block;margin-top:2px;font-size:13px;font-weight:500;color:#999999;} .learning_sidebar li.side_kakao .ico_side {background-image:url('../images/side_kakao.png');} .learning_sidebar li.side_tel .ico_side {background-image:url('../images/side_tel.png');} .learning_sidebar li.side_remote .ico_side {background-image:url('../images/side_remote.png');} .learning_sidebar li.side_info .ico_side {background-image:url('../images/side_info.png');} .learning_sidebar li.side_course .ico_side {background-image:url('../images/side_course.png');} .learning_sidebar li.side_nailcard .ico_side {background-image:url('../images/side_nailcard.png');} .learning_sidebar li.side_notice .ico_side {background-image:url('../images/side_notice.png');}/* 210506 사이드바 수정 (보훈) */ .learning_sidebar li.on .ico_side {border-color:inherit;} .learning_sidebar li.on .link_name {color:inherit;} .learning_sidebar li.on.side_kakao .ico_side {background-image:url('../images/side_kakao_on.png');} .learning_sidebar li.on.side_tel .ico_side {background-image:url('../images/side_tel_on.png');} .learning_sidebar li.on.side_remote .ico_side {background-image:url('../images/side_remote_on.png');} .learning_sidebar li.on.side_info .ico_side {background-image:url('../images/side_info_on.png');} .learning_sidebar li.on.side_course .ico_side {background-image:url('../images/side_course_on.png');} .learning_sidebar li.on.side_nailcard .ico_side {background-image:url('../images/side_nailcard_on.png');} .learning_sidebar li.on.side_notice .ico_side {background-image:url('../images/side_notice_on.png');} /* 210506 사이드바 수정 (보훈) */ @media (max-width:1854px) { .learning_sidebar {right:20px;} } .side_tel {position:relative;} .st_layer_w {display:none; position:absolute; top:8px; left:-260px; padding:15px; border:1px solid #c2c2c2; background:#fff; opacity:0; transition:all .3s ease;} .st_layer_w p {color:#F79646; font-weight:700;} .st_layer_w p b {padding-left:5px; font-size:18px;} .st_layer_w span {color:#666;} .side_tel.on .st_layer_w {display:block; opacity:1;} /* Main */ #container .main_visual {height:400px;background-color:#f0f0f0; margin-bottom:60px} /* 200928 수정 */ #container .main_visual .inner {position:relative;} /* 200928 추가 */ #container .main_visual .swiper-slide {height:400px;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;} #container .main_visual .swiper-button-next, #container .main_visual .swiper-button-prev {color:#ffffff;} #container .main_visual .swiper-button-next, #container .main_visual .swiper-container-rtl .swiper-button-prev {right:-25px;outline:none;} /* 200928 수정 */ #container .main_visual .swiper-button-prev, #container .main_visual .swiper-container-rtl .swiper-button-next {left:-25px;outline:none;} /* 200928 수정 */ #container .main_visual .swiper-pagination {bottom:27px;} #container .main_visual .swiper-pagination .swiper-pagination-bullet {margin:0 8px;width:20px;height:20px;background:none;opacity:1;border:1px solid #ffffff;} #container .main_visual .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#ffffff;} /* 학습현황 디자인 변경 2020.10.15 */ #container .learning_status_wrap {margin-bottom:60px;} #container .learning_status {position:relative;margin-left:15px; background:#FFF; box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.15);} #container .learning_status .my_status {position:absolute;top:0;left:0;background:#434343; padding:20px 30px;width:310px;height:190px;} /* #container .learning_status .my_status .user_info_wrap {overflow:hidden;border:1px soild red} */ #container .learning_status .my_status .user_img_wrap {display:block;position:relative;float:left;margin:5px 27px 40px 0px;width:59px;height:59px;border-radius:50%;overflow:hidden;} #container .learning_status .my_status .user_img_wrap:after {z-index:1;content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url('../images/user_img_default.png') no-repeat;background-position:50% 50%;background-size:cover;} #container .learning_status .my_status .user_img {z-index:2;display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;border-radius:50%;} #container .learning_status .my_status .user_info {float:left; width:calc(100% - 95px); margin:10px 0 0 8px; color:#FFF} #container .learning_status .my_status .user_info .i_name {display:block;width:120px;font-size:24px;font-weight:600;color:#ffffff;line-height:1;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} #container .learning_status .my_status .user_info .i_belong {display:block;margin-top:8px;font-size:16px;color:#FFF;line-height:1.3; max-width:100%; max-height:3em; display:-webkit-box; -webkit-line-clamp:2; /* 라인수 */ -webkit-box-orient:vertical; white-space:normal; overflow:hidden; word-break:break-all;} #container .learning_status .my_status .user_mybtn_gr {clear:both; border-top:1px solid #000; padding-top:14px; text-align:center} #container .learning_status .my_status .user_mybtn_gr a {display:inline-block} #container .learning_status .my_status .user_mybtn_gr a.btn_my_go {background:url('../images/ico_arr_main_my.png') no-repeat right 2px; color:#f5f5f5; font-size:15px; padding-right:18px} /* #container .learning_status .my_status .user_info .link_my {display:inline-block;margin-top:14px;padding-bottom:3px;font-size:13px;font-weight:500;color:#fff100;line-height:1;border-bottom:1px solid #fff100;} #container .learning_status .my_status .btn_modity {display:block;margin-top:32px;width:100%;height:30px;font-size:15px;font-weight:700;color:#ffffff;border:1px solid #eeeeee;background:none;border-radius:3px} */ #container .learning_status .status_list_gr {background-color:#FFF; padding:30px 0} #container .learning_status .status_list {display:table; table-layout:fixed; width:100%; padding-left:320px;height:130px;overflow:hidden} #container .learning_status .status_list li {display:table-cell; /* float:left; */width:260px;height:100%;border-left:1px solid #ddd;text-align:center} #container .learning_status .status_list li:first-child {border-left:0;} #container .learning_status .status_list li a {display:block;padding:0;} #container .learning_status .status_list li .title {display:block;font-size:18px;font-weight:600;color:#898989;letter-spacing:-1px; padding-top:20px} #container .learning_status .status_list li .i_num {display:block;font-weight:600;font-size:52px;color:#333333;} /* #container .learning_status_wrap {margin-bottom:60px;} #container .learning_status {position:relative;padding:62px 0 0 38px;height:247px;} #container .learning_status .my_status {position:absolute;top:0;left:0;padding:39px 21px 20px;width:268px;height:198px;border-radius:6px;} #container .learning_status .my_status .user_info_wrap {overflow:hidden;} #container .learning_status .my_status .user_img_wrap {display:block;position:relative;float:left;margin:5px 27px 0 20px;width:59px;height:59px;border-radius:50%;overflow:hidden;} #container .learning_status .my_status .user_img_wrap:after {z-index:1;content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url('../images/user_img_default.png') no-repeat;background-position:50% 50%;background-size:cover;} #container .learning_status .my_status .user_img {z-index:2;display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;border-radius:50%;} #container .learning_status .my_status .user_info {float:left;} #container .learning_status .my_status .user_info .i_name {display:block;width:120px;font-size:26px;font-weight:400;color:#ffffff;line-height:1;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} #container .learning_status .my_status .user_info .i_name > b {font-weight:700;} #container .learning_status .my_status .user_info .i_belong {display:block;margin-top:5px;font-size:15px;font-weight:500;color:#facd89;line-height:1;} #container .learning_status .my_status .user_info .link_my {display:inline-block;margin-top:14px;padding-bottom:3px;font-size:13px;font-weight:500;color:#fff100;line-height:1;border-bottom:1px solid #fff100;} #container .learning_status .my_status .btn_modity {display:block;margin-top:32px;width:100%;height:30px;font-size:15px;font-weight:700;color:#ffffff;border:1px solid #eeeeee;background:none;border-radius:3px} #container .learning_status .status_list_gr {background-color:#f5f5f5;border-radius:6px;padding:30px 0} #container .learning_status .status_list {padding-left:230px;height:130px;overflow:hidden} #container .learning_status .status_list li {float:left;width:279px;height:100%;border-left:1px solid #c1c1c1;background-repeat:no-repeat;} #container .learning_status .status_list li:first-child {border-left:0;} #container .learning_status .status_list li a {display:block;padding:10px 37px;} #container .learning_status .status_list li.course_ing {background-image:url('../images/ico_status_list1.png');background-position:177px 70px;} #container .learning_status .status_list li.course_compl {background-image:url('../images/ico_status_list2.png');background-position:176px 68px;} #container .learning_status .status_list li.course_apply {background-image:url('../images/ico_status_list3.png');background-position:180px 70px;} #container .learning_status .status_list li.my_qna {background-image:url('../images/ico_status_list4.png');background-position:170px 72px;} #container .learning_status .status_list li .title {display:block;font-size:18px;font-weight:600;color:#898989;letter-spacing:-1px} #container .learning_status .status_list li .i_num {display:block;margin-top:30px;font-family:'Gmarket Sans';font-weight:500;font-size:52px;color:#333333;} */ /* 노출할 컨텐츠 목록이 없는 경우 */ #container .no_course_sec {padding:66px 0;height:310px;background-color:#f5f5f5;text-align:center;} #container .no_course_sec p {font-size:25px;font-weight:500;color:#666666;line-height:34px;} #container .no_course_sec .link_box {margin-top:45px;font-size:0;} #container .no_course_sec .link_box > a {display:inline-block;margin-left:30px;width:250px;height:60px;line-height:58px;font-size:20px;font-weight:500;vertical-align:top;border-width:1px;border-style:solid;border-radius:30px;text-align:center;} #container .no_course_sec .link_box > a:first-child {margin-left:0;} #container .main_course {margin-bottom:60px} #container .main_course .course_slider {position:relative;} #container .main_course .course_slider .swiper-button-next, #container .main_course .course_slider .swiper-button-prev {width:60px;height:60px;outline:0;} #container .main_course .course_slider .swiper-button-next:after, #container .main_course .course_slider .swiper-button-prev:after {content:none;} #container .main_course .course_slider .swiper-button-next {right:-30px;background-image:url('../images/slider_next.png'); background-size:60px 60px;} #container .main_course .course_slider .swiper-button-prev {left:-30px;background-image:url('../images/slider_prev.png'); background-size:60px 60px} #container .main_course .course_slider .swiper-button-nextnew, #container .main_course .course_slider .swiper-button-prevnew {width:60px;height:60px;outline:0;} #container .main_course .course_slider .swiper-button-nextnew:after, #container .main_course .course_slider .swiper-button-prevnew:after {content:none;} #container .main_course .course_slider .swiper-button-nextnew {position: absolute; width: 60px; height: 60px; top: 130px; right: -30px; background-image:url('../images/slider_next.png'); background-size:60px 60px; cursor: pointer; z-index: 100; } #container .main_course .course_slider .swiper-button-prevnew {position: absolute; width: 60px; height: 60px; top: 130px; left:-30px; background-image:url('../images/slider_prev.png'); background-size:60px 60px; cursor: pointer; z-index: 100;} #container .course_list .course_slider .swiper-button-nextnew, #container .course_list .course_slider .swiper-button-prevnew {width:60px;height:60px;outline:0;} #container .course_list .course_slider .swiper-button-nextnew:after, #container .course_list .course_slider .swiper-button-prevnew:after {content:none;} #container .course_list .course_slider .swiper-button-nextnew {position: absolute; width: 60px; height: 60px; top: 130px; right: -30px; background-image:url('../images/slider_next.png'); background-size:60px 60px; cursor: pointer; z-index: 100; } #container .course_list .course_slider .swiper-button-prevnew {position: absolute; width: 60px; height: 60px; top: 130px; left:-30px; background-image:url('../images/slider_prev.png'); background-size:60px 60px; cursor: pointer; z-index: 100;} #container .course_list .course_slider .popular_channel_course_container + .swiper-button-nextnew + .swiper-button-prevnew {left:-23px;} #container .main_course .course_slider .main_course_container {overflow:hidden;} #container .main_course .course_slider .new_course_container {overflow:hidden;} #container .main_course .course_slider .swiper-slide {height:332px;border:1px solid #b5b5b5;border-radius:8px;overflow:hidden;cursor:pointer;} #container .main_course .course_slider .course_img {position:relative;height:200px;background-repeat:no-repeat;background-size:cover;background-position:50% 50%;} #container .main_course .course_slider .course_img .course_opt {display:none;position:absolute;bottom:0;left:0;width:320px;height:30px;background-color:#ffffff} #container .main_course .course_slider .course_img .course_opt .i_bar {display:block;position:absolute;top:50%;left:50%;margin-top:-5px;margin-left:-1px;width:1px;height:10px;background-color:#bfbfbf;} #container .main_course .course_slider .course_img .course_opt > button {display:block;float:left;padding-left:76px;width:50%;height:100%;font-size:12px;color:#808080;font-weight:500;background-color:#ffffff;text-align:left;} #container .main_course .course_slider .course_img .course_opt > button.btn_view {background:url('../images/ico_srh_xs.png') no-repeat 56px 6px;} #container .main_course .course_slider .course_img .course_opt > button.btn_like {background-image:url('../images/ico_favorite.png');background-repeat:no-repeat;background-position:56px 11px;} #container .main_course .course_slider .course_img .course_opt > button.btn_like.on {background-image:url('../images/ico_favorite_on.png');} #container .main_course .course_slider .course_img .course_opt.type2 {background-color:rgba(255,255,255,.95);} #container .main_course .course_slider .course_img .course_opt.type2 > button.btn_like {float:none;padding-left:0;width:100%;background:none;background-color:transparent;text-align:center;} #container .main_course .course_slider .course_img .course_opt.type2 > button.btn_like span {display:inline-block;padding-left:15px;font-size:12px;color:#808080;vertical-align:top;line-height:30px;background-image:url('../images/ico_favorite.png');background-repeat:no-repeat;background-position:0 52%;} #container .main_course .course_slider .course_img .course_opt.type2 > button.btn_like.on span {background-image:url('../images/ico_favorite_on.png');} #container .main_course .course_slider .course_desc {padding:14px 19px;height:110px;} #container .main_course .course_slider .course_desc .i_cate {display:block;font-size:14px;font-weight:700;} #container .main_course .course_slider .course_desc .i_name {display:block; height:53px; margin-top:2px;font-size:20px;font-weight:500;color:#333333;line-height:27px;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2; /* 라인수 */-webkit-box-orient: vertical;overflow:hidden;} #container .main_course .course_slider .swiper-slide.on .course_opt {display:block;} #container .main_course .course_slider .swiper-slide.on .course_desc .i_cate, #container .main_course .course_slider .swiper-slide.on .course_desc .i_name {color:#ffffff !important;} /* 210106 썸네일 학습시간 추가 */ .i_time {display:block; padding-top:3px; color:#5e5e5e; font-size:14px;} .i_time .it_t {padding-left:3px;} .sme_regi .i_time {padding:3px 18px 7px; font-size:13px; color:#666;} #container .course_list li.sme_regi .i_time + .sme_name {margin-top:0; padding-top:5px;} #container .course_list li.sme_regi .i_time + .sme_name .sme_thumb {top:7px;} /*hot강좌 디자인수정 2020.10.15*/ #container .popular_course {margin-bottom:60px; padding:53px 0 0;height:518px;background-color:#f0f0f0;} #container .popular_course h2 {display:block; background:url('../images/bg_mainhot.png') no-repeat right 24px; font-size:28px; color:#333; letter-spacing:-1px; margin-bottom:20px} #container .popular_course h2 i {font-size:36px; padding-right:6px} #container .popular_course .tab_btn {margin-bottom:24px;} #container .popular_course .tab_btn li {display:inline-block;width:80px;height:50px;line-height:50px;font-size:18px;font-weight:500;color:#a3a3a3;text-align:center; font-weight:600; vertical-align:top;cursor:pointer; border-bottom:4px solid #a3a3a3; margin-right:40px} #container .popular_course .tab_btn li.hoton {color:#333;border-bottom:4px solid #333} #container .popular_course .tab_in_tab {float:left;width:408px;height:261px;} #container .popular_course .tab_in_tab li {padding:21px;height:87px;background-color:#f0f0f0;border-bottom:1px solid #c9c9c9;cursor:pointer;} #container .popular_course .tab_in_tab li:last-child {border-bottom:none} #container .popular_course .tab_in_tab li.on {background-color:#e5e5e5} #container .popular_course .tab_in_tab li.on .i_name {font-weight:700;} #container .popular_course .tab_in_tab li .i_cate {display:block;font-size:13px;font-weight:700;} #container .popular_course .tab_in_tab li .i_name {display:block;margin-top:2px;font-size:17px;font-weight:500;color:#333333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} #container .popular_course .tab_course_desc {float:left;padding:30px 30px 31px;width:976px;height:261px;background-color:#e5e5e5;cursor:pointer;} #container .popular_course .tab_course_desc .course_thumb {position:relative;float:left;width:320px;height:200px;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;border-radius:5px} #container .popular_course .tab_course_desc .course_thumb .favorite_box {display:none;position:absolute;bottom:0;left:0;width:100%;height:35px;background-color:rgba(255,255,255,.95);text-align:center;} #container .popular_course .tab_course_desc .course_thumb .favor_num {display:inline-block;padding-left:19px;font-size:14px;color:#666666;background:url('../images/ico_favorite_trans.png') no-repeat 0 50%;line-height:35px;} #container .popular_course .tab_course_desc .course_thumb .favor_num.on {background-image:url('../images/ico_favorite_trans_on.png');} #container .popular_course .tab_course_desc .course_desc {float:left;margin-left:46px;width:550px;} #container .popular_course .tab_course_desc .course_desc .i_cate {display:inline-block;padding:0 22px;height:25px;line-height:25px;font-size:15px;color:#fff;border-radius:13px;} #container .popular_course .tab_course_desc .course_desc .i_name {display:block;margin-top:10px;font-size:23px;font-weight:700;color:#333333;line-height:30px;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2; 라인수-webkit-box-orient: vertical;overflow:hidden;} #container .popular_course .course_desc .tag_box {margin-top:26px;font-size:0;} #container .popular_course .course_desc .tag_box .i_tag {display:inline-block;margin-left:10px;padding:0 16px;height:28px;line-height:28px;font-size:15px;color:#676767;background:#e5e5e5;border:1px solid #676767;border-radius:13px;} #container .popular_course .course_desc .tag_box .i_tag:first-child {margin-left:0;} #container .popular_course .course_desc .course_review {margin-top:15px;padding-top:13px;border-top:1px solid #c6c6c6} #container .popular_course .course_desc .course_review .ico_star_view {position:relative;float:left;width:106px;height:16px;background:url('../images/star_view_blank.png') no-repeat;} #container .popular_course .course_desc .course_review .ico_star_view .star_fill {position:absolute;top:0;left:0;height:16px;background:url('../images/star_view_full.png') no-repeat;} #container .popular_course .course_desc .course_review .i_rating {float:left;width:31px;font-size:15px;font-weight:700;color:#333333;text-align:right;line-height:16px;} #container .popular_course .course_desc .course_review .i_comment {float:left;margin-left:18px;width:360px;font-size:15px;color:#666666;line-height:16px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} /* #container .popular_course {margin-bottom:60px; padding:53px 0 0;height:518px;background-color:#f0f0f0;} #container .popular_course h2 {margin-bottom:19px;font-size:26px;font-weight:700;color:#4c4c4c;text-align:center;} #container .popular_course h2 span {padding-right:15px;font-style:italic;font-family:'Gmarket Sans';font-weight:700;} #container .popular_course .tab_btn {margin-bottom:20px;text-align:center;font-size:0;} #container .popular_course .tab_btn li {display:inline-block;margin:0 5px;width:165px;height:45px;line-height:45px;font-size:16px;font-weight:500;color:#666666;vertical-align:top;background-color:#e5e5e5;cursor:pointer;} #container .popular_course .tab_btn li.on {color:#ffffff;} #container .popular_course .tab_in_tab {float:left;width:408px;height:261px;} #container .popular_course .tab_in_tab li {padding:21px;height:87px;background-color:#f0f0f0;border-bottom:1px solid #c9c9c9;cursor:pointer;} #container .popular_course .tab_in_tab li.on {background-color:#ffffff;border-color:#ffffff;} #container .popular_course .tab_in_tab li.on .i_name {font-weight:700;} #container .popular_course .tab_in_tab li .i_cate {display:block;font-size:13px;font-weight:700;} #container .popular_course .tab_in_tab li .i_name {display:block;margin-top:2px;font-size:17px;font-weight:500;color:#333333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} #container .popular_course .tab_course_desc {float:left;padding:30px 30px 31px;width:976px;height:261px;background-color:#ffffff;cursor:pointer;} #container .popular_course .tab_course_desc .course_thumb {position:relative;float:left;width:320px;height:200px;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;} #container .popular_course .tab_course_desc .course_thumb .favorite_box {display:none;position:absolute;bottom:0;left:0;width:100%;height:35px;background-color:rgba(255,255,255,.95);text-align:center;} #container .popular_course .tab_course_desc .course_thumb .favor_num {display:inline-block;padding-left:19px;font-size:14px;color:#666666;background:url('../images/ico_favorite_trans.png') no-repeat 0 50%;line-height:35px;} #container .popular_course .tab_course_desc .course_thumb .favor_num.on {background-image:url('../images/ico_favorite_trans_on.png');} 200820 하트 활성 추가 #container .popular_course .tab_course_desc .course_desc {float:left;margin-left:46px;width:550px;} #container .popular_course .tab_course_desc .course_desc .i_cate {display:inline-block;padding:0 22px;height:25px;line-height:25px;font-size:15px;color:#fff;border-radius:13px;} #container .popular_course .tab_course_desc .course_desc .i_name {display:block;margin-top:10px;font-size:25px;font-weight:700;color:#333333;line-height:30px;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2; 라인수-webkit-box-orient: vertical;overflow:hidden;} #container .popular_course .course_desc .tag_box {margin-top:26px;font-size:0;} #container .popular_course .course_desc .tag_box .i_tag {display:inline-block;margin-left:10px;padding:0 16px;height:25px;line-height:25px;font-size:15px;border-width:1px;border-style:solid;border-radius:13px;} #container .popular_course .course_desc .tag_box .i_tag:first-child {margin-left:0;} #container .popular_course .course_desc .course_review {margin-top:15px;padding-top:13px;border-top:1px solid #cccccc;} #container .popular_course .course_desc .course_review .ico_star_view {position:relative;float:left;width:106px;height:16px;background:url('../images/star_view_blank.png') no-repeat;} #container .popular_course .course_desc .course_review .ico_star_view .star_fill {position:absolute;top:0;left:0;height:16px;background:url('../images/star_view_full.png') no-repeat;} #container .popular_course .course_desc .course_review .i_rating {float:left;width:31px;font-size:15px;font-weight:700;color:#333333;text-align:right;line-height:16px;} #container .popular_course .course_desc .course_review .i_comment {float:left;margin-left:18px;width:360px;font-size:15px;color:#666666;line-height:16px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} */ #container .popular_course .tab_course_desc:hover .favorite_box {display:block;} #container .main_shortcut {margin-bottom:60px; /* border:1px solid #ddd */} #container .main_shortcut .inner {background-color:#f0f0f0; padding:40px 0; width:1380px} #container .main_shortcut .shortcut_ment {float:left; font-size:26px; margin-left:60px; color:#5e5e5e;} /* #container .main_shortcut .shortcut_ment span {text-decoration:underline} */ #container .main_shortcut ul {float:right; height:130px; width:780px;} #container .main_shortcut li {display:inline-block; text-align:center; margin-right:50px} #container .main_shortcut li:last-child {margin-right:0} #container .main_shortcut li a {display:block; background:no-repeat; width:140px;} #container .main_shortcut li a span {display:block; padding-top:16px; font-size:16px; font-weight:600; color:#5e5e5e} #container .main_shortcut li a i {display:block; background:no-repeat; width:90px; height:90px; margin:0 auto} #container .main_shortcut li a i.short1 {background:url('../images/icon_short01.png'); background-size:90px 90px} #container .main_shortcut li a i.short2 {background:url('../images/icon_short02.png'); background-size:90px 90px} #container .main_shortcut li a i.short3 {background:url('../images/icon_short03.png'); background-size:90px 90px} #container .main_shortcut li a i.short4 {background:url('../images/icon_short04.png'); background-size:90px 90px} /* #container .main_shortcut ul {height:84px;overflow:hidden;} #container .main_shortcut li {float:left;padding-top:7px;width:25%;height:100%;border-left:1px solid #ffffff;background-repeat:no-repeat;background-position:51px 5px;} #container .main_shortcut li:first-child {border-left:0;} #container .main_shortcut li a {display:block;padding-left:159px;font-size:25px;font-weight:500;color:#f3f3f3;line-height:34px;} */ #container .main_course {margin-top:62px;} #container .main_course .main_course_container {width:1384px;overflow:hidden;} #container .main_course .new_course_container {width:1384px;overflow:hidden;} /* #container .main_new_course {margin-top:62px;} #container .main_new_course .new_course_slider {position:relative;} #container .main_new_course .new_course_slider .swiper-button-next, #container .main_new_course .new_course_slider .swiper-button-prev {width:18px;height:35px;outline:0;} #container .main_new_course .new_course_slider .swiper-button-next:after, #container .main_new_course .new_course_slider .swiper-button-prev:after {content:none;} #container .main_new_course .new_course_slider .swiper-button-next {right:-40px;background-image:url('../images/slider_next.png');} #container .main_new_course .new_course_slider .swiper-button-prev {left:-40px;background-image:url('../images/slider_prev.png');} #container .main_new_course .new_course_slider .new_course_container {width:1384px;overflow:hidden;} #container .main_new_course .new_course_slider .new_course_container .swiper-slide {cursor:pointer;} #container .main_new_course .new_course_slider .new_course_container .course_img {height:200px;background-repeat:no-repeat;background-position:100% auto;} #container .main_new_course .new_course_slider .new_course_container .i_cate {display:block;margin-top:15px;font-size:13px;font-weight:700;color:#ea563a;} #container .main_new_course .new_course_slider .new_course_container .i_name {display:block;margin-top:2px;font-size:20px;font-weight:500;color:#333333;} */ #container .main_due_gr {height:160px; background:#5e5e5e; padding:20px 0; margin-bottom:60px} #container .main_due_gr ul {width:600px; margin:0 auto;} #container .main_due_gr li {position:relative; display:inline-block; min-height:100px; overflow:hidden; color:#FFF} #container .main_due_gr li.main_due_date {background:url('../images/bg_duetime.png') no-repeat; margin-right:40px} #container .main_due_gr li.main_due_date .due_dpos {padding:15px 0 0 70px; text-align:right} #container .main_due_gr li.main_due_date span {display:block} #container .main_due_gr li.main_due_date .due_title {font-size:16px} #container .main_due_gr li.main_due_date .due_date {font-size:28px; font-weight:600; padding-top:8px} #container .main_due_gr li.main_due_num {background:url('../images/bg_duetime_dash.png') no-repeat 0 10px; font-size:60px; font-weight:600; font-style:italic; letter-spacing:-1.5px; padding-right:10px} #container .main_due_gr li.main_due_num .due_npos {padding:20px 0 0 80px} #container .main_due_gr li.main_due_num span i {display:inline-block; font-weight:600; font-style:italic; letter-spacing:-1.5px;} /* #container .main_apply_dday {height:160px; background:#5e5e5e} #container .main_apply_dday .closing_date {padding-left:413px;float:left;width:964px;} #container .main_apply_dday .closing_date .title {display:block;font-size:27px;font-weight:700;color:#ffffff;} #container .main_apply_dday .closing_date .i_num {display:block;font-size:55px;font-weight:700;color:#facd89;line-height:1;letter-spacing:-1px;} #container .main_apply_dday .dday_num {float:right;width:420px;font-size:0;} #container .main_apply_dday .dday_num span {display:inline-block;vertical-align:top;} #container .main_apply_dday .dday_num .fix_d, #container .main_apply_dday .dday_num .time_day {width:79px;height:123px;line-height:123px;font-size:70px;font-weight:900;color:#ffffff;background-color:#2c293b;border-radius:6px;text-align:center;} .main_apply_dday .dday_num .time_day {margin-right:13px;} .main_apply_dday .dday_num .i_hyphen {width:65px;height:123px;line-height:123px;font-size:70px;font-weight:400;color:#ffffff;text-align:center;} */ #container .main_bn_wrap {margin-bottom:60px; height:130px;} #container .main_bn_wrap:after {display:block;visibility:hidden;clear:both;content:""} #container .main_bn_wrap div {margin-left:20px;height:130px;border:1px solid #aaaaaa;} #container .main_bn_wrap div a {display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;} #container .main_bn_wrap div:first-child {margin-left:0;} #container .main_bn_wrap.bn1 div {float:none;margin:0;width:100%;} #container .main_bn_wrap.bn2 div {float:left;width:682px;} #container .main_bn_wrap.bn3 div {float:left;width:448px;} #container .main_bn_wrap.bn4 div {float:left;width:331px;} #container .cs_center {margin-bottom:60px; height:180px;border-top:1px solid #ddd;} #container .cs_center .cs_img {height:177px;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;} /* #container .cs_center .title {display:block;font-size:17px;font-weight:700;color:#595959;} #container .cs_center .cs_box_wrap {overflow:hidden;} #container .cs_center .cs_box {float:left;padding-left:123px;height:127px;background-repeat:no-repeat;background-position:28px 0;} #container .cs_center .cs_tel {width:468px;background-image:url('../images/ico_cs_tel.png');} #container .cs_center .cs_tel b {display:block;margin-top:9px;font-family: 'Gmarket Sans';font-weight:700;font-size:40px;line-height:1;} #container .cs_center .cs_time {width:468px;background-image:url('../images/ico_cs_time.png');} #container .cs_center .cs_time p {margin-top:6px;font-size:17px;color:#595959;line-height:24px;} #container .cs_center .cs_email {padding-top:5px;width:448px;background-image:url('../images/ico_cs_email.png');} #container .cs_center .cs_email a {display:block;margin-top:4px;font-size:20px;color:#595959;} #container .cs_center .cs_email a:hover {text-decoration:underline;} */ /* 메인 - 고객센터 퍼블 추가 */ .cc_center_lists {width:1384px; margin:0 auto; padding:44px 0; overflow:hidden;} .ccr_list {position:relative; float:left; width:calc(100% / 3); padding-left:100px;} .ccr_list [class^="icon_"] {position:absolute; top:0; left:0; width:80px; height:80px; background-repeat:no-repeat; background-size:100% auto;} .ccr_list .icon_call {background-image:url('../images/ico_cs_tel.png');} .ccr_list .icon_time {background-image:url('../images/ico_cs_time.png');} .ccr_list .icon_email {background-image:url('../images/ico_cs_email.png');} .ccr_list [class^="txt_"] {display:block;} .ccr_list .txt_tit {font-size:18px; font-weight:700; padding-bottom:5px; color:#5e5e5e;} .ccr_list .txt_org {font-size:40px; font-weight:700; color:#F79646;} .ccr_list .txt_sub {color:rgba(76,76,76,.5);} #container .main_bbs_wrap {margin-bottom:60px; padding-top:40px;height:360px;background-color:#f2f2f2;} #container .bbs_box_wrap {overflow:hidden;} #container .bbs_box_wrap .bbs_box {/* position:relative; */float:left;} #container .bbs_box_wrap .bbs_box .title {display:block;font-size:28px;font-weight:700;color:#4c4c4c;} #container .bbs_box_wrap .bbs_box .more {/* position:absolute;top:5px; */padding-right:13px;font-size:15px;color:#4c4c4c;background:url('../images/ico_arrow_right.png') no-repeat right center;} #container .bbs_box_wrap .bbs_box.bbs_noti {position:relative;width:720px;} #container .bbs_box_wrap .bbs_box.bbs_noti .title {display:block;font-size:28px;font-weight:700;color:#4c4c4c; border-bottom:1px solid #c1c1c1; padding-bottom:12px} #container .bbs_box_wrap .bbs_box.bbs_noti .more {position:absolute; top:16px; right:2px;} #container .bbs_box_wrap .bbs_box.bbs_noti .main_noti_list {margin-top:17px;} #container .bbs_box_wrap .bbs_box.bbs_noti .main_noti_list li {padding:8px 0; overflow:hidden;} #container .bbs_box_wrap .bbs_box.bbs_noti .main_noti_list li:first-child {margin-top:0;} #container .bbs_box_wrap .bbs_box.bbs_noti .main_noti_list li a {display:block;float:left;max-width:339px;font-size:17px;color:#4c4c4c;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} #container .bbs_box_wrap .bbs_box.bbs_noti .main_noti_list li a:hover {text-decoration:underline;} #container .bbs_box_wrap .bbs_box.bbs_noti .main_noti_list li .i_date {display:block;float:right;font-size:17px;color:rgba(76,76,76,.5);} #container .bbs_box_wrap .bbs_box.bbs_gr {width:525px; margin-left:120px;} #container .bbs_box_wrap .bbs_box.bbs_gr .bbs_faq {position:relative;} #container .bbs_box_wrap .bbs_box.bbs_gr .bbs_faq .more {position:absolute; top:16px; right:2px;} #container .bbs_box_wrap .bbs_box.bbs_gr .bbs_faq .srh_box {position:relative;margin-top:18px;} #container .bbs_box_wrap .bbs_box.bbs_gr .bbs_faq .srh_box input {padding:0 45px 0 15px;height:50px;line-height:50px;font-size:18px;color:#cfcece;border:2px solid #cfcece;background-color:#f2f2f2; border-radius:4px} #container .bbs_box_wrap .bbs_box.bbs_gr .bbs_faq .srh_box button {display:block;position:absolute;top:0;right:0;width:44px;height:50px;background:url('../images/ico_srh_b.png') no-repeat 50% 50%;} #container .bbs_box_wrap .bbs_box.bbs_gr .bbs_qna {margin-top:30px; padding-top:20px; border-top:1px solid #c1c1c1;} /* #container .bbs_box_wrap .bbs_box.bbs_gr .bbs_qna a.btn_main_qa {position:relative; display:inline-block; height:52px; width:170px; line-height:52px; font-size:16px; color:#FFF; text-align:right; background:#5e5e5e; border-radius:5px; margin-right:30px; padding-right:50px} */ #container .bbs_box_wrap .bbs_box.bbs_gr .bbs_qna a.btn_main_qa {position:relative; display:inline-block; height:52px; width:170px; line-height:52px; font-size:16px; color:#FFF; text-align:right; background:#5e5e5e; border-radius:5px; margin-right:30px; text-align:center;} #container .bbs_box_wrap .bbs_box.bbs_gr .bbs_qna .arr_go {position:absolute; top:18px; right:20px; display:inline-block; background:url('../images/ico_arr_mw.png') no-repeat; width:13px; height:21px; margin-left:16px} /* #container .bbs_box_wrap .bbs_box.bbs_gr .bbs_qna .more {right:53px;} #container .bbs_box_wrap .bbs_box.bbs_gr .bbs_qna .qna_link {margin-top:19px;overflow:hidden;} #container .bbs_box_wrap .bbs_box.bbs_gr .bbs_qna .qna_link > a {display:block;padding-top:82px;width:157px;height:128px;font-size:20px;font-weight:500;color:#4c4c4c;background-color:#ffffff;background-repeat:no-repeat;background-position:50% 23px;border-radius:6px;text-align:center;} #container .bbs_box_wrap .bbs_box.bbs_gr .bbs_qna .qna_link > a.i_ask {float:left;background-image:url('../images/ico_qna_ask.png');} #container .bbs_box_wrap .bbs_box.bbs_gr .bbs_qna .qna_link > a.i_view {float:right;background-image:url('../images/ico_qna_view.png');} */ /* 노출할 컨텐츠 목록이 없는 경우 */ #container .no_course_sec {padding:66px 0;height:310px;background-color:#f5f5f5;text-align:center;} #container .no_course_sec p {font-size:25px;font-weight:500;color:#666666;line-height:34px;} #container .no_course_sec .link_box {margin-top:45px;font-size:0;} #container .no_course_sec .link_box > a {display:inline-block;margin-left:30px;width:250px;height:60px;line-height:58px;font-size:20px;font-weight:500;vertical-align:top;border-width:1px;border-style:solid;border-radius:30px;text-align:center;} #container .no_course_sec .link_box > a:first-child {margin-left:0;} /* ----- Sub ----- */ /* Login */ .login_wrap {display:table;width:100%;height:100%;background-image:url('../images/login_bg.jpg');background-repeat:no-repeat;background-position:50% 50%;background-size:cover;} .login_wrap .login_inner {display:table-cell;width:100%;height:100%;vertical-align:middle; background-size:100%;} .login_wrap .login_inner .warning_msg {margin:0 auto;width:1000px;text-align:center;font-size:0;} .login_wrap .login_inner .warning_msg span {display:inline-block;width:16px;height:16px;background:url('../images/ico_info.png') no-repeat;vertical-align:top;} .login_wrap .login_inner .warning_msg p {display:inline-block;margin-left:7px;font-size:12px;color:#ffffff;line-height:16px;vertical-align:top;} .login_wrap .login_box {margin:20px auto;width:1000px;height:723px;border-radius:4px;overflow:hidden;background-color:#ffffff;} .login_wrap .login_box .login_box_img {float:left;width:500px;height:723px;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;} .login_wrap .login_box .login_content {float:left;padding:41px 50px 0;width:500px;height:723px;background-color:#ffffff;} .login_wrap .login_box h1 {margin-bottom:32px; font-size:30px;font-weight:700;color:#333333;} /* .login_wrap .login_box .input_box.ip_id {margin-top:32px;} */ /* .login_wrap .login_box .input_box.ip_pw {margin-top:21px;} */ .login_wrap .login_box .input_box input {padding:0;height:56px;line-height:56px;font-size:17px;color:#666666;border:0;border-bottom:1px solid #cccccc;} .login_wrap .login_box .find_box_wrap {margin-top:23px;overflow:hidden;} .login_wrap .login_box .find_box_wrap .chk_box {float:left;} .login_wrap .login_box .find_box_wrap .find_box {float:right;font-size:0;} .login_wrap .login_box .find_box_wrap .find_box > a {display:inline-block;margin-left:16px;padding-right:14px;font-size:14px;color:#666666;vertical-align:middle;background:url('../images/ico_arrow_right2.png') no-repeat right center;line-height:17px;} .login_wrap .login_box .find_box_wrap .find_box > a:first-child {margin-left:0;} .login_wrap .login_box .find_box_wrap .find_box > a:hover {text-decoration:underline;} .login_wrap .login_box .btn_login_box {margin-top:57px;} .lg_slct .selectric {border:0; border-bottom:1px solid #cccccc;} .login_wrap .login_box .login_content .lg_slct .label {margin:0; height:56px; color:#666; font-weight:400; font-size:16px; line-height:54px;} .lg_slct .selectric-select_box .selectric {height:56px;} .login_btn_w {display:table; width:100%; text-align:center; margin-top:57px;} .lb_list {display:table-cell; padding:0 3px;} .lb_list:first-child {width:104px;} .lb_list [class^="btn_"] {height:50px; line-height:48px; border-radius:4px; font-size:16px;} .login_wrap .login_box .err_msg_wrap {margin-top:10px;height:85px;} .login_wrap .login_box .join_info_desc {margin-top:11px;font-size:12px;font-weight:500;color:#666666;letter-spacing:0;} .login_wrap .login_box .login_cs {margin-top:14px;font-size:0;} .login_wrap .login_box .login_cs .cs_tel, .login_wrap .login_box .login_cs .cs_email {display:inline-block;line-height:14px;font-size:14px;font-weight:500;color:#333333;vertical-align:top;letter-spacing:0;} .login_wrap .login_box .login_cs .cs_tel {padding-left:19px;background:url('../images/ico_tel.png') no-repeat;} .login_wrap .login_box .login_cs .cs_email {margin-left:70px;padding-left:20px;background:url('../images/ico_email.png') no-repeat 0 2px;} .login_wrap .login_box .login_cs .cs_email:hover {text-decoration:underline;} /* Login - Find id */ .login_wrap .login_box .login_content .label {display:block;font-size:17px;font-weight:500;color:#333333;line-height:1;} .login_wrap .login_box .login_content.find_id .input_box {margin-top:48px;} .login_wrap .login_box .login_content.find_id .input_box + .input_box {margin-top:48px;} .login_wrap .login_box .login_content.find_id .btn_box {margin-top:49px;} .login_wrap .tab_find {margin-top:53px;overflow:hidden;} .login_wrap .tab_find li {float:left;width:190px;height:50px;line-height:48px;font-size:17px;color:#666666;cursor:pointer;text-align:center;border-radius:4px;border:1px solid #cccccc;background-color:#ffffff;} .login_wrap .tab_find li:first-child {margin-right:20px;} .login_wrap .tab_find li.on {color:#ffffff;} /* Login - Find id result */ .login_wrap .login_box .login_content.find_id_result .result_desc {margin-top:46px;font-size:17px;font-weight:500;color:#333333;} .login_wrap .login_box .login_content.find_id_result .val_cont {margin-top:16px;height:50px;line-height:50px;font-size:17px;font-weight:400;color:#333333;background-color:#f5f5f5;border-radius:4px;text-align:center;} .login_wrap .login_box .login_content.find_id_result .btn_box {margin-top:50px;} /* Login - Find pw */ .login_wrap .login_box .login_content.find_pw .input_box {margin-top:42px;} .login_wrap .login_box .login_content.find_pw .input_box + .input_box {margin-top:48px;} .login_wrap .login_box .login_content.find_pw .input_verify {position:relative;margin-top:10px !important;} .login_wrap .login_box .login_content.find_pw .input_verify .btn_verify {position:absolute;bottom:11px;right:0;width:100px;height:35px;line-height:33px;border-radius:4px;} .login_wrap .login_box .login_content.find_pw .btn_verify_box {margin-top:20px;} /* Login - Reset pw */ .login_wrap .reset_pw_box {padding:51px 0 0;background-image:none;} .login_wrap .reset_pw_box .reset_pw_inner {margin:0 auto;width:561px;} .login_wrap .reset_pw_box h1 {margin-bottom:67px;font-size:30px;font-weight:700;color:#333333;text-align:center;} .login_wrap .reset_pw_box .reset_desc li {margin-top:5px;font-weight:500;font-size:17px;color:#333333;} .login_wrap .reset_pw_box .reset_desc li:first-child {margin-top:0;} .login_wrap .reset_pw_box .input_box_wrap {margin-top:55px;} .login_wrap .reset_pw_box .input_box_wrap .new_ip_box {margin-top:25px;} .login_wrap .reset_pw_box .input_box_wrap .msg_wrap {position:relative;height:30px;} .login_wrap .reset_pw_box .input_box_wrap .msg_wrap > p {position:absolute;bottom:0;left:0;} .login_wrap .reset_pw_box .btn_reset_box {margin-top:76px;text-align:center;} .login_wrap .reset_pw_box .btn_reset_box .btn_reset_pw {width:400px;} /* Join terms */ .join_wrap {margin:0 auto;padding:90px 0 195px;width:900px;} .join_wrap h1 {font-size:30px;font-weight:700;color:#333333;text-align:center;} .join_wrap .join_nav {margin-top:52px;border-bottom:1px solid #cccccc;} .join_wrap .join_nav:after {display:block;visibility:hidden;clear:both;content:""} .join_wrap .join_nav li {position:relative;float:left;padding:43px 0 21px;width:300px;font-size:17px;color:#666666;text-align:center;line-height:1;background-position:50% 0;background-repeat:no-repeat;} .join_wrap .join_nav li span {display:none;position:absolute;bottom:-1px;left:0;width:100%;height:2px;} .join_wrap .join_nav li.join_nav1 {background-image:url('../images/ico_join_terms.png');} .join_wrap .join_nav li.join_nav2 {background-image:url('../images/ico_join_form.png');} .join_wrap .join_nav li.join_nav3 {background-image:url('../images/ico_join_compl.png');} .join_wrap .join_nav li.on.join_nav1 {background-image:url('../images/ico_join_terms_on.png');} .join_wrap .join_nav li.on.join_nav2 {background-image:url('../images/ico_join_form_on.png');} .join_wrap .join_nav li.on.join_nav3 {background-image:url('../images/ico_join_compl_on.png');} .join_wrap .join_nav li.on span {display:block;} .join_wrap h2 {margin-top:33px;font-size:17px;font-weight:500;color:#333333;} .join_wrap .terms_box_wrap {margin-top:27px;padding:33px 29px 25px;border:1px solid #cccccc;border-radius:4px;} .join_wrap .terms_box_wrap input[type="checkbox"] + label {font-size:17px;font-weight:500;line-height:16px;} .join_wrap .terms_box_wrap .desc {margin-top:6px;padding-left:26px;font-size:17px;color:#666666;} .join_wrap .terms_box_wrap .agree_box.agree_terms {margin-top:28px;padding-top:34px;border-top:1px solid #cccccc;} .join_wrap .terms_box_wrap .agree_box.agree_terms .textarea {margin-top:17px;padding:13px 19px;height:235px;font-size:15px;color:#666666;line-height:25px;border:1px solid #cccccc;border-radius:4px;overflow-x:hidden;overflow-y:auto;} .join_wrap .terms_box_wrap .agree_box.agree_email_event {margin-top:33px;} .join_wrap .terms_box_wrap .agree_box.agree_sms_event {margin-top:24px;padding-top:34px;border-top:1px solid #cccccc;} .join_wrap .btn_box {float:right;margin-top:20px;} /* 비밀번호 재설정 동의문구 */ .login_wrap .reset_pw_box {overflow-y:auto; padding-bottom:51px;} .reset_pw_inner .terms_box_wrap h1 {margin-bottom:20px;} .reset_pw_inner .agree_terms .textarea {padding:10px; margin-bottom:15px; border:1px solid #cccccc; height:72px; font-size:13px; overflow-y:auto;} .reset_pw_inner .txt_sub {display:block; padding-top:3px; font-size:12px; color:rgba(0,0,0,.6);} .reset_pw_inner .agree_sms_event {margin-top:20px;} .login_wrap .terms_box_wrap + h1 {margin:34px 0 20px; padding-top:28px; border-top:1px solid rgba(0,0,0,.4);} .at_sub_w {padding-left:15px;} .at_table_w {font-size:12px;} .at_table_w th {background:#f8f8f8; padding:10px;} .at_table_w tr {border-bottom:1px solid rgba(0,0,0,.1);} .at_table_w td {padding:5px 10px; border-left:1px solid rgba(0,0,0,.1); text-align:center; vertical-align:middle;} .at_table_w td:first-child {border-left:0;} .reset_pw_inner .txt_cRed {color:#ea563a;} .login_wrap .reset_pw_box .input_box_wrap {margin-top:40px;} .inner_tit {padding-bottom:5px; font-weight:700;} .inner_dot {display:block; position:relative; padding-left:23px;} .inner_dot:before {position:absolute; top:11px; left:10px; width:4px; height:4px; border-radius:50%; background:rgba(0,0,0,.8); content:'';} .inner_sub {padding-left:23px; font-size:14px;} .inner_tb {margin-bottom:10px; font-size:13px;} .inner_tb th {padding:7px; vertical-align:middle;} .inner_tb th {background:rgba(0,0,0,.05);} .inner_tb tr {border-bottom:1px solid rgba(0,0,0,.1);} .inner_tb td {padding:4px 20px; text-align:center; border:1px solid rgba(0,0,0,.1); vertical-align:middle;} .inner_tb tr:first-child td {border-top:0;} /* Join form */ .join_wrap .form_section {position:relative;} .join_wrap .form_section .ast_desc {position:absolute;top:6px;right:0;font-size:12px;font-weight:500;color:#ea563a;} .join_wrap .form_box {margin-top:16px;padding:38px 71px 59px;border:1px solid #cccccc;border-radius:4px;} .join_wrap .form_box .form_group {margin-top:36px;} .join_wrap .form_box .form_group:first-child {margin-top:0;} .join_wrap .form_box .form_group:after {display:block;visibility:hidden;clear:both;content:""} .join_wrap .form_box .form_group .title {float:left;width:156px;height:56px;line-height:56px;font-size:17px;font-weight:500;color:#333333;} .join_wrap .form_box .form_group .title .ast {display:inline-block;margin-left:7px;font-size:17px;color:#ea563a;vertical-align:-4px;} .join_wrap .form_box .form_group .cont {position:relative;float:left;width:600px;} .join_wrap .form_box .form_group .devide_box:after {display:block;visibility:hidden;clear:both;content:""} .join_wrap .form_box .form_group .i_hyphen {display:block;float:left;height:56px;line-height:56px;font-size:17px;color:#666666;text-align:center;} .join_wrap .form_box .form_group .cont .half_size {width:285px;} .join_wrap .form_box .form_group.form_cell .input_box {float:left;width:160px;} .join_wrap .form_box .form_group.form_cell .input_box input {padding:0 4px;} .join_wrap .form_box .form_group.form_cell .i_hyphen {width:60px;} .join_wrap .form_box .form_group.form_email .input_box {float:left;width:200px;} .join_wrap .form_box .form_group.form_email .input_box input {padding:0 4px;} .join_wrap .form_box .form_group.form_email .i_at {display:block;float:left;width:39px;height:56px;line-height:56px;font-size:17px;color:#666666;text-align:center;} .join_wrap .form_box .form_group.form_email .select_wrap {float:left;margin-left:12px;width:149px;} .join_wrap .form_box .form_group.form_resident .input_box {float:left;width:285px;} .join_wrap .form_box .form_group.form_resident .i_hyphen {width:30px;} .join_wrap .form_box .form_group.form_address .input_box {margin-top:10px;} .join_wrap .form_box .form_group.form_address .input_box:first-child {margin-top:0;} .join_wrap .form_box .form_group.form_position .select_wrap {float:left;width:285px;} .join_wrap .form_box .form_group.form_position .input_box {float:left;margin-left:30px;width:285px;} .join_wrap .form_box .form_group .cont .btn_style1 {position:absolute;top:9px;right:0;} .join_wrap .form_box .form_group .cont .msg_wrap {padding-top:5px;height:25px;} .join_wrap .form_box .join_rute {margin-top:20px} .join_wrap .form_box .join_rute li {display:inline-block; margin-right:20px} /* Join complete*/ .join_wrap.join_compl_wrap {padding-bottom:145px;} .join_wrap .join_compl {margin:0 auto;padding:133px 0 0;width:400px;text-align:center;} .join_wrap .join_compl p {padding-top:115px;font-size:17px;font-weight:500;color:#333333;background:url('../images/ico_big_compl.png') no-repeat 50% 0;} .join_wrap .join_compl .btn_box {float:none;margin-top:188px;} #container .ex_list_wrap {} #container .ex_list_wrap .input_wrap {margin-top:31px;overflow:hidden;} #container .ex_list_wrap .input_wrap .input_box {float:left;width:1231px;} #container .ex_list_wrap .input_wrap .chk_box {float:left;margin:11px 0 0 20px;width:133px;} #container .ex_list_wrap .input_wrap .chk_box input[type="checkbox"] + label {font-size:13px;} #container .ex_list_wrap .sel_depth {margin-top:20px;border:1px solid #cccccc;overflow:hidden;} /* #container .ex_list_wrap .sel_depth .depth_box {position:relative;float:left;width:25%;height:248px;border-left:1px solid #cccccc;overflow-x:hidden;overflow-y:auto;background-color:#ffffff;} */ #container .ex_list_wrap .sel_depth .depth_box {position:relative;float:left;width:25%;height:180px;border-left:1px solid #cccccc;overflow-x:hidden;overflow-y:auto;background-color:#ffffff;} #container .ex_list_wrap .sel_depth .depth_box:first-child {border-left:0;} /* #container .ex_list_wrap .sel_depth .depth_box .select_desc {padding:0 20px;font-size:15px;font-weight:400;color:#333333;line-height:50px;} */ #container .ex_list_wrap .sel_depth .depth_box .select_desc {padding:0 20px;font-size:15px;font-weight:400;color:#333333;line-height:20px;} #container .ex_list_wrap .sel_depth .depth_box li {} #container .ex_list_wrap .sel_depth .depth_box li input[type="radio"] + label {display:block;padding:0 20px;height:35px;line-height:25px;font-size:15px;font-weight:400;color:#333333;background-color:#ffffff;cursor:pointer;} #container .ex_list_wrap .sel_depth .depth_box li input[type="radio"]:checked + label {font-weight:500;background-color:#f8f8f8;} #container .ex_list_wrap .ex_srh_result {margin-top:29px;padding:0 29px;height:60px;line-height:58px;font-size:17px;color:#333333;background-color:#f5f5f5;border:1px solid #cccccc;border-radius:4px;} #container .ex_list_wrap .ex_srh_result b {font-size:22px;font-weight:700;color:#333333;} /* Sub Section tab style */ .tab_sub_sec {display:table !important; table-layout:fixed; width:100%; margin-top:29px;overflow:hidden;border:1px solid #dddddd;} /* .tab_sub_sec.tab2 li {width:50% !important;} */ /* .tab_sub_sec.tab3 li {width:33.33% !important;} */ /* .tab_sub_sec.tab4 li {width:25% !important;} */ .tab_sub_sec li {display:table-cell; /* float:left; */ height:50px;line-height:48px;font-size:17px;font-weight:400;color:#999999;text-align:center;border-left:1px solid #dddddd;background-color:#ffffff;cursor:pointer;} .tab_sub_sec li:first-child {border-left:0;} .tab_sub_sec li.on {font-weight:700;color:#ffffff;} .tab_sub_sec li.on span {font-weight:400;} .selectric-select_box.selectric-sel_cate {position:absolute;top:0;right:0;width:121px;} .selectric-select_box.selectric-sel_cate .selectric {height:32px;border:0;background:url('../images/ico_sel_cate.png') no-repeat 0 8px;} .selectric-select_box.selectric-sel_cate .selectric .label {margin:0 28px 0 19px;height:30px;line-height:30px;font-size:13px;} .selectric-select_box.selectric-sel_cate .selectric .button {right:9px;width:11px;height:6px;background:url('../images/ico_arrow_cate.png') no-repeat 50% 50%;background-size:auto;} .selectric-select_box.selectric-sel_cate.selectric-open .selectric .button {background:url('../images/ico_arrow_cate_up.png') no-repeat 50% 50%} .selectric-select_box.selectric-sel_cate .selectric-items {border-top:1px solid #cccccc;border-color:#cccccc;} .selectric-select_box.selectric-sel_cate .selectric-items li {padding:4px 11px 5px;font-size:13px;color:#666666;border:0;} /* Explore 2depth */ #header #snb_bg {display:none;z-index:300;position:absolute;top:90px;left:0;width:100%;max-height:800px;border-bottom:1px solid #dddddd; box-shadow:0 2px 3px rgba(204,204,204,5); overflow-y:auto;} #header #snb_bg .snb_link {position:absolute;top:0;left:-23.5%;width:23.5%;height:100%;background-color:#f5f5f5;} #header #snb_bg .snb_link ul {float:right;padding-top:35px;width:209px;} #header #snb_bg .snb_link ul li {margin-top:20px;} #header #snb_bg .snb_link ul li:first-child {margin-top:0;} #header #snb_bg .snb_link ul li a {font-size:20px;color:#333333;} #header #snb_bg .snb_link ul li a:hover {font-weight:700;color:#ea563a;} #header #snb_bg .gnb_2d {position:relative;float:left;margin-left:23.5%;padding-bottom:40px;width:76.5%;height:100%;background-color:#ffffff;} #header #snb_bg .gnb_2d:before {position:absolute; top:0; left:-100%; width:100%; height:100%; background:#f5f5f5; content:'';} #header #snb_bg .gnb_2d .gnb_1dul {float:left;} #header #snb_bg .gnb_2d .gnb_1dul > li > a {display:block;padding:0 20px;font-size:16px;font-weight:500;color:#333333;} #header #snb_bg .gnb_2d .gnb_2dul > li {margin-top:1px;} #header #snb_bg .gnb_2d .gnb_2dul > li:first-child {margin-top:13px;} #header #snb_bg .gnb_2d .gnb_2dul > li > a {display:block;padding:13px 20px 15px;font-size:15px;color:#333333;} #header #snb_bg .gnb_2d .gnb_2dul > li > a:hover {font-weight:500;background-color:#f8f8f8;} #header #snb_bg .gnb_2d .gnb_1dul {margin-left:5px;padding-top:35px;width:150px;} /*#header #snb_bg .gnb_2d .gnb_1dul_4 {width:217px;}*/ #header #snb_bg .gnb_2d .ex_2d_wrapper {max-width:1198px;overflow:hidden;} #header #snb_bg .gnb_2d .ex_2d_wrapper .swiper-slide {background:#ffffff;} #header #snb_bg .gnb_2d .gnb_2d_inner {position:absolute;width:100%;height:40px;bottom:0;left:0;max-width:1198px;} #header #snb_bg .gnb_2d .gnb_2d_inner .nav2d_wrap {position:absolute;bottom:8px;right:0;font-size:0;} #header #snb_bg .gnb_2d .gnb_2d_inner .nav2d_wrap .swiper-button-next, #header #snb_bg .gnb_2d .gnb_2d_inner .nav2d_wrap .swiper-button-prev {display:inline-block;position:static;margin:0;width:25px;height:25px;vertical-align:top;border:1px solid #cccccc;background-color:#ffffff;background-repeat:no-repeat;background-position:50% 50%;} #header #snb_bg .gnb_2d .gnb_2d_inner .nav2d_wrap .swiper-button-next:after, #header #snb_bg .gnb_2d .gnb_2d_inner .nav2d_wrap .swiper-button-prev:after {display:none;} #header #snb_bg .gnb_2d .gnb_2d_inner .nav2d_wrap .swiper-button-prev {background-image:url('../images/ico_2d_prev.png');} #header #snb_bg .gnb_2d .gnb_2d_inner .nav2d_wrap .swiper-button-next {background-image:url('../images/ico_2d_next.png');} #header #snb_bg .gnb_2d .gnb_2d_inner .nav2d_wrap .swiper-pagination {display:inline-block;position:static;margin:0 10px;width:auto;font-size:15px;color:#666666;vertical-align:top;line-height:25px;} #header #snb_bg .gnb_2d .gnb_2d_inner .nav2d_wrap .swiper-pagination span {display:inline-block;font-size:15px;color:#666666;vertical-align:top;line-height:25px;} #header #snb_bg .gnb_2d .gnb_2d_inner .nav2d_wrap .swiper-pagination span.swiper-pagination-current {font-weight:500;color:#333333;} /* Explore 2depth */ #header .snb_bg {display:none;z-index:300;position:absolute;top:90px;left:0;width:100%;max-height:800px;border-bottom:1px solid #dddddd; box-shadow:0 2px 3px rgba(204,204,204,5); overflow-y:auto;} #header .snb_bg .snb_link {position:absolute;top:0;left:-23.5%;width:23.5%;height:100%;background-color:#f5f5f5;} #header .snb_bg .snb_link ul {float:right;padding-top:35px;width:209px;} #header .snb_bg .snb_link ul li {margin-top:20px;} #header .snb_bg .snb_link ul li:first-child {margin-top:0;} #header .snb_bg .snb_link ul li a {font-size:20px;color:#333333;} #header .snb_bg .snb_link ul li a:hover {font-weight:700;color:#ea563a;} #header .snb_bg .gnb_2d {position:relative;float:left;margin-left:23.5%;padding-bottom:40px;width:76.5%;height:100%;background-color:#ffffff;} #header .snb_bg .gnb_2d:before {position:absolute; top:0; left:-100%; width:100%; height:100%; background:#f5f5f5; content:'';} #header .snb_bg .gnb_2d .gnb_1dul {float:left;} #header .snb_bg .gnb_2d .gnb_1dul > li > a {display:block;padding:0 20px;font-size:16px;font-weight:500;color:#333333;} #header .snb_bg .gnb_2d .gnb_2dul > li {margin-top:1px;} #header .snb_bg .gnb_2d .gnb_2dul > li:first-child {margin-top:13px;} #header .snb_bg .gnb_2d .gnb_2dul > li > a {display:block;padding:13px 20px 15px;font-size:15px;color:#333333;} #header .snb_bg .gnb_2d .gnb_2dul > li > a:hover {font-weight:500;background-color:#f8f8f8;} #header .snb_bg .gnb_2d .gnb_1dul {margin-left:5px;padding-top:35px;width:150px;} /*#header #snb_bg .gnb_2d .gnb_1dul_4 {width:217px;}*/ #header .snb_bg .gnb_2d .ex_2d_wrapper {max-width:1198px;overflow:hidden;} #header .snb_bg .gnb_2d .ex_2d_wrapper .swiper-slide {background:#ffffff;} #header .snb_bg .gnb_2d .gnb_2d_inner {position:absolute;width:100%;height:40px;bottom:0;left:0;max-width:1198px;} #header .snb_bg .gnb_2d .gnb_2d_inner .nav2d_wrap {position:absolute;bottom:8px;right:0;font-size:0;} #header .snb_bg .gnb_2d .gnb_2d_inner .nav2d_wrap .swiper-button-next, #header .snb_bg .gnb_2d .gnb_2d_inner .nav2d_wrap .swiper-button-prev {display:inline-block;position:static;margin:0;width:25px;height:25px;vertical-align:top;border:1px solid #cccccc;background-color:#ffffff;background-repeat:no-repeat;background-position:50% 50%;} #header .snb_bg .gnb_2d .gnb_2d_inner .nav2d_wrap .swiper-button-next:after, #header .snb_bg .gnb_2d .gnb_2d_inner .nav2d_wrap .swiper-button-prev:after {display:none;} #header .snb_bg .gnb_2d .gnb_2d_inner .nav2d_wrap .swiper-button-prev {background-image:url('../images/ico_2d_prev.png');} #header .snb_bg .gnb_2d .gnb_2d_inner .nav2d_wrap .swiper-button-next {background-image:url('../images/ico_2d_next.png');} #header .snb_bg .gnb_2d .gnb_2d_inner .nav2d_wrap .swiper-pagination {display:inline-block;position:static;margin:0 10px;width:auto;font-size:15px;color:#666666;vertical-align:top;line-height:25px;} #header .snb_bg .gnb_2d .gnb_2d_inner .nav2d_wrap .swiper-pagination span {display:inline-block;font-size:15px;color:#666666;vertical-align:top;line-height:25px;} #header .snb_bg .gnb_2d .gnb_2d_inner .nav2d_wrap .swiper-pagination span.swiper-pagination-current {font-weight:500;color:#333333;} /* 고객센터 2depth */ #header #snb_bg_cs {display:none;z-index:99;position:absolute;top:90px;left:0;width:100%;height:75px;border-bottom:1px solid #dddddd; box-shadow:0 2px 3px rgba(204,204,204,5); background:#fff} #header #snb_bg_cs .gnb_2d {padding:0 20px;width:1424px;margin:0 auto;} #header #snb_bg_cs .gnb_1dul {padding-left:458px;} #header #snb_bg_cs .gnb_1dul li {float:left;margin-right:50px;padding:20px 0;} #header #snb_bg_cs .gnb_1dul li:last-child {margin-right:0;} #header #snb_bg_cs .gnb_1dul li a {font-size:18px;font-weight:500;color:#4e4e4e} #header #snb_bg_cs .gnb_1dul li a.on {font-weight:700;} /* Explore List ( 탐색 ) */ #container .course_multi_tab {position:relative;margin:14px 0 6px;min-height:30px;} #container .course_list {clear:both;} #container .course_list ul {margin:0 -16px;overflow:hidden;} #container .course_list li {margin:40px 16px 0;float:left;width:322px;height:420px;border:1px solid #cccccc;border-radius:5px;overflow:hidden; cursor:pointer;} #container .course_list li:nth-child(1), #container .course_list li:nth-child(2), #container .course_list li:nth-child(3), #container .course_list li:nth-child(4) {margin-top:0;} #container .course_list li .thumb_box {position:relative;height:200px;} #container .course_list li .thumb_box .course_img {height:200px;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;} #container .course_list li .thumb_box .course_opt {display:none;position:absolute;bottom:0;left:0;width:320px;height:35px;background-color:rgba(255,255,255,.95);} #container .course_list li .thumb_box .course_opt .i_bar {display:block;position:absolute;top:50%;left:50%;margin-top:-5px;margin-left:-1px;width:1px;height:10px;background-color:#bfbfbf;} #container .course_list li .thumb_box .course_opt > button {display:block;float:left;padding-left:80px;width:50%;height:100%;font-size:14px;color:#666666;font-weight:500;background-color:#ffffff;text-align:left;} #container .course_list li .thumb_box .course_opt > button.btn_view {background:url('../images/ico_srh_xs.png') no-repeat 56px 10px;} #container .course_list li .thumb_box .course_opt > button.btn_like {background-image:url('../images/ico_favorite.png');background-repeat:no-repeat;background-position:56px 13px;} #container .course_list li .thumb_box .course_opt > button.btn_like.on {background-image:url('../images/ico_favorite_on.png');} #container .course_list li .thumb_box .course_opt > button.btn_like .btn_like_cnt {display:none;} #container .course_list li .thumb_box .course_opt.type2 {background-color:rgba(255,255,255,.95);} #container .course_list li .thumb_box .course_opt.type2 .i_bar, #container .course_list li .thumb_box .course_opt.type2 .btn_view {display:none;} #container .course_list li .thumb_box .course_opt.type2 > button.btn_like {float:none;padding-left:0;width:100%;background:none;background-color:transparent;text-align:center;} #container .course_list li .thumb_box .course_opt.type2 > button.btn_like .btn_like_txt {display:none;} #container .course_list li .thumb_box .course_opt.type2 > button.btn_like .btn_like_cnt {display:inline-block; min-width:25px;} #container .course_list li .thumb_box .course_opt.type2 > button.btn_like span {display:inline-block;padding-left:15px;font-size:12px;color:#808080;vertical-align:top;line-height:30px;background-image:url('../images/ico_favorite.png');background-repeat:no-repeat;background-position:0 52%;} #container .course_list li .thumb_box .course_opt.type2 > button.btn_like.on span {background-image:url('../images/ico_favorite_on.png');} #container .course_list li .thumb_box .favorite_box {position:absolute;bottom:0;left:0;width:100%;height:35px;background-color:rgba(255,255,255,.95);text-align:center;} #container .course_list li .thumb_box .favor_num {display:inline-block;padding-left:19px;font-size:14px;color:#666666;background-repeat:no-repeat;background-position:0 50%;background-image:url('../images/ico_favorite_trans.png');line-height:35px;} #container .course_list li .thumb_box .favor_num.on {background-image:url('../images/ico_favorite_trans_on.png');} #container .course_list li .course_desc {position:relative;padding:14px 19px 0;height:196px;background-color:#ffffff;} #container .course_list li .course_desc .i_cate {display:block;font-size:13px; color:#f16329; padding-bottom:8px} #container .course_list li .course_desc .i_subject {display:block;max-height:55px;margin-top:2px;font-size:20px;font-weight:700;color:#333333;line-height:140%; text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2; /* 라인수 */-webkit-box-orient: vertical;overflow:hidden;} #container .course_list li .course_desc .i_date {position:absolute;bottom:0px;left:19px;font-size:13px;color:#666666;} #container .course_list li .course_desc .i_cc {position:absolute;bottom:0px;right:19px;font-size:0;} #container .course_list li .course_desc .i_cc > span {display:inline-block;padding-left:18px;font-size:13px;color:#666666;background-repeat:no-repeat;background-position:0 50%;} #container .course_list li .course_desc .i_cc > span.i_view {margin-left:19px;background-image:url('../images/ico_view.png');} #container .course_list li .course_desc .i_cc > span.i_reply {margin-left:19px;background-image:url('../images/ico_reply.png');} #container .course_list li:hover .thumb_box .course_opt {display:block;} #container .course_list li:hover .thumb_box .favorite_box {display:none;} /* 탐색 목록형/카드형 선택 */ .align_maker {display:inline-block; overflow:hidden; width:0; height:100%; vertical-align:middle; font-size:0; text-decoration:none;} .course_list + .page_nav, #container .page_nav + .course_multi_tab {margin-top:60px;} .type_lists {display:inline-block; border-radius:6px; border:1px solid #ccc; overflow:hidden;} .type_list {float:left;} .type_list + .type_list {border-left:1px solid #ccc;} .type_list [class^="btnIcon_"] {width:36px; height:36px; text-indent:-9999px; background-color:#f8f8f8; background-repeat:no-repeat; background-size:20px auto; background-position:center;} .type_list [class^="btnIcon_"].active {background-color:#ccc;} .type_list .btnIcon_list {background-image:url('../images/icon_showtable.png');} .type_list .btnIcon_card {background-image:url('../images/icon_showthumb.png');} #container .course_list .cl_list {position:relative; display:block; width:calc(100% - 32px); height:unset; min-height:126px; margin-top:0; border:0; border-radius:0;} .cl_list + .cl_list {border-top:1px solid #ccc !important;} #container .course_list .cl_list .course_desc {max-width:80%; min-height:156px; height:unset; padding:15px 0 15px 220px;} #container .course_list .cl_list .course_desc .i_cc {bottom:13px; right:auto; left:205px;} #container .course_list .cl_list .course_desc .i_date {position:relative; bottom:auto; left:auto; margin-top:5px;} .cl_list .img {position:absolute; top:15px; left:0; width:200px; height:126px; border-radius:8px; background-size:cover; z-index:3;} #container .course_list .cl_list .course_desc .i_subject {margin-top:5px;} .cl_list .favorite_box {position:absolute; top:50%; right:0; height:126px; margin-top:-63px;} .fb_wrap {display:inline-block; vertical-align:middle;} .cl_list .favorite_box button {display:block; width:100px;height:30px;color:#ccc;font-weight:700;border:1px solid #ccc;border-radius:4px;background-color:#fff;} .cl_list .favorite_box button + button {margin-top:5px;} .cl_list .favorite_box .btn_preview {color:#333; border-color:#333;} #container .course_list .cl_list.sme_regi .sme_name .sme_thumb {width:18px; height:18px;} #container .course_list .cl_list.sme_regi .sme_name {height:unset; margin:0; padding-top:0; padding-left:25px; border:0; font-size:13px;} .cl_list .sme_prof {position:absolute; display:block; top:17px; left:25px; width:125px; height:125px; z-index:3;} #container .course_list .cl_list .thumb_box {height:125px; background-size:cover; border-radius:50%;} .cl_list .sme_channel .course_desc a {display:block; margin-bottom:5px; font-size:20px; font-weight:500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .cl_list .subs_num {display:block; margin-top:10px;} #container .cl_list .btn_subs {position:absolute; top:50%; right:0; width:100px; height:30px; margin-top:-15px;} #container .cl_list .btn_subs input[type="checkbox"] + label {height:30px; line-height:30px;} #container .cl_list .btn_subs input[type="checkbox"] + label .i_text {font-size:15px; background-size:16px auto;} #container .cl_list .btn_subs input[type="checkbox"]:checked + label .i_text {background-size:16px auto;} /* 학습피스 */ #container .course_list li.sme_regi .course_desc {height:138px;} #container .course_list li.sme_regi .sme_name {position:relative;margin:15px 19px 0 19px;padding-top:10px;padding-left:46px;height:45px;line-height:35px;font-size:17px;font-weight:500;color:#333333;border-top:1px solid #cccccc;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} #container .course_list li.sme_regi .sme_name .sme_thumb {position:absolute;top:10px;left:0;width:35px;height:35px;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;border-radius:50%;overflow:hidden;} /* SME 채널 */ #container .course_list li.sme_channel .thumb_box {margin:49px auto 1px;width:150px;height:150px;border-radius:50%;overflow:hidden;background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;} #container .course_list li.sme_channel .course_desc {padding:35px 19px 0} #container .course_list li.sme_channel .course_desc .channel_name {display:block;font-size:20px;font-weight:500;color:#333333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} #container .course_list li.sme_channel .course_desc .tag_wrap {display:block; max-width:100%; margin-top:9px;font-size:13px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} #container .course_list li.sme_channel .course_desc .tag_wrap .i_tag {display:inline-block; margin-left:6px;font-size:13px;color:#f16329;} #container .course_list li.sme_channel .course_desc .tag_wrap .i_tag:first-child {margin-left:0;} #container .course_list li.sme_channel .course_desc .subs_num {display:block;margin-top:11px;font-size:13px;color:#666666;} #container .course_list li.sme_channel .course_desc .subs_num b {margin-right:5px;font-size:13px;font-weight:700;color:#666666;} #container .btn_subs {margin-top:30px;border-radius:4px;overflow:hidden;text-align:center;} #container .btn_subs input[type="checkbox"] + label {padding-left:0;width:100%;height:38px;line-height:38px;} #container .btn_subs input[type="checkbox"] + label .i_text {display:inline-block;padding-left:25px;font-size:17px;font-weight:700;color:#f5f5f5;background:url('../images/ico_subs_plus.png') no-repeat 0 50%;} #container .btn_subs input[type="checkbox"]:checked + label {background-color:#aaaaaa !important;} #container .btn_subs input[type="checkbox"]:checked + label .i_text {background:url('../images/ico_subs_ing.png') no-repeat 0 50%;} #container .course_multi_tab .multi_course_type {margin:29px 0 9px;width:1160px;font-size:0;} #container .course_multi_tab .multi_course_type li {display:inline-block;margin-bottom:10px;margin-right:10px;vertical-align:top;text-align:center;} #container .course_multi_tab .multi_course_type li:last-child {margin-left:0;} #container .course_multi_tab .multi_course_type li input[type="checkbox"] + label {padding:0 30px;min-width:120px;height:35px;line-height:33px;font-size:15px;color:#999999;border-radius:4px;background-color:#f5f5f5;border-width:1px;border-style:solid;border-color:#dddddd;} #container .course_multi_tab .multi_course_type li input[type="checkbox"]:checked + label {background-color:#ffffff;} /* 탐색 - 검색 결과가 없습니다.*/ #container .srh_result_course .srh_none {margin-top:30px;padding:85px 0 87px;text-align:center;background-color:#f5f5f5; z-index:0} #container .srh_result_course .srh_none p {display:inline-block;padding-left:78px;height:59px;line-height:59px;font-size:20px;color:#999999;background:url('../images/ico_srh_none.png') no-repeat 0 50%;} /* Explore - SME channel */ #container .sme_visual {position:relative;height:350px;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;} #container .sme_visual:after {content:'';z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;background:url('../images/sme_visual_bg.png') no-repeat 50% 50%;} #container .sme_visual + .sub_inner {padding-top:27px;} #container .sme_visual .sme_info_box {position:relative;z-index:2;padding-top:220px} #container .sme_visual .sme_info_box .sme_name_wrap {float:left;width:645px;} #container .sme_visual .sme_info_box .sme_name_wrap .sme_thumb_wrap {position:relative;float:left;margin-top:5px;width:100px;height:100px;border-radius:50%;overflow:hidden;-webkit-box-shadow: 0 0 10px 2px rgba(0,0,0,0.2); box-shadow: 0 0 10px 2px rgba(0,0,0,0.2);} #container .sme_visual .sme_info_box .sme_name_wrap .sme_thumb_wrap:after {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url('../images/sme_channel_default.png');background-repeat:no-repeat;} /* default img */ #container .sme_visual .sme_info_box .sme_name_wrap .sme_thumb {z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;} #container .sme_visual .sme_info_box .sme_name_wrap .sme_thumb_desc {float:left;margin-left:15px;padding-right:20px;width:530px;} #container .sme_visual .sme_info_box .sme_name_wrap .sme_thumb_desc .field_wrap {font-size:0;} #container .sme_visual .sme_info_box .sme_name_wrap .sme_thumb_desc .field_wrap .i_field {display:inline-block;padding:0 18px;height:22px;line-height:20px;font-size:15px;color:#0396a6;border:1px solid #0396a6;vertical-align:top;border-radius:11px;} #container .sme_visual .sme_info_box .sme_name_wrap .sme_thumb_desc .i_name {display:block;margin-top:8px;padding-left:5px;font-size:30px;font-weight:700;color:#ffffff;line-height:1;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} #container .sme_visual .sme_info_box .sme_name_wrap .sme_thumb_desc .tag_wrap {margin-top:14px;padding-left:5px;font-size:0;} #container .sme_visual .sme_info_box .sme_name_wrap .sme_thumb_desc .tag_wrap .i_tag {display:inline-block;margin-left:6px;font-size:13px;vertical-align:top;} #container .sme_visual .sme_info_box .sme_name_wrap .sme_thumb_desc .tag_wrap .i_tag:first-child {margin-left:0;} #container .sme_visual .sme_info_box .sme_num_wrap {position:relative;float:left;padding-top:43px;width:739px;font-size:0;} #container .sme_visual .sme_info_box .sme_num_wrap .data_box {display:inline-block;margin-left:55px;vertical-align:top;} #container .sme_visual .sme_info_box .sme_num_wrap .data_box .i_num {display:block;font-size:20px;font-weight:700;color:#ffffff;} #container .sme_visual .sme_info_box .sme_num_wrap .data_box .i_name {display:block;margin-top:3px;padding-left:18px;height:14px;line-height:14px;font-size:12px;font-weight:500;color:#888888;background-repeat:no-repeat;} #container .sme_visual .sme_info_box .sme_num_wrap .data_box.i_susb {margin-left:0;} #container .sme_visual .sme_info_box .sme_num_wrap .data_box.i_susb .i_name {background-image:url('../images/ico_sme_subs.png');} #container .sme_visual .sme_info_box .sme_num_wrap .data_box.i_cont .i_name {background-image:url('../images/ico_sme_cont.png');} #container .sme_visual .sme_info_box .sme_num_wrap .data_box.i_view .i_name {background-image:url('../images/ico_sme_view.png');} #container .sme_visual .sme_info_box .sme_num_wrap .data_box.i_like .i_name {background-image:url('../images/ico_sme_like.png');} #container .sme_visual .sme_info_box .sme_num_wrap .data_box.i_reply .i_name {background-image:url('../images/ico_sme_reply.png');} #container .sme_visual .sme_info_box .sme_num_wrap .btn_subs {position:absolute;bottom:0;right:0;width:200px;} /* Layer Popup default */ .layer_popup {z-index:1003;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);opacity:0;visibility:hidden;-webkit-transition:opacity 0.3s 0s, visibility 0s 0.3s;-moz-transition:opacity 0.3s 0s, visibility 0s 0.3s;transition:opacity 0.3s 0s, visibility 0s 0.3s;-webkit-font-smoothing:subpixel-antialiased;-webkit-transform: translateZ(0) scale(1.0, 1.0);} .layer_popup.visible {opacity:1;visibility:visible;-webkit-transition:opacity 0.3s 0s, visibility 0s 0s;-moz-transition:opacity 0.3s 0s, visibility 0s 0s;transition:opacity 0.3s 0s, visibility 0s 0s;} .layer_popup .popcontainer {position:fixed;top:50%;left:50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%); -o-transform:translate(-50%, -50%);transform: translate(-50%, -50%);min-width:288px;width:100%;max-height:91.666666%;overflow-y:auto;background:#fff;} .layer_popup .popcontainer .pop_inner {position:relative;padding:49px 40px 51px;} .layer_popup .popcontainer .partner_container{ display:flex; flex-flow : row wrap;} .layer_popup .popcontainer .partner_container .item{ width:50%; padding:7px; } .layer_popup .pop_title {position:relative;height:49px;} .layer_popup .pop_title .title {padding:0 40px;font-size:20px;font-weight:500;color:#f5f5f5;line-height:49px;} .layer_popup .pop_title .pop_close {display:block;position:absolute;top:14px;right:35px;width:24px;height:23px;background:url('../images/ico_pop_close.png') no-repeat 50% 50%;} .layer_popup .btn_box {margin-top:20px;text-align:right;} .layer_popup .input_box input {padding:0 10px;height:35px;line-height:35px;font-size:14px;color:#999999;} /* STEP */ .layer_popup .apply_step {border-width:2px;border-style:solid;border-radius:4px;} .layer_popup .apply_step ol {padding:29px 29px 34px 29px;overflow:hidden;} .layer_popup .apply_step ol li {position:relative;float:left;padding-left:23px;background:url('../images/ico_arrow_step.png') no-repeat 169px 50%;} .layer_popup .apply_step ol li:first-child {background-position:166px 50% !important;} .layer_popup .apply_step ol li:last-child {background:none;} .layer_popup .apply_step ol li:nth-child(1) {width:27%;} .layer_popup .apply_step ol li:nth-child(2) {width:27%;} .layer_popup .apply_step ol li:nth-child(3) {width:27%;} .layer_popup .apply_step ol li:nth-child(4) {width:18%;} .layer_popup .apply_step ol li .circle {display:block;position:absolute;top:2px;left:0;width:17px;height:17px;background-color:#ffffff;border-radius:50%;border:5px solid #cccccc;} .layer_popup .apply_step ol li .step_num {display:block;font-size:17px;font-weight:700;color:#cccccc;line-height:1;} .layer_popup .apply_step ol li .desc {display:block;margin-top:5px;font-size:12px;font-weight:500;color:#cccccc;line-height:1;} .layer_popup .apply_step ol li.theme_bd .circle {border-color:inherit;} .layer_popup .apply_step ol li.theme_color .step_num {color:inherit;} .layer_popup .apply_step ol li.theme_color .desc {color:inherit;} /* 약관 동의 */ .layer_popup .agree_cont .chk_desc {position:relative;margin-top:10px;padding-left:13px;font-size:13px;color:#333333;} .layer_popup .agree_cont .chk_desc .dot {display:block;position:absolute;top:9px;left:0;width:4px;height:4px;background-color:#0a0204;border-radius:50%;} .layer_popup .agree_cont .agree_box_wrap {margin-top:41px;} .layer_popup .agree_cont .agree_box {margin-top:35px;} .layer_popup .agree_cont .agree_box:first-child {margin-top:0;} .layer_popup .agree_cont .agree_box .title {display:block;font-size:17px;font-weight:700;color:#333333;} .layer_popup .agree_cont .agree_box .terms_box {margin-top:17px;padding:16px 20px;height:200px;line-height:22px;font-size:13px;color:#333333;border:1px solid #cccccc;overflow:auto;} .layer_popup .agree_cont .agree_box .chk_box {margin-top:20px;text-align:center;} .layer_popup .agree_cont .agree_box .chk_box input[type="checkbox"] + label {padding-left:62px;width:171px;height:40px;font-size:15px;font-weight:500;color:#999999;line-height:40px;background-color:#dedede;border-radius:4px;text-align:left;} .layer_popup .agree_cont .agree_box .chk_box input[type="checkbox"] + label span.ico_fake {top:13px;left:43px;width:14px;height:14px;background:url('../images/chk_off2.png') no-repeat;} .layer_popup .agree_cont .agree_box .chk_box input[type="checkbox"]:checked + label {color:#ffffff;} .layer_popup .agree_cont .agree_box .chk_box input[type="checkbox"]:checked + label span.ico_fake {background:url('../images/chk_on2.png') no-repeat;} /* form tbl style */ .form_box.tbl_style {margin-top:50px;} .form_box.tbl_style .form_group {display:table;width:100%;border-bottom:1px solid #cccccc;} .form_box.tbl_style .form_group:first-child {border-top:1px solid #cccccc;} .form_box.tbl_style .form_group .title {display:table-cell;padding:0 0 0 20px;width:170px;font-size:15px;font-weight:500;color:#333333;background-color:#f5f5f5;vertical-align:middle;} .form_box.tbl_style .form_group .title .ast {margin-left:6px;font-size:15px;font-weight:500;color:#ff0000;} .form_box.tbl_style .form_group .cont {display:table-cell;padding:10px;width:650px;} .form_box.tbl_style .form_group .cont .val_cont {font-size:15px;color:#333333; max-width:280px;} .form_box.tbl_style .form_group .cont .input_box input {position:relative;padding:0 10px;height:35px;line-height:35px;font-size:14px;color:#999999;} .form_box.tbl_style .form_group .cont .selectric-select_box .selectric {height:35px;} .form_box.tbl_style .form_group .cont .selectric-select_box .selectric .label {margin:0 32px 0 10px;height:35px;line-height:33px;font-size:14px;color:#999999;} .form_box.tbl_style .form_group .cont .selectric-select_box .selectric .button {right:10px;width:12px;height:7px;background-size:100% auto !important;} .form_box.tbl_style .form_group .cont .selectric-select_box .selectric-items li {padding:7px 10px 7px;font-size:14px;color:#333333;} .form_box.tbl_style .form_group .i_hyphen {display:block;float:left;width:30px;height:35px;line-height:33px;font-size:18px;color:#999999;text-align:center;} .form_box.tbl_style .form_group .i_at {display:block;float:left;width:30px;height:35px;line-height:33px;font-size:14px;color:#999999;text-align:center;} .form_box.tbl_style .form_group .i_text {display:block;float:left;padding-left:7px;width:41px;height:35px;line-height:33px;font-size:15px;color:#999999;} .form_box.tbl_style .form_group .chk_box input[type="radio"] + label {margin-right:21px;} .form_box.tbl_style .form_group .textarea {height:75px;} .form_box.tbl_style .form_group .filebox {text-align:right;} .form_box.tbl_style .form_group .cont .srh_address {position:relative;margin-bottom:10px;padding-left:114px;min-height:30px;} .form_box.tbl_style .form_group .cont .srh_address:after {display:block;visibility:hidden;clear:both;content:""} .form_box.tbl_style .form_group .cont .srh_address button {position:absolute;top:0;left:0;} .form_box.tbl_style .form_group .cont .srh_address .addr_cont {padding-top:4px;font-size:15px;color:#333333;} .form_box.tbl_style .form_group.form_resident .input_box {float:left;width:120px;} .form_box.tbl_style .form_group.form_cell .input_box {float:left;width:80px;} .form_box.tbl_style .form_group.form_cell .input_box input {text-align:center;} .form_box.tbl_style .form_group.form_email .input_box {float:left;width:190px;} .form_box.tbl_style .form_group.form_email .selectric-select_box {float:left;margin-left:10px;width:190px;} .form_box.tbl_style .form_group.form_approval .selectric-select_box {float:left;width:288px;} .form_box.tbl_style .form_group.form_approval .input_box {float:left;margin-left:13px;width:288px;} .form_box.tbl_style .form_group.form_learner_apply .btn_wrap {font-size:0;overflow:hidden;} .form_box.tbl_style .form_group.form_learner_apply .btn_wrap .btn_learner_upload {margin-left:10px;padding-left:34px;text-align:left;background:url('../images/ico_upload.png') no-repeat 14px 50%;border:1px solid #cccccc;color:#666666;} .form_box.tbl_style .form_group.form_learner_apply .info_opt {margin-top:6px;font-size:14px;color:#666666;} .form_box.tbl_style .form_group.form_calendar .ip_calendar {float:left;margin-right:9px;width:154px;} .form_box.tbl_style .form_group.form_calendar .selectric-ip_time {float:left;padding:0 !important;width:55px;text-align:left;} .form_box.tbl_style .form_group.form_calendar .selectric-ip_time .selectric .label {margin:0 5px 0 7px;} .form_box.tbl_style .form_group.form_calendar .selectric-ip_time .selectric .button {right:5px;background-size:auto 5px !important;} .form_box.tbl_style .form_group.form_calendar .selectric-ip_time .selectric-items .selectric-scroll {max-height:174px;} .form_box.tbl_style .form_group.form_calendar .selectric-ip_time .selectric-items li {padding:7px;} .form_box.tbl_style .form_group.form_calendar .i_colon {display:block;float:left;width:12px;height:35px;line-height:33px;font-size:20px;color:#999999;text-align:center;} .form_box.tbl_style .form_group.form_calendar .i_dash {display:block;float:left;width:30px;height:35px;line-height:33px;font-size:20px;color:#999999;text-align:center;} .form_box.tbl_style .form_group.form_edu_field .selectric-select_box {float:left;margin-left:1.333333%;width:24%;} .form_box.tbl_style .form_group.form_edu_field .selectric-select_box:first-child {margin-left:0;} .form_box.tbl_style .form_group.form_total_day .input_box {float:left;width:120px;} .form_box.tbl_style .form_group.form_expense .input_box {float:left;width:120px;} .form_box.tbl_style .form_group.form_expense .input_box input {text-align:right;} .form_box.tbl_style .form_group .file_list {margin-top:10px;border-bottom:1px solid #cccccc;text-align:left;} .form_box.tbl_style .form_group .file_list li {position:relative;padding:6px 40px 9px 29px;border-top:1px solid #cccccc;border-left:1px solid #cccccc;border-right:1px solid #cccccc;background:url('../images/ico_board_view_file.png') no-repeat 10px 50%;} .form_box.tbl_style .form_group .file_list li a {font-size:14px;color:#666666;} .form_box.tbl_style .form_group .file_list li a:hover {text-decoration:underline;} .form_box.tbl_style .form_group .file_list li .btn_file_del {display:block;position:absolute;top:0;right:0;width:40px;height:100%;background:url('../images/ico_review_del.png') no-repeat 50% 50%;} /* 설문조사 */ .layer_popup .survey_box {margin-top:40px;} /* .layer_popup .survey_box .title_wrap .title {padding:9px 19px;height:47px;font-size:17px;font-weight:500;color:#333333;background-color:#f5f5f5;} */ .layer_popup .survey_box .title_wrap .title {padding:9px 19px;font-size:17px;font-weight:500;color:#333333;background-color:#f5f5f5;} .layer_popup .survey_box {border-top:2px solid #333333;border-left:1px solid #cccccc;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;} .layer_popup .survey_box ol li input[type="radio"] + label, .layer_popup .survey_box ol li input[type="checkbox"] + label {display:table;position:relative;width:100%;padding:0;border-top:1px solid #cccccc;cursor:pointer;} .layer_popup .survey_box ol li input[type="radio"] + label .i_num, .layer_popup .survey_box ol li input[type="checkbox"] + label .i_num {display:table-cell;padding:12px 0 11px;width:40px;font-size:14px;font-weight:500;color:#333333;text-align:center;vertical-align:middle;} .layer_popup .survey_box ol li input[type="radio"] + label .i_cont, .layer_popup .survey_box ol li input[type="checkbox"] + label .i_cont {display:table-cell;padding:12px 59px 11px 10px;font-size:14px;font-weight:500;color:#333333;border-left:1px solid #cccccc;vertical-align:middle;} .layer_popup .survey_box ol li input[type="radio"] + label .ico_fake, .layer_popup .survey_box ol li input[type="checkbox"] + label .ico_fake {display:block;position:absolute;top:50%;left:auto;right:20px;margin-top:-7px;width:18px;height:14px;background:url('../images/survey_chk_off.png') no-repeat;} .layer_popup .survey_box ol li input[type="radio"]:checked + label .ico_fake, .layer_popup .survey_box ol li input[type="checkbox"]:checked + label .ico_fake {background:url('../images/survey_chk_on.png') no-repeat;} .layer_popup .survey_box ol li input[type="radio"]:checked + label .i_num, .layer_popup .survey_box ol li input[type="checkbox"]:checked + label .i_num {font-weight:700;} .layer_popup .survey_box ol li input[type="radio"]:checked + label .i_cont, .layer_popup .survey_box ol li input[type="checkbox"]:checked + label .i_cont {font-weight:700;} .layer_popup .survey_box .textarea_wrap {padding:5px 10px;border-top:1px solid #cccccc;} .layer_popup .survey_box .textarea_wrap textarea {height:100px;} /* 수강신청 - STEP1 */ .pop_apply_step1 {min-height:400px;} /* 수강신청 - STEP3 */ .layer_popup .pop_apply_step3 {min-height:402px;} .layer_popup .approval_desc {position:relative;margin-top:6px;padding-left:22px;font-size:14px;color:#333333;} .layer_popup .approval_desc .ast {position:absolute;top:0;left:9px;font-size:17px;color:#ea563a;} /* 수강신청 - STEP4 */ .layer_popup .pop_apply_step4 {min-height:452px;} .layer_popup .pop_apply_step4 .confirm_box {padding-top:43px;text-align:center;} .layer_popup .pop_apply_step4 .confirm_box .confirm_course {font-size:20px;font-weight:400;color:#333333;line-height:29px;} .layer_popup .pop_apply_step4 .confirm_box .confirm_course span {display:block;font-weight:500;} .layer_popup .pop_apply_step4 .confirm_box .course_period {margin-top:13px;font-size:13px;color:#333333;} .layer_popup .pop_apply_step4 .standby_box {margin-top:39px;padding:32px 0 36px;background-color:#f5f5f5;border:1px solid #cccccc;border-radius:6px;text-align:center;} .layer_popup .pop_apply_step4 .standby_box p {font-size:15px;font-weight:400;color:#333333;line-height:25px;} .layer_popup .pop_apply_step4 .standby_box p b {font-weight:500;} .layer_popup .confirm_desc {position:relative;margin-top:16px;padding-left:21px;font-size:13px;color:#666666;line-height:20px;} .layer_popup .confirm_desc span {display:block;position:absolute;top:3px;left:3px;width:13px;height:13px;background:url('../images/ico_info_gray.png') no-repeat;} /* 신규차수 신청 - STEP3 */ .pop_new_apply_step1 {min-height:400px;} /* 신규차수 신청 - STEP3 */ .layer_popup .pop_new_apply_step3 {min-height:402px;} /* 신규차수 신청 - STEP4 */ .layer_popup .pop_new_apply_step4 {min-height:402px;} /* Layerpopup - 학습자 선택 */ .layer_popup .learner_select {min-height:491px;} .layer_popup .learner_select .pp_select_list {margin-top:20px;padding-top:20px;border-top:1px solid #cccccc;} .layer_popup .learner_select .num_pp {display:block;padding:0 10px;height:35px;line-height:35px;font-size:15px;font-weight:400;color:#ea563a;background-color:#ffefef;border:1px solid #ea563a;} .layer_popup .learner_select .num_pp .i_num {font-weight:700;} .layer_popup .learner_select .pp_list {margin-top:10px;border-left:1px solid #cccccc;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;} .layer_popup .learner_select .pp_list li {position:relative;padding:6px 10px 7px;border-top:1px solid #cccccc;} .layer_popup .learner_select .pp_list li .btn_close {display:block;position:absolute;top:0;right:0;padding:10px;width:30px;height:29px;background:url('../images/ico_close.png') no-repeat 50% 50%;} .layer_popup .learner_select .pp_list li .i_position {display:block;font-size:13px;color:#999999;} .layer_popup .learner_select .pp_list li .i_name {display:block;font-size:15px;font-weight:500;color:#333333;} /* Layerpopup - 학습자 업로드 */ .layer_popup .learner_upload {min-height:385px;} .layer_popup .learner_upload .ip_xlsx_wrap {margin-bottom:30px;} .layer_popup .learner_upload .ip_xlsx_wrap:after {display:block;visibility:hidden;clear:both;content:""} .layer_popup .learner_upload .ip_xlsx_box {position:relative;float:left;width:72%;} .layer_popup .learner_upload .ip_xlsx_box .ast {position:absolute;top:9px;left:0;font-size:15px;font-weight:500;color:#ea563a;} .layer_popup .learner_upload .ip_xlsx_box input {border-left:0;border-right:0;border-top:0;} .layer_popup .learner_upload .btn_wrap {float:left;padding-top:5px;width:28%;font-size:0;text-align:right;} .layer_popup .learner_upload .btn_wrap button {margin-left:10px;} .layer_popup .learner_upload .upload_slide_box .box_title {position:relative;padding:0 20px;height:40px;line-height:38px;font-size:15px;font-weight:700;color:#333333;background-color:#f9f9f9;cursor:pointer;border:1px solid #cccccc;border-top:0;} .layer_popup .learner_upload .upload_slide_box.sample_box {border-top:1px solid #cccccc;} .layer_popup .learner_upload .upload_slide_box .box_title .i_arrow {display:block;position:absolute;top:16px;right:20px;width:15px;height:9px;background:url('../images/select_arrow_down.png') no-repeat;-webkit-transform:rotate(0deg);transform:rotate(0deg);} .layer_popup .learner_upload .upload_slide_box .box_cont {padding:15px 20px 23px;border-left:1px solid #cccccc;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;} .layer_popup .learner_upload .upload_slide_box .box_cont .desc {position:relative;margin-top:2px;padding-left:11px;font-size:14px;color:#333333;} .layer_popup .learner_upload .upload_slide_box .box_cont .desc:first-child {margin-top:0;} .layer_popup .learner_upload .ast {font-size:15px;font-weight:500;color:#ea563a;} .layer_popup .learner_upload .upload_slide_box .box_cont .desc .dot {display:block;position:absolute;top:7px;left:0;width:6px;height:6px;background-color:#999999;border-radius:50%;} .layer_popup .learner_upload .upload_slide_box.active .i_arrow {-webkit-transform:rotate(180deg);transform:rotate(180deg);} .layer_popup .learner_upload .msg_wrap {margin-bottom:21px;min-height:20px;} .layer_popup .learner_upload .err_msg, .layer_popup .learner_upload .right_msg {font-size:14px;} .hrdKeyPad {position:absolute; bottom:0; left:0; z-index:9999;} /* 구독 - 리스트 */ .subscibe_list .sec {position:relative;margin-top:40px;} .subscibe_list .sec h3 {font-size:20px;} .subscibe_list .sec .course_slider > div {overflow:hidden;} .subscibe_list .sec .course_slider .my_channel_course_container .i_thumb {margin:0 auto;width:100px;height:100px;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;} .subscibe_list .sec .course_slider .my_channel_course_container .i_thumb.on:after {position:absolute;display:block;width:15px;height:15px;right:40px;top:3px;border:5px solid #f5f5f5;border-radius:50%;content:'';} .subscibe_list .sec .course_slider .my_channel_course_container .i_name {margin-top:5px;font-size:18px;text-align:center;font-weight:500;} .subscibe_list .sec .course_slider .swiper-button-next, .subscibe_list .sec .course_slider .swiper-button-prev {width:18px;height:35px;outline:0;} .subscibe_list .sec .course_slider .swiper-button-next:after, .subscibe_list .sec .course_slider .swiper-button-prev:after {content:none;} .subscibe_list .sec .course_slider .swiper-button-next {width:60px; height:60px; right:-30px; margin-top:-30px; background-image:url('../images/slider_next.png'); background-size:60px auto;} .subscibe_list .sec .course_slider .swiper-button-prev {width:60px; height:60px; left:-30px; margin-top:-30px; background-image:url('../images/slider_prev.png'); background-size:60px auto;} .subscibe_list .sec .course_slider .swiper-button-disabled {display:none;} .subscibe_list .sec1 .btn_management {position:absolute;right:0;top:0;} .subscibe_list .sec1 .course_slider {position:relative;padding:25px 10px 45px;border-bottom:1px solid #ccc;} .subscibe_list .sec .course_list {margin-top:50px;} .subscibe_list .sec .course_list .favorite_box {display:none;opacity:0.9;} .subscibe_list .sec .course_list .sme_regi:hover .favorite_box {display:block !important;} .subscibe_list .sec2 {width:1384px; margin:0 auto; margin-left:10px; padding-right:0 !important;} .subscibe_list .sec2 .course_slider {position:relative; margin-top:20px;} .subscibe_list .sec2 .sme_channel {border:1px solid #ccc;border-radius:3px;cursor:pointer; padding-bottom:30px} .subscibe_list .sec2 .sme_channel .popular_num {position:absolute;left:22px;top:10px;font-size:35px;color:#666;font-weight:700;font-style:italic;color:#aaa} .subscibe_list .sec2 .sme_channel .thumb_box {margin:49px auto 1px;width:150px;height:150px;border-radius:50%;overflow:hidden;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;} .subscibe_list .sec2 .sme_channel .course_desc {padding:35px 19px 0;height:196px;} .subscibe_list .sec2 .sme_channel .course_desc .channel_name {display:block;font-size:20px;font-weight:500;color:#333333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} .subscibe_list .sec2 .sme_channel .course_desc .tag_wrap {display:block;margin-top:9px;font-size:0;} .subscibe_list .sec2 .sme_channel .course_desc .tag_wrap .i_tag {display:inline-block;margin-left:6px;font-size:13px;color:#f16329} .subscibe_list .sec2 .sme_channel .course_desc .tag_wrap .i_tag:first-child {margin-left:0;} .subscibe_list .sec2 .sme_channel .course_desc .subs_num {display:block;margin-top:11px;font-size:13px;color:#666666;} .subscibe_list .sec2 .sme_channel .course_desc .subs_num b {margin-right:5px;font-size:13px;font-weight:700;color:#666666;} .subscibe_list .srh_none {margin-top:50px;padding:85px 0 87px;text-align:center;background-color:#f5f5f5;} .subscibe_list .srh_none p {display:inline-block;padding-left:78px;font-size:20px;color:#999999;text-align:left;background:url('../images/ico_srh_none.png') no-repeat 0 50%;} /* 포인트몰 -목록 */ .point_topArea {position:relative; border-bottom:1px solid #ccc; min-height:120px; margin-bottom:50px} .point_mall_list_wrap {position:relative;} .point_mall_list_wrap .input_wrap {position:absolute; left:0; top:50px} .point_mall_list_wrap .input_wrap .input_box {position:relative; width:520px;} .point_mall_list_wrap .input_wrap .input_box .btn_input_cancle {display:none;position:absolute;top:4px;right:44px;width:17px;height:16px;cursor:pointer;} .point_mall_list_wrap .input_wrap .input_box.on .btn_input_cancle {display:block;} .point_mall_list_wrap .input_wrap .input_box button {position:absolute;top:4px;right:0;width:42px;height:29px;background:url('../images/ico_srh_b.png') no-repeat 50% 50%;} .point_mall_list_wrap .point_info_box {position:absolute;right:0;top:0;} .point_mall_list_wrap .point_info_box .point_gift {float:left;} .point_mall_list_wrap .point_info_box .point_gift a {display:inline-block;margin-left:15px;width:200px;height:90px;line-height:90px; padding-left:36px; font-size:15px;color:#FFF;font-weight:500;text-align:center;background:url('../images/ico_point_gift.png') no-repeat 30px 50%;background-color:#6b6b6b;border-radius:5px} .point_mall_list_wrap .point_info_box .point_info {float:left;} .point_mall_list_wrap .point_info_box .point_info a {display:inline-block;margin-left:20px;width:200px;height:90px;line-height:90px; padding-left:38px; font-size:15px;color:#fff;text-align:center;background:url('../images/ico_point_info.png') no-repeat 15px 50%;background-color:#7e7e7e;border-radius:5px} .point_mall_list_wrap .point_info_box .my_point_wrap {float:left;} .point_mall_list_wrap .point_info_box .my_point_wrap a {display:block;padding:0 40px 0 40px;margin-right:20px;width:350px;height:90px;border-right:1px solid #ccc; border-left:1px solid #ccc;} .point_mall_list_wrap .point_info_box .my_point_wrap .my_point_tit {display:inline-block;padding-right:20px;color:#333;font-weight:400;background:url('../images/ico_my_point_arrow.png') no-repeat right 0 top 8px;text-decoration:underline} .point_mall_list_wrap .point_info_box .my_point_wrap .my_point {font-size:18px;color:#999;font-weight:700;text-align:right; padding-top:10px; font-style:italic} .point_mall_list_wrap .point_info_box .my_point_wrap .my_point b {display:inline-block; font-size:40px;color:#333; padding-right:6px; font-style:italic} .point_mall_list_wrap #snb {margin-top:20px;} .point_mall_list_wrap .point_mall_list {margin-top:30px;overflow:hidden;} .point_mall_list_wrap .point_mall_list li {float:left;margin:0 20px 30px 0;width:440px;height:180px;} .point_mall_list_wrap .point_mall_list .i_thumb {float:left; border:1px solid #ddd} .point_mall_list_wrap .point_mall_list .i_thumb a {display:block;width:170px;height:170px;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;overflow:hidden;} .point_mall_list_wrap .point_mall_list .des {position:relative; float:left;margin-left:18px;width:230px;} .point_mall_list_wrap .point_mall_list .des .i_brand {margin-top:10px;color:#999;font-weight:500;font-size:14px} .point_mall_list_wrap .point_mall_list .des .i_tit {margin-top:2px;font-size:17px;height:70px;font-weight:500;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2; /* 라인수 */-webkit-box-orient: vertical;overflow:hidden;} .point_mall_list_wrap .point_mall_list .des .i_point {position:absolute; top:140px; color:#aaa;font-weight:400;} .point_mall_list_wrap .point_mall_list .des .i_point b {display:inline-block;font-size:18px;color:#333;font-weight:700;padding-right:4px} .point_mall_list_wrap .point_mall_list .des .btn_buy {position:absolute; top:140px; right:0; display:inline-block;float:right;padding:0 14px;height:30px;font-size:15px;color:#666;line-height:28px;border:1px solid #666;border-radius:4px;} .point_topArea .input_wrap .input_box.style1 .btn_input_cancle {width:30px; height:30px;} /* 포인트몰 - 상세 */ .point_mall_view_wrap .point_topArea {position:relative; border-bottom:1px solid #ccc; min-height:70px; margin-bottom:20px} .point_mall_view_wrap {position:relative;padding-top:50px;} .point_mall_view_wrap .point_info_box {position:absolute;right:0;top:-48px;} .point_mall_view_wrap .point_info_box .point_gift {float:left;} .point_mall_view_wrap .point_info_box .point_gift a {display:inline-block;margin-left:15px;width:200px;height:90px;line-height:90px; padding-left:36px; font-size:15px;color:#FFF;font-weight:500;text-align:center;background:url('../images/ico_point_gift.png') no-repeat 30px 50%;background-color:#6b6b6b;border-radius:5px} .point_mall_view_wrap .point_info_box .point_info {float:left;} .point_mall_view_wrap .point_info_box .point_info a {display:inline-block;margin-left:20px;width:200px;height:90px;line-height:90px; padding-left:38px; font-size:15px;color:#fff;text-align:center;background:url('../images/ico_point_info.png') no-repeat 15px 50%;background-color:#7e7e7e;border-radius:5px} .point_mall_view_wrap .point_info_box .my_point_wrap {float:left;display:block;padding-right:40px;margin-right:20px;width:350px;height:90px;border-right:1px solid #ccc; } .point_mall_view_wrap .point_info_box .my_point_wrap .my_point_tit {display:inline-block;padding-right:20px;color:#333;font-weight:400;background:url('../images/ico_my_point_arrow.png') no-repeat right 0 top 8px;text-decoration:underline} .point_mall_view_wrap .point_info_box .my_point_wrap .my_point {font-size:18px;color:#999;font-weight:700;text-align:right; padding-top:10px; font-style:italic} .point_mall_view_wrap .point_info_box .my_point_wrap .my_point b {display:inline-block; font-size:40px;color:#333; padding-right:6px; font-style:italic} .point_mall_view_wrap .point_mall_view_con .point_mall_view_con_hd {overflow:hidden;} .point_mall_view_wrap .point_mall_view_con .i_thumb {float:left;width:350px;height:350px; border:1px solid #ddd} .point_mall_view_wrap .point_mall_view_con .i_thumb a {display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;overflow:hidden;} .point_mall_view_wrap .point_mall_view_con .des {float:left;margin-left:47px;width:800px;} .point_mall_view_wrap .point_mall_view_con .des .i_brand {margin-top:8px;font-size:17px;color:#999;font-weight:700;} .point_mall_view_wrap .point_mall_view_con .des .i_tit {margin-top:15px;font-size:25px;height:80px;font-weight:500;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2; /* 라인수 */-webkit-box-orient: vertical;overflow:hidden;} .point_mall_view_wrap .point_mall_view_con .des .point_view_utilgr {position:relative; margin-top:30px; } .point_mall_view_wrap .point_mall_view_con .des .point_view_utilgr span {display:inline-block;} .point_mall_view_wrap .point_mall_view_con .des .i_point {margin-top:20px;font-size:16px;color:#aaa;font-weight:700;} .point_mall_view_wrap .point_mall_view_con .des .i_point b {font-size:22px;color:#333;padding-right:4px} .point_mall_view_wrap .point_mall_view_con .des .i_validity {font-size:16px; padding-left:20px; margin-left:20px; border-left:2px solid #ccc} .point_mall_view_wrap .point_mall_view_con .des .i_validity b {padding:0 20px} .point_mall_view_wrap .point_mall_view_con .des .i_cnt_gr {position:relative; margin-top:90px} .point_mall_view_wrap .point_mall_view_con .des .i_cnt {position:absolute; left:0; top:0px;overflow:hidden; height:40px; line-height:40px} .point_mall_view_wrap .point_mall_view_con .des .i_cnt .i_art_tit {display:inline-block;float:left;font-size:16px;color:#666;font-weight:600;padding-right:16px} .point_mall_view_wrap .point_mall_view_con .des .i_cnt .i_cnt_btn {width:162px;border:1px solid #c2c2c2;border-radius:4px;overflow:hidden;} .point_mall_view_wrap .point_mall_view_con .des .i_cnt .btn_cnt_down, .point_mall_view_wrap .point_mall_view_con .des .i_cnt .btn_cnt_up {display:inline-block;float:left;width:40px !important;height:38px;} .point_mall_view_wrap .point_mall_view_con .des .i_cnt .btn_cnt_down {background:url('../images/btn_cnt_down.png') no-repeat 13px 11px #efefef;} .point_mall_view_wrap .point_mall_view_con .des .i_cnt .btn_cnt_up {background:url('../images/btn_cnt_up.png') no-repeat 13px 11px #efefef;} .point_mall_view_wrap .point_mall_view_con .des .i_cnt .cnt {display:inline-block;float:left;width:80px;height:38px;font-size:15px;color:#333;text-align:center;border:0;} .point_mall_view_wrap .point_mall_view_con .des .btn_buy {position:absolute; left:230px; top:0; padding:0 40px;height:40px;font-size:18px;color:#fff;font-weight:500;line-height:40px;border-radius:5px;} .point_mall_view_wrap .point_mall_view_con .point_mall_view_con_body {margin-top:50px;} .point_mall_view_wrap .point_mall_view_con .ex_detail_con_nav {position:relative; width:1384px;} .point_mall_view_wrap .point_mall_view_con .ex_detail_con_nav a {color:#666;background-color:#eee;} .point_mall_view_wrap .point_mall_view_con .point_mall_view_con_body .sec {margin-top:50px;} .point_mall_view_wrap .point_mall_view_con .point_mall_view_con_body .sec h3 {margin-bottom:30px;font-size:20px;color:#4c4c4c;} .point_mall_view_wrap .point_mall_view_con .point_mall_view_con_body .sec h4 {margin-top:30px;margin-bottom:3px;font-weight:500;} .point_mall_view_wrap .point_mall_view_con .point_mall_view_con_body .sec h4:first-child {margin-top:0;} .point_mall_view_wrap .point_mall_view_con .point_mall_view_con_body .sec p {font-weight:300;} .point_mall_view_wrap .point_mall_view_con .point_mall_view_con_body .sec li {position:relative;padding-left:8px;font-weight:300;} .point_mall_view_wrap .point_mall_view_con .point_mall_view_con_body .sec li:after {position:absolute;left:0;top:10px;width:4px;height:4px;background-color:#333;border-radius:50%;content:'';} .point_mall_view_wrap .point_mall_view_con .point_mall_view_con_body.fixed_top .ex_detail_con_nav {position:fixed !important;top:0;} /* 포인트몰 - 포인트 선물하기 */ .pop_point_gift h3 {font-size:20px;} .pop_point_gift .point_input_box {margin-top:18px;padding:15px 20px;background-color:#f5f5f5;border-radius:4px;overflow:hidden;} .pop_point_gift .point_input_box h4 {font-size:17px;} .pop_point_gift .point_input_box .my_point {float:left;width:360px;background:url('../images/bg_point_input.png') no-repeat right 21px top 48px;} .pop_point_gift .point_input_box .gift_point {float:left;width:300px;} .pop_point_gift .point_input_box .my_point_input {position:relative;margin-top:7px;padding:0 20px;width:300px;height:50px;line-height:50px;background-color:#fff;} .pop_point_gift .point_input_box .my_point_input .tit {color:#aaa;font-weight:500;} .pop_point_gift .point_input_box .my_point_input label.tit {vertical-align:top;cursor:pointer;} .pop_point_gift .point_input_box .my_point_input .point_val {float:right;} .pop_point_gift .point_input_box .my_point_input input {float:right;width:200px;height:50px;font-size:15px;text-align:right;} .pop_point_gift .point_search {margin-top:40px;} .pop_point_gift .point_search .point_search_box .dropdown_rel {width:288px;} .pop_point_gift .point_search .point_search_box input {margin-top:20px;padding:0 12px;width:288px;height:35px;font-size:15px;color:#999;border:1px solid #ccc;} .pop_point_gift .point_search .point_search_box .des {margin-top:10px;} .pop_point_gift .point_search .point_search_box strong {padding-left:20px;font-size:14px;color:#ea563a;background:url('../images/ico_em_point.png') no-repeat 0 3px;} .pop_point_gift .point_search .point_search_box p {padding-left:20px;font-size:14px;line-height:20px;} .pop_point_gift .btn_box {margin-top:30px;text-align:center;} .pop_point_gift .btn_box button {height:50px !important;color:#fff;} /* 포인트몰 - 포인트 적립, 사용안내 */ .pop_point_info .pop_point_info_hd {overflow:hidden;} .pop_point_info .pop_point_info_hd .point_acc, .pop_point_info .pop_point_info_hd .point_use {float:left;padding:35px 20px 0;width:340px;height:342px;border:1px solid #ccc;} .pop_point_info .pop_point_info_hd .point_use {margin-left:30px;} .pop_point_info .pop_point_info_hd .tit {padding-top:75px;padding-bottom:20px;font-size:17px;font-weight:700;text-align:center;border-bottom:1px solid #ccc;} .pop_point_info .pop_point_info_hd .point_acc .tit {background:url('../images/bg_point_acc.png') no-repeat center 0;} .pop_point_info .pop_point_info_hd .point_use .tit {background:url('../images/bg_point_use.png') no-repeat center 0;} .pop_point_info .pop_point_info_hd strong {font-weight:400;} .pop_point_info .pop_point_info_hd ul {margin-top:20px;} .pop_point_info .pop_point_info_hd li {position:relative;margin-top:10px;padding-left:11px;line-height:24px;} .pop_point_info .pop_point_info_hd li:after {position:absolute;left:0;top:9px;width:5px;height:5px;border-radius:50%;content:'';} .pop_point_info .pop_point_info_hd li span {font-weight:500;} .pop_point_info .i_info {margin-top:12px;padding-left:19px;background:url('../images/ico_em.png') no-repeat 0 6px;} .pop_point_info .add_info {margin-top:30px;} .pop_point_info .add_info li {margin-top:10px;border:1px solid #ccc;overflow:hidden;} .pop_point_info .add_info li .tit {float:left;width:120px;height:60px;color:#fff;font-weight:700;text-align:center;line-height:60px;background-color:#999;} .pop_point_info .add_info li p {float:left;padding:10px 20px;width:586px;height:60px;font-size:14px;line-height:20px;} .pop_point_info .add_info li p span {font-weight:500;} .pop_point_info .add_info li p small {display:block;font-size:13px;color:#999;} /* table - xlsx style */ .tbl_ex_xlsx {margin-top:18px;width:220px;border-collapse:collapse} .tbl_ex_xlsx thead th {height:31px;border-bottom:0;} .tbl_ex_xlsx th {font-size:15px;font-weight:400;color:#333333;background-color:#f5f5f5;text-align:center;vertical-align:middle;border:1px solid #cccccc;} .tbl_ex_xlsx tbody th {padding:3px 0 5px;} .tbl_ex_xlsx td {font-size:15px;font-weight:400;color:#333333;background-color:#ffefef;text-align:center;vertical-align:middle;border:1px solid #cccccc;} .tbl_ex_xlsx td.ast_bg {background-color:#e7f6ff;} /* table - style1 */ .tbl_style1 {width:100%;border-collapse:collapse;text-align:center;} .tbl_style1 th {height:31px;font-size:14px;font-weight:500;color:#333333;background-color:#f5f5f5;border:1px solid #cccccc;vertical-align:middle;border-bottom:0;} .tbl_style1 td {height:31px;font-size:14px;font-weight:400;color:#333333;background-color:#ffffff;border:1px solid #cccccc;vertical-align:middle;} .tbl_style1 td.err_data {color:#ea563a;} /* ui-datepicker Reset */ input.comm_calendar {cursor:pointer;background:url('../images/ico_calendar.png') no-repeat 127px 50%;} .comm_calendar {position:relative;} .comm_calendar.ui-datepicker {display:table;padding:0 12px 0;width:238px;background:#fff;-webkit-box-shadow: 5px 5px 6px 1px rgba(0,0,0,.1); box-shadow: 5px 5px 6px 1px rgba(0,0,0,.1);} .comm_calendar .ui-datepicker,.comm_calendar .ui-datepicker table,.comm_calendar .ui-datepicker tr,.comm_calendar .ui-datepicker td,.comm_calendar .ui-datepicker th {margin:0;padding:0;border:none;border-spacing:0;} /* Calendar Wrapper */ .comm_calendar .ui-datepicker {display:table-cell !important;padding:0;width:100%;vertical-align:middle;cursor:default;text-transform:uppercase;font-size:12px;background:transparent !important;} /* Calendar Header */ .comm_calendar .ui-datepicker-header {margin-bottom:14px;padding-top:16px;} .comm_calendar .ui-datepicker-title { padding-left:38px;text-align:left; } /* Month */ .comm_calendar .ui-datepicker-month {font-size:16px;font-weight:700;color:#111111;border:0;line-height:1;} /* Year */ .comm_calendar .ui-datepicker-year {font-size:16px;font-weight:700;color:#111111;border:0;line-height:1;} /* Prev Next Month */ .comm_calendar .ui-datepicker-prev,.comm_calendar .ui-datepicker-next {position:absolute;padding:5px;cursor:pointer;} .comm_calendar .ui-datepicker-prev {top:16px;left:17px;} .comm_calendar .ui-datepicker-next {top:16px;left:160px;} .comm_calendar .ui-datepicker-prev span,.comm_calendar .ui-datepicker-next span {display:block;width:9px;height:15px;text-indent:-9999px;background-size:cover !important;} .comm_calendar .ui-datepicker-prev span {background:url('../images/ico_calendar_prev.png') no-repeat center top;} .comm_calendar .ui-datepicker-next span {background:url('../images/ico_calendar_next.png') no-repeat center top;} /* Calendar "Days" */ .comm_calendar .ui-datepicker-calendar {margin:0 0 15px;width:100%;} .comm_calendar .ui-datepicker-calendar th {padding-bottom:3px;font-size:14px;font-weight:400;color:#666666;text-align:center;} .comm_calendar .ui-datepicker-calendar th:first-child span {color:#c60c0c;} .comm_calendar .ui-datepicker-calendar th:last-child span {color:#1672cd;} .comm_calendar .ui-datepicker-calendar th span {font-size:14px;font-weight:400;color:#666666;} .comm_calendar .ui-datepicker-calendar td {padding:1px 0;width:auto;font-size:12px;font-weight:400;text-align:center;} .comm_calendar .ui-datepicker-calendar .ui-state-default {display:block;margin:0 auto;width:25px;height:25px;line-height:25px;font-size:12px;font-weight:400;color:#1f1f1f;border-radius:50%;outline:none;text-decoration:none;background:#fff;} .comm_calendar .ui-datepicker-calendar .ui-state-default.ui-state-highlight.ui-state-active {color:#1f1f1f;background:none;border-radius:50%;} /* ui-datepicker-week-end */ .comm_calendar .ui-datepicker-calendar .ui-datepicker-week-end:first-child a {color:#ef5959;} .comm_calendar .ui-datepicker-calendar .ui-datepicker-week-end:last-child a {color:#3b6af1;} /* Day Active State*/ .comm_calendar.checked .ui-datepicker-calendar .ui-datepicker-current-day .ui-state-active {width:25px;height:25px;line-height:25px;color:#ffffff !important;} /* Other Months Days*/ .comm_calendar .ui-datepicker-other-month .ui-state-default {color:#999999 !important;} .comm_calendar .ui-datepicker-year:after {content:'.';} .comm_calendar .ui-state-disabled .ui-state-default {color:#999999 !important;background:none;} .comm_calendar .ui-state-disabled.ui-datepicker-week-end:first-child .ui-state-default {color:#c60c0c;} .comm_calendar .ui-state-disabled.ui-datepicker-week-end:last-child .ui-state-default {color:#3b6af1} /* Move Today Button */ .ui-datepicker-current {display:none;} /* Datepicker Close */ .comm_calendar .ui-datepicker-close {display:block;position:absolute;top:20px;right:19px;width:17px;height:17px;background:url('../images/ico_calendar_close.png') no-repeat 0 0;font-size:0;text-indent:-999em;} /* Loading */ .i_loading {margin-top:31px;width:100%;height:52px;background:url('../images/loading.gif') no-repeat 50% 50%;} /* Footer */ .footer {border-top:1px solid #ddd} .footer .ft_inner {position:relative;padding-top:40px;height:187px;} .footer .fnb {position:absolute;top:49px;right:0;font-size:0;} .footer .fnb li {display:inline-block;margin-left:19px;padding-left:18px;vertical-align:top;border-left:1px solid #bbbbbb;} .footer .fnb li:first-child {margin-left:0;padding-left:0;border-left:0;} .footer .fnb li a {font-size:15px;color:#505050;line-height:16px;} .footer .ft_logo {display:block;margin-bottom:15px;width:160px;height:41px;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;} .footer p {font-size:13px;font-weight:500;color:#505050;} .footer p.i_address span:first-child {margin-right:13px;} .footer p.copy {margin-top:5px;} /* Autocomplete */ .ui-helper-hidden-accessible {display:none !important;} .ui-autocomplete{z-index:1004;display:none;position:absolute;background:#fff;border:1px solid #d9d9d9;border-top:0; box-shadow:0 0 10px -6px;height:345px;overflow-y:auto;} .ui-autocomplete,.ui-autocomplete li.ui-menu-item{list-style:none;padding:0;margin:0;font-size:14px;line-height:20px;min-height:20px;} .ui-autocomplete li.ui-menu-item{display:block;padding:0;border-top:0;cursor:pointer;} .ui-autocomplete li.ui-menu-item:hover{background:#f5f5f5;} .ui-autocomplete li.ui-menu-item .ui-menu-item-wrapper{padding:7px 10px 7px;font-size:14px;color:#333333;} .ui-autocomplete li.ui-menu-item .ui-menu-item-wrapper.ui-state-active{background:#f2f2f2;color:#333333;} /* btn_totop 200928 right값 수정 */ .go_top {z-index:2000;display:none;position:fixed;bottom:30px;right:153px;padding-top:11px;width:60px;height:60px;font-size:13px;font-weight:500;color:#666666;background:#ffffff url('../images/ico_arrow_totop.png') no-repeat 50% 14px;border:1px solid #cccccc;overflow:hidden;border-radius:50%;outline:0;} @media (max-width:1854px) { .go_top {right:20px;} } /* right msg */ .right_msg {font-size:12px;font-weight:500;color:#0367a6;line-height:20px;letter-spacing:0;} /* err msg */ .err_msg {font-size:12px;font-weight:500;color:#ea563a;line-height:20px;letter-spacing:0;} /* textarea */ textarea {padding:8px;width:100%;font-size:14px;color:#666666;overflow:auto;border:1px solid #cccccc;outline:0;line-height:22px;} textarea:focus {border:1px solid #cccccc;outline:0;} /* Btn style */ .btn_box {font-size:0;} .btn_box button {display:inline-block;height:50px;line-height:50px;font-size:16px;font-weight:500;border-radius:4px;overflow:hidden;} .layer_popup .btn_box button {padding:0 27px;min-width:100px;width:auto;height:40px;line-height:38px;} .bb_wrap {float:right; padding-right:20px;} .layer_popup .test_cont_wrap .btn_box .bb_wrap [class^="btn_"] {float:none;} .bb_wrap [class^="btn_"] + [class^="btn_"] {margin-left:10px;} /* Btn style - Size */ button.btn_xs {margin-left:10px;width:100px;} button.btn_xs:first-child {margin-left:0;} button.btn_xl {width:100%;} button.btn_devide {margin-left:4.761904%;width:47.619047%;} button.btn_devide:first-child {margin-left:0;} button.btn_style1 {padding:0 23px;height:35px;line-height:33px;font-size:14px;color:#666666;border-radius:4px;} button.btn_style2 {padding:0 15px;height:30px;line-height:28px;font-size:13px;font-weight:500;border-radius:4px;} button.btn_style3 {width:120px;height:40px;line-height:38px;font-size:16px;font-weight:500;border-radius:4px;text-align:center;} button.btn_style4 {padding:0 27px;height:40px;line-height:38px;font-size:16px;font-weight:500;border-radius:4px;text-align:center;} /* Btn style - Color */ button.btn_lf {color:#ffffff;border-width:1px;border-style:solid;} button.btn_white {background-color:#ffffff;color:#333333;border:1px solid #666;} button.btn_whitegray {background-color:#ffffff;color:#666666;border:1px solid #cccccc;} button.btn_whitegray2 {background-color:#ffffff;color:#999999;border:1px solid #cccccc;} button.btn_whitegray3 {background-color:#ffffff;color:#666666;border:1px solid #999999;} button.btn_gray {background-color:#e7e7e7;color:#666666;border:1px solid #e7e7e7;} button.btn_graywhite {background-color:#aaaaaa;color:#ffffff;border:1px solid #aaaaaa;} button.btn_gray2 {background-color:#999999;color:#ffffff;border:1px solid #999999;} button.btn_gray3 {background-color:#666666;color:#ffffff;border:1px solid #666666;} button.btn_black {background-color:#2c2c2c;color:white;border:1px solid #2c2c2c;} /* Select Box style */ .selectric-select_box .selectric {height:50px;cursor:pointer;} .selectric-select_box .selectric .label {display:block;margin:0 50px 0 21px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px;font-weight:400;height:50px;line-height:48px;color:#333333;} .selectric-select_box .selectric .button {display:block;position:absolute;margin:auto;top:0;bottom:0;right:20px;width:15px;height:9px;background:url('../images/select_arrow_down.png') no-repeat center center;background-size:contain;} .selectric-select_box.selectric-open .selectric .button {background:url('../images/select_arrow_up.png') no-repeat center center;} .selectric-select_box .selectric-items {border-top:0;} .selectric-select_box .selectric-items li {padding:15px 21px 14px;font-size:15px;color:#333333;border-color:#cccccc;border-top:0 !important;} .selectric-select_box .selectric-items li:last-child {border-bottom:0;} /*.selectric-select_box .selectric-items li.highlighted {color:#505050;}*/ /*.selectric-focus .selectric {border-color:#405993;}*/ select option {font-size:15px;} /* selectric-disabled */ .selectric-select_box.selectric-disabled {color:#999;background-color:#f6f6f6;border:0;border-radius:4px;opacity:1;cursor:default;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .selectric-select_box.selectric-disabled .selectric {background:#f6f6f6;border:0;border-radius:4px;cursor:default;} .selectric-select_box.selectric-disabled .selectric .button {background:url('../images/ico_select_down_disabled.png') no-repeat center center;} .selectric-select_box.selectric-disabled .selectric .label {color:#999;} .sel_line .selectric-select_box .selectric {height:56px;border-top:0;border-left:0;border-right:0;} .sel_line .selectric-select_box .selectric .label {margin:0 41px 0 0;height:56px;line-height:54px;font-size:17px;color:#666666;} /* only num select box */ .selectric-select_box.selectric-sel_num .selectric {height:21px;border:0;} .selectric-select_box.selectric-sel_num .selectric .label {margin:0 22px 0 0;font-weight:500;height:21px;border:0;line-height:21px;} .selectric-select_box.selectric-sel_num .selectric .button {width:12px;height:7px;right:0;background-size:auto 100%;} .selectric-select_box.selectric-sel_num .selectric-items {border-top:1px solid #ccd5dc;} .selectric-select_box.selectric-sel_num .selectric-items li {padding:5px 2px;font-size:13px;} /* Input Style */ input::-ms-clear {display:none;} input::-ms-reveal {display:none;} input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { /* WebKit browsers */ color:transparent !important;} input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:transparent !important;} input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { /* Mozilla Firefox 19+ */ color:transparent !important;} input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { /* Internet Explorer 10+ */ color:transparent !important;} input[readonly]:focus {cursor:default;} [readonly='readonly'] {pointer-events:none;cursor:default;} .input_box input {padding:0 21px;width:100%;height:50px;line-height:48px;font-size:15px;color:#333333;border:1px solid #cccccc;outline:0;} .input_box input:disabled {color:#999999;cursor:default;background:#f6f6f6;} .input_box.style1 input {padding:0 14px;height:38px;line-height:36px;font-size:13px;color:#666666;} .ex_list_wrap .input_box.style1 input {background:url('../images/ico_srh.png') calc(100% - 14px) center no-repeat; background-size:20px auto;} input[type="checkbox"] {display:none;} input[type="checkbox"] + label {display:inline-block;position:relative;padding-left:25px;height:17px;line-height:17px;font-size:14px;color:#333333;cursor:pointer;vertical-align:top;} input[type="checkbox"] + label span.ico_fake {display:inline-block;position:absolute;top:0;left:0;width:19px;height:17px;background:url('../images/chk_off.png') no-repeat;cursor:pointer;vertical-align:middle;} input[type="checkbox"]:checked + label span.ico_fake {background:url('../images/chk_on.png') no-repeat;} input[type="radio"] {display:none;} input[type="radio"] + label {display:inline-block;position:relative;padding-left:25px;height:20px;line-height:20px;font-size:15px;color:#333333;cursor:pointer;vertical-align:top;} input[type="radio"] + label span.ico_fake {display:inline-block;position:absolute;top:0;left:0;width:21px;height:20px;background:url('../images/radio_off.png') no-repeat;cursor:pointer;vertical-align:middle;} input[type="radio"]:checked + label span.ico_fake {background:url('../images/radio_on.png') no-repeat;} input[type="radio"]:disabled + label {cursor:default;} input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0} .btn_file {display:inline-block;width:100px;height:30px;line-height:28px;font-size:12px;font-weight:500;border-radius:4px;cursor:pointer;text-align:center;} .btn_file.btn_gray {background-color:#e7e7e7;color:#666666;border:1px solid #e7e7e7;} /* Input box Line style */ .input_box.ip_line {position:relative;} .input_box.ip_line input {padding:0;height:56px;line-height:56px;font-size:17px;color:#666666;border-top:0;border-left:0;border-right:0;} .input_box.ip_line .ip_bar {position:absolute;bottom:0;left:0;width:0;height:1px;-webkit-transition:width .4s ease;transition:width .4s ease;} .input_box.ip_line.on .ip_bar {width:100%;} .input_box.ip_line input[readonly]:focus::-webkit-input-placeholder {color:#666666 !important;} .input_box.ip_line input[readonly]:focus:-moz-placeholder {color:#666666 !important;} .input_box.ip_line input[readonly]:focus::-moz-placeholder {color:#666666 !important;} .input_box.ip_line input[readonly]:focus:-ms-input-placeholder {color:#666666 !important;} .layer_popup .input_box input[readonly]:focus::-webkit-input-placeholder {color:#666666 !important;} .layer_popup .input_box input[readonly]:focus:-moz-placeholder {color:#666666 !important;} .layer_popup .input_box input[readonly]:focus::-moz-placeholder {color:#666666 !important;} .layer_popup .input_box input[readonly]:focus:-ms-input-placeholder {color:#666666 !important;} .pt_blue {color:#067BD3!important;} span.pt_blue {font-weight:500;} b.pt_blue {font-weight:700;} /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */ /* Layer popup - 시험 응시 유의사항 안내 */ .layer_popup .test_info_wrap .must_read_box {margin-bottom:34px;} .layer_popup .test_info_wrap .must_read_box .title {display:block;font-size:17px;font-weight:500;color:#ea563a;} .layer_popup .test_info_wrap .must_read_box .must_read_inner {margin-top:7px;padding:24px 29px;border:1px solid #cccccc;background-color:#f9f9f9;} .layer_popup .test_info_wrap .must_read_box ol li {margin-top:8px;font-size:15px;font-weight:500;color:#333333;} .layer_popup .test_info_wrap .must_read_box ol li:first-child {margin-top:0;} .layer_popup .test_info_wrap .must_read_box ol + p {margin-top:3px;padding-left:17px;font-size:15px;font-weight:500;} .layer_popup .test_info_wrap .copy_answer_info .title {display:block;position:relative;margin-bottom:9px;padding-left:22px;font-size:17px;font-weight:700;color:#333333;} .layer_popup .test_info_wrap .copy_answer_info .title:after {content:'';display:block;position:absolute;top:7px;left:0;width:17px;height:13px;background:url('../images/ico_ring.png') no-repeat;} .layer_popup .test_info_wrap .copy_answer_info ul {margin-left:23px;} .layer_popup .test_info_wrap .copy_answer_info ul > li {position:relative;margin-top:8px;padding-left:11px;font-size:15px;font-weight:700;color:#333333;line-height:24px;} .layer_popup .test_info_wrap .copy_answer_info ul > li:first-child {margin-top:0;} .layer_popup .test_info_wrap .copy_answer_info ul > li .sub_desc {font-size:14px;font-weight:500;color:#333333;} .layer_popup .test_info_wrap .copy_answer_info ul > li:after {content:'';display:block;position:absolute;top:9px;left:0;width:6px;height:6px;border-radius:50%;background-color:#666666;} .layer_popup .test_info_wrap .copy_answer_info ul > li > ol > li {font-size:14px;font-weight:500;} .layer_popup .test_info_wrap .copy_answer_info + .copy_answer_info {margin-top:28px;} .layer_popup .test_info_wrap .chk_box {margin-top:46px;text-align:center;} .layer_popup .test_info_wrap .btn_box {margin-top:20px;text-align:center;} .layer_popup .test_info_wrap .btn_box button {display:inline-block;font-size:16px;width:143px;color:#ffffff;vertical-align:top;text-align:center;} /* Layer popup - 시험 응시 */ .layer_popup .test_box_wrap {overflow:hidden;} .layer_popup .test_cont_wrap {float:left;width:781px;} .layer_popup .test_cont_wrap .test_name {margin-bottom:9px;padding-bottom:22px;font-size:30px;font-weight:700;color:#333333;border-bottom:1px solid #dddddd;line-height:1;} .layer_popup .test_cont_wrap .test_cont {height:531px;overflow-x:hidden;overflow-y:auto;} .layer_popup .test_cont_wrap .test_cont .cont_inner {padding-right:20px;} .layer_popup .test_cont_wrap .test_cont .q_order {font-size:0;} .layer_popup .test_cont_wrap .test_cont .q_order .i_num {display:inline-block;font-size:15px;font-weight:700;color:#999999;line-height:20px;vertical-align:top;} .layer_popup .test_cont_wrap .test_cont .q_order .i_type {display:inline-block;margin-left:10px;width:72px;height:20px;line-height:20px;font-size:13px;font-weight:500;color:#666666;border:1px solid #cccccc;border-radius:10px;text-align:center;background-color:#f5f5f5;} .layer_popup .test_cont_wrap .test_cont .i_question {margin-top:6px;margin-bottom:17px;font-size:17px;font-weight:500;color:#333333;line-height:24px;} /* 서술형 */ .layer_popup .test_cont_wrap .test_cont .type_box img {display:block;max-width:100%;height:auto;} .layer_popup .test_cont_wrap .test_cont .type_box .textarea_answer {margin-top:40px;padding:16px 19px;width:100%;height:186px;font-size:13px;color:#333333;overflow:auto;border:1px solid #cccccc;outline:0;line-height:22px;background-color:#f5f5f5;} /* 객관식 */ .layer_popup .test_cont_wrap .test_cont .multi_list {margin-top:26px;} .layer_popup .test_cont_wrap .test_cont .multi_list li {margin-top:10px;} .layer_popup .test_cont_wrap .test_cont .multi_list li:first-child {margin-top:0;} .layer_popup .test_cont_wrap .test_cont .multi_list li input[type="radio"] + label {display:block;padding:13px 20px 12px;width:100%;font-size:14px;font-weight:500;color:#333333;border:1px solid #dcdcdc;height:auto;line-height:1.5;} .layer_popup .test_cont_wrap .test_cont .multi_list li input[type="radio"]:checked + label {font-weight:700;border-color:#333333;-webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,.3);box-shadow: 0 0 4px 0 rgba(0,0,0,.3);} .layer_popup .test_cont_wrap .test_cont .multi_list li input[type="radio"] + label img {margin-top:7px;} /* OX */ .layer_popup .test_cont_wrap .test_cont .ox_wrap {margin:92px 0;font-size:0;text-align:center;} .layer_popup .test_cont_wrap .test_cont .ox_wrap .ox_box {display:inline-block;width:200px;height:200px;vertical-align:top;} .layer_popup .test_cont_wrap .test_cont .ox_wrap .x_box {margin-left:20px;} .layer_popup .test_cont_wrap .test_cont .ox_wrap .ox_box input[type="radio"] + label {padding:0;width:100%;height:100%;background-repeat:no-repeat;background-position:50% 50%;border:1px solid #dcdcdc;} .layer_popup .test_cont_wrap .test_cont .ox_wrap .ox_box input[type="radio"]:checked + label {border-color:#999999;-webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,.3);box-shadow: 0 0 4px 0 rgba(0,0,0,.3);} .layer_popup .test_cont_wrap .test_cont .ox_wrap .ox_box.o_box input[type="radio"] + label {background-image:url('../images/ico_o.png');} .layer_popup .test_cont_wrap .test_cont .ox_wrap .ox_box.o_box input[type="radio"]:checked + label {background-image:url('../images/ico_o_active.png');} .layer_popup .test_cont_wrap .test_cont .ox_wrap .ox_box.x_box input[type="radio"] + label {background-image:url('../images/ico_x.png');} .layer_popup .test_cont_wrap .test_cont .ox_wrap .ox_box.x_box input[type="radio"]:checked + label {background-image:url('../images/ico_x_active.png');} .layer_popup .test_cont_wrap .btn_box button {padding:0;width:145px;font-size:17px;font-weight:500;color:#ffffff;background-repeat:no-repeat;} .layer_popup .test_cont_wrap .btn_box .btn_prev {float:left;padding-left:48px;text-align:left;background-color:#aaaaaa;background-image:url('../images/ico_btn_prev.png');background-position:20px 50%;} .layer_popup .test_cont_wrap .btn_box .btn_next {float:right;padding-right:48px;text-align:right;background-image:url('../images/ico_btn_next.png');background-position:116px 50%;} .layer_popup .test_cont_wrap .btn_box .btn_submit {float:right;text-align:center;} .layer_popup .answer_box_wrap {float:left;margin-left:24px;width:300px;} .layer_popup .answer_box_wrap .remain_time {margin-bottom:22px;font-size:0;text-align:center;} .layer_popup .answer_box_wrap .remain_time .title {display:inline-block;font-size:19px;font-weight:700;color:#999999;vertical-align:top;line-height:30px;} .layer_popup .answer_box_wrap .remain_time .i_time {display:inline-block;margin-left:18px;font-size:30px;font-weight:700;vertical-align:top;line-height:30px;} .layer_popup .answer_box_wrap .test_date {height:51px;padding-top:19px;font-size:0;text-align:right;} .layer_popup .answer_box_wrap .test_date .title {display:inline-block;font-size:14px;font-weight:700;color:#999999;vertical-align:top;line-height:14px;} .layer_popup .answer_box_wrap .test_date .i_time {display:inline-block;margin-left:7px;font-size:14px;font-weight:400;color:#999999;vertical-align:top;line-height:14px;} .layer_popup .answer_box_wrap .answer_box {padding:9px 9px 9px 19px;width:100%;border:1px solid #cccccc;background-color:#f5f5f5;} .layer_popup .answer_box_wrap .answer_box .box_inner {padding-top:10px;padding-right:10px;height:521px;overflow-x:hidden;overflow-y:auto;} .layer_popup .answer_box_wrap .answer_box .title_wrap {margin-bottom:19px;overflow:hidden;} .layer_popup .answer_box_wrap .answer_box .title {float:left;font-size:18px;font-weight:700;color:#333333;line-height:18px;} .layer_popup .answer_box_wrap .answer_box .remain_question {float:right;font-size:14px;font-weight:400;color:#999999;line-height:18px;} .layer_popup .answer_box_wrap .answer_box .remain_question .remain_num {font-weight:700;} .layer_popup .answer_box_wrap .answer_box ol li {margin-top:5px;width:100%;height:35px;overflow:hidden;} .layer_popup .answer_box_wrap .answer_box ol li:first-child {margin-top:0;} .layer_popup .answer_box_wrap .answer_box ol li .answer_num {display:block;float:left;min-width:35px;width:14%;height:100%;font-size:15px;font-weight:500;color:#ffffff;line-height:33px;text-align:center;background-color:#cccccc;} .layer_popup .answer_box_wrap .answer_box ol li .answer_status {display:block;float:left;width:75%;height:100%;font-size:15px;font-weight:400;color:#333333;line-height:33px;border-top:1px solid #cccccc;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;text-align:center;} .layer_popup .answer_box_wrap .answer_box ol li .answer_status .answer_o {display:inline-block;margin:8px 0 0;width:18px;height:18px;background:url('../images/ico_o_xs.png') no-repeat;vertical-align:top;} .layer_popup .answer_box_wrap .answer_box ol li .answer_status .answer_x {display:inline-block;margin:8px 0 0;width:18px;height:18px;background:url('../images/ico_x_xs.png') no-repeat;vertical-align:top;} .layer_popup .answer_box_wrap .answer_box ol li.on .answer_num {background-color:#666666;} .layer_popup .answer_box_wrap .answer_box ol li.on .answer_status {font-weight:500;border-color:#999999;} /* 시험 목록 */ .table_board_list.vertical_cen td {vertical-align:middle;} #container .learning_tbl_wrap .table_board_list tbody td.bo_title {padding-left:20px;padding-right:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} #container .learning_tbl_wrap .table_board_list {margin-top:0;table-layout:fixed;} #container .learning_tbl_wrap .table_board_list .bo_btn_box {} #container .learning_tbl_wrap .table_board_list .bo_btn_box > button {margin-left:9px;height:35px;line-height:33px;font-size:14px;border-radius:4px;} #container .learning_tbl_wrap .table_board_list .bo_btn_box > button:first-child {margin-left:0;} #container .learning_tbl_wrap .table_board_list .bo_btn_box .btn_default {width:78px;} #container .learning_tbl_wrap .table_board_list .bo_btn_box .btn_retake {width:67px;border-width:1px;border-style:solid;background-color:#ffffff;} #container .learning_tbl_wrap .table_board_list .bo_btn_box .btn_go {width:78px;color:#ffffff;} #container .learning_tbl_wrap .table_board_list .i_remain {color:#999999;} /* 시험 결과 */ .layer_popup .test_cont_wrap .test_cont .cont_inner .tbl_test_result {margin-bottom:41px;width:100%;} .layer_popup .test_cont_wrap .test_cont .cont_inner .tbl_test_result th {height:35px;font-size:14px;font-weight:500;color:#ffffff;background-color:#666666;text-align:center;vertical-align:middle;} .layer_popup .test_cont_wrap .test_cont .cont_inner .tbl_test_result td {height:35px;font-size:15px;font-weight:400;color:#333333;background-color:#ffffff;text-align:center;vertical-align:middle;border-right:1px solid #b3b3b3;border-bottom:1px solid #b3b3b3;} .layer_popup .test_cont_wrap .test_cont .cont_inner .tbl_test_result td:last-child {border-right:0;} .layer_popup .test_cont_wrap .test_cont .entered_box {margin-top:26px;} .layer_popup .test_cont_wrap .test_cont .entered_box .multi_list li input[type="radio"] + label.chk_correct {padding-right:49px;background:url('../images/chk_correct_red.png') no-repeat 97% 50%;} .layer_popup .test_cont_wrap .test_cont .entered_box .ox_wrap .ox_box.chk_correct {background:url('../images/chk_correct_red.png') no-repeat 170px 10px;} .layer_popup .test_cont_wrap .test_cont .entered_desc {padding:16px 19px;width:100%;font-size:13px;color:#333333;line-height:22px;background-color:#f5f5f5;} .layer_popup .answer_box_wrap .answer_box ol li .answer_status .i_incorrect {color:#ea563a;} .layer_popup .test_cont_wrap .test_cont .commentary_box {margin-top:41px;padding:14px 20px 19px;border:1px solid #999999;} .layer_popup .test_cont_wrap .test_cont .commentary_box .title_wrap {padding-bottom:6px;margin-bottom:15px;border-bottom:1px solid #dddddd;overflow:hidden;} .layer_popup .test_cont_wrap .test_cont .commentary_box .title_wrap .i_score {float:right;font-size:15px;color:#333333;text-align:right;} .layer_popup .test_cont_wrap .test_cont .commentary_box .title_wrap .i_score .acq_score {font-weight:700;color:#5372b9;} .layer_popup .test_cont_wrap .test_cont .commentary_box .title_wrap .i_score .zero_score {font-weight:700;color:#ea563a;} .layer_popup .test_cont_wrap .test_cont .commentary_box .title_wrap .i_score .total_score {font-weight:700;color:#333333;} .layer_popup .test_cont_wrap .test_cont .commentary_box .title_wrap p {float:left;font-size:15px;font-weight:700;} .layer_popup .test_cont_wrap .test_cont .commentary_box .title_wrap p.info_correct {color:#5372b9;} .layer_popup .test_cont_wrap .test_cont .commentary_box .title_wrap p.info_incorrect {color:#ea563a;} .layer_popup .test_cont_wrap .test_cont .commentary_box .comment_box {margin-top:13px;} .layer_popup .test_cont_wrap .test_cont .commentary_box .comment_box .title {display:block;margin-bottom:2px;font-size:14px;font-weight:700;color:#333333;} .layer_popup .test_cont_wrap .test_cont .commentary_box .comment_box .desc {font-size:13px;color:#333333;line-height:22px;} .layer_popup .test_cont_wrap .test_cont .commentary_box .comment_box img {display:block;max-width:100%;height:auto;margin-top:15px;} /* Layer popup - 과제 */ .layer_popup .task_wrap .subject_wrap {position:relative;padding-bottom:16px;border-bottom:1px solid #dddddd;} .layer_popup .task_wrap .subject_wrap .task_name {padding-right:216px;font-size:30px;font-weight:700;color:#333333;} .layer_popup .task_wrap .submit_date {position:absolute;bottom:19px;right:0;font-size:0;} .layer_popup .task_wrap .submit_date .title {display:inline-block;font-size:14px;font-weight:700;color:#999999;vertical-align:top;line-height:14px;} .layer_popup .task_wrap .submit_date .i_date {display:inline-block;margin-left:7px;font-size:14px;font-weight:400;color:#999999;vertical-align:top;line-height:14px;} .layer_popup .task_wrap .cont_manager {border-bottom:1px solid #cccccc;} .layer_popup .task_wrap .cont_manager p {padding:16px 0;min-height:210px;font-size:15px;color:#333333;line-height:25px;} .layer_popup .task_wrap .file_list {clear:both;margin-top:10px;border-bottom:1px solid #cccccc;text-align:left;} .layer_popup .task_wrap .file_list li {position:relative;padding:6px 40px 9px 29px;border-top:1px solid #cccccc;border-left:1px solid #cccccc;border-right:1px solid #cccccc;background:url('../images/ico_board_view_file.png') no-repeat 10px 50%;} .layer_popup .task_wrap .file_list li a {font-size:14px;color:#666666;} .layer_popup .task_wrap .file_list li a:hover {text-decoration:underline;} .layer_popup .task_wrap .file_list li .btn_file_del {display:block;position:absolute;top:0;right:0;width:40px;height:100%;background:url('../images/ico_review_del.png') no-repeat 50% 50%;} .layer_popup .task_wrap .file_list.style_gray {border-bottom:0;} .layer_popup .task_wrap .file_list.style_gray li {border:0;background-color:#f5f5f5;border-bottom:1px solid #cccccc;} .layer_popup .task_wrap .file_list.style_gray li:last-child {border-bottom:0;} .layer_popup .task_wrap .cont_learner {margin-top:44px;} .layer_popup .task_wrap .cont_learner .title {font-size:20px;font-weight:700;color:#333333;} .layer_popup .task_wrap .cont_learner .input_box {position:relative;} .layer_popup .task_wrap .cont_learner .input_box input {padding:0;height:44px;line-height:44px;font-size:17px;font-weight:500;color:#999999;border-top:0;border-left:0;border-right:0;} .layer_popup .task_wrap .cont_learner .input_box input::-webkit-input-placeholder { /* WebKit browsers */ color:#999999 !important;} .layer_popup .task_wrap .cont_learner .input_box input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:#999999 !important;} .layer_popup .task_wrap .cont_learner .input_box input::-moz-placeholder { /* Mozilla Firefox 19+ */ color:#999999 !important;} .layer_popup .task_wrap .cont_learner .input_box input:-ms-input-placeholder { /* Internet Explorer 10+ */ color:#999999 !important;} .layer_popup .task_wrap .cont_learner .input_box input:focus::-webkit-input-placeholder { /* WebKit browsers */ color:transparent !important;} .layer_popup .task_wrap .cont_learner .input_box input:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:transparent !important;} .layer_popup .task_wrap .cont_learner .input_box input:focus::-moz-placeholder { /* Mozilla Firefox 19+ */ color:transparent !important;} .layer_popup .task_wrap .cont_learner .input_box input:focus:-ms-input-placeholder { /* Internet Explorer 10+ */ color:transparent !important;} .layer_popup .task_wrap .cont_learner .input_box .ast {position:absolute;top:11px;left:158px;font-size:20px;color:#ea563a;} .layer_popup .task_wrap .cont_learner .i_textarea {padding:12px 0;height:176px;font-size:14px;color:#999999;border:0;border-bottom:1px solid #cccccc;} .layer_popup .task_wrap .cont_learner textarea::-webkit-input-placeholder { /* WebKit browsers */ color:#999999 !important;} .layer_popup .task_wrap .cont_learner textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:#999999 !important;} .layer_popup .task_wrap .cont_learner textarea::-moz-placeholder { /* Mozilla Firefox 19+ */ color:#999999 !important;} .layer_popup .task_wrap .cont_learner textarea:-ms-input-placeholder { /* Internet Explorer 10+ */ color:#999999 !important;} .layer_popup .task_wrap .cont_learner textarea:focus::-webkit-input-placeholder { /* WebKit browsers */ color:transparent !important;} .layer_popup .task_wrap .cont_learner textarea:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:transparent !important;} .layer_popup .task_wrap .cont_learner textarea:focus::-moz-placeholder { /* Mozilla Firefox 19+ */ color:transparent !important;} .layer_popup .task_wrap .cont_learner textarea:focus:-ms-input-placeholder { /* Internet Explorer 10+ */ color:transparent !important;} .layer_popup .task_wrap .cont_learner .filebox {margin-top:10px;} .layer_popup .task_wrap .cont_learner .filebox .drag_wrap:after {display:block;visibility:hidden;clear:both;content:""} .layer_popup .task_wrap .cont_learner .filebox .title {float:left;font-size:17px;font-weight:500;color:#333333;} .layer_popup .task_wrap .cont_learner .filebox .title .drag_desc {margin-left:9px;font-size:13px;font-weight:400;color:#333333;line-height:25px;} .layer_popup .task_wrap .cont_learner .filebox .btn_file {float:right;} .layer_popup .task_wrap .btn_box {position:relative;text-align:right;} .layer_popup .task_wrap .btn_box button {margin-left:10px;} .layer_popup .task_wrap .btn_box .btn_cancle {position:absolute;top:0;left:0;margin:0;} .layer_popup .task_wrap .btn_box .btn_submit {min-width:144px;} .layer_popup .task_wrap .btn_box .btn_theme {color:#ffffff;} /* 과제 결과 */ .layer_popup .task_wrap .cont_learner.view_cont {position:relative;} .layer_popup .task_wrap .cont_learner.view_cont .submit_date {top:11px;bottom:auto;} .layer_popup .task_wrap .cont_learner.view_cont .submit_date .title {font-size:14px;color:#999999;} .layer_popup .task_wrap .cont_learner.view_cont .val_subject {padding:9px 0;font-size:17px;font-weight:500;color:#999999;border-bottom:1px solid #cccccc;} .layer_popup .task_wrap .cont_learner.view_cont .i_textarea {min-height:176px;height:auto;border-bottom:0;} .layer_popup .task_wrap .cont_learner.view_cont .file_list {margin-top:0;} .layer_popup .task_wrap .cont_learner.view_cont .file_list li:last-child {border-bottom:1px solid #cccccc;} .layer_popup .task_wrap .evalu_result {margin-top:34px;} .layer_popup .task_wrap .evalu_result .box_title {font-size:20px;font-weight:700;color:#333333;} .layer_popup .task_wrap .evalu_result .evalu_cont {margin-top:7px;padding:13px 10px 17px;background-color:#f5f5f5;} .layer_popup .task_wrap .evalu_result .evalu_cont > div {margin-top:10px;overflow:hidden;} .layer_popup .task_wrap .evalu_result .evalu_cont > div:first-child {margin-top:0;} .layer_popup .task_wrap .evalu_result .evalu_cont > div .title {display:block;float:left;width:8.552631%;font-size:14px;font-weight:700;color:#333333;line-height:22px;} .layer_popup .task_wrap .evalu_result .evalu_cont > div .desc {float:left;width:91.447368%;font-size:13px;font-weight:400;color:#333333;line-height:22px;} /* 설문 참여*/ .layer_popup .pop_survey_wrap .subject_wrap {position:relative;padding-bottom:16px;border-bottom:1px solid #dddddd;} .layer_popup .pop_survey_wrap .subject_wrap .survey_name {padding-right:216px;font-size:30px;font-weight:700;color:#333333;} .layer_popup .pop_survey_wrap .submit_date {position:absolute;bottom:19px;right:0;font-size:0;} .layer_popup .pop_survey_wrap .submit_date .title {display:inline-block;font-size:14px;font-weight:700;color:#999999;vertical-align:top;line-height:14px;} .layer_popup .pop_survey_wrap .submit_date .i_date {display:inline-block;margin-left:7px;font-size:14px;font-weight:400;color:#999999;vertical-align:top;line-height:14px;} .layer_popup .pop_survey_wrap .content_wrap .survey_info {margin-bottom:21px;padding:16px 0;font-size:15px;color:#333333;line-height:25px;} .layer_popup .pop_survey_wrap .content_wrap .survey_box:first-child {margin-top:0;} .layer_popup .survey_box .others_answer .i_cont {border-left:0 !important;} .layer_popup .survey_box #othersTextarea {display:none;} .layer_popup .survey_box #othersTextarea.on {display:block;} .layer_popup .pop_survey_wrap .content_wrap .survey_paging {position:relative;margin-top:20px;text-align:center;height:40px;} .layer_popup .pop_survey_wrap .content_wrap .survey_paging span {font-size:15px;color:#999999;line-height:40px;} .layer_popup .pop_survey_wrap .content_wrap .survey_paging b {font-size:15px;font-weight:700;color:#000000;} .layer_popup .pop_survey_wrap .content_wrap .survey_paging .btn_box {position:absolute;top:0;right:0;margin-top:0;} /* Layer popup - 결재자 지정 */ .layer_popup .pop_approver .form_box.tbl_style {margin-top:0;} /* Layer popup - 반려사유, 취소사유 보기 */ .layer_popup .in_charge {margin-bottom:13px;padding-bottom:15px;border-bottom:1px solid #cccccc;overflow:hidden;} .layer_popup .in_charge .title {display:block;float:left;width:50px;font-size:15px;font-weight:700;color:#333333;vertical-align:top;} .layer_popup .in_charge .i_name {display:block;float:left;width:470px;font-size:15px;font-weight:400;color:#333333;vertical-align:top;} .layer_popup .pop_content {font-size:15px;color:#333333;line-height:27px;} /* Layer popup - 취소사유 입력 */ .layer_popup .simple_textarea textarea {height:247px;font-size:15px;color:#333333;} .layer_popup .simple_textarea + .btn_box {margin-top:30px;} /* Sub Ccommon Layout */ #container .sub_content_wrap.bg_gray {background-color:#f5f5f5;} #container .sub_content_wrap:after {display:block;visibility:hidden;clear:both;content:""} #container .sub_content_wrap .aside_wrap {float:left;margin-bottom:81px;width:280px;background-color:#333333;} #container .sub_content_wrap .aside_wrap ul {padding:31px 30px 29px;} #container .sub_content_wrap .aside_wrap ul li {margin-top:17px;} #container .sub_content_wrap .aside_wrap ul li:first-child {margin-top:0;} #container .sub_content_wrap .aside_wrap ul li a {display:block;padding-left:28px;height:38px;line-height:38px;font-size:18px;font-weight:500;color:#ffffff;background-repeat:no-repeat;background-position:2px 50%;} #container .sub_content_wrap .aside_wrap ul li.on a {border-bottom:1px solid #ffffff;} #container .sub_content_wrap .aside_wrap ul li.aside_my_main a {background-image:url('../images/ico_my_main.png');} #container .sub_content_wrap .aside_wrap ul li.aside_my_common a {background-image:url('../images/ico_my_common.png');} #container .sub_content_wrap .aside_wrap ul li.aside_my_modify a {background-image:url('../images/ico_my_modify.png');} #container .sub_content_wrap .aside_wrap ul li.aside_my_point a {background-image:url('../images/ico_my_point.png');} #container .sub_content_wrap .aside_wrap ul li.aside_my_sme a {background-image:url('../images/ico_my_sme.png');} #container .sub_content_wrap .aside_wrap ul li.aside_my_pay a {background-image:url('../images/ico_my_pay.png');} #container .sub_content_wrap .aside_wrap ul li.aside_my_like a {background-image:url('../images/ico_my_like.png');} #container .sub_content_wrap .aside_wrap ul li.aside_my_subs a {background-image:url('../images/ico_my_subs.png');} #container .sub_content_wrap .aside_wrap ul li.aside_my_qna a {background-image:url('../images/ico_my_qna.png');} #container .sub_content_wrap .aside_wrap ul li.aside_my_set a {background-image:url('../images/ico_my_set.png');} #container .sub_content_wrap .aside_wrap ul li.aside_my_common a {background-image:url('../images/ico_my_common.png');} #container .sub_content_wrap .sub_content {float:left;margin-left:30px;padding-bottom:130px;width:1074px;} #container .sub_content_wrap .sub_content .float_content {margin-top:-221px;min-height:760px;background-color:#ffffff;border-radius:4px; box-shadow: 1px 1px 3px 2px #cdcdcd;} #container .mypage_hd {min-height:300px;} #container .mypage_hd .profile_box {padding-top:58px;width:280px;text-align:center;} #container .mypage_hd .profile_box .profile_img_wrap {position:relative;margin:0 auto;width:102px;height:102px;} #container .mypage_hd .profile_box .profile_img_wrap:after {z-index:1;content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:url('../images/my_profile_default.png');background-repeat:no-repeat;background-position:50% 50%;background-size:cover;border-radius:50%;} #container .mypage_hd .profile_box .profile_img_wrap .profile_img {z-index:2;position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;border-radius:50%;} #container .mypage_hd .profile_box .profile_img_wrap .i_edit {display:block;z-index:3;position:absolute;bottom:2px;right:2px;width:30px;height:30px;background:url('../images/ico_edit_profile.png') no-repeat;} #container .mypage_hd .profile_box .my_name {display:block;margin-top:6px;font-size:26px;font-weight:700;color:#ffffff;} #container .mypage_hd .profile_box .my_position {display:block;font-size:15px;font-weight:400;color:#ffe6c2; max-height:3em; display:-webkit-box; -webkit-line-clamp:2; /* 라인수 */ -webkit-box-orient:vertical; white-space:normal; overflow:hidden;} #container .mypage_hd .profile_box .btn_wrap {margin-top:12px;font-size:0;} #container .mypage_hd .profile_box .btn_wrap button {margin-left:10px;width:85px;height:30px;line-height:28px;font-size:12px;color:#ffffff;border:1px solid rgba(255,255,255,.7);text-align:center;background-color:transparent;} #container .mypage_hd .profile_box .btn_wrap button:first-child {margin-left:0;} /* My page - main */ .my_main {margin-top:-248px;} .my_main h2 {font-size:20px;font-weight:700;color:#ffffff;line-height:1;} .my_main .my_learning_status {position:relative;margin-top:9px;padding:0 71px 0 155px;height:153px;background-color:#ffffff;border-radius:4px;} .my_main .my_learning_status:after {display:block;visibility:hidden;clear:both;content:""} .my_main .my_learning_status .status_title {position:absolute;top:25px;left:30px;font-size:16px;color:#333333;font-weight:600;line-height:22px;} .my_main .my_learning_status .num_box {/* float:left; */padding:30px 0;} .my_main .my_learning_status .num_box > a {display:block;padding-top:6px;padding-left:30px;border-right:1px solid #cccccc;} .my_main .my_learning_status .num_box .box_title {display:block;font-size:15px;font-weight:500;color:#333333;} .my_main .my_learning_status .num_box .i_num {display:block;margin-top:14px;font-size:35px;font-weight:900;} .my_main .my_learning_status .num_box.box1 {width:145px;} .my_main .my_learning_status .num_box.box2 {width:164px;} .my_main .my_learning_status .num_box.box3 {width:165px;} .my_main .my_learning_status .num_box.box4 {width:165px;} .my_main .my_learning_status .num_box.box5 {padding-left:40px;width:209px;} .my_main .my_learning_status .num_box.box5 ul {} .my_main .my_learning_status .num_box.box5 li {padding:10px 0; border-bottom:1px solid #ccc} .my_main .my_learning_status .num_box.box5 li:first-child {padding-top:0} .my_main .my_learning_status .num_box.box5 li:last-child {padding-bottom:0; border-bottom:0} .my_main .my_learning_status .num_box.box5 li a {display:block;} .my_main .my_learning_status .num_box.box5 li a:after {display:block;visibility:hidden;clear:both;content:""} .my_main .my_learning_status .num_box.box5 li a .box_title {float:left;width:80px;line-height:17px;} .my_main .my_learning_status .num_box.box5 li a .total_num {float:left;width:82px;font-size:17px;font-weight:700;text-align:right;line-height:17px;} .nb_wrap {float:left; display:table; table-layout:fixed; width:calc(100% - 209px);} .nb_wrap .num_box {display:table-cell;} .nb_wrap_r {float:left;} .my_main .survey_blank {margin-top:25px;height:70px;} .my_main .my_survey_link {position:relative;padding:0 31px;height:70px;background-color:#067BD3;border-radius:4px;} .my_main .my_survey_link a {display:block;width:100%;height:100%;} .my_main .my_survey_link p {padding-right:80px;font-size:17px;color:#ffffff;line-height:70px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} .my_main .my_survey_link .more {display:inline-block;position:absolute;top:23px;right:31px;padding-right:12px;font-size:15px;font-weight:500;color:#ffffff;background:url('../images/ico_arrow_right_opacity.png') no-repeat 100% 50%;} .my_main .my_main_box {margin-top:40px;} .my_main .my_main_box .title {font-size:20px;font-weight:700;} .my_main .my_main_box .content_box {margin-top:15px;border-top-width:2px;border-style:solid;background-color:#ffffff;} .my_main .my_main_box.favorite_box .content_box {position:relative;padding-top:30px;padding-left:183px;height:267px;} .my_main .my_main_box.favorite_box .content_box .title {position:absolute;top:24px;left:30px;font-size:16px;font-weight:500;color:#333333;line-height:25px;} .my_main .my_main_box.favorite_box .content_box .more {position:absolute;bottom:44px;left:30px;display:inline-block;padding-right:15px;font-size:15px;color:#706f6f;background:url('../images/ico_arrow_right_more.png') no-repeat 100% 50%;} .my_main .my_main_box.favorite_box .content_box .more:hover {text-decoration:underline;} .my_main .my_main_box.favorite_box .content_box .favorite_list li {float:left;margin-left:20px;width:200px;} .my_main .my_main_box.favorite_box .content_box .favorite_list li:first-child {margin-left:0;} .my_main .my_main_box.favorite_box .content_box .favorite_list li .thumb_box {height:125px;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;} .my_main .my_main_box.favorite_box .content_box .favorite_list li .course_desc .i_cate {display:block;margin-top:5px;font-size:13px;color:#f16329;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} .my_main .my_main_box.favorite_box .content_box .favorite_list li .course_desc .i_subject {display:block;margin-top:3px;font-size:18px;font-weight:500;color:#333333;line-height:27px;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2; /* 라인수 */-webkit-box-orient: vertical;overflow:hidden;} .my_main .my_main_box.keyword_box .content_box {position:relative;min-height:94px;} .my_main .my_main_box.keyword_box .content_box .i_setting {display:inline-block;position:absolute;top:31px;right:32px;width:32px;height:30px;background:url('../images/ico_setting.png') no-repeat 50% 50%;} .my_main .my_main_box.keyword_box .content_box .keyword_wrap {padding:30px 96px 21px 30px;font-size:0;} .my_main .my_main_box.keyword_box .content_box .keyword_wrap > button {display:inline-block;margin-left:20px;margin-bottom:10px;padding:0 19px;vertical-align:top;height:34px;line-height:30px;border-radius:15px;font-size:16px;text-align:center; background:#efefef} .my_main .my_main_box.keyword_box .content_box .keyword_wrap > button:first-child {margin-left:0;} .my_main .devide_box {overflow:hidden;} .my_main .devide_box > .my_main_box {float:left;width:527px;} .my_main .devide_box > .my_main_box .content_box {height:255px;} .my_main .my_main_box.disposition_box .content_box {position:relative; padding:27px 30px 20px 184px;} .my_main .my_main_box.disposition_box .content_box .title {position:absolute;top:25px;left:30px;font-size:15px;font-weight:500;color:#333333;line-height:22px;} .my_main .my_main_box.disposition_box .content_box .disposit_graph .bar_box_wrap {margin-top:10px;} .my_main .my_main_box.disposition_box .content_box .disposit_graph .bar_box_wrap:first-child {margin-top:0;} .my_main .my_main_box.disposition_box .content_box .disposit_graph .bar_box_wrap .bar_title {display:block;font-size:13px;color:#999999;} .my_main .my_main_box.disposition_box .content_box .disposit_graph .bar_box {position:relative;margin-top:2px;height:20px;} .my_main .my_main_box.disposition_box .content_box .disposit_graph .bar_box .bar_active {min-width:28px; z-index:2;position:relative;display:inline-block;height:100%;border-radius:0 10px 10px 0;} .my_main .my_main_box.disposition_box .content_box .disposit_graph .bar_box .bar_active .circle {display:inline-block;position:absolute;top:50%;margin-top:-5px;right:4px;width:10px;height:10px;background-color:#ffffff;border-radius:50%;} .my_main .my_main_box.disposition_box .content_box .disposit_graph .bar_box .i_num {z-index:3;position:absolute;top:0;left:5px;font-size:13px;color:#ffffff;line-height:20px;} .my_main .my_main_box.disposition_box .content_box .disposit_graph .bar_box .bar_back {z-index:1;display:block;position:absolute;top:7px;left:0;width:100%;height:6px;background-color:#ececec;} .my_main .my_main_box.rank_box {margin-left:20px;} .my_main .my_main_box.rank_box .content_box {position:relative;padding-top:20px;padding-left:30px;} .my_main .my_main_box.rank_box .content_box .rank_title {font-size:25px;font-weight:900;color:#333333;} .my_main .my_main_box.rank_box .content_box p {margin-top:7px;font-size:15px;font-weight:500;color:#333333;line-height:22px;} .my_main .my_main_box.rank_box .content_box .data_num {margin-top:33px;} .my_main .my_main_box.rank_box .content_box .data_num li {margin-top:8px;overflow:hidden;} .my_main .my_main_box.rank_box .content_box .data_num li:first-child {margin-top:0;} .my_main .my_main_box.rank_box .content_box .data_num li .title {display:block;float:left;width:100px;font-size:15px;font-weight:500;color:#999999;} .my_main .my_main_box.rank_box .content_box .data_num li .i_num {display:block;float:left;width:60px;font-size:15px;font-weight:400;color:#333333;text-align:right;} .my_main .my_main_box.apply_num_box {position:relative;} .my_main .my_main_box.apply_num_box .i_date {position:absolute;top:10px;right:0;padding-right:10px;font-size:13px;color:#333333;} .my_main .my_main_box.apply_num_box .content_box {height:152px;} .my_main .my_main_box.apply_num_box .content_box ul {height:100%;} .my_main .my_main_box.apply_num_box .content_box li {float:left;padding:31px 0 0;width:14.285714%;height:100%;text-align:center;border-left:1px solid #f5f5f5;} .my_main .my_main_box.apply_num_box .content_box li:first-child {border-left:0;} .my_main .my_main_box.apply_num_box .content_box li .i_num {display:block;font-size:20px;color:#999999;} .my_main .my_main_box.apply_num_box .content_box li .i_num .possible_num {font-weight:700;color:#333333} .my_main .my_main_box.apply_num_box .content_box li .i_cate {display:block;margin-top:1px;font-size:14px;color:#333333;} .my_main .my_main_box.apply_num_box .content_box li .i_status {display:block;margin:11px auto 0;width:52px;height:20px;line-height:20px;font-size:11px;color:#0367a6;background-color:#e5f0f6;border-radius:4px;} .my_main .my_main_box.apply_num_box .content_box li .i_status.i_disabled {color:#706f6f;background-color:#f0f0f0;} .devide_box .db_info {clear:both; padding-top:10px; font-size:13px;} .db_info .cRed {color:#f20851;} /* Donut Graph */ .chart_wrap {position:absolute;top:20px;right:18px;width:216px;height:216px;} .chart_wrap #chart svg {font-family:'Noto Sans KR',Dotum,돋움,verdana,sans-serif !important;font-weight:900 !important;} .chart_wrap #chart .c3-defocused.c3-target {opacity: 1 !important;} .chart_wrap #chart .c3-chart-arc text {font-size:35px;font-weight:900;fill:#333} .chart_wrap #chart .c3-target-data1 text {/*fill:#ececec;*/display:none;} .chart_wrap #chart .c3-target-data2 text {/*fill:#ea563a;*/-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-moz-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0);} /* My page - confirm pw */ .float_content {padding:0 40px 51px;} .float_content .i_edit {cursor:pointer;} .float_content .confirm_pw {margin:0 auto;padding:220px 0 169px;width:505px;} .float_content .confirm_pw .confirm_pw_inner {padding:42px 30px 46px;border-top:1px solid #333333;border-bottom:1px solid #333333;} .float_content .confirm_pw .user_name {display:block;font-size:26px;font-weight:400;color:#333333;} .float_content .confirm_pw .user_name b {font-weight:700;} .float_content .confirm_pw p {margin-top:18px;font-size:15px;font-weight:500;color:#999999;} .float_content .confirm_pw .input_box {margin-top:6px;overflow:hidden;} .float_content .confirm_pw .input_box input {float:left;padding:0 12px;width:360px;height:38px;line-height:36px;font-size:13px;color:#666666;} .float_content .confirm_pw .input_box button {float:left;margin-left:5px;width:80px;height:38px;line-height:36px;font-size:17px;color:#ffffff;background-color:#333333;text-align:center;} .float_content h2 {padding-top:39px;margin-bottom:9px;font-size:20px;font-weight:700;color:#333333;line-height:1;} .float_content .form_box.tbl_style {margin-top:20px;} .float_content .form_box.tbl_style .form_group .cont {padding:15px 19px 14px;width:824px;vertical-align:middle;} .float_content .form_box.tbl_style .devide_box .title + .cont {width:318px;} .float_content .form_box.tbl_style .devide_box .title + .cont + .title + .cont {width:336px;} .float_content .form_box.tbl_style .form_group.form_change_pw .change_pw_box {display:none;} .float_content .form_box.tbl_style .form_group.form_change_pw .input_box + .input_box {margin-top:14px;} .float_content .form_box.tbl_style .form_group.form_change_pw .input_box input {width:280px;} .float_content .form_box.tbl_style .form_group.form_change_pw .input_box input.active {} .float_content .form_box.tbl_style .form_group.form_change_pw .input_box .err_msg {margin-top:6px;} .float_content .btn_box {margin-top:20px;} .float_content .btn_box button {margin-left:10px;} .float_content .btn_box button:first-child {margin-left:0;} .float_content .form_box.tbl_style .form_group .df_size {width:220px;} .float_content .form_box.tbl_style .form_group .cont .direct_ip_box {display:none;margin-top:10px;} /* My page - Point */ .my_point .total_point_wrap {margin:30px 0 50px 0;height:119px;} .my_point .total_point_wrap .point_box {float:left;padding:14px 20px 0 20px;width:25%;height:100%;border-left:1px solid #cccccc;} .my_point .total_point_wrap .point_box:last-child {border-right:1px solid #cccccc;} .my_point .total_point_wrap .point_box .title {display:block;font-size:17px;font-weight:500;color:#333333;line-height:20px;} .my_point .total_point_wrap .point_box .i_point {display:block;margin-top:40px;font-size:36px;font-weight:700;color:#333333;line-height:1;text-align:right;} .my_point .i_blue {color:#067BD3 !important;} .my_point .i_red {color:#ff0000 !important;} .my_point .total_point_wrap .point_box p {margin-top:4px;font-size:13px;font-weight:900;color:#cccccc;text-align:right;} .my_point .total_point_wrap .point_box.total_box .title {background:url('../images/ico_point.png') no-repeat 83px 50%;} .my_point .calendar_box input {float:left;padding:0 10px;width:154px;height:35px;line-height:35px;font-size:14px;color:#999999;background:url('../images/ico_calendar.png') no-repeat 127px 50%;cursor:pointer;} .my_point .calendar_box .i_dash {display:block;float:left;width:30px;height:35px;line-height:33px;font-size:20px;color:#999999;text-align:center;} .my_point .point_srh_opt {margin-top:20px;} .my_point .point_srh_opt:after {display:block;visibility:hidden;clear:both;content:""} .my_point .point_srh_opt .calendar_box {float:left;} .my_point .point_srh_opt .chk_wrap {float:right;margin-top:3px;border-radius:4px;overflow:hidden;font-size:0;} .my_point .point_srh_opt .chk_wrap input[type="checkbox"] + label {padding:0;width:70px;height:30px;line-height:30px;font-size:15px;font-weight:500;color:#999999;background-color:#dddddd;text-align:center;} .my_point .point_srh_opt .chk_wrap input[type="checkbox"] + label.chk_right {margin-left:1px;} .my_point .point_srh_opt .chk_wrap input[type="checkbox"]:checked + label {color:#ffffff;background-color:#666666;} .my_point .point_list_wrap {margin-top:20px;border-bottom:1px solid #cccccc;} .my_point .point_list_wrap li {position:relative;padding:15px 19px 15px;border-top:1px solid #cccccc;} .my_point .point_list_wrap li .i_cate {display:block;font-size:14px;font-weight:500;} .my_point .point_list_wrap li .i_title {display:block;padding-right:272px;font-size:17px;font-weight:700;color:#333333;} .my_point .point_list_wrap li .i_date {display:block;margin-top:15px;font-size:12px;font-weight:400;color:#666666;} .my_point .point_list_wrap li .point_wrap {position:absolute;top:38px;right:20px;font-size:0;} .my_point .point_list_wrap li .point_wrap .num_point {display:inline-block;font-size:20px;font-weight:700;vertical-align:top;} .my_point .point_list_wrap li .point_wrap .text_point {display:inline-block;margin-left:7px;padding-top:8px;font-size:13px;font-weight:900;color:#cccccc;vertical-align:top;} /* My page - Point Order List */ .my_point .point_order_list {margin-top:20px;border-bottom:1px solid #cccccc;} .my_point .point_order_list li {padding:18px 20px 22px;border-top:1px solid #cccccc;overflow:hidden;} .my_point .point_order_list li .thumb_box {float:left;width:130px;height:130px;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;} .my_point .point_order_list li .order_info {float:left;margin-left:19px;padding:11px 0 0;width:533px;} .my_point .point_order_list li .order_info .order_num {display:block;font-size:11px;font-weight:500;color:#999999;} .my_point .point_order_list li .order_info .i_title {display:block;margin-top:4px;font-size:17px;font-weight:700;color:#333333;} .my_point .point_order_list li .order_info .i_date {display:block;margin-top:22px;font-size:12px;font-weight:400;color:#666666;} .my_point .point_order_list li .order_info .i_status {display:block;margin-top:9px;font-size:14px;font-weight:500;} .my_point .point_order_list li .point_wrap {float:left;padding-top:51px;width:272px;} .my_point .point_order_list li .point_wrap {font-size:0;text-align:right;} .my_point .point_order_list li .point_wrap .num_point {display:inline-block;font-size:20px;font-weight:700;color:#333333;vertical-align:top;} .my_point .point_order_list li .point_wrap .text_point {display:inline-block;margin-left:7px;padding-top:8px;font-size:13px;font-weight:900;color:#cccccc;vertical-align:top;} .my_point .point_order_list li .point_wrap .btn_wrap {margin-top:21px;} .my_point .point_order_list li .point_wrap .btn_wrap button {width:80px;height:30px;line-height:28px;font-size:15px;font-weight:500;border-radius:4px;} .my_point .point_order_list li .point_wrap .btn_wrap button.btn_cancle {margin-left:10px;background-color:#ffffff;border-width:1px;border-style:solid;} /* My page - SME */ .my_sme {position:relative;} .my_sme .top_btn {position:absolute;top:33px;right:40px;font-size:0;} .my_sme .top_btn button {display:inline-block;height:30px;line-height:30px;font-size:14px;font-weight:500;color:#ffffff;vertical-align:top;text-align:left;border-radius:3px;} .my_sme .top_btn button.btn_my_channel {width:100px;text-align:center} .my_sme .top_btn button.btn_regi_act {margin-left:10px;width:100px;background:#666666;text-align:center} .my_sme .sme_ch_set {margin-top:20px} .my_sme .sme_ch_set .ch_info_box {height:100px;overflow:hidden;background-color:#f5f5f5;} .my_sme .sme_ch_set .ch_info_box .ch_name_wrap {position:relative;float:left;padding:19px 0 0 25px;width:445px;height:100%;border-right:1px solid #cccccc;} .my_sme .sme_ch_set .ch_info_box .ch_name_wrap .ch_name {display:block;padding-right:90px;height:auto;line-height:1.5;font-size:20px;font-weight:700;color:#333333;background-color:#f5f5f5;} .my_sme .sme_ch_set .ch_info_box .ch_name_wrap .act_date {display:block;font-size:13px;color:#999999;} .my_sme .sme_ch_set .ch_info_box .ch_name_wrap .btn_ch_modify {display:inline-block;position:absolute;top:30px;right:21px;padding-left:17px;font-size:12px;color:#aaaaaa;line-height:14px;background:url('../images/ico_ch_modify.png') no-repeat;} .my_sme .sme_ch_set .ch_info_box .sme_num_wrap {float:left;width:549px;padding:23px 0 0;height:100%;font-size:0;text-align:center;} .my_sme .sme_ch_set .ch_info_box .sme_num_wrap .data_box {display:inline-block;margin-left:55px;vertical-align:top;} .my_sme .sme_ch_set .ch_info_box .sme_num_wrap .data_box .i_num {display:block;font-size:22px;font-weight:700;color:#333333;} .my_sme .sme_ch_set .ch_info_box .sme_num_wrap .data_box .i_name {display:block;margin-top:3px;padding-left:18px;height:14px;line-height:14px;font-size:12px;font-weight:500;color:#888888;background-repeat:no-repeat;} .my_sme .sme_ch_set .ch_info_box .sme_num_wrap .data_box.i_susb {margin-left:0;} /* .my_sme .sme_ch_set .ch_info_box .sme_num_wrap .data_box.i_susb .i_name {background-image:url('../images/ico_sme_subs.png');} .my_sme .sme_ch_set .ch_info_box .sme_num_wrap .data_box.i_cont .i_name {background-image:url('../images/ico_sme_cont.png');} .my_sme .sme_ch_set .ch_info_box .sme_num_wrap .data_box.i_view .i_name {background-image:url('../images/ico_sme_view.png');} .my_sme .sme_ch_set .ch_info_box .sme_num_wrap .data_box.i_like .i_name {background-image:url('../images/ico_sme_like.png');} .my_sme .sme_ch_set .ch_info_box .sme_num_wrap .data_box.i_reply .i_name {background-image:url('../images/ico_sme_reply.png');} */ .my_sme .sme_ch_set .sme_ch_visual {position:relative;height:181px;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;} .my_sme .sme_ch_set .sme_ch_visual:after {content:'';z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;background:url('../images/sme_ch_visual_bg.png') no-repeat 50% 50%;} .my_sme .sme_ch_set .chg_desc {margin-top:7px;font-size:15px;color:#666666;} .my_sme .chg_thumb {z-index:2;position:absolute;bottom:14px;left:30px;} .my_sme .chg_thumb .thumb_img_wrap {position:relative;float:left;width:70px;height:70px;} .my_sme .chg_thumb .thumb_img_wrap .thumb_img {width:100%;height:100%;background-repeat:no-repeat;background-size:100% auto;} .my_sme .chg_thumb .thumb_img_wrap .i_edit {display:block;position:absolute;bottom:-2px;right:-2px;width:26px;height:26px;background:url('../images/ico_edit_profile.png') no-repeat;background-size:100% auto;} .my_sme .chg_thumb .img_chg_desc {margin-left:77px;padding-top:50px;} .my_sme .img_chg_desc .title {display:block;font-size:13px;font-weight:700;color:#f5f5f5;} .my_sme .img_chg_desc .size_desc {display:block;margin-top:1px;font-size:11px;font-weight:400;color:#f5f5f5;} .my_sme .chg_sme_visual {z-index:2;position:absolute;bottom:14px;right:20px;} .my_sme .chg_sme_visual .img_chg_desc {float:left;padding:4px 0 0;text-align:right;} .my_sme .chg_sme_visual .i_edit {display:block;float:left;margin-left:9px;width:26px;height:26px;background:url('../images/ico_edit_profile.png') no-repeat;background-size:100% auto;} .my_sme h3 {font-size:20px;font-weight:500;color:#333333;} .my_sme .sec_keyword {margin-top:40px;} .sec_keyword {border-bottom:1px solid #cccccc;} .sec_keyword .keyword_list {margin-top:25px;} .sec_keyword .keyword_list > ul {display:inline-block;font-size:0;vertical-align:top;} .sec_keyword .keyword_list > ul li {display:inline-block;position:relative;margin-bottom:10px;margin-right:10px;padding:0 39px 0 17px;height:34px;line-height:32px;font-size:16px;border-radius:15px;vertical-align:top;background-color:#efefef} .sec_keyword .keyword_list > ul li .btn_close {display:inline-block;position:absolute;top:0;right:5px;width:29px;height:34px;line-height:30px;font-size:14px;border-radius:0 15px 15px 0;vertical-align:top;background-color:#efefef} .key_color1 {color:#676767 !important;} /* keyword color */ .key_color2 {color:#676767 !important;} .key_color3 {color:#676767 !important;} .key_color4 {color:#676767 !important;} .key_color5 {color:#676767 !important;} .key_color6 {color:#676767 !important;} .key_color1 button.btn_close {color:#676767 !important;} .key_color2 button.btn_close {color:#676767 !important;} .key_color3 button.btn_close {color:#676767 !important;} .key_color4 button.btn_close {color:#676767 !important;} .key_color5 button.btn_close {color:#676767 !important;} .key_color6 button.btn_close {color:#676767 !important;} .sec_keyword .keyword_list .dropdown_rel {display:inline-block;margin-bottom:10px;} .sec_keyword .keyword_list .ip_keyword {display:inline-block;margin:0;padding:0 9px;width:196px;height:30px;line-height:28px;font-size:17px;color:#999999;vertical-align:top;} #container .my_sme .sec_my_contents {margin-top:43px;} #container .my_sme .sec_my_contents .course_multi_tab {margin:20px 0 0;min-height:100%;} #container .my_sme .sec_my_contents .course_multi_tab .multi_course_type {margin:0;width:100%;} #container .my_sme .sec_my_contents .course_multi_tab .multi_course_type li {margin-bottom:0;} #container .my_sme .sec_my_contents .course_list {margin-top:20px;} #container .my_sme .sec_my_contents .course_list ul {margin:0 -7px;} #container .my_sme .sec_my_contents .course_list li {margin:20px 7px 0;height:340px;} #container .my_sme .sec_my_contents .course_list li:nth-child(1), #container .my_sme .sec_my_contents .course_list li:nth-child(2), #container .my_sme .sec_my_contents .course_list li:nth-child(3) {margin-top:0;} #container .my_sme .sec_my_contents .course_list li:hover .thumb_box .favorite_box {display:block !important;} #container .my_sme .sec_my_contents .course_list li .thumb_box .i_approval {display:block;position:absolute;top:10px;left:10px;width:75px;height:30px;line-height:30px;font-size:14px;font-weight:500;border-radius:0 0 4px 4px;text-align:center;} #container .my_sme .sec_my_contents .course_list li .thumb_box .i_approval.i_permit {color:#ffffff;} #container .my_sme .sec_my_contents .course_list li .thumb_box .i_approval.i_stand {color:#fff;background-color:#666} #container .my_sme .sec_my_contents .course_list li .thumb_box .i_approval.i_return {color:#ffffff;background-color:#666666;} #container .my_sme .sec_my_contents .course_list li .course_desc {height:138px;} #container .my_sme .sec_my_contents .course_list li .course_desc .i_date {bottom:16px;} #container .my_sme .sec_my_contents .course_list li .course_desc .i_cc {bottom:16px;} #container .my_sme .sec_my_contents .course_list li .course_desc .review_option {position:absolute;width:20px;right:6px;top:7px;text-align:center;} #container .my_sme .sec_my_contents .course_list li .course_desc .review_option .btn_review_option {cursor:pointer;} #container .my_sme .sec_my_contents .course_list li .course_desc .review_option .more_box {position:absolute;display:none;top:27px;right:8px;z-index:999;margin:0;border-top:1px solid #ccc;} #container .my_sme .sec_my_contents .course_list li .course_desc .review_option .more_box li {float:none;margin:0;padding:0;width:auto;height:auto;border:0;border-radius:0;} /* #container .my_sme .sec_my_contents .course_list li .course_desc .review_option .more_box li a {display:block;padding-left:25px;padding-right:8px;width:auto;height:24px;font-size:12px;line-height:22px;text-align:left;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #ccc;} #container .my_sme .sec_my_contents .course_list li .course_desc .review_option .more_box li a.more_edit {background:url('../images/ico_review_edit.png') no-repeat 6px 5px #fff;} #container .my_sme .sec_my_contents .course_list li .course_desc .review_option .more_box li a.return_edit {background:url('../images/ico_return_edit.png') no-repeat 7px 6px #fff;} #container .my_sme .sec_my_contents .course_list li .course_desc .review_option .more_box li a.regi_edit {background:url('../images/ico_regi_edit.png') no-repeat 7px 6px #fff;} */ /* My page - SME Contents Write */ .float_content .nav_contents {padding-top:30px;overflow:hidden;} .float_content .nav_contents li {float:left;width:14.285714%;} .float_content .nav_contents li:first-child {border-left:0;} .float_content .nav_contents li a {display:block;height:55px;line-height:55px;font-size:17px;font-weight:700;color:#aaaaaa;text-align:left;border-left:1px solid #ffffff;} .float_content .nav_contents li a.on {color:#ffffff;} .float_content .nav_contents li.write_video a {padding-left:65px;background:#dddddd url('../images/ico_video.png') no-repeat 32px 50%;} .float_content .nav_contents li.write_video a.on {padding-left:65px;background:url('../images/ico_video_on.png') no-repeat 32px 50%;} .float_content .nav_contents li.write_audio a {padding-left:65px;background:#dddddd url('../images/ico_audio.png') no-repeat 34px 50%;} .float_content .nav_contents li.write_audio a.on {padding-left:65px;background:url('../images/ico_audio_on.png') no-repeat 34px 50%;} .float_content .nav_contents li.write_youtube a {padding-left:65px;background:#dddddd url('../images/ico_youtube.png') no-repeat 34px 50%;} .float_content .nav_contents li.write_youtube a.on {padding-left:65px;background:url('../images/ico_youtube_on.png') no-repeat 34px 50%;} .float_content .nav_contents li.write_card a {padding-left:58px;background:#dddddd url('../images/ico_cardlearning.png') no-repeat 27px 50%;} .float_content .nav_contents li.write_card a.on {padding-left:58px;background:url('../images/ico_cardlearning_on.png') no-repeat 27px 50%;} .float_content .nav_contents li.write_link a {padding-left:72px;background:#dddddd url('../images/ico_link.png') no-repeat 42px 50%;} .float_content .nav_contents li.write_link a.on {padding-left:72px;background:url('../images/ico_link_on.png') no-repeat 42px 50%;} .float_content .nav_contents li.write_pdf a {padding-left:69px;background:#dddddd url('../images/ico_pdf.png') no-repeat 43px 50%;} .float_content .nav_contents li.write_pdf a.on {padding-left:69px;background:url('../images/ico_pdf_on.png') no-repeat 43px 50%;} .float_content .nav_contents li.write_text a {padding-left:65px;background:#dddddd url('../images/ico_text.png') no-repeat 34px 50%;} .float_content .nav_contents li.write_text a.on {padding-left:65px;background:url('../images/ico_text_on.png') no-repeat 34px 50%;} .float_content .cont_write_form {margin-top:50px;} .float_content .cont_write_form:after {display:block;visibility:hidden;clear:both;content:""} .float_content .cont_write_form .left_form {float:left;width:279px;} .float_content .cont_write_form .left_form .content_cate_wrap {margin-bottom:20px;} .float_content .cont_write_form .left_form .content_cate_wrap .selectric-content_cate {} .float_content .cont_write_form .left_form .content_cate_wrap .selectric-content_cate .selectric {border-bottom:0;} .float_content .cont_write_form .left_form .content_cate_wrap .selectric-content_cate .selectric-items {border-top:1px solid #ccd5dc;} .float_content .cont_write_form .left_form .content_cate_wrap .selectric-content_cate:last-child .selectric-items {border-top:0;} .float_content .cont_write_form .left_form .content_cate_wrap .selectric-content_cate:last-child .selectric {border-bottom:1px solid #cccccc;} .float_content .cont_write_form .left_form .write_thumb {position:relative;margin-top:23px;} .float_content .cont_write_form .left_form .write_thumb .title {display:block;font-size:20px;font-weight:500;color:#333333;} .float_content .cont_write_form .left_form .write_thumb .size_desc {display:block;margin-top:4px;font-size:13px;color:#999999;} .float_content .cont_write_form .left_form .write_thumb .i_edit {display:block;position:absolute;top:21px;right:0;width:30px;height:30px;background:url('../images/ico_edit_profile.png') no-repeat;} .float_content .cont_write_form .left_form .write_thumb .drag_box {position:relative;margin-top:8px;width:100%;height:150px;background:#f5f5f5 url('../images/ico_drag.png') no-repeat 50% 32px;text-align:center;} .float_content .cont_write_form .left_form .write_thumb .drag_box p {padding-top:64px;font-size:14px;color:#999999;line-height:19px;} .float_content .cont_write_form .left_form .write_thumb .drag_box .btn_del {position:absolute;bottom:9px;right:10px;padding:5px;width:25px;height:26px;background:transparent url('../images/ico_del.png') no-repeat;} .float_content .cont_write_form .left_form .sec_keyword {margin-top:23px;padding-bottom:55px;} .float_content .cont_write_form .left_form .sec_keyword .title {font-size:20px;font-weight:500;color:#333333;} .float_content .cont_write_form .left_form .sec_keyword .keyword_list {margin-top:9px;} .float_content .cont_write_form .right_form {float:left;margin-left:20px;width:695px;} .float_content .cont_write_form .right_form .input_box {position:relative;} .float_content .cont_write_form .right_form .input_box .ast {position:absolute;top:10px;left:36px;font-size:17px;color:#ea563a;} .float_content .cont_write_form .right_form .contents_subj {padding:0;height:37px;line-height:35px;} .float_content .cont_write_form .right_form .register_contents {margin-top:26px;} .float_content .cont_write_form .right_form .register_contents .title_wrap {position:relative;font-size:0;} .float_content .cont_write_form .right_form .register_contents .title_wrap .title {display:inline-block;font-size:20px;font-weight:500;line-height:30px;vertical-align:top;} .float_content .cont_write_form .right_form .register_contents .title_wrap .ast {display:inline-block;margin-left:7px;font-size:17px;color:#ea563a;line-height:30px;vertical-align:top;} .float_content .cont_write_form .right_form .register_contents .title_wrap p {display:inline-block;margin-left:15px;font-size:14px;color:#666666;line-height:30px;vertical-align:top;} .float_content .cont_write_form .right_form .register_contents .title_wrap .btn_file {position:absolute;top:0;right:0;} .float_content .cont_write_form .file_list {clear:both;margin-top:15px;border-bottom:1px solid #cccccc;text-align:left;} .float_content .cont_write_form .file_list li {position:relative;padding:6px 40px 9px 29px;border-top:1px solid #cccccc;border-left:1px solid #cccccc;border-right:1px solid #cccccc;background:url('../images/ico_board_view_file.png') no-repeat 10px 50%;} .float_content .cont_write_form .file_list li a {font-size:14px;color:#666666;} .float_content .cont_write_form .file_list li a:hover {text-decoration:underline;} .float_content .cont_write_form .file_list li .btn_file_del {display:block;position:absolute;top:0;right:0;width:40px;height:100%;background:url('../images/ico_review_del.png') no-repeat 50% 50%;} .float_content .cont_write_form .contents_editor {margin-top:19px;} /* Youtube */ .float_content .cont_write_form .right_form .register_contents .link_box {margin-top:6px;overflow:hidden;} .float_content .cont_write_form .right_form .register_contents .link_box input {float:left;width:614px;padding:0 12px;height:35px;line-height:33px;font-size:13px;color:#333333;} .float_content .cont_write_form .right_form .register_contents .link_box .btn_submit {float:left;width:81px;height:35px;line-height:33px;color:#ffffff;background-color:#333333;text-align:center;} .float_content .cont_write_form .right_form .register_contents.regi_youtube .youtube_thumb_wrap {position:relative;margin-top:19px;width:100%;padding-bottom:56.25%;height:0;} .float_content .cont_write_form .right_form .register_contents.regi_youtube .youtube_thumb {position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-size:100% auto;} /* Card Learning */ .float_content .cont_write_form .right_form .register_contents.regi_card .btn_wrap {position:absolute;top:0;right:0;} .float_content .cont_write_form .right_form .register_contents.regi_card .btn_wrap label {display:block;cursor:pointer;} .float_content .cont_write_form .right_form .register_contents.regi_card .btn_wrap button {display:inline-block;margin-left:8px;width:100px;height:35px;line-height:33px;font-size:13px;font-weight:500;color:#666666;border-radius:4px;} .float_content .cont_write_form .right_form .regi_card .i_edit {display:block;position:absolute;top:0;right:0;width:30px;height:30px;background:url('../images/ico_edit_profile.png') no-repeat;} .float_content .cont_write_form .right_form .regi_card .file_add_box {margin-top:13px;padding:16px 0 17px;height:150px;overflow:hidden;background-color:#f5f5f5;text-align:center;} .float_content .cont_write_form .right_form .regi_card .file_add_box > div {float:left;width:50%;height:100%;} .float_content .cont_write_form .right_form .regi_card .file_add_box > div.drag_add span {display:block;padding-top:74px;width:100%;height:100%;font-size:14px;color:#999999;background:url('../images/ico_drag_lg.png') no-repeat 50% 24px;} .float_content .cont_write_form .right_form .regi_card .file_add_box > div.select_add {border-left:1px solid #d2d2d2;} .float_content .cont_write_form .right_form .regi_card .file_add_box > div.select_add label {display:block;width:100%;height:100%;padding-top:74px;font-size:14px;color:#999999;background:url('../images/ico_computer.png') no-repeat 50% 24px;cursor:pointer;} .float_content .cont_write_form .right_form .regi_card .upload_list {margin:15px -7px 0;overflow:hidden;} .float_content .cont_write_form .right_form .regi_card .upload_list li {position:relative;float:left;margin-bottom:14px;width:20%;height:163px;} .float_content .cont_write_form .right_form .regi_card .upload_list li input[type="checkbox"] + label {display:block;position:relative;margin:0 7px;padding:0;height:100%;background-repeat:no-repeat;background-size:cover;background-position:50% 50%;} .float_content .cont_write_form .right_form .regi_card .upload_list li input[type="checkbox"] + label .i_dim {display:none;} .float_content .cont_write_form .right_form .regi_card .upload_list li input[type="checkbox"] + label > img {display:none;} .float_content .cont_write_form .right_form .regi_card .upload_list li input[type="checkbox"]:checked + label .i_dim {z-index:1;display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5) url('../images/ico_card_chk.png') no-repeat 50% 50%;} .float_content .cont_write_form .right_form .regi_card .upload_list li .btn_zoom {z-index:2;display:block;position:absolute;bottom:0;right:7px;width:25px;height:28px;background:url('../images/ico_zoom.png') no-repeat 50% 50%;} /* Video */ .inner_movie .align_maker {height:calc(100% - 90px);} .inner_movie .video {position:relative; display:inline-block; width:calc(100% - 4px); height:0 !important; padding-bottom:56.25%; text-align:center; vertical-align:middle;} .inner_movie .video > div {position:absolute; top:0; left:0; width:100%; height:100%;} .inner_movie .video .video-js {height:100%;} .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {opacity:1;} .inner_movie .video video {padding-bottom:60px;} /* Sub Common */ #container .sub_inner {padding-top:50px;padding-bottom:130px;} #container .sub_inner .sub_title {position:relative; margin-bottom:80px} #container .sub_inner .sub_title h2 {font-size:35px;font-weight:600;color:#333;line-height:1;} #container .sub_inner .sub_title .lead {margin-top:22px;font-size:17px;color:#333;} #container .sub_inner .sub_title .board_search {position:absolute;right:0;bottom:-7px;} .board_search input {margin-right:2px;padding:0 13px;width:360px;height:38px;font-size:13px;color:#999;border:1px solid #ccc;} .board_search .btn_board_search {width:80px;height:38px;font-size:15px;color:#fff;font-weight:500;line-height:0.6;background-color:#333;} #snb {margin-top:18px;overflow:hidden;} #snb li {float:left;text-align:center;} #snb li a {display:block;height:50px;font-size:17px;color:#999;line-height:2.8;border-top:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;} #snb li:first-child a {border-left:1px solid #ddd;} #snb li a.on {color:#fff;font-weight:700;border:0;} #snb.snb2 li {width:50%;} #snb.snb3 li {width:33.33%;} #snb.snb4 li {width:25%;} #snb.snb5 li {width:20%;} #snb.snb6 li {width:16.66%;} #snb.snb7 li {width:33.3%;} #snb.snb_responsive {font-size:0;overflow:visible;} #snb.snb_responsive:after {display:block;visibility:hidden;clear:both;content:""} #snb.snb_responsive li {display:inline-block;padding:10px 45px;border:1px solid #ddd;margin-right:-1px;margin-bottom:-1px;} #snb.snb_responsive li:first-child a {border-left:0;} #snb.snb_responsive a {width:100%;height:100%;border:0;} #snb.snb_responsive li.on a {color:#fff;font-weight:700;border:0;} /* FAQ */ .table_faq_list {margin-top:50px;border-top:2px solid #666;} .table_faq_list tr {border-bottom:1px solid #ccc;} .table_faq_list td {font-size:15px;color:#333;} .table_faq_list td dt {background:url('../images/ico_qna_q.png') no-repeat;background-position:20px 27px;} .table_faq_list td dt a {display:block;padding:25px 50px;background:url('../images/ico_qna_down.png') right 20px top 32px no-repeat;} .table_faq_list td dl.on dt a {background-image:url('../images/ico_qna_up.png');} .table_faq_list td dl.on dd {display:block;} .table_faq_list td dd {display:none;padding:25px 50px;background-color:#f5f5f5;} .table_faq_list td.bo_nodata {height:185px;text-align:center;vertical-align:middle;} /* Q&A */ .qa_write > p{margin-top:17px;height:70px;padding-top:20px;font-size:15px;color:#333;border-top:1px solid #666;border-bottom:1px solid #ccc} .qa_write_inner {padding:30px 30px;background-color:#f5f5f5; border-bottom:1px solid #ccc; border-top:1px solid #666} .table_qa_write tbody th {padding-bottom:20px;font-size:17px;color:#333;font-weight:500;text-align:left;} .table_qa_write tbody td {padding-bottom:20px;font-size:15px;color:#333;} .table_qa_write tbody td .selectric {width:270px;} .table_qa_write tbody .table_qa_write_file th, .table_qa_write tbody .table_qa_write_file td {padding-top:30px;padding-bottom:0;border-top:1px solid #ccc;} .table_qa_write tbody .table_qa_write_file td .file_list li {margin-top:10px;padding:7px 12px 7px 10px;height:35px;font-size:13px;color:#333;border:1px solid #ccc;background-color:#fff;} .table_qa_write tbody .table_qa_write_file td .file_list li a {float:right;} .table_qa_write tbody .file_select_group {text-align:right;} .table_qa_write tbody .file_select_group span {font-size:13px;color:#333;} .btn_board_file {width:100px !important;height:35px !important;line-height:35px !important;} .btn_group_qa {margin-top:20px;} .btn_group_qa button {width:100px;height:40px;line-height:40px;} /* 원격지원안내 */ .sub_service .sub_service_inner {margin-top:20px;border:1px solid #ccc;background-color:#f5f5f5;} .sub_service .sub_service_inner .title {padding:30px;text-align:center;border-bottom:1px solid #ccc;background-color:#fff;} .sub_service .sub_service_inner .title h3 {font-size:25px;color:#333;} .sub_service .sub_service_inner.sub_service_sec1 .title h3 {display:inline-block;padding-left:33px;background:url('../images/ico_service_tit1.png') no-repeat 0 6px;} .sub_service .sub_service_inner .title p {margin-top:6px;font-size:15px;color:#333;line-height:25px;} .sub_service .sub_service_inner .des {margin:0 auto;padding:50px 0;width:800px;overflow:hidden;} .sub_service .sub_service_inner.sub_service_sec1 .des .customer_center {overflow:hidden;} .sub_service .sub_service_inner.sub_service_sec1 .des .customer_center .sec_left {float:left;padding-left:160px;width:400px;height:105px;background:url('../images/ico_service_sec1_call.png') no-repeat 65px 0;} .sub_service .sub_service_inner.sub_service_sec1 .des .customer_center .sec_left h4 {font-size:18px;color:#666;} .sub_service .sub_service_inner.sub_service_sec1 .des .customer_center .sec_left .call_num {font-size:30px;color:#333;font-weight:900;line-height:35px;} .sub_service .sub_service_inner.sub_service_sec1 .des .customer_center .sec_right {float:left;padding:10px 10px 10px 20px;width:400px;height:105px;font-size:15px;color:#333;} .sub_service .sub_service_inner.sub_service_sec1 .des ul {overflow:hidden;} .sub_service .sub_service_inner.sub_service_sec1 .des ul li {float:left;width:25%;} .sub_service .sub_service_inner.sub_service_sec1 .des ul li a {display:block;padding-top:90px;height:150px;font-size:15px;text-align:center;line-height:18px;border-top:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;background-color:#fff;background-position:50% 40px;background-repeat:no-repeat;} .sub_service .sub_service_inner.sub_service_sec1 .des ul li:first-child {border-left:1px solid #ccc;} .sub_service .sub_service_inner.sub_service_sec1 .des ul li a.on {color:#f5f5f5;border:0;} .sub_service .sub_service_inner.sub_service_sec1 .des ul li.li1 a {background-image:url('../images/ico_service_sec1_li1.png');} .sub_service .sub_service_inner.sub_service_sec1 .des ul li.li2 a {background-image:url('../images/ico_service_sec1_li2.png');} .sub_service .sub_service_inner.sub_service_sec1 .des ul li.li3 a {background-image:url('../images/ico_service_sec1_li3.png');} .sub_service .sub_service_inner.sub_service_sec1 .des ul li.li4 a {background-image:url('../images/ico_service_sec1_li4.png');} .sub_service .sub_service_inner.sub_service_sec2 {margin-top:40px;} .sub_service .sub_service_inner.sub_service_sec2 .title h3 {display:inline-block;padding-left:33px;background:url('../images/ico_service_tit2.png') no-repeat 0 6px;} .sub_service .sub_service_inner.sub_service_sec2 .sec_left {float:left;padding-top:5px;padding-left:160px;width:400px;height:65px;background:url('../images/ico_service_sec2_call.png') no-repeat 65px 0;} .sub_service .sub_service_inner.sub_service_sec2 .sec_left h4 {font-size:18px;color:#666;} .sub_service .sub_service_inner.sub_service_sec2 .sec_left p {font-size:15px;color:#333;} .sub_service .sub_service_inner.sub_service_sec2 .sec_right {float:left;padding-top:5px;padding-left:20px;width:400px;height:65px;} .sub_service .sub_service_inner.sub_service_sec2 .sec_right a {width:250px;height:50px;line-height:50px;} /* 탐색 - 과정상세(집합교육) */ .ex_detail_hd_inner {position:relative;padding:35px 30px 40px 30px;background-color:#f5f5f5;} .ex_detail_hd_inner:after {display:block;visibility:hidden;clear:both;content:""} .ex_detail_hd_inner .img {float:left;margin-right:30px;width:400px;height:248px;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;} .ex_detail_hd_inner .detail {float:left;position:relative;width:550px;} .ex_detail_hd_inner .detail_cate span {margin-left:7px;} .ex_detail_hd_inner .detail_cate span:first-child {margin-left:0;} .ex_detail_hd_inner .detail h3 {margin-top:10px;font-size:25px;color:#333;line-height:32px;} .ex_detail_hd_inner .detail .detail_ft {margin-top:30px;} .ex_detail_hd_inner .detail .detail_ft .detail_tag {font-size:0;} .ex_detail_hd_inner .detail .detail_ft .detail_tag span {margin-bottom:10px;margin-right:10px} .ex_detail_hd_inner .detail .detail_ft .detail_tag span:last-child {margin-right:0;} table.table_ex_detail {margin-top:10px;font-size:15px;color:#333; } table.table_ex_detail th {text-align:left;font-weight:400;} table.table_ex_detail th table.table_ex_detail th, table.table_ex_detail td {padding:4px 0; font-weight:400;} table.table_ex_detail td {padding-left:24px;} table.table_ex_detail.aside th, table.table_ex_detail.aside td {font-size:14px;} .ex_detail_hd_inner .aside {float:right;width:250px;} .ex_detail_hd_inner .aside .go_more {text-align:right;} .ex_detail_hd_inner .aside .go_more a {display:inline-block;padding-right:12px;font-size:14px; color:#656565; background:url('../images/ico_right_arrow_s.png') no-repeat right 5px;} .ex_detail_hd_inner .aside .aside_bt {position:absolute;width:250px;bottom:30px;} .ex_detail_hd_inner .aside .aside_bt .btn_box button {margin-top:10px;} .ex_detail_info_li {overflow:hidden;border-left:1px solid #ccc; border-top:1px solid #ccc;} .ex_detail_info_li li {float:left;padding-top:70px;width:11.11%;height:104px;font-size:14px; color:#656565; text-align:center; border-right:1px solid #ccc; border-bottom:1px solid #ccc; background-repeat:no-repeat;background-position:50% 15px;} .ex_detail_info_li li span {color:#656565;} .ex_detail_info_li li.em {color:#656565;background-color:#FFF} .ex_detail_info_li li.em.on {color:#656565} .ex_detail_info_li7 li {width:14.2857%;} .ex_detail_info_li8 li {width:12.5%;} .ex_detail_info_li9 li {width:11.1111%;} .ex_detail_info_li10 li {width:10%;} .ex_detail_con {position:relative;margin-top:50px;} .ex_detail_con.fixed_top .aside_inner {position:fixed !important;top:0;} .ex_detail_con.fixed_top .ex_detail_con_nav {position:fixed !important;top:0; left:50%; margin-left:-692px;} .ex_detail_con .aside_wrap {float:right;width:346px;} .ex_detail_con .aside {position:relative;} .ex_detail_con .aside .aside_inner {position:static;width:346px;border:1px solid #ccc;background-color:#fff;z-index:999;} .ex_detail_con .aside .aside_inner .aside_img {width:344px;height:212px;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;} .ex_detail_con .aside .aside_inner .aside_con {padding:20px 20px 30px;} .ex_detail_con .aside .aside_inner .aside_con h3 {margin-top:16px;font-size:25px;color:#333;font-weight:500;line-height:32px;} .ex_detail_con .aside .aside_inner .aside_con .aside_price {position:relative;margin-top:12px;font-size:25px;font-weight:700;} .ex_detail_con .aside .aside_inner .aside_con .aside_price span {font-size:14px;color:#333;font-weight:400;} .ex_detail_con .aside .aside_inner .aside_con .tool_tip_wrap {position:absolute;right:10px;top:0;} .ex_detail_con .aside .aside_inner .aside_con .btn_box {margin-top:15px;} .ex_detail_con .aside .aside_inner .aside_con .btn_box button {margin-top:10px;} .ex_detail_con .aside .aside_inner .aside_con .btn_box .not_period {display:block;height:50px;font-size:17px;color:#fff;text-align:center;line-height:50px;background-color:#aaa;border-radius:4px;} .ex_detail_con .ex_detail_con_inner {position:relative; padding-top:45px; float:left;width:1008px; padding-bottom:100px;} .ex_detail_con_nav {width:1008px;z-index:100; position:absolute; top:0; left:0;} .ex_detail_con_nav .nav_menu {overflow:hidden;} .ex_detail_con_nav .nav_menu.nav_menu2 li {width:50%;} .ex_detail_con_nav .nav_menu.nav_menu3 li {width:33.33%;} .ex_detail_con_nav .nav_menu.nav_menu4 li {width:25%;} .ex_detail_con_nav .nav_menu.nav_menu5 li {width:20%;} .ex_detail_con_nav .nav_menu.nav_menu6 li {width:16.66%;} .ex_detail_con_nav .nav_menu.nav_menu6 li:nth-child(7) a {border-left:0;} .ex_detail_con_nav .nav_menu li {float:left;width:16.66%;} .ex_detail_con_nav .nav_menu li a {display:block;height:45px;font-size:16px;line-height:45px;color:#656565;font-weight:400;text-align:center;letter-spacing:-1px;border:1px solid #d0d0d0; border-radius:5px 5px 0 0; background-color:#f5f5f5} .ex_detail_con_nav .nav_menu li:first-child a {} .ex_detail_con_nav .nav_menu li a.on {color:#333; border:1px solid #aaaaaa; border-bottom:none; border-radius:5px 5px 0 0; background-color:#FFF} .ex_detail_con_sec {position:relative;padding-top:30px;} .ex_detail_con_sec h3 {font-size:24px; color:#333} .ex_detail_con_sec h3 span {color:#ccc;} .ex_detail_con_sec.sec1 {margin-bottom:60px} .ex_detail_con_sec.sec1 ul {margin-top:20px;} .ex_detail_con_sec.sec1 li {margin-top:40px;} .ex_detail_con_sec.sec1 li:first-child {margin-top:0;} .ex_detail_con_sec.sec1 li h4 {font-size:20px;color:#4c4c4c;font-weight:500;} .ex_detail_con_sec.sec1 li p {margin-top:10px;font-size:15px;color:#333;line-height:24px;} .ex_detail_con_sec.sec1 li .file_box {margin-top:15px;padding-left:40px;height:40px;font-size:14px;color:#444;line-height:39px;border:1px solid #ccc;background:url('../images/ico_board_view_file.png') no-repeat 22px 13px;} .ex_detail_con_sec.sec1 li .link_box {margin-top:15px;overflow:hidden;} .ex_detail_con_sec.sec1 li .link_box a {display:block;float:left;padding:0 10px;width:435px;height:40px;font-size:15px;color:#0000ff;line-height:39px;border:1px solid #ccc;} .ex_detail_con_sec.sec1 li .link_box .btn_copy {float:left;width:140px;height:40px;font-size:15px;color:#999;border-top:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;} .ex_detail_con_sec.sec2 {margin-bottom:60px;} .ex_detail_con_sec.sec2 .tab_sub_sec {display:inline-block;margin-top:30px;color:#aaa;background-color:#f5f5f5;overflow:hidden;border-radius:5px;} .ex_detail_con_sec.sec2 .tab_sub_sec li {float:left;} .ex_detail_con_sec.sec2 .tab_sub_sec li a {display:block;width:100px;height:50px;text-align:center;line-height:50px;} .ex_detail_con_sec.sec2 .tab_sub_sec li.on a {color:#fff;} .ex_detail_con_sec.sec2 .tab_contents.no_cate {margin-top:10px;} /* 목록이 한개 일경우 깨짐 발생하여 수정 .ex_detail_con_sec.sec2 .tab_contents li {position:relative;padding-left:25px;height:56px;font-size:17px;line-height:56px;color:#999;background:url('../images/bg_ex_time.png') no-repeat;} .ex_detail_con_sec.sec2 .tab_contents li.on {color:#333;font-weight:500;background:url('../images/bg_ex_time_on.png') no-repeat;} .ex_detail_con_sec.sec2 .tab_contents li:last-child {background-image:url('../images/bg_ex_time_last.png');} */ .ex_detail_con_sec.sec2 .tab_contents ul.ul_solo li {background:none;} .ex_detail_con_sec.sec2 .tab_contents li {position:relative;padding:18px 0 18px 25px; font-size:16px;color:#999;background:url('../images/curriculum_bg_vertical.png') repeat-y 9px 0;overflow:hidden;} .ex_detail_con_sec.sec2 .tab_contents li:first-child {background-repeat:no-repeat;background-position:9px 38px;} .ex_detail_con_sec.sec2 .tab_contents li:last-child {background-repeat:no-repeat;background-position:9px -268px;} .ex_detail_con_sec.sec2 .tab_contents li.on {color:#333;font-weight:500;} .ex_detail_con_sec.sec2 .tab_contents li:before {display:block;position:absolute;left:0;top:20px;width:18px;height:18px;background:url('../images/curriculum_bg.png') no-repeat 0 0 #fff;content:'';} .ex_detail_con_sec.sec2 .tab_contents li.on:before {background-image:url('../images/curriculum_bg_on.png');} .ex_detail_con_sec.sec2 .tab_contents li:after {position:absolute;left:27px;bottom:0;width:100%;height:1px;background:url('../images/curriculum_bg_horizontal.png') repeat-x 0 0;content:'';} .ex_detail_con_sec.sec2 .tab_contents li strong {font-weight:500;} .ex_detail_con_sec.sec2 .tab_contents li .play_time {position:absolute;right:0;top:12px;display:inline-block;padding:0 20px; height:30px;line-height:30px;font-size:14px;color:#7f7f7f;font-weight:600;text-align:center;background:#f5f5f5;border-radius:3px;} .ex_detail_con_sec.sec2 .tab_contents li .play_time img {margin-right:5px;vertical-align:1px;} .ex_detail_con_sec.sec2 .tab_contents .sec2_more {display:block;margin-top:30px;height:50px;font-size:17px;color:#999;text-align:center;line-height:50px;background-color:#f5f5f5;} .ex_detail_con_sec.sec3 {margin-bottom:60px} .ex_detail_con_sec.sec3 ol {margin-top:30px;border-bottom:1px solid #ccc;} .ex_detail_con_sec.sec3 li {position:relative;} .ex_detail_con_sec.sec3 li a {display:block;padding:12px 0 12px 4px;font-size:16px;color:#999;line-height:54px;border-top:1px solid #ccc;} .ex_detail_con_sec.sec3 li span {display:inline-block;margin-right:15px;} .ex_detail_con_sec.sec3 li a:hover {font-weight:500;} .ex_detail_con_sec.sec3 li a:hover:after {z-index:1;content:"";position:absolute;bottom:-1px;left:0;width:100%;height:1px;} .ex_detail_con_sec.sec4 {margin-bottom:60px} .ex_detail_con_sec.sec4 .sec4_tool_tip {position:absolute;right:0;top:40px;font-size:14px;color:#999} .ex_detail_con_sec.sec4 .sec4_tool_tip img {margin-right:2px;vertical-align:-2px;} .ex_detail_con_sec.sec4 ul {margin-top:30px;border-top:1px solid #ccc;} .ex_detail_con_sec.sec4 li {padding:25px 30px 25px 4px;height:125px;border-bottom:1px solid #ccc;} .ex_detail_con_sec.sec4 li .sec_left {float:left;width:650px;} .ex_detail_con_sec.sec4 li .sec_right {float:right;} .ex_detail_con_sec.sec4 li .isbn {font-size:12px;color:#999;} .ex_detail_con_sec.sec4 li .book_subject {font-size:20px;color:#333;font-weight:700;} .ex_detail_con_sec.sec4 li .book_info {margin-top:7px;font-size:13px;color:#999;} .ex_detail_con_sec.sec4 li .price {font-size:20px;color:#333;font-weight:700;line-height:70px; font-style:italic} .ex_detail_con_sec.sec5 {margin-bottom:60px} .ex_detail_con_sec.sec5 table {margin-top:30px;} .ex_detail_con_sec.sec5 h4 {margin-top:30px; font-size:20px} .ex_detail_con_sec.sec5 h5 {margin-top:20px; display:inline-block; font-size:18px} .ex_detail_con_sec.sec6 {margin-bottom:60px} .ex_detail_con_sec.sec6 .average_score {margin-top:30px;padding-top:21px;height:75px;font-size:18px;color:#333;font-weight:500;text-align:center;background-color:#fff; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc} .ex_detail_con_sec.sec6 .review_write {margin-top:30px;} .ex_detail_con_sec.sec6 .review_form {margin-top:6px;overflow:hidden;} .ex_detail_con_sec.sec6 .review_form .textarea_box {float:left;width:827px;height:145px;} .ex_detail_con_sec.sec6 .review_form .textarea_box textarea {padding:20px;width:100%;height:145px;} .ex_detail_con_sec.sec6 .review_form button {float:right;width:170px;height:145px;font-size:18px;font-weight:500;line-height:145px;color:#666;text-align:center;background-color:#f5f5f5;} .ex_detail_con_sec.sec6 .review_list {margin-top:40px;border-top:1px solid #ccc;} .ex_detail_con_sec.sec6 .review_list > li {position:relative;padding:30px 0;border-bottom:1px solid #ccc;overflow:hidden;} .ex_detail_con_sec.sec6 .review_list > li .list_head {float:left;width:80px;text-align:center;font-size:16px;font-weight:500;} .ex_detail_con_sec.sec6 .review_list > li .list_head .head_thumb {display:block;margin:0 auto 4px;width:49px;height:49px;background-repeat:no-repeat;background-position:50% 50%;background-size:cover; border-radius:50%;} .ex_detail_con_sec.sec6 .review_list > li .list_con {float:left;margin-left:15px;width:912px;} .ex_detail_con_sec.sec6 .review_list > li .review_star_write {display:none;} .ex_detail_con_sec.sec6 .review_list > li .review_con {margin-top:15px} .ex_detail_con_sec.sec6 .review_list > li .review_con .review_list_form {display:none;} .ex_detail_con_sec.sec6 .review_list > li .review_con .review_list_form .textarea_box {float:left;width:732px;height:145px;} .ex_detail_con_sec.sec6 .review_list > li .review_con .review_list_form textarea {height:145px;} .ex_detail_con_sec.sec6 .review_list > li .review_con .review_list_form button {width:170px;height:145px;font-size:20px;line-height:145px;} .ex_detail_con_sec.sec6 .review_list > li .review_date {margin-top:20px;font-size:13px;} .ex_detail_con_sec.sec6 .review_list > li .review_option {position:absolute;width:20px;right:10px;top:15px;text-align:center;} .ex_detail_con_sec.sec6 .review_list > li .review_option .btn_review_option {cursor:pointer;} .ex_detail_con_sec.sec6 .review_list > li .review_option .more_box {position:absolute;display:none;top:30px;right:0;z-index:999;border-top:1px solid #ccc;} .ex_detail_con_sec.sec6 .review_no_data {margin-top:30px;width:1008px;height:270px;font-size:20px;color:#999;text-align:center;line-height:270px;background-color:#f5f5f5;} .ex_detail_con_sec.sec6 .review_no_data img {margin-right:5px;vertical-align:-8px;} .ex_detail_con_sec.sec6 .review_form .textarea_box2 {float:left;width:1200px;height:145px;} .ex_detail_con_sec.sec6 .review_form .textarea_box2 textarea {padding:20px;width:100%;height:145px;} .ex_detail_con_sec.sec7 {margin-bottom:60px} .ex_detail_con_sec.sec7 ul {margin:30px 0 0 0;overflow:hidden;} .ex_detail_con_sec.sec7 li {float:left;margin:0 15px 30px 0;width:237px;} .ex_detail_con_sec.sec7 li .thumb_box {position: relative;height:150px;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;} .ex_detail_con_sec.sec7 li .course_desc {padding:10px 0;height:66px;} .ex_detail_con_sec.sec7 li .course_desc .i_cate {font-size:14px;} .ex_detail_con_sec.sec7 li .course_desc .i_subject {font-size:18px;color:#333;font-weight:500;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-top:6px} .ex_detail_con_sec.sec8 {margin-bottom:60px} .ex_detail_con_sec.sec8 ul {margin-top:30px;overflow:hidden;} .ex_detail_con_sec.sec8 li {position:relative;float:left;padding-left:85px;width:339px;height:70px;} .ex_detail_con_sec.sec8 li:after {position:absolute;display:block;width:19px;height:70px;right:15px;top:0;background:url('../images/out_process_arrow.png') no-repeat 0 0;content:''} .ex_detail_con_sec.sec8 li:last-child {width:330px;} .ex_detail_con_sec.sec8 li:last-child h4 {margin-top:0;} .ex_detail_con_sec.sec8 li:last-child:after {display:none;} .ex_detail_con_sec.sec8 li.li1 {background:url('../images/out_process_img1.png') no-repeat 0 0;} .ex_detail_con_sec.sec8 li.li2 {background:url('../images/out_process_img2.png') no-repeat 0 0;} .ex_detail_con_sec.sec8 li.li3 {background:url('../images/out_process_img3.png') no-repeat 0 0;} .ex_detail_con_sec.sec8 li h4 {margin-top:10px;font-size:17px;color:#333333;font-weight:500;} .ex_detail_con_sec.sec8 li p {font-size:13px;color:#666666;} /* 학습 목록 */ .learning_list_wrap .tab_contents {margin-top:50px;} .learning_list_wrap .hp_box1 {background-color:#f5f5f5;border:1px solid #ccc;border-radius:5px} .learning_list_wrap .hp_box2 {margin-top:30px;padding:20px 30px 15px 30px;font-size:17px;color:#3d7ca4;background-color:#f5f5f5;border:1px solid #ccc; border-radius:5px} .learning_list_wrap .hp_box2 span {display:inline-block; background:#666666; padding:4px 10px; font-size:14px; color:#FFF} .learning_list_wrap .hp_box2 ul {margin-top:10px;} .learning_list_wrap .hp_box2 li {background:url(../images/ico_bullet.png) no-repeat 0 18px; padding:4px 0 4px 16px;font-size:20px;color:#333;font-weight:500; letter-spacing:-1px} /* .learning_list_wrap .hp_box2 li .hp_dot {position:absolute;left:0;top:14px;width:7px;height:7px;background-color:#3d7ca4;border-radius:4px;} */ .learning_list_wrap .hp_box2 li span.start_date {font-size:16px;font-weight:400; background:none; color:#333} .learning_list_wrap .list_style1 {margin-top:13px;} .learning_list_wrap .tab2_select {margin-top:20px;width:290px;} .learning_list_wrap .con_hd {position:relative; margin-top:30px; vertical-top:top; overflow:hidden; min-height:80px} .learning_list_wrap .con_hd2 {position:relative; margin-top:30px; vertical-top:top; /* overflow:hidden; */min-height:80px} .learning_list_wrap .con_hd:after {display:block;visibility:hidden;clear:both;content:""} .learning_list_wrap .select_s {float:left;margin-right:40px;} .learning_list_wrap .select_s > label {font-size:16px;} .learning_list_wrap .btn_con_hd {display:inline-block;font-size:20px;font-weight:600; color:#989797; text-align:center; margin-right:40px; vertical-align:top;} .learning_list_wrap .btn_con_hd span {font-weight:700;} .learning_list_wrap .btn_con_hd.on {display:inline-block;font-size:20px;font-weight:600; color:#434343; text-align:center; padding-bottom:8px;border-bottom:3px solid #434343;} .learning_list_wrap .btn_con_hd.on span {font-weight:700;} .totalInfoArea {display:table; width:100%;} .learning_list_wrap .time_price_box {position:absolute; left:650px; top:0; width:calc(100% / 2); border-left:1px solid #ccc; color:#434343; padding-left:40px} .learning_list_wrap .time_price_box li {display:table-cell; padding:0;/* width:220px; */min-width:120px; font-size:30px;} .learning_list_wrap .time_price_box li:first-child {border-left:0;} .learning_list_wrap .time_price_box li .tit {font-size:16px;color:#999;} .learning_list_wrap .table_style6 {margin-top:20px;} .learning_list_wrap .table_style6 .btn_tool_tip, .learning_list_wrap .table_style6 .go_result {display:inline-block;margin-top:5px;color:#999;text-decoration:underline;} .learning_list_wrap .table_style6 .btn_re_learning {display:inline-block;width:100px;height:40px;line-height:40px;border-width:1px;border-style:solid;border-radius:3px;} /* 학습 - 학습홈 */ .learning_detail {padding:0 0 130px !important;width:100%;max-width:100%;} .learning_detail_hd {} .learning_detail_hd_inner {position:relative;margin: 0 auto;padding:55px 20px 50px;max-width: 1424px;} .learning_detail_hd_inner:after {display:block;visibility:hidden;clear:both;content:""} .learning_detail_hd_inner .img {float:left;margin-right:30px;width:400px;height:248px;background:no-repeat;background-position:50% 50%;background-size:cover;} .learning_detail_hd_inner .detail {float:left;position:relative;width:550px;} .learning_detail_hd_inner .detail_cate span {margin-left:7px} .learning_detail_hd_inner .detail_cate span:first-child {margin-left:0;} .learning_detail_hd_inner .detail h3 {margin-top:10px;font-size:25px;color:#fff;line-height:32px;} .learning_detail_hd_inner .detail .go_detail {margin-top:8px;} .learning_detail_hd_inner .detail .go_detail a {display:inline-block;padding-right:16px;font-size:15px;color:#fff;font-weight:300;background:url('../images/ico_right_arrow_w_s.png') no-repeat right 6px;} .learning_detail_hd_inner .detail .detail_ft {margin-top:60px;} .learning_detail_con {position:relative;margin:40px auto;padding:0 20px 0;max-width:1424px;} .learning_detail_con:after {display:block;visibility:hidden;clear:both;content:""} .learning_detail_con.fixed_top .aside_inner {position:fixed !important;top:0;} .learning_detail_con .aside_wrap {float:left;width:280px;} .learning_detail_con .aside_wrap .aside {position:relative;} .learning_detail_con .aside_wrap .aside .aside_inner {position:static;width:280px;background-color:#fff;} .learning_detail_con .aside_wrap .aside li {} .learning_detail_con .aside_wrap .aside li a {display:block;padding:0 40px 0 30px;height:50px;font-size:18px;line-height:50px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;border-left:1px solid #ddd;background-color:#fff;background:url('../images/ico_aside_nav.png') no-repeat right 20px top 18px;} .learning_detail_con .aside_wrap .aside li:first-child a {border-top:1px solid #ddd;} .learning_detail_con .aside_wrap .aside li a.on {border:0;color:#fff;background-image:url('../images/ico_aside_nav_on.png');} .learning_detail_con .aside_wrap .aside li:first-child a.on {border-top:0;} .learning_detail_con .learning_detail_con_inner {float:right;width:1074px;} .learning_detail_con .learning_detail_con_inner .sec {margin-top:20px;overflow:hidden;} .learning_detail_con .learning_detail_con_inner .sec:first-child {margin-top:0;} .learning_detail_con .learning_detail_con_inner .learning_art {border:1px solid #dcdcdc;border-radius:4px;background-color:#fff;} .learning_detail_con .learning_detail_con_inner .learning_art h3 {font-size:18px;} .learning_detail_con .learning_detail_con_inner .learning_status {float:left;padding:20px 30px !important;width:900px;height:150px !important;overflow:hidden;} .learning_detail_con .learning_detail_con_inner .learning_status.learning_status_combination {width:716px;} .learning_detail_con .learning_detail_con_inner .learning_status ul {margin-top:10px;} .learning_detail_con .learning_detail_con_inner .learning_status li {float:left;width:20%;text-align:center;border-left:1px solid #ccc;} .learning_detail_con .learning_detail_con_inner .learning_status.learning_status_online li {width:16.66% !important;} .learning_detail_con .learning_detail_con_inner .learning_status.learning_status_combination li {width:25%;} .learning_detail_con .learning_detail_con_inner .learning_status li:first-child {border-left:0;} .learning_detail_con .learning_detail_con_inner .learning_status li .learning_status_info {font-size:25px;color:#999;} .learning_detail_con .learning_detail_con_inner .learning_status li .learning_status_info strong {color:#333;} .learning_detail_con .learning_detail_con_inner .learning_status li .learning_status_info span.slash {font-size:20px;vertical-align:2px;} .learning_detail_con .learning_detail_con_inner .learning_status li .learning_status_tit {margin-top:2px;font-size:17px;} .learning_detail_con .learning_detail_con_inner .learning_start {float:left;} .learning_detail_con .learning_detail_con_inner .learning_start a {display:block;padding-top:38px;width:150px;height:150px;text-align:center;} .learning_detail_con .learning_detail_con_inner .learning_start a .learning_start_tit {margin-top:15px;font-size:16px;font-weight:500; color:#fff} .learning_detail_con .learning_detail_con_inner .learning_start_combination {float:right;} .learning_detail_con .learning_detail_con_inner .learning_start_combination a {display:block;width:338px;height:150px;} .learning_detail_con .learning_detail_con_inner .learning_start_combination a .text {float:left;padding:25px 30px;width:188px;height:150px;} .learning_detail_con .learning_detail_con_inner .learning_start_combination a .text h4 {display:inline-block;padding-right:13px;font-size:17px;color:#333;font-weight:500;background:url('../images/ico_right_arrow_s.png') no-repeat right 0 top 8px;} .learning_detail_con .learning_detail_con_inner .learning_start_combination a .img {float:left;width:150px;height:150px;background-size:cover;background-repeat:no-repeat;background-position:50% 50%;} .learning_detail_con .learning_detail_con_inner .learning_refunds {float:left;padding:20px 30px !important;width:527px;height:230px;} .learning_detail_con .learning_detail_con_inner .learning_refunds ul {margin-top:8px;} .learning_detail_con .learning_detail_con_inner .learning_seminar {float:left;padding:20px 30px !important;width:527px;height:230px;} .learning_detail_con .learning_detail_con_inner .learning_seminar p {margin-top:8px;font-size:15px;line-height:24px;} .learning_detail_con .learning_detail_con_inner .learning_board {position:relative;float:right;padding:20px 30px !important;width:527px;height:230px;} .learning_detail_con .learning_detail_con_inner .learning_board .more {position:absolute;right:30px;top:20px;color:#999;} .learning_detail_con .learning_detail_con_inner .learning_board .more img {vertical-align:1px;} .learning_detail_con .learning_detail_con_inner .learning_board ul {margin-top:8px;} .learning_detail_con .learning_detail_con_inner .learning_completion {padding:20px 30px 30px !important;} .learning_detail_con .learning_detail_con_inner .learning_completion table {margin-top:20px;} .learning_detail_con .learning_detail_con_inner .learning_info {position:relative;padding:20px 30px !important;} .learning_detail_con .learning_detail_con_inner .learning_info ul.learning_info_step {overflow:hidden;} .learning_detail_con .learning_detail_con_inner .learning_info .learning_info_step li {position:relative;float:left;padding-left:24px;width:33.33%;font-size:20px;} .learning_detail_con .learning_detail_con_inner .learning_info .learning_info_step li .circle {position:absolute;width:17px;height:17px;left:0;top:6px;border-color:#999;border-width:5px;border-style:solid;border-radius:50%;} .learning_detail_con .learning_detail_con_inner .learning_info .learning_info_step li:after {position:absolute;top:14px;right:0;width:240px;height:1px;background-color:#999;content:"";} .learning_detail_con .learning_detail_con_inner .learning_info .learning_info_step li:first-child:after {width:165px;} .learning_detail_con .learning_detail_con_inner .learning_info .learning_info_step li:last-child:after {width:225px;} .learning_detail_con .learning_detail_con_inner .learning_info .learning_info_step li strong {position:relative; font-weight:500;color:#333;background-color:#fff; z-index:9;} .learning_detail_con .learning_detail_con_inner .learning_info .learning_info_step li .date {display:block;font-size:15px;font-weight:300;} .learning_detail_con .learning_detail_con_inner .learning_info .line_gray {margin-top:25px;} .learning_detail_con .learning_detail_con_inner .learning_info .sec_inner {margin-top:30px;} .learning_detail_con .learning_detail_con_inner .learning_info .art {margin-top:15px;overflow:hidden;} .learning_detail_con .learning_detail_con_inner .learning_info .info_score {float:left;width:540px;} .learning_detail_con .learning_detail_con_inner .learning_info .info_score ul {overflow:hidden;} .learning_detail_con .learning_detail_con_inner .learning_info .info_score li {float:left;padding:0 30px;width:50%;height:80px;font-size:17px;line-height:80px;border-top:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;} .learning_detail_con .learning_detail_con_inner .learning_info .info_score li:first-child {border-left:1px solid #ccc;} .learning_detail_con .learning_detail_con_inner .learning_info .info_score li .num {float:right;font-size:25px;color:#999;font-weight:300;} .learning_detail_con .learning_detail_con_inner .learning_info .info_score li .num strong {color:#333;} .learning_detail_con .learning_detail_con_inner .learning_info .info_score li span.slash {font-size:20px;vertical-align:2px;} .learning_detail_con .learning_detail_con_inner .learning_info .go_learning {float:right;width:456px;} .learning_detail_con .learning_detail_con_inner .learning_info .go_learning a {overflow:hidden;display:block;height:80px;line-height:80px;border:1px solid #ccc;} .learning_detail_con .learning_detail_con_inner .learning_info .go_learning a .text {float:left;width:324px;} .learning_detail_con .learning_detail_con_inner .learning_info .go_learning a .text h4 {display:inline-block;padding:0 15px 0 30px;font-size:17px;color:#333;font-weight:500;background:url('../images/ico_right_arrow_s.png') no-repeat right 0 top 35px;} .learning_detail_con .learning_detail_con_inner .learning_info .go_learning a .img {float:left;width:130px;height:80px;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;} .learning_detail_con .learning_detail_con_inner .learning_info .info_place {float:left;margin-left:16px;padding:16px 15px 0 30px;width:338px;height:80px;border:1px solid #ccc;} .learning_detail_con .learning_detail_con_inner .learning_info .info_place h4 {font-size:17px;font-weight:500;} .learning_detail_con .learning_detail_con_inner .learning_info .info_place p {font-size:15px;} .learning_detail_con .learning_detail_con_inner .learning_info .info_schedule {float:left;margin-left:16px;} .learning_detail_con .learning_detail_con_inner .learning_info .info_schedule a {display:block;padding-top:12px;width:102px;height:80px;font-size:15px;border:1px solid #ccc;text-align:center;} .learning_detail_con .learning_detail_con_inner .learning_info .info_schedule a .info_schedule_tit {margin-top:2px;font-size:15px;font-weight:400;} table.table_learning_detail {margin-top:20px;font-size:15px;color:#fff;} table.table_learning_detail th {text-align:left;font-weight:400;} table.table_learning_detail th table.table_learning_detail th, table.table_learning_detail td {padding:1px 0;font-weight:300;} table.table_learning_detail td {padding-left:10px;} table.table_learning_detail.aside th, table.table_learning_detail.aside td {font-size:14px;} .learning_detail_hd_inner .aside {float:right;padding-right:40px;width:250px;text-align:right;} .learning_detail_hd_inner .aside .aside_bt {position:absolute;width:250px;right:60px;;bottom:60px;} .learning_detail_hd_inner .aside .aside_bt .btn_box {float:right;} .learning_detail_hd_inner .aside .aside_bt .btn_box button {margin-top:10px;} .learning_detail_hd_inner .aside .aside_bt .btn_leaning_favorite {width:120px !important;height:40px !important;line-height:40px !important;} .learning_detail_hd_inner .aside .aside_bt .btn_leaning_favorite img {margin-right:7px;vertical-align:-1;} /* 학습 - 학습콘텐츠 - 플립 */ .learning_con_flip .sec {margin-top:40px !important;} .learning_con_flip .sec:first-child {margin-top:0 !important;} .learning_con_flip .sec h2 {font-size:20px;} .learning_con_flip .learning_con_flip_list {margin-top:20px;} .learning_con_flip .learning_con_flip_list li {margin-top:10px;padding:10px;height:124px;background-color:#fff;border:1px solid #ddd;} .learning_con_flip .learning_con_flip_list li .li_img {float:left;width:180px;height:104px;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;} .learning_con_flip .learning_con_flip_list li .li_con {float:left;margin-left:20px;width:669px;} .learning_con_flip .learning_con_flip_list li .li_con span {margin-top:8px;} .learning_con_flip .learning_con_flip_list li .li_con h3 {margin-top:10px;font-size:20px;} .learning_con_flip .learning_con_flip_list li .li_status {float:right;margin-top:20px;width:140px;text-align:center;} .learning_con_flip .learning_con_flip_list li .li_status .status {display:inline-block;padding:18px 0;width:110px;height:60px;font-size:17px;color:#666;font-weight:500;text-align:center;background-color:#f5f5f5;border:1px solid #ccc;border-radius:30px;} .learning_con_flip .learning_con_flip_list li .li_status .status.on {padding:12px 0;color:#0367a6;line-height:17px;border-color:#0367a6;background-color:#fff;} .learning_con_flip .learning_con_flip_list li .li_status .status.on span {font-size:13px;} /* 학습 - 학습콘텐츠 - 조합 */ .learning_con_combination .sec {margin-top:40px !important;} .learning_con_combination .sec:first-child {margin-top:0 !important;} .learning_con_combination .sec h2 {font-size:20px;} .learning_con_combination .learning_con_combination_list {margin-top:20px;} .learning_con_combination .learning_con_combination_list li {margin-top:10px;padding:10px 10px 10px 0;height:124px;background-color:#fff;border:1px solid #ddd;} .learning_con_combination .learning_con_combination_list li .li_num {float:left;width:70px;height:104px;font-size:20px;color:#aaa;font-weight:700;text-align:center;line-height:104px;} .learning_con_combination .learning_con_combination_list li .li_img {float:left;width:180px;height:104px;background-size:cover;background-repeat:no-repeat;background-position:50% 50%;} .learning_con_combination .learning_con_combination_list li .li_con {float:left;margin-left:20px;width:609px;} .learning_con_combination .learning_con_combination_list li .li_con span {margin-top:8px;} .learning_con_combination .learning_con_combination_list li .li_con h3 {margin-top:10px;font-size:20px;} .learning_con_combination .learning_con_combination_list li .li_status {float:right;margin-top:20px;width:140px;text-align:center;} .learning_con_combination .learning_con_combination_list li .li_status .status {display:inline-block;padding:18px 0;width:110px;height:60px;font-size:17px;color:#666;font-weight:500;text-align:center;background-color:#f5f5f5;border:1px solid #ccc;border-radius:30px;} .learning_con_combination .learning_con_combination_list li .li_status .status.on {padding:12px 0;color:#0367a6;line-height:17px;border-color:#0367a6;background-color:#fff;} .learning_con_combination .learning_con_combination_list li .li_status .status.on span {font-size:13px;} /* 학습 - 학습콘텐츠 - 온라인 - 동영상*/ .learning_con_online .sec {margin-top:40px !important;} .learning_con_online .sec:first-child {margin-top:0 !important;} .learning_con_online .sec h2 {font-size:20px;} .learning_con_online .learning_con_online_list {margin-top:20px;} .learning_con_online .learning_con_online_list li {margin-top:10px;height:124px;background-color:#fff;border:1px solid #ddd;overflow:hidden;} .learning_con_online .learning_con_online_list li .li_con {float:left;padding:0 30px;width:758px;height:124px;} .learning_con_online .learning_con_online_list li .li_con .table_cell {height:124px;} .learning_con_online .learning_con_online_list li .li_con span {font-size:15px;font-weight:700;} .learning_con_online .learning_con_online_list li .li_con h3 {font-size:20px;} .learning_con_online .learning_con_online_list li .li_con .date_box {margin-top:5px;} .learning_con_online .learning_con_online_list li .li_con .date_box span {display:inline-block;width:160px;font-size:13px;color:#666;font-weight:400;} .learning_con_online .learning_con_online_list li .li_status {float:left;width:314px;height:124px;border-left:1px solid #e5e5e5;} .learning_con_online .learning_con_online_list li .li_status .table_cell {padding:0 30px;width:314px;height:124px;} .learning_con_online .learning_con_online_list li .li_status .li_status_tit {font-size:15px;color:#666;font-weight:700;} .learning_con_online .learning_con_online_list li .li_status .progress_box {position:relative;margin-top:7px;width:200px;} .learning_con_online .learning_con_online_list li .li_status .progress_bar {width:200px;height:15px;background-color:#f5f5f5;border:1px solid #ccc;border-radius:7px;} .learning_con_online .learning_con_online_list li .li_status .progress_bar.on {position:absolute;top:0;left:0;border:0;} .learning_con_online .learning_con_online_list li .li_status .progress_box span {position:absolute;right:-42px;top:-6px;font-weight:500;} .learning_con_online .learning_con_online_list li.li_g .li_con {background-color:#f5f5f5;} .learning_con_online .learning_con_online_list li.li_g .li_status {text-align:center;background-color:#f5f5f5;} .learning_con_online .learning_con_online_list li.theme_bg_o5 .li_status {text-align:center;} /* 학습 - 학습콘텐츠 - 온라인 - html */ .learning_con_online .learning_con_online_html_list li {margin-top:10px;padding:30px 25px;background-color:#fff;border:1px solid #ddd;overflow:hidden;} .learning_con_online .learning_con_online_html_list li .box_title {position:relative;font-size:15px;font-weight:700;cursor:pointer;} .learning_con_online .learning_con_online_html_list li .box_title .tit_progress {display:inline;color:#666;font-weight:400;} .learning_con_online .learning_con_online_html_list li.active .box_title .tit_progress {display:none;} .learning_con_online .learning_con_online_html_list li .box_title .i_arrow {display:block;position:absolute;top:8px;right:10px;width:15px;height:9px;background:url('../images/select_arrow_down.png') no-repeat;-webkit-transform:rotate(0deg);transform:rotate(0deg);} .learning_con_online .learning_con_online_html_list li.active .i_arrow {-webkit-transform:rotate(180deg);transform:rotate(180deg);} .learning_con_online .learning_con_online_html_list li .box_cont {display:none;} .learning_con_online .learning_con_online_html_list li .li_con_box {margin-top:20px;padding:15px 0 18px;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;overflow:hidden;} .learning_con_online .learning_con_online_html_list li .li_con {float:left;width:766px;} .learning_con_online .learning_con_online_html_list li .li_con h3 {font-size:20px;} .learning_con_online .learning_con_online_html_list li .li_con .date_box {margin-top:5px;} .learning_con_online .learning_con_online_html_list li .li_con .date_box span {display:inline-block;width:160px;font-size:13px;color:#666;font-weight:400;} .learning_con_online .learning_con_online_html_list li .li_status {float:left;padding:5px 0;width:258px;} .learning_con_online .learning_con_online_html_list li .li_status .li_status_tit {font-size:15px;color:#666;font-weight:700;} .learning_con_online .learning_con_online_html_list li .li_status .progress_box {position:relative;margin-top:7px;width:200px;} .learning_con_online .learning_con_online_html_list li .li_status .progress_bar {width:200px;height:15px;background-color:#f5f5f5;border:1px solid #ccc;border-radius:7px;} .learning_con_online .learning_con_online_html_list li .li_status .progress_bar.on {position:absolute;top:0;left:0;border:0;} .learning_con_online .learning_con_online_html_list li .li_status .progress_box span {position:absolute;right:-46px;top:-6px;font-weight:500;} .learning_con_online .learning_con_online_html_list li .li_page li {padding:0;border:0;} .learning_con_online .learning_con_online_html_list li.theme_bg_o5 {padding:0;height:124px;background-color:none;} .learning_con_online .learning_con_online_html_list li.theme_bg_o5 .li_con {float:left;padding:0 30px;width:760px;height:124px;} .learning_con_online .learning_con_online_html_list li.theme_bg_o5 .li_status {float:left;width:314px;height:124px;text-align:center;border-left:1px solid #e5e5e5;} .learning_con_online .learning_con_online_html_list li .li_con .table_cell {height:124px;} .learning_con_online .learning_con_online_html_list li .li_status .table_cell {padding:0 30px;width:314px;height:124px;} /* 학습 - 학습중인과정 - 학습홈 - 학습피스상세 */ .learning_piece_body {background-color:#333;} .learning_piece_body #wrap {max-width:100%;} .learning_piece {position:relative;height:100%;} .learning_piece .learning_piece_con {/* padding-top:108px; */position:relative; padding-right:520px;width:100%;height:calc(100% - 90px);overflow:hidden;} .learning_piece.full_size .learning_piece_con {padding-right:0;} /* .learning_piece .learning_piece_con_hd {position:relative;padding:0 570px 0 40px;width:100%;height:90px;top:0;left:0;color:#fff;background-color:#333;overflow:hidden;-webkit-box-shadow: 1px 0px 8px 2px rgba(0,0,0,1)} */ .learning_piece .learning_piece_con_hd {position:relative;padding:0 570px 0 40px;width:100%;height:60px;top:0;left:0;color:#fff;background-color:#333;overflow:hidden;-webkit-box-shadow: 1px 0px 8px 2px rgba(0,0,0,1)} .learning_piece.full_size .learning_piece_con_hd {padding-right:40px;} /* .learning_piece .learning_piece_con_hd h2 {float:left;font-size:25px; max-width:65%; height:90px;line-height:80px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:20px;} */ .learning_piece .learning_piece_con_hd h2 {float:left;font-size:25px; max-width:65%; height:90px;line-height:55px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:20px;} .learning_piece .learning_piece_con_hd h2 a {display:inline-block;margin-right:10px;vertical-align:3px;} /* .learning_piece .learning_piece_con_hd .progress {position:relative;float:right;margin-top:22px;width:300px;} */ .learning_piece .learning_piece_con_hd .progress {position:relative;float:right;margin-top:10px;width:300px;} .learning_piece .learning_piece_con_hd .progress .li_status_tit {font-size:15px;} .learning_piece .learning_piece_con_hd .progress .li_status_tit span {float:right;} .learning_piece .learning_piece_con_hd .progress .progress_box {position:relative;margin-top:7px;width:300px;} .learning_piece .learning_piece_con_hd .progress .progress_bar {width:300px;height:10px;background-color:#f5f5f5;border:1px solid #ccc;border-radius:7px;} .learning_piece .learning_piece_con_hd .progress .progress_bar.on {position:absolute;top:0;left:0;border:0;background-image:url('../images/progress_bar_bg.png');} .learning_piece .learning_piece_con .learning_piece_con_inner {position:relative; height:100%;overflow-y:hidden; /*background:#fff;*/} .learning_piece .learning_piece_con .learning_piece_con_inner .inner_movie {position:relative;width:calc(100vw - 520px);height:100%; background:#000;} .learning_piece .learning_piece_con .learning_piece_con_inner .inner_movie video {width:100%;height:100%;text-align:center;} .learning_piece .learning_piece_con .learning_piece_con_inner .inner_movie .layer_popup {position:absolute;} .learning_piece .learning_piece_con .learning_piece_con_inner .inner_movie .layer_popup .popcontainer {padding:40px;width:500px;background-color:rgba(0,0,0,0.7);border-radius:8px; margin-left:0;} .learning_piece.full_size .inner_movie {width:100% !important;} .learning_piece.full_size .inner_movie .video .video-js {height:calc(100vh - 90px);} /* IE10+ */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .learning_piece .learning_piece_con .learning_piece_con_inner .inner_movie .layer_popup .popcontainer {margin-left:-250px;} .vjs-theme-fantasy .vjs-playback-rate > .vjs-menu-button, .vjs-playback-rate .vjs-playback-rate-value {top:0 !important;} } .learning_piece .learning_piece_con .learning_piece_con_inner .inner_movie .layer_popup .popcontainer p {color:#fff;text-align:center;} .learning_piece .learning_piece_con .learning_piece_con_inner .inner_movie .layer_popup .popcontainer .btn_box {margin-top:30px !important;text-align:center;} .learning_piece .learning_piece_con .learning_piece_con_inner .inner_movie .layer_popup .popcontainer .btn_box button {width:180px;} .learning_piece .learning_piece_con .learning_piece_con_inner iframe {display:block;width:100%;height:100%;overflow-y:hidden;} .learning_piece .learning_piece_con .learning_piece_con_inner .inner_pdf {height:100%;} .learning_piece .learning_piece_con .learning_piece_con_inner .inner_link {height:100%;} .learning_piece .learning_piece_con .learning_piece_con_inner .inner_seminar {margin:55px auto;padding:40px;max-width:1100px;min-height:700px;background-color:#fff;border-radius:4px;-webkit-box-shadow: 0px 0px 15px 5px rgba(0,0,0,1)} .learning_piece .learning_piece_con .learning_piece_con_inner .inner_seminar h3 {font-size:25px;} .learning_piece .learning_piece_con .learning_piece_con_inner .inner_seminar table {margin-top:20px;width:100%;border-top:1px solid #ccc;} .learning_piece .learning_piece_con .learning_piece_con_inner .inner_seminar th {padding:30px 25px;text-align:left;background-color:#f5f5f5;border-bottom:1px solid #ccc;} .learning_piece .learning_piece_con .learning_piece_con_inner .inner_seminar td {padding:30px 25px;border-bottom:1px solid #ccc;} .learning_piece .learning_piece_con .learning_piece_con_inner .file_box li {margin-top:10px;padding-left:40px;height:40px;font-size:14px;color:#444;text-align:left;line-height:39px;border:1px solid #ccc;background:url('../images/ico_board_view_file.png') no-repeat 22px 13px;} .learning_piece .learning_piece_con .learning_piece_con_inner .file_box li:first-child {margin-top:0;} .learning_piece .learning_piece_con .learning_piece_con_inner .inner_text {padding:70px 50px;min-height:100%;background-color:#fff;} .learning_piece .learning_piece_con .learning_piece_con_inner .inner_text .file_box {margin-top:30px;} .learning_piece .learning_piece_con .learning_piece_con_inner .inner_text h3 {font-size:25px;font-weight:700;} .learning_piece .learning_piece_con .learning_piece_con_inner .inner_text p {margin-top:15px;} .learning_piece .learning_piece_con .learning_piece_con_inner .card_learning {position:relative;height:100%;overflow-x:hidden;} .learning_piece .learning_piece_con .learning_piece_con_inner .card_learning .swiper-slide img {height:70vh !important;} .learning_piece .learning_piece_con .learning_piece_con_inner .card_learning_slider {position:relative;padding-top:32px;padding-bottom:20px;} .learning_piece .learning_piece_con .learning_piece_con_inner .card_learning .swiper-button-next, .learning_piece .learning_piece_con .learning_piece_con_inner .card_learning .swiper-button-prev {width:71px;height:137px;outline:0;margin-top:-69px;} .learning_piece .learning_piece_con .learning_piece_con_inner .card_learning .swiper-button-next:after, .learning_piece .learning_piece_con .learning_piece_con_inner .card_learning .swiper-button-prev:after {content:none;} .learning_piece .learning_piece_con .learning_piece_con_inner .card_learning .swiper-button-next {right:60px !important;background-image:url('../images/card_slide_next_on.png');} .learning_piece .learning_piece_con .learning_piece_con_inner .card_learning .swiper-button-next.swiper-button-disabled {background-image:url('../images/card_slide_next.png');} .learning_piece .learning_piece_con .learning_piece_con_inner .card_learning .swiper-button-prev {left:60px !important;background-image:url('../images/card_slide_prev_on.png');} .learning_piece .learning_piece_con .learning_piece_con_inner .card_learning .swiper-button-prev.swiper-button-disabled {background-image:url('../images/card_slide_prev.png');} .learning_piece .learning_piece_con .learning_piece_con_inner .card_learning .swiper-scrollbar {max-width:1000px;bottom:70px;left:50%;margin-left:-500px;background-color:#555555;} .learning_piece .learning_piece_con .learning_piece_con_inner .card_learning .swiper-scrollbar-drag {position:relative;background-color:#ea563a;} .learning_piece .learning_piece_con .learning_piece_con_inner .card_learning .card_slider_paging {margin-top:40px;font-size:0;text-align:center;} .learning_piece .learning_piece_con .learning_piece_con_inner .card_learning .card_slider_paging * {display:inline-block;vertical-align:top;} .learning_piece .learning_piece_con .learning_piece_con_inner .card_learning .card_slider_paging input {width:40px;height:30px;font-size:15px;color:#262626;text-align:center;border-radius:4px;background-color:#ffffff;border:1px solid #b5b5b5;} .learning_piece .learning_piece_con .learning_piece_con_inner .card_learning .card_slider_paging span {margin:0 10px;font-size:15px;color:#999999;line-height:28px;} .learning_piece .learning_piece_con .learning_piece_con_inner .card_learning .card_slider_paging button {width:70px;height:30px;font-size:15px;color:#ffffff;border-radius:4px;background-color:#333333;border:1px solid #b5b5b5;} .learning_piece .learning_piece_aside {position:fixed;width:420px;height:100%;right:0;top:0;background-color:#fff;-webkit-box-shadow: -6px 0 8px -2px rgba(0,0,0,0.5);z-index:1004;} .learning_piece .learning_piece_aside .learning_piece_aside_inner {height:100%;overflow-y:auto;} .learning_piece.full_size .learning_piece_aside {margin-right:-420px;} .learning_piece .learning_piece_aside_close {position:absolute;margin-top:-60px;left:-30px;top:10%;width:30px;height:120px;background:url('../images/ico_aside_close.png') no-repeat 12px 45px #fff;border-radius:5px 0 0 5px;-webkit-box-shadow: -6px 0 8px -2px rgba(0,0,0,0.5);z-index:99;} .learning_piece.full_size .learning_piece_aside_close {background-image:url('../images/ico_aside_open.png');} .learning_piece .learning_piece_aside .learning_piece_aside_hd {padding:40px 30px;color:#fff;background-color:#ea563a;} .learning_piece .learning_piece_aside .learning_piece_aside_hd .depth_nav {font-size:15px;} .learning_piece .learning_piece_aside .learning_piece_aside_hd .depth_nav .depth {display:inline-block;padding-left:20px;background:url('../images/ico_aside_depth_arrow.png') no-repeat 5px 6px;} .learning_piece .learning_piece_aside .learning_piece_aside_hd .depth_nav .depth:first-child {background:none;} .learning_piece .learning_piece_aside .learning_piece_aside_hd h2 {margin-top:10px;font-size:20px;} .learning_piece .learning_piece_aside .learning_piece_aside_hd .sme_name {position:relative;margin-top:15px;padding-left:40px;font-size:20px;font-weight:500;height:32px;line-height:32px;} .learning_piece .learning_piece_aside .learning_piece_aside_hd .sme_name .aside_sme_thumb {display:block;position:absolute;top:0;left:0;width:32px;height:32px;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;border-radius:50%;overflow:hidden;} .learning_piece .learning_piece_aside .learning_piece_aside_hd .hd_info {margin-top:17px;font-size:15px;} .learning_piece .learning_piece_aside .learning_piece_aside_hd .hd_info .count {float:right;} .learning_piece .learning_piece_aside .learning_piece_aside_hd .hd_info .count span {display:inline-block;margin-left:18px;} .learning_piece .learning_piece_aside .learning_piece_aside_hd .hd_info .count span:first-child {margin-left:0;} .learning_piece .learning_piece_aside .learning_piece_aside_hd .hd_info .count span img {margin-right:6px;vertical-align:0px;} .learning_piece .learning_piece_aside .learning_piece_aside_con {padding:20px;background-color:#fff;} .learning_piece .learning_piece_aside .learning_piece_aside_con .tab_aside {display:table; table-layout:fixed; margin-top:0;border:0;border-radius:4px;overflow:hidden; width:100%;background-color:#434343;} .learning_piece .learning_piece_aside .learning_piece_aside_con .tab_aside li {display:table-cell; /* float:left; */width:20%;height:50px;line-height:50px;font-size:15px;color:#aaa;font-weight:400;text-align:center;border:0 !important;cursor:pointer;} .learning_piece .learning_piece_aside .learning_piece_aside_con .tab_aside li:last-child {border-radius:0 4px 4px 0} .learning_piece .learning_piece_aside .learning_piece_aside_con .tab_aside li.on {color:#fff;font-weight:700;} .learning_piece .learning_piece_aside .learning_piece_aside_con .tab_contents {display:none;padding:20px 10px;} .learning_piece .learning_piece_aside .learning_piece_aside_con .tab_contents.on {display:block;} .learning_piece .learning_piece_aside .learning_piece_aside_con .sec {position:relative;margin-top:35px;} .learning_piece .learning_piece_aside .learning_piece_aside_con .sec:first-child {margin-top:0;} .learning_piece .learning_piece_aside .learning_piece_aside_con .sec h3 {font-size:17px;color:#333;} .learning_piece .learning_piece_aside .learning_piece_aside_con .sec p {margin-top:10px;font-size:15px;} .learning_piece .learning_piece_aside .learning_piece_aside_con .sec .btn_gray2 {margin-top:30px;width:142px;height:40px;border-radius:4px;} .learning_piece .learning_piece_aside .learning_piece_aside_con .sec .keyword {margin-top:20px;} .learning_piece .learning_piece_aside .learning_piece_aside_con .sec .keyword a {display:inline-block;margin-left:3px;padding:0 8px 1px;color:#666;border:1px solid #ccc;border-radius:5px;} .learning_piece .learning_piece_aside .learning_piece_aside_con .sec .keyword a:first-child {margin-left:0;} .learning_piece .learning_piece_aside .learning_piece_aside_con .sec .review_star {margin-top:10px;} .learning_piece .learning_piece_aside .learning_piece_aside_con .sec .learning_list {margin-top:10px;} .learning_piece .learning_piece_aside .learning_piece_aside_con .sec .learning_list li {margin-top:10px;overflow:hidden;} .learning_piece .learning_piece_aside .learning_piece_aside_con .sec .learning_list li:first-child {margin-top:0;} .learning_piece .learning_piece_aside .learning_piece_aside_con .sec .learning_list li .img {float:left;width:35%;height:100px;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;border:1px solid #ddd} .learning_piece .learning_piece_aside .learning_piece_aside_con .sec .learning_list li .des {float:left;margin-left:5%;width:60%;} .learning_piece .learning_piece_aside .learning_piece_aside_con .sec .learning_list li .des .cate {margin-top:20px;font-size:13px;color:#999;} .learning_piece .learning_piece_aside .learning_piece_aside_con .sec .count {margin-bottom:5px;} .learning_piece .learning_piece_aside .learning_piece_aside_con .sec .count span {font-weight:700;} .learning_piece .learning_piece_aside .learning_piece_aside_con .sec .aside_learning_list {margin-top:18px;} .learning_piece .learning_piece_aside .learning_piece_aside_con .sec .aside_learning_list li {} .learning_piece .learning_piece_aside .learning_piece_aside_con .sec .aside_learning_list li .box_title {padding:15px 45px 15px 35px;color:#333;border-top:1px solid #eee;background-repeat:no-repeat;background-position:5px 50%;cursor:pointer;} .learning_piece .learning_piece_aside .learning_piece_aside_con .sec .aside_learning_list li .box_title.ico_audio {background-image:url('../images/ico_aside_audio.png');} .learning_piece .learning_piece_aside .learning_piece_aside_con .sec .aside_learning_list li .box_title.ico_card {background-image:url('../images/ico_aside_card.png');} .learning_piece .learning_piece_aside .learning_piece_aside_con .sec .aside_learning_list li .box_title.ico_exam {background-image:url('../images/ico_aside_exam.png');} .learning_piece .learning_piece_aside .learning_piece_aside_con .sec .aside_learning_list li .box_title.ico_links {background-image:url('../images/ico_aside_links.png');} .learning_piece .learning_piece_aside .learning_piece_aside_con .sec .aside_learning_list li .box_title.ico_pdf {background-image:url('../images/ico_aside_pdf.png');} .learning_piece .learning_piece_aside .learning_piece_aside_con .sec .aside_learning_list li .box_title.ico_report {background-image:url('../images/ico_aside_report.png');} .learning_piece .learning_piece_aside .learning_piece_aside_con .sec .aside_learning_list li .box_title.ico_seminar {background-image:url('../images/ico_aside_seminar.png');} .learning_piece .learning_piece_aside .learning_piece_aside_con .sec .aside_learning_list li .box_title.ico_survey {background-image:url('../images/ico_aside_survey.png');} .learning_piece .learning_piece_aside .learning_piece_aside_con .sec .aside_learning_list li .box_title.ico_txt {background-image:url('../images/ico_aside_txt.png');} .learning_piece .learning_piece_aside .learning_piece_aside_con .sec .aside_learning_list li .box_title.ico_video {background-image:url('../images/ico_aside_video.png');} .learning_piece .learning_piece_aside .learning_piece_aside_con .sec .aside_learning_list li .box_title.ico_youtube {background-image:url('../images/ico_aside_youtube.png');} .learning_piece .learning_piece_aside .learning_piece_aside_con .sec .aside_learning_list li .box_title.ico_complete {background-image:url('../images/ico_aside_complete.png');} .learning_piece .learning_piece_aside .learning_piece_aside_con .sec .aside_learning_list.bold li .box_title {font-weight:700;} .learning_piece .learning_piece_aside .learning_piece_aside_con .sec .aside_learning_list li.chk:after {position:absolute;margin-top:-10px;right:15px;top:50%;width:20px;height:20px;background-image:url('../images/survey_chk_on_white.png');background-size:12px auto;background-repeat:no-repeat;background-position:center center;border-radius:10px;content:'';} .learning_piece .learning_piece_aside .learning_piece_aside_con .sec .aside_learning_list li span {font-size:14px;color:#999;} .learning_piece .learning_piece_aside .learning_piece_aside_con .sec .aside_learning_list li.on {font-weight:700;background-color:#f5f5f5;} .learning_piece .learning_piece_aside .learning_piece_aside_con .sec .bookmark_input {clear:both;margin-top:12px;overflow:hidden;} .learning_piece .learning_piece_aside .learning_piece_aside_con .sec .bookmark_input .time {float:left;margin-top:2px;padding-left:23px;width:80px;font-size:17px;font-weight:700;background:url('../images/ico_bookmark.png') no-repeat 0 5px;} .learning_piece .learning_piece_aside .learning_piece_aside_con .sec .bookmark_input .input input {float:left;padding-left:10px;width:280px;height:35px;border-top:1px solid #ccc;border-left:1px solid #ccc;border-bottom:1px solid #ccc;} .learning_piece .learning_piece_aside .learning_piece_aside_con .sec .bookmark_input .input button {float:left;width:80px;height:35px;font-size:13px;color:#f5f5f5;background-color:#666;} .learning_piece .learning_piece_aside .learning_piece_aside_con .sec .aside_learning_list li {position:relative;} .learning_piece .learning_piece_aside .learning_piece_aside_con .sec .aside_learning_list li .box_title .i_arrow {display:block;position:absolute;top:23px;right:15px;width:15px;height:9px;background:url('../images/bookmark_arrow_down.png') no-repeat;-webkit-transform:rotate(0deg);transform:rotate(0deg);} .learning_piece .learning_piece_aside .learning_piece_aside_con .sec .aside_learning_list li.active .box_title .i_arrow {-webkit-transform:rotate(180deg);transform:rotate(180deg);} .learning_piece .learning_piece_aside .learning_piece_aside_con .sec .aside_learning_list li .box_cont {display:none;} .learning_piece .learning_piece_aside .learning_piece_aside_con .sec .aside_learning_list li .box_cont > li .box_cont_inner {padding:15px 15px 15px 5px;border-top:1px solid #eee;} .learning_piece .learning_piece_aside .learning_piece_aside_con .sec .aside_learning_list li .box_cont > li .box_cont_inner:after {display:block;visibility:hidden;clear:both;content:""} .learning_piece .learning_piece_aside .learning_piece_aside_con .sec .aside_learning_list li .box_cont > li .box_cont_inner.on {border-bottom-width:1px;border-bottom-style:solid;} .learning_piece .learning_piece_aside .learning_piece_aside_con .sec .aside_learning_list li .box_cont > li .step {float:left;width:54px;font-weight:700;} .learning_piece .learning_piece_aside .learning_piece_aside_con .sec .aside_learning_list li .box_cont > li .con {float:left;width:360px;} .learning_piece .learning_piece_aside .learning_piece_aside_con .sec .aside_learning_list li .box_cont li .more_option {position:absolute;width:20px;right:10px;top:15px;text-align:center;} .learning_piece .learning_piece_aside .learning_piece_aside_con .sec .aside_learning_list li .box_cont li .bookmark_input {display:none;padding:15px 0 12px;} .learning_piece .learning_piece_aside .learning_piece_aside_con .sec .my_comment {position:absolute;right:0;top:5px;} .learning_piece .learning_piece_aside .learning_piece_aside_con .sec .comment_write {position:relative;margin-top:15px;padding:10px 0 10px 0px;overflow:hidden;} .learning_piece .learning_piece_aside .learning_piece_aside_con .sec .comment_write .thumb {position:absolute;left:0;top:5px;width:51px;height:51px;background-repeat:no-repeat;background-position:50% 50%;background-size:cover; background-color:#f8f8f8; border-radius:50%;overflow:hidden;} .learning_piece .learning_piece_aside .learning_piece_aside_con .sec .comment_write .input textarea {height:100px;color:#333;} .learning_piece .learning_piece_aside .learning_piece_aside_con .sec .comment_write .input .btn_gray2_white {float:right;margin-top:10px;width:80px;height:35px;border-radius:4px;} .learning_piece .learning_piece_aside .learning_piece_aside_con .sec .aside_review_list {} .learning_piece .learning_piece_aside .learning_piece_aside_con .sec .aside_review_list > li {position:relative;padding:20px 0 20px 60px;border-top:1px solid #eee;} .learning_piece .learning_piece_aside .learning_piece_aside_con .sec .aside_review_list > li:after {display:block;visibility:hidden;clear:both;content:""} .learning_piece .learning_piece_aside .learning_piece_aside_con .sec .aside_review_list .thumb {position:absolute;left:0;top:20px;width:51px;height:51px;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;border-radius:50%;overflow:hidden;} .learning_piece .learning_piece_aside .learning_piece_aside_con .sec .aside_review_list .name {font-size:15px;font-weight:700;} .learning_piece .learning_piece_aside .learning_piece_aside_con .sec .aside_review_list .name span {display:inline-block;margin-left:5px;font-size:14px;color:#999;font-weight:400;} .learning_piece .learning_piece_aside .learning_piece_aside_con .sec .aside_review_list .con {margin-top:5px;} .learning_piece .learning_piece_aside .learning_piece_aside_con .sec .aside_review_list .favorite {margin-top:8px;} .learning_piece .learning_piece_aside .learning_piece_aside_con .sec .aside_review_list .favorite button.btn_like {padding-left:17px;font-size:14px;color:#999;background-color:transparent;background-image:url('../images/ico_favorite.png');background-repeat:no-repeat;background-position:0;} .learning_piece .learning_piece_aside .learning_piece_aside_con .sec .aside_review_list .favorite button.btn_like.on {background-image:url('../images/ico_favorite_on.png');} .learning_piece .learning_piece_aside .learning_piece_aside_con .sec .aside_review_list .more_option {position:absolute;width:20px;right:10px;top:15px;text-align:center;} .learning_piece .learning_piece_aside .learning_piece_aside_con .sec .aside_review_list .input {display:none;margin-top:10px;} .learning_piece .learning_piece_aside .learning_piece_aside_con .sec .aside_review_list .input textarea {height:100px;color:#333;} .learning_piece .learning_piece_aside .learning_piece_aside_con .sec .aside_review_list .input .btn_gray2_white {float:right;margin-top:10px;width:80px;height:35px;border-radius:4px;} .learning_piece .learning_piece_aside .learning_piece_aside_con .sec.microTab {margin-top:0;} /* 20201215 학습창 동영상 수정 */ .inner_link.studyMode {position:relative; height:calc(100% - 100px);} .inner_link.studyMode #StudyWin html body {position:absolute; top:50%; left:0; width:100%; height:100%; margin-top:-333px; vertical-align:middle;} .studyMode::-webkit-scrollbar {display:none;} #StudyWin::-webkit-scrollbar {display:none;} .studyMode .align_maker {height:100%;} /* .sm_video_w {position:relative; display:inline-block; width:calc(100% - 3px); height:auto; padding-bottom:56.25%; overflow:hidden; vertical-align:middle;} */ .sm_video_w {position:relative; display:inline-block; width:calc(100% - 3px); height:auto; padding-bottom:60.25%; overflow:hidden; vertical-align:top;} #StudyWin {position:absolute; top:0; left:0; width:100%; height:100%;} .hydrated {overflow:hidden;} iframe html {overflow:hidden;} /* 210108 학습창 수정 */ .full_size .sm_video_w {padding-bottom:50%;} /* 학습 - 학습중인과정 - 게시판 - 리스트 */ .learning_board_search {margin-bottom:35px;padding:25px;height:80px;background-color:#f5f5f5} .learning_board_search .select_s {float:left;width:230px;} .learning_board_search .select_s > label {padding-left:30px;} .learning_board_search .search {float:left;width:535px;overflow:hidden;} .learning_board_search .search > label {float:left;display:block;padding-left:25px;padding-right:10px;font-size:15px;line-height:35px;} .learning_board_search .search .input_box {float:left;} .learning_board_search .search .input_box input {padding-left:10px;width:425px;height:35px;} .learning_board_search .my_question {float:left;padding:8px 8px 8px 15px;width:150px;overflow:hidden;} .learning_board_search .my_question input[type="checkbox"] + label {font-size:15px !important;} .learning_board_search .btn_search {float:left;} .learning_board_search .btn_search button {width:75px;height:30px;border-radius:4px;} /* 학습 - 학습중인과정 - 게시판 - 글쓰기 */ .table_qa_write .ast {display: inline-block;margin-left: 7px;font-size: 17px;color: #ea563a;vertical-align: -4px;} /* 학습 - 학습중인과정 - 게시판 - 글읽기 */ .bo_view_hd {position:relative;} .bo_view_hd .bo_view_info .division {display:inline-block;margin:0 15px;font-size:12px !important;color:#ccc !important;vertical-align:1px;} .bo_view_hd .more_option {position:absolute;right:20px;bottom:30px;} .table_board_view_ripple {margin-top:0;} /* 학습 - 학습중 - 과정상세(외부교육) - 수료보고 - 보고전 */ .compl_report {} .document_info {margin-top:15px;padding:15px;background-color:#f5f5f5;border-radius:5px;} .document_info h4 {padding-left:22px;font-size:14px;background:url('../images/ico_em.png') no-repeat 0 3px;} .document_info ol {margin-top:5px;font-size:13px;overflow:hidden;} .document_info ol li {padding:3px 0;} .document_info ol > li {float:left;width:50%;} .document_info ol > li ul {margin-top:4px;margin-left:14px;} .table_question {border-top:1px solid #ccc;} .table_question .question_box {position:relative;padding-left:18px;} .table_question .question_box:before {position:absolute;left:0;top:9px;display:block;width:7px;height:7px;background-color:#999;border-radius:3px;content:"";} .table_question .question_box p {margin-top:5px;font-weight:400;} .table_question thead th {padding:5px 3px;font-size:15px;text-align:center;line-height:19px;background-color:#f5f5f5;border-left:1px solid #ccc;border-top:1px solid #ccc;border-bottom:0;vertical-align:middle;} .table_question thead th:first-child {border-left:0;} .table_question tbody th {padding:12px 10px 12px 20px;background-color:#fff;border-top:1px solid #ccc;border-bottom:0;vertical-align:middle;} .table_question tbody th.question_box_group .question_box {margin-top:15px;} .table_question tbody th.question_box_group .question_box:first-child {margin-top:0;} .table_question tbody th textarea {margin-top:10px;height:100px;} .table_question tbody td {padding:0;text-align:center;border-left:1px solid #ccc;border-top:1px solid #ccc;border-bottom:0;vertical-align:middle;} /* more option */ .btn_option {cursor:pointer;} .more_box {position:absolute;display:none;top:30px;right:0;z-index:999;background-color:#fff;border-top:1px solid #ccc;z-index:1;} .more_box li a {display:block;padding-left:40px;padding-right:20px;width:auto;height:40px;font-size:14px;line-height:38px;text-align:left;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #ccc;} .more_box li a.more_edit {background:url('../images/ico_review_edit.png') no-repeat 15px 11px #fff;} .more_box li a.more_del {background:url('../images/ico_review_del.png') no-repeat 15px 10px #fff;} .more_box li a.return_edit {background:url('../images/ico_return_edit.png') no-repeat 15px 11px #fff;} .more_box li a.regi_edit {background:url('../images/ico_regi_edit.png') no-repeat 15px 11px #fff;} /* popup_certification */ .popup_certification {margin:0 -10px;overflow:hidden;} .popup_certification li {float:left;padding:0 10px;width:33.33%;text-align:center;} .popup_certification li .li_inner {padding:40px 20px;border:1px solid #ccc;} .popup_certification li .li_inner h2 {font-size:17px;font-weight:500;} .popup_certification li .li_inner .img {margin-top:30px;} .popup_certification li .li_inner p {margin-top:30px;font-size:15px;color:#666;} .popup_certification li .btn_box {text-align:center;} .popup_certification li .btn_box button {padding:0 10px;width:100%;} /* 본인인증처리 팝업 */ .txt_cOrg {color:#ea563a;} .pop_inner > .txt_cOrg {display:block; padding-bottom:15px;} .cs_info {margin-bottom:15px; padding:20px 15px; background:#f9f9f9; border:1px solid #ccc; text-align:center;} .cs_info .pt_blue {font-size:18px;} .cs_info .pt_black {display:block; padding-top:4px; font-size:13px; font-weight:500;} .popup_certification.study {margin:0;} .popup_certification.study li {width:calc((100% - 10px) / 2); height:390px; padding:0;} .popup_certification.study li + li {margin-left:10px;} .popup_certification li .li_inner {position:relative; height:100%; padding:20px;} .popup_certification li .li_inner .img {margin:15px 0;} .popup_certification.study li .li_inner p {margin-top:7px; text-align:left;} .popup_certification.study li a {display:block; font-size:13px; text-align:left;} .popup_certification.study li a:hover {color:#0367a6;} .popup_certification.study li b {font-weight:500;} .popup_certification.study .btn_box {position:absolute; bottom:20px; left:20px; width:calc(100% - 40px);} .popup_certification.study .btn_xl:hover {background:#666; color:#fff;} .txt_cts {display:block; padding-top:10px; text-align:center;} .btn_box.center {text-align:center;} /* 팝업 시간표 */ .popup_schedule .popup_schedule_hd {position:relative;} .popup_schedule .popup_schedule_hd h2 {font-size:30px;} .popup_schedule .popup_schedule_hd .des {margin-top:5px;} .popup_schedule .popup_schedule_hd .des p {font-size:20px;font-weight:700;} .popup_schedule .popup_schedule_hd .des .date {font-size:15px;color:#666;} .popup_schedule .popup_schedule_hd .des .name {float:right;font-size:15px;color:#333;} .popup_schedule .popup_schedule_hd .print {position:absolute;right:0;top:15px;} .table_schedule {margin-top:20px;padding:10px;height:515px;border:1px solid #ddd;overflow-y:scroll;} .table_schedule th, .table_schedule tbody td {padding:7px 10px;} .table_schedule thead th {font-size:15px;color:#fff;font-weight:400;background-color:#666;border-left:1px solid #fff;} .table_schedule thead th:first-child {border-left:0;} .table_schedule tbody td {font-size:14px;vertical-align:middle;} .table_schedule tbody td strong {color:#333;font-weight:500;} .table_schedule tbody .blank {background-color:#f5f5f5;} .table_schedule tbody .time {color:#999;text-align:center;} /* help box */ .hp_box1 {padding:14px 35px;font-size:17px;color:#333;border-width:1px;border-style:solid;border-radius:10px;} .hp_box1 b {font-size:22px;vertical-align:-2px;} .hp_box2 {padding:30px;font-size:17px;color:#3d7ca4;background-color:#f5f5f5;border:1px solid #ccc} .hp_box2 p img {margin-right:4px;vertical-align:-3px;} /* list style */ .list_style1:after {display:block;visibility:hidden;clear:both;content:""} .list_style1 > ul {margin:0 -17px;} .list_style1 > ul > li {float:left;margin:17px;width:320px;height:300px;} .list_style1 li .thumb_box {position: relative;height: 200px;background-repeat: no-repeat;background-position:50% 50%;background-size:cover;border-radius:5px} .list_style1 li .thumb_box .thumb_alert {position:absolute;top:13px;left:17px;padding:4px 12px;color:#fff;font-weight:500;font-size:14px;text-align:center;border-radius:3px;background:#323232;opacity:0.9;/* box-shadow:0 2px 1px rgba(0,0,83,83); */} .list_style1 li .course_desc {position:relative;margin-top:17px;} .list_style1 li .course_desc .i_cate {font-size:13px;color:#f16329} .list_style1 li .course_desc .i_subject {margin-top:2px;font-size:20px;font-weight:700;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 1; /* 라인수 */-webkit-box-orient: vertical;overflow:hidden;} .list_style1 li .course_desc .i_date {margin-top:7px;font-size:14px;color:#666;font-weight:500;} .list_style1 li .course_desc .i_date span {font-weight:300;} .list_style1 li .course_desc .tool_tip {position:absolute;bottom:0;right:0;} .list_style1 li .course_desc .tool_tip .tool_top_box_inner {width:230px;height:auto;left:-180px;bottom:-89px;border-radius:5px;} .list_style1 li .course_desc .tool_tip .tool_top_box_inner li {padding:0.5px 0;} .list_style1 li .course_desc .tool_tip .tool_top_box_inner li span {display:inline-block;width:82px;} .list_style1 li .course_desc .tool_tip .tool_top_box_arrow {bottom:-15px;width:14px;height:18px;border-bottom:9px solid #333;border-top:9px solid transparent;} .list_style1 li .course_desc .more_option {position:absolute;bottom:0;right:0;} .list_style1 li .course_desc .more_option .more_box {border:0;} .list_style1 li .course_desc .more_option .more_box li a {float:right;padding:0 7px;width:auto;border:1px solid #ccc;} .list_style2:after {display:block;visibility:hidden;clear:both;content:""} .list_style2 > ul {margin:0 -16px;} .list_style2 > ul > li {float:left;margin:16px;padding:20px 35px;width:440px;height:280px;border:1px solid #ccc;} /* .list_style2 > ul > li:hover {padding:38px 33px;border-width:3px;} */ .list_style2 li .course_desc {position:relative;} .list_style2 li .course_desc .i_cate {display:inline-block;padding:0 25px;font-size:15px;border-width:1px;border-style:solid;border-radius:15px;color:#f16329} .list_style2 li .course_desc .i_cate.i_cate_blue {color:#067BD3;border:1px solid #3d7ca4;} .list_style2 li .course_desc .i_subject {margin-top:12px; min-height:60px; /* height:80px; */font-size:20px;font-weight:700;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2; /* 라인수 */-webkit-box-orient: vertical;overflow:hidden;} .list_style2 li .course_desc .i_date {font-size:14px;color:#666;font-weight:400; border-top:1px solid #ccc; padding-top:18px; margin-top:10px} .list_style2 li .course_desc .i_date li {padding:4px 0} .list_style2 li .course_desc .i_date i {padding:0 12px} .social_ico_gr .sc_label_new {position:absolute; top:19px; left:auto; right:0; width:52px; padding:1px 5px 3px; background:#ff5452; color:#fff; font-size:13px; text-align:center; -webkit-animation:blink .8s ease-in-out infinite alternate; -moz-animation:blink .8s ease-in-out infinite alternate; animation:blink .8s ease-in-out infinite alternate;} .sc_link_subj {position:absolute; top:45px; right:20px; padding-right:15px; background:url('../images/ico_aside_nav_on.png') right center no-repeat; background-size:8px auto;} .sc_link_subj .txt_s14cWhite {font-size:14px; color:#fff;} @-webkit-keyframes blink{ 0% {opacity:0.5;} 100% {opacity:1;} } @-moz-keyframes blink{ 0% {opacity:0.5;} 100% {opacity:1;} } @keyframes blink{ 0% {opacity:0.5;} 100% {opacity:1;} } /* 학습메인 소셜러닝 탭 아이콘 추가 2020.10.07 */ .social_ico_gr {position:relative} .social_ico_gr i {display:inline-block; width:60px; height:60px;} .social_ico_gr span {display:inline-block; position:absolute; top:20px; left:80px} .social_ico_gr .icon_mentoring {background:url(../images/icon_mentoring.png) no-repeat; background-size:60px 60px} .social_ico_gr .icon_coaching {background:url(../images/icon_coaching.png) no-repeat; background-size:60px 60px} .social_ico_gr .icon_ojt {background:url(../images/icon_ojt.png) no-repeat; background-size:60px 60px} .social_ico_gr .icon_social {background:url(../images/icon_cop.png) no-repeat; background-size:60px 60px} .social_ico_gr .tit_men {color:#FF5452; font-size:15px; font-weight:600} .social_ico_gr .tit_coaching {color:#F9AC0F; font-size:15px; font-weight:600} .social_ico_gr .tit_ojt {color:#8A4EBA; font-size:15px; font-weight:600} .social_ico_gr .tit_social {color:#067BD3; font-size:15px; font-weight:600} .list_style3 {} .list_style3:after {display:block;visibility:hidden;clear:both;content:""} .list_style3 > ul {margin:-15px -15px 0;} .list_style3 > ul > li {float:left;margin:15px;width:240px;height:270px;} .list_style3 li .thumb_box {position: relative;height:170px;background-repeat: no-repeat;background-position:50% 50%;background-size:cover;} .list_style3 li .course_desc {position:relative;margin-top:10px;} .list_style3 li .course_desc .i_subject {margin-top:2px;height:27px;font-size:17px;color:#333;font-weight:700;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 1; /* 라인수 */-webkit-box-orient: vertical;overflow:hidden;} .list_style3 li .course_desc .i_name {margin-top:8px;} .list_style3 li .course_desc .i_date {margin-top:3px;font-size:14px;color:#666;} .list_style3 li .course_desc .i_date span {display:inline-block;margin-left:10px;font-weight:400;} .list_style3 li .course_desc .i_date span:first-child {margin-left:0;} /* Latest style */ .latest_style1 li {position:relative;} .latest_style1 li a {display:block;padding:4px 0px 4px 10px;font-size:15px;} .latest_style1 li:before {position:absolute;left:0;top:3px;content:"";} .latest_style1 li a span {float:right;color:#999;} /* Ellipse style */ .label_w {background-color:#fff;} .label_t_w {color:#fff;} /* Button */ .btn_t_w_w {color:#fff;background-color:transparent;border:1px solid #fff;border-radius:4px;} .btn_bo_complete {display:inline-block;margin-right:7px;width:70px;height:28px;color:#333;font-weight:500;text-align:center;line-height:28px;background-color:#dedede;border-radius:4px;} .btn_bo_waiting {display:inline-block;margin-right:7px;width:70px;height:28px;color:#333;font-weight:500;text-align:center;line-height:27px;border-width:1px;border-style:solid;border-radius:4px;} /* Backgound */ .bg_gray {background-color:#f8f8f8 !important;} .bg_w {background-color:#fff !important;} .bg_b {background-color:#3d7ca4 !important;} .bg_bg {background-color:#006666 !important;} .bg_gray9 {background-color:#999 !important;} /* Line */ .line_gray {width:100%;height:1px;background-color:#f5f5f5;} /* Font color */ .color_b {color:#0367a6 !important;} /* 중앙정렬 */ .table_cell {display:table-cell;width:100%;height:100%;vertical-align:middle;} .btn_keyword {margin:0 5px;padding:0 20px;height:30px;font-size:17px;line-height:28px;color:#999;font-weight:500;border:1px solid #ccc;border-radius:15px;background-color:#fff;} .btn_style3 {width:80px;height:25px;line-height:25px;font-size:13px;font-weight:500;border-radius:4px;} .select_s > label {float:left;display:block;padding-right:10px;font-size:15px;line-height:35px;} .select_s .selectric-wrapper {float:left;} .select_s .selectric-select_box .selectric {width:150px;height:35px;} .select_s .selectric-select_box .selectric .label {margin:0 40px 0 10px;line-height:35px;} .select_s .selectric-select_box .selectric .button {right:10px;} .select_s .selectric-select_box .selectric-items li {padding:8px 10px 7px;} input[type="radio"] + label span.ico_fake2 {display:inline-block;position:absolute;top:3px;left:4px;width:18px;height:18px;background:url('../images/radio_off2.png') no-repeat;cursor:pointer;vertical-align:middle;} input[type="radio"]:checked + label span.ico_fake2 {background:url('../images/radio_on2.png') no-repeat;} .tool_tip {position:relative;display:inline;} .btn_tool_tip {cursor:pointer;} /* Tool tip bottom */ .tool_tip.tool_tip_bottom .tool_top_box_inner {left:-140px;top:18px;bottom:auto !important;text-align:left;border-radius:5px;overflow:hidden;} .tool_tip.tool_tip_bottom .tool_top_box_arrow {top:0;right:0px;bottom:auto !important;border-bottom:9px solid #333;border-top:9px solid transparent;} /* 학습 - 소셜러닝 */ .learning_detail_con.fixed_top .aside_inner {z-index:5;} /* .learning_social .learning_detail_hd {height:250px;padding:0;background:url('../images/learning_social_bg.jpg') no-repeat center center;background-size:cover;} */ .learning_social .learning_detail_hd.mentoring {height:250px; padding:0; background:#ff5452} .learning_social .learning_detail_hd.cop {height:250px; padding:0; background:#067bd3} .learning_social .learning_detail_hd.coaching {height:250px; padding:0; background:#f9ac0f} .learning_social .learning_detail_hd.ojt {height:250px; padding:0; background:#8a4eba} .learning_social .learning_detail_hd .learning_detail_hd_inner {padding:45px 20px;} .learning_social .course_desc .i_cate {display:inline-block;padding:0 25px;font-size:15px;color:#fff;border:1px solid #fff;border-radius:15px;} .learning_social .course_desc .i_subject {margin-top:8px;height:70px;font-size:25px;color:#fff;font-weight:700;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 1; /* 라인수 */-webkit-box-orient: vertical;overflow:hidden;} .learning_social .course_desc .i_date {margin-top:7px;font-size:15px;color:#fff;font-weight:400;} .learning_social .course_desc .i_date span {font-weight:700;} .da_list {position:relative; display:inline-block; padding-bottom:7px;} .dal_w {display:inline-block;} .dal_layer_w {position:absolute; top:-9px; left:100%; min-width:194px; width:auto; z-index:3; overflow:hidden;} .dal_layer_w .btnIcon_arrow {width:40px; height:40px; background:url('../images/ico_arrow_my.png') center no-repeat; background-size:14px auto;} .dal_layer_w.show .btnIcon_arrow {transform:rotate(180deg);} .dall_lists {display:none; width:100%; padding:12px; background:rgba(0,0,0,.7); border-radius:3px; white-space:nowrap;} .dal_layer_w.show .dall_lists {display:block;} .dall_list + .dall_list {padding-top:3px;} .learning_social .course_desc .i_date [class^="dl_"] {font-weight:400;} .dall_list .dl_tit {display:inline-block; width:54px;} .learning_social .aside_inner {background-color:transparent !important;} .learning_social .aside_inner ul {background-color:#fff;} .learning_social .aside_sub {margin-top:10px;padding:10px 10px 10px 30px;border:1px solid #ddd;background-color:#fff;} .learning_social .aside_sub .aside_sub_tit {font-size:18px;color:#999;font-weight:500;} .learning_social .aside_sub li a {padding:0 !important;height:40px !important;font-size:15px !important;color:#333 !important;line-height:40px !important;border-top:1px solid #ccc;border-right:0 !important;border-bottom:0 !important;border-left:0 !important;background:url('../images/ico_aside_sub_nav.png') no-repeat right 10px top 14px !important;} .learning_social .aside_sub li a.on {font-weight:700;border-top:1px solid #ccc !important;background:url('../images/ico_aside_sub_nav_on.png') no-repeat right 10px top 14px !important;} .learning_social .aside_sub li:first-child a {border-top:0 !important;} .learning_social .learning_detail_con_inner h3 {font-size:25px;} .learning_social .learning_detail_con_inner .table_board_list {margin-top:25px;} .learning_social .learning_detail_con_inner .table_board_list .tr_notice {background-color:#f5f5f5;} .learning_social .learning_detail_con_inner .table_board_list .bo_name .color_g {color:#aaa;font-weight:700;} .learning_social .learning_detail_con_inner .table_board_list .bo_name .color_r {color:#ff0000;font-weight:700;} .learning_social .learning_detail_con_inner .table_board_list .bo_name .color_b {color:#3d7ca4;font-weight:700;} .learning_social .learning_detail_con_inner .learning_board_search {margin-top:25px;text-align:center;} .learning_social .learning_detail_con_inner .learning_board_search .search {display:inline-block;float:none;width:auto !important;} .learning_social .learning_detail_con_inner .learning_board_search .my_question {display:inline-block;float:none;margin-left:5px;width:auto !important;vertical-align:top;} .learning_social .learning_detail_con_inner .learning_board_search .btn_search {display:inline-block;float:none;margin-left:5px;vertical-align:top;} .learning_social .learning_detail_con_inner .table_board_view {margin-top:25px;} .learning_social .learning_detail_con_inner .board_reply {margin-top:10px;background-color:#f5f5f5;} .learning_social .learning_detail_con_inner .board_reply .board_reply_inner {padding:20px;} .learning_social .learning_detail_con_inner .board_reply .board_reply_inner .reply_info_box {overflow:hidden;} .learning_social .learning_detail_con_inner .board_reply .board_reply_inner .reply_count {float:left;font-size:15px;color:#666;font-weight:700;} .learning_social .learning_detail_con_inner .board_reply .board_reply_inner .reply_sort {float:right;} .learning_social .learning_detail_con_inner .board_reply .board_reply_inner .reply_sort a {font-size:14px;color:#999;} .learning_social .learning_detail_con_inner .board_reply .board_reply_inner .reply_sort a.on {color:#666;font-weight:700;} .learning_social .learning_detail_con_inner .board_reply .board_reply_inner .reply_sort span {display:inline-block;margin:0 5px;font-size:11px;color:#ccc;vertical-align:2px;} .learning_social .learning_detail_con_inner .board_reply .board_reply_inner .reply_input {margin-top:7px;overflow:hidden;} .learning_social .learning_detail_con_inner .board_reply .board_reply_inner .reply_input textarea {float:left;width:904px;height:100px;} .learning_social .learning_detail_con_inner .board_reply .board_reply_inner .reply_input button {float:left;width:130px;height:100px;font-size:15px;font-weight:500;border-top:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;} .learning_social .learning_detail_con_inner .board_reply .reply_list > li {position:relative;padding:20px 20px 20px 40px;border-top:3px solid #fff;} .learning_social .learning_detail_con_inner .board_reply .reply_list > li .i_name {font-weight:700;} .learning_social .learning_detail_con_inner .board_reply .reply_list > li .i_content {margin-top:3px;font-size:14px;} .learning_social .learning_detail_con_inner .board_reply .reply_list > li .i_date {margin-top:10px;font-size:14px;color:#999;} .learning_social .learning_detail_con_inner .board_reply .reply_list > li .i_date span {display:inline-block;margin:0 7px;font-size:11px;vertical-align:1px;} .learning_social .learning_detail_con_inner .board_reply .reply_list > li .more_option {position:absolute;right:30px;top:15px;} .learning_social .learning_detail_con_inner .board_reply .reply_list > li .hidden_input {margin-top:10px;display:none;overflow:hidden;} .learning_social .learning_detail_con_inner .board_reply .reply_list > li .hidden_input textarea {float:left;width:884px;height:100px;} .learning_social .learning_detail_con_inner .board_reply .reply_list > li .hidden_input button {float:left;width:130px;height:100px;font-size:15px;font-weight:500;border-top:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;} .file_gallery_info {float:left;padding-left:18px;font-size:13px;background:url('../images/ico_info_gray.png') no-repeat 0 4px;} .file_info {display:block;margin-top:5px;font-size:13px;color:#333;font-weight:400;line-height:19px;} .learning_board_search .btn_search button {vertical-align:-4px;} .ico_new {margin-left:8px;vertical-align:2px;} .more_option {position:relative;display:inline-block;} /* 마이페이지 - 결재함 - 목록 */ .payment_list .payment_srh_opt {margin-top:20px;padding:20px;background-color:#f5f5f5;} .payment_list .payment_srh_opt .tit {margin-bottom:6px;font-size:14px;font-weight:500;} .payment_list .payment_srh_opt .input_group {overflow:hidden;} .payment_list .payment_srh_opt .calendar_box {float:left;} .payment_list .payment_srh_opt .calendar_box input {float:left;padding:0 10px;width:154px;height:35px;line-height:35px;font-size:14px;color:#999999;background:url('../images/ico_calendar.png') no-repeat 127px 50%;background-color:#fff;cursor:pointer;} .payment_list .payment_srh_opt .calendar_box .i_dash {display:block;float:left;width:30px;height:35px;line-height:33px;font-size:20px;color:#999999;text-align:center;} .payment_list .payment_srh_opt .subject_box {float:left;margin-left:20px;} .payment_list .payment_srh_opt .subject_box input {padding:0 10px;width:386px;height:35px;} .payment_list .payment_srh_opt .name_box {float:left;margin-left:20px;} .payment_list .payment_srh_opt .name_box input {padding:0 10px;width:190px;height:35px;} .payment_list .payment_srh_opt .check_group {margin-top:10px;} .payment_list .payment_srh_opt .check_group label {margin-top:10px;margin-right:15px;} .payment_list .payment_srh_opt .check_group button {float:right;} .payment_list .hp_box1 {margin-top:10px;padding:12px 15px;font-size:15px;border-radius:4px;} .payment_list .hp_box1 b {font-size:15px;vertical-align:0;} .payment_list .btn_group {margin-top:33px;} .payment_list .table_board_list {margin-top:12px;} .payment_list .table_board_list label {padding-left:0;width:19px;vertical-align:-3px;} /* 마이페이지 - 결재함 - 상세 */ .payment_view .tool_tip .tool_top_box_inner {right:50px;left:auto;} .payment_view .tool_tip .tool_top_box_arrow {right:70px;left:auto;} .payment_view .table_style5 {border-color:#666;} .payment_view .table_style5 th, .payment_view .table_style5 td {padding:15px 20px;vertical-align:middle;} .payment_view .table_style5 thead th {font-size:17px;color:#333;font-weight:700;text-align:center;} .payment_view .table_style5 .td_learner {padding:0;} .payment_view .table_style5 .td_learner div {padding:15px 20px;} .payment_view .table_style5 .td_learner .view_btn {display:inline-block;font-weight:300;cursor:pointer;} .payment_view .table_style5 .td_learner .view_down {margin-left:30px;padding-right:18px;background:url('../images/ico_arrow_down.png') no-repeat right 0 top 10px;} .payment_view .table_style5 .td_learner .view_up {float:right;padding-right:18px;background:url('../images/ico_arrow_up.png') no-repeat right 0 top 10px;} .payment_view .table_style5 .td_learner ul {display:none;} .payment_view .table_style5 .td_learner li {padding:15px 20px;border-top:1px solid #ccc;} .payment_view .table_style5 .file_box {padding-left:40px;height:40px;font-size:14px;color:#444;text-align:left;line-height:39px;border:1px solid #ccc;background:url('../images/ico_board_view_file.png') no-repeat 22px 13px;} .payment_view .sec textarea {margin-top:15px;} .payment_view .sec .table_question {margin-top:40px;padding-bottom:10px;border-bottom:1px solid #ccc;} .payment_view .sec .table_question tbody th {font-weight:400;text-align:left;} .payment_view .sec .table_question .table_tit {padding:15px 20px;font-size:17px;border-top:1px solid #666;text-align:left;} .payment_view .btn_group {margin-top:20px;} /* 마이페이지 - 좋아요/댓글 */ .favorite_list .board_search {margin-top:20px;} .favorite_list .board_search:after {display:block;visibility:hidden;clear:both;content:""} .favorite_list .board_search .selectric-wrapper {float:left;} .favorite_list .board_search .selectric {width:288px;height:40px;} .favorite_list .board_search .selectric .label {line-height:40px;} .favorite_list .board_search .btn_board_search {height:40px;} .favorite_list .favorite_cnt {margin-top:12px;font-size:17px;color:#999;} .favorite_list .favorite_cnt b {font-size:20px;color:#333;} .favorite_list .ul_favorite {margin-top:25px;border-top:1px solid #666;} .favorite_list .ul_favorite > li {padding:0;border-bottom:1px solid #ccc;} .favorite_list .ul_favorite > li .box_title {position:relative;padding:15px 20px;font-size:17px;font-weight:500;cursor:pointer;background:#f5f5f5} .favorite_list .ul_favorite > li .box_title .i_arrow {display:block;position:absolute;top:23px;right:15px;width:15px;height:9px;background:url('../images/bookmark_arrow_down.png') no-repeat;-webkit-transform:rotate(0deg);transform:rotate(0deg);} .favorite_list .ul_favorite > li.active .box_title .i_arrow {-webkit-transform:rotate(180deg);transform:rotate(180deg);} .favorite_list .ul_favorite > li .box_cont {} .favorite_list .ul_favorite > li.active .box_cont {} .favorite_list .ul_favorite ul li {padding:20px;height:166px;border-top:1px solid #ccc;} .favorite_list .ul_favorite ul li .img {float:left;width:200px;height:126px;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;} .favorite_list .ul_favorite ul li .course_desc {float:left;margin-left:20px;width:600px;} .favorite_list .ul_favorite ul li .i_date {font-size:14px;color:#666;} .favorite_list .ul_favorite ul li .i_subject {margin-top:2px;height:34px;font-size:20px;font-weight:600;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 1; /* 라인수 */-webkit-box-orient: vertical;overflow:hidden;} .favorite_list .ul_favorite ul li .i_cate {margin-top:35px;font-size:13px;} .favorite_list .ul_favorite ul li .favorite_box {float:right;margin-top:45px;} .favorite_list .ul_favorite ul li .favorite_box button {width:100px;height:30px;color:#ccc;font-weight:700;border:1px solid #ccc;border-radius:4px;background-color:#fff;} .favorite_list .ul_favorite ul li .favorite_box .btn_delete {color:#333;border-color:#333;} /* 마이페이지 - 내 Q&A */ .my_qa .table_board_list {margin-top:25px;} .my_qa .table_board_list tr:hover {background-color:#fff;} .my_qa .table_board_list tr:hover .bo_title {font-weight:400;} .my_qa .table_board_list tr.tr_s {cursor:pointer;} .my_qa .table_board_list tr.tr_detail td {padding:0;text-align:left;} .my_qa .table_board_list .bo_btn {background:url('../images/ico_qna_down.png') no-repeat center center;} .my_qa .table_board_list .qa_slide.on .bo_btn {-webkit-transform:rotate(180deg);transform:rotate(180deg);} .my_qa .table_board_list .li_qa {padding:25px 55px;} .my_qa .table_board_list .li_q {background:url('../images/ico_qna_q.png') no-repeat 23px 28px;} .my_qa .table_board_list .li_q .qa_tit {font-weight:700;} .my_qa .table_board_list .li_q p {margin-top:15px;} .my_qa .table_board_list .li_a {background:url('../images/ico_qna_a.png') no-repeat 23px 28px #f5f5f5;} .my_qa .table_board_list .li_a .li_date {margin-top:15px;font-size:14px;color:#999;} .my_qa .table_board_list .tr_detail {display:none;} .my_qa .table_board_list .file_box {margin-top:25px;} .my_qa .table_board_list .file_box li {margin-top:10px;padding-left:40px;height:40px;font-size:14px;color:#444;text-align:left;line-height:39px;border:1px solid #ccc;background:url('../images/ico_board_view_file.png') no-repeat 22px 13px;} .my_qa .table_board_list .file_box li:first-child {margin-top:0;} .li_qa p img {display:block; max-width:100%;} /* 마이페이지 - 구독중인 채널 */ #container .my_channel .course_list {margin-top:30px;} #container .my_channel .course_list ul {margin:-10px;} #container .my_channel .course_list li {margin:10px;width:233px !important;height:289px !important;} #container .my_channel .course_list li.sme_channel .thumb_box {margin-top:30px;width:100px;height:100px;} #container .my_channel .course_list li.sme_channel .course_desc {padding:25px 10px 0;} #container .my_channel .course_list li.sme_channel .course_desc .channel_name {padding:0 5px;font-size:15px;} #container .my_channel .course_list li.sme_channel .course_desc .tag_wrap {margin-top:6px;padding:0 5px;} #container .my_channel .course_list li.sme_channel .course_desc .tag_wrap .i_tag {font-size:12px;} #container .my_channel .course_list li.sme_channel .course_desc .subs_num {margin-top:6px;padding:0 7px;font-size:11px;} #container .my_channel .btn_subs {margin-top:10px;} #container .my_channel .btn_subs input[type="checkbox"] + label #container .my_channel .btn_subs input[type="checkbox"] + label .i_text {font-size:16px;} /* 마이페이지 - 관심설정 */ .attention .sec_keyword {margin-top:35px;border-bottom:1px solid #cccccc;} .attention .sec h3 {font-size:20px;font-weight:500;} .attention .sec_keyword .keyword_list {margin-top:18px;} .attention .sec_set {margin-top:40px;} .attention .sec_set table {margin-top:15px;} .attention .sec_set table th, .attention .sec_set table td {padding-bottom:50px;} .chk_keyword + label {margin:0 5px 5px;padding:0 20px !important;height:30px !important;font-size:17px !important;line-height:28px !important;color:#999 !important;font-weight:500;border:1px solid #ccc;border-radius:15px;background-color:#fff;} .chk_keyword:checked + label {color:#fff !important;} /* 환급과정 안내 */ .refund_process_wrap #snb {margin-top:40px} .refund_process_wrap .tab_contents {margin-top:40px;} .refund_process_wrap .con_hd {font-size:17px;font-weight:500;} .refund_process_wrap .table {margin-top:40px;} .refund_process_wrap .refund_process_ul {margin-top:30px;} .refund_process_wrap .refund_process_ul li {position:relative;padding-left:10px;font-size:15px;line-height:25px;} .refund_process_wrap .refund_process_ul li:after {position:absolute;left:0;top:10px;width:4px;height:4px;background-color:#333;border-radius:2px;content:'';} .refund_process_wrap .refund_process_ul li span {font-weight:500;} .refund_process_wrap .tab_contents2 .sec {margin-top:60px;padding:70px 15px 0;border-top:1px solid #ccc;} .refund_process_wrap .tab_contents2 .sec .sec_title {font-size:26px;color:#4c4c4c;font-weight:700;text-align:center;} .refund_process_wrap .tab_contents2 .sec p {margin-top:15px;font-size:18px;line-height:36px;text-align:center;} .refund_process_wrap .tab_contents2 .sec .sec_img {margin-top:60px;text-align:center;} .refund_process_wrap .tab_contents2 .sec3 .sec3_ul {margin-top:50px;overflow:hidden;} .refund_process_wrap .tab_contents2 .sec3 .sec3_ul li {position:relative;float:left;padding-top:90px;width:20%;text-align:center;} .refund_process_wrap .tab_contents2 .sec3 .sec3_ul li:after {width:19px;height:70px;position:absolute;right:0;top:0;background:url('../images/refund_process_sec3_bg.png') no-repeat 0 0;content:'';} .refund_process_wrap .tab_contents2 .sec3 .sec3_ul li:last-child:after {display:none;} .refund_process_wrap .tab_contents2 .sec3 .sec3_ul li.li1 {background:url('../images/refund_process_sec3_1.png') no-repeat center 0;} .refund_process_wrap .tab_contents2 .sec3 .sec3_ul li.li2 {background:url('../images/refund_process_sec3_2.png') no-repeat center 0;} .refund_process_wrap .tab_contents2 .sec3 .sec3_ul li.li3 {background:url('../images/refund_process_sec3_3.png') no-repeat center 0;} .refund_process_wrap .tab_contents2 .sec3 .sec3_ul li.li4 {background:url('../images/refund_process_sec3_4.png') no-repeat center 0;} .refund_process_wrap .tab_contents2 .sec3 .sec3_ul li.li5 {background:url('../images/refund_process_sec3_5.png') no-repeat center 0;} .refund_process_wrap .tab_contents2 .sec4 p {font-weight:500;} .refund_process_wrap .tab_contents2 .sec4 .table_style10 {margin:10px auto 0;width:570px;} .refund_process_wrap .tab_contents2 .sec4 .table_txt {margin-top:5px;text-align:center;} .refund_process_wrap .tab_contents2 .sec4 .table_txt strong {font-weight:500;} .refund_process_wrap .tab_contents2 .sec4 .table_ex_txt {margin-top:60px;font-size:14px;} .refund_process_wrap .tab_contents2 .sec4 .table_ex_txt span {float:right;font-size:15px;} .refund_process_wrap .tab_contents2 .sec4 .table_style9 {margin-top:25px;} .refund_process_wrap .tab_contents3 .con_hd_title {font-weight:700;} .refund_process_wrap .tab_contents3 .sec {margin-top:60px;padding:70px 15px 0;border-top:1px solid #ccc;} .refund_process_wrap .tab_contents3 .sec .sec_title {padding-top:115px;font-size:26px;color:#4c4c4c;font-weight:700;text-align:center;background:url('../images/refund_process_tab3_tit.png') no-repeat center 0;} .refund_process_wrap .tab_contents3 .sec p {margin-top:15px;font-size:18px;line-height:36px;text-align:center;} .refund_process_wrap .tab_contents3 .sec .sec_img {margin-top:50px;text-align:center;} .refund_process_wrap .tab_contents4 .table_style11 li {position:relative;padding:2px 0 2px 17px;font-size:17px;} .refund_process_wrap .tab_contents4 .table_style11 li strong {font-weight:700;} .refund_process_wrap .tab_contents4 .table_style11 li span {position:absolute;left:0;top:2px;} .refund_process_wrap .tab_contents4 .table_style11 td {background:url('../images/refund_process_sec4_bg.png') no-repeat 60px center;} /* 20201228 추가 - 교육운영절차/훈련생유의사항 */ .con_hd h5 {display:block; padding-bottom:30px; font-size:25px; text-align:center; color:#4c4c4c;} .ts_ty1 li {font-weight:400;} .ts_ty1 li b {font-weight:500;} .prec_lists_w {padding-top:60px; overflow:hidden;} .prec_list {padding:40px 20px;} .prec_list:nth-child(odd) {background:rgba(233, 86, 58, 0.05);} .pcl_lists {overflow:hidden;} .pcl_list {float:left; position:relative; width:calc((100% - 40px) / 2); min-height:90px; padding-left:120px;} .pcl_list + .pcl_list {margin-left:40px;} .pcl_list [class^="icon_info_"] {position:absolute; top:0; left:0; width:90px; height:90px; background-repeat:np-repeat; background-size:100% auto;} .icon_info_auth {background-image:url('../images/icon_info_auth.png');} .icon_info_task {background-image:url('../images/icon_info_task.png');} .icon_info_captcha {background-image:url('../images/icon_info_captcha.png');} .icon_info_study {background-image:url('../images/icon_info_study.png');} .icon_info_test {background-image:url('../images/icon_info_test.png');} .icon_info_answer {background-image:url('../images/icon_info_answer.png');} .icon_info_complete {background-image:url('../images/icon_info_complete.png');} .icon_info_ncomplete {background-image:url('../images/icon_info_ncomplete.png');} .pcl_tit {display:block; padding-bottom:3px; font-size:20px; font-weight:700;} .pcl_m {display:block; font-size:15px; line-height:1.6; word-break:break-all;} .pcl_m + .pcl_m {padding-top:12px;} .pcl_m .theme_color {display:block; padding-bottom:3px; font-weight:500;} .pg_lists_w {padding:80px 0 100px; margin-top:-51px; overflow:hidden;} .pg_list {position:relative; float:left; width:calc((100% - 294px) / 4); height:274px; margin-top:51px; padding:30px 20px; border:4px solid #eee; border-radius:50%; text-align:center;} .pg_list + .pg_list {margin-left:98px;} .pg_list + .pg_list:before {position:absolute; top:50%; left:-68px; width:30px; height:30px; margin-top:-15px; background:url('../images/arrow_right_org.png') center no-repeat; background-size:100% auto; content:'';} .pg_list:nth-child(4n+1) {margin-left:0;} .txt_num {position:relative; display:inline-block; padding-bottom:20px; font-size:30px; color:#e9563a; font-weight:700;} .txt_num:before {position:absolute; bottom:17px; left:0; width:100%; height:2px; background:#e9563a; content:'';} .pg_tit {display:block; padding-bottom:8px; font-size:24px; font-weight:700;} .pg_m {font-size:18px;} /* 사이트 이용 안내 */ .terms_wrap .con_hd {margin-top:50px;font-size:17px;font-weight:500;} .terms_wrap .con_body {margin-top:40px;padding:30px;height:735px;font-size:17px;border:1px solid #ccc;line-height:30px;overflow-y:scroll;overflow-x:hidden;} .privacy_wrap .con_hd {margin-top:50px;font-size:17px;font-weight:500;} .privacy_wrap .selectric-wrapper {margin-top:35px;width:462px;} .privacy_wrap .con_body {margin-top:20px;padding:30px;height:735px;font-size:17px;border:1px solid #ccc;line-height:30px;overflow-y:scroll;overflow-x:hidden;} .privacy_wrap .con_body .con {display:none;} .privacy_wrap .con_body .con.on {display:block;} .email_collection_wrap .con_hd {margin-top:50px;font-size:17px;font-weight:500;} .email_collection_wrap .con_email {margin-top:40px;padding:180px 30px 0;height:295px;font-size:17px;border:1px solid #ccc;line-height:30px;text-align:center;background:url('../images/email_collection_bg.png') no-repeat center 60px;} /* 앱 다운로드 */ .app_download_wrap .lead {font-size:20px;font-weight:500;text-align:center;} .app_download_wrap p {margin-top:20px;font-size:15px;text-align:center;} .app_download_wrap .app_download_qr {margin-top:65px;text-align:center;} .app_download_wrap .btn_box {margin:70px -15px 0;text-align:center;} .app_download_wrap .btn_box button {width:160px;margin:0 15px;} .btn_style100 {width:100px;height:35px;font-size:15px;color:#fff;font-weight:500;line-height:35px;border-radius:4px;} /* 별점 드래그 입력 */ .user_star {float:left;overflow:hidden;margin:0;} .star_input {position:relative;float:left;margin:0;width:102px;height:16px;} .star_input, .star_input label:hover, .star_input input:focus + label, .star_input input:checked + label {float:left;background:url('../images/star_grade.png') no-repeat 0 0;} .star_input input {position:absolute;width:1px;height:1px;opacity:0;} .star_input.focus {} .star_input label {position:absolute !important;width:37px;height:0 !important;padding:16px 0 0 0 !important;overflow:hidden;float:left;cursor:pointer;position:absolute;top:0;left:0;} .star_input label:hover, .star_input input:focus+label, .star_input input:checked+label {background-position:0 bottom;} .star_input label:hover~label {background-image:none;} .star_input label.one {width:20px;z-index:5;} .star_input label.two {width:40px;z-index:4;} .star_input label.three {width:60px;z-index:3;} .star_input label.four {width:80px;z-index:2;} .star_input label.five {width:100px;z-index:1;} /* 별점 */ .review_star {display:inline-block;} .review_star .i_tit {float:left;margin-right:20px;font-weight:500;} .review_star .ico_star_view {position:relative;float:left;width:96px;height:15px;background:url('../images/review_star_91_blank.png') no-repeat;} .review_star .ico_star_view .star_fill {position:absolute;top:0;left:0;height:15px;background:url('../images/review_star_91_full.png') no-repeat;} .review_star .i_rating {margin-left:8px;float:left;font-size:15px;font-weight:500;color:#333333;text-align:right;line-height:16px;} .review_star_91 .ico_star_view {background:url('../images/review_star_91_blank.png') no-repeat;} .review_star_91 .ico_star_view .star_fill {background:url('../images/review_star_91_full.png') no-repeat;} .review_star_91 .i_rating {margin-left:10px;font-size:15px;font-weight:400;line-height:15px;} .review_star_101 .ico_star_view {width:106px;height:16px;background:url('../images/review_star_101_blank.png') no-repeat;} .review_star_101 .ico_star_view .star_fill {height:16px;background:url('../images/review_star_101_full.png') no-repeat;} .review_star_101 .i_rating {margin-left:10px;font-size:15px;font-weight:500;line-height:16px;} .review_star_110 .ico_star_view {width:116px;height:17px;background:url('../images/review_star_110_blank.png') no-repeat;} .review_star_110 .ico_star_view .star_fill {height:17px;background:url('../images/review_star_110_full.png') no-repeat;} .review_star_110 .i_rating {margin-left:12px;font-size:18px;font-weight:500;line-height:18px;} .review_star_182 .ico_star_view {width:191px;height:28px;background:url('../images/review_star_182_blank.png') no-repeat;} .review_star_182 .ico_star_view .star_fill {height:28px;background:url('../images/review_star_182_full.png') no-repeat;} .review_star_182 .i_rating {margin-left:12px;font-size:20px;font-weight:500;line-height:30px;} .review_star_w_128 .ico_star_view {width:134px;height:20px;background:url('../images/review_star_w_128_blank.png') no-repeat;} .review_star_w_128 .ico_star_view .star_fill {height:20px;background:url('../images/review_star_w_128_full.png') no-repeat;} .review_star_w_128 .i_rating {margin-left:15px;font-size:20px;color:#fff;font-weight:400;line-height:20px;} /* Table Style */ .table {width:100%;} .table_board_list {margin-top:50px;border-top:1px solid #666;} .table_board_list thead th {padding:23px 0; font-size:15px;color:#333;font-weight:500;border-bottom:1px solid #ccc; background:#f5f5f5} .table_board_list tbody td {padding:23px 0; font-size:16px;color:#333;text-align:center;border-bottom:1px solid #ccc;} .table_board_list tbody td.bo_title {text-align:left;} .table_board_list tbody td.bo_cate {font-size:14px;} .table_board_list tbody tr:hover {background-color:#f8f8f8;} .table_board_list tbody tr:hover .bo_title {font-weight:500;} .table_board_list .bo_nodata {height:185px;text-align:center;vertical-align:middle;} .table_board_view {margin-top:17px;border-top:1px solid #666;} .table_board_view tbody td.bo_view_hd {padding:30px 6px;height:110px;border-bottom:1px solid #ccc;} .table_board_view tbody td.bo_view_hd h3 {font-size:25px;color:#333;} .table_board_view tbody td.bo_view_hd .bo_view_info {margin-top:20px;} .table_board_view tbody td.bo_view_hd .bo_view_info span {font-size:15px;color:#666;} .table_board_view tbody td.bo_view_hd .bo_view_info_left {float:left;} .table_board_view tbody td.bo_view_hd .bo_view_info_right {float:right;} .table_board_view tbody td.bo_view_content {padding:25px 15px;font-size:16px;color:#333;} .table_board_view tbody td.bo_view_content .bo_view_content_inner {position:relative; min-height:300px;} .table_board_view tbody td.bo_view_file li {padding:18px 20px;font-size:15px;color:#666;background-color:#f5f5f5;border-bottom:1px solid #ccc;} .table_style1 {border-top:1px solid #666;} .table_style1 th, .table_style1 td {font-size:15px;color:#333;text-align:center;vertical-align:middle;border-left:1px solid #ccc;border-bottom:1px solid #ccc; padding:14px 0} .table_style1 th {background-color:#f5f5f5;font-weight:500;} .table_style1 tfoot td {font-weight:500;} .table_style1 th:first-child, .table_style1 td:first-child {border-left:0;} .table_style2 {border-top:1px solid #666;} .table_style2 th, .table_style2 td {font-size:15px;color:#333;vertical-align:middle;border-left:1px solid #ccc;border-bottom:1px solid #ccc; padding:14px 0; text-align:center} .table_style2 th {border-left:0;} .table_style2 thead th {font-weight:500;} .table_style2 thead td {font-weight:500;} .table_style2 tbody th {background-color:#f5f5f5;font-weight:500;} .table_style2 tbody td {} .table_style3 {border-top:3px solid #333;} .table_style3 th, .table_style3 tbody td {padding:12px 5px;text-align:center;vertical-align:middle;} .table_style3 thead th {font-size:14px;font-weight:500;border-left:1px solid #333;border-bottom:1px solid #333;} .table_style3 thead th:first-child {border-left:0;} .table_style3 thead th span {font-size:12px;} .table_style3 tbody td {font-size:15px;border-left:1px solid #ccc;border-bottom:1px solid #ccc;} .table_style3 tbody td:first-child {border-left:0;} .table_style3 thead td {font-weight:500;} .table_style3 tbody th {background-color:#f5f5f5;font-weight:500;} .table_style3 tbody td {} .table_style4 {border-top:1px solid #ccc;} .table_style4 th, .table_style4 td {padding:25px 25px;border-bottom:1px solid #ccc;vertical-align:middle;} .table_style4 th {text-align:left;background-color:#f5f5f5;font-weight:500;} .table_style4 th button {display:block;margin-top:5px;} .table_style5 {border-top:1px solid #ccc;} .table_style5 th, .table_style5 td {padding:20px 25px;border-bottom:1px solid #ccc;} .table_style5 th {text-align:left;background-color:#f5f5f5;font-weight:500;} .table_style5 th button {display:block;margin-top:5px;} .table_style5 th .ast {display: inline-block;margin-left: 7px;font-size: 17px;color: #ea563a;vertical-align: -4px;} .table_style5 td {vertical-align:middle;} .table_style6 {border-top:1px solid #666;} .table_style6 th, .table_style6 tbody td {text-align:center;vertical-align:middle;font-weight:500;} .table_style6 thead th {padding:23px 0; background:#f5f5f5; font-size:15px; color:#333; font-weight:500; border-bottom:1px solid #ccc} .table_style6 thead th:first-child {border-left:0;} .table_style6 thead th span {font-size:12px;} .table_style6 tbody td {padding:24px 0;font-size:15px;border-bottom:1px solid #ddd;} .table_style6 tbody td:first-child {border-left:0;} .table_style6 thead td {font-weight:500;} .table_style6 tbody td .img {float:left;width:200px;height:114px;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;border-radius:5px} .table_style6 tbody td .course_desc {float:left;width:500px;margin-left:15px;text-align:left;} .table_style6 tbody td .course_desc {position:relative;margin-top:5px;} .table_style6 tbody td .course_desc .i_cate {font-size:13px; color:#f16329} .table_style6 tbody td .course_desc .i_subject {margin-top:2px;font-size:18px;font-weight:700;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2; /* 라인수 */-webkit-box-orient: vertical;overflow:hidden;} .table_style6 tbody td .course_desc .i_date {margin-top:7px;font-size:14px;color:#666;font-weight:500;} .table_style6 tbody td .course_desc .i_date span {font-weight:300;} .table_style6 tbody td .tool_tip .tool_top_box_arrow {top:0;right:40px;bottom:auto;width:14px;height:18px;border-bottom:9px solid #333;border-top:9px solid transparent;} .table_style7 {border-top:1px solid #666;} .table_style7 th, .table_style7 td {height:35px;font-size:15px;color:#333;text-align:center;vertical-align:middle;border-left:1px solid #ccc;border-bottom:1px solid #ccc;} .table_style7 th:first-child, .table_style7 td:first-child {border-left:0;} .table_style7 thead th {background-color:#eee;font-weight:500;} .table_style7 tfoot td {font-weight:500;} .table_style8 {border-left:1px solid #ccc;border-top:1px solid #ccc;} .table_style8 td, .table_style8 th {padding:15px;text-align:left;border-right:1px solid #ccc;border-bottom:1px solid #ccc;} .table_style8 th {font-weight:500;background-color:#f5f5f5;} .table_style9 {border-top:1px solid #666;} .table_style9 th, .table_style9 td {height:50px;font-size:14px;color:#333;text-align:center;vertical-align:middle;border-left:1px solid #ccc;border-bottom:1px solid #ccc;} .table_style9 thead th {font-weight:500;background-color:#f8f8f8;} .table_style9 th:first-child, .table_style9 td:first-child {border-left:0;} .table_style10 {border-collapse: separate;border-spacing: 0 20px;} .table_style10 th {font-size:16px;color:#fff;font-weight:500;vertical-align:middle;} .table_style10 td {padding:10px 20px;font-size:14px;border-top:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;} .table_style11 th {height:50px;font-size:17px;font-weight:700;background-color:#f5f5f5;border-top:1px solid #ccc;border-right:1px solid #ccc;border-left:1px solid #ccc;vertical-align:middle;} .table_style11 td {padding:60px 15px 60px 185px;border:1px solid #ccc;} .table_style12 {border-top:1px solid #666;} .table_style12 th, .table_style12 td {font-size:15px;color:#333;text-align:left;vertical-align:middle;border-left:1px solid #ccc;border-bottom:1px solid #ccc; padding:12px 0 12px 12px} .table_style12 th {background-color:#f5f5f5;font-weight:500; text-align:center; padding:12px 0} .table_style12 th:first-child, .table_style12 td:first-child {border-left:0;} .table_style12 td .input_box {width:230px;} .table_style12 td .selectric-select_box {width:230px;} .table_style12 td .selectric-select_box .selectric {height:35px;} .table_style12 td .selectric-select_box .selectric .label {margin:0 32px 0 10px;height:35px;line-height:33px;font-size:14px;color:#999999;} .table_style12 td .selectric-select_box .selectric .button {right:10px;width:12px;height:7px;background-size:100% auto !important;} .table_style12 td .selectric-select_box .selectric-items li {padding:7px 10px 7px;font-size:14px;color:#333333;} /* Auto complete design */ .dropdown_rel {position:relative;} .dropdown_rel .dropdown_list {z-index:100;position:absolute;top:100%;left:0;width:100%;height:121px;overflow-x:hidden;overflow-y:auto;border:1px solid #cccccc;background-color:#ffffff;} .dropdown_rel input[type="text"] + .dropdown_list {border-top:0;} .dropdown_rel input[type="text"].ip_keyword + .dropdown_list {border-top:1px solid #cccccc; z-index:9;} .dropdown_rel .dropdown_list li {padding:6px 10px 7px;font-size:15px;color:#333333;cursor:pointer;} .dropdown_rel .dropdown_list li:hover {background-color:#f5f5f5;} /* Page Nav */ .page_nav {margin-top:80px;text-align:center;} .page_nav li {display:inline-block;margin:0 1px;} .page_nav li a {display:inline-block;;width:38px;height:38px;font-size:17px;color:#999;font-weight:300;line-height:2;border:1px solid #ccc;} .page_nav li a img{vertical-align:-1px;} .page_nav li a.on {color:#fff;background-color:#333;border:1px solid #333;} /* Btn style */ .btn_group {text-align:right;} .btn_board_view {margin-top:20px;} .btn_basic {display:inline-block;width:120px;height:40px;line-height:38px;text-align:center;} .btn_round {border-radius:4px;} .btn_gray_white {color:#fff;background-color:#aaa} .btn_gray2_white {color:#fff;background-color:#666666;} .btn_gray_black {color:#666;background-color:#ddd} .btn_blue_white {color:#fff;background-color:#067BD3} .btn_gray1 {color:#666;background-color:#f5f5f5;} .btn_gray2 {color:#999;background-color:#ddd;} .btn_gray3 {color:#fff;background-color:#555;} .btn_ex_favorite {height:40px !important;color:#262626;line-height:20px !important;border:1px solid #b5b5b5;} .btn_ex_favorite img {margin-right:7px;vertical-align:-1;} .btn_half_wrap {margin:0 -5px;overflow:hidden;} .btn_half_wrap .btn_half_box {float:left;padding:0 5px;width:50% !important;} .btn_play {display:inline-block;margin-right:10px;width:104px;height:30px;line-height:30px;font-size:13px;color:#fff;text-align:center;background-color:#666;border-radius:4px;} .btn_play img {margin-right:5px;vertical-align:-1px;} .btn_orange {display:inline-block; color:#fff;background-color:#ea563a; padding:0 25px; border-radius:4px; height:40px; line-height:40px} .btn_orange2 {display:inline-block; color:#fff;background-color:#ea563a; padding:0 50px; border-radius:4px; height:60px; line-height:60px} .btn_orange_sm {display:inline-block; color:#fff;background-color:#ea563a; padding:0 20px; border-radius:4px; height:30px; line-height:30px; font-size:14px} .btn_gray {display:inline-block; color:#fff;background-color:#aaa; padding:0 25px; border-radius:4px; height:40px; line-height:40px} .btn_gray_sm {display:inline-block; color:#fff;background-color:#aaa; padding:0 20px; border-radius:4px; height:30px; line-height:30px; font-size:14px} .btn_mr {margin-right:12px} .btnArea {text-align:right} /* Ellipse style */ .label_basic {display:inline-block;padding:0 14px;height:25px;font-size:13px;font-weight:400;line-height:23px;border-radius:12px;} .label_o {color:#fff;} .label_g {color:#fff;background-color:#999;} .label_t_gb {color:#666;border:1px solid #666;} .label_t_g {color:#666;border:1px solid #666;} .label_t_bb {color:#666;border:1px solid #666;} /* Textarea box Line style */ .textarea_box textarea {padding:21px 21px;width:100%;height:400px;font-size:15px;color:#333333;border:1px solid #cccccc;outline:0;} /* Tool tip */ .tool_tip {} .tool_tip img {cursor:pointer;} .tool_tip .tool_top_box {position:relative;display:none;} .tool_tip .tool_top_box_inner {position:absolute;width:215px;left:-180px;bottom:30px;padding:10px 13px;font-size:12px;color:#fff;background-color:#333;border-radius:5px;z-index:10;} .tool_tip .tool_top_box_arrow {position:absolute;bottom:12px;width:14px;height:18px;border-top:9px solid #333;border-right:7px solid transparent;border-left:7px solid transparent;z-index:10;} /* 외부교육 썸네일 배경 */ .thumb_bg .thumb_title {padding:0 20px;font-size:18px;color:#fff;text-align:left;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2; /* 라인수 */-webkit-box-orient: vertical;overflow:hidden;} .thumb_bg1 {background:url(../images/thumb_temp1.png) no-repeat; border-radius:5px} .thumb_bg2 {background:url(../images/thumb_temp2.png) no-repeat; border-radius:5px} .thumb_bg3 {background:url(../images/thumb_temp3.png) no-repeat; border-radius:5px} .thumb_bg4 {background:url(../images/thumb_temp4.png) no-repeat; border-radius:5px} .thumb_bg5 {background:url(../images/thumb_temp5.png) no-repeat; border-radius:5px} /* 테이블 가운데 정렬 */ .display_table {position:relative;display:table;width:100%;height:100%;} .display_table_cell {display:table-cell;width:100%;height:100%;text-align:center;vertical-align:middle;} /*이벤트리스트*/ .event_gr {} .event_gr li {display:inline-block; margin:40px 31px 0 0; vertical-align:top} .event_gr li.none {margin-right:0} .event_thumb {position:relative; width:320px; min-height:280px} .event_thumb a {display:block;} .event_thumb a img {width:320px; height:200px;background-repeat: no-repeat;background-position:50% 50%;background-size:cover;} .event_thumb span {display:inline-block} .event_thumb .dueday {position:absolute; left:0; top:0; background:#e55853; color:#FFF; font-size:14px; font-weight:700; padding:2px 10px} .event_thumb .i_subject { font-size:18px;font-weight:500; width:320px; margin-top:15px; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; } .event_gr .i_date {font-size:14px;color:#666;} .event_thumb .event_finish {position:absolute; left:0; top:0; background:#000; opacity:0.5; width:320px; height:200px; text-align:center; color:#FFF; font-size:17px; line-height:200px} .searchGr {position:absolute; right:0; top:10px} .searchGr .posevent {float:left; padding:12px 16px 0 0} .searchGr .board_search {float:left} /*고객센터-수강후기*/ .hrdinfo_box {background:#f8f8f8; width:100%; padding:40px; text-align:center; font-size:18px; line-height:180%; border-top:1px solid #ccc; border-bottom:1px solid #ccc} .ex_detail_con_sec.sec9 {padding-top:60px} .ex_detail_con_sec.sec9 .review_write {margin-top:30px;} .ex_detail_con_sec.sec9 .review_form {margin-top:6px;overflow:hidden; background:#f5f5f5; padding:30px; border-top:1px solid #ccc; border-bottom:1px solid #ccc} .ex_detail_con_sec.sec9 .review_form .textarea_box {margin-top:16px; height:145px;} .ex_detail_con_sec.sec9 .review_form .textarea_box textarea {padding:20px;width:100%;height:145px;} .ex_detail_con_sec.sec9 .review_form button {float:right;width:170px;height:145px;font-size:18px;font-weight:500;line-height:145px;color:#666;text-align:center;background-color:#f5f5f5;} .ex_detail_con_sec.sec9 .review_list {margin-top:20px;border-top:1px solid #ccc;} .ex_detail_con_sec.sec9 .review_list > li {position:relative;padding:30px 0;border-bottom:1px solid #ccc;overflow:hidden;} .ex_detail_con_sec.sec9 .review_list > li .list_head {float:left;width:80px;text-align:center;font-size:16px;font-weight:500;} .ex_detail_con_sec.sec9 .review_list > li .list_head .head_thumb {display:block;margin:0 auto 4px;width:49px;height:49px;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;} .ex_detail_con_sec.sec9 .review_list > li .list_con {float:left;margin-left:15px;width:912px;} .ex_detail_con_sec.sec9 .review_list > li .review_star_write {display:none;} .ex_detail_con_sec.sec9 .review_list > li .review_con {margin-top:0px;} .ex_detail_con_sec.sec9 .review_list > li .review_con .review_con_text {width:1300px; line-height:160%} .ex_detail_con_sec.sec9 .review_list > li .review_con .review_list_form {display:none; width:1350px} .ex_detail_con_sec.sec9 .review_list > li .review_con .review_list_form .textarea_box {/* height:145px; */} .ex_detail_con_sec.sec9 .review_list > li .review_con .review_list_form textarea {/* height:145px; */} .ex_detail_con_sec.sec9 .review_list > li .review_con .review_list_form button {width:170px;height:145px;font-size:20px;line-height:145px;} .ex_detail_con_sec.sec9 .review_list > li .review_con .couName {font-size:20px; font-weight:500; margin:12px 0} .ex_detail_con_sec.sec9 .review_list > li .review_date {margin-top:20px;font-size:13px;} .ex_detail_con_sec.sec9 .review_list > li .review_id {margin-top:30px;font-size:14px; color:#8b8b8b} .ex_detail_con_sec.sec9 .review_list > li .review_option {position:absolute;width:20px;right:10px;top:15px;text-align:center;} .ex_detail_con_sec.sec9 .review_list > li .review_option .btn_review_option {cursor:pointer;} .ex_detail_con_sec.sec9 .review_list > li .review_option .more_box {position:absolute;display:none;top:30px;right:0;z-index:999;border-top:1px solid #ccc;} .ex_detail_con_sec.sec9 .review_no_data {margin-top:30px;width:1008px;height:270px;font-size:20px;color:#999;text-align:center;line-height:270px;background-color:#f5f5f5;} .ex_detail_con_sec.sec9 .review_no_data img {margin-right:5px;vertical-align:-8px;} /* .table_review tbody th {padding-bottom:14px;font-size:17px;color:#333;font-weight:500;text-align:left;} */ .table_review {} .table_review tbody td {padding-bottom:0px;font-size:15px;color:#333;} .table_review tbody td .selectric {width:800px;} /*메인 내배카용 수강후기 영역 추가*/ .sub_section_talk {padding-bottom:50px;} .sub_section_talk .ss_inner:before {display:block; content:''; position:absolute; left:0; top:0; width:1384px; height:380px; background:url('../images/main_bg_review.png') no-repeat; background-size:100% 100%;} .sub_section_talk .ss_inner .talk_title {position:absolute; left:50px; top:40px; font-size:28px; font-weight:500; color:#FFF} .sub_section_talk .sms_slider_w {padding-left:250px; margin-top:30px; height:240px; box-sizing:border-box;} .link_talk {position:relative; margin-left:20px; padding:30px; width:360px; height:240px; text-align:center; background-color:#f6f6f6; box-sizing:border-box; display:block} .link_talk .talk_main {margin-top:15px; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;} .link_talk .talk_line {border-bottom:1px solid #c3c3c3; padding-bottom:20px} .link_talk .talk_name {position:absolute; left:30px; bottom:30px; color:#616161; font-size:14px} .sub_section_talk {margin:80px 0 100px 0; width:100%; z-index:10;} .ss_inner {position:relative; margin:0 auto; padding-top:60px; width:1383px;} .ss_slider_controls {position:absolute; top:30px; right:10px; letter-spacing:5px;} .ss_slider_controls [class^="btn_icon"] {width:50px; height:50px; background-repeat:no-repeat; background-position:center center; letter-spacing:-1px;} .ss_slider_controls [class^="btn_icon"]:hover {background-color:none;} .ss_slider_controls [class^="btn_icon"]:disabled {background-color:transparent;} .ss_slider_controls [class^="btn_icon"] + [class^="btn_icon"] {margin-left:60px;} .ss_slider_controls .btn_icon_prev {background-image:url('../images/icon_slideLeft_off.png');} .ss_slider_controls .btn_icon_prev.active {background-image:url('../images/icon_slideLeft_on.png');} .ss_slider_controls .btn_icon_next {background-image:url('../images/icon_slideRight_off.png');} .ss_slider_controls .btn_icon_next.active {background-image:url('../images/icon_slideRight_on.png');} .sub_section_talk .sms_slider_w {width:100%; height:240px;} #talk_slider, .sub_section_talk .smsSlider_list, .sub_section_talk .smss_list {height:240px !important;} .sub_section_talk .smss_lists_w {position:relative; left:-20px; height:240px;} .sub_section_talk .smss_list {float:left; padding-top:0; margin-left:0;} /*메인 내배카용 배너*/ .abc li.nailban {width:150px; height:130px;} .abc li.nailban img {width:150px; height:130px; border-radius:6px 0 0 6px} .abc {position:absolute; right:20px; top:5px; z-index:99; } /* 210107 메인 배너 동영상 추가 */ .ss_video_w {position:relative; display:inline-block; width:calc(100% - 1px); height:100%; overflow:hidden;} .ss_video_w video {position:absolute; top:0; left:0; width:100%;} /*회원가입 내배카 인증 추가*/ .naebeca_gr {margin-top:40px} .naebeca_gr h2 {display:block; margin-bottom:30px} .naebeca_gr li {display:inline-block; vertical-align:top;} .naebeca_gr li.spmr {margin-right:75px} .naebeca_gr li .extra_box {border:1px solid #cccccc; padding:30px; width:410px; height:470px; text-align:center} .naebeca_gr li .extra_title {font-size:20px; font-weight:500} .naebeca_gr li .extra_img {position:relative; margin-top:30px} .naebeca_gr li .extra_info {margin-top:40px; padding-top:25px; border-top:1px solid #cccccc; text-align:left; } .naebeca_gr li .extra_info li {background:url('../images/ico_bullet.png') no-repeat 0 16px; padding:6px 0 6px 16px; font-size:15px; line-height:160%;} a.btn_ipingo {text-decoration:underline} .naebeca_finish {margin-top:80px; text-align:center; font-size:18px; font-weight:500; color:#ea563a; line-height:180%; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; padding:50px 0} a.btn_confirm {position:absolute; right:90px; top:90px; display:block; background:url('../images/btn_confirm.png') no-repeat; width:45px; height:45px;} a:hover.btn_confirm {display:block; background:url('../images/btn_confirm_on.png') no-repeat; width:45px; height:45px;} /* 내배카 탐색 */ .naebeca_ctGr {width:1424px} /* 카테고리-대분류 */ .ctDepth1_scroll {overflow-x:auto; overflow-y:hidden; margin-top:30px; width:100%;} .ctDepth1_w {overflow:hidden; width:100%; border:1px solid #dedede; border-radius:5px;} .cdt1_lists_w {position:relative; left:-1px; margin-bottom:-1px; overflow:hidden; width:calc(100% + 1px); } .cdt1_list {float:left; width:16.6666%; border-width:0 0 1px 1px; border-style:solid; border-color:#dedede;} .cdt1_list .inp_chk_keyword {width:100%;} .cdt1_list .inp_chk_keyword .btn_h60 {height:70px; border:0; border-radius:0;} .cdt1_list .inp_chk_keyword .btn_h60 [class^="txt"] {font-weight:700;} .cdt1_list:last-child {position:relative; width:calc(16.6666% + 1px); border-width:0 1px 1px 1px;} .cdt1_list span {display:inline-block} /* 카테고리 - 중분류 , 소분류 */ .ctSubDepth_scroll {overflow:hidden; margin-top:0px; width:100%;} .ctSubDepth_w {position:relative; left:0; overflow:hidden; width:200%; transition:left .3s ease-in-out;} .ctSubDepth_w.viewRight {left:-100%;} [class^="ctsDepth"] {float:left; overflow:hidden; position:relative; padding:54px 0 0 0; width:50%;} .cts_scroll {overflow-x:hidden; overflow-y:auto; width:100%; height:170px; border-width:1px 0; border-style:solid; border-top-color:#e6e6e6; border-bottom-color:#ccc; transition:height .2s ease-in-out;} /* 카테고리 - 중분류 */ .ctsDepth_01 {} .ctsDepth_01 .cts_scroll {padding:14px 100px 14px 0; margin-top:20px} .ctsDepth_01 .cdt_lists_w {overflow:hidden; position:relative; left:-1px; width:100%;} .ctsDepth_01 .cdt_list {float:left; padding:5px 0; width:14.285%; } .ctsDepth_01 .cdt_list .inp_chk_keywordT2 {width:100%; border-left:1px solid #d9d9d9; display:inline-block; height:60px} .ctsDepth_01 .cdt_list .txt_s18 {font-size:18px} .inp_chk_keyword .btn_h60, .inp_chk_keywordT2 .btn_h60 {height:60px; padding-top:13px; padding-bottom:12px;} .inp_chk_keyword {} .inp_chk_keyword .btn_h60 {vertical-align:top; padding-top:5px; padding-bottom:5px; width:100%; letter-spacing:-5px; border:1px solid #dedede; box-shadow:none; } .inp_chk_keyword .btn_h60 .align_maker {margin-left:-1px; height:100%; vertical-align:middle;} .inp_chk_keyword .btn_h60 [class^="txt_"] {max-width:calc(100% + 1px); color:#676767; letter-spacing:-0.5px; vertical-align:middle; font-weight:400; font-size:18px} .inp_chk_keyword input[type="checkbox"]:checked + .btn_h60 {background-color:#ea563a; border-color:#ea563a;} .inp_chk_keyword input[type="checkbox"]:checked + .btn_h60 [class^="txt_"] {color:#fff;} .inp_chk_keywordT2 {} .inp_chk_keywordT2 .btn_h60 {vertical-align:top; padding-top:5px; padding-bottom:5px; width:100%; letter-spacing:-5px; box-shadow:none; border-radius:0; text-align:center; height:60px; display:inline-block} .inp_chk_keywordT2 .btn_h60 .align_maker {margin-left:-1px; height:100%; vertical-align:middle;} .inp_chk_keywordT2 .btn_h60 .txt_s18 {position:relative; max-width:calc(100% + 1px); color:#676767; letter-spacing:-0.5px; vertical-align:middle; font-weight:400; transition-property:padding-left, color; transition-duration:.2s; transition-timing-function:ease-in-out;} .inp_chk_keywordT2 .btn_h60 .txt_s18:before {display:block; content:''; position:absolute; left:0; top:50%; margin-top:-12px; width:24px; height:24px; background:url('../images/icon_check_s.png') no-repeat; background-size:100% auto; opacity:0; transform:scale(0);transition-property:opacity, transform; transition-duration:.2s; transition-timing-function:ease-in-out; } .inp_chk_keywordT2 input[type="checkbox"]:checked + .btn_h60 {} .inp_chk_keywordT2 input[type="checkbox"]:checked + .btn_h60 .txt_s18 {position:relative; padding-left:32px; color:#333; font-weight:600} .inp_chk_keywordT2 input[type="checkbox"]:checked + .btn_h60 .txt_s18:before {opacity:1; transform:scale(1); } /* 내배카 과정검색 */ .search_couGr {margin-top:40px; padding-bottom:40px; border-bottom:1px solid #cccccc} .search_couGr ul {height:50px;} .search_couGr li {display:inline-block; vertical-align:middle; padding-right:12px} .search_couGr li:last-child {padding-left:10px} .search_couGr li .selectric {width:350px;} .search_couGr li .btn_board_search {width:80px;height:38px;font-size:15px;color:#fff;font-weight:500;line-height:0.6;background-color:#333;} /* .course_multi_tab span {display:inline-block;} */ /* 내배카 탐색 리스트 */ .ne_couList {margin-top:30px} .ne_couList li {display:inline-block; margin:0 40px 20px 0; border:1px solid #cccccc; padding:15px; width:665px; height:340px; overflow:hidden} .ne_couList li.none {margin-right:0} .ne_couthumb {float:left; width:310px; min-height:235px; margin:0 25px 15px 0} .ne_couthumb a {display:block; } .ne_couthumb a img {width:310px; height:190px;background-repeat: no-repeat;background-position:50% 50%;background-size:cover;} .ne_couinfo {padding-top:10px;} .ne_couinfo .ne_couTitle {font-size:18px; font-weight:500} .ne_couinfo .ne_coucont {font-size:15px; color:#585555} .ne_couinfo .nsc_title {font-size:15px; color:#585555} .ne_couinfo2 {clear:both; border-top:1px solid #e3e3e3; padding-top:20px} .ne_srchnone {background:#f8f8f8; width:100%; padding:50px; text-align:center; font-size:16px; line-height:180%; border-top:1px solid #ccc; border-bottom:1px solid #ccc} .mypay {color:#ea563a; font-size:16px; font-weight:500; padding-left:16px} .nsc_label {display:inline-block; padding:0px 6px; background:#ea563a; color:#FFF; font-size:14px; margin-right:8px} /* 내배카 탐색 상세 */ .ne_detail_thumb {float:left; width:390px; margin:40px 40px 0 0} .ne_detail_thumb img {width:390px;height:248px;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;} .ne_extra_gr {position:relative; margin-top:15px; text-align:right} .ne_extra_gr button.ne_btn_pre {background:#f5f5f5; border:1px solid #adadad; width:100px; height:35px; border-radius:3px; font-size:15px} .ne_extra_gr .inp_chk_like i {display:inline-block} .ico_onestar {position:absolute; left:0; top:6px; display:inline-block; background:url('../images/ico_star.png') 0 4px no-repeat; font-size:16px; padding:0 0 0 30px} .ne_detail {position:relative;} .ne_detail {float:left;position:relative;width:450px; margin-right:40px} .ne_detail h3 {font-size:25px; font-weight:700; padding-top:10px} .ne_detail .detail_cate {margin-top:40px} .ne_detail .aside {position:absolute; right:0; top:0; letter-spacing:-1px} .ne_cou_item {width:360px; position:absolute; top:230px; left:0; font-size:15px} .ne_cou_item li {padding:10px 0; color:#414141; border-bottom:1px solid #d5d4d4} .ne_cou_item li:last-child {border-bottom:none} .ne_cou_item li .ne_citem_tit {display:inline-block; width:130px; font-weight:700} .ne_detailgr {float:left; padding-left:30px; width:400px; border-left:1px solid #c3c3c3} .ne_detail_tabgr {} .ne_detail_tabgr li.netab {display:inline-block; width:49%} .ne_detail_tabgr li.netab button {display:block; background:#d5d4d4; width:100%; height:50px; line-height:50px; font-size:16px; text-align:center; color:#717171; } .ne_detail_tabgr li.netab button.on {display:block; background:#999; width:100%; height:50px; line-height:50px; font-size:16px; text-align:center; color:#FFF; } .neTab1 {margin-top:20px} .neTab1 .t1 {display:inline-block; font-size:16px;} .neTab1 .ico_info2 {display:inline-block; background:url('../images/ico_info2.png') no-repeat; padding:0 0 0 26px; margin-left:10px; font-size:14px} .ne_pay {width:100%; margin:10px 0 20px 0} .ne_pay li {padding:8px 0 8px 6px} .ne_pay li span.item_tit {display:inline-block; width:210px} .ne_pay li b {display:inline-block; text-align:right; width:130px} .ne_pay li.total {border-top:1px solid #c3c3c3; padding:8px 0 6px 6px; margin-top:10px} .ne_pay li.total b {font-size:22px} .neTab2 {margin-top:20px} .neTab2 .ico_info2 {display:inline-block; background:url('../images/ico_info2.png') no-repeat; padding:0 0 0 26px; font-size:14px} .ne_learnstart {margin-top:10px;} .ne_learnstart dt {width:99.5%; background:#f5f5f5; border:1px solid #999; display:inline-block; height:40px; font-size:16px} .ne_learnstart dd {display:inline-block; width:49.5%; background:#f5f5f5; border:1px solid #999; display:inline-block; height:40px; margin-top:8px; font-size:16px} .inp_chk_start {} .inp_chk_start .btn_h45 {vertical-align:top; padding-top:0px; padding-bottom:5px; width:100%; letter-spacing:-5px; border-radius:0; text-align:center; height:40px; display:inline-block; } .inp_chk_start .btn_h45 .align_maker {margin-left:-1px; height:100%; vertical-align:middle; } .inp_chk_start .btn_h45 .txt_s16 {position:relative; max-width:calc(100% + 1px); color:#8a8a8a; letter-spacing:-0.5px; vertical-align:middle; font-weight:400; transition-property:padding-left, color; transition-duration:.2s; transition-timing-function:ease-in-out;} .inp_chk_start .btn_h45 .txt_s16:before {display:block; content:''; position:absolute; left:0; top:50%; margin-top:-12px; width:24px; height:24px; background:url('../images/icon_check_sw.png') no-repeat; background-size:100% auto; opacity:0; transform:scale(0);transition-property:opacity, transform; transition-duration:.2s; transition-timing-function:ease-in-out; } .inp_chk_start input[type="checkbox"]:checked + .btn_h45 {} .inp_chk_start input[type="checkbox"]:checked + .btn_h45 .txt_s16 {position:relative; padding-left:32px; color:#505050; font-weight:700} .inp_chk_start input[type="checkbox"]:checked + .btn_h45 .txt_s16:before {opacity:1; transform:scale(1); } .ne_detail_ul {margin:10px 0 0 10px} .ne_detail_ul li {padding:6px 0} .ne_apply_gr {} .ne_apply_gr h3 {font-size:24px; color:#333; font-weight:500; margin-top:70px} .ne_apply_gr .btn_box {margin:0 auto; width:400px} .ne_agreeBox {border:1px solid #cfcfcf; margin-top:20px; padding:30px 40px; min-height:300px} .ne_agreeBox dt {font-weight:600; padding-bottom:10px} .ne_agreeBox dd {padding:4px; font-size:15px} .ne_agreeBox dd i {padding-right:6px; font-weight:600; font-size:18px} .ne_agree_check {text-align:right; margin-top:20px} .ne_agree_check label {font-size:16px !important} .ne_agree_confirm {display:block; font-size:15px; color:#ff0000; padding-bottom:12px} .ne_paycal {border:1px solid #cfcfcf; margin-top:20px; padding:40px 0;} .ne_paycal ul {margin:0 auto; width:1200px} .ne_paycal li {display:inline-block; text-align:center; width:19%;} .ne_paycal li b {font-size:36px; display:inline-block; padding-left:10px} .ne_paycal li .sign {display:inline-block; width:40px; height:40px; background:#6b6b6b; border-radius:50%; color:#FFF; font-size:25px; font-weight:700} .ne_paycal li .pay_tit {display:inline-block; font-size:15px; color:#6d6d6d;} .ne_payway {position:relative; border:2px solid #676767; margin-top:20px; padding:30px 40px 40px 60px} .ne_payway dl {position:absolute; left:180px; top:30px} .ne_payway dt {font-weight:600; padding-bottom:6px} .ne_payway dd {padding:4px; font-size:15px} .ne_payway dd i {padding-right:6px; font-weight:600; font-size:18px} .ne_payway .ne_card {background:url('../images/ico_payne.png') no-repeat; width:88px; height:88px; margin-top:10px} .ne_insertinfo {margin-top:14px} .ne_insertinfo li {padding:2px; font-size:15px; color:#ff0000;} .ne_insertinfo li i {padding-right:6px; font-weight:600; font-size:18px} a.ico_btn {display:inline-block; font-size:13px; color:#717171; padding-left:23px } .love {background:url('../images/ico_favorite_trans.png') 0 4px no-repeat; } .love_on {background:url('../images/ico_favorite_trans_on.png') 0 4px no-repeat;} .preview {background:url('../images/ico_preview.png') 0 4px no-repeat;} .ico_time {display:inline-block; background:url('../images/ico_time.png') 0 0 no-repeat; font-size:14px; color:#717171; padding:2px 0 6px 38px;} .ico_money {display:inline-block; background:url('../images/ico_money.png') 0 0 no-repeat; font-size:14px; color:#717171; padding:2px 0 6px 34px;} .vbar {display:inline-block; background:url('../images/ico_vbar.png') 0 2px no-repeat; margin:0 16px; width:2px; height:13px;} .btn_board_search2 {width:80px;height:48px;font-size:15px;color:#fff;font-weight:500;line-height:0.6;background-color:#333;} /* 아이콘 */ [class^="icon_"] {overflow:hidden; background-color:transparent; background-repeat:no-repeat; background-size:100% auto; vertical-align:middle;} /* 찜하기 버튼 체크박스 */ .inp_chk_like {min-width:40px; height:35px;} .inp_chk_like .icon_heart {width:40px; height:35px; border:1px solid #adadad; background-image:url('../images/ico_favorite_trans.png'); background-position:center; background-size:16px; vertical-align:middle; border-radius:3px; /* transition-property:background-image; */ transition-duration:.2s; transition-timing-function:ease;} .inp_chk_like [class^="txt_"] {margin-left:8px; vertical-align:middle; letter-spacing:-0.5px;} .inp_chk_like input[type="checkbox"]:checked + .icon_heart {background-image:url('../images/ico_favorite_trans_on.png');} .bo_view_info .inp_chk_like .icon_heart, .bo_view_content_inner .inp_chk_like .icon_heart {display:inline-block; width:20px; border:0;} .bo_view_info .inp_chk_like [class^="txt_"], .bo_view_content_inner .inp_chk_like [class^="txt_"] {margin-left:3px;} .bo_view_content_inner .inp_chk_like {position:absolute; bottom:0; right:0;} /* 내배카 수강신청 카드 선택 */ .payway {overflow:hidden; position:relative; left:-1px; width:100%; margin-top:20px} .payway_list {display:inline-block; margin-right:65px; padding:10px 0; width:30%; border:2px solid #676767;} .payway_list:last-child {margin-right:0} .payway_list .inp_chk_keywordT2 {width:100%; display:inline-block; height:80px;} .payway_list .txt_s18 {font-size:20px;} .inp_chk_keywordT2 {} .inp_chk_keywordT2 .btn_h80 {vertical-align:top; padding-top:10px; padding-bottom:10px; width:100%; letter-spacing:-5px; box-shadow:none; border-radius:0; text-align:center; height:80px; display:inline-block} .inp_chk_keywordT2 .btn_h80 .align_maker {margin-left:-1px; height:100%; vertical-align:middle;} .inp_chk_keywordT2 .btn_h80 .txt_s18 {position:relative; max-width:calc(100% + 1px); color:#808080; font-weight:600; letter-spacing:-0.5px; vertical-align:middle; font-weight:600; transition-property:padding-left, color; transition-duration:.2s; transition-timing-function:ease-in-out;} .inp_chk_keywordT2 .btn_h80 .txt_s18:before {display:block; content:''; position:absolute; left:0; top:50%; margin-top:-12px; width:24px; height:24px; background:url('../images/icon_paycheck.png') no-repeat; background-size:100% auto; opacity:0; transform:scale(0);transition-property:opacity, transform; transition-duration:.2s; transition-timing-function:ease-in-out; } .inp_chk_keywordT2 input[type="checkbox"]:checked + .btn_h80 {} .inp_chk_keywordT2 input[type="checkbox"]:checked + .btn_h80 .txt_s18 {position:relative; padding-left:32px; color:#067BD3; font-weight:600} .inp_chk_keywordT2 input[type="checkbox"]:checked + .btn_h80 .txt_s18:before {opacity:1; transform:scale(1); } /* 내배카 수강신청 취소 팝업 */ .ne_cancel_section {margin-bottom:30px} .ne_cancel_section li {padding:6px 0} .ne_cancel_section li .chk_box label {padding-left:30px} .ne_cancel_section li textarea {min-height:100px} .ne_thanks {text-align:center; font-size:16px; padding:0px 0 20px 0; border-bottom:1px solid #ddd} .ne_cancel_cou {text-align:center; font-size:16px; color:#ea563a; padding:20px 0} .ne_cancel_cou b {font-size:18px; padding-right:4px} /* 상하 중앙정렬 */ .align_maker {display:inline-block; overflow:hidden; width:0; height:100%; vertical-align:middle; font-size:0; text-decoration:none;} /* 내일배움카드 안내 */ .tab_wrap_view {width:100%;} .tabmenu_view {width:100%; height:65px} .tabmenu_view .tab_list {width:33.3%;border:1px solid #ddd} .tabmenu_view .btn_tab {width:100%; height:65px;} .tabmenu_view .btn_tab .txt_s18 {padding:16px 0; color:#898989; font-weight:500; font-size:17px} .tabmenu_view .btn_tab.active {background-color:#434343} .tabmenu_view .btn_tab.active .txt_s18 {color:#fff; border-bottom:0;} .tab_wrap_view .tabCont_w {position:relative; overflow-x:hidden; overflow-y:auto; padding:40px 40px 0; height:calc(100vh - 226px);} .tab_wrap_view .tabCont_w.review {padding:40px 0 0 0; height:auto;} .tab_wrap_view {width:100%;} .contBox_view .tab_wrap_view .btn_tab {height:65px;} .contBox_view .tab_wrap_view .btn_tab .txt_s18 {padding:12px 0;} .tab_wrap_view .tabCont_w {padding:50px 0 0; height:auto;} [class^="tab_wrap"] {width:100%;} [class^="tabmenu_"] {display:inline-block; margin:0 auto; /* width:auto; */height:60px;white-space:nowrap; letter-spacing:-5px;} [class^="tabmenu_"] > .tab_list {display:inline-block; text-align:center; letter-spacing:-0.5px;} .btn_tab {display:inline-block; padding:0 20px; white-space:nowrap;} .btn_tab:disabled {background-color:transparent;} .btn_tab .txt_s18 {padding:22px 0; color:#414141; height:63px; font-weight:400;} .btn_tab.active {} .btn_tab.active .txt_s18 {border-bottom:2px solid #c19988; color:#c19988; font-weight:500;} .tabCont_w {display:none; padding-top:40px; margin:0 auto;} .tabCont_w h2 {display:inline-block; font-size:18px; font-weight:500; margin-bottom:10px; /* padding-bottom:6px; border-bottom:1px solid #434343 */} .tabCont_w b {font-weight:500} .tabCont_w p {line-height:180%; } .tabCont_w .tabCont_detail {padding-bottom:50px; font-size:16px} .tabCont_detail li {padding:4px 0 4px 0} .tabCont_detail li i {padding-right:6px; font-weight:600; font-size:18px} .tabBox_cont {background:#f5f5f5; padding:30px 50px; margin-top:20px} .tabBox_cont .tabBox_tit {font-size:17px; font-weight:500} .nae_step {margin-top:20px; border:1px solid #e8e8e8; padding:30px 90px; background:#f9f9f9} .nae_step li {display:inline-block; font-size:16px;vertical-align:top; width:16%; margin-right:45px} .nae_step li.none {margin-right:none} .nae_step li span {display:block} .nae_step li span.tit {border-bottom:1px solid #ccc; padding-bottom:10px; font-size:15px; font-weight:600; color:#5f5f5f; margin-bottom:12px} .tab_apply {margin-left:100px} .tab_apply li {text-align:left} .ne_pop_h2 {font-size:18px; padding-bottom:14px} /* 훈련 위탁 계약서 #contractWrap {width:1000px; margin:0 auto; padding:50px 0;} #contractWrap h1 {font-size:28px; text-align:center} #contractWrap .sectionGr1 {margin-top:40px; line-height:200%} .sectionGr2 .sec_tit {font-size:18px; text-align:center; margin-top:40px} .sectionGr2 .contract_list {} .sectionGr2 .contract_list li {padding:5px 0;} .sectionGr2 .contract_list2 {margin-top:20px} .sectionGr2 .contract_list2 dt {padding-bottom:8px} .sectionGr2 .contract_list2 dd {padding:5px 0 5px 12px} .sectionGr3 {margin-top:50px} .sectionGr3 .contract_date {text-align:right; padding:20px 0; font-size:18px} .sectionGr3 .contract_date i {padding-left:12px} .sectionGr3 .tb_contract {margin-top:40px} .sectionGr3 .tb_contract td {padding:8px 0} .sectionGr3 .tb_contract td b.title {font-size:19px} .sectionGr3 .tb_contract td.sp {padding-top:30px} .sectionGr3 .tb_contract td.stamp_gr {position:relative; } .sectionGr3 .tb_contract td .stamp {position:absolute; left:45px; top:-20px}*/ /* 국민내일배움카드 동의서 팝업 */ .pop_neAgree {} .pop_neAgree h1 {font-size:19px; font-weight:500} .pop_neSection1 {} .pop_neSection1 {margin-top:10px;} .pop_neSection1 dt {font-weight:600; padding-bottom:10px} .pop_neSection1 dd {padding:4px; font-size:15px} .pop_neSection1 dd i {padding-right:6px; font-weight:600; font-size:18px} .pop_neSection1 dd .txtin2 {padding-left:12px} .pop_neSection2 {background:#f8f8f8; padding:20px 30px; margin-top:20px} .pop_neSection2 .ne_subTitle {font-size:16px; padding-bottom:10px; font-weight:500; text-decoration:underline} .pop_neSection2 li {padding:4px; font-size:15px;} .pop_neSection2 li i {padding-right:6px; font-weight:300; font-size:18px} .pop_neSection2 li .txtin {display:block; padding:4px 0 0 22px} .pop_neSection3 {margin-top:20px; background:#fff5f3; border:1px solid #ffd4cc; padding:20px 30px} .pop_neSection3 p {line-height:160%} .pop_neSection3 .txt_under {text-decoration:underline} .tab_apply2 {margin-left:20px} .tab_apply2 li {text-align:left} .ne_agree_check2 {text-align:left; margin-top:20px; padding:20px 0; border-top:1px solid #ddd; } .ne_agree_check2 label {font-size:15px !important; color:#e55853 !important;} .ne_agree_sign {margin-top:20px; text-align:center} .ne_agree_sign p {padding-bottom:10px} .ne_agree_sign .urname {font-size:20px; font-weight:500; padding-left:12px} /* NCS */ .ncs_ban_gr {} .ncs_ban_gr img {width:1384px; height:250px} /* NCS - 과정검색 */ .ncs_srch {margin-top:50px; z-index:9999} .ncs_srch li {font-size:15px;color:#333; display:inline-block; width:28%; border:1px solid #ccc; vertical-align:top} .ncs_srch li.last {width:15%; height:48px; line-height:48px; text-align:center; color:#FFF; background:#434343; border:1px solid #434343} .ncs_srch li.last b {padding-right:4px; font-size:18px} .ncs_srch li dt {} .ncs_srch li dt a {display:block;padding:12px 16px;background:url('../images/ico_qna_down.png') right 20px top 20px no-repeat; font-weight:500} .ncs_srch li dl.on dt a {background-image:url('../images/ico_qna_up.png');} .ncs_srch li dl.on dd {display:block;} .ncs_srch li dd {display:none;padding:12px} .ncs_srch .ncs_scroll {overflow-x:hidden; overflow-y:auto; height:200px} .ncs_srch .ncs_lists_w {overflow:hidden; position:relative; left:0px; width:100%; margin-top:10px} .ncs_srch .ncs_list {float:left; width:100%; border:none; padding:2px 0} .ncs_srch .ncs_list .inp_chk_ncs {width:100%; display:inline-block; height:34px;} .ncs_srch .ncs_list .txt_s18 {font-size:15px} .inp_chk_ncs {} .inp_chk_ncs .btn_ncs {vertical-align:top; width:100%; letter-spacing:-5px; box-shadow:none; border-radius:0; text-align:left; height:34px; display:inline-block;} .inp_chk_ncs .btn_ncs .align_maker {margin-left:-1px; height:100%; vertical-align:middle;} .inp_chk_ncs .btn_ncs .txt_s18 {position:relative; max-width:calc(100% + 1px); color:#676767; letter-spacing:-0.5px; vertical-align:middle; font-weight:400; transition-property:padding-left, color; transition-duration:.2s; transition-timing-function:ease-in-out;} .inp_chk_ncs .btn_ncs .txt_s18:before {display:block; content:''; position:absolute; left:0; top:50%; margin-top:-12px; width:24px; height:24px; background:url('../images/icon_check_s.png') no-repeat; background-size:100% auto; opacity:0; transform:scale(0);transition-property:opacity, transform; transition-duration:.2s; transition-timing-function:ease-in-out; } .inp_chk_ncs input[type="checkbox"]:checked + .btn_ncs {} .inp_chk_ncs input[type="checkbox"]:checked + .btn_ncs .txt_s18 {position:relative; padding-left:32px; color:#333; font-weight:500} .inp_chk_ncs input[type="checkbox"]:checked + .btn_ncs .txt_s18:before {opacity:1; transform:scale(1); } .ncs_srh_in {position:relative;height:40px;overflow:hidden;} .ncs_srh_in input {padding:0 11px 0 48px;height:40px;font-size:15px;border-bottom:1px solid #ccc;} .ncs_srh_in i {position:absolute;top:4px;left:0px;width:42px;height:29px;background:url('../images/ico_srh.png') no-repeat 50% 50%;display:block} .ncs_srch_util {position:relative; margin:20px 0 50px 0; } .ncs_srch_util a.ico_refresh {display:block; background:url('../images/ico_refresh.png') 2px 0 no-repeat; padding:0 0 0 32px; font-size:15px; vertical-align:top; height:20px} .ncs_srch_util .posevent {position:absolute; right:8px; top:0} .ncs_cou_list {border-top:1px solid #333; margin-top:15px} .ncs_cou_list li {border-bottom:1px solid #ccc; padding:20px 10px; overflow:hidden;} .ncs_cou_list li .tit_institute {display:block; float:left; font-size:24px; font-weight:500; width:300px;} .ncs_cou_list li .ncs_table {display:block; float:left; margin-left:20px; font-size:17px;} .ncs_cou_list li .ncs_table dl {border-bottom:1px solid #e4e4e4; margin-bottom:20px; padding-bottom:10px} .ncs_cou_list li .ncs_table dl.last {border-bottom:none; margin-bottom:0; padding-bottom:0} .ncs_cou_list li .ncs_table dt {display:inline-block; width:250px; } .ncs_cou_list li .ncs_table dd {display:inline-block; width:600px; vertical-align:middle} .ncs_cou_list li .ncs_table dd.result_num {width:160px; text-align:center} .ncs_cou_list li .ncs_table dd span {display:block; padding-bottom:10px} .ncs_cou_list li .ncs_table dd .ncs_code {display:inline-block; background:#f3f3f3; padding:4px 10px; font-weight:500; font-size:15px} .institute_info {background:#f8f8f8; padding:20px 40px; margin:14px 0 30px 0; border-top:1px solid #ccc} .institute_info li {display:inline-block; vertical-align:top; font-size:15px} .institute_info li.item1 {width:300px;} .institute_info li.item2 {width:260px;} .institute_info li span {display:block; padding-bottom:6px} .institute_info li .title {font-weight:600; font-size:22px} .institute_info li .part {font-size:17px; font-weight:400; padding-left:15px} .ncs_go {position:relative; height:20px} a.ncs_go_list {position:absolute; right:0; top:0; display:block; background:url('../images/ico_left_arrow_s.png') 0 6px no-repeat; padding:0 0 0 16px; font-size:15px; color:#676767} /* OTP 인증 팝업 */ .popCaptcha, .popCplus {width:550px !important;} .popCaptcha .capt_box .captcha {height:63px;} #winCtnt {padding:10px 0;} .popOtp .pop_inner, .popCaptcha .pop_inner, .popCplus .pop_inner {overflow:hidden;} .dpnone {display:none} .i_dot {padding:0 4px} .orange {color:#e55853} .red {color:#cd0505} .blue {color:#067BD3} .clear {clear:both} .pr {position:relative} .txt_sm14 {font-size:14px;} .txt_sm16 {font-size:16px;} .txt_sm18 {font-size:18px;} .tit_h3 {font-size:20px; font-weight:700} .mt8 {margin-top:8px} .mt10 {margin-top:10px} .mt20 {margin-top:20px} .mt30 {margin-top:30px} .mt40 {margin-top:40px} .mt60 {margin-top:60px} .mb40 {margin-bottom:40px} .mb60 {margin-bottom:60px} .ml10 {margin-left:10px} .ml16 {margin-left:16px} .ml24 {margin-left:24px} .ml36 {margin-left:36px} .mr6 {margin-right:6px} .pdl6 {padding-left:6px} .pdl10 {padding-left:12px} .pdr30 {padding-right:40px} /* 오류 */ .container.error {width:1040px; min-width:1040px; margin:auto;} .content.err_page {position:absolute; top:50%; margin-top:-230px; padding:0; width:1040px; text-align:center; min-height:auto; overflow:hidden;} .err_page {font-size:15px; color:#282828;} .icon_error {display:block; margin:0 auto; width:150px; height:150px; background:url('../images/icon_error.png') center no-repeat; background-size:100% auto; margin-bottom:50px;} .err_page h2 {font-size:30px; color:#282828; letter-spacing:-0.38px; font-weight:500;} .err_page p {line-height:1.87; letter-spacing:-0.5px; padding-top:30px; overflow:hidden;} .err_btn {margin-top:50px;} .err_btn button {width:200px; height:50px;} .err_btn .btn_org {background:#F79646; border-radius:4px;} .err_btn button .txt_btn_name {color:#fff; font-size:16px;} /* 모바일 */ @media screen and (min-width:360px) and (max-width:1023px) { /* 오류 */ .container.error {width:100vw; height:100vh;} .content.err_page {position:absolute; top:50%; margin-top:-230px; padding:0 10px; width:100%; text-align:center; min-height:auto; overflow:hidden;} .err_page {font-size:15px; color:#282828;} .icon_error {display:block; margin:0 auto; width:150px; height:150px; background:url('../images/icon_error.png') center no-repeat; background-size:100% auto; margin-bottom:30px;} .err_page h2 {font-size:18px; color:#282828; letter-spacing:-0.38px; font-weight:500;} .err_page p {line-height:1.7; letter-spacing:-0.5px; padding-top:15px; font-size:14px; overflow:hidden;} .err_btn {margin-top:30px;} .err_btn button {width:200px; height:45px;} .err_btn .btn_org {background:#F79646; border-radius:4px;} .err_btn button .txt_btn_name {color:#fff; font-size:14px;} } /* GPC 화면 */ .link_subj_gpc {display:block; width:330px; height:65px; margin:0 auto; margin-top:30px; padding:12px 10px; text-align:center; background:#811495; border-radius:60px;} .link_subj_gpc .txt_btn_name {font-size:26px; color:#fff; font-weight:700;}