@charset "utf-8";

/* Common */
.inner {clear:both; padding:0 1.5rem;}
.inner + #allDiv {}
.blind {font-size:0;line-height:0;direction:ltr;text-indent:-999em;}
.text_left {text-align:left !important;}
.text_center {text-align:center !important;}
.text_right {text-align:right !important;}
.pre_line {white-space:pre-line;}
body.lock {overflow:hidden;}
.img_responsive {display:block;max-width:100%;height:auto;}

/* color */
.pt_blue {color:#0367a6 !important;}
span.pt_blue {font-weight:500;}
b.pt_blue {font-weight:700;}

/* popup */
#divpop {}
#divpop .popup_nav {padding:0.6rem 0;height:3rem;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:1.2rem;color:#666666;text-align:center;background:none;}
#divpop .popcontainer {width:auto;min-width:auto;overflow:hidden;border:1px solid #ccc;border-radius:4px;}
#divpop .popcontainer .pop_inner {padding:0;}
#divpop .popup_slide {width:25rem;background-color:#fff;}
#divpop .popup_slide .swiper-slide {height:29.5rem;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:3rem;height:3rem;top:14.5rem;right:1rem;background:url('../images/popup_next.png');background-size:auto 3rem;cursor:pointer;z-index:100;}
#divpop .popup_slide .swiper-button-prev2, 
#divpop .popup_slide .swiper-container-rtl .swiper-button-next2 {position:absolute;width:3rem;height:3rem;top:14.5rem;left:1rem;background:url('../images/popup_prev.png');background-size:auto 3rem;cursor:pointer;z-index:100;}
#divpop .popup_slide .swiper-button-disabled {display:none;}


.popup-overlay { position: fixed; top: 10%; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 999; }
.popup-container { position: fixed; top: 20%; left: 50%; transform: translateX(-50%); z-index: 1000; width: auto; }
.popup-container .main_popPromt { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 25rem; border: 1px solid #ccc; border-radius: 4px; overflow: hidden; }
.popup-container .main_popPromt .popup_nav { padding: 0.6rem 0; height: 3rem; 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: 1.2rem; color: #666666; text-align: center; background: none; }
.popup-container .main_popPromt .swiper_slide { width: 25rem; background-color: #fff; }
.popup-container .main_popPromt .swiper_slide .swiper-slide { height: 29.5rem; 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: 3rem; height: 3rem; top: 14.5rem; right: 1rem; background: url('../images/popup_next.png'); background-size: auto 3rem; cursor: pointer; z-index: 100; }
.popup-container .main_popPromt .swiper_slide .swiper-container-rtl .swiper-button-next2 { position: absolute; width: 3rem; height: 3rem; top: 14.5rem; left: 1rem; background: url('../images/popup_prev.png'); background-size: auto 3rem; cursor: pointer; z-index: 100; }
.popup-container .main_popPromt .swiper_slide .swiper-button-disabled { display: none; }

#wrap {position:absolute;width:100%;min-height:100%;overflow:hidden;}
#header {height:6rem;}
#header.main .hd {position:relative;height:6rem;}
#header .hd {position:relative;height:6rem;}
#header .hd .page_title {font-size:1.75rem;color:#ffffff;line-height:6rem;}
#header .hd .btn_srh {display:block;position:absolute;top:2.1rem;right:3.9rem;width:1.8rem;height:1.8rem;background:url('../images/ico_srh.png') no-repeat;background-size:100% auto;}
#header .hd .btn_nav {display:block;position:absolute;top:2.2rem;right:0.5rem;width:1.8rem;height:1.6rem;background:url('../images/ico_menu.png') no-repeat;background-size:100% auto;}

/* Hearder Main page */
#header.main .hd.theme_bd {margin:0 -1.5rem;padding:0 1.5rem;border:0;border-bottom-width:0.25rem;border-style:solid;}
#header.main .hd.theme_bd .logo {top:1rem;left:1.5rem;}
#header.main .hd.theme_bd .btn_srh {top:2rem;right:5.4rem;}
#header.main .hd.theme_bd .btn_nav {top:2.1rem;right:2rem;}

/* Hearder Main style */
#header.main {background-color:#ffffff;}
#header.main .hd .logo {display:block;position:absolute;top:1rem;left:0.5rem;width:12.15rem;height:3.8rem;background-repeat:no-repeat;background-position:0 50%;background-size:auto 100%;}
#header.main .hd .logo a {display:block;width:100%;height:100%;}
#header.main .hd .btn_srh {background:url('../images/ico_srh_black.png') no-repeat;background-size:100% auto;}
#header.main .hd .btn_nav {background:url('../images/ico_menu_black.png') no-repeat;background-size:100% auto;}

/* Total Srh */
.total_srh_wrap {background-color:#f5f5f5;}
.total_srh_wrap .input_area {position:relative;padding:1.1rem 1.5rem 0.9rem;background-color:#f2f2f2;}
.total_srh_wrap .input_area input {padding-right:3.8rem;width:90.909090%;height:4rem;line-height:4rem;font-size:1.5rem;color:#aaaaaa;border:0;border-radius:4px;}
.total_srh_wrap .input_area .btn_srh {position:absolute;top:1.1rem;right:4.5rem;width:3.8rem;height:4rem;background:url('../images/ico_btn_srh.png') no-repeat 50% 50%;background-size:1.8rem;}
.total_srh_wrap .input_area .btn_srh_close {position:absolute;top:1.1rem;right:1.5rem;width:3rem;height:4rem;background:url('../images/ico_srh_close.png') no-repeat 100% 50%;background-size:2rem;}
.total_srh_wrap .input_area input::-webkit-input-placeholder { /* WebKit browsers */ color:#aaaaaa !important;}
.total_srh_wrap .input_area input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:#aaaaaa !important;}
.total_srh_wrap .input_area input::-moz-placeholder { /* Mozilla Firefox 19+ */ color:#aaaaaa !important;}
.total_srh_wrap .input_area input:-ms-input-placeholder { /* Internet Explorer 10+ */ color:#aaaaaa !important;}
.total_srh_wrap .input_area input:focus::-webkit-input-placeholder { /* WebKit browsers */ color:transparent !important;}
.total_srh_wrap .input_area input:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:transparent !important;}
.total_srh_wrap .input_area input:focus::-moz-placeholder { /* Mozilla Firefox 19+ */ color:transparent !important;}
.total_srh_wrap .input_area input:focus:-ms-input-placeholder { /* Internet Explorer 10+ */ color:transparent !important;}
.total_srh_wrap .srh_list {background-color:#ffffff;}
.total_srh_wrap .srh_list .srh_list_top {padding:2.1rem 2rem 0;overflow:hidden;}
.total_srh_wrap .srh_list .srh_list_top .srh_title {float:left;font-size:1.2rem;color:#333333;}
.total_srh_wrap .srh_list .srh_list_top .btn_all_del {float:right;font-size:1.2rem;color:#aaaaaa;}
.total_srh_wrap .none_srh_keyword {padding:1.25rem 2rem 2.1rem;font-size:1.4rem;color:#333333;}
.total_srh_wrap .srh_list ul li {position:relative;padding:1.25rem 2rem 1.45rem;font-size:1.4rem;color:#333333;background-color:#ffffff;cursor:pointer;}
.total_srh_wrap .srh_list ul li:after {content:"";z-index:1;position:absolute;bottom:-1px;left:1.5rem;width:90.909090%;height:1px;background-color:#f5f5f5;}
.total_srh_wrap .srh_list ul li:last-child:after {display:none;}
.total_srh_wrap .srh_list ul li.selected {background-color:#f5f5f5;border-top:0;}
.total_srh_wrap .srh_list ul li.selected:after {display:none;}
.total_srh_wrap .srh_list ul li .btn_srh_del {position:absolute;top:1.65rem;right:1.75rem;width:1.5rem;height:1.5rem;background:url('../images/btn_srh_del.png') no-repeat 50% 50%;background-size:1rem;}

/* mob nav */
#m_gnb:after {display:block;visibility:hidden;clear:both;content:""}
#m_gnb .mnav {z-index:9999;position:fixed;top:0;width:100%;height:100%;background-color:#fff;transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;}
#m_gnb .mnav.right {right:-100%;}
#m_gnb .mnav.right.active {right:0;overflow-y:scroll;}
#m_gnb .mnav .profile_box {position:relative;padding-top:2rem;height:15.65rem;}
#m_gnb .mnav .profile_box .profile_img_wrap {float:none;margin:0 auto;}
#m_gnb .mnav .profile_box .profile_info {margin-left:0;padding-top:0;min-height:100%;text-align:center;}
#m_gnb .mnav .profile_box .profile_info .my_name {display:block;margin-top:0.95rem;}
#m_gnb .mnav .profile_box .profile_info .my_position {margin-top:0.35rem; max-width:50%;}
#m_gnb .mnav .profile_box .btn_wrap {position:absolute;bottom:1.7rem;right:1.5rem;}
#m_gnb .mnav .profile_box .btn_wrap button {width:6rem;}
#m_gnb .mnav .profile_box .mnav_close {position:absolute;top:1.75rem;right:1.25rem;width:2.05rem;height:2.1rem;background:url(../images/btn_win_close.png) no-repeat 50% 50%;background-size:auto 1.6rem;}
#m_gnb .mnav .mnav_cont {padding:3rem 0 9.3rem}
#m_gnb .mnav .mnav_cont .point_mall_box {padding:0.65rem 0.95rem 0.95rem;border-radius:4px;-webkit-box-shadow: 1px 0 8px 2px rgba(0,0,0,0.1);box-shadow: 1px 0 8px 2px rgba(0,0,0,0.1);}
#m_gnb .mnav .mnav_cont .point_mall_box .title {display:block;font-size:1.75rem;font-weight:700;color:#333333;}
#m_gnb .mnav .mnav_cont .point_mall_box .link_pt_menu {display:block;margin-top:0.4rem;font-size:1.2rem;color:#666666;background:url('../images/ico_pt_arrow.png') no-repeat 100% 50%;background-size:auto 0.75rem;}
#m_gnb .mnav .mnav_cont .point_mall_box .nav_my_point {margin-top:1.1rem;padding-top:0.9rem;border-top:1px solid #cccccc;overflow:hidden;}
#m_gnb .mnav .mnav_cont .point_mall_box .nav_my_point .pt_title {float:left;padding-right:1.9rem;font-size:1.5rem;font-weight:500;color:#333333;background:url('../images/ico_point_lg.png') no-repeat 100% 50%;background-size:1.35rem;}
#m_gnb .mnav .mnav_cont .point_mall_box .point_wrap {float:right;padding-top:0.2rem;}
#m_gnb .mnav .mnav_cont .point_mall_box .point_wrap .num_point {display:inline-block;font-size:1.75rem;font-weight:700;color:#333333;vertical-align:top;line-height:1;}
#m_gnb .mnav .mnav_cont .point_mall_box .point_wrap .text_point {display:inline-block;margin-left:0.3rem;padding-top:0.6rem;font-size:1rem;font-weight:900;color:#666666;vertical-align:top;line-height:1;}
#m_gnb .mnav .mnav_cont .mnav_board_link {margin-top:2.6rem;}
#m_gnb .mnav .mnav_cont .mnav_board_link li {margin-top:2.05rem;}
#m_gnb .mnav .mnav_cont .mnav_board_link li:first-child {margin-top:0;}
#m_gnb .mnav .mnav_cont .mnav_board_link li a {display:block;padding-left:2.95rem;font-size:1.4rem;font-weight:500;color:#333333;}
#m_gnb .mnav .mnav_cont .mnav_board_link li.i_noti {background:url('../images/ico_mnav_noti2.png') no-repeat 0 50%;background-size:auto 18px;}
#m_gnb .mnav .mnav_cont .mnav_board_link li.i_faq {background:url('../images/ico_mnav_faq2.png') no-repeat 0 51%;background-size:auto 18px;}
#m_gnb .mnav .mnav_cont .mnav_board_link li.i_qna {background:url('../images/ico_mnav_qna2.png') no-repeat 0 52%;background-size:auto 18px;}
#m_gnb .mnav .mnav_cont .mnav_board_link li.i_card {background:url('../images/ico_mnav_card.png') no-repeat 0 50%;background-size:auto 18px;}
#m_gnb .mnav .mnav_cont .mnav_board_link li.i_ncs {background:url('../images/ico_mnav_ncs.png') no-repeat 0 50%;background-size:auto 18px;}
#m_gnb .mnav .mnav_cont .mnav_board_link li.i_guide {background:url('../images/ico_mnav_guide.png') no-repeat 0 50%;background-size:auto 18px;}
#m_gnb .mnav .mnav_cont .mnav_board_link li.i_event {background:url('../images/ico_mnav_event.png') no-repeat 0 50%;background-size:auto 18px;}
#m_gnb .mnav .mnav_cont .mnav_board_link li.i_review {background:url('../images/ico_mnav_review.png') no-repeat 0 50%;background-size:auto 18px;}
#m_gnb .mnav .mnav_cont .mnav_board_link li.i_etc {background:url('../images/ico_mnav_etc.png') no-repeat 0 50%;background-size:auto 18px;}
#m_gnb .mnav .version_info {padding:2.1rem 0 0.85rem;background-color:#f5f5f5;}
#m_gnb .mnav .version_info dl {overflow:hidden;}
#m_gnb .mnav .version_info dt {clear:both;float:left;margin-bottom:1.35rem;font-size:1.1rem;color:#666666;}
#m_gnb .mnav .version_info dd {float:right;margin-bottom:1.35rem;font-size:1.1rem;color:#3d7ca4;}

/* Main Layout */
#container.main {padding-bottom:7rem;}
#container .main_visual .swiper-slide {min-height:21rem;background-repeat:no-repeat;background-size:cover;background-position:50% 50%;}
#container .main_visual .swiper-pagination {bottom:1.1rem;}
#container .main_visual .swiper-pagination .swiper-pagination-bullet {margin:0 0.375rem;width:1rem;height:1rem;background:none;opacity:1;border:1px solid #ffffff;}
#container .main_visual .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#ffffff;}
#container h2.main_sec_title {margin-bottom:0.75rem;font-size:1.75rem;font-weight:700;color:#4c4c4c;}
#container .learning_user {margin-top:2.55rem;}
#container .learning_user .user_info_wrap {position:relative;height:8.5rem;overflow:hidden;background:#434343;}
#container .learning_user .user_info_left {position:relative;width:calc(100% - 7.25rem);padding:1.5rem 0 0 1.5rem;height:100%;overflow:hidden;}
#container .learning_user .user_img_wrap {display:block;position:relative;float:left;margin:0;width:3.9rem;height:3.9rem;border-radius:50%;overflow:hidden;}
#container .learning_user .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 50% 50%;background-size:cover;}
#container .learning_user .user_img_wrap .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_user .user_info {float:left;margin-left:1.2rem;}
#container .learning_user .user_info .i_name {display:block;padding-top:0.1rem;font-size:1.5rem;color:#ffffff;line-height:1;}
#container .learning_user .user_info .i_name b {font-size:1.75rem;}
#container .learning_user .user_info .i_belong {display:block;margin-top:0.5rem;font-size:1.2rem;color:#fff;padding-top:0.2rem; max-width:135px; max-height:3em; display:-webkit-box; -webkit-line-clamp:2; /* 라인수 */ -webkit-box-orient:vertical; white-space:normal; overflow:hidden;}
#container .learning_user .link_main_modify {display:inline-block;position:absolute;bottom:1.15rem;right:1.45rem;padding:0 0.45rem;line-height:1.9rem;font-size:1.3rem;font-weight:500;color:#ffffff}
#container .learning_user .link_main_my {position:absolute;top:0;right:2rem;width:8.5rem;height:100%; margin-top:1.8rem}
#container .learning_user .link_main_my a {display:block;font-size:1.2rem;font-weight:300;color:#ffffff; padding-bottom:0.6rem; border-bottom:1px solid #FFF}
#container .learning_user .link_main_my a:last-child {border-bottom:0; padding-top:0.6rem}
/* #container .learning_user .link_main_my a {padding-top:3.45rem;width:100%;height:100%;} */
#container .learning_user .status_list {background-color:#FFF;overflow:hidden;overflow:hidden;}
#container .learning_user .status_list li {position:relative; float:left;width:50%;height:6.5rem; border-right:1px solid #ccc;}
#container .learning_user .status_list li:nth-child(1), #container .learning_user .status_list li:nth-child(2) {border-bottom:1px solid #ccc;}
#container .learning_user .status_list li:nth-child(even) {border-right:0;}
/* #container .learning_user .status_list li:nth-child(even) {border-left:1px solid #cccccc;}
#container .learning_user .status_list li:nth-child(3),
#container .learning_user .status_list li:nth-child(4) {border-top:1px solid #cccccc;} */
/* #container .learning_user .status_list li.course_ing {background-image:url('../images/ico_status_list1.png');}
#container .learning_user .status_list li.course_compl {background-image:url('../images/ico_status_list2.png');}
#container .learning_user .status_list li.course_apply {background-image:url('../images/ico_status_list3.png');}
#container .learning_user .status_list li.my_qna {background-image:url('../images/ico_status_list4.png');} */
#container .learning_user .status_list li a {display:block;padding:0.8rem 0 0 1.2rem;width:100%;height:100%;}
#container .learning_user .status_list li a .title {display:block;font-size:1.2rem;font-weight:500;color:#898989;}
#container .learning_user .status_list li a .i_num {position:absolute; right:1rem; top:1.2rem; display:block;margin-top:0.3rem;font-size:3rem;font-weight:700;color:#333333;}
#container .main_course {margin-top:3.55rem;}
#container .main_course .no_course_sec {padding:2.65rem 0 0;height:14.3rem;background-color:#f5f5f5;text-align:center;}
#container .main_course .no_course_sec p {font-size:1.4rem;font-weight:500;color:#666666;line-height:2rem;}
#container .main_course .no_course_sec .link_box {margin-top:1.65rem;font-size:0;}
#container .main_course .no_course_sec .link_box a {display:inline-block;margin-left:2rem;padding:0 2.3rem;height:3rem;line-height:2.9rem;font-size:1.2rem;border-width:1px;border-style:solid;border-radius:1.5rem;}
#container .main_course .no_course_sec .link_box a:first-child {margin-left:0;}
#container .main_course .course_slider {position:relative;margin:0 -1.5rem;}
#container .main_course .course_slider .main_course_container {padding:0 12.9rem 0 1.5rem;overflow:hidden;}
#container .main_course .course_slider .swiper-slide {margin-right:1.5rem;min-height:20.8rem;border:1px solid #cccccc;border-radius:4px;overflow:hidden;cursor:pointer;}
#container .main_course .course_slider .course_img {position:relative;padding-bottom:62.325581%;height:0;/*height:13.4rem;*/background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}
/*
#container .main_course .course_slider .course_img button.btn_like {position:absolute;bottom:0.95rem;right:1rem;width:1.75rem;height:1.5rem;background-image:url('../images/ico_course_like.png');background-repeat:no-repeat;background-size:100% auto;}
*/
.heart_wrap {position:absolute;bottom:-0.5rem;right:-0.5rem;}
.heart_wrap .btn_like {width:5rem;height:5rem;background:url('../images/heart_animation.png') no-repeat;cursor:pointer;transition:background-position 1s steps(28);transition-duration:0s;background-size:auto 5rem;}
.heart_wrap .btn_like.active {transition-duration:1s;background-position:-140rem 0;}
.heart_wrap .btn_like2 {width:6.5rem;height:6.5rem;background:url('../images/heart_animation.png') no-repeat;cursor:pointer;transition:background-position 1s steps(28);transition-duration:0s;background-size:auto 7.5rem;}
.heart_wrap .btn_like2.active {transition-duration:1s;background-position:-210rem 0;}
#container .main_course .course_slider .course_desc {padding:0.7rem 0.9rem;/* height:7.3rem; */ height:8.5rem;}
#container .main_course .course_slider .course_desc .i_cate {display:block;font-size:1.2rem;font-weight:400;}
#container .main_course .course_slider .course_desc .i_name {display:block;height:40px;margin-top:0.2rem;font-size:1.5rem;font-weight:500;color:#333333;line-height:1.8rem;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2; /* 라인수 */-webkit-box-orient: vertical;overflow:hidden;}
#container .popular_course {margin:4rem -1.5rem 0;padding:1.55rem 0 2rem;background-color:#f0f0f0;}
#container .popular_course .main_sec_title {margin-left:2rem; color:#333}
#container .popular_course .main_sec_title i {font-size:2rem; font-weight:700}
#container .popular_course .main_sec_title span {margin-right:0.65rem;font-size:1.75rem;font-weight:700;}
#container .popular_course .tab_btn {margin:1.5rem 0 1.5rem 2rem}
#container .popular_course .tab_btn li {display:inline-block;width:10.5rem;height:3.2rem;line-height:3rem;font-size:1.4rem;font-weight:500;color:#666666;text-align:center;vertical-align:top;background-color:#f0f0f0;border:1px solid #a9a9a9;cursor:pointer;}
#container .popular_course .tab_btn li.on {color:#333;border:1px solid #333}
#container .popular_course .week_popular_container {padding:0 3rem;}
#container .popular_course .monthly_popular_container {padding:0 3rem;}
#container .popular_course .pop_slider_box {margin:0 0.5rem;padding:1.5rem 1.05rem;background-color:#e5e5e5;}
#container .popular_course .pop_slider_box .thumb_box {float:left;width:13.5rem;height:8.4rem;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}
#container .popular_course .pop_slider_box .desc_box {margin-left:14.7rem;padding:1.3rem 0 0;height:8.4rem;}
#container .popular_course .pop_slider_box .desc_box .i_cate {display:block;font-size:1.2rem;}
#container .popular_course .pop_slider_box .desc_box .i_subject {display:block;margin-top:0.2rem;font-size:1.5rem;font-weight:500;color:#333333;line-height:1.8rem;letter-spacing:-1.5px;}

/* 210106 썸네일 학습시간 추가 */
.i_time {position:absolute; bottom:0; left:0; display:block; min-width:45px; padding:3px 10px; background:#434343; border-radius:0 3px 0 0; color:#fff; font-size:1.05rem; text-align:center;}
.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;}

.course_list .i_time {min-width:65px; padding:5px 10px; font-size:1.2rem;}

#container .main_shortcut ul {overflow:hidden; margin-top:3rem}
#container .main_shortcut li {float:left; text-align:center; width:25%}
#container .main_shortcut li:last-child {margin-right:0}
#container .main_shortcut li a {display:block; background:no-repeat; }
#container .main_shortcut li a span {display:block; padding-top:1rem; font-size:1.2rem; font-weight:600; color:#5e5e5e}
#container .main_shortcut li a i {display:block; background:no-repeat; width:6rem; height:6rem; margin:0 auto}
#container .main_shortcut li a i.short1 {background:url('../images/icon_short01.png'); background-size:6rem 6rem}
#container .main_shortcut li a i.short2 {background:url('../images/icon_short02.png'); background-size:6rem 6rem}
#container .main_shortcut li a i.short3 {background:url('../images/icon_short03.png'); background-size:6rem 6rem}
#container .main_shortcut li a i.short4 {background:url('../images/icon_short04.png'); background-size:6rem 6rem}

/* #container .main_shortcut {margin:0 -1.5rem;padding:1.5rem 0;height:10.45rem;background-color:#1f2c5c;}
#container .main_shortcut ul {height:7.45rem;overflow:hidden;}
#container .main_shortcut li {float:left;width:25%;height:100%;border-left:1px solid rgba(255,255,255,.45);background-repeat:no-repeat;background-position:50% 0.4rem;text-align:center;}
#container .main_shortcut li:first-child {border-left:0;}
#container .main_shortcut li.short1 {background-image:url('../images/main_short1.png');background-size:auto 3.4rem;}
#container .main_shortcut li.short2 {background-image:url('../images/main_short2.png');background-size:auto 3.45rem;}
#container .main_shortcut li.short3 {background-image:url('../images/main_short3.png');background-size:auto 3.5rem;}
#container .main_shortcut li.short4 {background-image:url('../images/main_short4.png');background-size:auto 3.55rem;}
#container .main_shortcut li a {display:block;padding-top:4.6rem;width:100%;height:100%;font-size:1.2rem;font-weight:500;color:#f3f3f3;line-height:1.5rem;} */

#container .main_course.new_course .course_slider .new_course_container {padding:0 12.9rem 0 1.5rem;overflow:hidden;}
#container .main_course.new_course .sec_title {margin-bottom:0.7rem;}

#container .main_due_gr {position:relative; margin-top:2.85rem; height:11rem; background:#5e5e5e; padding:2rem 0; margin-bottom:4rem}
#container .main_due_gr ul {margin:0 auto}
#container .main_due_gr li {position:relative; display:inline-block; overflow:hidden; color:#FFF}
#container .main_due_gr li.main_due_date {}
#container .main_due_gr li.main_due_date .due_dpos {padding:0.6rem 0 0 4rem; 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:1.4rem}
#container .main_due_gr li.main_due_date .due_date {font-size:2.1rem; font-weight:600; padding-top:0.5rem}
#container .main_due_gr li.main_due_num {position:absolute; bottom:1.7rem; padding-left:1rem; font-size:4rem; font-weight:600; font-style:italic; letter-spacing:-0.3rem;}
#container .main_due_gr li.main_due_num .due_npos {padding:0 2rem 0 2rem}
#container .main_due_gr li.main_due_num span i {display:inline-block; font-weight:600; font-style:italic; letter-spacing:-0.3rem;}

/* #container .main_apply_dday {position:relative;margin-top:2.85rem;height:12.5rem;height:0;padding-bottom:34.722222%;background-repeat:no-repeat;background-size:100% auto;}
#container .main_apply_dday .dday_inner {position:absolute;top:0;left:0;padding:5.15rem 1.5rem 0;width:100%;height:100%;}
#container .main_apply_dday .closing_date {float:left;padding-right:4.545454%;width:63.939393%;text-align:right;}
#container .main_apply_dday .closing_date .title {display:block;font-size:1.35rem;font-weight:400;color:#ffffff;}
#container .main_apply_dday .closing_date .i_num {display:block;margin-top:0.2rem;font-size:2rem;font-weight:900;color:#facd89;line-height:1;letter-spacing:-1px;}
#container .main_apply_dday .dday_num {float:right;padding-top:0.2rem;width:36.060606%;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:2.75rem;height:4.3rem;line-height:4.3rem;font-size:2.5rem;font-weight:900;color:#ffffff;background-color:#2c293b;border-radius:6px;text-align:center;}
.main_apply_dday .dday_num .time_day {margin-right:0.5rem;}
.main_apply_dday .dday_num .i_hyphen {width:2.3rem;height:4.3rem;line-height:4.3rem;font-size:2rem;font-weight:400;color:#ffffff;text-align:center;} */

#container .main_bn_wrap {margin-top:2.5rem;}
#container .main_bn_wrap:after {display:block;visibility:hidden;clear:both;content:""}
#container .main_bn_wrap {margin:2.5rem 0 0;}
#container .main_bn_wrap > div {float:left;margin-bottom:1rem;width:calc(50% - 0.5rem);border:0;}
#container .main_bn_wrap > div:nth-child(even) {margin-left:1rem;}
#container .main_bn_wrap a {display:block;height:0;padding-bottom:31.25%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}
#container .main_bn_wrap.bn1 > div {float:none;width:100%;}
#container .main_board_wrap {margin-top:2.5rem;}
#container .main_board_wrap .main_board {margin-top:0.1rem;background-color:#f5f5f5;overflow:hidden;}
#container .main_board_wrap .main_board:first-child {margin-top:0;}
#container .main_board_wrap .main_board .title {display:block;float:left;width:7.35rem;font-size:1.4rem;font-weight:500;color:#333333;}
#container .main_board_wrap .main_board .i_cont {float:left;width:calc(100% - 7.35rem);}
#container .main_board_wrap .main_board.main_noti .title {line-height:4rem;}
#container .main_board_wrap .main_board.main_noti .i_cont {padding:1rem 0 0;}
#container .main_board_wrap .main_board.main_noti .i_cont a {display:block;position:relative;padding-right:6.35rem;font-size:1.2rem;color:#333333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
#container .main_board_wrap .main_board.main_noti .i_cont a + a {margin-top:2px;}
#container .main_board_wrap .main_board.main_noti .i_cont a .i_date {position:absolute;top:0;right:0;font-size:1.2rem;font-weight:300;color:#999999;}
#container .main_board_wrap .main_board.main_faq {padding:0.75rem 0;}
#container .main_board_wrap .main_board.main_faq .title {height:3rem;line-height:2.9rem;}
#container .main_board_wrap .main_board.main_faq .i_cont .input_box {position:relative;}
#container .main_board_wrap .main_board.main_faq .i_cont input {padding-right:3.45rem;border-radius:4px;}
#container .main_board_wrap .main_board.main_faq .i_cont .btn_srh {position:absolute;top:0.6rem;right:0.05rem;width:3.45rem;height:2.9rem;background:url('../images/ico_main_noti_srh.png') no-repeat 50% 50%;background-size:1.5rem;}
#container .main_board_wrap .main_board.main_qna {padding:1rem 0;}
#container .main_board_wrap .main_board.main_qna .title {line-height:3.75rem;}
#container .main_board_wrap .main_board.main_qna .btn_box button {float:left;margin-left:3.90625%;width:48.046875%;height:3.75rem;font-size:1.2rem;font-weight:500;border-radius:4px;text-align:left;}
#container .main_board_wrap .main_board.main_qna .btn_box button:first-child {margin-left:0;}
#container .main_board_wrap .main_board.main_qna .btn_box button.btn_q {padding-left:23.19688%;background:
#ffffff url('../images/ico_main_q.png') no-repeat 19.5% 50%;background-size:auto 2.2rem;}
#container .main_board_wrap .main_board.main_qna .btn_box button.btn_q_view {padding-left:18.323586%;background:#ffffff url('../images/ico_main_qna_view.png') no-repeat 15.5% 50%;background-size:auto 2.4rem;}
.footer_info {margin-top:1.85rem; padding:0 0 1.85rem;border:0;border-top-width:0.25rem;border-style:solid;text-align:center;}
.footer_info .fnb {height:3rem;font-size:0;text-align:center;border-bottom:1px solid #cccccc;}
.footer_info .fnb li {display:inline-block;position:relative;height:100%;font-size:1.1rem;color:#666666;vertical-align:top;}
.footer_info .fnb li a {display:block;padding:0 0.4rem;line-height:2.9rem;}
.footer_info .fnb li:after {content:"";display:block;position:absolute;top:0.9rem;right:-1px;width:1px;height:1.15rem;background-color:#666666;}
.footer_info .fnb li:last-child:after {display:none;}
.footer_info .ft_logo {display:block;margin:1.3rem auto 0;width:12.15rem;height:3.1rem;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}
.footer_info .ft_address {margin-top:0.7rem;font-size:1.1rem;color:#666666;line-height:1.5rem;}

/* Sub Layout */
.sub_inner {padding:3rem 0;}
.sub_inner_ncs {padding:0;}
#container {position:relative;padding-bottom:10rem;width:100%;}
.ast {font-size:1.1rem;font-weight:500;color:#ff0000;}

/* -- Explore -- */
#container .ex_list_wrap .ex_srh_result {padding:0 1.1rem;height:4rem;line-height:3.9rem;font-size:1.2rem;color:#333333;background-color:#f5f5f5;border:1px solid #cccccc;border-radius:4px;}
#container .ex_list_wrap .ex_srh_result b {font-size:1.5rem;font-weight:700;color:#333333;}
#container .ex_list_wrap .depth_btn {height:3rem;font-size:0;}
#container .ex_list_wrap .ex_srh_result + .depth_btn {margin-top:1.5rem;}
#container .ex_list_wrap .depth_btn
#container .ex_list_wrap .depth_btn .depth_btn_list {overflow:hidden;}
#container .ex_list_wrap .depth_btn .depth_btn_list li {float:left;width:48.484848%;overflow:hidden;}
#container .ex_list_wrap .depth_btn .depth_btn_list li:last-child {margin-left:3.030303%;}
#container .ex_list_wrap .depth_btn .depth_btn_list li input[type="radio"] + label {display:block;padding-left:0;height:3rem;line-height:2.9rem;font-size:1.2rem;color:#333333;border:1px solid #cccccc;background-color:#ffffff;border-radius:1.5rem;text-align:center;}
#container .ex_list_wrap .depth_btn .depth_btn_list li input[type="radio"]:checked + label {color:#ffffff;background-color:#666666;border-color:#666666;}
#container .ex_list_wrap .depth_cate_list {margin-top:1.5rem;}
#container .ex_list_wrap .depth_cate_list .cate_list .title {float:left;font-size:1.2rem;font-weight:700;color:3333333;line-height:2rem;}
#container .ex_list_wrap .depth_cate_list .cate_list ul {margin-left:5rem;font-size:0;}
#container .ex_list_wrap .depth_cate_list .cate_list ul li {display:inline-block;position:relative;margin-right:1.45rem;margin-bottom:0.5rem;padding:0 1rem;height:2rem;line-height:1.9rem;font-size:1.2rem;color:#333333;vertical-align:top;border:1px solid #cccccc;border-radius:1rem;text-align:center;}
#container .ex_list_wrap .depth_cate_list .cate_list ul li.on {background-color:#666666;color:#ffffff;}
#container .ex_list_wrap .depth_cate_list .cate_list ul li:after {content:'';display:block;position:absolute;top:50%;right:-1rem;margin-top:-0.375rem;width:0.45rem;height:0.75rem;background:url('../images/ico_depth_right.png') no-repeat;background-size:auto 100%;}
#container .ex_list_wrap .depth_cate_list .cate_list ul li:last-child:after {display:none;}
#container .ex_list_wrap .depth_cate_list .cate_select_box {margin-top:1rem;height:12.6rem;overflow:auto;border:1px solid #cccccc;}
#container .ex_list_wrap .depth_cate_list .cate_select_box li input[type="radio"] + label {display:block;padding:0 1.1rem;height:3.125rem;line-height:3.125rem;font-size:1.4rem;font-weight:400;color:#333333;background-color:#ffffff;}
#container .ex_list_wrap .depth_cate_list .cate_select_box li input[type="radio"]:checked + label {font-weight:500;background-color:#f8f8f8;}
#container .ex_list_wrap .go_out_link {position:relative;margin-top:1.1rem;height:0;padding-bottom:28.888888%;background-repeat:no-repeat;background-size:100% auto;}
#container .ex_list_wrap .go_out_link a {display:block;position:absolute;top:0;left:0;width:100%;height:100%;}
#container .ex_list_wrap .go_out_link a span {position:relative;display:inline-block;padding-top:4.3rem;padding-right:3.5rem;padding-left:1.5rem;font-size:1.75rem;color:#375a78;line-height:2.3rem;}
#container .ex_list_wrap .go_out_link a span .ico_link {display:block;position:absolute;bottom:0;right:0.25rem;width:2.5rem;height:2.5rem;background:url('../images/ico_link_circle.png') no-repeat;background-size:100% auto;}
#container .ex_list_wrap .go_out_link a span b {display:block;}
#container .ex_list_wrap .srh_result_course {position:relative;margin-top:3.25rem;}
#container .ex_list_wrap .srh_result_course:after {content:'';pointer-events:none;touch-action:none;z-index:1;display:block;position:absolute;top:0;right:0;width:3.7rem;height:1.95rem;}
#container .ex_list_wrap .srh_result_course > .scrolling_nav {position:relative;}
#container .ex_list_wrap .srh_result_course > .scrolling_nav li {display:inline-block;margin-left:1.5rem;padding-bottom:0.55rem;font-size:1.4rem;font-weight:400;color:#999999;vertical-align:top;line-height:1;}
#container .ex_list_wrap .srh_result_course > .scrolling_nav li:first-child {margin-left:0;}
#container .ex_list_wrap .srh_result_course > .scrolling_nav li span {font-weight:400;}
#container .ex_list_wrap .srh_result_course > .scrolling_nav li.on {font-weight:700;border:0;border-bottom-width:1.5px;border-style:solid;}
#container .ex_list_wrap .srh_result_course > .scrolling_nav li.on span {font-weight:400;}
#container .ex_list_wrap .srh_result_course .selectric-ex_sel {z-index:2;position:absolute;top:0.25rem;right:0;width:1.25rem;height:0.9rem;}
#container .ex_list_wrap .srh_result_course .selectric-ex_sel .selectric {height:0.9rem;border:0;}
#container .ex_list_wrap .srh_result_course .selectric-ex_sel .label {margin:0;height:0.9rem;font-size:0;}
#container .ex_list_wrap .srh_result_course .selectric-ex_sel .button {position:absolute;top:0;right:0;width:1.25rem;height:0.9rem;background:url('../images/ico_course_sel.png') no-repeat ;background-size:100% auto;}
#container .ex_list_wrap .srh_result_course .selectric-ex_sel .selectric-items {right:0;left:auto;width:10rem !important;border-top:1px solid #cccccc;}
#container .ex_list_wrap .srh_result_course .selectric-ex_sel .selectric-items li {padding:0.5rem 1rem;font-size:1.4rem;color:#666666;letter-spacing:-1.2px;border:0;}
#container .course_multi_tab {position:relative;}
#container .multi_course_type {margin:1.5rem -1.5rem 0;padding:0 1.5rem;white-space:nowrap;overflow-x:scroll;overflow-y:hidden;font-size:0;-ms-overflow-style:none;scrollbar-width:none;}
#container .multi_course_type::-webkit-scrollbar {display:none;}
#container .multi_course_type li {display:inline-block;margin-right:1rem;padding:0;vertical-align:top;text-align:center;}
#container .multi_course_type li:last-child {margin-left:0;}
#container .multi_course_type li input[type="checkbox"] + label {display:inline-block;padding:0 0.8rem;min-width:6.5rem;height:2.5rem;line-height:2.3rem;font-size:1.4rem;color:#999999;border-radius:4px;background-color:#f5f5f5;border-width:1px;border-style:solid;border-color:#dddddd;}
#container .multi_course_type li input[type="checkbox"]:checked + label {background-color:#ffffff;}
#container .ex_list_wrap .btn_out_apply {margin-top:3rem;}
/* 탐색 - 검색 결과가 없습니다.*/
#container .srh_result_course .srh_none {margin-top:3rem;padding:3rem 0 2.8rem;text-align:center;background-color:#f5f5f5;}
#container .srh_result_course .srh_none p {padding-top:4.15rem;font-size:1.4rem;color:#999999;background:url('../images/ico_srh_none.png') no-repeat 50% 0;background-size:auto 3.5rem;}

.ex_list_wrap form .inner .cate_list .title {padding-bottom:15px;}

/* Course list */
.course_list li {margin-top:2.95rem;width:100%;/*height:27.85rem;*/border-width:1px;border-style:solid;border-color:#cccccc;border-radius:4px;overflow:hidden;}
.course_list li:first-child {margin-top:0;}
.course_list li .thumb_box {position:relative;padding-bottom:62.121212%;height:0;}
.course_list li .thumb_box .course_thumb {position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}
.course_list li .thumb_box .course_thumb .btn_favorite {display:block;position:absolute;bottom:1rem;right:1rem;width:2.6rem;height:2.25rem;background-image:url('../images/ico_heart.png');background-repeat:no-repeat;background-size:100% auto;}
.course_list li .thumb_box .course_thumb .btn_favorite.on {background-image:url('../images/ico_course_like_on.png');}
.course_list li .course_desc {padding:0.7rem 1.05rem;}
.course_list li .course_desc .i_cate {display:block;font-size:1.2rem;}
.course_list li .course_desc .i_subject {display:block;margin-top:0.2rem;font-size:1.5rem;line-height:1.83rem;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2; /* 라인수 */-webkit-box-orient: vertical;overflow:hidden;}
.sme_course_list .course_list li .course_desc {position:relative;min-height:9.8rem;}
.sme_course_list .course_list li .course_desc .i_date {position:absolute;bottom:0.6rem;left:1rem;font-size:1.2rem;font-weight:300;color:#666666;}
.sme_course_list .course_list li .course_desc .i_cc {position:absolute;bottom:0.9rem;right:1rem;font-size:0;}
.sme_course_list .course_list li .course_desc .i_cc span {display:inline-block;font-size:1.2rem;line-height:1.2rem;font-weight:300;color:#666666;vertical-align:top;}
.sme_course_list .course_list li .course_desc .i_cc span.i_view {padding-left:1.75rem;background:url('../images/ico_sme_view.png') no-repeat 0 50%;background-size:auto 0.9rem;}
.sme_course_list .course_list li .course_desc .i_cc span.i_reply {margin-left:1.65rem;padding-left:1.65rem;background:url('../images/ico_sme_reply.png') no-repeat 0 50%;background-size:auto 1.1rem;}
.course_list li .sme_name {position:relative;margin:0.5rem 1.05rem 1.25rem;padding-top:0.75rem;padding-left:3.6rem;height:3.25rem;line-height:2.5rem;font-size:1.4rem;font-weight:500;color:#333333;border-top:1px solid #cccccc;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.course_list li .sme_name .sme_thumb {position:absolute;top:0.75rem;left:0;width:2.5rem;height:2.5rem;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;border-radius:50%;overflow:hidden;}
.course_list {margin-top:3rem;}
.course_list li.sme_channel {padding:1.45rem;}
.course_list li.sme_channel .sme_ch_box {overflow:hidden;}
.course_list li.sme_channel .sme_thumb {float:left;width:7.5rem;height:7.5rem;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}
.course_list li.sme_channel .course_desc {margin-left:8.95rem;padding:0.1rem 0;}
.course_list li.sme_channel .course_desc .channel_name {font-size:1.5rem;font-weight:500;color:#333333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.course_list li.sme_channel .course_desc .tag_wrap {display:block;margin-top:1.1rem;font-size:0;}
.course_list li.sme_channel .course_desc .tag_wrap .i_tag {display:inline-block;margin-left:0.5rem;font-size:1.2rem;vertical-align:top;}
.course_list li.sme_channel .course_desc .tag_wrap .i_tag:first-child {margin-left:0;}
.course_list li.sme_channel .course_desc .subs_num {display:block;margin-top:0.1rem;font-size:1.2rem;color:#666666;}
.course_list li.sme_channel .course_desc .subs_num b {margin-right:0.6rem;font-size:1.2rem;font-weight:700;color:#666666;}
.course_list li.sme_channel .btn_subs {margin-top:1.5rem;}
#container .btn_subs {border-radius:4px;overflow:hidden;text-align:center;}
#container .btn_subs input[type="checkbox"] + label {display:block;padding-left:0;width:100%;height:3rem;line-height:3rem;}
#container .btn_subs input[type="checkbox"] + label .i_text {display:inline-block;padding-left:1.95rem;font-size:1.4rem;font-weight:700;color:#f5f5f5;background:url('../images/ico_subs_plus.png') no-repeat 0 50%;background-size:1.6rem;}
#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%;background-size:1.6rem;}

#header .hd.in_page .btn_back {z-index:1;display:block;position:absolute;left:0;top:50%;margin-top:-0.85rem;width:1.7rem;height:1.7rem;background:url('../images/btn_back.png') no-repeat;background-size:auto 1.7rem;}
.hd.in_page .btn_back.dark {background:url('../images/btn_back_dark.png') no-repeat; background-size:auto 1.7rem;left:1.5rem;position:absolute;top:50%;width:1.7rem;height:1.7rem;display:block;margin-top:-0.85rem;}
#header .hd.in_page .page_title {display:block;padding:0 3.4rem;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
#header .hd.in_page .btn_submit {z-index:1;display:block;position:absolute;right:0;top:1.5rem;font-size:1.75rem;color:#fff;font-weight:700;}
#header .hd.in_page .btn_regi {font-size:1.75rem;color:#ffffff;}
.sme_visual {width:100%;height:0;padding-bottom:32.638888%;background-repeat:no-repeat;background-size:cover;background-position:50% 50%;}

/* Explore - SME Channel */
.sme_name_wrap {margin-top:-4.5rem;}
.sme_name_wrap .sme_thumb_wrap {position:relative;width:9rem;height:9rem;border-radius:50%;overflow:hidden;-webkit-box-shadow: 0 0 0.5rem 0.1rem rgba(0,0,0,0.2);box-shadow: 0 0 0.5rem 0.1rem rgba(0,0,0,0.2);}
.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;background-position:50% 50%;background-size:cover;} /* default img */
.sme_name_wrap .sme_thumb_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;}
.sme_name_wrap .sme_thumb_desc {position:relative;}
.sme_name_wrap .sme_thumb_desc .field_wrap, .sme_name_wrap .sme_thumb_desc .field_wrap + .i_field {margin:1rem 0;}
.sme_name_wrap .sme_thumb_desc .field_wrap .i_field {display:inline-block;padding:0 1.1rem;margin:0 5px 5px 0; height:2rem;line-height:1.9rem;font-size:1.2rem;border:1px solid #0396a6;vertical-align:top;border-radius:1rem;}
.sme_name_wrap .sme_thumb_desc .i_name {display:block;font-size:1.75rem;font-weight:700;color:#333333;}
.sme_name_wrap .sme_thumb_desc .tag_wrap {margin-top:0.2rem;font-size:0;}
.sme_name_wrap .sme_thumb_desc .tag_wrap .i_tag {display:inline-block;margin-left:0.5rem;font-size:1.2rem;vertical-align:top;}
.sme_name_wrap .sme_thumb_desc .tag_wrap .i_tag:first-child {margin-left:0;}
.sme_name_wrap .sme_thumb_desc .btn_subs {position:absolute;bottom:0;right:0;width:12rem;}
.sme_name_wrap .sme_num_wrap {margin:1.4rem -1.5rem 0;padding:0.95rem 1.5rem 1.2rem;border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;overflow:hidden;}
.sme_name_wrap .sme_num_wrap .data_box {float:left;width:20%;text-align:center;}
.sme_name_wrap .sme_num_wrap .data_box .i_num {display:block;font-size:1.4rem;font-weight:700;color:#333333;}
.sme_name_wrap .sme_num_wrap .data_box .i_name {display:inline-block;font-size:1.2rem;font-weight:400;color:#888888;background-repeat:no-repeat;background-position:0 50%;}
.sme_name_wrap .sme_num_wrap .data_box.i_subs .i_name {margin-top:0.2rem;padding-left:1.15rem;background-image:url('../images/ico_subs.png');background-size:auto 1.1rem;}
.sme_name_wrap .sme_num_wrap .data_box.i_cont .i_name {padding-left:1.35rem;background-image:url('../images/ico_cont.png');background-size:auto 0.8rem;}
.sme_name_wrap .sme_num_wrap .data_box.i_view .i_name {padding-left:1.4rem;background-image:url('../images/ico_view.png');background-size:auto 0.8rem;}
.sme_name_wrap .sme_num_wrap .data_box.i_like .i_name {padding-left:1.05rem;background-image:url('../images/ico_like.png');background-size:auto 0.85rem;}
.sme_name_wrap .sme_num_wrap .data_box.i_reply .i_name {padding-left:1.25rem;background-image:url('../images/ico_reply.png');background-size:auto 0.9rem;}
.sme_name_wrap .sme_course_list {position:relative;padding-top:4.15rem;}
.sme_name_wrap .sme_course_list .selectric-select_box.selectric-sel_cate {top:1.3rem;}
.sme_name_wrap .sme_course_list .course_list {margin-top:0;}

/* My page - Sme List */
.my_sme .my_sme_top {position:relative;padding-top:2.7rem;height:8.95rem;background-color:#ffffff;}
.my_sme .my_sme_top .act_date {display:block;font-size:1.2rem;font-weight:400;color:#999999;line-height:1.9rem;}
.my_sme .my_sme_top .act_date b {display:block;font-weight:500;}
.my_sme .my_sme_top .sme_btn_top {position:absolute;top:1.8rem;right:0;font-size:0;text-align:center;}
.my_sme .my_sme_top button {position:relative;padding-top:3.75rem;font-size:1.2rem;font-weight:500;letter-spacing:-1.5px;}
.my_sme .my_sme_top button .i_icon {display:inline-block;position:absolute;top:0;left:0;right:0;margin-left:auto;margin-right:auto;width:3.5rem;height:3.5rem;border-radius:50%;background-repeat:no-repeat;background-position:50% 50%;background-size:1.5rem auto;}
.my_sme .my_sme_top button.go_channel .i_icon {background-image:url('../images/ico_home.png');}
.my_sme .my_sme_top button.act_regi {margin-left:1.7rem;color:#666666;}
.my_sme .my_sme_top button.act_regi .i_icon {background-color:#666666;background-image:url('../images/ico_regi.png');}
.my_sme .ch_name_wrap {position:relative;margin:0 -1.5rem;padding:1.6rem 7.5rem 1.65rem 1.5rem;background-color:#f5f5f5;}
.my_sme .ch_name_wrap input {width:100%;font-size:1.4rem;font-weight:700;color:#333333;border:0;outline:0;background-color:#f5f5f5;}
.my_sme .ch_name_wrap .btn_ch_modify {display:inline-block;position:absolute;top:2.3rem;right:1.8rem;padding-left:1.35rem;font-size:1rem;color:#aaaaaa;height:0.9rem;line-height:0.9rem;background:url('../images/ico_ch_modify.png') no-repeat;background-size:0.9rem;}
.my_sme .sme_num_wrap {padding:1rem 0 0;height:6.3rem;font-size:0;text-align:center;}
.my_sme .sme_num_wrap .data_box {display:inline-block;margin-left:2.15rem;vertical-align:top;}
.my_sme .sme_num_wrap .data_box .i_num {display:block;font-size:1.4rem;font-weight:700;color:#333333;}
.my_sme .sme_num_wrap .data_box .i_name {display:block;margin-top:0.5rem;height:1.1rem;line-height:1.1rem;font-size:1.2rem;font-weight:500;color:#888888;background-repeat:no-repeat;background-position:0 50%;}
.my_sme .sme_num_wrap .data_box.i_susb {margin-left:0;}
.my_sme .sme_num_wrap .data_box.i_susb .i_name {padding-left:1.15rem;background-image:url('../images/ico_sme_subs.png');background-size:auto 1.1rem;}
.my_sme .sme_num_wrap .data_box.i_cont .i_name {padding-left:1.4rem;background-image:url('../images/ico_sme_cont.png');background-size:auto 0.8rem;}
.my_sme .sme_num_wrap .data_box.i_view .i_name {padding-left:1.4rem;background-image:url('../images/ico_sme_view2.png');background-size:auto 0.8rem;}
.my_sme .sme_num_wrap .data_box.i_like .i_name {padding-left:1.05rem;background-image:url('../images/ico_sme_like.png');background-size:auto 0.85rem;}
.my_sme .sme_num_wrap .data_box.i_reply .i_name {padding-left:1.25rem;background-image:url('../images/ico_sme_reply2.png');background-size:auto 0.9rem;}
.my_sme .sme_visual_wrap {position:relative;margin:0 -1.5rem;height:19.25rem;}
.my_sme .chg_thumb {position:absolute;top:7.25rem;left:1.5rem;}
.my_sme .chg_thumb .thumb_img_wrap {position:relative;float:left;width:9rem;height:9rem;}
.my_sme .chg_thumb .thumb_img_wrap .thumb_img {width:100%;height:100%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}
.my_sme .chg_thumb .thumb_img_wrap .i_edit {display:block;position:absolute;bottom:0;right:0;}
.my_sme .chg_thumb .img_chg_desc {margin-left:9.5rem;padding-top:6.05rem;height:9rem;}
.my_sme .chg_thumb .img_chg_desc .title {display:block;font-size:1rem;font-weight:500;color:#333333;}
.my_sme .chg_thumb .img_chg_desc .size_desc {display:block;font-size:1rem;font-weight:400;color:#333333;}
.my_sme .sme_ch_visual {height:11.75rem;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}
.my_sme .sme_ch_visual .chg_sme_visual {position:absolute;top:6.95rem;right:1.5rem;max-width:12.25rem;padding-right:1rem;text-align:right;}
.my_sme .sme_ch_visual .chg_sme_visual .title {display:block;font-size:1rem;font-weight:700;color:#f5f5f5;}
.my_sme .sme_ch_visual .chg_sme_visual .size_desc {display:block;font-size:1rem;font-weight:400;color:#f5f5f5;}
.my_sme .sme_ch_visual .chg_sme_visual .photo_edit {position:static;margin-top:0.4rem;margin-left:auto;}
.my_sme .sme_visual_wrap .img_regi_desc {margin-top:5.7rem;padding:0 1.5rem;font-size:1.2rem;color:#666666;}
.my_sme .sec_keyword {margin-top:2.3rem;}
.my_sme .sec_title {display:block;font-size:1.4rem;font-weight:500;color:#333333;}
.sec_keyword {border-bottom:1px solid #cccccc;}
.sec_keyword .keyword_list {margin-top:1.65rem;}
.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:1rem;margin-right:1rem;padding:0 2.45rem 0 0.95rem;height:2.3rem;line-height:2rem;font-size:1.2rem;border-radius:1rem;border-width:1px;border-style:solid;vertical-align:top;}
.sec_keyword .keyword_list > ul li .btn_close {display:inline-block;position:absolute;top:0;right:0;padding-right:0.15rem;width:1.9rem;height:1.8rem;line-height:1.8rem;font-size:0.9rem;border-radius:0 1rem 1rem 0;border:0;border-left-width:1px;border-style:solid;vertical-align:top;background-color:#ffffff;}
.key_color1 {color:#676767 !important;background:#efefef} /* keyword color */
.key_color2 {color:#676767 !important;background:#efefef !important;}
.key_color3 {color:#676767 !important;background:#efefef !important;}
.key_color4 {color:#676767 !important;background:#efefef !important;}
.key_color5 {color:#676767 !important;background:#efefef !important;}
.key_color6 {color:#676767 !important;background:#efefef !important;}
.key_color1 button.btn_close {color:#676767 !important;background:#efefef !important;}
.key_color2 button.btn_close {color:#676767 !important;background:#efefef !important;}
.key_color3 button.btn_close {color:#676767 !important;background:#efefef !important;}
.key_color4 button.btn_close {color:#676767 !important;background:#efefef !important;}
.key_color5 button.btn_close {color:#676767 !important;background:#efefef !important;}
.key_color6 button.btn_close {color:#676767 !important;background:#efefef !important;}
.sec_keyword .keyword_list .dropdown_rel {display:inline-block;margin-bottom:1rem;}
.sec_keyword .keyword_list .ip_keyword {display:inline-block;margin:0;padding:0.45rem 0;width:13rem;height:2rem;line-height:1.9rem;font-size:1.2rem;color:#999999;vertical-align:top;border:0;}
.my_sme .sec_my_contents {margin-top:2.6rem;}
.my_sme .sec_my_contents .course_verti_list {margin-top:2rem;}
#container .my_sme .sec_my_contents .multi_course_type {margin-top:0.65rem;}
#container .my_sme .sec_my_contents .multi_course_type li input[type="checkbox"] + label {font-size:1.2rem;}
.my_sme .sec_my_contents .selectric-select_box.selectric-sel_cate {top:0.65rem;}
.course_verti_list li {margin-top:2rem;height:9.75rem;}
.course_verti_list li:first-child {margin-top:0;}
.course_verti_list li .thumb_box {float:left;width:15.75rem;height:9.75rem;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}
.course_verti_list li .course_desc {position:relative;float:left;margin-left:1rem;width:calc(100% - 16.75rem);height:9.75rem;}
.course_verti_list li .course_desc .i_approval {display:block;width:5rem;height:2rem;line-height:2rem;font-size:1rem;border-radius:4px;text-align:center;}
.course_verti_list li .course_desc .i_approval.i_permit {color:#ffffff;}
.course_verti_list li .course_desc .i_approval.i_stand {color:#666666;background-color:#cccccc;}
.course_verti_list li .course_desc .i_approval.i_return {color:#ffffff;background-color:#666666;}
.course_verti_list li .course_desc .i_cate {display:block;margin-top:0.2rem;font-size:1.2rem;}
.course_verti_list li .course_desc .i_subject {display:block;margin-top:0.05rem;font-size:1.5rem;font-weight:500;color:#333333;line-height:1.8rem;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2; /* 라인수 */-webkit-box-orient: vertical;overflow:hidden;}
.course_verti_list li .course_desc .i_date {display:inline-block;position:absolute;bottom:-0.05rem;left:0;font-size:1.2rem;font-weight:300;color:#666666;line-height:1.2rem;}
.course_verti_list li .course_desc .i_cc {position:absolute;bottom:-0.05rem;right:0;font-size:0;text-align:right;}
.course_verti_list li .course_desc .i_cc > span {display:inline-block;margin-left:1rem;font-size:1rem;font-weight:300;color:#666666;line-height:1.2rem;vertical-align:top;background-repeat:no-repeat;background-position:0 50%;}
.course_verti_list li .course_desc .i_cc > span:first-child {margin-left:0;}
.course_verti_list li .course_desc .i_cc > span.i_like {padding-left:1.1rem;background-image:url('../images/ico_like_sm.png');background-size:auto 0.7rem;}
.course_verti_list li .course_desc .i_cc > span.i_view {padding-left:1.25rem;background-image:url('../images/ico_view_sm.png');background-size:auto 0.65rem;}
.course_verti_list li .course_desc .i_cc > span.i_reply {padding-left:0.95rem;background-image:url('../images/ico_reply_sm.png');background-size:auto 0.7rem;}
.course_verti_list li .course_desc .more_option {position:absolute;top:0.5rem;right:0;}
.course_verti_list li .course_desc .more_option .more_box li {margin-top:0;height:auto;}
.course_verti_list li .course_desc .more_option .more_box li a {padding:0;text-align:center;}

/* STEP */
.layer_popup .apply_step {border-width:2px;border-style:solid;border-radius:4px;}
.layer_popup .apply_step ol {padding:1.4rem 0.65rem;overflow:hidden;}
.layer_popup .apply_step ol li {position:relative;float:left;width:25%;text-align:center;background:url(../images/ico_arrow_step.png) no-repeat 100% 2.1rem;background-size:auto 0.9rem;}
.layer_popup .apply_step ol li:last-child {background:none;}
.layer_popup .apply_step ol li .circle {display:block;margin:0 auto;width:0.85rem;height:0.85rem;border:0.25rem solid #666666;background-color:#ffffff;border-radius:50%;}
.layer_popup .apply_step ol li .step_num {display:block;margin-top:1rem;font-size:1.2rem;font-weight:700;color:#cccccc;line-height:1;}
.layer_popup .apply_step ol li .desc {display:block;margin-top:0.45rem;font-size:1.1rem;font-weight:500;color:#cccccc;line-height:1.5rem;}
.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:0.75rem;padding-left:0.95rem;font-size:1.2rem;color:#333333;}
.layer_popup .agree_cont .chk_desc .dot {display:block;position:absolute;top:0.75rem;left:0;width:0.4rem;height:0.4rem;background-color:#0a0204;border-radius:50%;}
.layer_popup .agree_cont .agree_box_wrap {margin-top:2.05rem;}
.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:1.4rem;font-weight:700;color:#333333;}
.layer_popup .agree_cont .agree_box .terms_box {margin-top:0.8rem;padding:0.45rem 1rem;height:20rem;line-height:1.8rem;font-size:1.1rem;color:#333333;border:1px solid #cccccc;overflow:auto;}
.layer_popup .agree_cont .agree_box .chk_box {margin-top:1rem;text-align:center;}
.layer_popup .agree_cont .agree_box .chk_box input[type="checkbox"] + label {padding:0;width:100%;height:3rem;font-size:1.2rem;font-weight:500;color:#999999;line-height:3rem;background-color:#dedede;border-radius:4px;text-align:left;background-repeat:no-repeat;background-size:1.2rem 1.2rem;text-align:center;}
.layer_popup .agree_cont .agree_box .chk_box input[type="checkbox"] + label .cen_block {display:inline-block;position:relative;padding-left:1.75rem;}
.layer_popup .agree_cont .agree_box .chk_box input[type="checkbox"] + label span.ico_fake {top:50%;left:0;margin-top:-0.6rem;width:1.2rem;height:1.2rem;background-image:url('../images/chk_off2.png');background-size:100% auto;}
.layer_popup .agree_cont .agree_box .chk_box input[type="checkbox"]:checked + label {color:#ffffff;background-color:#666666;}
.layer_popup .agree_cont .agree_box .chk_box input[type="checkbox"]:checked + label span.ico_fake {background-image:url('../images/chk_on2.png');}

/* select box category style*/
.selectric-select_box.selectric-sel_cate {position:absolute;top:0;right:0;width:auto}
.selectric-select_box.selectric-sel_cate .selectric {height:1.3rem;border:0;background:url('../images/ico_course_sel.png') no-repeat 0 0.15rem;background-size:auto 0.9rem;}
.selectric-select_box.selectric-sel_cate .selectric .label {margin:0 0 0 1.7rem;height:1.3rem;line-height:1.3rem;font-size:1.2rem;color:#666666;}
.selectric-select_box.selectric-sel_cate .selectric .button {display:none;}
.selectric-select_box.selectric-sel_cate .selectric-items {min-width:9rem;right:0;left:auto;border-top:1px solid #cccccc;border-color:#cccccc;}
.selectric-select_box.selectric-sel_cate .selectric-items li {padding:4px 5px 5px;font-size:1.2rem;color:#666666;border:0;}

/* 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:91.666666%;max-height:91.666666%;overflow-y:auto;background:#fff;}
.layer_popup .popcontainer.wide {width:100%;max-height:100%;min-height:100%;}
.layer_popup .popcontainer .pop_inner {position:relative;padding:2.5rem 1.5rem 2.5rem;}
.layer_popup .pop_title {position:relative;height:5rem;}
.layer_popup .pop_title .title {padding:0 1.5rem;font-size:1.5rem;font-weight:500;color:#ffffff;line-height:5rem;}
.layer_popup .pop_title .pop_close {display:block;position:absolute;top:1.7rem;right:1.5rem;width:1.55rem;height:1.6rem;background:url('../images/ico_pop_close.png') no-repeat 50% 50%;background-size:100% auto;}
.layer_popup .pop_title .btn_back {display:block;position:absolute;left:1.5rem;top:1.7rem;width:1.7rem;height:1.7rem;background:url('../images/btn_back.png') no-repeat;background-size:auto 1.7rem;}
.layer_popup .pop_title .btn_submit {display:block;position:absolute;right:1.5rem;top:1.2rem;font-size:1.75rem;color:#fff;font-weight:700;}
.layer_popup .btn_box {margin-top:2.5rem;}

/*
#header .hd.in_page .btn_back {z-index:1;display:block;position:absolute;left:0;top:50%;margin-top:-0.85rem;width:1.7rem;height:1.7rem;background:url('../images/btn_back.png') no-repeat;background-size:auto 1.7rem;}
#header .hd.in_page .page_title {display:block;padding:0 3.4rem;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
#header .hd.in_page .btn_submit {z-index:1;display:block;position:absolute;right:0;top:1.5rem;font-size:1.75rem;color:#fff;font-weight:700;}
*/

/* Popup Certification */
.layer_popup .popup_certification {text-align:center;}
.layer_popup .popup_certification li {margin-top:0.8rem;padding:6.3rem 0 0;height:17.35rem;border:1px solid #cccccc;}
.layer_popup .popup_certification li:first-child {margin-top:0;}
.layer_popup .popup_certification li .title {display:block;font-size:1.4rem;font-weight:500;color:#333333;}
.layer_popup .popup_certification li p {display:block;margin-top:0.25rem;font-size:1.2rem;color:#666666;}
.layer_popup .popup_certification li button {margin-top:1.85rem;width:16rem;height:3rem;line-height:3rem;font-size:1.2rem;color:#ffffff;background-color:#666666;border-radius:4px;}
.layer_popup .popup_certification li {background-repeat:no-repeat;}
.layer_popup .popup_certification li.certi_cell {background-image:url('../images/ico_cellphone.png');background-size:auto 3.2rem;background-position:50% 1.95rem;}
.layer_popup .popup_certification li.certi_offi {background-image:url('../images/ico_lock.png');background-size:auto 2.6rem;background-position:50% 2.2rem;}
.layer_popup .popup_certification li.certi_ipin {background-image:url('../images/ico_ipin.png');background-size:auto 2.6rem;background-position:50% 2.25em;}

/* 본인인증처리 팝업 */
.txt_cOrg {color:#ea563a;}
.pop_inner > .txt_cOrg {display:block; padding-bottom:15px;}
.cs_info {margin-bottom:15px; padding:15px; background:#f9f9f9; border:1px solid #ccc; text-align:center;}
.cs_info .pt_blue {font-size:15px;}
.cs_info .pt_black {display:block; padding-top:4px; font-size:13px; font-weight:500; word-break:break-all;}

.popup_certification.study li {height:auto; padding:6.3rem 1.5rem 20px;}
.popup_certification.study li p {text-align:left;}
.popup_certification.study li p b {font-weight:500;}
.popup_certification.study li a {display:block; font-size:13px; text-align:left;}
.txt_cts {display:block; padding-top:7px;}

.btn_box.center {display:block; text-align:center;}
.btn_box.center button {padding:0 15px;}

/* 팝업 시간표 */
.popup_schedule .popup_schedule_hd {position:relative;margin-top:-0.55rem;}
.popup_schedule .popup_schedule_hd h2 {font-size:1.75rem;}
.popup_schedule .popup_schedule_hd .des {position:relative;margin-top:0.75rem;}
.popup_schedule .popup_schedule_hd .des p {font-size:1.4rem;font-weight:700;}
.popup_schedule .popup_schedule_hd .des .date {display:block;margin-top:0.25rem;font-size:1.2rem;color:#666;}
.popup_schedule .popup_schedule_hd .des .name {position:absolute;bottom:0;right:0;font-size:1.2rem;color:#333;}
.table_schedule {margin-top:1.6rem;padding:0.95rem;height:39rem;border:1px solid #ddd;overflow:auto;white-space:nowrap;}
.table_schedule thead th {padding:0.65rem 1rem 0.7rem;font-size:1.2rem;color:#fff;line-height:1.45rem;font-weight:500;background-color:#666;border-left:1px solid #fff;vertical-align:middle;}
.table_schedule thead th:first-child {border-left:0;}
.table_schedule tbody td {padding:0.85rem 1rem 0.95rem;font-size:1.2rem;line-height:1.45rem;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:left;}

/* form tbl style */
.form_box.tbl_style {margin-top:2.5rem;}
.form_box.tbl_style .form_group {display:block;padding:1.3rem 0 1.4rem;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:block;padding:0;font-size:1.4rem;font-weight:500;color:#333333;}
.form_box.tbl_style .form_group .title .ast {position:relative;top:0.3rem;margin-left:0.6rem;font-size:1.4rem;font-weight:500;color:#ff0000;}
.form_box.tbl_style .form_group .cont {display:block;margin-top:0.75rem;}
.form_box.tbl_style .form_group .cont .devide_box:after {display:block;visibility:hidden;clear:both;content:""}
.form_box.tbl_style .form_group .cont .val_cont {font-size:1.2rem;color:#333333;}
.form_box.tbl_style .form_group .cont .input_box input {position:relative;padding:0 0.6rem;height:4rem;line-height:4rem;font-size:1.2rem;color:#999999;}
.form_box.tbl_style .form_group .i_hyphen {display:block;float:left;width:10%;height:3rem;line-height:2.9rem;font-size:1.2rem;color:#999999;text-align:center;}
.form_box.tbl_style .form_group .i_at {display:block;float:left;width:10%;height:3rem;line-height:2.9rem;font-size:1.2rem;color:#999999;text-align:center;}
.form_box.tbl_style .form_group .i_text {display:block;float:left;padding-left:2%;width:10%;height:3rem;line-height:2.9rem;font-size:1.2rem;color:#999999;text-align:left;}
/*
.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 {margin-bottom:0.85rem;}
.form_box.tbl_style .form_group .cont .srh_address .addr_cont {margin-top:0.5rem;font-size:1.2rem;line-height:1.8rem;}
.form_box.tbl_style .form_group.form_resident .input_box {float:left;width:45%;}
.form_box.tbl_style .form_group.form_cell .input_box {float:left;width:26.666666%;}
.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;margin-bottom:1rem;width:45%;}
.form_box.tbl_style .form_group.form_email .selectric-select_box {clear:both;width:100%;}
.form_box.tbl_style .form_group.form_approval .input_box {margin-top:1rem;}
.form_box.tbl_style .form_group.form_approval:last-child {border-bottom:0;}
.form_box.tbl_style .form_group.form_calendar .input_box {position:relative;}
.form_box.tbl_style .form_group.form_calendar .input_box:after {display:block;visibility:hidden;clear:both;content:""}
.form_box.tbl_style .form_group.form_calendar .end_wrap {margin-top:1rem;}
.form_box.tbl_style .form_group.form_calendar .ip_calendar {float:left;margin-right:5%;width:51.666666%;}
.form_box.tbl_style .form_group.form_calendar .selectric-ip_time {float:left;width:16.666666%;}
.form_box.tbl_style .form_group.form_calendar .selectric-select_box.selectric-ip_time .selectric .label {color:#999999;}
.form_box.tbl_style .form_group.form_calendar .i_colon {display:block;float:left;width:5%;height:3rem;line-height:2.9rem;font-size:1.2rem;color:#999999;text-align:center;}
.form_box.tbl_style .form_group.form_calendar .i_dash {display:block;float:left;width:5%;height:3rem;line-height:2.9rem;font-size:1.2rem;color:#999999;text-align:center;}
.form_box.tbl_style .form_group.form_learner_apply .info_opt {margin-top:0.75rem;font-size:1.2rem;color:#666666;}
.form_box.tbl_style .form_group.form_learner_apply .info_opt b {font-weight:700;}
.form_box.tbl_style .form_group.form_edu_field .selectric-select_box {margin-top:1rem;}
.form_box.tbl_style .form_group.form_edu_field .selectric-select_box:first-child {margin-top:0;}
.form_box.tbl_style .form_group.form_total_day .input_box {float:left;width:40%;}
.form_box.tbl_style .form_group.form_total_day .input_box input {text-align:right;}
.form_box.tbl_style .form_group.form_expense .input_box {float:left;width:94.333333%;}
.form_box.tbl_style .form_group.form_expense .i_text {float:left;width:5.666666%;}
.form_box.tbl_style .form_group.form_learn_data {position:relative;}
.form_box.tbl_style .form_group.form_learn_data .btn_file {position:absolute;top:1rem;right:0;}
.form_box.tbl_style .form_group .file_list {margin-top:1rem;border-bottom:1px solid #cccccc;text-align:left;}
.form_box.tbl_style .form_group .file_list li {position:relative;padding:0.5rem 10% 0.6rem 3.15rem;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 1rem 50%;background-size:auto 1.35rem;}
.form_box.tbl_style .form_group .file_list li a {font-size:1.2rem;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:10%;height:100%;background:url('../images/ico_review_del.png') no-repeat 50% 50%;background-size:1.35rem;}
.form_box.tbl_style .form_group .ast_desc {position:relative;margin-top:0.6rem;padding-left:0.9rem;font-size:1.1rem;color:#666666;line-height:1.5rem;}
.form_box.tbl_style .form_group .ast_desc .ast {position:absolute;top:0.2rem;left:0;}
.form_box.tbl_style .form_group .chk_box input[type="radio"] + label {margin-right:2rem;}
.form_box.tbl_style .form_group .textarea {height:10rem;}
.form_box.tbl_style .form_group .filebox {text-align:right;}
.form_box.tbl_style .form_group .cont .selectric-select_box .selectric .label {color:#999999;}
.approval_desc {position:relative;margin-top:0.6rem;padding-left:0.9rem;font-size:1.1rem;color:#666666;line-height:1.5rem;}
.approval_desc .ast {position:absolute;top:0.2rem;left:0;}

/* 수강신청 - STEP4 */
.layer_popup .pop_apply_step4 .confirm_box {padding-top:1.95rem;}
.layer_popup .pop_apply_step4 .confirm_box .confirm_course {font-size:1.5rem;font-weight:300;color:#333333;line-height:2.4rem;}
.layer_popup .pop_apply_step4 .confirm_box .confirm_course span {font-weight:500;}
.layer_popup .pop_apply_step4 .confirm_box .course_period {margin-top:0.65rem;font-size:1.1rem;color:#333333;line-height:1.8rem;}
.layer_popup .pop_apply_step4 .standby_box {margin-top:2.3rem;padding:1.1rem 2.75rem 1.2rem;background-color:#f5f5f5;border:1px solid #cccccc;border-radius:6px;text-align:center;}
.layer_popup .pop_apply_step4 .standby_box p {font-size:1.2rem;font-weight:300;color:#333333;line-height:2rem;}
.layer_popup .pop_apply_step4 .standby_box p b {font-weight:500;}
.layer_popup .confirm_desc {position:relative;margin-top:0.65rem;padding-left:1.8rem;font-size:1.1rem;color:#666666;line-height:1.8rem;}
.layer_popup .confirm_desc span {display:block;position:absolute;top:0.25rem;left:0.15rem;width:1.25rem;height:1.25rem;background:url('../images/ico_info_gray.png') no-repeat;background-size:100% auto;}

/* Layerpopup - 학습자 선택 */
.layer_popup .learner_select .pp_select_list {margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #cccccc;}
.layer_popup .learner_select .num_pp {display:block;padding:0 0.6rem;height:2.5rem;line-height:2.4rem;font-size:1.2rem;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:1rem;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:0.75rem 0.95rem 1rem;border-top:1px solid #cccccc;}
.layer_popup .learner_select .pp_list li .btn_close {display:block;position:absolute;top:50%;right:0.45rem;margin-top:-1rem;padding:0.5rem;width:2rem;height:2rem;background:url('../images/ico_close.png') no-repeat 50% 50%;background-size:1rem;}
.layer_popup .learner_select .pp_list li .i_position {display:block;font-size:1.1rem;color:#999999;}
.layer_popup .learner_select .pp_list li .i_name {display:block;margin-top:0.15rem;font-size:1.2rem;font-weight:500;color:#333333;}

/* 설문조사 */
.layer_popup .survey_box {margin-top:2.5rem;}
.layer_popup .survey_box .title_wrap .title {padding:0.85rem 0.95rem 1rem;font-size:1.4rem;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:1rem 0 0.9rem;width:3.45rem;font-size:1.2rem;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:1rem 3.5rem 0.9rem 1rem;font-size:1.2rem;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:4%;margin-top:-0.425rem;width:1.2rem;height:0.85rem;background:url('../images/survey_chk_off.png') no-repeat;background-size:100% auto;}
.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;background-size:100% auto;}
.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:0.95rem;border-top:1px solid #cccccc;}
.layer_popup .survey_box .textarea_wrap textarea {height:8rem;}

/* Learning List Form */
.learning_list_form {margin-top:2.5rem;}
.learning_list_form li {padding:1.25rem 1rem 1.5rem;border-bottom:1px solid #cccccc;}
.learning_list_form li:first-child {border-top:2px solid #666666;}
.learning_list_form li .i_cate {display:block;font-size:1.2rem;font-weight:700;color:#333333;}
.learning_list_form li .i_subject {margin-top:0.5rem;font-size:1.4rem;color:#333333;}
.learning_list_form li .i_date {display:inline-block;margin-top:1.8rem;font-size:1.2rem;color:#333333;}
.learning_list_form li .test_info_wrap {display:inline-block;margin-top:0.3rem;font-size:0; vertical-align:bottom;}
.learning_list_form li .test_info_wrap span {display:inline-block;font-size:1.2rem;color:#333333;vertical-align:top;}
.learning_list_form li .test_info_wrap span.i_num {margin-left:16px;padding-left:17px;background:url('../images/ico_bar.png') no-repeat 0 50%;background-size:auto 0.8rem;}
.learning_list_form li .test_info_wrap span.total_num {color:#aaaaaa;}
.learning_list_form li .i_score {display:block;margin-top:1.1rem;font-size:1.2rem;font-weight:500;}
.learning_list_form li .i_score.non_take {color:#ea563a;}
.learning_list_form li .btn_box {margin-top:1.3rem;}
.learning_list_form li .btn_box button {height:3rem;line-height:2.9rem;}

/* Layer popup - 시험 응시 유의사항 안내 */
.layer_popup .test_info_wrap .must_read_box {margin-bottom:2.6rem;}
.layer_popup .test_info_wrap .must_read_box .title {display:block;font-size:1.4rem;font-weight:500;color:#ea563a;}
.layer_popup .test_info_wrap .must_read_box .must_read_inner {margin-top:1.25rem;padding:1.15rem 1.45rem;border:1px solid #cccccc;background-color:#f9f9f9;}
.layer_popup .test_info_wrap .must_read_box ol li {position:relative;margin-top:0.6rem;padding-left:1.3rem;font-size:1.2rem;font-weight:400;color:#333333;}
.layer_popup .test_info_wrap .must_read_box ol li:first-child {margin-top:0;}
.layer_popup ol li span.od_num {position:absolute;top:0;left:0;}
.layer_popup .test_info_wrap .must_read_box ol + p {position:relative;margin-top:0.8rem;padding-left:0.85rem;font-size:1.2rem;font-weight:500;}
.layer_popup .test_info_wrap .must_read_box ol + p span {position:absolute;top:0;left:0;}
.layer_popup .test_info_wrap .copy_answer_info .title {display:block;position:relative;margin-bottom:1rem;padding-left:1.9rem;font-size:1.4rem;font-weight:500;color:#333333;}
.layer_popup .test_info_wrap .copy_answer_info .title:after {content:'';display:block;position:absolute;top:0.5rem;left:0;width:1.25rem;height:0.9rem;background:url('../images/ico_ring.png') no-repeat;background-size:100% auto;}
.layer_popup .test_info_wrap .copy_answer_info ul {margin-left:1.9rem;}
.layer_popup .test_info_wrap .copy_answer_info ul > li {position:relative;margin-top:1.7rem;padding-left:0.95rem;font-size:1.2rem;font-weight:700;color:#333333;line-height:1.7rem;}
.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:1.2rem;font-weight:500;color:#333333;}
.layer_popup .test_info_wrap .copy_answer_info ul > li:after {content:'';display:block;position:absolute;top:0.75rem;left:0.1rem;width:0.3rem;height:0.3rem;border-radius:50%;background-color:#666666;}
.layer_popup .test_info_wrap .copy_answer_info ul > li > ol > li {position:relative;padding-left:1.3rem;font-size:1.2rem;font-weight:500;}
.layer_popup .test_info_wrap .copy_answer_info + .copy_answer_info {margin-top:2.5rem;}
.layer_popup .test_info_wrap .chk_box {margin-top:2.9rem;text-align:center;}
.layer_popup .test_info_wrap .btn_box {margin-top:1.5rem;text-align:center;}

/* Layer popup - 시험 응시 */
.test_box_wrap .title_wrap .test_name {display:block;font-size:1.75rem;font-weight:700;color:#333333;}
.test_box_wrap .title_wrap .remain_time {margin-top:0.8rem;font-size:0;}
.test_box_wrap .title_wrap .remain_time span {display:inline-block;height:1.75rem;vertical-align:top;line-height:1;}
.test_box_wrap .title_wrap .remain_time .title {padding-top:0.4rem;font-size:1.2rem;font-weight:700;color:#999999;}
.test_box_wrap .title_wrap .remain_time .i_time {position:absolute; top:64px; left:65px; background:#fff; margin-left:0.5rem;font-size:1.75rem;font-weight:700;}
.test_box_wrap .test_cont {margin-top:1.35rem;padding-top:1.55rem;border-top:1px solid #dddddd;}
.test_box_wrap .test_cont .q_order {font-size:0;}
.test_box_wrap .test_cont .q_order .i_num {display:inline-block;height:1.3rem;font-size:1.2rem;font-weight:700;color:#999999;vertical-align:top;line-height:1;}
.test_box_wrap .test_cont .q_order .i_type {display:inline-block;margin-left:0.65rem;width:4.6rem;height:1.3rem;line-height:1.2rem;font-size:1rem;font-weight:500;color:#999999;vertical-align:top;border:1px solid #cccccc;background-color:#f5f5f5;text-align:center;vertical-align:top;border-radius:0.65rem;}
.test_box_wrap .test_cont .i_question {margin-top:0.5rem;font-size:1.2rem;font-weight:500;color:#333333;line-height:1.8rem;}
.test_box_wrap .test_cont .answer_box_wrap {position:static;height:4.7rem;margin:3rem -1.5rem 0;padding:0 1.5rem;border-top:1px solid #eeeeee;border-bottom:1px solid #eeeeee;background-color:#ffffff;}
.test_box_wrap .test_cont .answer_box_wrap.active {z-index:11;position:absolute;margin-top:0;top:0;width:100%;height:100%;border-bottom:0;}
.test_box_wrap .test_cont .answer_box_wrap .answer_cont ol {padding-top:1.5rem;padding-bottom:2rem;}
.test_box_wrap .test_cont .answer_box_wrap .answer_cont ol li {margin-top:1rem;overflow:hidden;font-size:0;}
.test_box_wrap .test_cont .answer_box_wrap .answer_cont ol li:first-child {margin-top:0;}
.test_box_wrap .test_cont .answer_box_wrap .answer_cont ol li .i_num {display:block;float:left;width:3rem;height:3rem;line-height:3rem;font-size:1.2rem;font-weight:500;color:#ffffff;background-color:#cccccc;text-align:center;}
.test_box_wrap .test_cont .answer_box_wrap .answer_cont ol li .i_answer {display:block;float:left;width:calc( 100% - 3rem );height:3rem;line-height:2.9rem;font-size:1.2rem;color:#333333;border-top:1px solid #cccccc;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;text-align:center;}
.test_box_wrap .test_cont .answer_box_wrap .answer_cont ol li.on .i_num {background-color:#666666;}
.test_box_wrap .test_cont .answer_box_wrap .answer_cont ol li.on .i_answer {font-weight:500;border-color:#999999;}
.test_box_wrap .test_cont .answer_box_wrap .btn_answer {display:block;position:relative;width:100%;height:4.5rem;line-height:4.5rem;font-size:1.2rem;font-weight:700;color:#333333;text-align:left;}
.test_box_wrap .test_cont .answer_box_wrap .btn_answer .i_arrow {display:block;position:absolute;top:50%;margin-top:-0.175rem;right:0.6rem;width:0.65rem;height:0.35rem;background-image:url('../images/ico_toggle_up.png');background-repeat:no-repeat;background-size:100% auto;transform:rotate(0deg);}
.test_box_wrap .test_cont .answer_box_wrap .btn_answer span {color:#999999;}
.test_box_wrap .test_cont .answer_box_wrap .answer_cont {display:none;}
.test_box_wrap .test_cont .answer_box_wrap.active .btn_answer {border-bottom:1px solid #eeeeee;}
.test_box_wrap .test_cont .answer_box_wrap.active .btn_answer .i_arrow {transform:rotate(180deg);}
.test_box_wrap .test_cont .answer_box_wrap.active .answer_cont {display:block;}
.layer_popup .layer_btn_box {margin-top:1.5rem;height:4rem;}
.layer_popup .layer_btn_box .btn_prev {padding-left:18.181818%;text-align:left;background-image:url('../images/ico_btn_prev.png');background-repeat:no-repeat;background-position:9.345794% 50%;background-size:auto 1.25rem;}
.layer_popup .layer_btn_box .btn_next {padding-right:18.181818%;color:#ffffff;text-align:right;background-image:url('../images/ico_btn_next.png');background-repeat:no-repeat;background-position:90.654206% 50%;background-size:auto 1.25rem;}
/* 서술형 */
.test_box_wrap .test_cont .type_box img {margin-top:1.4rem;}
.test_box_wrap .test_cont .type_box .textarea_answer {margin-top:1.5rem;height:12.5rem;color:#333333;background-color:#f5f5f5;}
/* 객관식 */
.test_box_wrap .test_cont .multi_list {margin-top:1.4rem;}
.test_box_wrap .test_cont .multi_list li {margin-top:1rem;}
.test_box_wrap .test_cont .multi_list li:first-child {margin-top:0;}
.test_box_wrap .test_cont .multi_list li input[type="radio"] + label {display:block;padding:0.8rem 1rem 0.8rem;width:100%;font-size:1.2rem;font-weight:500;color:#333333;border:1px solid #dcdcdc;height:auto;line-height:1.5;}
.test_box_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);}
.test_box_wrap .test_cont .multi_list li input[type="radio"] + label img {margin-top:0.85rem;}
/* OX */
.test_box_wrap .test_cont .ox_wrap {margin:1.4rem 0 0 ;font-size:0;text-align:center;}
.test_box_wrap .test_cont .ox_wrap .ox_box {display:inline-block;width:16.1rem;height:16.1rem;vertical-align:top;}
.test_box_wrap .test_cont .ox_wrap .x_box {margin-left:0.8rem;}
.test_box_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;}
.test_box_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);}
.test_box_wrap .test_cont .ox_wrap .ox_box.o_box input[type="radio"] + label {background-image:url('../images/ico_o.png');background-size:auto 7.75rem;}
.test_box_wrap .test_cont .ox_wrap .ox_box.o_box input[type="radio"]:checked + label {background-image:url('../images/ico_o_active.png');}
.test_box_wrap .test_cont .ox_wrap .ox_box.x_box input[type="radio"] + label {background-image:url('../images/ico_x.png');background-size:auto 7.45rem;}
.test_box_wrap .test_cont .ox_wrap .ox_box.x_box input[type="radio"]:checked + label {background-image:url('../images/ico_x_active.png');}

/* 시험 결과 */
.test_box_wrap .test_date {margin-top:0.9rem;font-size:0;}
.test_box_wrap .test_date .title {display:inline-block;font-size:1.2rem;font-weight:700;color:#999999;vertical-align:top;line-height:1.2rem;}
.test_box_wrap .test_date .i_time {display:inline-block;margin-left:0.6rem;font-size:1.2rem;font-weight:400;color:#999999;vertical-align:top;line-height:1.2rem;}
.test_box_wrap .test_date .i_time2 {display:inline-block;margin-left:0.6rem;font-size:1.2rem;font-weight:400;color:#999999;vertical-align:top;line-height:1.2rem;}
.test_box_wrap .test_cont .tbl_test_result {margin-bottom:1.5rem;width:100%;}
.test_box_wrap .test_cont .tbl_test_result th {height:3.5rem;font-size:1.2rem;font-weight:500;color:#ffffff;background-color:#666666;text-align:center;vertical-align:middle;}
.test_box_wrap .test_cont .tbl_test_result td {height:3.5rem;font-size:1.2rem;font-weight:400;color:#333333;background-color:#ffffff;text-align:center;vertical-align:middle;border-right:1px solid #b3b3b3;border-bottom:1px solid #b3b3b3;}
.test_box_wrap .test_cont .tbl_test_result td:last-child {border-right:0;}
.test_box_wrap .test_cont .entered_box {margin-top:1.3rem;}
.test_box_wrap .test_cont .entered_box .multi_list li input[type="radio"] + label.chk_correct {padding-right:9.090909%;background:url('../images/chk_correct_red.png') no-repeat 96% 50%;background-size:auto 0.85rem;}
.test_box_wrap .test_cont .entered_box .ox_wrap .ox_box.chk_correct {background:url('../images/chk_correct_red.png') no-repeat 13.9rem 1rem;background-size:auto 0.85rem;}
.test_box_wrap .test_cont .entered_desc {padding:0.8rem 0.95rem;width:100%;font-size:1.2rem;color:#333333;line-height:1.8rem;background-color:#f5f5f5;}
.answer_box_wrap .answer_cont ol li .i_answer .i_incorrect {color:#ea563a;}
.test_box_wrap .test_cont .commentary_box {margin-top:3rem;padding:1.2rem 1rem 0.95rem;border:1px solid #999999;}
.test_box_wrap .test_cont .commentary_box .title_wrap {padding-bottom:0.85rem;margin-bottom:0.95rem;border-bottom:1px solid #dddddd;overflow:hidden;}
.test_box_wrap .test_cont .commentary_box .title_wrap .i_score {float:right;font-size:1.2rem;color:#333333;text-align:right;}
.test_box_wrap .test_cont .commentary_box .title_wrap .i_score .acq_score {font-weight:700;color:#5372b9;}
.test_box_wrap .test_cont .commentary_box .title_wrap .i_score .zero_score {font-weight:700;color:#ea563a;}
.test_box_wrap .test_cont .commentary_box .title_wrap .i_score .total_score {font-weight:700;color:#333333;}
.test_box_wrap .test_cont .commentary_box .title_wrap p {float:left;font-size:1.2rem;font-weight:700;}
.test_box_wrap .test_cont .commentary_box .title_wrap p.info_correct {color:#5372b9;}
.test_box_wrap .test_cont .commentary_box .title_wrap p.info_incorrect {color:#ea563a;}
.test_box_wrap .test_cont .commentary_box .comment_box {margin-top:1.5rem;}
.test_box_wrap .test_cont .commentary_box .title_wrap + .comment_box {margin-top:0;}
.test_box_wrap .test_cont .commentary_box .comment_box .title {display:block;margin-bottom:0.55rem;font-size:1.2rem;font-weight:700;color:#333333;}
.test_box_wrap .test_cont .commentary_box .comment_box .desc {font-size:1.2rem;color:#333333;line-height:1.8rem;}
.test_box_wrap .test_cont .commentary_box .comment_box img {display:block;max-width:100%;height:auto;margin-top:1.35rem;}

.test_box_wrap .answer_box_wrap .answer_box2 {border:1px solid #cccccc;background-color:#f5f5f5;}
.test_box_wrap .answer_box_wrap .answer_box2 .box_inner {overflow-x:hidden;overflow-y:auto;}
.test_box_wrap .answer_box_wrap .answer_box2 .title_wrap {overflow:hidden;}
.test_box_wrap .answer_box_wrap .answer_box2 .title {float:left;color:#333333;}
.test_box_wrap .answer_box_wrap .answer_box2 .remain_question {float:right;color:#999999;}
.test_box_wrap .answer_box_wrap .answer_box2 ol li {overflow:hidden;}
.test_box_wrap .answer_box_wrap .answer_box2 ol li:first-child {margin-top:0;}
.test_box_wrap .answer_box_wrap .answer_box2 ol li .answer_num {min-width:35px;width:14%;height:100%;display:block;float:left;color:#ffffff;text-align:center;background-color:#cccccc;}
.test_box_wrap .answer_box_wrap .answer_box2 ol li .answer_status {width:86%;height:100%;display:block;float:left;color:#333333;border-top:1px solid #cccccc;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;text-align:center;}
.test_box_wrap .answer_box_wrap .answer_box2 ol li .answer_status .answer_o {display:inline-block;background:url('../images/ico_o_xs.png') no-repeat;vertical-align:top;}
.test_box_wrap .answer_box_wrap .answer_box2 ol li .answer_status .answer_x {display:inline-block;background:url('../images/ico_x_xs.png') no-repeat;vertical-align:top;}
.test_box_wrap .answer_box_wrap .answer_box2 ol li .answer_num {background-color:#666666;}
.test_box_wrap .answer_box_wrap .answer_box2 ol li .answer_status {border-color:#999999;}


/* Layer popup - 과제 */
.layer_popup .task_wrap .subject_wrap {padding-bottom:1.6rem;border-bottom:1px solid #dddddd;}
.layer_popup .task_wrap .subject_wrap .task_name {font-size:1.75rem;font-weight:700;color:#333333;}
.layer_popup .task_wrap .submit_date {display:block;margin-top:0.9rem;font-size:0;}
.layer_popup .task_wrap .submit_date .title {display:inline-block;font-size:1.2rem;font-weight:700;color:#999999;vertical-align:top;line-height:1.2rem;}
.layer_popup .task_wrap .submit_date .i_date {display:inline-block;margin-left:0.6rem;font-size:1.2rem;font-weight:400;color:#999999;vertical-align:top;line-height:1.2rem;}
.layer_popup .task_wrap .cont_manager {border-bottom:1px solid #cccccc;}
.layer_popup .task_wrap .cont_manager p {padding:1.25rem 0;min-height:12.1rem;font-size:1.2rem;color:#333333;line-height:1.8rem;}
.layer_popup .task_wrap .file_list {clear:both;margin-top:1rem;border-bottom:1px solid #cccccc;text-align:left;}
.layer_popup .task_wrap .file_list li {position:relative;padding:0.7rem 3.25rem 0.8rem 2.8rem;border-top:1px solid #cccccc;border-left:1px solid #cccccc;border-right:1px solid #cccccc;background:url('../images/ico_file_clip.png') no-repeat 1rem 50%;background-size:auto 1.2rem;}
.layer_popup .task_wrap .file_list li a {font-size:1.2rem;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:3.25rem;height:100%;background:url('../images/ico_file_del.png') no-repeat 50% 50%;background-size:auto 1.2rem;}
.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:3.65rem;}
.layer_popup .task_wrap .cont_learner .title {display:block;margin-bottom:0.65rem;font-size:1.4rem;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:3.4rem;line-height:3.4rem;font-size:1.4rem;font-weight:400;color:#666666;border-top:0;border-left:0;border-right:0;}
.layer_popup .task_wrap .cont_learner .input_box .ast {position:absolute;top:0.95rem;left:12.75rem;font-size:1.4rem;color:#ea563a;}
.layer_popup .task_wrap .cont_learner .i_textarea {padding:1.65rem 0;height:18.15rem;font-size:1.2rem;color:#666666;border:0;border-bottom:1px solid #cccccc;}
.layer_popup .task_wrap .cont_learner .filebox {margin-top:1.45rem;}
.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;margin-bottom:0;font-size:1.2rem;font-weight:500;color:#333333;line-height:2.5rem;}
.layer_popup .task_wrap .cont_learner .filebox .btn_file {float:right;}
.layer_popup .task_wrap .btn_box .btn_theme {color:#ffffff;}

/* Layer popup - 과제 결과 */
.layer_popup .task_wrap .cont_learner.view_cont {position:relative;}
.layer_popup .task_wrap .cont_learner.view_cont .submit_date {position:absolute;top:0.45rem;right:0;bottom:auto;margin-top:0;}
.layer_popup .task_wrap .cont_learner.view_cont .submit_date .title {display:inline-block;margin-bottom:0;font-size:1.2rem;font-weight:700;color:#999999;vertical-align:top;line-height:1.2rem;}
.layer_popup .task_wrap .cont_learner.view_cont .submit_date .i_date {display:inline-block;margin-left:0.6rem;font-size:1.2rem;font-weight:400;color:#999999;vertical-align:top;line-height:1.2rem;}
.layer_popup .task_wrap .cont_learner.view_cont .val_subject {padding:0.7rem 0 0.6rem;font-size:1.4rem;font-weight:400;color:#666666;border-bottom:1px solid #cccccc;}
.layer_popup .task_wrap .cont_learner.view_cont .i_textarea {min-height:18.1rem;height:auto;border-bottom:0;}
.layer_popup .task_wrap .cont_learner.view_cont .file_list {margin-top:0;}
.layer_popup .task_wrap .evalu_result {margin-top:3.9rem;}
.layer_popup .task_wrap .evalu_result .box_title {font-size:1.2rem;font-weight:700;color:#333333;}
.layer_popup .task_wrap .evalu_result .evalu_cont {margin-top:0.85rem;padding:0.8rem 1.05rem 0.85rem;background-color:#f5f5f5;}
.layer_popup .task_wrap .evalu_result .evalu_cont > div {margin-top:1rem;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:18.608414%;font-size:1.2rem;font-weight:700;color:#333333;line-height:1.8rem;}
.layer_popup .task_wrap .evalu_result .evalu_cont > div .desc {float:left;width:80.906148%;font-size:1.2rem;font-weight:400;color:#333333;line-height:1.8rem;}

/* Layer popup - 설문 참여 */
.layer_popup .pop_survey_wrap .subject_wrap {padding-bottom:1.6rem;border-bottom:1px solid #dddddd;}
.layer_popup .pop_survey_wrap .subject_wrap .survey_name {font-size:1.75rem;font-weight:700;color:#333333;}
.layer_popup .pop_survey_wrap .submit_date {display:block;margin-top:0.9rem;font-size:0;}
.layer_popup .pop_survey_wrap .submit_date .title {display:inline-block;font-size:1.2rem;font-weight:700;color:#999999;vertical-align:top;line-height:1.2rem;}
.layer_popup .pop_survey_wrap .submit_date .i_date {display:inline-block;margin-left:0.6rem;font-size:1.2rem;font-weight:400;color:#999999;vertical-align:top;line-height:1.2rem;}
.layer_popup .pop_survey_wrap .survey_paging {padding:1.25rem 0 0.85rem;font-size:0;text-align:right;}
.layer_popup .pop_survey_wrap .survey_paging .page_num {display:inline-block;font-size:1.2rem;font-weight:400;color:#999999;vertical-align:top;}
.layer_popup .pop_survey_wrap .survey_paging .page_num .num_current {font-size:1.2rem;font-weight:700;color:#000000;}
.layer_popup .pop_survey_wrap .survey_paging .circle_paging {display:inline-block;padding:0.5rem 0;vertical-align:top;}
.layer_popup .pop_survey_wrap .survey_paging .circle_paging li {display:inline-block;margin-left:0.8rem;width:0.8rem;height:0.8rem;border-radius:50%;vertical-align:top;background-color:#dddddd;}
.layer_popup .pop_survey_wrap .survey_paging .circle_paging li.i_active {display:inline-block;width:0.8rem;height:0.8rem;border-radius:50%;vertical-align:top;background-color:#dddddd;}
.layer_popup .pop_survey_wrap .content_wrap .survey_info {margin-bottom:2.5rem;padding:0.8rem 1rem;min-height:8rem;font-size:1.2rem;color:#333333;line-height:1.8rem;background-color:#f5f5f5;}
.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 .survey_box_wrap + .btn_box button.btn_lg_next {background-image:url('../images/ico_btn_next.png');background-repeat:no-repeat;background-position:95.6% 50%;background-size:auto 1.25rem;}
.layer_popup .pop_survey_wrap .survey_box_wrap + .btn_box button.btn_devide {padding:0;text-align:center;}

/* Layer popup - 반려사유, 취소사유 보기 */
.layer_popup .in_charge {margin-bottom:1.05rem;padding-bottom:1.15rem;border-bottom:1px solid #cccccc;overflow:hidden;}
.layer_popup .in_charge .title {display:block;float:left;width:4.3rem;font-size:1.4rem;font-weight:700;color:#333333;vertical-align:top;}
.layer_popup .in_charge .i_name {display:block;float:left;width:calc(100% - 4.3rem);font-size:1.4rem;font-weight:400;color:#333333;vertical-align:top;}
.layer_popup .pop_content {min-height:18.1rem;font-size:1.2rem;color:#333333;line-height:1.8rem;}

/* Layer popup - 취소사유 입력 */
.layer_popup .simple_textarea textarea {height:21.5rem;font-size:1.2rem;color:#333333;line-height:1.8rem;}

/* Layer popup - 결재자 지정 */
.layer_popup .pop_approver .form_box.tbl_style {margin-top:0;}
.layer_popup .pop_approver .form_box.tbl_style .form_group:first-child {padding-top:0;border-top:0;}

/* 신청 보고 */
.apply_report {margin-top:2.5rem;}
.tbl_style {border-bottom:1px solid #cccccc;}
.tbl_style > li {display:table;width:100%;table-layout:fixed;border-top:1px solid #cccccc;}
.tbl_style > li .th {display:table-cell;width:27.272727%;padding:0.8rem 1rem 0.9rem;font-size:1.2rem;font-weight:500;color:#333333;background-color:#f8f8f8;}
.tbl_style > li .td {display:table-cell;width:72.727272%;padding:0.8rem 1rem 0.9rem;font-size:1.2rem;font-weight:400;color:#333333;background-color:#ffffff;}
.tbl_style > li .td .i_file {color:#0000ff;}

/* 수료 보고 */
.compl_report {margin-top:2.5rem;}
.compl_report .report_add_file .btn_file {margin-top:0.4rem;padding:0;width:6rem;font-weight:500;color:#666666;text-align:center;}
.compl_report .report_add_file .tbl_style > li .td {vertical-align:middle;}
.compl_report .document_add_info {display:block;padding:1.25rem 1.05rem 1.35rem;}
.compl_report .document_add_info.close {height:0;}
.compl_report .document_add_info .title {display:block;padding-left:2rem;font-size:1.2rem;font-weight:700;color:#333333;background:url('../images/ico_info.png') no-repeat 0 50%;background-size:auto 1.25rem;}
.compl_report .document_add_info ol {margin-top:0.6rem;padding-left:1.85rem;}
.compl_report .document_add_info ol > li {margin-top:0.6rem;}
.compl_report .document_add_info ol > li:first-child {margin-top:0;}
.compl_report .document_add_info ul {padding-left:1.15rem;}
.compl_report .document_add_info ul > li {position:relative;padding-left:0.75rem;}
.compl_report .document_add_info ul > li span {position:absolute;top:0;left:0;}
.compl_report .document_add_info li {font-size:1.2rem;color:#333333;line-height:1.8rem;}
.compl_report .satisfaction_level {margin-top:3.65rem;}
.compl_report .satisfaction_level .title {display:block;margin-bottom:1.05rem;font-size:1.2rem;font-weight:700;color:#333333;}
.compl_report .satisfaction_level .title + .satis_survey {margin-top:0;}
.compl_report .satisfaction_level .satis_survey {margin-top:2.25rem;}
.compl_report .satisfaction_level .satis_survey p {position:relative;padding-left:0.85rem;font-size:1.2rem;font-weight:500;color:#333333;}
.compl_report .satisfaction_level .satis_survey p:before {content:'';display:inline-block;position:absolute;top:0.8rem;left:0;width:0.35rem;height:0.35rem;background-color:#999999;border-radius:50%;}
.compl_report .satisfaction_level .satis_survey ul {margin-top:0.9rem;height:4.8rem;}
.compl_report .satisfaction_level .satis_survey li {float:left;width:20%;height:100%;font-size:1.2rem;font-weight:500;line-height:1.4rem;text-align:center;border-left:1px solid #cccccc;border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;}
.compl_report .satisfaction_level .satis_survey li:last-child {border-right:1px solid #cccccc;}
.compl_report .satisfaction_level .satis_survey li input[type="radio"] + label {padding-left:0;width:100%;height:100%;color:#333333;line-height:1.4rem;background-color:#f5f5f5;}
.compl_report .satisfaction_level .satis_survey li input[type="radio"] + label:after {content:"";position:relative;display:inline-block;height:100%;vertical-align:middle;}
.compl_report .satisfaction_level .satis_survey li input[type="radio"] + label span {display:inline-block;vertical-align:middle;white-space:normal;}
.compl_report .satisfaction_level .satis_survey li input[type="radio"]:checked + label {color:#ffffff;}
.compl_report .satisfaction_level .satis_survey textarea {margin-top:0.9rem;height:8.45rem;}
.compl_report .satisfaction_level .satis_survey .textarea {margin-top:0.9rem;height:8.45rem;}
.compl_report .satisfaction_level + .btn_box {margin-top:3rem;}

/* 수료 보고 - view */
.compl_report .approve_status {margin-bottom:1.5rem;}
.compl_report .approve_status .title {display:block;margin-bottom:1.05rem;font-size:1.2rem;font-weight:700;color:#333333;}
.compl_report .approve_status table {width:100%;}
.compl_report .approve_status th {height:3.5rem;font-size:1.2rem;font-weight:500;color:#ffffff;background-color:#666666;text-align:center;vertical-align:middle;}
.compl_report .approve_status td {padding:0.9rem 0 0.75rem;height:3.5rem;font-size:1.2rem;font-weight:400;color:#333333;background-color:#ffffff;text-align:center;vertical-align:middle;border-right:1px solid #b3b3b3;border-bottom:1px solid #b3b3b3;}
.compl_report .approve_status td:last-child {border-right:0;}
.compl_report .approve_status td span {display:block;line-height:1.8rem;}
.compl_report .approve_status td span.theme_color {font-weight:500;}
.compl_report .btn_docu_info {display:block;margin-top:0.85rem;width:100%;height:2.5rem;line-height:2.4rem;font-size:1.2rem;color:#666666;text-align:center;border:1px solid #cccccc;border-radius:4px;}

.bg_gray {background-color:#f5f5f5;}
.photo_edit {z-index:3;display:block;position:absolute;bottom:0;right:0;width:2.75rem;height:2.75rem;background:url('../images/ico_edit_profile.png') no-repeat;background-size:100% auto;}
.profile_box {padding:2.75rem 0  0;height:12.25rem;}
.profile_box .profile_img_wrap {position:relative;float:left;width:7rem;height:7rem;}
.profile_box .profile_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 50% 50%;background-size:cover;}
.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%;}
.profile_box .profile_info {margin-left:8rem;padding-top:1.05rem;min-height:7rem;}
.profile_box .profile_info .my_name {display:inline-block;font-size:1.75rem;font-weight:700;color:#ffffff;vertical-align:top;line-height:1.75rem;}
.profile_box .profile_info .my_position {display:inline-block;margin-left:0.4rem;font-size:1.2rem;font-weight:400;color:#ffe6c2;vertical-align:top;line-height:1.75rem; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.profile_box .btn_wrap {margin-top:1rem;margin-left:0.2rem;font-size:0;}
.profile_box .btn_wrap button {margin-left:0.5rem;width:7.5rem;height:2rem;line-height:1.9rem;font-size:1.2rem;color:#ffffff;border:1px solid rgba(255,255,255,.7);text-align:center;background-color:transparent;}
.profile_box .btn_wrap button:first-child {margin-left:0;}

/* My page - Main */
.my_main .my_title {display:block;font-size:1.75rem;font-weight:700;}
.my_main .my_status {margin-top:2rem;}
.my_main .my_status .num_box_wrap {display:table; table-layout:fixed; width:100%; margin-top:0.65rem;margin-bottom:1rem;padding:1.5rem 0;height:7.1rem;overflow:hidden;border:0;border-top-width:2px;border-style:solid;background-color:#ffffff;}
.my_main .my_status .num_box_wrap li {display:table-cell; /* float:left; */padding:0.05rem 0 0;width:25%;height:4rem;text-align:center;border-left:1px solid #cccccc;}
.my_main .my_status .num_box_wrap li:first-child {border-left:0;}
.my_main .my_status .num_box_wrap li .box_title {display:block;font-size:1.2rem;font-weight:500;color:#333333;line-height:1;}
.my_main .my_status .num_box_wrap li .i_num {display:block;margin-top:0.9rem;font-size:2rem;font-weight:900;line-height:1;}
.my_main .my_status .my_survey_link {padding:0.65rem 1rem 0;height:8.25rem;background-color:#ffefef;border-radius:4px;-webkit-box-shadow: 2px 2px 6px 1px rgba(0,0,0,0.1);box-shadow: 2px 2px 6px 1px rgba(0,0,0,0.1);}
.my_main .my_status .my_survey_link p {font-size:1.2rem;font-weight:400;color:#333333;line-height:1.85rem;}
.my_main .my_status .my_survey_link p .i_date {font-weight:300;}
.my_main .my_status .my_survey_link .survey_name {display:block;position:relative;margin-top:0.7rem;padding-right:1.5rem;font-size:1.5rem;color:#333333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.my_main .my_status .my_survey_link .survey_name i {display:inline-block;position:absolute;top:0.85rem;right:0;width:0.45rem;height:0.75rem;background:url('../images/ico_arrow_right.png') no-repeat;background-size:100% auto;}
.my_main .my_connect_page {margin-top:2.5rem;}
.my_main .my_connect_page li {position:relative;height:3.95rem;border-top:1px solid #cccccc;border-left:1px solid #cccccc;border-right:1px solid #cccccc;text-align:right;background-color:#ffffff;}
.my_main .my_connect_page li:last-child {border-bottom:1px solid #cccccc;}
.my_main .my_connect_page li a {display:block;padding:0 1rem;height:100%;}
.my_main .my_connect_page li .title {position:absolute;top:0.85rem;left:0.85rem;font-size:1.4rem;font-weight:500;color:#333333;text-align:left;}
.my_main .my_connect_page li .i_cont {display:inline-block;padding-right:1.2rem;height:100%;line-height:3.8rem;font-size:1.2rem;font-weight:500;vertical-align:top;background:url('../images/ico_arrow_right.png') no-repeat 100% 50%;background-size:auto 0.75rem;}
.my_main .my_connect_page li .i_cont .lapse_point {margin-right:0.65rem;font-size:1.2rem;font-weight:300;color:#333333;}
.my_main .my_shortcut {margin-top:2.5rem;}
.my_main .my_shortcut ul {overflow:hidden;}
.my_main .my_shortcut li {float:left;width:calc((100% - 2px) / 2) !important; height:4.05rem;}
.my_main .my_shortcut li:nth-child(even) {/* border-right:2px solid #ffffff; */ margin-left:2px;}
.my_main .my_shortcut li:nth-child(1),
.my_main .my_shortcut li:nth-child(2) {border-bottom:2px solid #ffffff;}
.my_main .my_shortcut li a {display:block;padding-left:1rem;height:100%;font-size:1.4rem;font-weight:500;color:#ffffff;background-color:#333333;line-height:3.95rem;background-repeat:no-repeat;background-position:94% 50%;background-size:1.35rem auto;}
.my_main .my_shortcut li.short_pay a {background-image:url('../images/ico_wallet_white.png');}
.my_main .my_shortcut li.short_like a {background-image:url('../images/ico_like_white.png');}
.my_main .my_shortcut li.short_subs a {background-image:url('../images/ico_subs_white.png');}
.my_main .my_shortcut li.short_bookmark a {background-image:url('../images/ico_bookmark_white.png');}
.my_main .disposition_box {position:relative;margin-top:4rem;}
.my_main .disposition_box .my_title {padding:0.1rem 0 0;}
.my_main .disposition_box .selectric-select_box {position:absolute;top:-5px;right:0;width:16.5rem;}
.my_main .disposition_box .selectric-select_box .selectric {border-radius:4px;}
.my_main .disposition_box .selectric-select_box .selectric .label {color:rgba(76,76,76,.5);}
.my_main .disposition_box .selectric-select_box .selectric .button {width:0.75rem;height:0.45rem;background:url('../images/disposit_sel_button.png') no-repeat;background-size:100% auto;}
.my_main .disposition_box .selectric-select_box.selectric-open .selectric .button {background:url('../images/disposit_sel_button_up.png') no-repeat center center;background-size:100% auto;}
.my_main .disposition_box .content_box {position:relative;margin-top:1.4rem;padding:1.1rem 1rem 1.5rem;border:0;border-top-width:2px;border-style:solid;background-color:#ffffff;}
.my_main .disposition_box .content_box .title {display:block;margin-bottom:1.15rem;font-size:1.4rem;font-weight:500;color:#333333;}
.my_main .disposition_box .content_box .disposit_graph .bar_box_wrap {margin-top:1.4rem;}
.my_main .disposition_box .content_box .disposit_graph .bar_box_wrap:first-child {margin-top:0;}
.my_main .disposition_box .content_box .disposit_graph .bar_box_wrap .bar_title {display:block;font-size:1.2rem;color:#999999;line-height:1;}
.my_main .disposition_box .content_box .disposit_graph .bar_box {position:relative;margin-top:0.4rem;height:1.75rem;}
.my_main .disposition_box .content_box .disposit_graph .bar_box .bar_active {z-index:2;position:relative;display:inline-block;height:100%;border-radius:0 0.875rem 0.875rem 0;background-color:#aaaaaa;}
.my_main .disposition_box .content_box .disposit_graph .bar_box .bar_active .circle {display:inline-block;position:absolute;top:50%;margin-top:-0.575rem;right:0.3rem;width:1.15rem;height:1.15rem;background-color:#ffffff;border-radius:50%;}
.my_main .disposition_box .content_box .disposit_graph .bar_box .i_num {z-index:3;position:absolute;top:0;left:0.25rem;font-size:1.2rem;color:#ffffff;line-height:1.75rem;}
.my_main .disposition_box .content_box .disposit_graph .bar_box .bar_back {z-index:1;display:block;position:absolute;top:0.6rem;left:0;width:100%;height:0.5rem;background-color:#ececec;}
.my_main .rank_box {margin-top:3.45rem;}
.my_main .rank_box .content_box {position:relative;margin-top:0.65rem;padding:1.1rem 1rem 1.4rem;border:0;border-top-width:2px;border-style:solid;background-color:#ffffff;}
.my_main .rank_box .content_box .rank_title {font-size:1.5rem;font-weight:900;color:#333333;}
.my_main .rank_box .content_box p {margin-top:0.25rem;font-size:1.2rem;font-weight:500;color:#333333;line-height:1.8rem;}
.my_main .rank_box .content_box .data_num {margin-top:1.55rem;}
.my_main .rank_box .content_box .data_num li {overflow:hidden;}
.my_main .rank_box .content_box .data_num li .title {display:block;float:left;width:8.3rem;font-size:1.2rem;font-weight:500;color:#999999;}
.my_main .rank_box .content_box .data_num li .i_num {display:block;float:left;width:3.65rem;font-size:1.2rem;font-weight:400;color:#333333;text-align:right;}
/* Donut Graph */
.chart_wrap {position:absolute;top:1.3rem;right:0.25rem;width:13.4rem;height:13.4rem;}
.chart_wrap #chart {width:13.4rem;height:13.4rem;}
.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:2rem;font-weight:900;fill:#1f1f1f;}
.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_main .apply_num_box {position:relative;margin-top:3.9rem;}
.my_main .apply_num_box .btn_tooltip {position:absolute;top:0;right:0;}
.my_main .apply_num_box .tooltip_box {top:-4.5rem;right:0;}
.my_main .apply_num_box .tooltip_box .ico_arrow {left:auto;margin-left:0;right:0.5rem;}
.my_main .apply_num_box .my_title {line-height:1;}
.my_main .apply_num_box .i_date {display:block;margin-top:0.25rem;font-size:1.2rem;color:#333333;}
.my_main .apply_num_box .content_box {margin-top:0.85rem;height:11.5rem;border:0;border-top-width:2px;border-style:solid;background-color:#ffffff;}
.my_main .apply_num_box .content_box ul {display:table; table-layout:fixed; padding:1.5rem 0 2.85rem;height:100%;font-size:0;}
.my_main .apply_num_box .content_box li {display:table-cell; padding:0; width:7.5rem;text-align:center;border-left:1px solid #f5f5f5;vertical-align:top;}
.my_main .apply_num_box .content_box li:first-child {border-left:0;}
.my_main .apply_num_box .content_box li .i_num {display:block;font-size:1.4rem;color:#999999;line-height:1;}
.my_main .apply_num_box .content_box li .i_num .possible_num {font-weight:700;color:#333333}
.my_main .apply_num_box .content_box li .i_cate {display:block;margin-top:0.35rem;font-size:1.2rem;color:#333333;}
.my_main .apply_num_box .content_box li .i_status {display:block;margin:1.5rem auto 0;width:5.5rem;height:2rem;line-height:2rem;font-size:1.2rem;color:#0367a6;background-color:#e5f0f6;border-radius:4px;}
.my_main .apply_num_box .content_box li .i_status.i_disabled {color:#706f6f;background-color:#f0f0f0;}

/* My page - confirm pw */
.my_confirm_pw {height:calc(100vh - 6rem);text-align:center;font-size:0;}
.my_confirm_pw:after {content:"";position:relative;display:inline-block;height:100%;vertical-align:middle;}
.my_confirm_pw .confirm_pw_inner {display:inline-block;width:100%;vertical-align:middle;white-space:normal;}
.my_confirm_pw .confirm_pw_inner .user_name {display:block;font-size:1.4rem;font-weight:400;color:#333333;}
.my_confirm_pw .confirm_pw_inner .user_name b {font-size:1.75rem;font-weight:700;color:#333333;}
.my_confirm_pw .confirm_pw_inner p {margin-top:0.4rem;font-size:1.4rem;font-weight:500;color:#999999;}
.my_confirm_pw .confirm_pw_inner .input_box {margin-top:2.75rem;}
.my_confirm_pw .confirm_pw_inner .input_box input {height:4rem;line-height:3.9rem;font-size:1.4rem;font-weight:300;color:#666666;}
.my_confirm_pw .confirm_pw_inner .btn_confirm {display:block;margin-top:1rem;width:100%;height:4rem;line-height:3.9rem;font-size:1.4rem;font-weight:500;text-align:center;}

/* My page - modify */
.my_modify .form_box.tbl_style {border-bottom:0;}
.my_modify .form_box.tbl_style .form_group:first-child {padding-top:0.2rem;border-top:0;}
.my_modify .form_box.tbl_style .form_group .cont .val_cont {font-size:1.4rem;}
.my_modify .form_box.tbl_style .form_group.form_change_pw #btn_chg {width:100%;}
.my_modify .form_box.tbl_style .form_group .direct_ip_box {display:none;margin-top:1rem;}
.my_modify .btn_box {margin-top:1rem;}

/* My page - change pw */
.pw_chg_box .title {display:block;font-size:1.4rem;font-weight:500;color:#333333;}
.pw_chg_box .input_box {margin-top:0.75rem;}
.pw_chg_box .input_box input {padding:0 1rem;height:4rem;line-height:3.9rem;font-size:1.4rem;}
.pw_chg_box + .pw_chg_box {margin-top:2.55rem;}
.pw_chg_box + .pw_chg_box + .btn_box {margin-top:2.7rem;}

/* My page - Point */
.my_point .i_blue {color:#3d7ca4 !important;}
.my_point .i_red {color:#ff0000 !important;}
.my_point .total_point_wrap {height:4rem;overflow:hidden;}
.my_point .total_point_wrap .point_box {float:left;width:25%;height:100%;border-left:1px solid #cccccc;text-align:center;}
.my_point .total_point_wrap .point_box:first-child {border-left:0;}
.my_point .total_point_wrap .point_box.total_box .title {position:relative;}
.my_point .total_point_wrap .point_box.total_box .title .ico_point {display:inline-block;margin-left:0.25rem;width:1rem;height:1rem;background:url('../images/ico_point.png') no-repeat;background-size:100% auto;}
.my_point .total_point_wrap .point_box .title {display:block;padding:0.1rem 0 0;font-size:1.2rem;font-weight:500;color:#333333;line-height:1;}
.my_point .total_point_wrap .point_box .point_num_wrap {margin-top:0.75rem;font-size:0;}
.my_point .total_point_wrap .point_box .point_num_wrap .i_num {display:inline-block;font-size:1.55rem;font-weight:700;color:#333333;line-height:1;}
.my_point .total_point_wrap .point_box .point_num_wrap .i_point {display:inline-block;margin-left:0.4rem;font-size:1.1rem;font-weight:900;color:#cccccc;line-height:1;}
.my_point #snb {margin-top:3rem;}
.my_point .calendar_box input {float:left;padding:0 0.5rem;width:10rem;height:3rem;line-height:2.9rem;font-size:1.2rem;color:#999999;background:url('../images/ico_calendar.png') no-repeat 94% 50%;cursor:pointer;background-size:1.5rem auto;}
.my_point .calendar_box .i_dash {display:block;float:left;width:1.5rem;height:3rem;line-height:2.9rem;font-size:1.2rem;color:#999999;text-align:center;}
.my_point .point_srh_opt {margin-top:2rem;}
.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;border-radius:4px;overflow:hidden;font-size:0;}
.my_point .point_srh_opt .chk_wrap input[type="checkbox"] + label {padding:0;width:5rem;height:3rem;line-height:3rem;font-size:1.2rem;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:3rem;border-bottom:1px solid #cccccc;}
.my_point .point_list_wrap li {position:relative;padding:2rem 0 1.95rem;border-top:1px solid #cccccc;}
.my_point .point_list_wrap li .i_cate {display:block;font-size:1.2rem;font-weight:500;line-height:1;}
.my_point .point_list_wrap li .i_title {display:block;margin-top:0.75rem;padding-right:7.65rem;font-size:1.4rem;font-weight:700;color:#333333;line-height:2rem;}
.my_point .point_list_wrap li .i_date {display:block;margin-top:1.3rem;font-size:1.2rem;font-weight:300;color:#666666;line-height:1;}
.my_point .point_list_wrap li .point_wrap {position:absolute;top:50%;margin-top:-1.125rem;right:0;font-size:0;}
.my_point .point_list_wrap li .point_wrap .num_point {display:inline-block;font-size:1.5rem;font-weight:700;vertical-align:top;}
.my_point .point_list_wrap li .point_wrap .text_point {display:inline-block;margin-left:0.45rem;font-size:1.5rem;font-weight:900;color:#cccccc;vertical-align:top;}

/* My page - Point Order List */
.my_point .point_order_list {margin-top:1rem;border-bottom:1px solid #cccccc;}
.my_point .point_order_list li {position:relative;padding:1.95rem 0 2rem;border-top:1px solid #cccccc;overflow:hidden;}
.my_point .point_order_list li .thumb_box {float:left;width:10rem;height:10rem;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}
.my_point .point_order_list li .order_info {margin-left:36.515151%;padding:0.2rem 0 0;min-height:10rem;}
.my_point .point_order_list li .order_info .order_num {display:block;font-size:1.1rem;font-weight:500;color:#999999;}
.my_point .point_order_list li .order_info .i_title {margin-top:0.2rem;padding-right:3.5rem;height:3.6rem;line-height:1.8rem;font-size:1.4rem;font-weight:700;color:#333333;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2; /* 라인수 */-webkit-box-orient: vertical;overflow:hidden;}
.my_point .point_order_list li .order_info .i_date {display:block;margin-top:0.5rem;font-size:1.1rem;font-weight:300;color:#666666;}
.my_point .point_order_list li .order_info .i_status {display:block;margin-top:0.25rem;font-size:1.2rem;font-weight:500;}
.my_point .point_order_list li .point_wrap {position:absolute;top:50%;right:0;margin-top:-0.75rem;font-size:0;text-align:right;}
.my_point .point_order_list li .point_wrap .num_point {display:inline-block;font-size:1.5rem;font-weight:700;color:#333333;vertical-align:top;}
.my_point .point_order_list li .point_wrap .text_point {display:inline-block;margin-left:0.45rem;font-size:1.5rem;font-weight:700;color:#cccccc;vertical-align:top;}
.my_point .point_order_list li .btn_box {margin-top:1rem;}
.my_point .point_order_list li .btn_box button {height:3rem;line-height:2.9rem;font-size:1.2rem;font-weight:500;border-radius:4px;}
.my_point .point_order_list li .btn_box button.btn_cancle {background-color:#ffffff;border-width:1px;border-style:solid;}

/* My page - SME Contents Write */
.cont_write_form .selectric-nav_contents {margin-bottom:1.9rem;}
.cont_write_form .selectric-nav_contents .selectric {height:4rem;} 
.cont_write_form .selectric-nav_contents .selectric .label {height:4rem;line-height:3.9rem;font-size:1.4rem;font-weight:500;}
.cont_write_form .selectric-nav_contents .selectric .button {width:0.95rem;height:0.5rem;background:url('../images/nav_cont_down.png') no-repeat center center;background-size:100% auto;}
.cont_write_form .selectric-nav_contents.selectric-open .selectric .button {background:url('../images/nav_cont_up.png') no-repeat center center;background-size:100% auto;}
.cont_write_form .input_box {position:relative;}
.cont_write_form .input_box .ast {position:absolute;top:1.1rem;left:3.1rem;font-size:1.4rem;}
.cont_write_form .contents_subj {padding:0;height:3.6rem;line-height:3.5rem;font-size:1.4rem;color:#333333;}
.cont_write_form .contents_subj::-webkit-input-placeholder { /* WebKit browsers */ color:#333333 !important;}
.cont_write_form .contents_subj:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:#333333 !important;}
.cont_write_form .contents_subj::-moz-placeholder { /* Mozilla Firefox 19+ */ color:#333333 !important;}
.cont_write_form .contents_subj:-ms-input-placeholder { /* Internet Explorer 10+ */ color:#333333 !important;}

.cont_write_form .contents_subj:focus::-webkit-input-placeholder { /* WebKit browsers */ color:transparent !important;}
.cont_write_form .contents_subj:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:transparent !important;}
.cont_write_form .contents_subj:focus::-moz-placeholder { /* Mozilla Firefox 19+ */ color:transparent !important;}
.cont_write_form .contents_subj:focus:-ms-input-placeholder { /* Internet Explorer 10+ */ color:transparent !important;}

.cont_write_form .register_contents {margin-top:2rem;}
.cont_write_form .register_contents .title_wrap {position:relative;font-size:0;}
.cont_write_form .register_contents .title_wrap .title {display:inline-block;font-size:1.4rem;font-weight:500;vertical-align:top;line-height:1;}
.cont_write_form .register_contents .title_wrap .ast {display:inline-block;margin-left:10px;font-size:1.4rem;vertical-align:top;line-height:1;}
.cont_write_form .register_contents .title_wrap p {display:block;margin-top:0.1rem;font-size:1.2rem;color:#666666;vertical-align:top;}
.cont_write_form .register_contents .title_wrap .btn_file {position:absolute;top:0.65rem;right:0;}
.cont_write_form .file_list {margin-top:1rem;border-bottom:1px solid #cccccc;text-align:left;}
.cont_write_form .file_list li {position:relative;padding:0.5rem 10% 0.6rem 3.15rem;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 1rem 50%;background-size:auto 1.35rem;}
.cont_write_form .file_list li a {font-size:1.2rem;color:#666666;}
.cont_write_form .file_list li a:hover {text-decoration:underline;}
.cont_write_form .file_list li .btn_file_del {display:block;position:absolute;top:0;right:0;width:10%;height:100%;background:url('../images/ico_review_del.png') no-repeat 50% 50%;background-size:1.35rem;}
.cont_write_form .contents_editor {margin-top:2rem;}
.cont_write_form .btn_detail_set {display:block;position:static;margin:2rem 0 0;padding:0 2.25rem 0 1.1rem;width:100%;height:3rem;line-height:3rem;font-size:1.2rem;color:#ffffff;background-color:#999999;background-image:url('../images/ico_detail_set_down.png');background-position:96.8% 50%;background-size:auto 0.35rem;background-repeat:no-repeat;text-align:left;}
.cont_write_form .btn_detail_set.active {position:fixed;bottom:7rem;left:0;width:100%;background-image:url('../images/ico_detail_set_up.png');}
.cont_write_form .btn_detail_set.active + .detail_set_cont {display:none;}
.cont_write_form .detail_set_cont {display:block;margin-top:2rem;}
.cont_write_form .detail_set_cont .content_cate_wrap {margin-bottom:1rem;}
.cont_write_form .detail_set_cont .content_cate_wrap .selectric-content_cate .selectric {border-bottom:0;}
.cont_write_form .detail_set_cont .content_cate_wrap .selectric-content_cate .selectric .label {color:#999999;}
.cont_write_form .detail_set_cont .content_cate_wrap .selectric-content_cate .selectric-items {border-top:1px solid #ccd5dc;}
.cont_write_form .detail_set_cont .content_cate_wrap .selectric-content_cate:last-child .selectric-items {border-top:0;}
.cont_write_form .detail_set_cont .content_cate_wrap .selectric-content_cate:last-child .selectric {border-bottom:1px solid #cccccc;}
.cont_write_form .detail_set_cont .selectric-opt_display .selectric .label {font-weight:300;}
.cont_write_form .detail_set_cont .write_thumb {position:relative;margin-top:3.05rem;}
.cont_write_form .detail_set_cont .write_thumb .title {display:block;font-size:1.4rem;font-weight:500;color:#333333;line-height:1;}
.cont_write_form .detail_set_cont .write_thumb .size_desc {display:block;margin-top:0.15rem;font-size:1.2rem;color:#999999;}
.cont_write_form .detail_set_cont .write_thumb .photo_edit {z-index:1;display:block;position:absolute;top:2.85rem;right:0.95rem;}
.cont_write_form .detail_set_cont .write_thumb .drag_box {position:relative;margin-top:0.85rem;width:100%;height:13.65rem;background:#f5f5f5 url('../images/ico_drag.png') no-repeat 50% 2.95rem;background-size:3.55rem;text-align:center;}
.cont_write_form .detail_set_cont .write_thumb .drag_box p {padding-top:7.2rem;font-size:1.2rem;color:#999999;line-height:1.8rem;}
.cont_write_form .detail_set_cont .write_thumb .drag_box .btn_del {position:absolute;bottom:0.75rem;right:1rem;padding:0.25rem;width:1.6rem;height:1.6rem;background:transparent url('../images/ico_file_del2.png') no-repeat;background-size:1.35rem;}
.cont_write_form .sec_keyword {margin-top:1.8rem;}
.cont_write_form .sec_keyword .sec_title {display:block;font-size:1.4rem;font-weight:500;color:#333333;line-height:1;}
.cont_write_form .sec_keyword .keyword_list {margin-top:1.05rem;}
/* Youtube */
.cont_write_form .register_contents .link_box {margin-top:1rem;overflow:hidden;}
.cont_write_form .register_contents .link_box input {float:left;width:calc(100% - 6.5rem);padding:0 0.65rem;height:3rem;line-height:2.9rem;font-size:1.2rem;color:#333333;}
.cont_write_form .register_contents .link_box .btn_submit {float:left;width:6.5rem;height:3rem;line-height:2.9rem;font-size:1.2rem;color:#ffffff;background-color:#333333;text-align:center;}
.cont_write_form .register_contents.regi_youtube .youtube_thumb_wrap {position:relative;margin-top:1rem;width:100%;padding-bottom:56.25%;height:0;}
.cont_write_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;}
/* Link */
.cont_write_form .register_contents.regi_link .link_box input {width:100%;}
.cont_write_form .register_contents.regi_link .link_box .btn_preview {margin-top:1rem;width:100%;height:3rem;line-height:3rem;font-size:1.2rem;font-weight:500;color:#666666;text-align:center;background-color:#dddddd;border-radius:4px;}
/* Card Learning */
.cont_write_form .register_contents.regi_card .title_wrap p {display:inline-block;margin-top:0;margin-left:0.95rem;vertical-align:top;line-height:1;}
.cont_write_form .register_contents.regi_card .file_add_box {margin-top:1.7rem;width:100%;height:11.4rem;background-color:#f5f5f5;}
.cont_write_form .register_contents.regi_card .file_add_box input[type="file"] + label {display:block;padding-top:6.75rem;width:100%;height:100%;font-size:1.2rem;color:#999999;text-align:center;background:url('../images/ico_card_add.png') no-repeat;background-size:3rem;background-position:50% 3rem;}
.cont_write_form .register_contents.regi_card .btn_wrap {margin-top:0.95rem;}
.cont_write_form .register_contents.regi_card .btn_wrap label {display:block;cursor:pointer;}
.cont_write_form .register_contents.regi_card .btn_wrap button {display:inline-block;margin-right:1rem;width:7.5rem;height:3rem;line-height:3rem;font-size:1.2rem;font-weight:500;border-radius:4px;}
.cont_write_form .register_contents.regi_card .upload_list {margin:2rem -0.75rem 0;overflow:hidden;}
.cont_write_form .register_contents.regi_card .upload_list:after {display:block;visibility:hidden;clear:both;content:""}
.cont_write_form .register_contents.regi_card .upload_list li {position:relative;float:left;margin-bottom:1.5rem;width:33.333%;}
.cont_write_form .register_contents.regi_card .upload_list li input[type="checkbox"] + label {display:block;position:relative;margin:0 0.75rem;padding:0;height:0;padding-bottom:125%;background-repeat:no-repeat;background-size:cover;background-position:50% 50%;}
.cont_write_form .register_contents.regi_card .upload_list li input[type="checkbox"] + label .i_dim {display:none;}
.cont_write_form .register_contents.regi_card .upload_list li input[type="checkbox"] + label > img {display:none;}
.cont_write_form .register_contents.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%;background-size:auto 1.95rem;}
.cont_write_form .register_contents.regi_card .upload_list li .btn_zoom {z-index:2;display:block;position:absolute;bottom:0.95rem;right:1.75rem;width:1.2rem;height:1.25rem;background:url('../images/ico_zoom.png') no-repeat 50% 50%;background-size:100% auto;}

/* Login */
.login_wrap h1 {margin-bottom:3.3rem; font-size:2rem;font-weight:700;color:#333333;text-align:center;}
.login_wrap.main .login_content {padding:3.35rem 0 7.15rem;}
.login_wrap .login_content {padding-bottom:7.15rem;}
/* .login_wrap .login_box .input_box.ip_id {margin-top:3.3rem;} */
/* .login_wrap .login_box .input_box.ip_pw {margin-top:2.9rem;} */
.login_wrap .login_box .input_box input {height:4rem;line-height:3.8rem;font-size:1.4rem;color:#666666;}
.login_wrap .login_box .find_box_wrap {margin-top:1rem;}
.login_wrap .login_box .err_msg_wrap {height:8rem;}
.login_wrap .login_box .err_msg_wrap .err_msg {padding-top:1.5rem;margin-top:0;}
.login_wrap .login_box .btn_login_box {margin-top:2.85rem;}
.login_wrap .login_box .btn_find_box {margin-top:1rem; padding:0 3px;}
.login_wrap .login_box .btn_find_box button {height:3rem;line-height:2.9rem;}
.login_wrap .login_box .btn_regi_box {margin-top:3rem;}
.login_wrap .login_box .join_info_desc {margin-top:0.55rem;font-size:1.2rem;color:#666666;}
.login_wrap .login_box .login_cs {margin-top:57px;padding-top:14px;font-size:0;border-top:1px solid #cccccc;}
.login_wrap .login_box .login_cs .cs_tel {display:inline-block;padding-left:1.75rem;font-size:1.2rem;color:#333333;vertical-align:top;background:url('../images/ico_tel.png') no-repeat 0 50%;background-size:1.3rem auto;}
.login_wrap .login_box .login_cs .cs_email {display:inline-block;margin-left:1.95rem;padding-left:2rem;font-size:1.2rem;color:#333333;vertical-align:top;background:url('../images/ico_email.png') no-repeat 0 50%;background-size:1.4rem auto;}

.lg_slct .selectric {border:0; border-bottom:1px solid #cccccc;}
.login_wrap .login_box .login_content .lg_slct .label {margin:0; height:4rem; color:#666; font-weight:400; font-size:1.4rem; line-height:3.8rem;}
.lg_slct .selectric-select_box .selectric {height:4rem;}

.login_btn_w {display:table; width:100%; text-align:center; margin-top:2.85rem;}
.lb_list {display:table-cell; padding:0 3px;}
.lb_list:first-child {width:84px;}
.lb_list [class^="btn_"] {width:100%; height:4rem; line-height:3.8rem; border:0; border-radius:4px; font-size:1.4rem;}
.lb_list .btn_gray {background:#e7e7e7; color:#666;}

/* Login - Find id */
.login_wrap .login_logo {position:relative;margin:0 -1.5rem;height:8.05rem;border-bottom:1px solid #cccccc;}
.login_wrap .login_logo .i_logo {display:block;position:absolute;top:50%;left:50%;margin-top:-1.55rem;margin-left:-6.075rem;width:12.15rem;height:3.1rem;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}
.login_wrap .login_box .login_content .label {display:block;margin-bottom:0.85rem;font-size:1.4rem;font-weight:500;color:#333333;line-height:1;}
.login_wrap .login_box .login_content.find_id {padding-top:2.4rem;}
.login_wrap .login_box .login_content.find_id .input_box {margin-top:3.9rem;}
.login_wrap .login_box .login_content.find_id .input_box + .input_box {margin-top:3.9rem;}
.login_wrap .login_box .login_content.find_id .btn_box {margin-top:3rem;}
.login_wrap .login_box .login_content.find_id h1 {text-align:left;}
.login_wrap .tab_find {margin-top:1.5rem;overflow:hidden;}
.login_wrap .tab_find li {float:left;width:48.333333%;height:3rem;line-height:2.9rem;font-size:1.2rem;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:3.333333%;}
.login_wrap .tab_find li.on {color:#ffffff;}

/* Login - Find id result */
.login_wrap .login_box .login_content.find_id_result {padding-top:2.4rem;}
.login_wrap .login_box .login_content.find_id_result h1 {text-align:left;}
.login_wrap .login_box .login_content.find_id_result .result_desc {margin-top:2.1rem;font-size:1.2rem;font-weight:500;color:#333333;}
.login_wrap .login_box .login_content.find_id_result .val_cont {margin-top:0.7rem;height:3rem;line-height:2.9rem;font-size:1.2rem;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:3rem;}
.login_wrap .login_box .login_content.find_id_result .btn_box button {margin-left:0;}
.login_wrap .login_box .login_content.find_id_result .btn_box button:last-child {margin-top:1rem;}

/* Login - Find pw */
.login_wrap .login_box .login_content.find_pw {padding-top:2.4rem;}
.login_wrap .login_box .login_content.find_pw h1 {text-align:left;}
.login_wrap .login_box .login_content.find_pw .tab_find {margin-bottom:3.9rem;}
.login_wrap .login_box .login_content.find_pw .input_box {margin-top:0;}
.login_wrap .login_box .login_content.find_pw .input_box + .input_box {margin-top:3.9rem;}
.login_wrap .login_box .login_content.find_pw .ip_verify_box {overflow:hidden;}
.login_wrap .login_box .login_content.find_pw .ip_verify_box .input_verify {position:relative;float:left;width:66.666666%;}
.login_wrap .login_box .login_content.find_pw .ip_verify_box .btn_verify {float:left;margin-left:3.030303%;width:30.303030%;height:3.4rem;line-height:3.3rem;border-radius:4px;}
.login_wrap .login_box .login_content.find_pw .btn_verify_box {margin-top:1rem;}

/* Login - Reset pw */
.login_wrap .reset_pw_box {padding:3.4rem 0 4.35rem;background-image:none;}
.login_wrap .reset_pw_box h1 {margin-bottom:3.8rem;font-size:2rem;font-weight:700;color:#333333;text-align:center;}
.login_wrap .reset_pw_box .reset_desc li {position:relative;padding-left:0.85rem;font-weight:400;font-size:1.4rem;color:#333333;line-height:2.4rem;}
.login_wrap .reset_pw_box .reset_desc li i {position:absolute;top:0;left:0;font-style:normal;}
.login_wrap .reset_pw_box .input_box_wrap {margin-top:3.5rem;}
.login_wrap .reset_pw_box .input_box_wrap .new_ip_box {margin-top:2.7rem;}
.login_wrap .reset_pw_box .btn_reset_box {margin-top:2.7rem;text-align:center;}

/* Join terms */
.join_wrap {margin:0 auto;padding:3.4rem 0 5.8rem;}
.join_wrap h1 {font-size:2rem;font-weight:700;color:#333333;text-align:center;}
.join_wrap .join_nav {margin-top:3.45rem;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:2.65rem 0 1.55rem;width:33.333333%;font-size:1.4rem;font-weight:500;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');background-size:auto 2rem;}
.join_wrap .join_nav li.join_nav2 {background-image:url('../images/ico_join_form.png');background-size:auto 2rem;}
.join_wrap .join_nav li.join_nav3 {background-image:url('../images/ico_join_compl.png');background-size:2rem auto;}
.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:2.55rem;font-size:1.4rem;font-weight:500;color:#333333;}
.join_wrap .terms_box_wrap {margin-top:2.6rem;padding:1.9rem 1.5rem 1.9rem;border:1px solid #cccccc;border-radius:4px;}
.join_wrap .terms_box_wrap input[type="checkbox"] + label {font-size:1.4rem;font-weight:500;height:auto;}
.join_wrap .terms_box_wrap .desc {margin-top:0.75rem;padding-left:2.2rem;font-size:1.4rem;color:#666666;line-height:2rem;}
.join_wrap .terms_box_wrap .agree_box.agree_terms {margin-top:1.7rem;padding-top:1.95rem;border-top:1px solid #cccccc;}
.join_wrap .terms_box_wrap .agree_box.agree_terms .textarea {margin-top:0.6rem;padding:0.5rem 0.95rem;height:11.75rem;font-size:1.1rem;color:#666666;line-height:1.8rem;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:2rem;padding-top:2rem;border-top:1px solid #cccccc;}
.join_wrap .terms_box_wrap .agree_box.agree_sms_event {margin-top:1.95rem;}
.join_wrap .btn_box {margin-top:2rem;width:100%;}
.join_wrap .form_box .join_rute {margin-top:1.5rem}
.join_wrap .form_box .join_rute li {display:inline-block; margin:0 1.2rem 1.2rem 0}

/* Join form */
.join_wrap .form_section {position:relative;margin-top:1rem;}
.join_wrap .form_section .ast_desc {position:absolute;top:0.15rem;right:0;font-size:1.2rem;font-weight:500;color:#ea563a;}
.join_wrap .form_box {margin-top:1.6rem;padding:1.5rem 1.45rem 1.95rem;border:1px solid #cccccc;border-radius:4px;}
.join_wrap .form_box .form_group {margin-top:3.25rem;}
.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 {font-size:1.4rem;font-weight:500;color:#333333;}
.join_wrap .form_box .form_group .title .ast {display:inline-block;margin-left:0.75rem;font-size:1.4rem;color:#ea563a;}
.join_wrap .form_box .form_group .cont {position:relative;margin-top:0.55rem;}
.join_wrap .form_box .form_group .devide_box:after {display:block;visibility:hidden;clear:both;content:""}
.join_wrap .form_box .form_group .input_box input {height:3.3rem;line-height:3.2rem;font-size:1.4rem;font-weight:300;}
.join_wrap .form_box .form_group .i_hyphen {display:block;float:left;width:4.833333%;height:3.3rem;line-height:3.2rem;font-size:1.4rem;color:#666666;text-align:center;}
.join_wrap .form_box .form_group .i_at {display:block;float:left;width:6.666666%;height:3.3rem;line-height:3.2rem;font-size:1.4rem;color:#666666;text-align:center;}
.join_wrap .form_box .form_group .cont .half_size {width:55%;}
.join_wrap .form_box .form_group .sel_line .selectric-select_box .selectric {height:3.3rem;border-top:0;border-left:0;border-right:0;}
.join_wrap .form_box .form_group .sel_line .selectric-select_box .selectric .label {margin-left:0;margin-right:1.3rem;height:3.3rem;line-height:3.2rem;font-size:1.4rem;font-weight:300;color:#666666;}
.join_wrap .form_box .form_group .sel_line .selectric-select_box .selectric .button {right:0.6rem;}
.join_wrap .form_box .form_group.form_pw .title {position:relative;}
.join_wrap .form_box .form_group.form_pw .title_desc {font-size:1.1rem;color:#999999;}
.join_wrap .form_box .form_group.form_pw .cont {margin-top:0;}
.join_wrap .form_box .form_group.form_pw .input_box {margin-top:0.55rem;}
.join_wrap .form_box .form_group.form_cell .input_box {float:left;}
.join_wrap .form_box .form_group.form_cell .input_box.cell1 {width:26.666666%;}
.join_wrap .form_box .form_group.form_cell .input_box.cell2,
.join_wrap .form_box .form_group.form_cell .input_box.cell3 {width:31.833333%;}
.join_wrap .form_box .form_group.form_cell .i_hyphen {width:4.833333%;}
.join_wrap .form_box .form_group.form_email .input_box {float:left;width:33.333333%;}
.join_wrap .form_box .form_group.form_email .select_wrap {float:left;margin-left:3.333333%;width:23.333333%;}
.join_wrap .form_box .form_group.form_resident .input_box {float:left;width:45%;}
.join_wrap .form_box .form_group.form_resident .i_hyphen {width:10%;}
.join_wrap .form_box .form_group.form_address .input_box {margin-top:0.5rem;}
.join_wrap .form_box .form_group.form_address .input_box:first-child {margin-top:0;}
.join_wrap .form_box .form_group.form_position .input_box,
.join_wrap .form_box .form_group.form_position2 .input_box {margin-top:1rem;}
.join_wrap .form_box .form_group .cont .btn_style1 {position:absolute;top:0.5rem;right:0;padding:0.1rem 0.5rem;font-size:1.2rem;border-radius:4px;}

/* Join complete*/
.join_wrap.join_compl_wrap {padding-bottom:7.25rem;}
.join_wrap .join_compl {margin:0 auto;padding:9.85rem 0 0;text-align:center;}
.join_wrap .join_compl p {padding-top:9.1rem;font-size:1.4rem;font-weight:500;color:#333333;background:url('../images/ico_big_compl.png') no-repeat 50% 0;background-size:7.5rem;}
.join_wrap .join_compl .btn_box {float:none;margin-top:9.4rem;}

/* 비밀번호 재설정 동의문구 */
.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:122px; font-size:13px; overflow-y:auto;}
.reset_pw_inner .txt_sub {display:block; padding-top:3px; font-size:13px; color:rgba(0,0,0,.6);}
.reset_pw_inner .agree_sms_event {margin-top:10px;}
.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;}
.reset_pw_inner input[type="checkbox"] + label {height:auto; font-size:14px;}

/* Menu Common */
#snb {margin:0 -1.5rem;height:3rem;overflow:hidden;}
#snb li {float:left;height:100%;text-align:center;}
#snb li a {display:block;height:100%;font-size:1.2rem;color:#999999;line-height:2.9rem;border:1px solid #ddd;}
#snb li:first-child a {border-left:1px solid #ddd;}
#snb li a.on {color:#ffffff;font-weight:700;}
#snb.snb1 li {width:100%;}
#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%;}

/* List None */
#container .list_none {margin-top:3rem;padding:3.05rem 0 2.75rem;text-align:center;background-color:#f5f5f5;}
#container .list_none p {padding-top:4.2rem;font-size:1.4rem;color:#999999;background:url('../images/ico_list_none.png') no-repeat 50% 0;background-size:auto 3.5rem;}

/* tooltip */
.btn_tooltip {z-index:1;display:block;width:1.75rem;height:1.75rem;background:url('../images/ico_em.png') no-repeat 0 0;background-size:auto 1.75rem;cursor:pointer;}
.tooltip_box {display:none;position:absolute;max-width:35.5rem;z-index:1;}
.tooltip_box.active {display:block;}
.tooltip_box .desc {padding:0.3rem 0.5rem 0.5rem;font-size:1.1rem;color:#ffffff;line-height:1.5rem;border-radius:4px;background-color:#333333}
.tooltip_box .ico_arrow {display:block;position:absolute;left:50%;margin-left:-0.4rem;width:0.8rem;height:0.45rem;background-repeat:no-repeat;background-size:100% auto;}
.tooltip_box.bottom_type {padding-bottom:0.45rem;}
.tooltip_box.bottom_type .ico_arrow {bottom:0;background-image:url('../images/ico_tooltip_bottom.png');}
.tooltip_box.top_type {padding-top:0.45rem;}
.tooltip_box.top_type .ico_arrow {top:0;background-image:url('../images/ico_tooltip_bottom.png');-webkit-transform:rotate(180deg);transform:rotate(180deg);}
.tooltip_box .add_close {padding-right:1.8rem;}
.tooltip_box .btn_tooltip_close {position:absolute;right:0.5rem;top:1.15rem;width:0.75rem;height:0.75rem;background:url('../images/btn_tooltip_close.png') no-repeat 0 0;background-size:auto 0.75rem;cursor:pointer;}

/* ui-datepicker Reset */
input.comm_calendar {cursor:pointer;background:url('../images/ico_calendar.png') no-repeat 95% 50%;background-size:1.5rem auto; z-index:1100;}
.comm_calendar {position:relative;}
.comm_calendar.ui-datepicker {display:table;padding:0 12px 0;width:83.333333%;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:12px;left:17px;}
.comm_calendar .ui-datepicker-next {top:12px;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:17px;right:19px;width:17px;height:17px;background:url('../images/ico_calendar_close.png') no-repeat 0 0;font-size:0;text-indent:-999em;}

/* textarea */
textarea {display:block;padding:0.7rem 0.95rem;width:100%;font-size:1.2rem;color:#666666;overflow:auto;border:1px solid #cccccc;outline:0;line-height:1.8rem;}
textarea:focus {border:1px solid #cccccc;outline:0;}
.textarea {display:block;padding:0.7rem 0.95rem;width:100%;font-size:1.2rem;color:#666666;overflow:auto;border:1px solid #cccccc;outline:0;line-height:1.8rem;}
.textarea.disabled {background-color:#f5f5f5;}

/* Footer Nav */
#footer {z-index:999;position:fixed;left:0;bottom:0;width:100vw;background-color:#ffffff;}
#footer .mob_nav {display:table; table-layout:fixed; width:100%; height:7rem;border-top:1px solid #cccccc;overflow:hidden;transform: translate(0, 7rem) translateZ(0px);transition:transform ease-out .5s;transition-timing-function:cubic-bezier(0, 0, 0, 0.89);}
#footer.on .mob_nav {transform: translate(0, 0) translateZ(0px);}
#footer .mob_nav a {display:table-cell;}
#footer .mob_nav li {/* float:left; */ padding-top:4.2rem;/* width:20%; */font-size:1rem;font-weight:500;color:#333333;text-align:center;background-repeat:no-repeat;background-position:50% 0.45rem;background-size:auto 3.9rem;}
#footer .mob_nav li.gnb_home {background-image:url("../images/gnb_home.png");}
#footer .mob_nav li.gnb_ex {background-image:url("../images/gnb_explore.png");}
#footer .mob_nav li.gnb_subs {background-image:url("../images/gnb_subs.png");}
#footer .mob_nav li.gnb_learn {background-image:url("../images/gnb_learning.png");}
#footer .mob_nav li.gnb_mypage {background-image:url("../images/gnb_mypage.png");}

/* Auto complete design */
.dropdown_rel {position:relative;}
.dropdown_rel .dropdown_list {z-index:100;position:absolute;top:100%;left:0;width:100%;height:8.1rem;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;}
.dropdown_rel .dropdown_list li {padding:0.5rem 0.65rem 0.4rem;font-size:1.2rem;color:#333333;cursor:pointer;}
.dropdown_rel .dropdown_list li:hover {background-color:#f5f5f5;}

/* scrolling nav */
.scrolling_nav {white-space:nowrap;overflow-x:scroll;overflow-y:hidden;font-size:0;-ms-overflow-style:none;scrollbar-width:none;}
.scrolling_nav::-webkit-scrollbar {display:none;}

/* Loaing */
.i_loading {margin-top:2.95rem;width:100%;height:2.5rem;background:url('../images/loading.gif') no-repeat 50% 50%;background-size:2.5rem;}

/* Select Box style */
.selectric-select_box .selectric {height:4rem;cursor:pointer;}
.selectric-select_box .selectric .label {display:block;margin:0 2.5rem 0 0.65rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1.4rem;font-weight:400;height:4rem;line-height:4rem;color:#676767; text-align:left}
.selectric-select_box .selectric .button {display:block;position:absolute;margin:auto;top:0;bottom:0;right:1rem;width:0.6rem;height:0.35rem;background:url('../images/select_arrow_down.png') no-repeat center center;background-size:100% auto;}
.selectric-select_box.selectric-open .selectric .button {background:url('../images/select_arrow_up.png') no-repeat center center;background-size:100% auto;}
.selectric-select_box .selectric-items {border-top:0;}
.selectric-select_box .selectric-items li {padding:0.75rem 0.65rem 0.6rem;font-size:1.4rem;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:1.2rem;}
/* 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;}

/* right msg */
.right_msg {display:block;margin-top:0.65rem;font-size:1.2rem;font-weight:500;color:#0367a6;line-height:1.8rem;letter-spacing:0;}

/* err msg */
.err_msg {display:block;margin-top:0.65rem;font-size:1.2rem;font-weight:500;color:#ea563a;line-height:1.8rem;letter-spacing:0;}

/* btn style */
.btn_box {font-size:0;}
.btn_box button {display:inline-block;margin-left:3.333333%;height:4rem;line-height:3.9rem;font-size:1.4rem;font-weight:500;border-radius:4px;vertical-align:top;}
.btn_box button:first-child {margin-left:0;}
.btn_box .btn_triple {margin-left:2.727272%;}
.btn_box .btn_triple:first-child {margin-left:0;}

button.btn_size1 {height:4rem;line-height:4rem;}
button.btn_lg {width:100%;}
button.btn_devide {width:48.333333%;}
button.btn_triple {width:31.515151%;}
button.btn_style2 {padding:0 1rem;height:2.5rem;line-height:2.5rem;font-size:1.2rem;border-radius:4px;}
button.theme_bd {border-width:1px;border-style:solid;}

button.btn_lf {color:#ffffff;border-width:1px;border-style:solid;}
button.btn_white {background-color:#ffffff;color:#333333;border:1px solid #cccccc;}
button.btn_whitegray2 {background-color:#ffffff;color:#999999;border:1px solid #aaaaaa;}
button.btn_whitegray3 {background-color:#ffffff;color:#666666;border:1px solid #999999;}
button.btn_graywhite {background-color:#aaaaaa;color:#ffffff;border:1px solid #aaaaaa;}
button.btn_gray {color:#ffffff;background-color:#999999;}
button.btn_gray2 {color:#666666;background-color:#dddddd;}
button.btn_gray3 {color:#666666;background-color:#ffffff;border:1px solid #cccccc;}
button.btn_gray4 {color:#ffffff;background-color:#999999;border:1px solid #999999;}
button.btn_gray5 {color:#666666;background-color:#e7e7e7;border:1px solid #e7e7e7;}
button.btn_gray6 {color:#f5f5f5;background-color:#666666;border:1px solid #666666;}
button.btn_black {color:#ffffff;background-color:#333333;border:1px solid #333333;}

.btn_file {display:inline-block;padding:0 2rem;height:2.5rem;line-height:2.5rem;font-size:1.2rem;color:#666666;border-radius:4px;cursor:pointer;text-align:center;background-color:#dddddd;}

/* Input box Line style */
.input_box.ip_line {position:relative;}
.input_box.ip_line input {padding:0;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;}

/* 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 0.6rem;width:100%;height:4rem;line-height:3.9rem;font-size:1.2rem;color:#333333;border:1px solid #cccccc;outline:0;}
.input_box input:disabled {color:#999999;cursor:default;background:#f6f6f6;}

input[type="file"] {display:none;}

input[type="checkbox"] {display:none;}
input[type="checkbox"] + label {display:inline-block;position:relative;padding-left:2.25rem;height:1.75rem;line-height:1.75rem;font-size:1.2rem;color:#333333;cursor:pointer;vertical-align:top;}
input[type="checkbox"] + label span.ico_fake {display:inline-block;position:absolute;top:0;left:0;width:1.85rem;height:1.75rem;background:url('../images/chk_off.png') no-repeat;cursor:pointer;vertical-align:middle;background-size:100% auto;}
input[type="checkbox"]:checked + label span.ico_fake {background:url('../images/chk_on.png') no-repeat;background-size:100% auto;}

input[type="radio"] {display:none;}
input[type="radio"] + label {display:inline-block;position:relative;padding-left:2rem;height:1.5rem;line-height:1.5rem;font-size:1.2rem;color:#333333;cursor:pointer;vertical-align:top;}
input[type="radio"] + label span.ico_fake {display:inline-block;position:absolute;top:0;left:0;width:1.55rem;height:1.5rem;background:url('../images/radio_off.png') no-repeat;cursor:pointer;vertical-align:middle;background-size:100% auto;}
input[type="radio"]:checked + label span.ico_fake {background:url('../images/radio_on.png') no-repeat;background-size:100% auto;}
input[type="radio"]:disabled + label {cursor:default;}


/* 탐색 - 과정상세(집합교육) */
.ex_detail_wrap {padding-bottom:2rem;}
.ex_detail_wrap .ex_detail_hd .ex_detail_hd_inner {padding:3rem 1.5rem 2rem 1.5rem;background-color:#f5f5f5;}
.ex_detail_wrap .ex_detail_hd .ex_detail_hd_inner .img {position:relative;height:0;padding-bottom:62.121212%;overflow:hidden;}
.ex_detail_wrap .ex_detail_hd .ex_detail_hd_inner .img .course_thumb {position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}
.ex_detail_hd_inner .detail {margin-top:1.5rem;}
.ex_detail_hd_inner .detail_cate span {margin-left:0.5rem; padding:0.3rem 1rem; height:2.4rem; display:inline-block;}
.ex_detail_hd_inner .detail_cate span:first-child {margin-left:0;}
.ex_detail_hd_inner .detail h3 {margin-top:1.1rem;font-size:1.75rem;color:#333;line-height:2.4rem;}
.ex_detail_hd_inner .detail .detail_ft .detail_tag {margin-top:1.6rem;}
.ex_detail_hd_inner .detail .detail_ft .detail_tag span {margin-left:0.5rem}
.ex_detail_hd_inner .detail .detail_ft .detail_tag span:first-child {margin-left:0;}
.ex_detail_hd_inner .detail .detail_ft .selectric-wrapper {margin-top:3rem;}
.ex_detail_hd_inner .detail .detail_ft .btn_ex_test_view {margin-top:3rem;width:100%;height:4rem;line-height:2.9rem; border-radius:0;}
.ex_detail_hd_inner .detail .detail_ft .btn_ex_test_view span {display:inline-block;padding-left:1.9rem;color:#333;font-weight:400;background:url('../images/ico_watch_m.png') no-repeat 0 1rem;background-size:auto 1.1rem;}


.ex_detail_info_li {margin:1.5rem;overflow:hidden;}
.ex_detail_info_li li {float:left;padding-top:3.2rem;width:33.33%;height:5.8rem;font-size:1.2rem;font-weight:500;text-align:center;background-repeat:no-repeat;background-size:auto 2.25rem;background-position:50% 0.7rem ;}
.ex_detail_info_li li span {color:#999;}
.ex_detail_info_li li.em {color:#666666;background-color:#dcdcdc;border-left:1px solid #fff;}
.ex_detail_info_li li.em.on {color:#fff;}
.ex_detail_info_li li.em:first-child {border-left:0 !important;}

.ex_detail_info_li2 {margin:1.5rem;overflow:hidden;border-top-width:1px;border-left-width:1px;border-bottom-width:0;border-right-width:0;border-style:solid;}
.ex_detail_info_li2 li {float:left;padding-top:3.5rem;width:33.33%;height:5.8rem;font-size:1.2rem;font-weight:500;text-align:center;border-top-width:0;border-right-width:1px;border-bottom-width:1px;border-left-width:0;border-style:solid;background-repeat:no-repeat;background-size:auto 2.25rem;background-position:50% 0.7rem ;}
.ex_detail_info_li2 li span {color:#999;}

.ex_detail_info_li2 .btn_tooltip {margin-top:-3.5rem;width:100%;height:5.8rem;line-height:8.8rem;text-align:center;background:none;}
.ex_detail_info_li2 .tooltip_box {left:50%;transform:translate(-50%, 0);}
.ex_detail_info_li2 .tooltip_box .ico_arrow {margin-left:-0.4rem;}

.ex_detail_con {position:relative;margin-top:3rem;padding:0 1.5rem;}
.ex_detail_con.fixed_top .ex_detail_con_nav {position:fixed !important;width:100%;top:0;}
.ex_detail_con.fixed_top .ex_detail_con_inner {padding-top:3rem; padding-bottom:160px;}
.ex_detail_con_nav {z-index:999;}
.ex_detail_con_nav .nav_menu {display:table; /* table-layout:fixed; */ width:100%; font-size:0;white-space:nowrap;overflow-x:scroll;overflow-y:hidden;-ms-overflow-style:none;scrollbar-width:none;z-index:1;}
.ex_detail_con_nav .nav_menu::-webkit-scrollbar {display:none;}
.ex_detail_con_nav .nav_menu li {display:table-cell; vertical-align:top;}
.ex_detail_con_nav .nav_menu li a {display:block;padding:0 5px;height:3.5rem;font-size:1.4rem;font-weight:400;line-height:3.5rem;color:#656565;text-align:center;border:1px solid #d0d0d0;border-bottom:none; background-color:#f5f5f5; border-radius:0.5rem 0.5rem 0 0}
.ex_detail_con_nav .nav_menu li:first-child a {border-left:0;}
.ex_detail_con_nav .nav_menu li a.on {border:1px solid #d0d0d0; border-bottom:none; background-color:#fff;font-weight:700;}
.ex_detail_con_sec {position:relative;padding-top:3rem;}
.ex_detail_con_sec h3 {font-size:1.75rem;}
.ex_detail_con_sec h3 span {color:#ccc;}
.ex_detail_con_sec h4 {font-size:1.6rem; margin-top:1.8rem}

.ex_detail_con.fixed_top .nav_menu {width:calc(100% - 3rem);}


#container .multi_course_type::-webkit-scrollbar {display:none;}

.ex_detail_con_sec.sec1 ul {margin-top:1.6rem;}
.ex_detail_con_sec.sec1 li {position:relative;margin-top:3.2rem;}
.ex_detail_con_sec.sec1 li:first-child {margin-top:0;}
.ex_detail_con_sec.sec1 li h4 {font-size:1.4rem;color:#4c4c4c;font-weight:500;}
.ex_detail_con_sec.sec1 li p {margin-top:0.8rem;font-size:1.2rem;color:#333;line-height:1.8rem;}
.file_box {margin-top:0.75rem;padding-left:3.1rem;height:3rem;font-size:1.2rem;color:#666;line-height:2.8rem;border:1px solid #ccc;background:url('../images/ico_board_view_file.png') no-repeat 1.1rem 0.8rem;background-size:auto 1.35rem}
.ex_detail_con_sec.sec1 li .link_box {margin-top:0.75rem;overflow:hidden;}
.ex_detail_con_sec.sec1 li .link_box a {display:block;padding:0 1rem;height:3rem;font-size:1.2rem;color:#0000ff;line-height:2.8rem;border:1px solid #ccc;}
.ex_detail_con_sec.sec1 li .btn_copy {position:absolute;padding-left:3.1rem;right:0;top:-0.2rem;width:9rem;height:2.5rem;font-size:1.2rem;color:#999;text-align:left;border:1px solid #ccc;background:url('../images/btn_copy_bg.png') no-repeat 1.3rem 0.65rem #f5f5f5;background-size:auto 1.2rem;}

.ex_detail_con_sec.sec2 .tab_sub_sec {margin-top:1.25rem;color:#aaa;background-color:#f5f5f5;overflow:hidden;border-radius:5px;white-space:nowrap;overflow-x:scroll;overflow-y:hidden;-ms-overflow-style:none;scrollbar-width:none;}
.ex_detail_con_sec.sec2 .tab_sub_sec::-webkit-scrollbar {display:none;}
.ex_detail_con_sec.sec2 .tab_sub_sec li {display:inline-block;}
.ex_detail_con_sec.sec2 .tab_sub_sec li a {display:block;width:11rem;height:3rem;text-align:center;line-height:3rem;}
.ex_detail_con_sec.sec2 .tab_sub_sec li.on a {color:#fff;}
.ex_detail_con_sec.sec2 .tab_contents {margin-top:1.5rem;}
.ex_detail_con_sec.sec2 .tab_contents.no_cate {margin-top:0.5rem;}
.ex_detail_con_sec.sec2 .tab_contents ul.ul_solo li {background:none;}
.ex_detail_con_sec.sec2 .tab_contents li {position:relative;padding:0.7rem 6rem 0.7rem 2.2rem;font-size:1.2rem;color:#999;background:url('../images/curriculum_bg_vertical.png') repeat-y 0.4rem 0;background-size:auto 15rem;}
.ex_detail_con_sec.sec2 .tab_contents li:first-child {background-repeat:no-repeat;background-position:0.4rem 2rem;}
.ex_detail_con_sec.sec2 .tab_contents li:last-child {background-repeat:no-repeat;background-position:0.4rem -13rem;}
.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:1.2rem;width:0.9rem;height:0.9rem;background:url('../images/curriculum_bg.png') no-repeat 0 0;background-size:auto 0.9rem;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:2.2rem;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 .btn_play {display:block;margin-top:-0.2rem;margin-bottom:0.5rem;padding-left:2rem;width:8.5rem;height:2.4rem;line-height:2.4rem;color:#fff;background:url('../images/btn_play_white.png') no-repeat 0.8rem 0.8rem #666;background-size:auto 0.95rem;border-radius:4px;}
.ex_detail_con_sec.sec2 .tab_contents li .play_time {position:absolute;right:0;bottom:0.5rem;display:inline-block;padding-left:1.4rem;width:5.4rem;height:2.4rem;line-height:2.3rem;font-size:1.2rem;color:#999;text-align:center;background:url('../images/ico_watch_s.png') no-repeat 0.8rem 0.8rem #eee;background-size:auto 0.8rem;border-radius:4px;}
.ex_detail_con_sec.sec2 .tab_contents .sec2_more {display:block;margin-top:1.5rem;height:3rem;font-size:1.2rem;color:#333333;text-align:center;line-height:3rem;background-color:#f5f5f5;}

.ex_detail_con_sec.sec3 ol {margin-top:1.2rem;border-bottom:1px solid #ccc;}
.ex_detail_con_sec.sec3 li {position:relative;}
.ex_detail_con_sec.sec3 li a {display:block;padding-left:1rem;height:3rem;font-size:1.2rem;color:#999;line-height:3rem;border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;}
.ex_detail_con_sec.sec3 li span {display:inline-block;margin-right:0.75rem;}
.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 p {margin-top:0.4rem;font-size:1.2rem;letter-spacing:-0.05rem;color:#999;}
.ex_detail_con_sec.sec4 ul {margin-top:1.3rem;border-top:1px solid #ccc;border-left:1px solid #ccc;}
.ex_detail_con_sec.sec4 li {padding:1.25rem 1.5rem 1.25rem 7rem;height:8.5rem;border-right:1px solid #ccc;border-bottom:1px solid #ccc;background:url('../images/ico_ex_book.png') no-repeat 1.5rem 2.2rem;background-size:auto 2.9rem}
.ex_detail_con_sec.sec4 li .sec_left {float:left;}
.ex_detail_con_sec.sec4 li .sec_right {float:right;width:8rem;text-align:right;}
.ex_detail_con_sec.sec4 li .isbn {font-size:1.2rem;color:#999;}
.ex_detail_con_sec.sec4 li .book_subject {font-size:1.4rem;color:#333;font-weight:700;}
.ex_detail_con_sec.sec4 li .book_info {margin-top:0.35rem;font-size:1.2rem;color:#999;}
.ex_detail_con_sec.sec4 li .price {font-size:1.4rem;color:#333;font-weight:700;line-height:5.5rem;}

.ex_detail_con_sec.sec5 table {margin-top:1.5rem;}

.ex_detail_con_sec.sec6 .average_score {margin-top:1.6rem;padding:0 1.5rem;height:4rem;font-size:1.4rem;color:#333;font-weight:500;text-align:center;line-height:4rem;background-color:#f5f5f5;}
.ex_detail_con_sec.sec6 .average_score .ico_star_view_box {padding-top:1.3rem;}
.ex_detail_con_sec.sec6 .review_write {margin-top:1.5rem;}
.ex_detail_con_sec.sec6 .review_form {position:relative;overflow:hidden;}
.ex_detail_con_sec.sec6 .review_form .textarea_box {padding-right:8rem;height:6.25rem;}
.ex_detail_con_sec.sec6 .review_form .textarea_box textarea {padding:0.5rem 1rem;width:100%;height:6.25rem;font-size:1.2rem;font-weight:300;border:1px solid #ccc;}
.ex_detail_con_sec.sec6 .review_form button {position:absolute;right:0.85rem;top:50%;width:7.5rem;height:6.25rem;margin-top:-2.705rem;font-size:1.2rem;font-weight:500;line-height:6.25rem;text-align:center;background-color:#f5f5f5; border:1px solid #ccc; border-radius:4px;}
.ex_detail_con_sec.sec6 .review_list {margin-top:1.5rem;border-top:1px solid #ccc;}
.ex_detail_con_sec.sec6 .review_list > li {position:relative;padding:1.5rem 0;border-bottom:1px solid #ccc;overflow:hidden;}
.ex_detail_con_sec.sec6 .review_list > li .list_head {position:absolute;left:0;top:2rem;width:4.5rem;text-align:center;font-weight:500;}
.ex_detail_con_sec.sec6 .review_list > li .list_head .head_thumb {display:block;margin:0 auto;width:4.5rem;height:4.5rem;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}
.ex_detail_con_sec.sec6 .review_list > li .list_con {padding-left:5.5rem;}
.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:0.5rem;font-size:1.2rem;}
.ex_detail_con_sec.sec6 .review_list > li .review_con .review_con_name {font-size:1.4rem;font-weight:500;}
.ex_detail_con_sec.sec6 .review_list > li .review_con .review_con_text {margin-top:1rem;font-weight:300;}
.ex_detail_con_sec.sec6 .review_list > li .review_con .review_list_form {display:none;}
.ex_detail_con_sec.sec6 .review_list > li .review_date {margin-top:1.3rem;font-size:1.2rem;color:#666;font-weight:300;}
.ex_detail_con_sec.sec6 .review_list > li .more_option {position:absolute;right:0;top:1.5rem;}
.ex_detail_con_sec.sec6 .review_no_data {margin-top:1rem;padding-top:6.5rem;height:11rem;font-size:1.2rem;color:#999;text-align:center;background:url('../images/ico_no_data.png') no-repeat center 3rem #f5f5f5;background-size:auto 2.5rem;}

.ex_detail_con_sec.sec7 ul {margin:0 -0.8rem;overflow:hidden;}
.ex_detail_con_sec.sec7 li {float:left;margin:1rem 0.8rem;width:15.7rem;}
.ex_detail_con_sec.sec7 li .thumb_box {position: relative;height:9.75rem;background-repeat: no-repeat;background-position:50% 50%;background-size:cover;}
.ex_detail_con_sec.sec7 li .thumb_box span {position:absolute;display:block;padding-top:0.08rem;width:2.5rem;height:2.5rem;left:0.5rem;top:0;font-size:1.5rem;color:#fff;font-weight:700;text-align:center;border-radius:0 0 4px 4px;}
.ex_detail_con_sec.sec7 li .course_desc {margin-top:1rem;}
.ex_detail_con_sec.sec7 li .course_desc .i_cate {font-size:1.2rem;}
.ex_detail_con_sec.sec7 li .course_desc .i_subject {margin-top:0.2rem;height:3.8rem;font-size:1.5rem;color:#333;font-weight:500;line-height:1.9rem;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2; /* 라인수 */-webkit-box-orient: vertical;overflow:hidden;}

.ex_detail_con_sec.sec8 ul {margin-top:0;overflow:hidden;}
.ex_detail_con_sec.sec8 li {position:relative;padding-left:7rem;height:9rem;border-top:1px solid #ccc;background-repeat:no-repeat;background-position:0 1.6rem;background-size:auto 6rem;}
.ex_detail_con_sec.sec8 li:first-child {border-top:0;}
.ex_detail_con_sec.sec8 li:after {position:absolute;display:block;width:100%;height:0.95rem;left:0;top:-1px;background:url('../images/out_process_bg.png') no-repeat center 0;background-size:auto 0.95rem;content:''}
.ex_detail_con_sec.sec8 li:first-child:after {display:none;}
.ex_detail_con_sec.sec8 li.li1 {background-image:url('../images/out_process_img1.png');}
.ex_detail_con_sec.sec8 li.li2 {background-image:url('../images/out_process_img2.png');}
.ex_detail_con_sec.sec8 li.li3 {background-image:url('../images/out_process_img3.png');}
.ex_detail_con_sec.sec8 li h4 {padding-top:2.4rem;font-size:1.4rem;color:#333333;font-weight:500;}
.ex_detail_con_sec.sec8 li:last-child h4 {padding-top:1.8rem;}
.ex_detail_con_sec.sec8 li p {font-size:1.2rem;color:#666666;}

.go_other_courses {margin-top:2.5rem;font-size:1.4rem; font-weight:500; leftter-spacing:-0.5rem}
.go_other_courses a {display:inline-block;padding-right:1.3rem;background:url('../images/ico_depth_right.png') no-repeat right 0 top 0.7rem;background-size:auto 0.75rem;}

.explore_fixed_menu {position:fixed;padding:1.5rem 1.5rem 1.5rem 7.5rem;bottom:7rem;width:100%;background-color:#fff;z-index:10;}
.explore_fixed_menu .btn_ex_favorite {position:absolute;left:1.5rem;top:1.5rem;padding-top:1.4rem;width:5rem;height:4rem;font-size:1.3rem;border-width:1px;border-style:solid;border-color:#ccc;border-radius:4px;background:url('../images/ico_favorite_m.png') no-repeat center 0.7rem #fff;background-size:auto 1.1rem;}
.explore_fixed_menu .btn_ex_favorite.on {background-image:url('../images/ico_favorite_m_on.png')}
.explore_fixed_menu .btn_ex_apply {width:100%;height:4rem;font-size:1.4rem;color:#fff;border-radius:4px;}
.explore_fixed_menu .not_period {display:block;height:4rem;font-size:1.4rem;color:#fff;text-align:center;line-height:4rem;background-color:#aaa;border-radius:4px;}

.explore_fixed_menu2 {position:fixed;padding:1.5rem;bottom:7rem;width:100%;background-color:#fff;z-index:10;}
.explore_fixed_menu2 .btn_ex_apply {width:100%;height:4rem;font-size:1.5rem;color:#fff; font-weight:500; border-radius:4px;}

/* Ellipse style */
.label_basic {display:inline-block;padding:0 1rem;height:2rem;font-size:1.2rem;font-weight:400;line-height:1.9rem;border-radius:1rem;}
.label_o {color:#fff;}



/* 별점 드래그 입력 */
.user_star {float:left;overflow:hidden;margin:0;}
.star_input {position:relative;float:left;margin:0;width:6.55rem;height:1.1rem;}
.star_input,
.star_input label:hover,
.star_input input:focus + label,
.star_input input:checked + label {float:left;background-image:url('../images/star_grade.png');background-repeat:no-repeat;background-size:auto 2.2rem;}
.star_input input {position:absolute;width:1px;height:1px;opacity:0;}
.star_input.focus {}
.star_input label {position:absolute !important;width:1.31rem;height:0 !important;padding:1.1rem 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:1.31rem;z-index:5;}
.star_input label.two {width:2.62rem;z-index:4;}
.star_input label.three {width:3.93rem;z-index:3;}
.star_input label.four {width:5.24rem;z-index:2;}
.star_input label.five {width:6.55rem;z-index:1;}
.review_star.review_star_write .i_rating {margin-left:0.6rem;font-size:1.2rem !important;line-height:1rem;}

/* Table Style */
.table {width:100%;}

.table_ex_detail {margin-top:1.2rem;font-size:1.2rem;color:#333;}
.table_ex_detail th {text-align:left;font-weight:400;}
.table_ex_detail th
.table_ex_detail th,
.table_ex_detail td {padding:0.05rem 0;font-weight:400;}
.table_ex_detail td {padding-left:1.5rem;font-weight:300;}

.table_style1 {border-top:1px solid #666;}
.table_style1 th,
.table_style1 td {padding:1rem 1rem;font-size:1.2rem;color:#333;text-align:center;vertical-align:middle;border-left:1px solid #ccc;border-bottom:1px solid #ccc;}
.table_style1 thead th {background-color:#eee;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 {padding:1rem;font-size:1.2rem;color:#333;vertical-align:middle;border-left:1px solid #ccc;border-bottom:1px solid #ccc;}
.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:#eee;font-weight:500;}
.table_style2 tbody td {}

/* more option */
.more_option .btn_option {width:0.5rem;height:1.5rem;background:url('../images/ico_more.png') no-repeat 0 0;background-size:auto 1.3rem;cursor:pointer;}
.more_option .more_box {position:absolute;display:none;top:1.5rem;right:0;z-index:999;border-top:1px solid #ccc;background-color:#fff;z-index:1;}
.more_option .more_box li a {display:block;padding-left:4.2rem;width:9rem;height:4rem;font-size:1.4rem;line-height:4rem;text-align:left;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #ccc;}
.more_option .more_box li a.more_edit {color:#333;background:url('../images/ico_review_edit.png') no-repeat 2rem 1.4rem #fff;background-size:auto 1.35rem;}
.more_option .more_box li a.more_del {color:#333;background:url('../images/ico_review_del2.png') no-repeat 2rem 1.4rem #fff;background-size:auto 1.35rem;}

/* Button stye */
.btn_half_wrap {margin:0 -0.5rem;}
.btn_half_wrap:after {display:block;visibility:hidden;clear:both;content:""}
.btn_half_wrap .btn_half_box {float:left;padding:0 0.5rem;width:50% !important;}

/* 구독 - 리스트 */
.subscibe_list_wrap {position:relative;}
.subscibe_list_wrap .sec h3 {font-size:1.75rem;}
.subscibe_list_wrap .sec1 .btn_management {position:absolute;right:1.5rem;top:-0.1rem;width:8.9rem;height:3rem;color:#fff;background-color:#666;border-radius:6px;}
.subscibe_list_wrap .sec .my_channel_list {margin:2.5rem -1rem 0;font-size:0;white-space:nowrap;overflow-x:scroll;overflow-y:hidden;-ms-overflow-style:none;scrollbar-width:none;z-index:1;}
.subscibe_list_wrap .sec .my_channel_list::-webkit-scrollbar {display:none;}
.subscibe_list_wrap .sec .my_channel_list li {display:inline-block;margin:0 1rem;width:7.5rem;}
.subscibe_list_wrap .sec .my_channel_list .i_thumb {position:relative;margin:0 auto;width:7.5rem;height:7.5rem;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;}
.subscibe_list_wrap .sec .my_channel_list .i_thumb.on:after {position:absolute;display:block;width:1.75rem;height:1.75rem;right:0.3rem;top:0.13rem;border:5px solid #f5f5f5;border-radius:50%;content:'';}
.subscibe_list_wrap .sec .my_channel_list .i_name {margin-top:0.8rem;font-size:1.5rem;text-align:center;font-weight:500;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.subscibe_list_wrap .sec .course_list {margin-top:2.2rem;padding-top:3rem;border-top:1px solid #ccc;}
.subscibe_list_wrap .sec .course_list .i_subject {font-weight:500;line-height:2rem;}

.subscibe_list_wrap .srh_none {margin-top:2.5rem;background-color:#f5f5f5;}
.subscibe_list_wrap .srh_none p {padding-top:7.5rem;height:13.9rem;font-size:1.4rem;color:#999999;line-height:1.8rem;text-align:center;background:url('../images/ico_srh_none.png') no-repeat center 2.8rem ;background-size:auto 3.5rem;}

.subscibe_list_wrap .sec2 {position:relative;margin-top:3.7rem;}
.subscibe_list_wrap .sec2 .popular_channel {margin:3rem -1rem 0;border-radius:6px;font-size:0;white-space:nowrap;overflow-x:scroll;overflow-y:hidden;-ms-overflow-style:none;scrollbar-width:none;z-index:1;}
.subscibe_list_wrap .sec2 .popular_channel::-webkit-scrollbar {display:none;}
.subscibe_list_wrap .sec2 .popular_channel li {position:relative;display:inline-block;margin:0 1rem;width:19rem;}
.subscibe_list_wrap .sec2 .popular_channel .popular_num {position:absolute;left:2.5rem;top:-0.4rem;font-size:1.75rem;color:#666;font-weight:700;}
.subscibe_list_wrap .sec2 .popular_channel .thumb_box {margin:0 auto;width:7.5rem;height:7.5rem;border-radius:50%;overflow:hidden;background-size:cover;background-position:50% 50%;}
.subscibe_list_wrap .sec2 .popular_channel .course_desc {padding:1rem 0;text-align:center;}
.subscibe_list_wrap .sec2 .popular_channel .course_desc .channel_name {display:block;font-size:1.5rem;font-weight:500;color:#333333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.subscibe_list_wrap .sec2 .popular_channel .course_desc .tag_wrap {display:block;font-size:0;}
.subscibe_list_wrap .sec2 .popular_channel .course_desc .tag_wrap .i_tag {display:inline-block;margin-left:0.6rem;font-size:1.2rem;}
.subscibe_list_wrap .sec2 .popular_channel .course_desc .tag_wrap .i_tag:first-child {margin-left:0;}
.subscibe_list_wrap .sec2 .popular_channel .btn_half_wrap {margin-top:1.5rem;}
.subscibe_list_wrap .sec2 .popular_channel .subscriber_num {padding-left:1.6rem;height:3rem;font-size:1.4rem;color:#666;line-height:2.8rem;text-align:center;border:1px solid #ccc;border-radius:6px;background:url('../images/ico_subs.png') no-repeat 2.1rem 0.9rem;background-size:auto 1.1rem;}
.subscibe_list_wrap .sec2 .course_list {margin-top:0;border-top:0;}

/* 학습 목록 */
.learning_list_wrap .scrolling_nav {position:relative;}
.learning_list_wrap .scrolling_nav li {display:inline-block;margin-left:1.5rem;padding-bottom:0.55rem;font-size:1.4rem;font-weight:400;color:#999999;vertical-align:top;line-height:1;}
.learning_list_wrap .scrolling_nav li:first-child {margin-left:0;}
.learning_list_wrap .scrolling_nav li span {font-weight:400;}
.learning_list_wrap .scrolling_nav li.on {font-weight:700;border:0;border-bottom-width:1.5px;border-style:solid;}
.learning_list_wrap .scrolling_nav li.on span {font-weight:400;}
.learning_list_wrap .tab_contents {margin-top:3rem;}
.learning_list_wrap .hp_box2 {margin-top:1.5rem;}
.learning_list_wrap .hp_box2 ul {margin-top:0.7rem;}
.learning_list_wrap .hp_box2 li {position:relative;margin-top:0.2rem;padding-left:1rem;font-size:1.2rem;color:#333;font-weight:500;}
.learning_list_wrap .hp_box2 li:after {position:absolute;left:0.2rem;top:0.7rem;width:0.3rem;height:0.3rem;background-color:#3d7ca4;border-radius:50%;content:'';}
.learning_list_wrap .hp_box2 li span {font-size:1.1rem;font-weight:400;}
.learning_list_wrap .list_style1 {margin-top:3rem;}
.learning_list_wrap .tab2_select {margin-top:2rem;}
.learning_list_wrap .con_hd {margin-top:3rem;}
.learning_list_wrap .con_hd:after {display:block;visibility:hidden;clear:both;content:""}
.learning_list_wrap .con_hd .btn_half_wrap {margin-top:1.5rem;}
.learning_list_wrap .select_s {position:relative;padding-left:5.5rem;}
.learning_list_wrap .select_s > label {position:absolute;width:100%;height:3rem;line-height:3rem;left:0;top:0;font-size:1.2rem;}
.learning_list_wrap .select_s .selectric-wrapper {}
.learning_list_wrap .btn_con_hd {display:block;height:2.5rem;font-size:1.2rem;font-weight:300;text-align:center;line-height:2.5rem;background-color:#f5f5f5;border:1px solid #ccc;border-radius:1.25rem;}
.learning_list_wrap .btn_con_hd span {font-weight:700;}
.learning_list_wrap .btn_con_hd.on {color:#fff;font-weight:300;background-color:#666;}
.learning_list_wrap .btn_con_hd.on span {font-weight:700;}
.learning_list_wrap .time_price_box {float:right;padding:1rem 0;}
.learning_list_wrap .time_price_box li {position:relative;float:left;padding:0 1rem;font-size:1.25rem;color:#333;}
.learning_list_wrap .time_price_box li:after {display:block;position:absolute;left:0;top:0.6rem;width:1px;height:0.8rem;background-color:#ccc;content:'';}
.learning_list_wrap .time_price_box li:first-child:after {display:none;}
.learning_list_wrap .time_price_box li:last-child {padding-right:0;}
.learning_list_wrap .time_price_box li .tit {float:left;margin-right:0.5rem;font-size:1.2rem;color:#999;}
.learning_list_wrap .btn_re_learning {margin-top:1rem;width:100%;height:3rem;font-size:1.2rem;font-weight:500;border-width:1px;border-style:solid;border-radius:6px;background-color:#fff;}
.learning_list_wrap .btn_n_compl {margin-top:1rem;width:100%;height:3rem;font-size:1.2rem;color:#fff;font-weight:500;border-radius:6px;background-color:#aaa;}
.learning_list_wrap .btn_result {margin-top:1rem;width:100%;height:3rem;font-size:1.2rem;color:#fff;font-weight:500;border-radius:6px;}
.learning_list_wrap .n_compl_box {display:none;margin-top:1.5rem;padding:1rem 1rem;min-height:8.5rem;color:#666;border:1px solid #ccc;background-color:#f5f5f5;}
.learning_list_wrap .table_style3 {margin-top:1.5rem;margin-bottom:1.5rem;}



/* 학습 - 학습홈 */
.learning_detail_wrap .learning_detail_con {padding-top:3rem;}
.learning_detail_hd {padding:1rem 0 2.7rem;}
.learning_detail_hd_inner {}
.learning_detail_hd_inner:after {display:block;visibility:hidden;clear:both;content:""}
.learning_detail_hd_inner .detail {}
.learning_detail_hd_inner .detail_cate {}
.learning_detail_hd_inner .detail_cate span {margin-left:0.4rem}
.learning_detail_hd_inner .detail_cate span:first-child {margin-left:0;}
.learning_detail_hd_inner .detail h3 {margin-top:1rem;font-size:1.75rem;color:#fff;line-height:2.4rem;}
.learning_detail_hd_inner .detail .go_detail {position:absolute;right:1.5rem;top:1rem;}
.learning_detail_hd_inner .detail .go_detail a {display:inline-block;padding-right:1rem;font-size:1.2;color:#fff;background:url('../images/ico_right_arrow_w_s.png') no-repeat right 0.55rem;background-size:auto 0.75rem;}
.learning_detail_hd_inner .detail .detail_body {margin-top:3rem;}
.learning_detail_hd_inner .detail .detail_body:after {display:block;visibility:hidden;clear:both;content:""}
.learning_detail_hd_inner .detail .detail_body .label_basic {float:left;}
.learning_detail_hd_inner .detail .detail_body .review_star {float:left;margin:0.2rem 0 0 2rem;}
.learning_detail_hd_inner .detail .detail_body .btn_box {float:right;}
.learning_detail_hd_inner .detail .detail_body .btn_leaning_favorite {margin-top:-0.45rem;width:7rem;height:3rem;font-size:1.2rem;font-weight:400;text-align:center;line-height:2.8rem;}
.learning_detail_hd_inner .detail .detail_body .btn_leaning_favorite span {display:inline-block;padding-left:1.8rem;background:url('../images/ico_favorite_w_m.png') no-repeat 0 0.9rem;background-size:auto 1.1rem;}
.learning_detail_hd_inner .detail .detail_body .btn_leaning_favorite.on span {background-image:url('../images/ico_favorite_w_m_on.png');}
.learning_detail_hd_inner .detail .detail_ft {margin-top:1.4rem;color:#fff;font-weight:300;}
.learning_detail_hd_inner .detail .detail_ft li {margin:0.2rem 0;}
.learning_detail_con .scrolling_nav {position:relative;}
.learning_detail_con .scrolling_nav li {display:inline-block;margin-left:1.5rem;padding-bottom:0.55rem;font-size:1.4rem;font-weight:400;color:#999999;vertical-align:top;line-height:1;}
.learning_detail_con .scrolling_nav li:first-child {margin-left:0;}
.learning_detail_con .scrolling_nav li span {font-weight:400;}
.learning_detail_con .scrolling_nav li.on {font-weight:700;border:0;border-bottom-width:1.5px;border-style:solid;}
.learning_detail_con .scrolling_nav li.on span {font-weight:400;}
.learning_detail_con .sec {margin-top:2.5rem;}
.learning_detail_con .sec:after {display:block;visibility:hidden;clear:both;content:""}
.learning_detail_con .sec:first-child {margin-top:0;}
.learning_detail_con .learning_art {border:1px solid #dcdcdc;border-radius:6px;background-color:#fff;}
.learning_detail_con .learning_art h3 {font-size:1.4rem;}
.learning_detail_con .learning_status {padding:1.2rem 1.5rem !important;overflow:hidden;}
.learning_detail_con .learning_status li {float:left;width:20%;text-align:center;border-left:1px solid #ccc;}
.learning_detail_con .learning_status .learning_status_list.li_cnt_5 {margin:1.2rem -1.5rem 0;}
.learning_detail_con .learning_status .learning_status_list.li_cnt_5 li {width:20%;}
.learning_detail_con .learning_status .learning_status_list.li_cnt_4 {margin:1.2rem -1.8rem 0 -2.6rem;}
.learning_detail_con .learning_status .learning_status_list.li_cnt_4 li {width:25%;}
.learning_detail_con .learning_status .learning_status_list.responsive_scroll ul {margin:1.2rem -1.4rem 0;}
.learning_detail_con .learning_status .learning_status_list.responsive_scroll li {display:inline-block;float:none;padding:0 1.5rem;width:auto;}
.learning_detail_con .learning_status.learning_status_online li {width:16.66% !important;}
.learning_detail_con .learning_status.learning_status_combination li {width:25%;}
.learning_detail_con .learning_status li:first-child {border-left:0;}
.learning_detail_con .learning_status li .learning_status_info {font-size:1.4rem;color:#999;font-weight:300;}
.learning_detail_con .learning_status li .learning_status_info strong {color:#333;}
.learning_detail_con .learning_status li .learning_status_info span.slash {}
.learning_detail_con .learning_status li .learning_status_tit {margin-top:0.2rem;font-size:1.2rem}
.learning_detail_con .learning_start {margin-top:1rem;}
.learning_detail_con .learning_start a {display:block;height:4rem;font-size:1.2rem;font-weight:500;text-align:center;line-height:3.9rem;}
.learning_detail_con .learning_start a span {display:inline-block;padding-left:2.7rem;background:url('../images/ico_schedule.png') no-repeat 0 0.9rem;background-size:auto 2rem;}
.learning_detail_con .learning_refunds {padding:1.2rem 1.5rem !important;}
.learning_detail_con .learning_refunds ul {margin-top:0.6rem;}
.learning_detail_con .learning_board {position:relative;margin-top:2.5rem;padding:1.2rem 1.5rem !important;}
.learning_detail_con .learning_board .more {position:absolute;padding-right:1rem;right:1.5rem;top:1.2rem;color:#999;background:url('../images/ico_latest_more.png') no-repeat right 0 top 0.5rem;background-size:auto 0.75rem;}
.learning_detail_con .learning_board ul {margin-top:0.6rem;}
.learning_detail_con .learning_completion {padding:1rem 1.5rem 1.5rem !important;}
.learning_detail_con .learning_completion table {margin-top:1rem;}
.learning_detail_con .ul_schedule {padding:1.2rem 1.5rem !important;border-bottom:1px solid #ddd;}
.learning_detail_con .ul_schedule ul {margin:-0.8rem 0;}
.learning_detail_con .ul_schedule .ul_solo li {background:none;}
.learning_detail_con .ul_schedule li {position:relative;padding:0.9rem 0 0.9rem 1.6rem;font-size:1.2rem;color:#333;background:url('../images/curriculum_bg_vertical.png') repeat-y 0.4rem 0;background-size:auto 15rem;}
.learning_detail_con .ul_schedule li:first-child {background-repeat:no-repeat;background-position:0.4rem 2.1rem;}
.learning_detail_con .ul_schedule li:last-child {background-repeat:no-repeat;background-position:0.4rem -13.1rem;}
.learning_detail_con .ul_schedule li:before {display:block;position:absolute;left:0;top:1.5rem;width:0.9rem;height:0.9rem;background:url('../images/curriculum_bg.png') no-repeat 0 0 #fff;background-size:auto 0.9rem;content:'';}
.learning_detail_con .ul_schedule li.on:before {background-image:url('../images/curriculum_bg_on.png');}
.learning_detail_con .ul_schedule li strong {font-weight:500;}
.learning_detail_con .ul_schedule li .i_title {font-size:1.4rem;font-weight:500;}
.learning_detail_con .ul_schedule li .i_date {margin-top:0.2rem;font-size:1.2rem;font-weight:300;}
.learning_detail_con .art {margin-top:1.5rem;}
.learning_detail_con .go_learning {margin-top:1rem;border-radius:4px;}
.learning_detail_con .go_learning a {display:block;height:4.5rem;font-size:1.4rem;line-height:4.5rem;color:#fff;text-align:center;font-weight:500}
/* .learning_detail_con .go_learning a span {display:inline-block;padding-left:2.4rem;background:url('../images/btn_go_learning.png') no-repeat 0 1rem;background-size:auto 2rem;} */
.learning_detail_con .learning_info {margin:0;padding:1.2rem 1.5rem 1.5rem !important;}
.learning_detail_con .learning_info .info_score {}
.learning_detail_con .learning_info .info_score ul {overflow:hidden;}
.learning_detail_con .learning_info .info_score li {float:left;padding:0 1.7rem;width:50%;height:4rem;font-size:1.2rem;line-height:4rem;border-top:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
.learning_detail_con .learning_info .info_score li:first-child {border-left:1px solid #ccc;}
.learning_detail_con .learning_info .info_score li .num {float:right;font-size:1.4rem;color:#999;font-weight:300;}
.learning_detail_con .learning_info .info_score li .num strong {color:#333;}
.learning_detail_con .learning_info .info_score li span.slash {font-size:1.2rem;vertical-align:2px;}
.learning_detail_con .learning_location {margin-top:1rem;padding:1.2rem 1.7rem;}
.learning_detail_con .learning_location .i_title {font-size:1.2rem;font-weight:500;}
.learning_detail_con .learning_location p {margin-top:0.4rem;}
.learning_detail_con .learning_seminar {margin-top:1rem;padding:1.2rem 1.7rem;}
.learning_detail_con .learning_seminar .i_title {font-size:1.4rem;font-weight:700;}
.learning_detail_con .learning_seminar p {margin-top:0.8rem;font-size:1.2rem;line-height:2rem;}


/* 학습 - 학습콘텐츠 - 플립 */
.learning_con_flip {margin-top:2.2rem;}
.learning_con_flip .sec {margin-top:3rem !important;}
.learning_con_flip .sec:first-child {margin-top:0 !important;}
.learning_con_flip .sec h2 {font-size:1.4rem;}
.learning_con_flip .learning_con_flip_list {}
.learning_con_flip .learning_con_flip_list li {position:relative;padding:1.5rem 0;background-color:#fff;border-top:1px solid #ccc;}
.learning_con_flip .learning_con_flip_list li:first-child {border-top:0;}
.learning_con_flip .learning_con_flip_list li .li_img {position:absolute;left:0;top:1.5rem;width:10rem;height:6.2rem;background-size:auto 6.2rem;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}
.learning_con_flip .learning_con_flip_list li .li_img .li_num {position:absolute;left:0.5rem;top:0;width:2.5rem;height:2.5rem;font-size:1.5rem;color:#fff;text-align:center;line-height:2.4rem;background-color:#666;border-radius:0 0 6px 6px;}
.learning_con_flip .learning_con_flip_list li .li_con {padding-left:11rem;padding-right:2rem;}
.learning_con_flip .learning_con_flip_list li .li_con span {height:1.6rem;font-size:1rem;line-height:1.5rem;line-height:1.5rem;}
.learning_con_flip .learning_con_flip_list li .li_con h3 {margin-top:0.3rem;font-size:1.2rem;font-weight:500;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 1; /* 라인수 */-webkit-box-orient: vertical;overflow:hidden;}
.learning_con_flip .learning_con_flip_list li .li_status {margin-top:0.6rem;font-size:1rem;color:#666;font-weight:500;}
.learning_con_flip .learning_con_flip_list li .li_status span {font-weight:400;}
.learning_con_flip .learning_con_flip_list li .btn_status {position:absolute;right:0;top:3.3rem;width:2.4rem;height:2.4rem;background:url('../images/btn_status.png') no-repeat 0 0;background-size:auto 2.4rem;}
.learning_con_flip .learning_con_flip_list li .btn_status.on {background-image:url('../images/btn_status_on.png');}

/* 학습 - 학습콘텐츠 - 온라인 - 동영상*/
.learning_con_online {margin-top:2.2rem;}
.learning_con_online .sec h2 {font-size:1.4rem;}
.learning_con_online .learning_con_online_list {margin-top:0.8rem;}
.learning_con_online .learning_con_online_list li {position:relative;margin-top:0.5rem;background-color:#fff;border:1px solid #ddd;overflow:hidden;}
.learning_con_online .learning_con_online_list li .li_con {padding:1rem 1.7rem;}
.learning_con_online .learning_con_online_list li .li_con span {font-size:1rem;font-weight:700;}
.learning_con_online .learning_con_online_list li .li_con h3 {max-width:85%; font-size:1.2rem;font-weight:500;}
.learning_con_online .learning_con_online_list li .li_con .date_box {margin:0.4rem -1rem 0;}
.learning_con_online .learning_con_online_list li .li_con .date_box span {position:relative;display:inline-block;padding:0 1rem;font-size:1rem;color:#666;font-weight:400;}
.learning_con_online .learning_con_online_list li .li_con .date_box span:after {position:absolute;left:0;top:0.5rem;width:1px;height:0.7rem;background-color:#dcdcdc;content:'';}
.learning_con_online .learning_con_online_list li .li_con .date_box span:first-child:after {display:none;}
.learning_con_online .learning_con_online_list li .li_con .date_box span b {font-weight:500;}
.learning_con_online .learning_con_online_list li .li_status {position:absolute;width:4rem;height:4rem;text-align:center;}
.learning_con_online .learning_con_online_list li .li_status1 {margin-top:-1.9rem;padding-top:0.8rem;top:50%;right:1.5rem;border:1px solid #ccc;background-color:#f5f5f5;border-radius:2rem;}
.learning_con_online .learning_con_online_list li .li_status2 {margin-top:-1.9rem;top:50%;right:1.5rem;}
.learning_con_online .learning_con_online_list li .li_status3 {margin-top:-0.6rem;top:50%;right:1.5rem;}
.learning_con_online .learning_con_online_list li .li_status .li_status_tit {font-size:0.9rem;color:#666;line-height:1.2rem;}
.learning_con_online .learning_con_online_list li .li_status .li_progress {font-size:1rem;font-weight:700;line-height:1.2rem;}
.learning_con_online .learning_con_online_list li .li_status .li_status_icon {width:4rem;height:2.4rem;background:url('../images/btn_status_on.png') no-repeat center 0;background-size:auto 2.4rem;}
.learning_con_online .learning_con_online_list li .li_status2 .li_status_tit {margin-top:0.3rem;font-size:0.9rem;font-weight:500;}
.learning_con_online .learning_con_online_list li .li_status3 .li_status_tit {font-size:0.9rem;font-weight:500;}
.learning_con_online .learning_con_online_list li.li_g .li_con {background-color:#f5f5f5;}

/* 학습 - 학습콘텐츠 - 온라인 - html */
.learning_con_online .learning_con_online_html_list li {position:relative;margin-top:0.5rem;padding:1.3rem 1.7rem;background-color:#fff;border:1px solid #ddd;overflow:hidden;}
.learning_con_online .learning_con_online_html_list li .box_title {position:relative;font-size:1rem;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:0.7rem;right:0.5rem;width:0.65rem;height:0.35rem;background:url('../images/ico_arrow_down.png') no-repeat;background-size:auto 0.35rem;-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 {position:relative;margin-top:1.3rem;padding:1.8rem 0;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;overflow:hidden;}
.learning_con_online .learning_con_online_html_list li .li_con h3 {font-size:1.2rem;font-weight:500; max-width:85%;}
.learning_con_online .learning_con_online_html_list li .li_con .date_box {margin:0.4rem -1rem 0;}
.learning_con_online .learning_con_online_html_list li .li_con .date_box span {position:relative;display:inline-block;padding:0 1rem;font-size:1rem;color:#666;font-weight:400;}
.learning_con_online .learning_con_online_html_list li .li_con .date_box span:after {position:absolute;left:0;top:0.5rem;width:1px;height:0.7rem;background-color:#dcdcdc;content:'';}
.learning_con_online .learning_con_online_html_list li .li_con .date_box span:first-child:after {display:none;}
.learning_con_online .learning_con_online_html_list li .li_con .date_box span b {font-weight:500;}


.learning_con_online .learning_con_online_html_list li .li_status {position:absolute;width:4rem;height:4rem;text-align:center;}
.learning_con_online .learning_con_online_html_list li .li_status1 {padding-top:0.8rem;right:0;top:1.8rem;border:1px solid #ccc;background-color:#f5f5f5;border-radius:2rem;}
.learning_con_online .learning_con_online_html_list li .li_status3 {margin-top:-0.6rem;top:50%;right:1rem;}
.learning_con_online .learning_con_online_html_list li .li_status .li_status_tit {font-size:0.9rem;color:#666;line-height:1.2rem;}
.learning_con_online .learning_con_online_html_list li .li_status .li_progress {font-size:1rem;font-weight:700;line-height:1.2rem;}
.learning_con_online .learning_con_online_html_list li .li_status .li_status_icon {width:4rem;height:2.4rem;background:url('../images/btn_status_on.png') no-repeat center 0;background-size:auto 2.4rem;}
.learning_con_online .learning_con_online_html_list li .li_status2 .li_status_tit {margin-top:0.3rem;font-size:0.9rem;font-weight:500;}
.learning_con_online .learning_con_online_html_list li .li_status3 .li_status_tit {font-size:0.9rem;font-weight:500;}


.learning_con_online .learning_con_online_html_list li .li_page {margin-top:1.2rem;}
.learning_con_online .learning_con_online_html_list li .li_page .li_page_inner {position:relative;padding:0.8rem 2.8rem 0.8rem 4.4rem;}
.learning_con_online .learning_con_online_html_list li .li_page .li_page_inner .li_status_tit {position:absolute;left:0;top:0.4rem;font-size:1rem;color:#666;}
.learning_con_online .learning_con_online_html_list li .li_page .li_page_inner .progress_box {position:relative;}
.learning_con_online .learning_con_online_html_list li .li_page .li_page_inner .progress_bar {height:0.75rem;background-color:#f5f5f5;border:1px solid #ccc;border-radius:0.375rem;}
.learning_con_online .learning_con_online_html_list li .li_page .li_page_inner .progress_bar.on {position:absolute;top:0;left:0;border:0;}
.learning_con_online .learning_con_online_html_list li .li_page .li_page_inner span {position:absolute;right:0;top:0.4rem;font-size:1rem;font-weight:500; white-space:nowrap;}
.learning_con_online .learning_con_online_html_list li .li_page li {padding:0;border:0;}

/* 학습 - 학습중인과정 - 학습홈 - 학습피스상세(유튜브) */
.learning_piece {position:relative;}
.learning_piece .learning_piece_con {}
.learning_piece .learning_piece_con .learning_piece_con_hd {padding:0 1rem;;height:4.8rem;color:#fff;background-color:#333;-webkit-box-shadow: 1px 0px 8px 2px rgba(0,0,0,1)}
.learning_piece .learning_piece_con .learning_piece_con_hd h2 {font-size:1.2rem;line-height:4.8rem; padding-right:90px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.learning_piece .learning_piece_con .learning_piece_con_hd .progress_wrap {position:absolute;right:4.5rem;top:0.7rem;}
.learning_piece .learning_piece_con .learning_piece_con_hd .progress_wrap .progress {position:relative;width:3.4rem;height:3.4rem;border-radius:50%;background-color:#555;}
.learning_piece .learning_piece_con .learning_piece_con_hd .progress_wrap .progress div {position:absolute;	left:1.7rem;top:0px;display:none;width:2px;height:1.6rem;transform-origin: 0px 1.7rem;-webkit-transform-origin: 0px 1.7rem;-moz-transform-origin: 0px 1.7rem;-ms-transform-origin: 0px 1.7rem;}
.learning_piece .learning_piece_con .learning_piece_con_hd .progress_wrap .progress_value {transform:lotate(0deg);-webkit-transform:lotate(0deg);-moz-transform:lotate(0deg);-ms-transform:lotate(0deg);}
.learning_piece .learning_piece_con .learning_piece_con_hd .progress_wrap .progress span {position:absolute;z-index:10;left:0.2rem;top:0.2rem;width:3rem;height:3rem;line-height:3rem;text-align:center;background:#333;border-radius:50%;font-size:1rem;font-weight:bold;color:#fff; white-space:nowrap;}
.learning_piece .learning_piece_con .learning_piece_con_hd .btn_win_close {position:absolute;/* padding-top:1.6rem; */right:0.5rem;top:0.5rem;width:40px;height:40px;background:url('../images/btn_win_close.png') no-repeat center;background-size:auto 18px;overflow:hidden; text-indent:-9999px;}
.lp_youtube_w {position:relative; display:inline-block; width:100%; height:auto; padding-bottom:56.25%; overflow:hidden; vertical-align:middle;}
.learning_piece .learning_piece_con .learning_piece_con_inner iframe {/* position:absolute; top:54px; left:0; width:100%; */ /* height:100%; */ display:block; width:100%; min-height:235px !important;}
.lp_youtube_w iframe {position:absolute; top:0; left:0;}

.inner_link.studyMode {position:relative; height:485px;}
.learning_piece .learning_piece_con .learning_piece_con_inner .inner_seminar {padding:1.5rem;background-color:#fff;}
.learning_piece .learning_piece_con .learning_piece_con_inner .inner_seminar table {border-top:1px solid #ccc;}
.learning_piece .learning_piece_con .learning_piece_con_inner .inner_seminar th {padding:1rem;font-weight:500;text-align:left;background-color:#f5f5f5;border-bottom:1px solid #ccc;}
.learning_piece .learning_piece_con .learning_piece_con_inner .inner_seminar td {padding:1rem;border-bottom:1px solid #ccc;}
.learning_piece .learning_piece_con .learning_piece_con_inner .inner_seminar td a.file_down {color:#0000ff}
.learning_piece .learning_piece_con .learning_piece_con_inner .inner_text {padding:2rem 1.5rem;background-color:#fff;}
.learning_piece .learning_piece_con .learning_piece_con_inner .inner_text h3 {font-size:1.6rem;font-weight:700;}
.learning_piece .learning_piece_con .learning_piece_con_inner .inner_text p {margin-top:1rem;}
.learning_piece .learning_piece_con .learning_piece_con_inner .learning_piece_con_sec {position:relative;}
.learning_piece .learning_piece_con .learning_piece_con_inner .learning_piece_con_sec:after {position:absolute;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,0.7);content:'';}
.learning_piece .learning_piece_con .learning_piece_con_inner .learning_piece_con_absolute {position:absolute;width:100%;height:100%;top:0;left:0;text-align:center;z-index:9}
.learning_piece .learning_piece_con .learning_piece_con_inner .display_table_cell {padding:0 1.5rem;}
.learning_piece .learning_piece_con .learning_piece_con_inner .learning_piece_con_title {font-size:1.4rem;color:#fff;}
.learning_piece .learning_piece_con .learning_piece_con_inner .learning_piece_con_link {display:block;margin-top:2rem;height:4rem;font-size:1.4rem;color:#fff;line-height:3.8rem;border:1px solid #fff;text-align:center;border-radius:6px;}
.learning_piece .learning_piece_aside {position:relative;background-color:#fff;}
.learning_piece .learning_piece_aside .learning_piece_aside_hd {padding:1.3rem 1.5rem;color:#fff;background-color:#666;}
.learning_piece .learning_piece_aside .learning_piece_aside_hd .depth_nav {font-size:1.2rem;}
.learning_piece .learning_piece_aside .learning_piece_aside_hd .depth_nav .depth {display:inline-block;padding-left:1rem;background:url('../images/ico_aside_depth_arrow.png') no-repeat 0.2rem 0.6rem;background-size:auto 0.75rem;}
.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:0.6rem;font-size:1.75rem;}

.learning_piece .learning_piece_aside .learning_piece_aside_hd .sme_name {position:relative;margin-top:2.2rem;padding-left:3.4rem;height:3rem;font-size:1.4rem;font-weight:500;line-height:3rem;}
.learning_piece .learning_piece_aside .learning_piece_aside_hd .sme_name .aside_sme_thumb {display:block;position:absolute;top:0.1rem;left:0;width:2.8rem;height:2.8rem;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:0.7em;font-size:1rem;}
.learning_piece .learning_piece_aside .learning_piece_aside_hd .hd_info span {display:inline-block;margin-left:1.8rem;}
.learning_piece .learning_piece_aside .learning_piece_aside_hd .hd_info span:first-child {margin-left:0;}
.learning_piece .learning_piece_aside .learning_piece_aside_hd .hd_info .view {padding-left:2rem;background:url('../images/ico_aside_view.png') no-repeat 0 0.2rem;background-size:auto 1.1rem;}
.learning_piece .learning_piece_aside .learning_piece_aside_hd .hd_info .comment {padding-left:2.1rem;background:url('../images/ico_aside_comment.png') no-repeat 0 0.2rem;background-size:auto 1.1rem;}
.learning_piece .learning_piece_aside .learning_piece_aside_hd .hd_info .favorite {padding-left:1.9rem;background:url('../images/ico_aside_favorite.png') no-repeat 0 0.2rem;background-size:auto 1.1rem;}
.learning_piece .learning_piece_aside .tab_aside {display:table; table-layout:fixed; width:100%; margin-top:0;border:0;overflow:hidden;}
.learning_piece .learning_piece_aside .tab_aside li {/* float:left; */ display:table-cell; width:20%;height:3.6rem;line-height:3.5rem;font-size:1.2rem;color:#aaa;font-weight:400;text-align:center;background-color:#f5f5f5;border:0 !important;cursor:pointer;}
/* .learning_piece .learning_piece_aside .tab_aside.li5 li{width:20%;}
.learning_piece .learning_piece_aside .tab_aside.li4 li{width:25%;} */
.learning_piece .learning_piece_aside .tab_aside li.on {color:#fff;font-weight:500;}
.learning_piece .learning_piece_aside .learning_piece_aside_con {padding:2.2rem 1.5rem 5rem;background-color:#fff;}
.learning_piece .learning_piece_aside .learning_piece_aside_con .tab_contents .inner {padding:0;}
.learning_piece .learning_piece_aside .learning_piece_aside_con .sec {position:relative;margin-top:3.2rem;}
.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:1.4rem;color:#333;}
.learning_piece .learning_piece_aside .learning_piece_aside_con .sec p {margin-top:1.2rem;font-size:1.2rem;}

.learning_piece .learning_piece_aside .learning_piece_aside_con .sec.micro {margin-top:0; padding:0;}
.learning_piece .learning_piece_aside .learning_piece_aside_con .sec .inner {padding:0;}
.learning_piece .learning_piece_aside .learning_piece_aside_con .sec .inner > p:first-child {margin-top:0}

.learning_piece .learning_piece_aside .learning_piece_aside_con .sec.micro .aside_review_list .more_option {right:-8px;}
.micro .more_option .btn_option {width:40px; height:40px; background-position:center; background-size:4.5px auto;}
.micro .more_option .more_box {top:3.5rem;}

.learning_piece .learning_piece_aside .learning_piece_aside_con .sec .btn_copy2 {margin-bottom:1.5rem;width:100%;height:4rem;font-size:1.4rem;color:#fff;text-align:center;background-color:#999;border-radius:6px;}
.learning_piece .learning_piece_aside .learning_piece_aside_con .sec input[type="text"] + .btn_copy2 {margin-top:-34px;}
.learning_piece .learning_piece_aside .learning_piece_aside_con .sec .btn_copy2 span {display:inline-block;padding-left:1.9rem;background:url('../images/ico_url_copy.png') no-repeat 0 0.4rem;background-size:auto 1.25rem;}
.learning_piece .learning_piece_aside .learning_piece_aside_con .sec .keyword {margin-top:1.8rem;font-size:0;}
.learning_piece .learning_piece_aside .learning_piece_aside_con .sec .keyword a {display:inline-block;margin-left:0.6rem;padding:0 1.1rem;font-size:1.2rem;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:1.6rem;}
.learning_piece .learning_piece_aside .learning_piece_aside_con .sec .learning_list {margin-top:1.7rem;}
.learning_piece .learning_piece_aside .learning_piece_aside_con .sec .learning_list li {position:relative;margin-top:1rem;height:6.2rem;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 {position:absolute;left:0;top:0;width:10rem;height:6.2rem;background-position:50% 50%;background-size:cover;}
.learning_piece .learning_piece_aside .learning_piece_aside_con .sec .learning_list li .des {padding-left:11rem;}
.learning_piece .learning_piece_aside .learning_piece_aside_con .sec .learning_list li .des h4 {font-size:1.2rem;font-weight:500;}
.learning_piece .learning_piece_aside .learning_piece_aside_con .sec .learning_list li .des .cate {margin-top:0.5rem;font-size:1rem;color:#999;}
.learning_piece .learning_piece_aside .learning_piece_aside_con .sec .count {margin-bottom:0.5rem;}
.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:1.2rem;border-top:1px solid #eee;}
.learning_piece .learning_piece_aside .learning_piece_aside_con .sec .aside_learning_list li {position:relative;font-size:1.2rem;}
.learning_piece .learning_piece_aside .learning_piece_aside_con .sec .aside_learning_list li .box_title {padding:1.4rem 5rem 1.4rem 4rem;color:#333;border-bottom:1px solid #eee;background-repeat:no-repeat;background-size:auto 1.65rem;background-position:1.5rem 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:-0.6rem;right:1.5rem;top:50%;width:1.25rem;height:1.25rem;background-image:url('../images/survey_chk_on_white.png');background-repeat:no-repeat;background-position:center center;background-size:auto 0.65rem;border-radius:50%;content:'';}
.learning_piece .learning_piece_aside .learning_piece_aside_con .sec .aside_learning_list li span {display:inline-block;margin-left:1rem;color:#999;font-weight:400;}
.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 {margin:0.6rem 0 1.5rem;overflow:hidden;}
.learning_piece .learning_piece_aside .learning_piece_aside_con .sec .bookmark_input .time {padding-left:1.8rem;font-size:1.4rem;font-weight:700;background:url('../images/ico_bookmark.png') no-repeat 0 0.5rem;background-size:auto 1.2rem;}
.learning_piece .learning_piece_aside .learning_piece_aside_con .sec .bookmark_input .input {position:relative;margin-top:0.5rem;}
.learning_piece .learning_piece_aside .learning_piece_aside_con .sec .bookmark_input .input input {padding:0 1rem;width:100%;height:3rem;font-size:1.2rem;color:#999;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 {position:absolute;right:0;top:0;width:5.8rem;height:3rem;font-size:1.2rem;color:#fff;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:2.1rem;;right:2rem;width:0.65rem;height:0.35rem;background:url('../images/ico_arrow_down.png') no-repeat;background-size:auto 0.35rem;-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:1rem 1.5rem;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 {position:absolute;left:1.5rem;top:1.5rem;width:3rem;font-weight:700;}
.learning_piece .learning_piece_aside .learning_piece_aside_con .sec .aside_learning_list li .box_cont > li .con {padding:0.5rem 3rem 0.5rem 4.5rem;}
.learning_piece .learning_piece_aside .learning_piece_aside_con .sec .aside_learning_list li .box_cont li .more_option {position:absolute;right:1.5rem;top:1rem;}
.learning_piece .learning_piece_aside .learning_piece_aside_con .sec .aside_learning_list li .box_cont li .bookmark_input {display:none;padding:0.75rem 0 0.6rem;}
.learning_piece .learning_piece_aside .learning_piece_aside_con .sec .comment_count {font-size:1.4rem;font-weight:500;}
.learning_piece .learning_piece_aside .learning_piece_aside_con .sec .comment_count span {color:#ccc;}
.learning_piece .learning_piece_aside .learning_piece_aside_con .sec .my_comment {position:absolute;right:1.5rem;top:0;}
.learning_piece .learning_piece_aside .learning_piece_aside_con .sec .comment_write {position:relative;margin-top:1.3rem;padding-bottom:1.5rem;overflow:hidden;}
.learning_piece .learning_piece_aside .learning_piece_aside_con .sec .comment_write .input {position:relative;padding-right:8rem;}
.learning_piece .learning_piece_aside .learning_piece_aside_con .sec .comment_write .input textarea {padding:1rem 1rem;height:6.3rem;color:#333;font-weight:300;}
.learning_piece .learning_piece_aside .learning_piece_aside_con .sec .comment_write .input .btn_comment_submit {position:absolute;top:0;right:0;width:7.5rem;height:6.3rem;font-weight:500;background-color:#f5f5f5;}
.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:3rem 1.5rem 0.8rem 7rem;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;width:4.5rem;height:4.5rem;left:1.5rem;top:2rem;background-repeat:no-repeat;background-size:cover;background-position:50% 50%;}
.learning_piece .learning_piece_aside .learning_piece_aside_con .sec .aside_review_list .name {font-size:1.4rem;font-weight:500;}
.learning_piece .learning_piece_aside .learning_piece_aside_con .sec .aside_review_list .name span {display:inline-block;margin-left:1rem;font-size:1.2rem;color:#666;font-weight:300;}
.learning_piece .learning_piece_aside .learning_piece_aside_con .sec .aside_review_list .con {margin-top:0.8rem;font-size:1.2rem;font-weight:300;}

.learning_piece .learning_piece_aside .learning_piece_aside_con .sec .aside_review_list + .page_nav {display:none;}

.learning_piece .learning_piece_aside .learning_piece_aside_con .sec .aside_review_list .favorite {float:right;margin-top:0.5rem;margin-right:1.5rem;}
.learning_piece .learning_piece_aside .learning_piece_aside_con .sec .aside_review_list .favorite button.btn_like {padding-left:1.6rem;font-size:1.2rem;color:#333;background-image:url('../images/ico_favorite_m.png');background-position:0 0.5rem;background-repeat:no-repeat;background-size:auto 0.85rem;}
.learning_piece .learning_piece_aside .learning_piece_aside_con .sec .aside_review_list .favorite button.btn_like.on {background-image:url('../images/ico_favorite_m_on.png');}


.learning_piece .learning_piece_aside .learning_piece_aside_con .sec .aside_review_list .more_option {position:absolute;right:1.5rem;top:2rem;}
.learning_piece .learning_piece_aside .learning_piece_aside_con .sec .aside_review_list .input {display:none;}

/* 학습 html 동영상 */
#learnContentArea {height:auto; /* padding-bottom:56.25%; */}

.learning_piece_page {padding:0.85rem; background:#333; color:#fff; text-align:center; z-index:999;}
.ir {position:absolute; visibility:hidden; font-size:0;}
.learning_piece_page [class^="lpp_"] {display:inline-block; width:30px; height:30px; background-repeat:no-repeat; background-size:12px auto; background-position:center; vertical-align:middle; z-index:999;}
.lpp_prev {margin-right:10px; background-image:url('../images/ico_btn_prev.png');}
.lpp_next {margin-left:10px; background-image:url('../images/ico_btn_next.png');}
.learning_piece_page .txt_num {display:inline-block; vertical-align:middle;}

.inner_movie {position:relative; width:100%; height:0; padding-bottom:56.25%; overflow:hidden;}
.inner_movie .video {position:absolute; top:0; left:0; width:100%; height:100% !important; vertical-align:top;}
.inner_movie .video-js {width:100%; height:100% !important;}
.inner_movie .video-js .vjs-tech {height:auto !important;}
/* .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {opacity:1 !important;} */
/* .vjs-theme-fantasy.video-js .vjs-current-time {display:none !important;}
.video-js .vjs-control {width:5em !important;} */
.inner_movie .video-js.vjs-fullscreen .vjs-tech {height:100vh !important;}

#learnReferenceArea .sec {margin-top:0;}
#learnReferenceArea .sec + .sec {margin-top:3.2rem;}

/* 모바일 해상도별 전체모드 비율 조정! */
@media only screen and (min-device-width: 320px) and (orientation: landscape) {
	.video-js {height:100vh !important;}
	.inner_movie .video-js .vjs-tech {height:100% !important;}
}

/* 아이폰8 */
@media only screen and (device-width : 667px) and (device-height : 375px) and (orientation: landscape) {
    .inner_movie {padding-bottom:56.25%;}
	.vjs-theme-fantasy .vjs-play-control .vjs-icon-placeholder:before {top:4px !important;}
}
/* 아이폰8 Plus */
@media only screen and (device-width : 736px) and (device-height : 414px) and (orientation: landscape) {
    .inner_movie {padding-bottom:56.25%;}
	.vjs-theme-fantasy .vjs-play-control .vjs-icon-placeholder:before {top:5px !important;}
}
/* 아이폰X */
@media only screen and (device-width : 375px) and (device-height : 812px) and (orientation: landscape) {
    .inner_movie {padding-bottom:calc(56.25% - 10.1%);}
	.vjs-theme-fantasy .vjs-play-control .vjs-icon-placeholder:before {top:5px !important;}
}
/* 아이폰 XR, 11 */
@media only screen and (min-device-width : 414px) and (max-device-height : 896px) and (orientation: landscape) {
	.inner_movie {padding-bottom:calc(56.25% - 10.1%);}
	.vjs-theme-fantasy .vjs-play-control .vjs-icon-placeholder:before {top:5px !important;}
}
          
          
.inner_movie .popcontainer {color:#fff; text-align:center; padding:20px 0; background:rgba(0,0,0,.7); border-radius:5px;}
.inner_movie .popcontainer .btn_box button {width:90px; height:3rem; line-height:2.9rem; font-size:14px;}

/* 학습 - 학습피스 상세 - 카드러닝 */
.card_learning {position:relative;}
.card_learning_slider {position:relative;}
.card_learning .swiper-button-next, 
.card_learning .swiper-button-prev {margin-top:-2rem;top:50%;width:1.8rem;height:3.45rem;outline:0;}
.card_learning .swiper-button-next:after, 
.card_learning .swiper-button-prev:after {content:none;}
.card_learning .swiper-button-next {right:1rem !important;background-image:url('../images/card_slide_next_on.png');background-size:auto 3.45rem;}
.card_learning .swiper-button-next.swiper-button-disabled {background-image:url('../images/card_slide_next.png');background-size:auto 3.45rem;}
.card_learning .swiper-button-prev {left:1rem !important;background-image:url('../images/card_slide_prev_on.png');background-size:auto 3.45rem;}
.card_learning .swiper-button-prev.swiper-button-disabled {background-image:url('../images/card_slide_prev.png');background-size:auto 3.45rem;}
.card_learning .swiper-scrollbar {width:23rem;left:1rem;bottom:1.9rem;background-color:rgba(0,0,0,0.3);}
.card_learning .swiper-scrollbar-drag {position:relative;background-color:#ea563a;}
.card_learning .card_slider_paging {position:absolute;right:1rem;bottom:1rem;font-size:0;text-align:center;z-index:9;}
.card_learning .card_slider_paging * {display:inline-block;vertical-align:top;}
.card_learning .card_slider_paging input {width:3rem;height:2rem;font-size:1.2rem;color:#262626;text-align:center;border-radius:4px;background-color:#ffffff;border:1px solid #b5b5b5;}
.card_learning .card_slider_paging span {margin:0 0.5rem;font-size:1.2rem;color:#999999;line-height:1.8rem;}
.card_learning .card_slider_paging button {margin-left:0.2rem;width:3.5rem;height:2rem;font-size:1.2rem;color:#ffffff;border-radius:4px;background-color:#333333;}

/* 학습 - 게시판 */
.learning_board {padding-top:0;padding-bottom:0;}
.learning_board .selectric-wrapper {margin-top:1.5rem;}
.learning_board .board_list {margin-top:3rem;border-top:1px solid #ccc;}
.learning_board .board_list > li {height:10rem;border-bottom:1px solid #ccc;}
.learning_board .board_list li.li_notice {background-color:#f5f5f5;}
.learning_board .board_list .li_num {width:4rem;}
.learning_board .board_list .li_num .ico_notice {display:inline-block;padding-top:1.25rem;width:1.25rem;height:1.25rem;background:url('../images/ico_notice.png') no-repeat;background-size:auto 1.25rem;overflow:hidden;}
.learning_board .board_list .li_con {width:32rem;text-align:left;}
.learning_board .board_list .li_con .li_cate {font-weight:500;}
.learning_board .board_list .li_con .li_subject {margin-top:0.4rem;padding-right:1.5rem;font-size:1.4rem;font-weight:500;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 1; /* 라인수 */-webkit-box-orient: vertical;overflow:hidden;}
.learning_board .board_list .li_con .ico_new {display:inline-block;margin-left:1rem;padding-top:1.05rem;width:0.85rem;height:1.05rem;vertical-align:2px;background:url('../images/ico_new.png') no-repeat;background-size:auto 1.05rem;overflow:hidden;}
.learning_board .board_list .li_con .li_info {margin-top:0.5rem;font-size:1.2rem;}
.learning_board .board_list .li_con .li_info .li_date {display:inline-block;margin-left:1rem;}
.learning_board .board_list .li_con .li_info .color_g {color:#aaa;font-weight:700;}
.learning_board .board_list .li_con .li_info .color_r {color:#ff0000;font-weight:700;}
.learning_board .board_list .li_con .li_info .color_b {color:#3d7ca4;font-weight:700;}
.learning_board .board_list .li_con .more_option {position:absolute;right:1.5rem;top:1.5rem;}
.learning_board .search_box {margin-top:1.5rem;padding:0.5rem 1.5rem 2rem;background-color:#f5f5f5;}
.learning_board .input_wrap {position:relative;margin-top:1rem;}
.learning_board .input_wrap {position:relative;}
.learning_board .input_wrap .input_box {position:relative;}
.learning_board .input_wrap .input_box input {color:#999 !important;font-weight:400;}
.learning_board .input_wrap .input_box .btn_input_cancle {display:none;position:absolute;top:1rem;right:3rem;width:1rem;height:1rem;background:url('../images/ico_input_cancle.png') no-repeat;background-size:auto 1rem;cursor:pointer;}
.learning_board .input_wrap .input_box.on .btn_input_cancle {display:block;}
.learning_board .input_wrap .input_box button {position:absolute;top:0.8rem;right:0.8rem;width:1.25rem;height:1.25rem;background:url('../images/ico_srh_b.png') no-repeat;background-size:auto 1.25rem;}
.learning_board .btn_my_question {margin-top:1rem;width:100%;height:3rem;color:#fff;line-height:3rem;background-color:#999;border-radius:6px;}

.learning_board_write {padding-top:0 !important;}
.learning_board_view {padding-top:0 !important;}

/* 학습 - 소셜러닝 - 메인 */
.learning_detail_con.fixed_top .aside_inner {z-index:5;}
.learning_social {padding-bottom:0;}
.learning_social .learning_detail_hd {padding:2.8rem 1.5rem;background:rgba(0,0,0,.4) url('../images/learning_social_bg.jpg') no-repeat center;background-size: cover;}
.learning_social .learning_detail_hd.mentoring {padding:2.8rem 1.5rem; background:#ff5452}
.learning_social .learning_detail_hd.cop {padding:2.8rem 1.5rem; background:#067bd3}
.learning_social .learning_detail_hd.coaching {padding:2.8rem 1.5rem; background:#f9ac0f}
.learning_social .learning_detail_hd.ojt {padding:2.8rem 1.5rem; background:#8a4eba}
.learning_social .course_desc .i_cate {display:inline-block;padding:0 1.5rem;height:2rem;font-size:1.2rem;color:#fff;border:1px solid #fff;border-radius:1rem;}
.learning_social .course_desc .i_subject {margin-top:0.6rem;font-size:1.75rem;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:2.2rem;font-size:1.2rem;color:#fff;font-weight:400;}
.learning_social .course_desc .i_date li {margin-top:0.6rem;}
.learning_social .course_desc .i_date li:first-child {margin-top:0;}
.learning_social .course_desc .i_date span {font-weight:700;}
.learning_social {padding-top:2.2rem;}
.learning_social h3 {font-size:1.75rem;}
.learning_social .selectric-wrapper {margin-top:1.5rem;}
.learning_social .board_list {margin-top:3rem;border-top:1px solid #ccc;}
.learning_social .board_list > li {height:10rem;border-bottom:1px solid #ccc;}
.learning_social .board_list li.li_notice {background-color:#f5f5f5;}
.learning_social .board_list .li_num {width:4rem;}
.learning_social .board_list .li_num .ico_notice {display:inline-block;padding-top:1.25rem;width:1.25rem;height:1.25rem;background:url('../images/ico_notice.png') no-repeat;background-size:auto 1.25rem;overflow:hidden;}
.learning_social .board_list .li_con {width:32rem;text-align:left;}
.learning_social .board_list .li_con .li_cate {font-weight:500;}
.learning_social .board_list .li_con .li_subject {margin-top:0.4rem;padding-right:1.5rem;font-size:1.4rem;font-weight:500;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 1; /* 라인수 */-webkit-box-orient: vertical;overflow:hidden;}
.learning_social .board_list .li_con .ico_new {display:inline-block;margin-left:0.5rem;padding-top:1.05rem;width:0.85rem;height:1.05rem;vertical-align:2px;background:url('../images/ico_new.png') no-repeat;background-size:auto 0.75rem;overflow:hidden;}
.learning_social .board_list .li_con .li_info {margin-top:0.5rem;font-size:1.2rem;}
.learning_social .board_list .li_con .li_info .li_date {display:inline-block;margin-left:1rem;}
.learning_social .board_list .li_con .li_info .color_g {color:#aaa;font-weight:700;}
.learning_social .board_list .li_con .li_info .color_r {color:#ff0000;font-weight:700;}
.learning_social .board_list .li_con .li_info .color_b {color:#3d7ca4;font-weight:700;}
.learning_social .board_list .li_con .more_option {position:absolute;right:1.5rem;top:1.5rem;}

.learning_social .board_list_gallery {margin:-0.25rem -0.75rem;}
.learning_social .board_list_gallery:after {display:block;visibility:hidden;clear:both;content:""}
.learning_social .board_list_gallery > li {position:relative;float:left;margin:1rem 0.75rem;width:15.75rem;}
.learning_social .board_list_gallery > li .li_thumb {width:15.75rem;height:11.25rem;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}
.learning_social .board_list_gallery .li_subject {margin-top:0.6rem;padding-right:1.5rem;font-size:1.4rem;font-weight:500;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 1; /* 라인수 */-webkit-box-orient: vertical;overflow:hidden;}
.learning_social .board_list_gallery .ico_new {display:inline-block;margin-left:1rem;padding-top:1.05rem;width:0.85rem;height:1.05rem;vertical-align:2px;background:url('../images/ico_new.png') no-repeat;background-size:auto 1.05rem;overflow:hidden;}
.learning_social .board_list_gallery .li_info {margin-top:0.4rem;font-size:1.2rem;}
.learning_social .board_list_gallery .li_info .li_date {}
.learning_social .board_list_gallery .li_info .li_date span {display:inline-block;margin-left:1rem;}
.learning_social .board_list_gallery .li_info .li_date span:first-child {margin-left:0;}
.learning_social .board_list_gallery .li_info .color_g {color:#aaa;font-weight:700;}
.learning_social .board_list_gallery .li_info .color_r {color:#ff0000;font-weight:700;}
.learning_social .board_list_gallery .li_info .color_b {color:#3d7ca4;font-weight:700;}
.learning_social .board_list_gallery .more_option {position:absolute;right:0;top:12rem;}

.learning_social .search_box {margin-top:1.5rem;padding:0.5rem 1.5rem 2rem;background-color:#f5f5f5;}
.learning_social .input_wrap {position:relative;margin-top:1rem;}
.learning_social .input_wrap .input_box {position:relative;}
.learning_social .input_wrap .input_box input {color:#999 !important;font-weight:400;}
.learning_social .input_wrap .input_box .btn_input_cancle {display:none;position:absolute;top:1rem;right:3rem;width:1rem;height:1rem;background:url('../images/ico_input_cancle.png') no-repeat;background-size:auto 1rem;cursor:pointer;}
.learning_social .input_wrap .input_box.on .btn_input_cancle {display:block;}
.learning_social .input_wrap .input_box button {position:absolute;top:0.8rem;right:0.8rem;width:1.25rem;height:1.25rem;background:url('../images/ico_srh_b.png') no-repeat;background-size:auto 1.25rem;}
.learning_social .btn_my_question {margin-top:1rem;width:100%;height:3rem;color:#fff;line-height:3rem;background-color:#999;border-radius:6px;}

.learning_social .board_reply {margin-top:3rem;}
.learning_social .board_reply .board_reply_inner {padding:1.2rem 1.5rem 1.5rem;background-color:#f5f5f5;}
.learning_social .board_reply .board_reply_inner .reply_info_box {overflow:hidden;}
.learning_social .board_reply .board_reply_inner .reply_count {float:left;font-size:1.2rem;color:#666;font-weight:700;}
.learning_social .board_reply .board_reply_inner .reply_sort {float:right;}
.learning_social .board_reply .board_reply_inner .reply_sort a {font-size:1.2rem;color:#999;}
.learning_social .board_reply .board_reply_inner .reply_sort a.on {color:#666;font-weight:700;}
.learning_social .board_reply .board_reply_inner .reply_sort span {display:inline-block;margin:0 0.5rem;font-size:0.8rem;color:#ccc;vertical-align:0.2rem;}
.learning_social .board_reply .reply_input {position:relative;padding-right:8rem;margin-top:1.2rem;}
.learning_social .board_reply .reply_input textarea {height:6.25rem;font-weight:300;}
.learning_social .board_reply .reply_input button {position:absolute;right:0;top:0;width:7.5rem;height:6.25rem;font-size:1.2rem;font-weight:500;background-color:#eee;border:1px solid #ccc;}
.learning_social .board_reply .reply_list > li {position:relative;padding:1.2rem 1.5rem;border-top:3px solid #fff;}
.learning_social .board_reply .reply_list .reply_list_li.on {background-color:#f5f5f5;}
.learning_social .board_reply .reply_list > li .i_name {font-size:1.2rem;font-weight:700;}
.learning_social .board_reply .reply_list > li .i_date {display:inline-block;margin-left:1rem;font-size:1.2rem;color:#999;font-weight:400;}
.learning_social .board_reply .reply_list > li .i_content {margin-top:1rem;font-size:1.2rem;}
.learning_social .board_reply .reply_list > li .i_favorite {margin-top:1rem;padding-left:2rem;color:#999;background:url('../images/ico_favorite9.png') no-repeat 0 0.4rem;background-size:auto 1.1rem;}
.learning_social .board_reply .reply_list > li .more_option {position:absolute;display:none;right:1.5rem;top:2rem;}
.learning_social .board_reply .reply_list > li .hidden_input {display:none;}
.learning_social .board_reply .reply_list .reply_list_li.on .more_option {display:block;}
.learning_social .btn_more_list {display:block;margin-top:3rem;width:100%;height:3rem;font-size:1.2rem;text-align:center;line-height:3rem;background-color:#eee;border-radius:6px;}

.learning_social .cont_learner {margin-top:0;}
.learning_social .cont_learner .title {display:block;margin-bottom:0.65rem;font-size:1.4rem;font-weight:700;color:#333;}
.learning_social .cont_learner .input_box {position:relative;}
.learning_social .cont_learner .input_box input {padding:0;height:3.4rem;line-height:3.4rem;font-size:1.4rem;font-weight:400;color:#666666;border-top:0;border-left:0;border-right:0;}
.learning_social .cont_learner .input_box .ast {position:absolute;top:0.95rem;left:3rem;font-size:1.4rem;color:#ea563a;}
.learning_social .cont_learner .i_textarea {margin-top:2rem;padding:1rem;min-height:18.15rem;font-size:1.2rem;color:#666666;border:0;border:1px solid #cccccc;}
.learning_social .cont_learner .filebox {margin-top:1.45rem;}
.learning_social .cont_learner .filebox .file_gallery_info {margin-top:1.8rem;padding-left:2rem;font-size:1.2rem;font-weight:300;background:url('../images/ico_info_gray2.png') no-repeat 0 0.2rem;background-size:auto 1.5rem;}
.learning_social .cont_learner .filebox .drag_wrap {margin-top:1.5rem;}
.learning_social .cont_learner .filebox .drag_wrap:after {display:block;visibility:hidden;clear:both;content:""}
.learning_social .cont_learner .filebox .title {float:left;margin-bottom:0;font-size:1.4rem;font-weight:500;color:#333333;line-height:2.5rem;}
.learning_social .cont_learner .filebox .btn_file {float:right;}
.learning_social .cont_learner .filebox .file_list {margin-top:1rem;border-bottom:1px solid #cccccc;text-align:left;}
.learning_social .cont_learner .filebox .file_list li {position:relative;padding:0.5rem 10% 0.6rem 3.15rem;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 1rem 50%;background-size:auto 1.35rem;}
.learning_social .cont_learner .filebox .file_list li a {font-size:1.2rem;color:#666666;}
.learning_social .cont_learner .filebox .file_list li a:hover {text-decoration:underline;}
.learning_social .cont_learner .filebox .file_list li .btn_file_del {display:block;position:absolute;top:0;right:0;width:10%;height:100%;background:url('../images/ico_review_del.png') no-repeat 50% 50%;background-size:1.35rem;}

.da_list {position:relative; display:inline-block; padding-bottom:7px;}
.dal_w {display:inline-block;}
.dal_layer_w {min-width:100%; width:auto; z-index:3; overflow:hidden;}
.dal_layer_w .btnIcon_arrow {position:absolute; top:-9px; left:100%; 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; position:absolute; top:28px; left:62%; width:100%; padding:12px; background:rgba(0,0,0,.7); border-radius:3px;}
.dal_layer_w.show .dall_lists {display:block;}
.dall_list {position:relative; padding-left:54px;}
.dall_list + .dall_list {margin-top:3px;}
.learning_social .course_desc .i_date [class^="dl_"] {font-weight:400;}
.dall_list .dl_tit {position:absolute; top:0; left:0;}

/* help box */
.hp_box1 {padding:0.2rem 1rem 0.3rem;font-size:1.2rem;color:#333;border-width:1px;border-style:solid;border-radius:10px;}
.hp_box1 b {font-size:1.5rem;vertical-align:-0.1rem;}

.hp_box2 {padding:1.3rem 1.6rem;font-size:1.1rem;color:#3d7ca4;background-color:#f5f5f5;border:1px solid #ccc;border-radius:10px;}


/* list style */
.list_style1:after {display:block;visibility:hidden;clear:both;content:""}
.list_style1 > ul {}
.list_style1 > ul > li {margin-top:3rem;border:1px solid #ccc;border-radius:5px;}
.list_style1.list_style1_bd_del > ul > li {border:0;border-radius:0;}
.list_style1 li .thumb_box {position: relative;width:100%;height:0;padding-bottom:62.121212%;background-repeat:no-repeat;background-size:100% auto;background-position:50% 50%;}
.list_style1 li .thumb_box .course_thumb {position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}
.list_style1 li .thumb_box .thumb_alert {position:absolute;bottom:1.5rem;left:4%;width:92%;height:3rem;font-size:1.2rem;color:#fff;text-align:center;line-height:2.8rem;border-radius:1.5rem;opacity: 0.9;}
.list_style1 li .course_desc {position:relative;padding:0.5rem 1.1rem 1.2rem;}
.list_style1.list_style1_bd_del li .course_desc {padding-left:0;padding-right:0;}
.list_style1 li .course_desc .i_cate {margin-top:0.3rem;font-size:1.2rem;}
.list_style1 li .course_desc .i_subject {margin-top:0.1rem;padding-right:2rem;font-size:1.5rem;font-weight:500;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:0.6rem;font-size:1.2rem;color:#666;font-weight:500;}
.list_style1 li .course_desc .i_date span {font-weight:300;}
.list_style1 li .course_desc .btn_tooltip {position:absolute;top:0.9rem;right:0.9rem;}
.list_style1 li .course_desc .tooltip_box {right:0;top:3.2rem;}
.list_style1 li .course_desc .tooltip_box li span {display:inline-block;width:8.2rem;}
.list_style1 li .course_desc .tooltip_box .ico_arrow {left:auto;margin-left:0;right:1.3rem;}
.list_style1 li .course_desc .more_option {position:absolute;top:1.3rem;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;height:auto;padding:0 2rem;width:auto;font-size:1.4rem;color:#333;font-weight:400;text-align:center;border:1px solid #ccc;}

.list_style2 {margin:0 -1.5rem;border-top:1px solid #d6d6d6}
.list_style2 > li {padding:1.5rem;height:11rem;border-bottom:1px solid #d6d6d6;}
.list_style2 li .course_desc {position:relative;}
.list_style2 li .course_desc .i_cate {position:absolute;left:0;top:0;display:block;width:6.25rem;height:1.8rem;font-size:1.2rem;font-weight:400;line-height:1.9rem;text-align:center;border-width:1px;border-style:solid;border-radius:1rem;}
.list_style2 li .course_desc .i_cate.i_cate_blue {color:#3d7ca4;border:1px solid #3d7ca4;}
.list_style2 li .course_desc .i_subject {position:relative;padding-left:7.25rem;font-size:1.5rem;font-weight:700;text-overflow:ellipsis;line-height:2rem;display: -webkit-box;-webkit-line-clamp: 1; /* 라인수 */-webkit-box-orient: vertical;overflow:hidden;}
.list_style2 li .course_desc .i_date {margin-top:1.6rem;font-size:1.2rem;color:#666;font-weight:400;}
.list_style2 li .course_desc .i_date li {margin-top:0.4rem;}
.list_style2 li .course_desc .i_date span {font-weight:700;}
.course_desc .sc_label_new {position:absolute; top:auto; bottom:0; left:auto; right:0; width:42px; background:#ff5452; color:#fff; font-size:12px; 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;}
@-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;} }

.list_style4 {margin:0 -1.5rem;}
.list_style4 li .li_wrap {position:relative;padding-top:1.5rem;padding-bottom:1.5rem;}
.list_style4 li .txt_s18cGray.nodata {padding:0 1.5rem;}
.list_style4.list_style4_padding_mod li .li_wrap {padding-top:0.75rem;padding-bottom:0.75rem;}
.list_style4 li.on .li_wrap {background-color:#f5f5f5;}
.list_style4 li .thumb_box {position:absolute;left:1.5rem;top:1.5rem;width:10rem;height:6.2rem;background-repeat: no-repeat;background-position:50% 50%;background-size:cover;}
.list_style4.list_style4_padding_mod li .thumb_box {top:0.75rem;}
.list_style4 li .course_desc {height:6.2rem;padding-left:11rem;}
.list_style4 li .course_desc .i_subject {font-size:1.2rem;font-weight:700;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp:1; /* 라인수 */-webkit-box-orient: vertical;overflow:hidden;}
.list_style4 li .course_desc .i_cate {margin-top:0.5rem;font-size:1rem;color:#666;font-weight:500;}
.list_style4 li .course_desc .i_process {margin-top:0.5rem;font-size:1.2rem;font-weight:500;}
.list_style4 li .course_desc .i_date {margin-top:0.5rem;font-size:1.2rem;color:#666;font-weight:400;}

/* Latest style */
.latest_style1 li {position:relative;}
.latest_style1 li a {display:block;padding:0.3rem 0px 0.3rem 0.7rem;font-size:1.2rem;}
/* .latest_style1 li:before {position:absolute;left:0;top:0.3rem;content:"·";} */
.latest_style1 li:before {position:absolute;left:0;top:0.3rem;content:"";}
.latest_style1 li a span {float:right;color:#aaaaaa;}

/* 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;}
.bg_grayf5 {background-color:#f5f5f5 !important;}

.table_style3 {border-top:1px solid #ccc;}
.table_style3 th,
.table_style3 td {padding:0.6rem 1rem;font-size:1.2rem;color:#333;text-align:left;vertical-align:middle;border-left:1px solid #ccc;border-bottom:1px solid #ccc;}
.table_style3 thead th {font-weight:500;text-align:center;}
.table_style3 th {background-color:#f8f8f8;font-weight:500;}
.table_style3 th:first-child,
.table_style3 td:first-child {border-left:0;}

.table_style9 {border-top:3px solid #333;}
.table_style9 th,
.table_style9 tbody td {padding:1rem 1rem;text-align:center;vertical-align:middle;}
.table_style9 thead th {font-size:1.2rem;font-weight:500;border-left:1px solid #333;border-bottom:1px solid #333;}
.table_style9 thead th:first-child {border-left:0;}
.table_style9 thead th span {font-size:1.1rem;}
.table_style9 tbody td {font-size:1.2rem;border-left:1px solid #ccc;border-bottom:1px solid #ccc;}
.table_style9 tbody td:first-child {border-left:0;}
.table_style9 thead td {font-weight:500;}
.table_style9 tbody th {background-color:#eee;font-weight:500;}
.table_style9 tbody td {}

.table_board_view {}
.table_board_view tbody td.bo_view_hd {position:relative;padding-bottom:1.6rem;border-bottom:1px solid #333;}
.table_board_view tbody td.bo_view_hd h3 {font-size:1.5rem;color:#666;}
.table_board_view tbody td.bo_view_hd .bo_name {margin-top:1.5rem;font-size:1.2rem;color:#666;}
.table_board_view tbody td.bo_view_hd .bo_cate {margin-top:1.5rem;font-weight:500;}
.table_board_view tbody td.bo_view_hd .bo_view_info {margin-top:0.5rem;;}
.table_board_view tbody td.bo_view_hd .bo_view_info span {display:inline-block;margin-left:1rem;font-size:1.2rem;color:#666;}
.table_board_view tbody td.bo_view_hd .bo_view_info span:first-child {margin-left:0;}
.table_board_view tbody td.bo_view_hd .bo_view_info span b {font-weight:500;}
.table_board_view tbody td.bo_view_hd .more_option {position:absolute;right:0;top:1rem;}
.table_board_view tbody td.bo_view_content {padding:2rem 0;font-size:1.2rem;color:#999;}
.table_board_view tbody td.bo_view_content .bo_view_content_inner {position:relative; min-height:10rem;}
.bo_view_content_inner .inp_chk_like {position:absolute; bottom:0; right:0;}
.table_board_view tbody td .bo_view_file li {position:relative;}
.table_board_view tbody td .bo_view_file .btn_file_del {display:block;position:absolute;padding-top:1.35rem;top:0.8rem;right:0.8rem;width:1.35rem;height:1.35rem;background:url('../images/ico_review_del.png') no-repeat 50% 50%;background-size:auto 1.35rem;overflow:hidden;}
.table_board_view_ripple {margin-top:3rem;border-top:3px solid #333;}
.table_board_view_ripple .bo_view_hd {padding-top:1rem;}

/* Page Nav */
.page_nav {margin:2.5rem -0.25rem;font-size:0;text-align:center;}
.page_nav li {display:inline-block;margin:0 0.25rem;}
.page_nav li a {display:inline-block;width:3.2rem;height:3.2rem;font-size:1.2rem;color:#999;font-weight:300;line-height:3.2rem;border:1px solid #ccc;overflow:hidden;vertical-align:middle;} /* 200820 아이폰 사파리 네비게이션 정렬 오류 수정 */
.page_nav li a.on {color:#fff;background-color:#333;border:1px solid #333;}
.page_nav li a.btn_page {line-height:999rem;background-repeat:no-repeat;background-position:center center;}
.page_nav li a.btn_page_first {background-image:url('../images/btn_page_first.png');background-size:auto 0.9rem;}
.page_nav li a.btn_page_prev {background-image:url('../images/btn_page_prev.png');background-size:auto 0.9rem;}
.page_nav li a.btn_page_next {background-image:url('../images/btn_page_next.png');background-size:auto 0.9rem;}
.page_nav li a.btn_page_last {background-image:url('../images/btn_page_last.png');background-size:auto 0.9rem;}

/* Ellipse style */
.label_basic {display:inline-block;padding:0 1.2rem;height:2rem;font-size:1.2rem;font-weight:400;height:2rem;border-radius:1rem;}
.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;}
.label_w {background-color:#fff;}
.label_t_w {color:#fff;}
.label_w_w {color:#fff;border:1px solid #fff;}

/* 별점 */
.review_star {overflow:hidden;}
.review_star .i_tit {float:left;font-size:1.4rem !important;font-weight:500;}
.review_star .ico_star_view_box {float:right;}
.review_star .ico_star_view {position:relative;float:left;width:6.4rem;height:1.4rem;background-image:url('../images/review_star_91_blank.png');background-repeat:no-repeat;background-size:auto 1.4rem;}
.review_star .ico_star_view .star_fill {position:absolute;top:0;left:0;height:1.4rem;background-image:url('../images/review_star_91_full.png');background-repeat:no-repeat;background-size:auto 1.4rem;}
.review_star .i_rating {margin-left:1rem;float:left;font-size:1.4rem;font-weight:500;color:#333333;line-height:1.2rem;}

.review_star_131 .ico_star_view {width:6.55rem;height:1.1rem;background-image:url('../images/review_star_131_blank.png');background-size:auto 1.1rem;}
.review_star_131 .ico_star_view .star_fill {height:1.1rem;background-image:url('../images/review_star_131_full.png');background-size:auto 1.1rem;}
.review_star_131 .i_rating {margin-left:1rem;font-size:1.2rem;font-weight:500;line-height:1rem;}

.review_star_182 .ico_star_view {width:9.2rem;height:1.4rem;background-image:url('../images/review_star_182_blank.png');}
.review_star_182 .ico_star_view .star_fill {height:1.4rem;background-image:url('../images/review_star_182_full.png');}
.review_star_182 .i_rating {margin-left:0.8rem;height:1.4rem;font-size:1.4rem;font-weight:500;line-height:1.4rem;}

.review_star .ico_star_view_box {}
.review_star_w_128 .ico_star_view {width:6.4rem;height:1.4rem;}
.review_star_w_128 .ico_star_view .star_fill {height:1.4rem;background:url('../images/review_star_w_128_full.png') no-repeat;}
.review_star_w_128 .i_rating {margin-left:0.4rem;font-size:1.4rem;color:#fff;font-weight:400;line-height:1.4rem;}

.review_star_w_193 .ico_star_view {width:9.65rem;height:1.4rem;background:url('../images/review_star_w_193_blank.png') no-repeat;background-size:auto 1.4rem;}
.review_star_w_193 .ico_star_view .star_fill {height:1.4rem;background:url('../images/review_star_w_193_full.png') no-repeat;background-size:auto 1.4rem;}
.review_star_w_193 .i_rating {margin-left:0.6rem;font-size:1.2rem;color:#fff;font-weight:400;line-height:1.4rem;}

/* Button */
.btn_t_w_w {color:#fff;background-color:transparent;border:1px solid #fff;border-radius:6px;}
.btn_bo_complete {display:inline-block;margin-right:0.5rem;width:6rem;height:2.5rem;font-size:1.2rem;color:#333;font-weight:500;text-align:center;line-height:2.4rem;background-color:#dedede;border-radius:6px;}
.btn_bo_waiting {display:inline-block;margin-right:0.5rem;width:6rem;height:2.5rem;font-size:1.2rem;color:#333;font-weight:500;text-align:center;line-height:2.4rem;border-width:1px;border-style:solid;border-radius:6px;}
.btn_board_write {display:block;width:100%;height:4rem;color:#fff;font-size:1.4rem;text-align:center;line-height:4rem;border-radius:6px;}

/* 반응형 스크롤 */
.responsive_scroll {min-height:0.01%;white-space:nowrap;overflow-x:scroll;overflow-y:hidden;font-size:0;-ms-overflow-style:none;scrollbar-width:none;}
.responsive_scroll::-webkit-scrollbar {display:none;}
.responsive_scroll table {min-width:50rem;}

/* Font color */
.color_g {color:#aaa !important;}
.color_r {color:#ff0000 !important;}
.color_b {color:#3d7ca4 !important;}

.center_block {margin-left:auto;margin-right:auto;}

/* 테이블 가운데 정렬 */
.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;}

/* 외부교육 썸네일 배경 */
.thumb_bg {}
.thumb_bg .thumb_title {padding:0 1rem;font-size:1.5rem;font-weight:700;color:#fff;line-height:1.7rem;text-align:left;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2; /* 라인수 */-webkit-box-orient: vertical;overflow:hidden;}
.thumb_bg1 {background-color:#85c84e;}
.thumb_bg2 {background-color:#237ba9;}
.thumb_bg3 {background-color:#ffbb30;}
.thumb_bg4 {background-color:#8f82bc;}
.thumb_bg5 {background-color:#f491a3;}


/* 마이페이지 - 결재함 */
.payment_list {padding-top:0;padding-bottom:0;}
.payment_list_hd {padding:2rem 1.5rem;background-color:#f5f5f5;}
.payment_list_hd .form_group {margin-top:0.5rem;}
.payment_list_hd .form_group.f_subject {margin-top:1rem;}
.payment_list_hd .form_group.f_btn {margin-top:1rem;}
.payment_list_hd .form_group .btn_search {width:100%;height:3rem;color:#fff;line-height:3rem;background-color:#999;border-radius:4px;}
.payment_list .hp_box1 {margin-top:3rem;padding:0 1.5rem;height:4rem;line-height:3.9rem;}
.payment_list .board_list {margin-top:2.5rem;}
.calendar_box {margin-bottom:0.5rem;overflow:hidden;}
.calendar_box input {float:left;padding:0 1rem;width:15rem;height:3rem;line-height:2.9rem;font-size:1.2rem;color:#999999;background:url('../images/ico_calendar.png') no-repeat 94% 50% #fff;cursor:pointer;background-size:1.5rem auto;}
.calendar_box .i_dash {display:block;float:left;width:3rem;height:3rem;line-height:2.9rem;font-size:1.2rem;color:#999999;text-align:center;}

/* 마이페이지 - 결재함 - 상세 */
.payment_view .slide_box .box_title {position:relative;padding:0 1.5rem;height:4rem;font-size:1.4rem;font-weight:500;line-height:4rem;background-color:#f5f5f5;border-bottom:1px solid #ddd;}
.payment_view .slide_box .box_title .i_arrow {position:absolute;top:1.8rem;right:1.5rem;width:0.95rem;height:0.5rem;background:url('../images/btn_cnt_close.png') no-repeat 0 0;background-size:auto 0.5rem;}
.payment_view .slide_box.active .box_title .i_arrow {-webkit-transform:rotate(180deg);transform:rotate(180deg);}
.payment_view .slide_box .box_cont {display:none;padding:2rem 1.5rem 4rem;}
.payment_view .slide_box .box_cont #snb {margin:0 !important;}
.payment_view .slide_box .box_cont.box_cont1 .table {margin-top:2rem;}
.payment_view .slide_box .box_cont.box_cont2 .td_learner {padding:0;}
.payment_view .slide_box .box_cont.box_cont2 .td_learner div {padding:0.6rem 1rem;}
.payment_view .slide_box .box_cont.box_cont2 .td_learner .view_btn {display:inline-block;font-weight:300;cursor:pointer;}
.payment_view .slide_box .box_cont.box_cont2 .td_learner .view_down {margin-left:1.5rem;padding-right:1.2rem;background:url('../images/ico_arrow_down.png') no-repeat right 0 top 0.8rem;background-size:auto 0.35rem;}
.payment_view .slide_box .box_cont.box_cont2 .td_learner .view_up {float:right;padding-right:1.2rem;background:url('../images/ico_arrow_up.png') no-repeat right 0 top 0.8rem;background-size:auto 0.35rem;}
.payment_view .slide_box .box_cont.box_cont2 .td_learner ul {display:none;}
.payment_view .slide_box .box_cont.box_cont2 .td_learner li {padding:0.6rem 1rem;border-top:1px solid #ccc;}
.payment_view .slide_box .box_cont.box_cont3 {padding-bottom:0;}
.payment_view .slide_box .box_cont.box_cont3 textarea {min-height:15rem;font-weight:300;}
.payment_view .btn_half_wrap {margin-top:3rem;}

.table_question {margin-top:2rem;padding-bottom:1rem;border-bottom:1px solid #ccc;border-top:1px solid #ccc;}
.table_question .table_tit {padding:1rem 1.5rem;font-size:1.2rem;border-top:1px solid #666;}
.table_question .question_box {position:relative;padding-left:1rem;}
.table_question .question_box:after {position:absolute;margin-top:-0.25rem;left:0;top:50%;display:block;width:0.5rem;height:0.5rem;background-color:#999;border-radius:0.25rem;content:"";}
.table_question thead th {padding:0.5rem 0;font-size:1rem;text-align:center;font-weight:500;line-height:1.3rem;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:0.5rem;font-weight:500;text-align:left;line-height:1.6rem;background-color:#fff;border-top:1px solid #ccc;border-bottom:0;vertical-align:middle;}
.table_question tbody th.question_box_group {padding-bottom:2rem;}
.table_question tbody th.question_box_group .question_box {margin-top:2rem;}
.table_question tbody th.question_box_group .question_box:after {top:0.8rem;}
.table_question tbody th textarea {margin-top:1rem;height:7.5rem;font-weight:300;}
.table_question tbody td {padding:0;width:4rem;text-align:center;border-left:1px solid #ccc;border-top:1px solid #ccc;border-bottom:0;vertical-align:middle;}
.table_question input[type="radio"] {display:none;}
.table_question input[type="radio"] + label {display:inline-block;position:relative;padding-left:0;width:1.75rem;height:1.75rem;font-size:1.2rem;color:#333333;background-color:#cccccc;cursor:pointer;vertical-align:top;border-radius:8.75rem;}
.table_question input[type="radio"] + label span.ico_fake2 {display:inline-block;position:absolute;width:1.75rem;height:1.75rem;cursor:pointer;vertical-align:middle;}
.table_question input[type="radio"]:checked + label span.ico_fake2 {top:0.48rem;left:0.33rem;background:url('../images/radio_on3.png') no-repeat;background-size:auto 0.8rem;}
.table_question input[type="radio"]:disabled + label {cursor:default;}

/* 마이페이지 - 좋아요 */
.my_page_favorite .form_group {position:relative;padding-right:6rem;}
.my_page_favorite .form_group .btn_search {position:absolute;width:6rem;height:3rem;right:0;top:0;}
.my_page_favorite .snb3 {display:flex; justify-content:center; width:100%; margin:2rem 0 0 !important;}
.my_page_favorite #snb.snb3 li {flex-grow:1; min-width:unset; width:auto;}
.my_page_favorite .snb3 li a {border-left:0 !important;}
.my_page_favorite .snb3 li:first-child {border-left:1px solid #ddd}
.my_page_favorite .p_my_favorite {margin:1.5rem 0 1.5rem;color:#999;}
.my_page_favorite .p_my_favorite strong {font-size:1.5rem;color:#333;}
.my_page_favorite .slide_box .box_title {position:relative;padding:0 1.5rem;height:4rem;font-size:1.4rem;font-weight:500;line-height:4rem;background-color:#f5f5f5;border-bottom:1px solid #ddd;}
.my_page_favorite .slide_box .box_title .i_arrow {position:absolute;top:1.8rem;right:1.5rem;width:0.95rem;height:0.5rem;background:url('../images/btn_cnt_close.png') no-repeat 0 0;background-size:auto 0.5rem;}
.my_page_favorite .slide_box.active .box_title .i_arrow {-webkit-transform:rotate(180deg);transform:rotate(180deg);}
.my_page_favorite .slide_box .box_cont {display:none;padding:2rem 0 4rem;}

/* 마이페이지 - 구독중인 채널 */
.my_channel ul {}
.my_channel  .list_none {margin-top:0 !important;height:34rem;}
.my_channel  .list_none p {padding-top:15rem !important;background-position:50% 10.8rem !important;}
.my_channel li {position:relative;margin-top:2rem;padding:1.5rem;height:15rem !important;border:1px solid #ccc;border-radius:6px;}
.my_channel li:first-child {margin-top:0;}
.my_channel li.sme_channel .thumb_box {position:absolute;left:1.5rem;top:1.5rem;width:7.5rem;height:7.5rem;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}
.my_channel li.sme_channel .course_desc {padding-left:9rem;height:9rem;}
.my_channel li.sme_channel .course_desc .channel_name {font-size:1.5rem;font-weight:500;}
.my_channel li.sme_channel .course_desc .tag_wrap {margin-top:1.2rem;}
.my_channel li.sme_channel .course_desc .tag_wrap .i_tag {font-size:1.2rem;}
.my_channel li.sme_channel .course_desc .subs_num {margin-top:0.2rem;font-size:1.2rem;color:#666;font-weight:300;}
.my_channel li.sme_channel .course_desc .subs_num b {display:inline-block;margin-right:0.3rem;}

/* 마이페이지 - 내 Q&A */
.my_qa  .list_none {margin-top:0 !important;height:34rem;}
.my_qa  .list_none p {padding-top:15rem !important;background-position:50% 10.8rem !important;}
.my_qa .qa_slide_ul {border-bottom:1px solid #ccc;}
.my_qa .qa_slide_ul > li {border-top:1px solid #ccc;}
.my_qa .qa_slide_ul > li .qa_slide_hd {position:relative;padding:1.7rem 3.5rem 1.7rem 1.5rem;}
.my_qa .qa_slide_ul > li .qa_slide_hd .i_title {font-size:1.4rem;}
.my_qa .qa_slide_ul > li .qa_slide_hd .i_info {margin-top:0.5rem;}
.my_qa .qa_slide_ul > li .qa_slide_hd .i_info span {display:inline-block;margin-left:1rem;}
.my_qa .qa_slide_ul > li .qa_slide_hd .i_info span:first-child {margin-left:0;}
.my_qa .qa_slide_ul > li .qa_slide_hd .i_info .i_status {float:right;}
.my_qa .qa_slide_ul > li .qa_slide_hd .i_arrow {position:absolute;bottom:2.3rem;right:1.5rem;width:0.95rem;height:0.5rem;background:url('../images/btn_cnt_close.png') no-repeat 0 0;background-size:auto 0.5rem;}
.my_qa .qa_slide_ul > li.active .qa_slide_hd .i_arrow {-webkit-transform:rotate(180deg);transform:rotate(180deg);}
.my_qa .qa_slide_ul > li .qa_slide_con {display:none;padding:0;border-top:1px solid #ccc;}
.my_qa .qa_slide_ul > li.active .qa_slide_con {display:block;}
.my_qa .qa_slide_ul > li.active .qa_slide_con .li_qa {padding:1.8rem 1.5rem 1.8rem 3.5rem;}
.my_qa .qa_slide_ul > li.active .qa_slide_con .li_q {background:url('../images/ico_qna_q.png') no-repeat 1.5rem 2.2rem;background-size:auto 1.45rem;}
.my_qa .qa_slide_ul > li.active .qa_slide_con .li_q .qa_tit {font-size:1.4rem;font-weight:500;}
.my_qa .qa_slide_ul > li.active .qa_slide_con .li_q p {margin-top:0.5rem;}
.my_qa .qa_slide_ul > li.active .qa_slide_con .li_a {background:url('../images/ico_qna_a.png') no-repeat 1.5rem 2.3rem #f5f5f5;background-size:auto 1.1rem;}
.my_qa .qa_slide_ul > li.active .qa_slide_con .li_a .li_date {margin-top:0.6rem;font-size:1.2rem;color:#999;}

/* 마이페이지 - 관심설정 */
.my_attention {padding-bottom:2rem;}
.my_attention .sec_keyword {border-bottom:0;}
.my_attention .sec_keyword h3 {font-size:1.4rem;font-weight:500;}
.my_attention .sec_set {margin-top:2rem;}
.my_attention .sec_set h3 {font-size:1.4rem;font-weight:500;}
.my_attention .slide_box {margin-top:1rem;}
.my_attention .slide_box .box_title {position:relative;padding:0 1.5rem;height:4rem;font-size:1.4rem;font-weight:500;line-height:4rem;background-color:#f5f5f5;}
.my_attention .slide_box .box_title .i_arrow {position:absolute;top:1.8rem;right:1.5rem;width:0.95rem;height:0.5rem;background:url('../images/btn_cnt_close.png') no-repeat 0 0;background-size:auto 0.5rem;}
.my_attention .slide_box.active .box_title .i_arrow {-webkit-transform:rotate(180deg);transform:rotate(180deg);}
.my_attention .slide_box .box_cont {display:none;margin:0 -0.5rem -1rem;} /* 200820 슬라이드 버벅거림 수정 */
.my_attention .slide_box .box_cont .keyword_box {padding:0.5rem 0;} /* 200820 슬라이드 버벅거림 수정 */
.chk_keyword + label {margin:0.5rem;padding:0 1rem !important;height:2.5rem !important;font-size:1.2rem !important;line-height:2.5rem !important;color:#999 !important;font-weight:400;border:1px solid #ccc;border-radius:1.25rem;background-color:#fff;}
.chk_keyword:checked + label {color:#fff !important;}

/* 포인트몰 - 리스트 */
.point_mall_list_wrap {margin:-3rem 0 2rem;}
.point_mall_list_wrap .con_hd {padding:1.5rem 1.5rem 2rem;background-color:#f5f5f5;}
.point_mall_list_wrap .con_hd h3 {font-size:1.4rem;font-weight:500;}
.point_mall_list_wrap .con_hd .input_wrap {position:relative;margin-top:1rem;}
.point_mall_list_wrap .con_hd .input_box input[type="text"] {padding-right:80px;}
.point_mall_list_wrap .con_hd .input_box button {position:absolute;top:50%; margin-top:-20px; right:5px; width:40px; height:40px; background:url('../images/ico_srh_b.png') center no-repeat;background-size:20px auto;}
.point_mall_list_wrap .con_hd .input_box .btn_input_cancle {top:50%; margin-top:-20px; right:40px; width:40px; height:40px; background-position:center; background-size:16px auto;}
.point_mall_list_wrap .con_hd .btn_group {margin-top:2rem;}
.point_mall_list_wrap .con_hd .btn_group a {display:block;height:3rem;font-size:1.2rem;text-align:center;line-height:3rem;border-radius:6px;}
.point_mall_list_wrap .con_hd .btn_group a span {display:inline-block;padding-left:2.1rem;}
.point_mall_list_wrap .con_hd .btn_group .btn_point_gift {background-color:#ffcc52;}
.point_mall_list_wrap .con_hd .btn_group .btn_point_gift span {background:url('../images/btn_point_gift.png') no-repeat 0 0.6rem;background-size:auto 1.6rem;}
.point_mall_list_wrap .con_hd .btn_group .btn_point_info {color:#fff;background-color:#6b6b6b;}
.point_mall_list_wrap .con_hd .btn_group .btn_point_info span {background:url('../images/btn_point_info.png') no-repeat 0 0.6rem;background-size:auto 1.7rem;}

.point_mall_list_wrap .scrolling_nav {margin-top:3.2rem;}

.point_mall_list_wrap .point_mall_list {margin-top:3rem;}
.point_mall_list_wrap .point_mall_list li {position:relative;margin:2rem 0;padding-left:13.5rem;height:12.5rem;}
.point_mall_list_wrap .point_mall_list .i_thumb {position:absolute;width:12.5rem;height:12.5rem;left:0;top:0;}
.point_mall_list_wrap .point_mall_list .i_thumb a {display:block;width:12.5rem;height:12.5rem;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}

.point_mall_list_wrap .point_mall_list .i_brand {display:inline-block;margin-top:0.5rem;padding:0 1rem;height:2rem;font-size:1rem;color:#999;font-weight:700;line-height:1.9rem;border:1px solid #ccc;border-radius:6px;}
.point_mall_list_wrap .point_mall_list .i_tit {margin-top:0.8rem;font-size:1.5rem;font-weight:500;line-height:2rem;display: -webkit-box;-webkit-line-clamp: 2; /* 라인수 */-webkit-box-orient: vertical;overflow:hidden;}
.point_mall_list_wrap .point_mall_list .i_point {margin-top:2.6rem;font-size:1rem;color:#aaa;font-weight:700;}
.point_mall_list_wrap .point_mall_list .i_point b {font-size:1.4rem;color:#333;}

.point_mall_fixed_menu {position:fixed;padding:0 1.5rem;bottom:7rem;width:100%;height:4rem;line-height:4rem;background-color:#f5f5f5;z-index:9;}
.point_mall_fixed_menu h4 {float:left;}
.point_mall_fixed_menu .btn_my_point {float:right;}


/* 포인트몰 - 상세 */
.point_mall_detail_wrap {margin:-3rem 0 7rem;}
.point_mall_detail_wrap .point_mall_detail_con_hd {border-bottom:1px solid #ccc;}
.point_mall_detail_wrap .point_mall_detail_con_hd .i_thumb {height:0;padding-bottom:58.333333%;background-repeat:no-repeat;background-size:100% auto;}
.point_mall_detail_wrap .point_mall_detail_con_hd .des {padding:1.5rem 1.5rem 3rem;}
.point_mall_detail_wrap .point_mall_detail_con_hd .i_brand {display:inline-block;margin-top:0.5rem;padding:0 1rem;height:2rem;font-size:1rem;color:#999;font-weight:700;line-height:1.9rem;border:1px solid #ccc;border-radius:6px;}
.point_mall_detail_wrap .point_mall_detail_con_hd .i_tit {margin-top:0.8rem;font-size:1.75rem;font-weight:700;line-height:2rem;word-break:break-all;}
.point_mall_detail_wrap .point_mall_detail_con_hd .i_validity {margin-top:1rem;font-size:1.2rem;font-weight:300;}
.point_mall_detail_wrap .point_mall_detail_con_hd .i_validity span {color:#8e8e8e;font-weight:700;}
.point_mall_detail_wrap .point_mall_detail_con_hd .i_point {margin-top:1.1rem;font-size:1.1rem;color:#aaa;}
.point_mall_detail_wrap .point_mall_detail_con_hd .i_point b {font-size:1.75rem;color:#333;}

.point_mall_detail_wrap .point_mall_detail_con_body {padding-top:2rem;}
.point_mall_detail_wrap .point_mall_detail_con_body .sec {padding-top:2.8rem;}
.point_mall_detail_wrap .point_mall_detail_con_body .sec h3 {margin-bottom:0.5rem;font-size:1.4rem;color:#4c4c4c;font-weight:500;}
.point_mall_detail_wrap .point_mall_detail_con_body .sec h4 {margin-top:2rem;margin-bottom:0.5rem;font-weight:500;}
.point_mall_detail_wrap .point_mall_detail_con_body .sec .sec_inner h4:first-child {margin-top:0;}
.point_mall_detail_wrap .point_mall_detail_con_body .sec p {font-weight:300;}
.point_mall_detail_wrap .point_mall_detail_con_body .sec li {position:relative;padding-left:0.6rem;font-weight:300;}
.point_mall_detail_wrap .point_mall_detail_con_body .sec li:after {position:absolute;left:0;top:0.8rem;width:0.25rem;height:0.25rem;background-color:#333;border-radius:50%;content:'';}
.point_mall_detail_wrap .point_mall_detail_con_body .btn_group {margin-top:4rem;}
.point_mall_detail_wrap .point_mall_detail_con_body .btn_group a {display:block;height:3rem;font-size:1.2rem;text-align:center;line-height:3rem;border-radius:6px;}
.point_mall_detail_wrap .point_mall_detail_con_body .btn_group a span {display:inline-block;padding-left:2.1rem;}
.point_mall_detail_wrap .point_mall_detail_con_body .btn_group .btn_point_gift {background-color:#ffcc52;}
.point_mall_detail_wrap .point_mall_detail_con_body .btn_group .btn_point_gift span {background:url('../images/btn_point_gift.png') no-repeat 0 0.6rem;background-size:auto 1.6rem;}
.point_mall_detail_wrap .point_mall_detail_con_body .btn_group .btn_point_info {color:#fff;background-color:#6b6b6b;}
.point_mall_detail_wrap .point_mall_detail_con_body .btn_group .btn_point_info span {background:url('../images/btn_point_info.png') no-repeat 0 0.6rem;background-size:auto 1.7rem;}

.point_mall_fixed_menu2 {position:fixed;padding:0 1.5rem 4rem;width:100%;bottom:7rem;border-top:1px solid #ccc;background-color:#fff;z-index:9;}
.point_mall_fixed_menu2 .btn_group {padding-top:2rem;}
.point_mall_fixed_menu2 .btn_my_point {display:block;padding:0.3rem 1.5rem;width:100%;height:4rem;font-size:1rem;color:#999;font-weight:700;line-height:1.6rem;background:url('../images/btn_my_point.png') no-repeat right 1rem top 1.5rem #f5f5f5;background-size:auto 0.9rem;border-radius:6px;}
.point_mall_fixed_menu2 .btn_my_point .a_point b {font-size:1.2rem;color:#333;}
.point_mall_fixed_menu2 .btn_buy {display:block;width:100%;height:4rem;font-size:1.4rem;color:#fff;font-weight:500;background-color:#ea563a;border-radius:6px;}

.point_mall_fixed_menu2 .i_cnt {display:none;}
.point_mall_fixed_menu2 .i_cnt .btn_cnt_close {width:100%;height:2rem;background:url('../images/btn_cnt_close.png') no-repeat 50% 0.6rem;background-size:auto 0.5rem;}
.point_mall_fixed_menu2 .i_cnt .i_cnt_btn {position:relative;border:1px solid #c2c2c2;border-radius:4px;overflow:hidden;}
.point_mall_fixed_menu2 .i_cnt .btn_cnt_down,
.point_mall_fixed_menu2 .i_cnt .btn_cnt_up {display:inline-block;float:left;width:3rem;height:3rem;}
.point_mall_fixed_menu2 .i_cnt .btn_cnt_down {position:absolute;left:0;top:0;background:url('../images/btn_cnt_down.png') no-repeat 1.15rem 1.15rem #efefef;background-size:auto 0.75rem;}
.point_mall_fixed_menu2 .i_cnt .btn_cnt_up {position:absolute;right:0;top:0;background:url('../images/btn_cnt_up.png') no-repeat 1.15rem 1.15rem #efefef;background-size:auto 0.75rem;}
.point_mall_fixed_menu2 .i_cnt .cnt {display:inline-block;float:left;width:100%;height:3rem;font-size:1.2rem;color:#333;text-align:center;border:0;}
.point_mall_fixed_menu2 .i_cnt p {margin-top:0.8rem;margin-bottom:0.5rem;font-size:1.2rem;color:#666;text-align:right;}
.point_mall_fixed_menu2 .i_cnt p span {display:inline-block;margin-left:1rem;font-size:1rem;color:#999;font-weight:700;}
.point_mall_fixed_menu2 .i_cnt p span b {font-size:1.4rem;color:#333;}

/* 포인트몰 - 포인트 선물하기 */
.pop_point_gift h3 {font-size:1.4rem;}
.pop_point_gift .point_input_box {margin-top:1rem;padding:0.75rem 1rem;background-color:#f5f5f5;border-radius:4px;overflow:hidden;}
.pop_point_gift .point_input_box h4 {font-size:1.2rem;}
.pop_point_gift .point_input_box .my_point {}
.pop_point_gift .point_input_box .gift_point {padding-top:4rem;background:url('../images/bg_point_input.png') no-repeat center top 2.5rem;background-size:auto 0.6rem;}
.pop_point_gift .point_input_box .my_point_input {position:relative;margin-top:1rem;padding:0 1rem;height:3rem;line-height:3rem;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:10rem;height:3rem;font-size:1.2rem;text-align:right;border:0;}
.pop_point_gift .point_search {margin-top:2.5rem;}
.pop_point_gift .point_search .point_search_box .dropdown_rel {}
.pop_point_gift .point_search .point_search_box .dropdown_list {}
.pop_point_gift .point_search .point_search_box input {margin-top:1rem;padding:0 0.5rem;width:100%;height:2.5rem;font-size:1.2rem;color:#999;border:1px solid #ccc;}
.pop_point_gift .point_search .point_search_box .des {margin-top:1rem;}
.pop_point_gift .point_search .point_search_box strong {padding-left:1.8rem;font-size:1.1rem;color:#ea563a;font-weight:700;background:url('../images/ico_em_point.png') no-repeat 0 0.2rem;background-size:auto 1.25rem;}
.pop_point_gift .point_search .point_search_box p {margin-top:0.7rem;padding-left:1.8rem;font-size:1.1rem;line-height:1.8rem;}
.pop_point_gift .btn_box {margin-top:2.5rem;text-align:center;}
.pop_point_gift .btn_box button {width:100%;height:4rem !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 {padding:2.5rem 1rem 2.5rem;border:1px solid #ccc;}
.pop_point_info .pop_point_info_hd .point_use {margin-top:1rem;}
.pop_point_info .pop_point_info_hd .tit {padding-top:4.5rem;padding-bottom:1.5rem;font-size:1.4rem;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;background-size:auto 3.8rem;}
.pop_point_info .pop_point_info_hd .point_use .tit {background:url('../images/bg_point_use.png') no-repeat center 0;background-size:auto 3.7rem;}
.pop_point_info .pop_point_info_hd strong {font-weight:500;}
.pop_point_info .pop_point_info_hd ul {margin-top:1.5rem;}
.pop_point_info .pop_point_info_hd li {position:relative;margin-top:1rem;padding-left:1rem;line-height:1.8rem;}
.pop_point_info .pop_point_info_hd li:after {position:absolute;left:0;top:0.7rem;width:0.35rem;height:0.35rem;border-radius:0.175rem;content:'';}
.pop_point_info .pop_point_info_hd li span {font-weight:500;}
.pop_point_info .i_info {margin-top:0.8rem;padding-left:1.8rem;font-size:1.1rem;color:#666;background:url('../images/ico_em.png') no-repeat 0 0.3rem;background-size:auto 1.25rem}
.pop_point_info .add_info {margin-top:2rem;}
.pop_point_info .add_info li {margin-top:1rem;border:1px solid #ccc;overflow:hidden;}
.pop_point_info .add_info li .tit {padding:0 1rem;width:6rem;color:#fff;font-weight:500;text-align:center;line-height:1.8rem;background-color:#999;}
.pop_point_info .add_info li p {width:24rem;padding:1rem;font-size:1.2rem;text-align:left;line-height:1.8rem;}
.pop_point_info .add_info li p span {font-weight:700;}
.pop_point_info .add_info li p small {display:block;margin-top:0.3rem;font-size:1.1rem;color:#999;}


.notice_list {padding-top:0;padding-bottom:0;}
.notice_list_wrap .search_box {padding:1.8rem 1.5rem 2rem;background-color:#f5f5f5;}
.notice_list_wrap .search_box p {font-size:1.4rem;font-weight:500;}
.notice_list_wrap .input_wrap {margin-top:1rem;}
.notice_list_wrap .input_wrap .input_box {position:relative;}
.notice_list_wrap .input_wrap .input_box input {color:#999 !important;font-weight:400;}
.notice_list_wrap .input_wrap .input_box .btn_input_cancle {display:none;position:absolute;top:1rem;right:3rem;width:1rem;height:1rem;background:url('../images/ico_input_cancle.png') no-repeat;background-size:auto 1rem;cursor:pointer;}
.notice_list_wrap .input_wrap .input_box.on .btn_input_cancle {display:block;}
.notice_list_wrap .input_wrap .input_box button {position:absolute;top:0.8rem;right:0.8rem;width:1.25rem;height:1.25rem;background:url('../images/ico_srh_b.png') no-repeat;background-size:auto 1.25rem;}
.notice_list_wrap .scrolling_nav {margin:3rem 1.5rem;}
.notice_list_wrap  .list_none {height:34rem;}
.notice_list_wrap  .list_none p {padding-top:15rem !important;background-position:50% 10.8rem !important;}
.notice_list_wrap .board_list li {padding:1.8rem 0;}
.notice_list_wrap .board_list .li_subject {margin-top:0.7rem;}
.notice_list_wrap .board_list .li_date {margin-top:0.7rem;}

.notice_view {padding-bottom:1rem;}

.faq_list {padding-top:0;padding-bottom:7.5rem;}
.faq_list_wrap .search_box {padding:1.8rem 1.5rem 2rem;background-color:#f5f5f5;}
.faq_list_wrap .search_box p {font-size:1.4rem;font-weight:500;}
.faq_list_wrap .input_wrap {margin-top:1rem;}
.faq_list_wrap .input_wrap .input_box {position:relative;}
.faq_list_wrap .input_wrap .input_box input {color:#999 !important;font-weight:400;}
.faq_list_wrap .input_wrap .input_box .btn_input_cancle {display:none;position:absolute;top:1rem;right:3rem;width:1rem;height:1rem;background:url('../images/ico_input_cancle.png') no-repeat;background-size:auto 1rem;cursor:pointer;}
.faq_list_wrap .input_wrap .input_box.on .btn_input_cancle {display:block;}
.faq_list_wrap .input_wrap .input_box button {position:absolute;top:0.8rem;right:0.8rem;width:1.25rem;height:1.25rem;background:url('../images/ico_srh_b.png') no-repeat;background-size:auto 1.25rem;}
.faq_list_wrap .scrolling_nav {margin:3rem 1.5rem;}
.faq_list_wrap  .list_none {height:34rem;}
.faq_list_wrap  .list_none p {padding-top:15rem !important;background-position:50% 10.8rem !important;}
.faq_list_wrap .qa_slide_ul {border-bottom:1px solid #ccc;}
.faq_list_wrap .qa_slide_ul > li {border-top:1px solid #ccc;}
.faq_list_wrap .qa_slide_ul > li .qa_slide_hd {position:relative;}
.faq_list_wrap .qa_slide_ul > li .qa_slide_hd .i_title {padding:1.7rem 3.5rem 1.7rem 3.5rem;font-size:1.4rem;font-weight:500;background:url('../images/ico_qna_q.png') no-repeat 1.5rem 2.1rem;background-size:auto 1.45rem;}
.faq_list_wrap .qa_slide_ul > li .qa_slide_hd .i_arrow {position:absolute;bottom:2.3rem;right:1.5rem;width:0.95rem;height:0.5rem;background:url('../images/btn_cnt_close.png') no-repeat 0 0;background-size:auto 0.5rem;}
.faq_list_wrap .qa_slide_ul > li.active .qa_slide_hd .i_arrow {-webkit-transform:rotate(180deg);transform:rotate(180deg);}
.faq_list_wrap .qa_slide_ul > li .qa_slide_con {display:none;padding:1.5rem 1.5rem 1.5rem 3.5rem;background-color:#f5f5f5;}
.faq_list_wrap .qa_slide_ul > li.active .qa_slide_con {display:block;}

.faq_fixed_menu {position:fixed;padding:1.5rem;width:100%;bottom:7rem;border-top:1px solid #ccc;background-color:#fff;z-index:9;}

.board_write {padding-bottom:1rem;}
.board_write .board_write_hd {padding-bottom:2.5rem;}
.board_write .board_write_hd .i_lead {font-size:1.2rem;font-weight:500;}
.board_write .board_write_hd .i_alert {margin-top:1rem;padding-left:2rem;font-size:1.2rem;color:#666;background:url('../images/ico_info_gray2.png') no-repeat 0 0.2rem;background-size:auto 1.5rem;}
.board_write .board_write_hd .selectric-wrapper {margin-top:3rem;}
.board_write .input_box {position:relative;}
.board_write .input_box input {padding:0;height:4rem;line-height:4em;font-size:1.4rem;font-weight:400;color:#666666;border-top:0;border-left:0;border-right:0;}
.board_write .input_box .ast {position:absolute;top:0.95rem;left:3rem;font-size:1.4rem;color:#ea563a;}
.board_write .i_textarea {margin-top:2rem;padding:1rem;min-height:18.15rem;font-size:1.2rem;color:#666666;border:0;border:1px solid #cccccc;}
.board_write .filebox {margin-top:1.45rem;}
.board_write .filebox .drag_wrap {margin-top:1.5rem;}
.board_write .filebox .drag_wrap:after {display:block;visibility:hidden;clear:both;content:""}
.board_write .filebox .title {float:left;margin-bottom:0;font-size:1.4rem;font-weight:500;color:#333333;line-height:2.5rem;}
.board_write .filebox .btn_file {float:right;}
.board_write .filebox .file_list {margin-top:1rem;border-bottom:1px solid #cccccc;text-align:left;}
.board_write .filebox .file_list li {position:relative;padding:0.5rem 10% 0.6rem 3.15rem;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 1rem 50%;background-size:auto 1.35rem;}
.board_write .filebox .file_list li a {font-size:1.2rem;color:#666666;}
.board_write .filebox .file_list li a:hover {text-decoration:underline;}
.board_write .filebox .file_list li .btn_file_del {display:block;position:absolute;top:0;right:0;width:10%;height:100%;background:url('../images/ico_review_del.png') no-repeat 50% 50%;background-size:1.35rem;}
.board_write .btn_box {margin-top:3rem;}


.scrolling_nav_wrap {padding-top:1rem;}
.scrolling_nav_wrap.fixed_top {position:fixed;margin:0 !important;padding:1rem 1.5rem 0;width:100%;top:0;left:0;background-color:#fff;overflow:hidden;z-index:9;}
.scrolling_nav {position:relative;}
.scrolling_nav li {display:inline-block;margin-left:1.5rem;padding-bottom:0.55rem;font-size:1.4rem;font-weight:400;color:#333;vertical-align:top;line-height:1;}
.scrolling_nav li:first-child {margin-left:0;}
.scrolling_nav li span {font-weight:400;}
.scrolling_nav li.on {font-weight:700;border:0;border-bottom-width:2px;border-style:solid;}
.scrolling_nav li.on span {font-weight:400;}


.input_box .btn_input_cancle {display:none;position:absolute;top:1rem;right:3rem;width:1rem;height:1rem;background:url('../images/ico_input_cancle.png') no-repeat;background-size:auto 1rem;cursor:pointer;}
.input_box.on .btn_input_cancle {display:block;}


.board_list {margin-top:3rem;border-top:1px solid #ccc;}
.board_list > li {padding:1.5rem 0;border-bottom:1px solid #ccc;}
.board_list > li .display_table_cell {width:auto;padding:0 0.5rem;}
.board_list > li .display_table_cell a pre {display:inline-block;}
.board_list > li .display_table_cell a .ico_new {width:1.05rem; background-size:10px auto;}
.board_list li.li_notice {background-color:#f5f5f5;}
.board_list .li_chk {width:4rem !important;}
.board_list .li_num {width:4rem !important;}
.board_list .li_num .ico_notice {display:inline-block;padding-top:1.25rem;width:1.25rem;height:1.25rem;background:url('../images/ico_notice.png') no-repeat;background-size:auto 1.25rem;overflow:hidden;}
.board_list .li_con {text-align:left;line-height:1.4rem;}
.board_list .li_con .li_cate {font-weight:500;}
.board_list .li_con .li_subject {font-size:1.4rem;font-weight:500;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 1; /* 라인수 */-webkit-box-orient: vertical;overflow:hidden;}
.board_list .li_con .ico_new {display:inline-block;margin-left:1rem;padding-top:1.05rem;width:0.85rem;height:1.05rem;vertical-align:2px;background:url('../images/ico_new.png') no-repeat;background-size:auto 1.05rem;overflow:hidden;}
.board_list .li_con .li_info {margin-top:0.5rem;font-size:1.2rem;}
.board_list .li_con .li_info .li_date {display:inline-block;margin-left:1rem;}
.board_list .li_con .li_info .color_g {color:#aaa;font-weight:700;}
.board_list .li_con .li_info .color_r {color:#ff0000;font-weight:700;}
.board_list .li_con .li_info .color_b {color:#3d7ca4;font-weight:700;}
.board_list .li_con .more_option {position:absolute;right:1.5rem;top:1.5rem;}
.board_list .li_status {text-align:right;}


.list_style5 {}
.list_style5 li {position:relative;margin-top:2rem;height:9.75rem;}
.list_style5 li:first-child {margin-top:0;}
.list_style5 .i_thumb {position:absolute;width:15.75rem;height:9.75rem;left:0;top:0;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}
.list_style5 .i_con {padding-left:16.75rem;}
.list_style5 .i_date {color:#666666;font-weight:300;line-height:1.3rem;}
.list_style5 .i_title {font-size:1.5rem;font-weight:500;display: -webkit-box;-webkit-line-clamp: 1; /* 라인수 */-webkit-box-orient: vertical;overflow:hidden;}
.list_style5 .i_cate {margin:0.4rem 0 0;line-height:1.6rem;}
.list_style5 .i_cate span {display:inline-block;margin:0 0.5rem;}
.list_style5 .i_cate span.bar {margin:0 0.6rem;font-size:0.9rem;vertical-align:0.2rem;}
.list_style5 .btn_favorite {position:absolute;left:16.75rem;bottom:0;width:2.5rem;height:2.5rem;background:url('../images/btn_li_favorite.png') no-repeat 0 0;background-size:auto 2.5rem;}
.list_style5 .btn_favorite.on {background-image:url('../images/btn_li_favorite_on.png');}
.list_style5 .btn_favorite.del {background-image:url('../images/btn_li_del.png');}

#div_likeReplyList .list_style5 .btn_favorite.del {position:absolute; top:-7px; left:auto; right:-5px; background-image:url('../images/ico_close.png'); background-position:center; background-size:12px auto;}

.btn_half_wrap {margin:0 -0.5rem;}
.btn_half_wrap:after {display:block;visibility:hidden;clear:both;content:""}
.btn_half_wrap .btn_half_box {float:left;padding:0 0.5rem;width:50% !important;}
.btn_half_wrap .btn_half_box button {width:100%;height:4rem;color:#fff;font-weight:500;line-height:4rem;border-radius:6px;}

/* 내일배움 카드 모바일 맛보기 버튼 스타일*/
.btn_half_wrap .btn_half_box button span{display: inline-block;padding-left: 1.9rem;color: #333;font-weight: 400;background: url('../images/ico_watch_m.png') no-repeat 0 50%;background-size: auto 1.1rem;}

.btn_keyword {margin:0.5rem;padding:0 1rem;height:2.5rem;font-size:1.2rem;line-height:2.5rem;color:#999;font-weight:400;border:1px solid #ccc;border-radius:1.25rem;background-color:#fff;}
.btn_keyword.on {color:#fff;background-color:#999999;}

.bg_gray6 {color:#fff;background-color:#666 !important;}

.course_img .display_table {position:absolute;left:0;top:0;width:100%;height:100%;}

/* 환급과정 안내 */
.refund_process_wrap .tab_contents {margin-top:2rem}
.refund_process_wrap .con_hd {font-weight:500;}
.refund_process_wrap .table {margin-top:2rem;}
.refund_process_wrap .refund_process_ul {margin-top:1.5rem;}
.refund_process_wrap .refund_process_ul li {position:relative;padding-left:0.6rem;line-height:1.9rem;}
.refund_process_wrap .refund_process_ul li:after {position:absolute;left:0;top:0.8rem;width:0.3rem;height:0.3rem;background-color:#333;border-radius:0.15rem;content:'';}
.refund_process_wrap .refund_process_ul li span {font-weight:500;}
.refund_process_wrap .tab_contents2 .sec {margin-top:3rem;padding:3rem 0 0;border-top:1px solid #ccc;}
.refund_process_wrap .tab_contents2 .sec .sec_title {font-size:1.5rem;color:#4c4c4c;font-weight:700;}
.refund_process_wrap .tab_contents2 .sec p {margin-top:0.8rem;line-height:1.9rem;}
.refund_process_wrap .tab_contents2 .sec .sec_img {margin-top:3rem;height:25.55rem;text-align:center;background:url('../images/refund_process_sec1.png') no-repeat center center;background-size:auto 25.55rem;}
.refund_process_wrap .tab_contents2 .sec3 .sec3_ul {margin:1rem 0 -1.5rem;text-align:center;}
.refund_process_wrap .tab_contents2 .sec3 .sec3_ul li {position:relative;display:inline-block;margin:1.5rem 0;padding-top:4.5rem;width:10.8rem;height:7.5rem;font-size:1.1rem;font-weight:500;text-align:center;line-height:1.4rem;vertical-align:top;}
.refund_process_wrap .tab_contents2 .sec3 .sec3_ul li:after {position:absolute;width:0.95rem;height:3.5rem;left:0;top:0;background:url('../images/refund_process_sec3_bg.png') no-repeat 0 0;background-size:auto 3.5rem;content:'';}
.refund_process_wrap .tab_contents2 .sec3 .sec3_ul li:first-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;background-size:auto 3.45rem;}
.refund_process_wrap .tab_contents2 .sec3 .sec3_ul li.li2 {background:url('../images/refund_process_sec3_2.png') no-repeat center 0;background-size:auto 3.4rem;}
.refund_process_wrap .tab_contents2 .sec3 .sec3_ul li.li3 {background:url('../images/refund_process_sec3_3.png') no-repeat center 0;background-size:auto 3.35rem;}
.refund_process_wrap .tab_contents2 .sec3 .sec3_ul li.li4 {background:url('../images/refund_process_sec3_4.png') no-repeat center 0;background-size:auto 3.15rem;}
.refund_process_wrap .tab_contents2 .sec3 .sec3_ul li.li5 {background:url('../images/refund_process_sec3_5.png') no-repeat center 0;background-size:auto 3.05rem;}
.refund_process_wrap .tab_contents2 .sec4 p {font-weight:500;}
.refund_process_wrap .tab_contents2 .sec4 .table_style11 {margin:0.5rem auto 0;}
.refund_process_wrap .tab_contents2 .sec4 .table_txt {margin-top:0.5rem;}
.refund_process_wrap .tab_contents2 .sec4 .table_txt strong {font-weight:500;}
.refund_process_wrap .tab_contents2 .sec4 .table_ex_txt {margin-top:3rem;font-weight:500;}
.refund_process_wrap .tab_contents2 .sec4 .table_ex_txt2 {margin-top:1rem;}
.refund_process_wrap .tab_contents2 .sec4 .table_style10 {margin-top:1rem;}
.refund_process_wrap .tab_contents3 .con_hd_title {font-weight:700;line-height:2.2rem;}
.refund_process_wrap .tab_contents3 .sec {margin-top:3rem;padding:3rem 0 0;border-top:1px solid #ccc;}
.refund_process_wrap .tab_contents3 .sec .sec_title {padding-top:6rem;font-size:1.3rem;color:#4c4c4c;font-weight:700;text-align:center;background:url('../images/refund_process_tab3_tit.png') no-repeat center 0;background-size:auto 4.75rem;}
.refund_process_wrap .tab_contents3 .sec p {margin-top:1rem;line-height:1.9rem;}
.refund_process_wrap .tab_contents3 .sec .sec_img {margin-top:2.5rem;padding:0;height:45.8rem;background:url('../images/refund_process_tab3_img.png') no-repeat center;background-size:auto 45.8rem;}
.refund_process_wrap .tab_contents4 .table_style12 li {position:relative;padding:0.1rem 0  0.1rem 1.2rem;}
.refund_process_wrap .tab_contents4 .table_style12 li strong {font-weight:700;}
.refund_process_wrap .tab_contents4 .table_style12 li span {position:absolute;left:0;top:2px;}
.refund_process_wrap .tab_contents4 .table_style12 td {padding-top:6.6rem;background:url('../images/refund_process_sec4_bg.png') no-repeat center 2.2rem;background-size:auto 3.05rem;}

/* 20201228 추가 - 교육운영절차/훈련생유의사항 */
.con_hd h5 {display:block; margin-bottom:15px; font-size:16px; color:#4c4c4c;}
.ts_ty1 li {font-weight:400;}
.ts_ty1 li + li {padding-top:8px;}
.ts_ty1 li b {font-weight:500;}

.prec_lists_w {position:relative; left:-1.5rem; width:100vw; padding-top:30px; overflow:hidden;}
.prec_list {padding:20px 1.5rem;}
.prec_list:nth-child(odd) {background:rgba(233, 86, 58, 0.05);}
.pcl_lists {overflow:hidden;}
.pcl_list {position:relative; width:100%; min-height:65px; padding-left:90px;}
.pcl_list [class^="icon_info_"] {position:absolute; top:0; left:0; width:65px; height:65px; 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:18px; font-weight:700;}
.pcl_m {display:block; font-size:13px;}
.pcl_m + .pcl_m {padding-top:12px;}
.pcl_m .theme_color {display:block; padding-bottom:3px; font-weight:500;}

.pg_lists_w {padding:0 0 30px; overflow:hidden;}
.pg_list {position:relative; float:left; width:100%; padding:10px 15px 15px; border:4px solid #eee;}
.pg_list + .pg_list {margin-top:40px;}
.pg_list + .pg_list:before {position:absolute; top:-43px; left:50%; width:30px; height:30px; margin-top:3px; margin-left:-15px; background:url('../images/arrow_right_org.png') center no-repeat; background-size:100% auto; content:''; transform:rotate(90deg);}
.pg_list:nth-child(4n+1) {margin-left:0;}
.txt_num {position:relative; display:inline-block; padding-bottom:10px; font-size:22px; color:#e9563a; font-weight:700;}
.txt_num:before {position:absolute; bottom:7px; left:0; width:100%; height:2px; background:#e9563a; content:'';}
.pg_tit {display:inline-block; padding-left:7px; font-size:16px; font-weight:700;}
.pg_m {display:block; font-size:13px;}

/* 사이트 이용 안내 */
.terms_wrap .con_hd {font-weight:500;}
.terms_wrap .con_body {margin-top:2rem;padding:1.5rem;height:35rem;border:1px solid #ccc;line-height:1.8rem;overflow-y:scroll;overflow-x:hidden;}
.privacy_wrap .con_hd {font-weight:500;}
.privacy_wrap .selectric-wrapper {margin-top:1.5rem;}
.privacy_wrap .con_body {margin-top:1rem;padding:1.5rem;height:35rem;border:1px solid #ccc;line-height:1.8rem;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 {font-weight:500;}
.email_collection_wrap .con_email {margin-top:1.8rem;padding:9.5rem 1.5rem 0;height:19.5rem;border:1px solid #ccc;line-height:1.8rem;text-align:center;background:url('../images/email_collection_bg.png') no-repeat center 3rem;background-size:auto 4.95rem;}

.table_style10 {border-top:1px solid #666;}
.table_style10 th,
.table_style10 td {padding:0.6rem 0.5rem;color:#333;text-align:center;vertical-align:middle;border-left:1px solid #ccc;border-bottom:1px solid #ccc;}
.table_style10 thead th {font-weight:500;background-color:#f8f8f8;}
.table_style10 th:first-child,
.table_style10 td:first-child {border-left:0;}

.table_style11 {border-collapse: separate;border-spacing: 0 1rem;}
.table_style11 th {color:#fff;font-weight:500;vertical-align:middle;}
.table_style11 td {padding:0.6rem 1rem;border-top:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}

.table_style12 th {height:3.5rem;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_style12 td {padding:2rem 1.5rem;border:1px solid #ccc;}

.inner_s {padding:0 0.5rem;}

/* 메인 - 고객센터 퍼블 추가 */
.cc_center_lists {width:100%; padding:0 2.5rem; overflow:hidden;}
.ccr_list {position:relative; width:100%; min-height:60px; padding-left:80px;}
.ccr_list + .ccr_list {margin-top:15px;}
.ccr_list [class^="icon_"] {position:absolute; top:0; left:0; width:60px; height:60px; 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:1em; font-weight:700; padding-bottom:5px; color:#5e5e5e;}
.ccr_list .txt_org {font-size:24px; font-weight:700; color:#F79646;}
.ccr_list .txt_sub {color:rgba(76,76,76,.5);}

/* 내배카 메인 수강후기 */
 [class^="slideSection_"] {width:100%;}
	.ts_slider {position:relative; width:100%; height:100%; }
	 [class^="slideSection_"] > [class^="tit_"] {padding:0 5.4688vw;}
	 [class^="slideSection_"] [class^="tit_"] + .ts_slider {margin-top:3.9063vw;}
		[class^="slideSection_"] .lSSlideOuter, [class^="slideSection_"] .lSSlideWrapper, [class^="slideSection_"]  .lightSlider {overflow:visible; height:100%;}
			.ts_lists_w {display:flex; height:100%;}
				.ts_list {flex:1; width:auto; /*height:100%;*/}

.slideSection_talk {position:relative; margin:7.8125vw auto 0 auto; padding:1.5rem 1.5rem; width:92.5%; background:url('../images/main_bg_review.png') no-repeat; background-size:100% 100%;}
	.slideSection_talk .talk_title {color:#FFF; padding-bottom:1rem}
	.slideSection_talk .ts_slider {height:48.7813vw;}
	.slideSection_talk [class^="tit_"] {padding:0;}
	.slideSection_talk .lSSlideOuter .lSPager {position:absolute; right:0; top:-10.9375vw;}
	.slideSection_talk .lSSlideOuter .lSPager.lSpg > li {padding:0 0.4688vw;}
	.slideSection_talk .lSSlideOuter .lSPager.lSpg > li a {background-color:#b8b8b8;}
	.slideSection_talk .lSSlideOuter .lSPager.lSpg > li:hover a, .slideSection_talk .lSSlideOuter .lSPager.lSpg > li.active a {background-color:#fff;}
		.talk_box {position:relative; padding:2rem; width:26rem; height:17rem; background-color:#f6f6f6; overflow:hidden;}
			.talk_box a {display:block; text-align:center;}
			.talk_box .talk_main pre {margin-top:1.3rem; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; font-size:1.5rem}
			.talk_box .talk_line {border-bottom:1px solid #c3c3c3; padding-bottom:1rem}
			.talk_box .talk_name {position:absolute; left:1.8rem; bottom:1.3rem; color:#616161; font-size:1.2rem}
			.talk_box .ico_star_view {width:60%;}
			
	.ft_cell_td .ts_lists_w {display:block;}
	
/* 210107 메인 배너 동영상 추가 */
.ss_video_w {position:relative; display:inline-block; width:100%; height:0; padding-bottom:69.45%; background:#000; overflow:hidden;}
.ss_video_w video {position:absolute; top:0; left:50%; margin-left:-62%; width:124%; height:100%;}


/*회원가입 내배카 인증 추가*/
.naebeca_gr {margin-top:2rem}
.naebeca_gr h2 {display:block;}
.naebeca_gr .extra_info {margin-bottom:3rem}
.naebeca_gr .extra_info .btn_box button {height:5rem; font-size:1.7rem}
.naebeca_gr .extra_info ul {margin-top:1.3rem}
.naebeca_gr .extra_info li {padding:0.3rem 0; font-size:1.5rem; line-height:150%;}
.naebeca_gr .extra_info li i {padding-right:0.8rem; display:inline-block; }
a.btn_ipingo {text-decoration:underline}

.naebeca_finish {margin-top:3rem; 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:2.5rem 0}

/*내배카-대분류  */
#container .ctDepth1_gr {margin:0 -1.5rem 0;padding:0 1.5rem;white-space:nowrap;overflow-x:scroll;overflow-y:hidden;font-size:0;-ms-overflow-style:none;scrollbar-width:none;}
#container .ctDepth1_gr::-webkit-scrollbar {display:none;}
#container .ctDepth1_gr li {display:inline-block;padding:0;vertical-align:top;text-align:center;}
#container .ctDepth1_gr li:last-child {margin-left:0;}
#container .ctDepth1_gr li input[type="checkbox"] + label {display:inline-block;padding:0 0.9rem;min-width:6.5rem;height:6rem;line-height:6rem;font-size:1.5rem;font-weight:600;color:#999999;background-color:#fff;border:1px solid #dedede}
#container .ctDepth1_gr li input[type="checkbox"]:checked + label {background-color:#ea563a; color:#FFF !important;}


   /* 카테고리 - 중분류 */
.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; width:50%;}     

   /* 카테고리 - 중분류*/
   .ctsDepth_01 {margin-top:2.5rem; padding-top:0;}
       .ctsDepth_01 .cts_scroll {margin-top:1.5rem;}
           .ctsDepth_01 .cdt_lists_w {overflow:hidden; position:relative; left:-1px; width:100%;}
               .ctsDepth_01 .cdt_list {float:left; padding:0.8rem 0; width:33.3%; }
                   .ctsDepth_01 .cdt_list .inp_chk_keywordT2 {width:100%; border-left:1px solid #d9d9d9; display:inline-block; height:4rem}
                   .ctsDepth_01 .cdt_list .txt_s18 {font-size:1.55rem}
      
    .cts_scroll {overflow-x:hidden; overflow-y:auto; width:100%; height:15rem; border-width:1px 0; border-style:solid; border-top-color:#e6e6e6; border-bottom-color:#ccc; transition:height .2s ease-in-out;}               
    .ctsDepth_01 .cts_scroll {padding-right:0;}
                    
		
.inp_chk_keywordT2 {}
	.inp_chk_keywordT2 .btn_h60 {vertical-align:top; padding-top:1rem; padding-bottom:1rem; width:100%; letter-spacing:-0.5rem; box-shadow:none; border-radius:0; text-align:center; height:10rem; 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:-1.2rem; width:2.5rem; height:2.5rem; 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:3rem; 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:2rem; padding-bottom:1rem; border-bottom:1px solid #cccccc}
.search_couGr ul {}
.search_couGr li {display:block; vertical-align:middle; text-align:center; margin-bottom:1rem}
.search_couGr li .selectric {}
.search_couGr li .btn_board_search {height:4rem; width:13rem; font-size:1.4rem;color:#fff;font-weight:500;line-height:0.6;background-color:#333; border-radius:0.4rem}
.search_couGr li .input_box input {border:1px solid #ccc; height:4rem; width:100%; font-size:1.4rem; color:#676767}

.course_result {padding-top:1.3em; font-size:1.5rem;}
.course_result .select_gr {clear:both; position:relative}
.course_result .select_gr .selectric-select_box {right:1.55rem; top:-1.8rem;}

.ne_couList {margin-top:1.5rem}
.ne_couList li {width:100%; border-bottom:1px solid #ccc; padding-bottom:2rem; margin-bottom:2rem}
.ne_couList li .ne_couthumb {width:100%;}
.ne_couList li .ne_couthumb a img {display:block; width:100%; height:100%;background-repeat: no-repeat;background-position:50% 50%;background-size:cover;}
.ne_couList li .ne_heart {/* border:1px solid red; z-index:9999 */}
.ne_couList li .ne_heart .inp_chk_like i {display:inline-block}
.ne_couList li .ne_couinfo {padding:1rem 0 1.3rem 0}
.ne_couList li .ne_couinfo .ne_couTitle {display:block; font-size:1.6rem; font-weight:500; display:block; padding-top:1rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal;}
.ne_couList li .ne_couinfo .ne_coucont {font-size:1.5rem; color:#585555}
.ne_couList li .ne_couinfo .nsc_title {font-size:1.3rem; color:#585555}
.ne_couList li .ne_couinfo2 {/* border-top:1px solid #e3e3e3;  */padding-top:0.8rem}
.ne_couList li .ne_couinfo2 i {display:inline-block; width:2rem; height:2rem; margin-right:0.7rem;}
.ne_couList li .ico_time {background:url('../images/ico_time.png') 0 0 no-repeat; background-size:2rem 2rem}
.ne_couList li .ico_money {background:url('../images/ico_money.png') 0 0 no-repeat; background-size:2rem 2rem}
.mypay {color:#ea563a; font-size:1.4rem; font-weight:500; margin-left:1.5rem}
.nsc_label {display:inline-block; padding:0px 0.4rem; background:#ea563a; color:#FFF; font-size:1.3rem; margin-right:0.6rem}
.ne_srchnone {background:#f8f8f8; width:100%; padding:3rem; text-align:center; font-size:1.5rem; line-height:180%; border-top:1px solid #ccc; border-bottom:1px solid #ccc}

/* .ne_couList li {margin-top:2.95rem;width:100%;height:27.85rem;border-width:1px;border-style:solid;border-color:#cccccc;border-radius:4px;overflow:hidden;}
.ne_couList li:first-child {margin-top:0;} */
.ne_couList li .thumb_box {position:relative;padding-bottom:62.121212%;height:0;}
.ne_couList li .thumb_box .course_thumb {position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}
.ne_couList li .thumb_box .course_thumb .btn_favorite {display:block;position:absolute;bottom:1rem;right:1rem;width:2.6rem;height:2.25rem;background-image:url('../images/ico_heart.png');background-repeat:no-repeat;background-size:100% auto;}

.tb_time {position:absolute; top:0; left:0; width:10rem; height:6.2rem; padding-top:13px; background:rgba(0,0,0,.4); text-align:center;}
.tb_time .tbt_tit {display:block; font-size:1.2rem; color:#fff;}
.tb_time .tbt_tit + .tbt_tit {font-size:1.3rem; font-weight:700;}

/* 내배카 과정상세  */
.ne_detail_tabgr {margin-top:2rem; overflow:hidden}
.ne_detail_tabgr li.netab {float:left; width:50%}
.ne_detail_tabgr li.netab button {display:block; background:#d5d4d4; width:100%; height:4rem; line-height:4rem; font-size:1.5rem; text-align:center; color:#717171; }
.ne_detail_tabgr li.netab button.on {display:block; background:#999; width:100%; height:4rem; line-height:4rem; font-size:1.5rem; text-align:center; color:#FFF; }

.ico_onestar {display:inline-block; background:url('../images/ico_star.png') 0 0.2rem no-repeat; font-size:1.4rem; padding:0 0 0 3rem}

.neTab1 {margin-top:1.5rem}
.neTab1 .t1 {display:block; font-size:1.4rem; font-weight:500; margin:1rem 0 0.5rem 0}
.neTab1 .ico_info2 {display:block; background:url('../images/ico_info2.png') no-repeat; padding:0 0 1rem 2.5rem; font-size:1.3rem;}

.ne_pay {width:100%; margin:1rem 0 1.5rem 0; font-size:1.4rem}
.ne_pay li {padding:0.5rem 0 0.5rem 0.5rem}
.ne_pay li span.item_tit {display:inline-block; width:50%}
.ne_pay li b {display:inline-block; text-align:right; width:50%;}
.ne_pay li.total {border-top:1px solid #c3c3c3; padding:0.5rem 0 0.5rem 0.5rem; margin-top:1.3rem}
.ne_pay li.total b {font-size:2rem}

.ne_cou_item {width:100%; font-size:1.3rem; margin-top:2rem; border-top:1px solid #ccc; border-bottom:1px solid #ccc}
.ne_cou_item li {padding:0.9rem 0; color:#414141; border-bottom:1px solid #e6e6e6}
.ne_cou_item li:last-child {border-bottom:none}
.ne_cou_item li .ne_citem_tit {display:inline-block; width:40%; font-weight:700}

.neTab2 {margin-top:1.5rem}
.neTab2 .t1 {display:block; font-size:1.4rem; font-weight:500; margin:1rem 0 0.5rem 0}
.neTab2 .ico_info2 {display:inline-block; background:url('../images/ico_info2.png') no-repeat; padding:0 0 0 26px; font-size:1.3rem}
.ne_learnstart {margin-top:1.2rem;}
.ne_learnstart dt {width:99.5%; background:#f5f5f5; border:1px solid #999; display:inline-block; height:3.7rem; font-size:1.5rem}
.ne_learnstart dd {display:inline-block; width:49.5%; background:#f5f5f5; border:1px solid #999; display:inline-block; height:3.7rem; margin-top:8px; font-size:1.5rem}

.ne_detail_ul {margin:1rem 0 0 0.8rem; font-size:1.4rem}
.ne_detail_ul li {padding:0.3rem 0}

.ne_payway {border:2px solid #fd866f; margin-top:1.5rem; padding:1rem 1.3rem}
.ne_payway dl {}
.ne_payway dt {font-size:1.4rem; font-weight:600; padding-bottom:0.5rem;}
.ne_payway dd {padding:0.2rem; font-size:1.4rem}
.ne_payway dd i {padding-right:0.5rem; font-weight:600; font-size:2rem}

.inp_chk_start {}
	.inp_chk_start .btn_h45 {vertical-align:top; padding-top:0px; padding-bottom:0.3rem; width:100%; border-radius:0; text-align:center; height:3.7rem; 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; 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:6%; margin-top:0rem; width:2.3rem; height:2.3rem; 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:2.8rem; color:#505050; font-weight:700}
			.inp_chk_start input[type="checkbox"]:checked + .btn_h45 .txt_s16:before {opacity:1; transform:scale(1); }

/* 찜하기 버튼 체크박스 */
.inp_chk_like {min-width:1.5rem; height:1.5rem;}
	.inp_chk_like .icon_heart {width:2.5rem; height:2.5rem; background-image:url('../images/ico_favorite_m.png'); background-repeat:no-repeat; background-size:1.5rem 1.5rem; background-position:center; vertical-align:middle; /* transition-property:background-image; */ transition-duration:.2s; transition-timing-function:ease;}
	.inp_chk_like [class^="txt_"] {margin-left:0.5rem; vertical-align:middle; letter-spacing:-0.5px;}
	.inp_chk_like input[type="checkbox"]:checked + .icon_heart {background-image:url('../images/ico_favorite_m_on.png');}
	
	.bo_view_hd .inp_chk_like {position:absolute; right:0; bottom:1.8rem;}
	.li_con .inp_chk_like {position:absolute; right:1.5rem; bottom:2.5rem;}	
	.bo_view_hd .inp_chk_like .icon_heart, .li_con .inp_chk_like .icon_heart, .bo_view_content_inner .inp_chk_like .icon_heart, .li_con .inp_chk_like .icon_heart {display:inline-block; width:16px; height:16px; border:0; background-image:url('../images/ico_favorite_trans.png'); background-size:100% auto;}
	.bo_view_hd .inp_chk_like input[type="checkbox"]:checked + .icon_heart, .li_con .inp_chk_like input[type="checkbox"]:checked + .icon_heart,
	.bo_view_content_inner .inp_chk_like input[type="checkbox"]:checked + .icon_heart {background-image:url('../images/ico_favorite_trans_on.png'); background-size:100% auto;}
	.table_board_view tbody td.bo_view_hd .bo_view_info .inp_chk_like [class^="txt_"] {margin-left:3px;}
	
/* 내배카 수강신청 진행 */
.apply_section {margin:2rem 0 5rem 0;}
.apply_section h2 {font-size:1.7rem;}

.ne_apply_cou {margin-top:1.5rem; background:#f5f5f5; padding:0.4rem 0.9rem}
.ne_apply_cou li {border-bottom:1px solid #e6e6e6; padding:0.9rem 0}
.ne_apply_cou li:last-child {border-bottom:none}
.ne_apply_cou li span {display:block;}
.ne_apply_cou li span.item_tit {padding-bottom:0.3rem; color:#999}
.ne_apply_cou li span.title1 {font-size:1.5rem; font-weight:600}
.ne_apply_cou li span.title {font-size:1.5rem}

.ne_agreeBox {border:1px solid #cfcfcf; margin-top:2rem; padding:1.5rem; min-height:4rem}
.ne_agreeBox dt {font-size:1.5rem; font-weight:600; padding-bottom:0.4rem}
.ne_agreeBox dd {padding:0.2rem; font-size:1.4rem}
.ne_agreeBox dd i {padding-right:0.3rem; font-weight:600; font-size:2rem}

.ne_agree_check {text-align:right; margin-top:1rem}
.ne_agree_check label {font-size:1.3rem !important}
.ne_agree_confirm {display:block; font-size:1.3rem; color:#ff0000; padding-bottom:0.9rem}

.ne_insertinfo {margin-top:1rem; padding-bottom:1.2rem}
.ne_insertinfo li {padding:0.2rem; font-size:1.35rem; color:#ff0000;}
.ne_insertinfo li i {padding-right:0.55rem; font-weight:600; font-size:2rem}

/* 내배카 수강신청 카드 선택  */
.payway {overflow:hidden; position:relative; left:-1px; width:100%; margin-top:1.5rem}
	.payway_list {margin-bottom:0.8rem; padding:0.8rem 0; width:100%; border:1px solid #676767;}
	.payway_list:last-child {margin-right:0}
       .payway_list .inp_chk_keywordT2 {width:100%; display:inline-block; height:4rem;}
       .payway_list .txt_s18 {font-size:1.6rem;}
       
 .inp_chk_keywordT2 {}
	.inp_chk_keywordT2 .btn_h80 {vertical-align:top; padding-top:0.8rem; padding-bottom:0.8rem; width:100%; letter-spacing:-0.3rem; box-shadow:none; border-radius:0; text-align:center; height:4rem; 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:-0.9rem; width:2rem; height:2rem; 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:2.5rem; 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:2.5rem}
.ne_cancel_section li {padding:0.8rem 0;}
.ne_cancel_section li .chk_box label {padding-left:2rem; font-size:1.4rem}
.ne_cancel_section li textarea {min-height:10rem}
.ne_thanks {text-align:center; font-size:1.5rem; padding:0px 0 2rem 0; border-bottom:1px solid #ddd}
.ne_cancel_cou {text-align:center; font-size:1.5rem; color:#ea563a; padding:1rem 0}
.ne_cancel_cou b {font-size:1.6rem; padding-right:0.5rem}

.pop_apply_section {margin:0 0 3.5rem 0;}
.pop_apply_section h2 {font-size:1.65rem;}
.pop_apply_section .space {margin-top:1.2rem}

.ne_apply_pay {margin:1.5rem 0; border-bottom:1px solid #ccc; padding-bottom:0.9rem}
.ne_apply_pay li {border-bottom:1px solid #e6e6e6; padding:0.9rem 0}
.ne_apply_pay li:last-child {border-bottom:none}
.ne_apply_pay li span {display:block;}
.ne_apply_pay li span.item_tit {padding-bottom:0.3rem; color:#999}
.ne_apply_pay li span.title1 {font-size:1.5rem; font-weight:600}
.ne_apply_pay li span.title {font-size:1.5rem}

/* 내일배움카드 안내  */
 .tab_wrap_view {width:100%;}
            .tabmenu_view {width:100%; height:4rem}
                .tabmenu_view .tab_list {padding:0 1.3rem;}
                    .tabmenu_view .btn_tab {width:100%; height:4rem;}
                        .tabmenu_view .btn_tab .txt_s18 {padding:0.8rem 0; color:#898989; font-weight:500; font-size:1.4rem; font-weight:600}
                    .tabmenu_view .btn_tab.active {border-bottom:2px solid #434343}
                        .tabmenu_view .btn_tab.active .txt_s18 {color:#434343; border-bottom:0; font-weight:600}
            .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:4rem;}
                .contBox_view .tab_wrap_view .btn_tab .txt_s18 {padding:0.5rem 0;}
        .tab_wrap_view .tabCont_w {padding:0 0.4rem; height:auto;}

[class^="tab_wrap"] {width:100%;}
		[class^="tabmenu_"] {display:inline-block; margin:0 auto; /* width:auto;  */height:4rem;white-space:nowrap; letter-spacing:-1.3rem;}
			[class^="tabmenu_"] > .tab_list {display:inline-block; text-align:center; letter-spacing:-0.5px;}
				.btn_tab {display:inline-block; padding:0; white-space:nowrap;}
				.btn_tab:disabled {background-color:transparent;}
					.btn_tab .txt_s18 {color:#414141; height:4rem; font-weight:600;}
				.btn_tab.active {}	
					.btn_tab.active .txt_s18 {color:#434343; font-weight:500;}
					
.tabCont_w {display:none; margin-top:2.7rem;}
.tabCont_w h2 {display:inline-block; font-size:1.5rem; font-weight:500; margin-bottom:0.5rem;}
.tabCont_w b {font-weight:500}
.tabCont_w p {line-height:160%; }
.tabCont_w .tabCont_detail {padding-bottom:2.5rem; font-size:1.4rem}
.tabCont_detail li {background:url('../images/ico_bullet.png') 0 1.4rem no-repeat; padding:0.5rem 0 0.5rem 1rem}
.tabBox_cont {background:#f5f5f5; padding:1rem 1.5rem; margin-top:1.5rem}
.tabBox_cont .tabBox_tit {font-size:1.5rem; font-weight:500}

.nae_step {margin-top:1.5rem; padding:1.5rem; background:#f9f9f9}
.nae_step li {background:none; font-size:1.4rem;vertical-align:top; border-bottom:1px solid #d2cfcf; padding:1rem  0}
.nae_step li:last-child {border-bottom:none}
.nae_step li span {display:block}
.nae_step li span.tit {padding-bottom:0.5rem; font-size:1.4rem; font-weight:600; color:#5f5f5f}

.table_style_ne {border-top:1px solid #ccc;}
.table_style_ne th,
.table_style_ne td {padding:0.6rem 1rem;font-size:1.4rem;color:#333;text-align:left;vertical-align:middle;border-left:1px solid #ccc;border-bottom:1px solid #ccc;}
.table_style_ne thead th {font-weight:500;text-align:center;}
.table_style_ne th {background-color:#f8f8f8;font-weight:500; padding:1rem 0 1rem 1rem}
.table_style_ne th:first-child,
.table_style_ne td:first-child {border-left:0;}

.tab_apply {}
.tab_apply li {background:none}

/* NCS */
.ncs_ban_gr {}
.ncs_ban_gr img {width:100%; height:13rem}

/* NCS - 과정검색 */
.ncs_lists_w {overflow:hidden; position:relative; left:0px; width:100%; margin:1rem 0 1rem 0; padding-bottom:2rem; border-bottom:1px solid #333}
    .ncs_list {float:left; width:100%; border:none; padding:0.5rem 0}
       .ncs_list .inp_chk_ncs {width:100%; display:inline-block; height:3rem;}
       .ncs_list .txt_s18 {font-size:1.8rem}                   
		
.inp_chk_ncs {}
	.inp_chk_ncs .btn_ncs {vertical-align:top; width:100%; letter-spacing:-0.5rem; box-shadow:none; border-radius:0; text-align:left; height:4rem; 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; font-size:1.5rem; 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:-1rem; width:2rem; height:2rem; 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:3rem; color:#333; font-weight:500; font-size:1.5rem}
			.inp_chk_ncs input[type="checkbox"]:checked + .btn_ncs .txt_s18:before {opacity:1; transform:scale(1); }
			
.ncs_srh_in {position:relative;height:3.8rem;overflow:hidden; }
.ncs_srh_in input {padding:0;height:3.8rem;font-size:1.5rem;border-bottom:1px solid #ccc; border-right:0; border-left:0; border-top:0; width:100%}
.ncs_srh_in i {position:absolute;top:0.5rem;right:0px;width:4rem; height:3rem;background:url('../images/ico_srh_b.png') no-repeat 50% 50%;display:block}

.ncs_srch_util {position:relative; margin:1.5rem 0 0 0; }
.ncs_srch_util  a {display:block; height:2.2rem; line-height:2.2rem;}
.ncs_srch_util  .txt_refresh {display:inline-block; position:absolute; top:0; left:2.8rem}
.ncs_srch_util .ico_refresh {display:inline-block; background:url('../images/ico_refresh.png') no-repeat; background-size:2.2rem 2.2rem; width:2.2rem; height:2.2rem; margin-right:0.7rem}
.ncs_srch_util .posevent {position:absolute; right:0; top:0}

.ncs_cou_list {border-top:1px solid #333; margin-top:1rem}
.ncs_cou_list li {border-bottom:1px solid #ccc; padding:1.3rem 0.5rem;}
.ncs_cou_list li .ncs_table {}
.ncs_cou_list li .ncs_table dl {}
.ncs_cou_list li .ncs_table dt {position:relative; font-size:1.5rem; font-weight:500; padding-bottom:0.8rem}
.ncs_cou_list li .ncs_table dt .tit_institute {font-size:1.8rem; padding-right:1rem}
.ncs_cou_list li .ncs_table dt .result_num {display:block; position:absolute; right:0; top:0.5rem; font-size:1.4rem}
.ncs_cou_list li .ncs_table dd {padding:0.5rem 0}
.ncs_cou_list li .ncs_table dd .ncs_code {display:inline-block; background:#f3f3f3; padding:0.2rem 0.8rem; font-weight:500; font-size:1.3rem}

.ncs_table_detail dl {background:#f8f8f8; padding:1.5rem 1.3rem}
.ncs_table_detail dt {position:relative; font-size:1.5rem; font-weight:500; padding-bottom:0.4rem}
.ncs_table_detail dt .tit_institute {font-size:1.9rem; padding-right:1rem}
.ncs_table_detail dt .result_num {display:block; position:absolute; right:0; top:0.4rem}
.ncs_table_detail dd {padding:0.4rem 0}
.ncs_table_detail dd .ncs_code {display:inline-block; background:#ddd; padding:0.2rem 0.8rem; font-weight:500; font-size:1.3rem}
	
/* 상하 중앙정렬 */
.align_maker {display:inline-block; overflow:hidden; width:0; height:100%; vertical-align:middle; font-size:0; text-decoration:none;}


/*이벤트리스트*/
.event_gr {}
.event_gr li {padding:0 0 2.5rem 0; vertical-align:top}
.event_gr li.none {margin-right:0}
.event_thumb_in {position:relative; width:100%; }
.event_thumb_in a {display:block;}
.event_thumb_in a img {width:100%; height:18rem;background-repeat: no-repeat;background-position:50% 50%;background-size:cover;}
.event_thumb_in span {display:inline-block}
.event_thumb_in .dueday {position:absolute; left:0; top:0; background:#e55853; color:#FFF; font-size:1.4rem; font-weight:700; padding:0.5rem 0.7rem}
.event_thumb_in .event_finish {position:absolute; left:0; top:0; background:#000; opacity:0.5; width:100%; height:18rem; line-height:18rem; text-align:center; color:#FFF; font-size:1.7rem;}
.event_thumb .i_subject {
	font-size:1.6rem;font-weight:500; width:100%; margin-top:1.3rem;
    overflow:hidden;
    text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2; 
    -webkit-box-orient:vertical;
}
.event_gr .i_date {font-size:1.3rem;color:#666; margin-top:0.6rem}

/* 이벤트 당첨자 발표 */
.event_winner {}
.event_winner li {padding:1.5rem 0; border-bottom:1px solid #ccc; vertical-align:top}
.event_winner li.none {margin-right:0}
.event_winner a {display:block;}
.event_winner a img {width:100%; height:18rem;background-repeat: no-repeat;background-position:50% 50%;background-size:cover;}
.event_winner .i_subject {
	font-size:1.6rem;font-weight:500; width:100%; margin-bottom:1.3rem;
    overflow:hidden;
    text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2; 
    -webkit-box-orient:vertical;
}
.event_winner .winner_item {margin-top:1.3rem}
.event_winner .winner_item span {display:block; padding:0.2rem 0; font-size:1.3rem; color:#666}
.event_winner .winner_item span.winner_tit {color:#333; font-size:1.5rem}
.event_winner .winner_item span i {padding-left:0.7rem; color:#333}


/* 국민내일배움카드 동의서 팝업 */
.pop_neAgree {}
.pop_neAgree h1 {font-size:1.7rem; font-weight:500}
.pop_neSection1 {}
.pop_neSection1 {margin-top:10px;}
.pop_neSection1 dd {background:url('../images/ico_bullet.png') 0 1.4rem no-repeat; padding:0.5rem 0 0.5rem 1rem; font-size:1.4rem}
.pop_neSection1 dd b {font-weight:400}
.pop_neSection1 dd .txtin2 {padding-left:12px}

.pop_neSection2 {background:#f8f8f8; padding:1.7rem; margin-top:2rem}
.pop_neSection2 .ne_subTitle {font-size:1.5rem; padding-bottom:0.8rem; font-weight:500; text-decoration:underline}
.pop_neSection2 li {padding:0.3rem; font-size:1.4rem;}
.pop_neSection2 li i {padding-right:0.2rem; font-weight:300; font-size:1.5rem}
.pop_neSection2 li .txtin {display:block; padding:0.2rem 0 0 1.7rem}

.pop_neSection3 {margin-top:2rem; background:#fff5f3; border:1px solid #ffd4cc; padding:1.7rem; font-size:1.4rem}
.pop_neSection3 p {line-height:160%}
.pop_neSection3 .txt_under {text-decoration:underline}

.ne_agree_check2 {text-align:left; margin-top:2rem; padding:1.7rem 0; border-top:1px solid #ddd; }
.ne_agree_check2 label {font-size:1.3rem !important; color:#e55853 !important;}

.ne_agree_sign {margin-top:5rem; text-align:center}
.ne_agree_sign p {padding-bottom:0.8rem}
.ne_agree_sign .urname {font-size:1.8rem; font-weight:500; padding-left:0.8rem}

/*고객센터-수강후기*/
.hrdinfo_box {background:#f8f8f8; width:100%; padding:2rem; text-align:center; font-size:1.4rem; line-height:180%; border-top:1px solid #ccc; border-bottom:1px solid #ccc}
.review_form .average_score {margin-bottom:1rem}
.review_form {margin-top:1rem;overflow:hidden; background:#f5f5f5; padding:1.2rem; border-top:1px solid #ccc; border-bottom:1px solid #ccc}
.review_form .textarea_box textarea {height:10rem; margin-top:1rem; font-size:1.4rem}

.ex_detail_con_sec.sec9 .review_list {margin-top:1.5rem;border-top:1px solid #ccc;}
.ex_detail_con_sec.sec9 .review_list > li {position:relative;padding:1.5rem 0;border-bottom:1px solid #ccc;overflow:hidden;}
.ex_detail_con_sec.sec9 .review_list > li .list_con {}
.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:0.5rem;font-size:1.4rem;}
.ex_detail_con_sec.sec9 .review_list > li .review_con .review_con_name {font-size:1.4rem;font-weight:500;}
.ex_detail_con_sec.sec9 .review_list > li .review_con .review_con_text {margin-top:1rem;font-weight:300;}
.ex_detail_con_sec.sec9 .review_list > li .review_con .review_list_form {display:none;}
.ex_detail_con_sec.sec9 .review_list > li .review_date {margin-top:1.3rem;font-size:1.2rem;color:#666;font-weight:300;}
.ex_detail_con_sec.sec9 .review_list > li .more_option {position:absolute;right:0;top:1.5rem;}
.ex_detail_con_sec.sec9 .review_no_data {margin-top:1rem;padding-top:6.5rem;height:11rem;font-size:1.2rem;color:#999;text-align:center;background:url('../images/ico_no_data.png') no-repeat center 3rem #f5f5f5;background-size:auto 2.5rem;}

/* 20210209 추가 */
.main_board_wrap .main_board.main_noti {position:relative; padding-bottom:10px;}
.link_subj_mn {position:absolute; top:40px; left:18px; padding-right:12px; background:url('../images/btn_my_point.png') right center no-repeat; background-size:6px auto; font-size:12px;}
.answer_box_wrap + .layer_popup .layer_btn_box {height:9rem;}
.btn_devide.btn_submit {display:block; margin:10px 0 0 0; width:100%; background:#3d7ca4; color:#fff;}
.table_board_view + .btn_box {margin-top:30px;}

/* OTP 팝업 */
.popcontainer.popOtp {width:90vw !important;}
.popcontainer.popOtp .pop_inner {overflow:hidden;}
.popCaptcha .capt_wrap #winCtnt {padding:0 10px;}
#hrdOtpFrame table {width:100%; margin:0 auto;}
.popOtp .btn_box .btn_devide {font-size:13px;}

.btnArea {text-align:right}
.btn_orange {display:inline-block; color:#fff;background-color:#ea563a; padding:0 2rem; border-radius:0.3rem; height:3rem; line-height:3rem}
.btn_orange2 {display:inline-block; color:#fff;background-color:#ea563a; padding:0 2.3rem; border-radius:0.3rem; height:4rem; line-height:4rem; margin-top:1.3rem}
.btn_orange_sm {display:inline-block; color:#fff;background-color:#ea563a; padding:0 2rem; border-radius:0.3rem; height:3rem; line-height:3rem; font-size:1.3rem}
.btn_gray_sm {display:inline-block; color:#fff;background-color:#aaa; padding:0 2rem; border-radius:0.3rem; height:3rem; line-height:3rem; font-size:1.3rem}
.btn_mr {margin-right:1rem}



.dpnone {display:none}
.i_dot {padding:0 4px}
.orange {color:#e55853}
.red {color:#cd0505}
.blue {color:#067BD3}
.clear {clear:both}
.pr {position:relative}

.txt_sm {font-size:1.4rem}

.mt10 {margin-top:1rem}
.mt20 {margin-top:2rem}

.mr6 {margin-right:0.5rem}

.pdl10 {padding-left:0.7rem}

/* 오류 */
.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 화면 */
.sub_inner.gpc {padding:3rem 10px;}
.gpc_img {margin:0 auto; width:calc(100% - 1.5rem);}
.link_subj_gpc {display:block; width:230px; height:50px; margin:0 auto; margin-top:30px; padding:13px 10px; text-align:center; background:#811495; border-radius:60px;}
	.link_subj_gpc .txt_btn_name {font-size:1.3rem; color:#fff; font-weight:700;}
	