@charset "utf-8"; /* 메인 */ [class^="mti_"] {position:relative; width:1384px; margin:0 auto; margin-top:100px;} /* [class^="mti_"] + [class^="mti_"], .main_top_w + [class^="mti_"] {margin-top:100px;} */ [class^="mti_"] .slider_list + .slider_list {margin-left:24px;} [class^="mti_"] [class^="thumbSlider_"] {position:relative;} .mti_tit_w {display:block; width:100%; max-width:1384px; padding-bottom:50px; text-align:center;} .mti_tit_w .icon_link {width:25px; height:30px; margin-left:5px; background:url('../images/common/icon_link_dark.png') center no-repeat; background-size:100% auto; vertical-align:sub;} .mti_status_w {margin-top:-90px; z-index:9;} .main_status_box {height:180px; padding:37px 0 37px 40px; background:#fff; box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.1);} .ms_profile {float:left; position:relative; width:473px; height:100%; padding-left:128px;} .ms_profile .tsw_img {top:50%; left:0; width:108px; height:108px; margin-top:-54px;} .ms_profile .ttt_s24cBlackFS {display:block; padding:20px 0 10px;} .ms_status_lists {float:left; display:table; table-layout:fixed; width:calc(100% - 473px); padding:15px 0 0;} .mst_list {display:table-cell;} .mst_list .link_subj {width:100%;} .mst_list .txt_s18 {display:block; padding-bottom:15px; color:#565656;} /* .mti_status_w + .mti_recommd_w {margin-top:80px;} */ /* 메인 추천/신규 강좌 슬라이더 */ .thumbSlider_recomd, .thumbSlider_newconts {top:-15px; left:-15px;} .thumbSlider_recomd .slick-list, .thumbSlider_newconts .slick-list {padding:15px; width:calc(100% + 30px);} .thumbSlider_recomd .slick-prev, .thumbSlider_newconts .slick-prev {left:-15px;} .thumbSlider_recomd .slick-next, .thumbSlider_newconts .slick-next {right:-45px;} /* 콘텐츠 영역 리스트별 상단 타이틀 영역 */ .cb_title_w {position:relative; padding:30px 0 40px; overflow:hidden;} .cb_title_w .btnIconLine_link {float:right; width:174px; padding:8px 46px 11px 20px;} .cb_title_w .tit_s30cBlack + .txt_s30cMint {padding-left:10px;} .cb_title_w .txtIcon_s14cGDark_guide {position:absolute; bottom:6px; right:0;} /* 메인 인기강좌 슬라이더 */ .mti_popular_w {width:100%;} .mti_popular_w .mti_tit_w + .tab_wrap_line {margin-top:-20px;} .mti_popular_w .tabmenu_line {width:1384px; margin:0 auto; border:0;} .mti_popular_w .tab_list {display:inline-block; min-width:auto;} .mti_popular_w .tab_list .btn_tab {width:auto; padding:0; margin-right:35px;} .mti_popular_w .tab_list .btn_tab .txt_s20 {color:#898989; font-weight:500;} .mti_popular_w .tab_list .btn_tab.active .txt_s20 {color:#121212;} .mti_popular_w .tabmenu_line .btn_tab:after {height:1px; bottom:5px; background:#121212;} .mti_popular_w .tab_wrap_line .tabCont_w {position:relative; left:-15px; padding-top:20px; width:calc(100% + 30px);} .thumbnail_mainfull .keyword_lists_w {max-height:45px; padding-top:20px;} .thumbnail_mainfull .kw_list .link_keyword {border-color:#27b5ac; color:#27b5ac;} .thumbnail_mainfull .thumb_img:before {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,.5); opacity:1; content:''; transition:all .7s ease; z-index:2;} .thumbnail_mainfull .thumb_cont {opacity:0; transition:all .4s ease;} .slick-current .thumbnail_mainfull .thumb_img:before {opacity:0;} .slick-current .thumbnail_mainfull .thumb_cont {opacity:1;} .thumbnail_mainfull .tc_top {position:relative;} .thumbnail_mainfull .tc_top .inp_chk_like {position:absolute; right:0; top:-5px;} .thumbnail_mainfull .tc_opt:before {width:100%; left:0; height:2px;} .thumbnail_mainfull .opt_sme_w {display:inline-block; padding:17px 0 0; margin-right:10px;} .thumbnail_mainfull .opt_sme_w + .txt_s14cLGrayFM_ellipsis {display:inline-block; max-width:calc(100% - 150px); vertical-align:middle;} .thumbnail_mainfull .icon_star {width:16px; height:16px;} .thumbnail_mainfull .link_subj_study {position:absolute; bottom:51px; right:327px; opacity:.7; transition:all .3s ease;} .thumbnail_mainfull .link_subj_study:before {position:absolute; bottom:-3px; left:0; width:100%; height:1px; background:#27b5ac; content:'';} .thumbnail_mainfull:hover .link_subj_study {opacity:1;} .mti_popular_w .slick-next, .mti_popular_w .slick-prev {width:35px; height:37px; top:auto; bottom:23px; background-repeat:no-repeat; background-position:center; background-size:35px auto;} .mti_popular_w .slick-next {right:297px; background-image:url('../images/main/btn_slider_next_on.png');} .mti_popular_w .slick-prev {left:auto; right:332px; background-image:url('../images/main/btn_slider_prev_on.png');} .mti_popular_w .slick-next.slick-disabled {background-image:url('../images/main/btn_slider_next2_off.png');} .mti_popular_w .slick-prev.slick-disabled {background-image:url('../images/main/btn_slider_prev2_off.png');} /* 메인 배너 영역 */ .mti_banner_w {position:relative; width:1408px; margin:0 auto; margin-top:80px;} .mb_lists {display:table; table-layout:fixed; width:100%;} .mb_lists .mb_list {display:table-cell; padding:0 12px;} .mb_lists .mb_list img {width:100%; height:100%;} .mti_linkmenu_w {width:100%; background:#565656;} .ml_lists {display:table; table-layout:fixed; width:1384px; margin:0 auto; padding:43px 0 46px;} .ml_list {position:relative; display:table-cell; padding-left:114px;} .ml_list + .ml_list:before {position:absolute; top:5px; left:-30px; width:1px; height:50px; background:#ececec; content:'';} .ml_list .link_subj {width:100%;} .ml_list [class^="icon_"] {position:absolute; top:50%; margin-top:-30px; left:44px; width:60px; height:60px; background-repeat:no-repeat; background-size:100% auto; background-position:left center;} .ml_list .icon_award {background-image:url('../images/main/icon_award.png');} .ml_list .icon_wallet {background-image:url('../images/main/icon_wallet.png');} .ml_list .icon_answer {background-image:url('../images/main/icon_answer.png');} .ml_list .icon_inform {background-image:url('../images/main/icon_inform.png');} .ml_list .txt_s16cWhite {display:block; padding:7px 0 3px;} .ml_list .txt_s16cWhite br {display:none;} .ml_list .txt_s14cWhite {color:rgba(255,255,255,.6); font-weight:400;} .ml_list:hover .txt_s14cWhite {color:rgba(255,255,255,.8);} /* 메인 고객센터 */ .mti_customer_w {width:100%; border-width:1px 0; border-style:solid; border-color:#dbdbdb;} .mc_divide_w {width:1384px; margin:0 auto; overflow:hidden;} [class^="mcd_"] {height:243px; padding:32px 0 33px;} .mcd_notice_w {float:left; width:calc(100% / 2);} .mc_divide_w .mti_tit_w {text-align:left; margin-top:0; padding-bottom:30px;} .mcn_list {position:relative; padding:0 50px 0 17px;} .mcn_list + .mcn_list {margin-top:4px;} .mcn_list:before {position:absolute; top:50%; margin-top:-6px; left:3px; width:3px; height:3px; background:#121212; border-radius:50%; content:'';} .mcn_list .link_subj {display:block; width:100%;} .mcn_list .txt_s16cBlackFM_ellipsis {max-width:70%;} .mcn_list .txt_s16cDGrayFM {float:right;} .mcd_faq_w {float:right; width:calc(100% / 2); padding-left:50px; border-left:1px solid #dbdbdb;} .mcd_faq_w .srchBox_w {padding-bottom:0;} .mcd_faq_w .srchBox_w .inp_txt_search {width:100%;} .mf_recommd_w {position:relative; margin-top:14px; overflow:hidden;} .mf_recommd_w .txt_s12cWhiteFT {position:absolute; top:3px; left:0; width:47px; height:22px; padding:2px 0 1px 9px; background:url('../images/main/icon_background.png') center no-repeat; background-size:100% auto;} .mrc_lists_w {padding-left:55px;} .mrc_list {float:left;} .mrc_list + .mrc_list {position:relative; padding-left:10px;} .mrc_list + .mrc_list:before {position:absolute; top:9px; left:5px; width:1px; height:12px; background:#b3b3b3; content:'';} .mrc_list .txt_s12cGray {color:#b3b3b3; font-weight:300;} .mti_customer_w + .mti_customerTy2_w, [class^="mti_"] + .mti_endnoti_w {margin-top:0;} .mti_customerTy2_w {padding:54px 0;} .mct_lists {padding:0 50px; overflow:hidden;} .mct_list {float:left; padding-top:5px;} .mct_list + .mct_list {position:relative; padding-left:90px;} .mct_list + .mct_list:before {position:absolute; top:0; left:50px; width:1px; height:40px; background:#ececec; content:'';} .mct_list [class^="icon_"] {width:40px; height:40px; margin-right:15px; background-repeat:no-repeat; background-size:100% auto; background-position:center;} .mct_list .icon_email {background-image:url('../images/main/icon_email.png');} .mct_list .icon_phone {width:24px; background-image:url('../images/main/icon_phone.png'); background-size:24px auto;} .mct_list [class^="txt_s18"] {font-weight:700;} .mct_list [class^="txt_s18"] + [class^="txt_"] {padding-left:10px; vertical-align:middle;} .mct_list .txt_s18cMintFB {font-weight:500;} .mct_list [class^="btn_"] {width:152px; border-radius:5px; vertical-align:middle;} .mct_list [class^="btn_"] + [class^="btn_"] {margin-left:7px;} .mct_list:last-child {float:right; padding-top:0;} .mti_customerTy2_w .mct_list {padding-top:0;} .mti_customerTy2_w .mct_list:first-child {width:calc(100% - 406px); height:43px;} .mti_customerTy2_w .mct_list img {width:100%;} .mct_list .img_mo {display:none;} .mti_endnoti_w {width:100%; height:121px; background:#28292c; z-index:9;} .men_inner {width:100%; margin:0 auto; bottom:-121px; padding:35px 0; text-align:center; transition:all .4s ease;} .men_inner .txt_s18cWhiteFM + .txt_s20cWhiteFS {padding-left:15px;} .men_inner .txt_time {padding-left:40px; margin-left:70px; background:url('../images/main/icon_timer.png') left center no-repeat; background-size:24px auto; font-size:34px; color:#f2f2f2; letter-spacing:9px; font-weight:700;} .men_inner .txtLabel_cLine {height:28px; padding:7px 13px; margin-left:12px; border-color:rgba(255,255,255,.6); color:rgba(255,255,255,.6); border-radius:5px;} .men_inner .btn_primaryh50 {width:225px; margin-left:60px; vertical-align:super;} .men_inner .btn_primaryh50 .txt_btn_name {font-size:20px;} .men_inner.fixed {position:fixed; bottom:0; left:0; background:#28292c;} .container.main .footer {margin-top:121px;} /* 메인 공지 팝업 */ .pop_warp_mainNoti {position:absolute; top:80px; left:50%; margin-left:-500px;} .pop_warp_mainNoti [class^="popup_"] {border-radius:0;} .pop_warp_mainNoti .pop_content {padding:0; max-height:635px;} .mn_img_w {width:600px; height:635px;} .mn_img_w img {width:100%; height:100%;} .pop_warp_mainNoti .pop_footer {padding:10px 20px;} .pop_warp_mainNoti .inp_chk_show {float:left;} .pop_warp_mainNoti .pop_footer .btn_primaryh30_close {min-width:68px; height:32px;} .imgSlider_notice .slick-prev, .imgSlider_notice .slick-next {width:74px; height:147px;} .imgSlider_notice .slick-prev {left:0; background:url('../images/main/btn_slider_prev.png') no-repeat; background-size:100% auto;} .imgSlider_notice .slick-next {right:0; background:url('../images/main/btn_slider_next.png') no-repeat; background-size:100% auto;} .imgSlider_notice .slick-prev.slick-disabled, .imgSlider_notice .slick-next.slick-disabled {display:none !important;} /* 구독 */ [class^="sliderWrap_"] {position:relative;} .sliderWrap_subscribe {margin:0 auto; top:-10px; padding:0 0 50px 80px; border-bottom:1px solid #dbdbdb;} .sliderWrap_subscribe .slick-prev {top:87px; left:-28px;} .sliderWrap_subscribe .slick-next {top:87px; right:-28px;} .sliderWrap_subscribe .slick-list {padding-top:10px;} .sliderWrap_subscribe .slider_list + .slider_list {margin-left:49px;} .sliderWrap_subscribe + .inner_noData {margin-top:30px;} .cb_mid_w {position:relative; padding-bottom:10px; background:#f8f8f8;} .cb_mid_w:before {position:absolute; top:0; left:-100%; width:100%; height:100%; background:#f8f8f8; content:'';} .cb_mid_w:after {position:absolute; top:0; right:-100%; width:100%; height:100%; background:#f8f8f8; content:'';} .cb_mid_w .cb_title_w {padding:40px 0 20px;} .sliderWrap_popChannel {top:-15px; left:-15px; width:calc(100% + 25px);} .sliderWrap_popChannel .slick-list {padding:15px;} .sliderWrap_popChannel .slider_list + .slider_list {margin-left:20px;} .sliderWrap_popChannel .slider_list:nth-child(n+1):nth-child(-n+3) .txt_sme_rank {color:#27b5ac;} .contWrap_lists + .cb_mid_w, .inner_noData + .cb_mid_w {margin-top:50px;} .contWrap_lists {position:relative; left:-24px; margin-top:40px; padding:0 0 10px; width:calc(100% + 30px);} .cwl_list {display:inline-block; margin:50px 0 0 21px; vertical-align:top;} .cwl_list:nth-child(n+1):nth-child(-n+4) {margin-top:10px;} .cwl_list [class^="thumbnail_"] {transform:unset;} .cwl_list [class^="thumbnail_"]:hover {box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.1); transform:unset;} .cwl_list .thumb_img .inp_chk_like {display:none;} /* 탐색 */ .dis_srch_mow {display:none;} .srchBox_w, .dis_srch_w {padding-bottom:50px;} .srchBox_w .inp_txt_search {vertical-align:middle;} .srchBox_w .inp_chk {margin-left:17px;} .category_step_w {border:1px solid #ccc; border-radius:2px; overflow:hidden;} .cs_box {float:left; width:calc(100% / 4); height:240px; padding-top:10px; border-right:1px solid #e6e6e6;} .cs_box:first-child {padding-top:0;} .cs_box:last-child {border-right:0;} .cs_lists_w {height:100%; overflow-y:auto;} .cs_list {padding:8px 20px; cursor:pointer;} .cs_list [class^="txt_"] {font-weight:400;} .cs_list .txt_s14cGray {color:#666;} .cs_list.active {background:rgba(39, 181, 172, 0.1) url('../images/common/arrow_right_mint.png') calc(100% - 13px) center no-repeat; background-size:8px 12px; transition:background-color .3s ease;} .cs_list.active .txt_s14cBlack {color:#27b5ac; font-weight:700;} .cs_box .inner_noData {position:relative; top:-10px; padding:48px 0;} .cs_box .inner_noData .icon_noData {width:82px; height:90px; background:url('../images/common/img_empty.png') no-repeat; background-size:100% auto;} .cs_box .inner_noData .txt_s14cLGray {font-weight:400;} .category_step_w + .tab_wrap_line {padding-top:50px;} .chk_lists_w + .contWrap_lists {margin-top:-10px;} .tabCont_w > .contWrap_lists {margin-top:0;} .chk_lists_w {margin-top:-4px; padding-bottom:30px; overflow:hidden;} .chk_lists_w .inp_chk_btn {float:left; margin:4px 4px 0 0;} .chk_lists_w .inp_chk_btn input:checked + .btn_chk_s16 {border-right:1px solid #27b5ac;} .chk_lists_w .btn_chk_s16 {min-width:110px; padding:11px 10px;} .chk_lists_w .inp_chk_btn:first-child .btn_chk_s16 {border-radius:3px 0 0 3px;} .chk_lists_w .inp_chk_btn:last-child .btn_chk_s16 {border-radius:0 3px 3px 0;} .chk_lists_w .inp_chk_btn.all .btn_chk_s16 {font-weight:500;} .bchk_lists {overflow:hidden;} .bchk_list {float:left;} .tc_opt_w {overflow:hidden;} .tc_opt_w .chk_lists_w {float:left; padding-bottom:0;} .tc_opt_w .top_slct_w {float:right; height:40px; margin-top:3px;} /* 탐색 상세 */ .exp_tabWrap {width:1008px;} .exp_navTap {height:44px;} .exp_navTap .tabmenu_default {} .exp_navTap .tab_scroll_w {border-bottom:0;} .exp_navTap .tabmenu_default .btn_tab.active .txt_s16, .tab_wrap_micro .btn_tab.active .txt_s16 {color:#fff; font-weight:500;} .tabLink_wrap + .tabLink_wrap {padding-top:50px;} .tabLink_wrap .cb_title_w {padding:0 0 20px;} .tabLink_wrap:first-child .cb_title_w {padding-top:30px;} .exp_navContainer {padding-bottom:190px;} .exp_navContainer .bottom_btn_right {width:1008px;} .exp_keyword_w {position:relative; min-height:57px; padding:20px 0 4px 100px; border-bottom:1px solid #e6e6e6; overflow:hidden;} .exp_keyword_w .txtLabel_cMint {position:absolute; top:20px; left:0; padding:5px 15px; color:#27b5ac; border:1px solid #27b5ac; background:#fff; vertical-align:middle;} .keyword_lists_w {overflow:hidden;} .kw_list {float:left; margin:0 8px 8px 0;} .exp_keyword_w .txtLabel_cMint, .kw_list .link_keyword {display:block; height:24px; font-size:12px; border-radius:23px;} .kw_list .link_keyword {min-width:73px; padding:3px 15px; color:#121212; border:1px solid #e6e6e6; text-align:center; cursor:unset;} .exp_keyword_w + .tabLink_wrap {padding-top:30px;} .cb_box_gray {margin-top:12px; padding:20px; border:1px solid #dbdbdb; background:#f8f8f8;} .cb_title_w + .cb_box_gray {margin-top:0;} .cb_box_gray .tit_s20cBlack {display:block;} .cb_list_w {padding-top:10px;} .cb_list {position:relative; /* padding-left:12px; */} /* .cb_list:before {position:absolute; top:0; left:0; font-size:16px; color:#666; content:'•';} */ .cb_box_gray .formGroup_addFile {padding-top:10px;} .cb_box_gray .af_list:nth-child(n+1):nth-child(-n+3) {margin-top:0;} .cb_link_w {padding-top:10px; overflow:hidden;} .cb_link {float:left; padding-right:20px;} .cb_link:last-child {padding-right:0;} .cb_link .inp_txt_default {width:294px; background:#fff; border-color:#e9e9e9;} .cb_link .inp_txt_default input[type="text"] {height:42px;} .cb_link .btn_secondh40_url {width:131px; height:44px; margin-left:-5px; padding-left:44px; background:#ececec url('../images/common/icon_link_off.png') 20px center no-repeat; background-size:24px auto; vertical-align:top; border-radius:0 5px 5px 0;} .btn_secondh40_url .txt_btn_name {font-size:14px; color:#898989;} .cb_link .btn_secondh40_url:hover {background:#27b5ac url('../images/common/icon_link_on.png') 20px center no-repeat; background-size:24px auto;} .btn_secondh40_url:hover .txt_btn_name {color:#fff;} .step_lists_wrap {height:304px; overflow:hidden;} [class^="step_list_"] {border-top:2px solid #333; overflow:hidden;} .step_list {position:relative; height:60px; padding:17px 48px 18px; border-bottom:1px solid #e6e6e6;} .step_list_dot .step_list:before {position:absolute; top:50%; left:14px; margin-top:-9px; width:18px; height:18px; background:url('../images/common/icon_step_on.png') left center no-repeat; background-size:100% auto; content:''; z-index:2;} [class^="step_list_dot"] .step_list + .step_list:after {position:absolute; top:-30px; left:22px; width:2px; height:60px; background:#dbdbdb; content:'';} .step_list_dotTy2 .step_list:before {position:absolute; top:50%; left:14px; margin-top:-9px; width:18px; height:18px; background:url('../images/common/icon_step_off.png') left center no-repeat; background-size:100% auto; content:''; z-index:2;} .step_list.preview:before {position:absolute; top:50%; left:14px; margin-top:-9px; width:18px; height:18px; background:url('../images/common/icon_step_on.png') left center no-repeat; background-size:100% auto; content:'';} .step_list [class^="txt_"] {font-weight:400;} .step_list.preview [class^="txt_"] {font-weight:500;} .step_list .txtLabel_cDark {width:84px; margin-right:5px; vertical-align:middle;} .step_list .txt_time {position:absolute; top:50%; right:15px; margin-top:-14px; padding:4px 12px 3px 34px; color:#898989; font-size:14px; background:#ececec url('../images/common/icon_play_off.png') 12px center no-repeat; background-size:16px auto; border-radius:3px;} [class^="step_lists_"] + .btn_more_w {margin-top:0; position:relative; top:-16px;} [class^="step_lists_"] + .btn_more_w:before {display:none;} .step_lists_wrapNum {} .step_list_number .step_list {padding-left:20px;} .step_list_number .txt_s16cBlack {cursor:pointer;} .step_list_number .txt_s16cBlack .txt_s20cDark {width:44px; font-weight:900;} .step_list_number .step_list.on [class^="txt_"] {color:#27b5ac;} .table_wrap_bookinfo {} .table_wrap_bookinfo .table_infoList {display:block;} .table_wrap_bookinfo .table_infoList tbody {display:inline-flex; width:100%;} .table_wrap_bookinfo .table_infoList tbody tr {display:inline-flex; width:calc(100% / 2);} .table_wrap_bookinfo th {display:grid; padding:30px 27px; border-right:0;} .bi_img_w {width:128px; height:178px; margin:0 auto; background:#f8f8f8; box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.2); border-radius:0 6px 6px 0;} .bi_img_w img {width:100%; height:100%; border-radius:0 6px 6px 0;} .table_wrap_bookinfo td {width:100%; padding:40px 28px; text-align:left; border-right:0;} .table_wrap_bookinfo .bi_info {padding-top:35px;} .bi_info [class^="txt_"] {display:block;} .bi_info [class^="txt_"]:first-child + [class^="txt_"] {padding-top:10px;} .bi_info [class^="txt_"] + [class^="txt_"] {padding-top:3px;} .table_wrap_bookinfo.ty2 .table_infoList tbody tr {width:100%;} .lp_lists_w {position:relative; top:-20px; left:-24px; width:calc(100% + 29px); padding-bottom:10px;overflow:hidden;} .lp_lists_w .thumbnail_default {float:left; width:320px; margin:20px 0 0 24px;} .lp_lists_w .thumbnail_default:hover {box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.1);; transform:translateY(0);} .lp_lists_w .thumb_img {height:225px;} .lp_lists_w .thumb_cont [class^="tit_"]:hover {color:rgba(0,0,0,.8);} .ex_lists_w {overflow:hidden;} .ex_list {float:left; position:relative; width:280px; min-height:100px; padding-left:125px;} .ex_list + .ex_list {position:relative; margin-left:79px;} .ex_list + .ex_list:before {position:absolute; top:40px; left:-48px; width:18px; height:30px; background:url('../images/common/arrow_right_gray.png') no-repeat; background-size:100% auto; content:'';} .ex_list [class^="icon_ex_"] {position:absolute; top:0; left:0; width:100px; height:100px; background-repeat:no-repeat; background-size:100% auto;} .ex_list .icon_ex_step1 {background-image:url('../images/discover/icon_process01.png');} .ex_list .icon_ex_step2 {background-image:url('../images/discover/icon_process02.png');} .ex_list .icon_ex_step3 {background-image:url('../images/discover/icon_process03.png');} .ex_list [class^="txt_"] {display:block;} .ex_list .txt_s14cRed {padding-bottom:5px;} /* 수강신청 팝업 */ .pop_wrap_expApply .pop_content {padding:0; text-align:left; overflow-y:hidden;} .expapply_steps_w {display:table; width:100%; table-layout:fixed; overflow:hidden; border-width:0 0 1px; border-style:solid; border-color:#dbdbdb;} .exs_list {position:relative; display:table-cell; padding:5px 10px 7px 43px; background:url('../images/common/icon_process_off.png') 20px center no-repeat; background-size:16px auto; text-align:left;} .exs_list.complete {background:url('../images/common/icon_chk_on.png') 20px center no-repeat; background-size:16px auto;} .exs_list.on {background:rgba(39, 181, 172, 0.1) url('../images/common/icon_chk_on.png') 20px center no-repeat; background-size:16px auto;} .exs_list.on:before {position:absolute; bottom:0; left:0; width:100%; height:2px; background:#27b5ac; content:'';} .exs_list:first-child {width:245px; padding-left:63px; background-position:40px center;} .exs_list + .exs_list {border-left:1px solid #dbdbdb;} .exs_list.on .txt_s12cGrayFS {color:#27b5ac;} .exs_list .txt_s12cGrayFS br {display:none;} [class^="apply_contain"] {padding:40px 40px 0;} .apply_contain .cb_box_gray {padding:20px; max-height:204px; overflow-y:auto;} .apply_contain .cb_list_w {padding-top:0; overflow:hidden;} .apply_contain .cb_list:before {top:-3px;} .apply_contain .cb_list + .cb_list {margin-top:20px;} .apply_contain [class^="txt_"] {display:block; font-weight:400; word-break:keep-all;} .apply_contain .tit_s16cDark {padding-bottom:20px;} .apply_contain .txt_s14cDark {padding-bottom:5px; font-weight:500;} .sub_cb_lists {padding-top:8px;} .scb_list + .scb_list {padding-top:10px;} .ssub_cb_lists {padding:10px 0 0 15px;} .sscb_list + .sscb_list {padding-top:8px;} .sscb_list [class^="txt"] {display:block;} .sscb_list [class^="txtDot_"] {position:relative; padding-left:30px;} .sscb_list .txtDot_s14cDGray {margin-top:5px;} .txtDot_s14cDGray:before {position:absolute; top:-1px; left:16px; font-size:14px; color:#666; content:'ο';} .table_wrap_privacy {margin-top:10px;} .table_wrap_privacy thead th {background:#e6e6e6;} .ac_btn_w {padding-bottom:20px; text-align:center;} .ac_btn_w .txtIcon_s14cGDark_guide {display:block; margin-top:10px; text-align:left;} .ac_btn_w .inp_chk_agreement {margin-top:40px;} .apply_contain_inp {min-height:421px; height:421px; overflow-x:hidden; overflow-y:auto;} [class^="table_wrap_inpApply"] th {padding:10px 20px; text-align:left;} [class^="table_wrap_inpApply"] th .icon_strong {margin-left:-3px; font-size:8px; color:#f04b40; vertical-align:top;} [class^="table_wrap_inpApply"] td {text-align:left;} .bath_upload .btn_secondaryh30_batch .txt_s12 {color:#606060;} .bath_upload .btn_grayLineh30_upload {padding:4px 12px 7px 34px; background:url('../images/common/icon_upload_dark.png') 12px center no-repeat; background-size:16px 16px; vertical-align:top;} .bath_upload .btn_grayLineh30_upload .txt_btn_name {font-size:12px; color:#333;} .bath_upload .btn_grayLineh30_upload:hover .txt_btn_name {color:#27b5ac;} .bath_upload [class^="btn_"] + [class^="btn_"] {margin-left:5px;} .bath_upload .txt_s14cDarkFM {display:block; padding-top:8px;} .table_wrap_inpApply + .survey_tite_w {margin-top:30px;} .table_wrap_inpApply2 .custom_select_apply, .srch_pop_w {vertical-align:middle;} .srch_pop_w {display:inline-block; position:relative; width:234px; height:36px;} .srch_pop_w .inp_txt_srch {width:100%;} .inp_srch_pop {display:none; position:absolute; top:38px; left:0; width:100%; max-height:120px; padding-top:5px; overflow-y:auto; border:1px solid #dbdbdb; border-radius:3px; background:#fff; z-index:2;} .lyl_list {padding:6px 15px 8px; line-height:1; cursor:pointer;} .lyl_list:hover {background:#f6f6f6;} .lyl_list [class^="txt_"] {display:block; padding:5px 0 0;} .table_wrap_inpApply2 .custom_select_apply + .srch_pop_w {margin-left:5px;} .table_wrap_inpApply2 + .txtIcon_s14cGDark_guide {display:block; margin-top:10px; text-align:left;} .table_wrap_inpApply3 .inp_txt_default {display:block;} .table_wrap_inpApply3 .inp_txt_default .s14cDark::placeholder {font-size:13px;} .table_wrap_inpApply3 .inp_radio + .inp_radio {margin-left:20px;} .table_wrap_inpApply3 .inp_radio .txt_s14cDark {padding-left:5px;} /* .table_wrap_inpApply3 .btn_secondary_file, .table_wrap_inpApply3 .btn_secondary_file input[type="file"] {height:30px;} */ .table_wrap_inpApply3 .btn_secondary_file {padding:5px;} .table_wrap_inpApply3 .btn_secondary_file .txt_s14 {font-size:12px;} .table_wrap_inpApply3 .af_slist .link_file {padding:3px 50px 1px 34px; background-size:16px auto;} .table_wrap_inpApply3 .af_slist .btnIcon_delete_gray {background-size:16px auto;} .apply_contain_comp {height:421px; text-align:center; overflow-y:auto;} .acc_top [class^="tit"], .acc_top [class^="txt"] {display:block;} .acc_top [class^="txt"] {padding-top:10px;} .cb_box_blue {position:relative; margin-top:30px; padding:24px 24px 24px 100px; border:1px solid #27b5ac; border-radius:5px; background:rgba(39, 181, 172, 0.1); text-align:left;} .cb_box_blue .icon_info {position:absolute; top:50%; margin-top:-20px; left:30px; width:40px; height:40px; background:url('../images/common/icon_guide_info2.png') no-repeat; background-size:100% auto;} .cb_box_blue [class^="txt_"] {font-weight:400;} .cb_box_blue + .txtIcon_s14cGDark_guide, .acc_top + .txtIcon_s14cGDark_guide {width:100%; margin-top:10px; text-align:left;} .acc_top + .txtIcon_s14cGDark_guide {margin-top:30px;} /* 학습자 선택 팝업 */ .pop_wrap_two .pop_content {min-height:250px; padding:30px 40px;} .popup_w590_slctstd .srch_pop_w {width:100%; height:40px;} .popup_w590_slctstd .srch_pop_w .inp_txt_srchGray {width:100%;} .popup_w590_slctstd .inp_srch_pop {top:42px; max-height:140px;} .popup_w590_slctstd .srch_pop_w .lyl_list {text-align:left;} .popup_w590_slctstd .slct_total {display:block; margin:15px 0 10px; padding:13px 15px; border:1px solid #27b5ac; border-radius:5px; font-size:14px; color:#333; text-align:left; font-weight:500;} .slct_total .cMint {padding-left:3px;} .slct_student_w {margin-top:5px; max-height:316px; overflow-y:auto;} .sls_list {position:relative; padding:12px 20px; border:1px solid #e6e6e6; text-align:left; border-radius:5px;} .sls_list + .sls_list {margin-top:5px;} .sls_list [class^="txt_"] {display:block;} .sls_list .txt_s14cLGray + .txt_s16cDark {padding-top:6px;} .sls_list .btnIcon_delete {position:absolute; top:50%; right:20px; margin-top:-10px; width:20px; height:20px; background:url('../images/common/btn_delete_circle.png') center no-repeat; background-size:20px auto;} /* 학습자 업로드 팝업 */ .popup_w590_uploadstd {} .uls_top_w {padding-bottom:30px; overflow:hidden;} .uls_top_w .inp_txt_default {float:left; position:relative; width:310px; border-width:0 0 1px 0; border-radius:0;} .uls_top_w .inp_txt_default:before {position:absolute; top:5px; left:-2px; font-size:14px; color:#f04b4d; content:'＊';} .ut_btn_w {float:right;} .ut_btn_w .btn_grayLineh30 {width:105px; height:34px; vertical-align:top; white-space:nowrap;} .ut_btn_w .btn_grayLineh30 .txt_btn_name {font-size:14px; color:#333; font-weight:400;} .ut_btn_w .btn_grayLineh30:hover .txt_btn_name {color:#27b5ac;} .uls_lists_w {} .uls_list {background:#f8f8f8; border-top:1px solid #333333;} .uls_list .btn_uls {padding:10px 12px; width:100%; text-align:left; background:#f8f8f8 url('../images/common/arrow_down_line_s.png') calc(100% - 12px) center no-repeat; background-size:15px auto;} .uls_list .btn_uls.active {background:url('../images/common/arrow_up_line_s.png') calc(100% - 12px) center no-repeat; background-size:15px auto;} .uls_list .bk_cont_w {display:none; padding:12px 15px; text-align:left; background:#fff;} .us_lists + img {margin-top:10px;} .us_lists [class^="txt_"] {font-weight:400;} .table_wrap_preview {margin-top:10px;} .table_wrap_preview th, .table_wrap_preview td {padding:3px 10px;} /* 탐색 > SME 채널 */ .contBox_sme {width:100%; padding-top:0;} .cb_sme_top {box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.1);} .cst_img_w {position:relative; height:345px; overflow:hidden;} .cst_img_w:before {position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.5) 97%); z-index:2; content:'';} .cst_img_w img {position:absolute; top:50%; left:50%; min-width:100%; height:100%; transform:translate(-50%, -50%);} .cb_sme_cont {position:relative; width:1384px; min-height:147px; margin:0 auto; padding:30px 0 30px 119px; overflow:hidden;} .csc_profile {float:left; width:405px;} .csc_profile .tsw_img {width:87px; height:87px; top:30px;} .csc_profile .txtLabel_cLBlue {padding:4px; height:20px;} .csc_profile [class^="txt_"] {display:block;} .csc_profile .txt_s28cBlackFS {margin-top:-5px;} .csc_profile .txt_s12cLGray {padding-top:5px;} .csc_profile .txt_s24cBlack {display:inline; margin-right:5px;} .csc_name_w {display:inline-block; vertical-align:middle;} .csc_name_w .inp_txt_default {border:0;} .csc_name_w .inp_txt_default .s24cBlack {padding:0 10px 0 0; font-weight:500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .csc_profile .btnIcon_modify {width:20px; height:20px; background:url('../images/common/btn_modify_gray.png') no-repeat; background-size:100% auto;} .csc_name_w + .btnIcon_modify {vertical-align:middle;} .csc_status {float:right; padding-top:10px;} .sme_mini .csc_status {padding-top:0;} .csc_lists_w {display:inline-block; overflow:hidden; vertical-align:middle;} .csc_list {float:left; text-align:center;} .csc_list + .csc_list {padding-left:50px;} .csc_list [class^="icon_"] {width:24px; height:30px; margin-right:5px; background-repeat:no-repeat; background-size:100% auto; background-position:center;} .csc_list .icon_subscriber {background-image:url('../images/common/icon_group.png');} .csc_list .icon_contents {background-image:url('../images/common/icon_contents.png');} .csc_list .icon_view {background-image:url('../images/common/icon_view.png');} .csc_list .icon_heart {background-image:url('../images/common/icon_heart_line.png');} .csc_list .icon_comment {background-image:url('../images/common/icon_comment.png');} .csc_list .txt_s20cDark {font-weight:400;} .csc_list .txt_s20cDarkFS {display:block; padding-top:10px;} .csc_status .inp_chk_subscription {margin-left:56px;} .csc_status .inp_chk_subscription .btn_primaryh40 {width:144px; height:68px; padding:24px 18px; border-radius:34px;} .cb_sme_wrap {position:relative; width:1384px; margin:0 auto; padding-top:43px;} .cb_sme_wrap .top_slct_w {position:absolute; right:0;} .cb_sme_wrap [class^="thumbnail_"]:hover {transform:translateY(-10px); box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.3);} /* 학습 */ /* 학습_학습중 탭 */ .cb_box_grayLine {padding:14px 20px; background:#f8f8f8; border:1px solid #e6e6e6; border-radius:3px;} .cb_box_grayLine .txt_s14cDarkFM .s15 {font-size:15px; font-weight:500} .cb_box_grayLine + .cb_box_blueLine {margin-top:20px;} .cb_box_blueLine {padding:17px 20px; background:rgba(39, 181, 172, 0.1); border:1px solid #e6e6e6; border-radius:3px;} .cb_box_blueLine .icon_guide {width:18px; height:18px; margin-right:10px; background:url('../images/common/btn_guide_info.png') center no-repeat; background-size:100% auto;} .study_end_lists {padding:10px 0 0 7px;} .se_list {position:relative; padding-left:14px;} .se_list + .se_list {margin-top:5px;} .se_list:before {position:absolute; top:50%; left:0; width:4px; height:4px; margin-top:-2px; border-radius:50%; background:#121212; content:'';} [class^="cb_box_"] + .contWrap_lists {padding-top:30px;} .contBox_study .cwl_list {margin:30px 0 0 22px;} .contBox_study .cwl_list .thumb_img a {border-radius:5px 5px 0 0;} .contBox_study .cwl_list .tit_s14cWhite_ellipsisC2 {font-size:16px;} /* 학습_학습홈 */ .sd_tit_w {margin:40px 0 20px;} .sd_tit_w:first-child {margin-top:0;} .sd_tit_w .tit_s20cBlack {font-weight:700;} .sd_tit_w .tit_s20cBlack .cMint {font-weight:400; padding-left:7px;} .sd_tit_w .link_subj {float:right; margin-top:3px; padding-right:18px; background:url('../images/common/icon_link_gray.png') right no-repeat; background-size:8px auto; opacity:.8;} .sd_tit_w .link_subj:hover {opacity:1;} [class^="sd_status_"] {display:inline-block; width:896px; padding:19px 10px; border:1px solid #dbdbdb; border-radius:5px;} .sds_lists {display:table; table-layout:fixed; width:100%;} .sds_list {display:table-cell; text-align:center;} .sds_list + .sds_list {position:relative;} .sds_list + .sds_list:before {position:absolute; top:50%; left:0; background:#e6e6e6; width:1px; height:50px; margin-top:-25px; content:'';} .sds_list .link_subj {display:block;} .sds_list [class^="txt_"] + [class^="txt_"] {display:block; padding-top:4px;} [class^="btn_sd_"] {float:right; width:168px; height:113px; padding:21px 10px 25px; border:1px solid #dbdbdb; border-radius:5px;} [class^="btn_sd_"] [class^="icon_"] {display:block; width:40px; height:40px; margin:0 auto; margin-bottom:8px; background-repeat:no-repeat; background-size:100% auto; background-position:center;} [class^="btn_sd_"] .icon_calendar {background-image:url('../images/common/btn_calendar_dark.png');} [class^="btn_sd_"] .icon_play {background-image:url('../images/common/btn_study_start.png');} .sd_status_ty2 {width:634px;} .btn_sd_contents {position:relative; width:423px; padding:45px 30px; text-align:left; overflow:hidden;} .btn_sd_contents .txt_s16cDark {padding-right:20px; background:url('../images/common/icon_link_black.png') calc(100% - 5px) 1px no-repeat; background-size:8px 13px; transition:all .3s ease;} .btn_sd_contents:hover .txt_s16cDark {background-position:right 1px;} .btn_sd_contents .ttb_img_w {position:absolute; top:0; right:0; width:200px; height:100%; border-radius:0 5px 5px 0;} .btn_sd_contents .ttb_img_w img {min-height:101%; max-height:101%; border-radius:0 5px 5px 0;} .btn_sd_mint {background:#27b5ac; border:0;} .btn_sd_mint .icon_play {background-image:url('../images/common/btn_visual_play.png');} .sh_list + .sh_list {margin-top:40px;} .btn_sd_mint + .sd_divi_w {margin-top:40px;} .sd_divi_w {overflow:hidden;} /* [class^="sdivi_"] .sd_tit_w {margin-top:40px;} */ .sdivi_left {float:left; width:calc((100% - 30px) / 2);} .sd_noti_lists {border-top:1px solid #333;} .sd_noti_list {padding:5px 0; border-bottom:1px solid #e6e6e6;} .sd_noti_list .link_subj {position:relative; display:block; height:32px; padding:4px 10px 4px 27px;} .sd_noti_list .link_subj:before {position:absolute; top:50%; left:10px; width:4px; height:4px; margin-top:-2px; border-radius:50%; background:#333; content:'';} .sd_noti_list .link_subj .txt_s16cDark_ellipsis {max-width:80%;} .sd_noti_list .link_subj .txt_s16cDark_ellipsis + .txt_s16cLGrayFM {float:right;} .sdivi_left .tic_info {padding:23px 20px; border-top:1px solid #333; border-bottom:1px solid #e6e6e6;} .sdivi_notice {width:100%;} .sdivi_left + .sdivi_notice {float:right; width:calc((100% - 30px) / 2);} .sdivi_notice .inner_noData {height:104px; padding:38px 20px;} .inner_noData .icon_guide {width:18px; height:18px; margin-right:10px; background:url('../images/common/icon_guide_info_gray.png') center no-repeat; background-size:100% auto;} .table_wrap_stComplete .throw th {height:unset; padding:3px 10px;} .table_wrap_stComplete th {height:60px; padding:8px 10px;} .table_wrap_stComplete .txt_s16cDark .txt_s12 {display:block; font-size:12px;} .table_wrap_stComplete tr.total {background:#f2f2f2;} .table_wrap_stComplete td.bgGreen {background:rgba(39, 181, 172, 0.1);} .table_wrap_stComplete td.bgRed {background:rgba(237, 28, 36, 0.1);} .table_wrap_stComplete td.bgRed .txt_s16cDark {color:#ed1c24;} .table_wrap_stComplete td .txt_s16cDark + .txt_s16cRed {display:block; padding-top:4px; font-weight:500;} .sd_study_schedule {} .ssc_lists_w {display:table; table-layout:fixed; width:calc(100% + 10px);} .ssc_list {position:relative; display:table-cell; padding-left:30px;} .ssc_list:before {position:absolute; top:3px; left:0; width:20px; height:20px; border-radius:50%; background:#9a9a9a; content:'';} .ssc_list:after {position:absolute; top:11px; right:10px; width:calc(100% - 40px); height:2px; background:#9a9a9a; content:''; z-index:-1;} .ssc_list [class^="txt_s18"] {background:#fff; padding-right:10px; z-index:3;} .ssc_list .txt_s16cLGrayFM {display:block; padding-top:5px;} .ssc_list.active {padding-left:36px;} .ssc_list.active:before {top:0; width:26px; height:26px; background:url('../images/common/icon_step_ing.png') center no-repeat; background-size:100% auto;} .ssc_list.active:after {width:calc(100% - 46px); background:#27b5ac;} .ssc_list.active [class^="txt_"] {color:#27b5ac;} .ssc_list.complete:before, .ssc_list.complete:after {background:#333;} .ssc_list.complete [class^="txt_"] {color:#333;} .sd_study_schedule + .ssc_inner {margin-top:10px; overflow:hidden;} .si_boxLine_w {overflow:hidden;} .sib_lists {overflow:hidden;} .si_list .sd_tit_w {margin:30px 0 20px;} .sib_lists {display:inline-block; width:570px; padding:17px 30px 16px; border:1px solid #dbdbdb; border-radius:5px;} .sib_list {float:left; width:100%; /* width:calc((100% - 62px) / 2); */} .sib_list + .sib_list {position:relative; margin-left:62px;} .sib_list + .sib_list:before {position:absolute; top:0; left:-31px; width:1px; height:100%; background:#e6e6e6; content:'';} .sib_list .txt_s16cDark {padding-top:10px;} .sib_list .txt_s30cLGrayFM {float:right;} .si_boxLine_w .btn_sd_contents {width:494px; height:80px; padding:20px 30px;} .si_boxLine_w .btn_sd_contents .ttb_img_w {width:140px;} .si_boxLine_w .btn_sd_calendar {width:140px; height:80px; padding:7px 10px;} .si_boxLine_w .btn_sd_calendar .icon_calendar {width:30px; height:30px;} .sib_place {display:inline-block; width:334px; height:80px; margin-left:20px; padding:18px 30px; border:1px solid #dbdbdb; border-radius:5px; vertical-align:top;} .sib_place .txt_s16cDark {display:block;} .sib_place .txt_s14cDGray_ellipsis {max-width:100%;} /* 학습_시간표팝업 */ .pop_wrap_stSchedule .pop_content {text-align:left;} .study_info_head .tit_s18cBlack {display:block; font-weight:500;} .study_info_head .txt_s12cGrayFM + .txt_s12cGrayFM {float:right; margin:4px 2px 0 0;} .schedule_scroll_wrap {width:100%; max-height:390px; overflow:auto;} .schedule_scroll_wrap .table_wrap {min-width:1024px; table-layout:auto;} .schedule_scroll_wrap .table_infoList {overflow:hidden;/* width:100%; */} .schedule_scroll_wrap .table_infoList th {padding:7px 5px; width:147px; white-space:nowrap;} .schedule_scroll_wrap .table_infoList th:first-child {width:74px;} .schedule_scroll_wrap tr.tdMeal, .schedule_scroll_wrap td.tdMeal {background:#f8f8f8;} .schedule_scroll_wrap td .txt_s13cDark + .txt_s12cMint {display:block;} .icon_print {width:20px; height:20px; margin-right:5px; background:url('../images/common/icon_print.png') center no-repeat; background-size:100% auto;} .icon_print + .txt_s16cWhite {vertical-align:middle;} /* 학습콘텐츠 */ [class^="studyList_cont"] {border-top:1px solid #333;} .sconts_list {position:relative; border-width:1px 0; border-style:solid; border-color:#e6e6e6;} .sconts_list:first-child, .sconts_list + .sconts_list {border-top:0;} .link_subj_sct {display:block; width:100%; min-height:160px; padding:25px 300px 25px 30px;} .link_subj_sct .txt_s14cMintFM {display:block; padding-bottom:7px;} .sct_info {padding-top:25px;} .sct_info [class^="txt_"] {font-weight:400;} .sct_info .txt_s14cLGray {padding-right:5px;} .sct_info .txt_s14cGray + .txt_s14cLGray {position:relative; padding-left:20px;} .sct_info .txt_s14cGray + .txt_s14cLGray:before {position:absolute; top:3px; left:8px; width:1px; height:13px; background:rgba(0,0,0,.2); content:'';} .sconts_list [class^="btn_"] {position:absolute; top:50%; right:30px; margin-top:-23px; width:119px; height:46px; border-radius:25px; background:none;} .sconts_list .btn_mintLineh45:hover {background:#eaf5f5;} .sconts_list [class^="btn_"] .txt_btn_name {font-size:14px; font-weight:400;} .sconts_list .btn_grayLineh45 {border-color:#ccc;} .sconts_list .btn_grayLineh45:hover .txt_btn_name {color:#898989;} .graph_container {position:absolute; top:50%; right:30px; width:120px; height:120px; margin-top:-58px;} .grap_x_mint {display:none;} .sconts_list.ty2 {height:109px; margin:20px 0; background:#f8f8f8;} .sconts_list.ty2 .link_subj_sct {display:inline-block; width:99%; min-height:unset; padding:20px 30px; vertical-align:middle;} .sconts_list.ty2 .sct_info {padding-top:10px;} .sconts_list + .sconts_list.ty2, .sconts_list.ty2 + .sconts_list {border-top:1px solid #e6e6e6;} .acodian_studyConts {} .acodian_studyConts .a_list + .a_list {margin-top:-1px;} .acodian_studyConts .a_list:first-child .btn_a_toggle {border-top:0;} .acodian_studyConts .txt_head {color:#27b5ac; font-weight:500;} .acodian_studyConts .a_context {padding:0; border-bottom:1px solid #e6e6e6;} .acodian_studyConts .a_context .graph_container {top:20px; margin-top:0;} .sct_lists_w {margin:-5px 30px 0; padding:15px 0 26px; border-top:1px solid #e6e6e6;} .sctl_list + .sctl_list {padding-top:15px;} .sctl_list .grap_x_gray .txt_s14cDark {width:142px;} .sctl_list .grap_x_gray .txt_s14cMint {padding-left:20px;} .a_list .sconts_list.ty2 {border-top:1px solid #333;} [class^="studyList_cont_"] .sconts_list {position:relative; padding:20px 0;} [class^="studyList_cont_"] .sconts_list .thumbnail_col {display:inline-block; width:99%; vertical-align:middle;} [class^="studyList_cont_"] .thumbnail_col .thumb_img {width:142px; height:100px;} [class^="studyList_cont_"] .thumbnail_col .thumb_cont {min-height:85px; padding:8px 300px 0 170px;} [class^="txtLabel_st_"] {position:absolute; top:50%; right:17px; min-width:119px; height:46px; margin-top:-23px; padding:15px; color:#898989; font-size:14px; background:#f8f8f8; border:1px solid #e6e6e6; border-radius:25px;} .txtLabel_st_done {padding-left:50px; border-color:rgba(39, 181, 172, 0.1); background:rgba(39, 181, 172, 0.1) url('../images/common/icon_check_mint.png') 20px center no-repeat; background-size:20px auto; color:#27b5ac;} .txtLabel_st_done .s12 {padding-left:10px; font-size:12px; vertical-align:middle;} [class^="studyList_cont_"] .link_subj {display:none;} .studyList_cont_num .sconts_list {padding-left:59px;} .studyList_cont_num .txt_s20cBlackFS {position:absolute; top:0; left:-49px;} .studyList_cont + .inner_noData {margin-top:30px;} /* 시험 */ .table_wrap_stLists + .table_wrap_stLists {margin-top:30px;} .table_wrap_stLists th {padding:12px 10px;} .table_wrap_stLists th, .table_wrap_stLists td {border:0; padding:10px 10px 14px;} .table_wrap_stLists tr {border-bottom:1px solid #e6e6e6;} .table_wrap_stLists td .link_subj {width:100%; text-align:left;} .table_wrap_stLists td .txt_s14cDark_ellipsis {max-width:100%; vertical-align:middle;} .table_wrap_stLists td .btn_grayLine {width:83px; height:23px; border-color:#e6e6e6; line-height:0.5;} .table_wrap_stLists td .btn_grayLine .txt_btn_name {font-size:12px;} .table_wrap_stLists td .btn_grayLine:hover .txt_btn_name {color:#333;} .table_wrap_stLists td .btnIcon_download, .table_wrap_stLists td .btnIcon_file {width:20px; height:20px; background:url('../images/common/icon_file_download.png') center no-repeat; background-size:100% auto; vertical-align:middle; cursor:auto;} .table_wrap_stLists td .btnIcon_file {background:url('../images/common/icon_file_gray.png') center no-repeat; background-size:100% auto;} [class^="txtLabel_qa"] {background:#f8f8f8; border:1px solid #e6e6e6; width:57px; height:23px; margin-right:5px; border-radius:3px; color:#898989; vertical-align:middle;} .txtLabel_qa_answer {background:rgba(39, 181, 172, 0.1); border:1px solid rgba(39, 181, 172, 0.1); color:#27b5ac;} .table_wrap_stLists td [class^="txtLabel_qa"] + .txt_s14cDark_ellipsis {max-width:calc(100% - 68px);} /* 시험, 과제, 설문 팝업 */ .pop_wrap_studyApply .pop_content {text-align:left; overflow:hidden;} .study_info_head {position:relative; padding-bottom:15px; border-bottom:1px solid #dbdbdb;} .pop_wrap_studyInfo .pop_content {text-align:left;} .pop_wrap_studyInfo .txt_info_red {padding-left:26px; font-size:15px; color:#ed1c24; font-weight:400; background:url('../images/common/icon_guide_info_red.png') left center no-repeat; background-size:18px auto;} .pop_wrap_studyInfo .inp_chk_infoagree {display:block; margin-top:30px; text-align:center;} .spa_lists_w {margin-top:20px; padding:15px; background:#f8f8f8; border:1px solid #e6e6e6;} .spa_list {position:relative; padding-left:23px;} .spa_list [class^="txt_"] {font-weight:400; vertical-align:text-top;} .spa_list .txt_num {position:absolute; top:3px; left:0; font-size:14px; color:#121212;} .spa_lists_w + .spa_box_blue, .spa_box_blue + .spa_box_blue, .txt_info_red + .spa_box_blue {margin-top:30px;} .spa_box_blue {} .spa_box_blue .txt_s16cWhiteFS {position:relative; padding:9px 40px 6px 20px; background:#27b5ac;} .spa_box_blue .txt_s16cWhiteFS:before {position:absolute; top:-3px; right:-35px; width:0px; height:0px; border-top:40px solid #fff; border-bottom:40px solid transparent; border-right:34px solid transparent; border-left:24px solid transparent; content:'';} .sbb_lists_w {padding:15px; border:1px solid #27b5ac;} .sbb_list .txt_s15cBlack {font-weight:400;} .sbb_list .spa_lists_w {margin-top:5px; padding:0 12px; border:0; background:#fff;} .sbb_list .spa_list [class^="txt_"] {font-size:13px;} .sbb_list .spa_list .txt_num {top:2px;} .pop_wrap_studyInfo .items_pf_btn {float:unset; text-align:center;} .pop_wrap_studyInfo .items_pf_btn .item_list {float:unset;} .pop_wrap_studyTest .pop_content {min-height:600px; text-align:left; overflow:hidden;} .st_tit_w {position:relative; padding:22px 230px 22px 20px; background:#f8f8f8; border:1px solid #dbdbdb; border-radius:5px;} .st_tit_w .txt_time {position:absolute; top:50%; right:30px; margin-top:-22px;} .st_tit_w .txt_time .txt_s18cBlackFM {padding-right:10px; vertical-align:text-bottom;} .st_tit_w .txt_time [class^="txt_s14"] {padding-top:13px;} .st_tit_w .txt_time .txt_s14cLGrayFM {padding-right:10px;} .st_inner_w {height:460px; margin-top:20px; overflow:hidden;} .sti_test {float:left; width:674px; height:100%; padding:20px 25px 40px; border:1px solid #dbdbdb; border-radius:5px; overflow-y:auto;} .stit_tit {margin-top:20px;} .stit_tit:first-child {margin-top:0;} .stit_tit .txtLabel_cMint {min-width:57px; height:24px; margin-right:10px; font-size:14px; border-radius:5px; vertical-align:middle;} .stit_tit .txt_s16cBlackFM {max-width:85%; vertical-align:text-top;} .stit_cont {padding-top:12px;} .stit_cont img {display:block; max-width:100%; max-height:244px; margin:0 auto; margin-top:5px; margin-bottom:5px;} .stit_cont .inp_txtArea {margin-top:10px;} .stit_cont .inp_txtArea textarea {height:150px; border-radius:0;} [class^="formGroup_test_radio"] {padding-top:20px;} .formGroup_test_radioTy2 {text-align:center; overflow:hidden;} .formGroup_test_radio .inp_radio {display:block;} .formGroup_test_radio .inp_radio + .inp_radio {margin-top:13px;} .formGroup_test_radio .icon_radio {margin-right:10px;} .formGroup_test_radio .inp_radio .txt_s16cBlack {font-weight:400; letter-spacing:-1.2px;} .formGroup_test_radio .inp_radio .txt_s16cBlack + .txt_s16cBlack {max-width:90%; padding-left:10px; vertical-align:text-top;} .stit_cont .formGroup_test_radio img {margin-bottom:0;} [class^="inp_radio_ox"] {width:260px; height:260px; padding:80px 10px; text-align:center;} [class^="inp_radio_ox"] + [class^="inp_radio_ox"] {margin-left:17px;} [class^="inp_radio_ox"] .icon_radio {width:100px; height:100px;} [class^="inp_radio_ox"] .txt_ox {position:absolute; top:0; left:0; width:100%; height:100%; font-size:0; border:1px solid #dbdbdb; border-radius:5px;} [class^="inp_radio_ox"] .icon_radio + [class^="txt_"] {margin-left:0;} .inp_radio_ox_o .icon_radio {background-image:url('../images/common/icon_ox_o.png');} .inp_radio_ox_x .icon_radio {background-image:url('../images/common/icon_ox_x.png');} .inp_radio_ox_o input[type="radio"]:checked + .icon_radio {background-image:url('../images/common/icon_ox_o_on.png');} .inp_radio_ox_x input[type="radio"]:checked + .icon_radio {background-image:url('../images/common/icon_ox_x_on.png');} [class^="inp_radio_ox"] input[type="radio"]:checked + .icon_radio + .txt_ox {border-color:#27b5ac;} .sc_result_w {margin-top:25px; border-top:1px solid #333;} .sc_result_w .scr_tit {padding:10px; background:#f8f8f8; overflow:hidden;} .scr_answer {float:left;} .scr_answer [class^="icon_ox_"] {width:18px; height:18px; margin-right:5px; background-repeat:no-repeat; background-size:18px auto; background-position:center;} .scr_answer .icon_ox_o {background-image:url('../images/common/icon_answer_o.png');} .scr_answer .icon_ox_x {background-image:url('../images/common/icon_answer_x.png');} .scr_tit .scr_score {float:right;} .scr_score [class^="txt_s14"] + .txt_s14cDarkFM {position:relative; padding-left:15px;} .scr_score [class^="txt_s14"] + .txt_s14cDarkFM:before {position:absolute; top:3px; left:5px; width:1px; height:13px; background:#898989; transform:rotate(20deg); content:'';} .scr_info {padding:12px; border-bottom:1px solid #e6e6e6;} .scr_info .txt_s14cDarkFS {display:block;} .scr_info .txt_s14cDarkFM + .txt_s14cDarkFS {padding-top:13px;} .scr_info img {max-width:100%; max-height:138px; margin-bottom:0;} .inp_radio.correct input[type="radio"]:checked + .icon_radio + .txt_s16cBlack, .inp_radio.correct input[type="radio"]:checked + .icon_radio + .txt_s16cBlack + .txt_s16cBlack {color:#27b5ac; font-weight:500;} .inp_radio.answer input[type="radio"] + .icon_radio + .txt_s16cBlack, .inp_radio.answer input[type="radio"] + .icon_radio + .txt_s16cBlack + .txt_s16cBlack {color:#ed1c24; font-weight:500;} .inp_radio_ox_o.answer input[type="radio"] + .icon_radio {background-image:url('../images/common/icon_ox_o_red.png');} .inp_radio_ox_x.answer input[type="radio"] + .icon_radio {background-image:url('../images/common/icon_ox_x_red.png');} .sti_status {float:right; width:250px;} .btn_grayLineh50_status {display:none;} .stis_tit {padding-bottom:15px; overflow:hidden;} .stis_tit .txt_s14cBlackFM + .txt_s14cBlackFM {float:right; padding-top:4px;} .stis_lists {max-height:344px; border-top:1px solid #121212; overflow-y:auto;} .stis_list + .stis_list {border-top:1px solid #dbdbdb;} .stis_list [class^="txt_"] {display:inline-block; text-align:center;} .stis_list .txt_s12cBlacFM {width:70px; padding:12px 10px; background:#f8f8f8;} .stis_list.active .txt_s12cBlacFM {background:#eaf5f5;} .stis_list [class^="txt_s14"] {width:calc(100% - 75px);} .stis_list [class^="icon_ox_"] {width:calc(100% - 75px); height:18px; background-repeat:no-repeat; background-size:18px auto; background-position:center;} .stis_list .icon_ox_o {background-image:url('../images/common/icon_ox_o_s.png');} .stis_list .icon_ox_x {background-image:url('../images/common/icon_ox_x_s.png');} .pop_wrap_studyTest .pop_footer {position:absolute; bottom:0; right:0; padding:22px 40px;} .pop_wrap_studyTest .pop_footer [class^="btnIcon"] {width:121px; min-width:121px;} .pop_wrap_studyTest .btnIconGray_prev {background-position:25px center;} .pop_wrap_studyTest .btnIconBlue_next {background-position:calc(100% - 25px) center;} /* 과제 제출/결과보기 팝업 */ .sa_report_w {padding:10px 0 20px;} .sa_report_w .file_lists_sw {padding-top:30px;} .sa_report_w .af_slist .link_file {background-color:#f8f8f8;} [class^="ra_apply"] {padding-top:20px; border-top:1px solid #333;} [class^="ra_apply"] > .txt_s16cBlack {display:block; margin-bottom:22px; padding-left:26px; background:url('../images/common/icon_report.png') left center no-repeat; background-size:20px auto;} .ra_apply_result > .txt_s16cBlack {display:block; margin-bottom:22px; padding-left:26px; background:url('../images/common/btn_modify_dark_s.png') left center no-repeat; background-size:20px auto;} .ra_apply .study_info_head + .sa_report_w {padding-top:20px;} .rar_lists {padding:15px 20px; background:#f8f8f8; border:1px solid #e6e6e6;} .rar_lists .txt_s16cDark {width:80px;} .rar_lists .txt_s16cDarkFM {width:calc(100% - 100px); vertical-align:text-top;} .pop_wrap_alert.studyApply .pop_content {padding:30px 40px 0;} .pop_wrap_alert.studyApply .pop_footer {padding:25px 40px 20px;} .pop_wrap_alert.studyApply .pop_footer .btn_primaryh40_close {width:130px;} /* 설문참여 팝업 */ .study_progress_bar {position:absolute; top:76px; left:0; width:100%;} .study_progress_bar .grap_x {width:100%;} .study_progress_bar .grap_x .gWrap {width:100%; height:2px; background:#e6e6e6;} .study_info_head .tit_s20cBlackFS {display:block;} .study_info_head .txt_s16cLGray {padding-top:8px; font-weight:400;} .study_info_head .txt_s16cLGray .FB {padding-right:7px;} .status_dot_w {position:absolute; bottom:20px; right:0;} .sd_list {float:left; width:12px; height:12px; background:#ccc; border-radius:50%; font-size:0; text-align:center;} .sd_list + .sd_list {margin-left:8px;} .sd_list.complete {background:#27b5ac;} .sd_list.active {width:20px; height:20px; padding:1px 0; margin-top:-3px; font-size:12px; color:#fff; background:#27b5ac;} .sa_container {max-height:394px; padding-top:10px; overflow-y:auto;} .sa_container > .txt_s14cLGrayFM {padding-bottom:30px;} .sa_container .survey_lists_w + .txt_s14cLGrayFM {padding-top:30px;} .survey_tite_w {padding:11px 20px; background:#f8f8f8; border-top:1px solid #333;} .survey_tite_w [class^="tit"] + [class^="tit"] {width:calc(100% - 50px); padding-left:7px; vertical-align:middle; word-break:keep-all;} .survey_tite_w .tit_s14cBlack {font-weight:900;} .survey_lists_w {} .sv_list {position:relative; min-height:51px; border-bottom:1px solid #e6e6e6;} .sv_list:first-child {border-bottom:1px solid #e6e6e6;} .sv_list:before {position:absolute; top:0; left:51px; width:1px; height:100%; background:#e6e6e6; content:''; z-index:3;} .sv_list .inp_chk_btn, .sv_list .btn_chk_s14, .sv_list .inp_radio_btn, .sv_list .btn_radio_s14 {width:100%; border:0; text-align:left;} .sv_list .inp_chk_btn .txt_s14cBlack, .sv_list .inp_radio_btn .txt_s14cBlack {position:absolute; top:17px; left:22px;} .sv_list .btn_chk_s14, .sv_list .btn_radio_s14 {min-height:51px; height:auto; padding:16px 15px 16px 80px; background:#fff; color:#333; line-height:1.4;} .sv_list .inp_chk_btn input[type="checkbox"]:checked + [class^="txt_"], .sv_list .inp_radio_btn input[type="radio"]:checked + [class^="txt_"] {font-weight:700;} .sv_list .inp_chk_btn input[type="checkbox"]:checked + [class^="txt_"] + .btn_chk_s14, .sv_list .inp_radio_btn input[type="radio"]:checked + [class^="txt_"] + .btn_radio_s14 {padding-right:70px; font-weight:700; background:rgba(39, 181, 172, 0.1); background-image:url('../images/common/icon_check_mint.png'); background-repeat:no-repeat; background-size:20px auto; background-position:calc(100% - 20px) 17px;} .sv_list.extra:before {display:none;} .sv_list.extra .btn_radio_s14 {padding-left:17px;} .sv_list.extra .inp_radio_btn input[type="radio"]:checked + .btn_radio_s14 {background:rgba(39, 181, 172, 0.1); color:#333; font-weight:700; background-image:url('../images/common/icon_check_mint.png'); background-repeat:no-repeat; background-size:20px auto; background-position:calc(100% - 20px) 17px;} .sv_extra_inp {display:none; padding:10px; border-top:1px solid #e6e6e6;} .sv_list.extra .inp_radio_btn input[type="radio"]:checked ~ .sv_extra_inp {display:block; background:rgba(39, 181, 172, 0.1);} .sa_container .inp_txtArea textarea {height:82px;} .survey_lists_w + .survey_tite_w , .inp_txtArea + .survey_tite_w {margin-top:30px;} .survey_tite_w + .inp_txtArea {padding:10px 0; border-bottom:1px solid #e6e6e6;} /* 게시판 */ .srchBox_gray {margin-bottom:20px; padding:25px 0 20px; background:#f8f8f8; border:1px solid #e6e6e6; text-align:center;} .srchBox_gray [class^="custom_select"] .select2-container .select2-selection--single {text-align:left;} .srchBox_gray [class^="custom_select"] .select2-container .select2-selection--single, .srchBox_gray [class^="custom_select"] .select2-container--default .select2-selection--single .select2-selection__arrow {height:36px;} .srchBox_gray [class^="custom_select"] .select2-container--default .select2-selection--single .select2-selection__rendered {line-height:36px;} .srchBox_gray .inp_txt_default {position:relative; width:428px; padding-right:58px; background:#fff; vertical-align:middle;} .srchBox_gray .inp_txt_default input[type="text"]::placeholder {color:#898989; font-size:13px; line-height:36px;} .srchBox_gray .inp_txt_default .btnIcon_search_gray {display:none;} .srchBox_gray .btn_scDarkhh40_srch {width:70px; height:34px; margin-left:5px; vertical-align:middle;} .srchBox_gray .btn_scDarkhh40_srch .txt_btn_name {font-size:14px;} .srchBox_gray .btn_scDarkhh40_srch + .inp_chk {margin-left:17px;} .srchBox_gray.srchMb .custom_select {display:none;} .srchBox_gray.srchMb .inp_txt_default .btnIcon_srch {display:none;} [class^="cb_btn_w"] {padding-bottom:20px; overflow:hidden;} [class^="cb_btn_w"] .btn_primaryh40_question, [class^="cb_btn_w"] .btn_primaryh40_write {float:right; width:120px;} .btn_primaryh40_question .txt_btn_name, .btn_primaryh40_write .txt_btn_name {font-size:16px;} /* 외부교육 */ .study_approval_w {padding-bottom:20px; text-align:right; overflow:hidden;} .study_approval_w [class^="txt_"] {font-weight:400;} .sap_wrap {display:inline-block; border-right:1px solid #dbdbdb;} .sap_wrap > .txt_s12cBlack {float:left; width:28px; height:88px; padding:26px 6px; background:#f8f8f8; border:1px solid #dbdbdb; letter-spacing:5px; writing-mode:vertical-rl; text-align:center;} .approv_lists {float:left; overflow:hidden;} .apv_list {position:relative; float:left; min-width:115px;} .apv_list + .apv_list {border-left:1px solid #dbdbdb;} .apv_list .apv_tit, .apv_date {display:block; padding:2px 5px; text-align:center; background:#f8f8f8; border-width:1px 0; border-style:solid; border-color:#dbdbdb; font-size:12px;} .apv_target {height:64px; text-align:center; border-bottom:1px solid #dbdbdb;} .apv_target [class^="txt_"] {display:block;} .apv_target .txt_s12cBlackFM {display:inline-block; vertical-align:middle;} .apv_target .txt_s12cBlackFM .FS {display:block; font-weight:500;} .apv_date {position:absolute; bottom:1px; left:0; width:100%; padding:1px 3px; border-bottom:0;} .table_wrap_studyTb th {position:relative;} .table_wrap_studyTb th, .table_wrap_studyTb td {padding:11px 10px 11px 20px; text-align:left;} .table_wrap_studyTb th .icon_strong {color:#f04b4d;} .table_wrap_studyTb th .btn_secondary_file {position:absolute; top:50%; right:10px; margin-top:-11px; width:73px; height:28px; margin-left:10px; line-height:0.4; background:#fff; border:1px solid #e6e6e6;} .table_wrap_studyTb th .btn_secondary_file .txt_s12 {color:#898989;} .table_wrap_studyTb .link_file {width:auto; max-width:80%; padding:0 15px 0 25px; border:0; background-position:left center;} .table_wrap_studyTb .af_slist .btnIcon_delete_gray {position:relative; top:auto; right:auto; margin-top:0; vertical-align:middle;} .box_info_gray {margin-top:10px; padding:15px 15px 10px; background:#f8f8f8; border-radius:3px;} .box_info_gray .txt_info {padding-left:26px; background:url('../images/common/icon_guide_info_gray.png') left center no-repeat; background-size:18px auto; font-size:14px; color:#333;} .table_wrap_studyTb td .box_info_gray .txt_info {font-weight:500;} .info_lists_w {padding:10px 28px; overflow:hidden;} .info_list {float:left; width:50%;} .info_list .txt_s14cGray:first-child {display:block; padding-bottom:10px;} .tableWrap_bbsList_cpReport {} .table_bbsList_cpReport th {width:134px;} .table_bbsList_cpReport tr {position:relative; border-bottom:2px solid #f2f2f2;} .table_bbsList_cpReport td {padding:11px 0 11px 20px; text-align:left; border-bottom:0;} .tableWrap_bbsList_chkReport {width:100%; border-top:1px solid #333;} .table_bbsList_chkReport th {padding:10px 5px 9px; text-align:center;} .table_bbsList_chkReport th:nth-child(1) {width:480px;} .table_bbsList_chkReport th:nth-child(n+2):nth-child(-n+6) {width:calc((100% - 480px) / 5);} .table_bbsList_chkReport th:first-child {border-left:0;} .table_bbsList_chkReport th:last-child, .table_bbsList_chkReport td:last-child {border-right:0;} .table_bbsList_chkReport td {padding:0; text-align:center; overflow:hidden;} .table_bbsList_chkReport td:first-child {border-left:0; text-align:left;} .table_bbsList_chkReport td:first-child {padding:14px 10px 14px 20px; border-left:0;} .table_bbsList_chkReport td .txt_s14cDark, .cpreport_list .txt_s14cDark {position:relative; padding-left:10px;} .table_bbsList_chkReport td .txt_s14cDark:before, .cpreport_list .txt_s14cDark:before {position:absolute; top:7px; left:1px; width:4px; height:4px; background:rgba(0,0,0,.6); border-radius:50%; content:'';} .table_bbsList_chkReport .icon_level {width:20px; height:20px; background-repeat:no-repeat; background-size:100% auto; background-position:center;} .inp_radio_level {width:100%; transition:all .3s ease;} .inp_radio_level input[type="radio"]:checked + .icon_level {background-image:url('../images/common/icon_check_mint.png'); z-index:3;} .inp_radio_level input[type="radio"]:checked + .icon_level:before {position:absolute; top:-100%; left:0; width:100vw; height:300%; background:rgba(39, 181, 172, 0.1); content:''; z-index:1;} .cpreport_list {padding:10px 20px 6px 20px; border-bottom:1px solid rgba(0, 0, 0, 0.05);} .cpreport_list:last-child {border-bottom:0;} .cpreport_list .inp_txtArea {padding-top:10px;} .cpreport_list .inp_txtArea textarea {height:80px;} .srt_list {position:relative; padding:25px 30px 21px 110px; background:#f8f8f8; border-radius:5px; text-align:left;} .srt_list + .srt_list {margin-top:10px;} .srt_list [class^="icon_"] {position:absolute; top:50%; left:30px; width:60px; height:60px; margin-top:-30px; background-repeat:no-repeat; background-size:100% auto; background-position:center;} .srt_list .icon_phone {background-image:url('../images/common/icon_phone.png');} .srt_list .icon_lock {background-image:url('../images/common/icon_lock.png');} .srt_list .icon_ipin {background-image:url('../images/common/icon_ipin.png');} .srt_list .txt_s16cBlack {display:block; padding-top:2px;} .srt_list .btn_primaryh40 {position:absolute; top:50%; right:30px; width:96px; margin-top:-20px;} .srt_list .btn_primaryh40 .txt_btn_name {font-size:14px;} .pop_wrap_stApply2 .apply_contain_inp {padding:0;} /* 학습_신청/취소 탭 */ .top_slct_wL {margin:25px 0 10px;} .top_slct_wL .custom_select {float:left;} .top_slct_wL .custom_select .select2-container, .top_slct_wA .custom_select .select2-container {width:158px !important;} .contBox_study .cwl_list .thumb_cont .tools_btn_w {position:absolute; bottom:12px; right:0;} .contBox_study .tc_info + .tc_info {margin-top:-3px; padding-top:0;} .pop_wrap_studyNoti .pop_content {text-align:left;} .pop_wrap_studyNoti .sn_box {min-height:90px;} .pop_wrap_studyNoti .inp_txtArea_gray textarea {height:203px; border:1px solid #e6e6e6;} /* 학습_학습완료 탭 */ .top_slct_wA {margin:10px 0 20px;} .top_slct_wA .custom_select {float:unset;} .sw_left .txt_s14cBlack + .custom_select {margin-left:10px;} .sw_left {float:left;} .sl_sort_lists {display:inline-block; padding:3px; background:#f2f2f2; border-radius:3px; overflow:hidden; vertical-align:middle;} .ssl_list {float:left;} .ssl_list .btn_whiteh30 {min-width:128px; padding:3px 34px;} .ssl_list.active .btn_whiteh30 {background:#fff;} .ssl_list .btn_whiteh30 .txt_btn_name {font-size:14px; color:#b3b3b3;} .ssl_list.active .btn_whiteh30 .txt_btn_name {color:#333;} .sw_right {float:right; padding-top:4px;} .sw_right [class^="sw_"] {padding:0 8px 0 26px; background-repeat:no-repeat; background-size:20px auto; background-position:left center;} .sw_time {background-image:url('../images/common/icon_clock.png');} .sw_money {background-image:url('../images/common/icon_money.png');} .sw_right .txt_s16cDark + [class^="sw_"] {margin-left:20px;} .sw_right .swr_list {display:inline-block;} .swr_list + .swr_list {margin-left:10px;} .table_wrap_stContents th, .table_wrap_stContents td {border:0;} .table_wrap_stContents th {padding:12px 10px;} .table_wrap_stContents tr {border-bottom:1px solid #e6e6e6;} .table_wrap_stContents td:first-child {padding:20px 15px 20px 0;} .table_wrap_stContents .thumbnail_col {height:134px;} .table_wrap_stContents .thumbnail_col .thumb_img {width:190px; height:134px; font-size:unset;} .table_wrap_stContents .thumb_cont {padding:8px 0 0 220px; text-align:left;} .table_wrap_stContents td [class*=FS] {font-weight:700;} .table_wrap_stContents [class^="btn_"] {width:63px; height:42px;} .table_wrap_stContents .btn_grayLineh40:hover {border-color:#dadada;} .table_wrap_stContents [class^="btn_"] .txt_btn_name {font-size:12px; line-height:2;} .table_wrap_stContents .btn_grayLineh40 .txt_btn_name {font-size:12px; color:#333;} .table_wrap_stContents .btn_write .txt_btn_name {font-size:16px; color:#333; opacity:.8;} .table_wrap_stContents .btn_write:hover .txt_btn_name {opacity:1;} .table_wrap_stContents td [class^="txt_"] + .guide_btn_w, .table_wrap_stContents td .link_subj_result {display:block;} .table_wrap_stContents .btnIcon_viewGuide {width:auto; background-image:none;} .table_wrap_stContents .btnIcon_viewGuide .txt_btn_name {font-size:14px; color:#333; padding-right:11px; background:url('../images/common/arrow_right_dark.png') right center no-repeat; background-size:8px auto;} .table_wrap_stContents .link_subj_result .txt_s14cDark {padding-right:11px; background:url('../images/common/arrow_right_dark.png') right center no-repeat; background-size:8px auto;} .table_wrap_stContents .lg_inner {text-align:left;} .pop_wrap_stRate .txt_s16cBlackFM, .pop_wrap_stRate .formGroup_rdStar .txt_s20cBlack {display:block;} .pop_wrap_stRate .txt_s16cBlackFM {padding:10px 0 15px;} .pop_wrap_stRate .formGroup_rdStar .txt_s20cBlack {padding-top:10px;} .pop_wrap_stRate [class^="icon_star"] {width:22px; height:44px; background-image:url('../images/common/icon_star_b_off.png')} .pop_wrap_stRate input[type="radio"]:checked + [class^="icon_star"] {width:22px; height:44px; background-image:url('../images/common/icon_star_b_on.png')} .pop_wrap_stRate .formGroup_rdStar .txt_s20cBlack {letter-spacing:0; font-weight:700;} .pop_wrap_stRate .inp_txtArea_gray {margin-top:40px; border:1px solid #dbdbdb; border-radius:3px;} .pop_wrap_stRate .inp_txtArea_gray textarea {height:203px;} /* 학습_소셜러닝 탭 */ .st_social_lists {} .sts_list {position:relative; min-height:140px; padding:25px 115px; border-bottom:1px solid #dbdbdb;} .sts_list .link_subj {display:block;} .sts_list .sts_label {position:absolute; top:50%; left:0; width:90px; height:90px; margin-top:-45px; padding:33px 5px; text-align:center; font-size:16px; color:#fff; background:#27b5ac; border-radius:5px;} .sts_list .txt_s20cDark {margin-bottom:10px;} .sts_info [class^="txt_"] {font-weight:400;} .sts_info .txt_s14cLGray + .txt_s14cBlack {padding-left:5px;} .sts_info .txt_s14cBlack + .txt_s14cLGray {position:relative; padding-left:15px;} .sts_info .txt_s14cBlack + .txt_s14cLGray:before {position:absolute; top:8px; left:4px; width:3px; height:3px; background:#898989; border-radius:50%; content:'';} /* 학습_소셜러닝 탭 */ .social .cb_inner > .tit_s24cBlackFS {display:block; padding-bottom:17px;} /* 소셜러닝 */ .social .table_wrap_stLists td [class^="txt_s14c"] + .txt_s14cDark {position:relative; padding-left:8px;} .social .table_wrap_stLists td [class^="txt_s14c"] + .txt_s14cDark:before {position:absolute; top:10px; left:1px; width:2px; height:2px; background:#898989; content:'';} .rep_top_w {position:relative; margin:20px 0 10px;} .rep_top_w .rt_sort {position:absolute; top:50%; right:0; margin-top:-14px;} .rt_sort .btn_sort + .btn_sort {position:relative; margin-left:15px;} .rt_sort .btn_sort + .btn_sort:before {position:absolute; top:3px; left:-9px; width:1px; height:14px; background:rgba(0,0,0,.4); content:'';} .rt_sort .btn_sort .txt_btn_name {font-size:14px; font-weight:400; color:#898989;} .rt_sort .btn_sort.active .txt_btn_name {color:#121212;} .bottom_btn_study + .rep_top_w {margin-top:40px;} .social .paging_w_ty3 + .bottom_btn_study {margin-top:-30px;} .gal_lists_w {position:relative; top:-30px; left:-16px; width:calc(100% + 16px); overflow:hidden;} .gal_list {float:left; margin:30px 0 0 16px;} /* 마이크로러닝 첨부 팝업 */ .srch_multi_w {padding:20px; border:1px solid #e6e6e6; background:#f8f8f8; text-align:left;} .schm_list + .schm_list {margin-top:7px;} .slbox_lists {display:table; table-layout:fixed; width:100%;} .slbox_lists .slbox_list {display:table-cell; padding:3px;} .slbox_list .custom_select {width:100%;} .slbox_list .custom_select .select2-container {width:100% !important; font-size:14px;} .slbox_list .custom_select .select2-container .select2-selection--single {height:40px;} .slbox_list .custom_select .select2-container--default .select2-selection--single .select2-selection__rendered {line-height:40px;} .slbox_list .custom_select .select2-container--default .select2-selection--single .select2-selection__arrow {height:38px;} .schm_list .inp_txt_srchGray {width:calc(100% - 6px); margin-left:3px;} .mico_lists_w {margin-top:10px; text-align:left;} .micro_list {position:relative; padding:18px 0 18px 38px; border-bottom:1px solid #e6e6e6;} .micro_list .inp_radio {width:100%; letter-spacing:-0.5px;} .micro_list .icon_radio {position:absolute; top:50%; left:-38px; margin-top:-9px; background-image:url('../images/common/icon_step_off.png');} .micro_list .inp_radio input[type="radio"]:checked + .icon_radio {background-image:url('../images/common/icon_step_on.png');} .micro_list .thumb_img {width:160px; height:96px;} /* 마이페이지 */ /* 마이페이지 메인 */ [class^="box_Gline"] {position:relative; min-height:89px; padding:30px; background:#fff; border:1px solid #dbdbdb; border-radius:5px;} [class^="box_Gline"] + [class^="box_Gline"], .mgm_box_banner + [class^="box_Gline"] {margin-top:20px;} .mgm_box_banner {height:77px;} [class^="box_Gline"] > [class^="tit_"] {position:absolute; top:30px; left:30px;} [class^="box_Gline"] > [class^="tit_"] .txt_s16cLGrayFT {display:block;} .box_Gline .link_more {position:absolute; bottom:30px; left:30px; padding-right:21px; background:url('../images/common/arrow_right_gray_s.png') right center no-repeat; background-size:16px auto;} .mp_status_lists {display:table; table-layout:fixed; width:100%; padding:0 138px 0 126px;} .ms_list {display:table-cell; text-align:center; border-right:1px solid #e6e6e6;} .msl_link {display:block;} .msl_link [class^="txt_"] {display:block;} .mp_status_sub {position:absolute; top:30px; right:30px; width:137px; height:100px; padding:18px 0 30px 19px;} .mss_list + .mss_list {padding-top:15px;} .mss_list .msl_link {position:relative;} .msl_link .txt_s16cBlackFM {position:absolute; top:0; right:1px;} .bg_sub_info {position:absolute; top:79px; left:30px; font-size:16px;} .mg_like_lists {padding:0 0 0 181px; overflow:hidden;} .mgl_list {float:left;} .mgl_list + .mgl_list {margin-left:20px;} .mgl_list .thumbnail_default {width:195px; border:1px solid #dbdbdb; box-shadow:none;} .mgl_list .thumbnail_default:hover {transform:translateY(0);} .mgl_list .thumb_img {width:calc(100% + 1px); height:92px;} .mgl_list .txtLabel_cBlack {position:absolute; top:0; left:0; min-width:69px; height:26px; padding:7px 5px; background:rgba(18, 18, 18, 0.8); border-radius:5px 0 5px 0; z-index:2;} .mgl_list .inp_chk_like {position:absolute; bottom:0; left:0; width:101%; height:27px; background:rgba(18, 18, 18, 0.6); z-index:9;} .mgl_list .inp_chk_like .icon_heart {width:16px; height:32px; margin-bottom:-8px; margin-left:-18px; background-image:url('../images/common/icon_heart_white.png'); background-size:15px auto;} .mgl_list .inp_chk_like .txt_s12cWhite {width:100%; padding:5px 5px 5px 101px; font-size:12px; font-weight:400;} .mgl_list .inp_chk_like input[type="checkbox"]:checked ~ .txt_s12cWhite {color:#27b5ac; background:rgba(255, 255, 255, 0.8);} .mgl_list .inp_chk_like input[type="checkbox"]:checked + .icon_heart:before {width:16px; height:32px; background-size:15px auto; animation:poof 1s ease;} .mgl_list .tiw_layer {border-radius:5px 5px 0 0;} .mgl_list .tiw_layer .tit_s14cWhite_ellipsisC2 {font-size:14px;} .mgl_list .thumb_cont {position:relative; padding:5px 8px 10px;} .mgl_list .tc_top {padding-bottom:8px;} .mgl_list .tc_top [class^="txt_"] + [class^="txt_"]:before {top:1px; left:2px; height:11px;} .mgl_list .tc_info [class^="txt_"] {font-size:12px; background-size:15px auto;} .mgl_list .tc_info_r {overflow:hidden;} .mgl_list .tc_info_r [class^="txt_"] {padding-left:18px;} .mgl_list .tc_info_r [class^="txt_"] + [class^="txt_"] {margin-left:4px;} .mgl_list .tc_info_r .inp_chk_like {margin-left:2px;} .mgl_list .tc_info_r .inp_chk_like .icon_heart {width:16px; height:16px; left:0; margin-left:0; margin-top:-9px;} .mgl_list .tools_btn_w {position:absolute; top:8px; right:0;} .mgl_list .btnIcon_tools {width:20px; height:20px; background-size:4px 15px;} .mgl_list [class^="btn_"] {width:100%; padding:6px 5px 8px;} .mgl_list [class^="btn_"] + [class^="btn_"] {border-top:1px solid #ebebeb;} .mgl_list [class^="btn_"]:hover [class^="txt_"] {color:#121212} .box_Gline .inner_noData {margin-left:182px; padding:30px;} .box_Gline .inner_noData .icon_noData, .box_Gline_myconts .inner_noData .icon_noData {width:135px; height:100px; margin-bottom:5px;} .mg_menu_w {display:none;} .box_Gline_apply {min-height:160px; padding-right:0;} .box_Gline_apply .bg_sub_info {top:108px;} .box_Gline_apply .guide_btn_w {display:none;} .bga_lists {display:table; table-layout:fixed; width:100%; padding-left:280px;} .bga_list {display:table-cell;} .bga_link .txtLabel_cMint, .bga_link .txtLabel_cDark {min-width:84px; height:24px; padding:6px 20px; margin-bottom:6px; border-radius:12px;} .bga_link .txtLabel_cDark {background:#ccc; color:#898989;} .bga_link [class^="txt_"] {display:block; font-weight:400;} .bga_link .txt_s24cBlack {padding-top:2px;} .box_grid_w {margin:20px 0; overflow:hidden;} .box_grid_w [class^="box_Gline_"] {float:left; height:376px; margin-top:0; padding-top:77px; vertical-align:top;} .box_grid_w [class^="box_Gline_"] + [class^="box_Gline_"] {margin-left:20px;} .box_Gline_medium {width:388px;} .box_Gline_medium .custom_select {position:absolute; top:30px; right:30px; width:90px;} .box_Gline_medium .custom_select .select2-container {width:90px !important;} .bg_graph_w {height:calc(100% - 30px); margin-top:17px; overflow-y:auto;} .bgg_list {position:relative; padding:15px 0;} .bgg_list + .bgg_list {border-top:1px solid #dbdbdb;} .bgg_list .grap_x .txt_s14cDark_ellipsis {position:relative; top:5px; width:112px;} .bgg_list .grap_x .txt_s14cMint {position:absolute; top:50%; right:5px; margin-top:-10px;} .bgg_list .grap_x .gWrap {width:175px; height:8px; background:#dbdbdb;} .bgg_list .grap_x .gBar {height:8px;} .box_Gline_medium .bg_chart_w {position:relative; width:195px; height:238px;} .box_Gline_medium .bg_chart_w .c100 {background-color:rgba(39, 181, 172, 0.1); font-size:195px} .box_Gline_medium .bg_chart_w .c100:after {margin:0; width:0.85em; height:0.85em; background-color:#fff; transform: translate(-50%,-50%);} .box_Gline_medium .bg_chart_w [class^="c100 p"] .fill, .box_Gline_medium .bg_chart_w [class^="c100 p"] .bar {border-color:#27b5ac;} .bg_chart_w {position:relative; width:100%; height:195px; padding-top:40px;} .bg_chart_w .bc_num_w {position:absolute; top:110px; left:50%; width:60px; margin-left:-30px; text-align:center;} .bc_num_w [class^="txt_"] {display:block;} .bc_num_w .txt_s26cBlack {font-weight:900;} .bg_chart_w .mc_info {position:absolute; top:30px; right:-130px;} .mci_list {width:105px; padding:10px 0; text-align:center;} .mci_list + .mci_list {border-top:1px solid #dbdbdb;} .mci_list [class^="txt_"] .numFM {display:block; padding-top:5px; font-size:12px;} .box_Gline_small {width:268px;} .box_Gline_small .btnIcon_filter {position:absolute; top:30px; right:30px; width:24px; height:24px; background:url('../images/common/btn_filter.png') no-repeat; background-size:100% auto;} .box_Gline_small .keyword_lists_w {max-height:100%; overflow-y:auto;} .box_Gline_small .kw_list {margin:0 15px 15px 0;} .box_Gline_small .kw_list .link_keyword {min-width:auto; height:30px; padding:5px 13px; border:1px solid rgba(39, 181, 172, 0.1); background:rgba(39, 181, 172, 0.1); border-radius:3px; color:#27b5ac; font-weight:700;} .box_Gline_myconts .inner_noData {margin-left:182px; padding:44px;} [class^="bg_banner_"] {margin-left:180px; background:#f3f3f3; border-radius:5px;} [class^="bg_banner_"] .link_subj {position:relative; display:block; padding:35px 30px; background:url('../images/common/arrow_link_round.png') calc(100% - 49px) center no-repeat; background-size:90px auto;} [class^="bg_banner_"] .link_subj:hover {background:url('../images/common/arrow_link_round.png') calc(100% - 39px) center no-repeat; background-size:90px auto;} [class^="bg_banner_"] .tit_s20cDark {display:block; padding-bottom:8px; font-weight:700;} [class^="bg_banner_"] .link_subj .txt_s18cDark {position:absolute; top:50%; right:63px; margin-top:-46px; font-weight:400; transition:all .4s ease;} [class^="bg_banner_"] .link_subj:hover .txt_s18cDark {right:53px;} .bg_banner_r {background:#fff;} .bg_banner_r .link_subj {padding:10px 0; background:url('../images/common/arrow_link_round_gray.png') calc(100% - 49px) center no-repeat; background-size:90px auto;} .bg_banner_r .link_subj:hover {background:url('../images/common/arrow_link_round_gray.png') calc(100% - 39px) center no-repeat; background-size:90px auto;} .bg_banner_r img {display:inline-block; width:102px; height:170px; margin-right:45px; vertical-align:middle;} .bgb_info {display:inline-block; width:calc(100% - 155px); vertical-align:middle;} .bgb_info [class^="txt_"] {display:block;} .bgb_info [class^="txt_"] + [class^="txt_"] {padding-top:8px;} .mg_box_blue {min-height:50px; margin:20px 0; padding:14px 58px; background:#565656 url('../images/common/btn_guide_info.png') 20px center no-repeat; background-size:18px auto; border:1px solid #eee; border-radius:3px;} .mg_box_blue .txt_s14cDarkFM, .mg_box_blue .txt_s14cWhiteFM {display:inline; padding-right:10px;} .mg_box_blue .txt_s14cWhiteFM_ellipsis {max-width:60%; vertical-align:middle;} .mg_box_blue .txt_s14cMintFM {padding-left:5px;} .mg_box_blue .ts_tit {font-size:15px; font-weight:500;} /* 마이페이지 > 내 sme 채널 */ .box_Gline .bg_btn_right {position:absolute; top:24px; right:30px;} .bg_btn_right [class^="btn_"] {padding:7px 30px;} .bg_btn_right [class^="btn_"] + [class^="btn_"] {margin-left:5px;} .bg_btn_right [class^="btn_"] .txt_btn_name {font-size:16px;} .box_Gline_np {padding:0;} .sme_mini .cst_img_w {height:250px; border-radius:5px 5px 0 0; overflow:visible;} .sme_mini .cst_img_w:before, .sme_mini .cst_img_w img {border-radius:5px 5px 0 0;} .cst_img_w .btn_secondary_file {width:100%; height:100%; padding:0; background:none; z-index:9;} .cst_img_w .txt_cWhite {position:absolute; left:22px; bottom:14px; padding:4px 12px; font-size:12px; font-weight:400; background:rgba(18, 18, 18, 0.8); z-index:9; border-radius:5px;} .cst_img_w .guide_btn_w {position:absolute; right:30px; bottom:-15px; height:30px; z-index:9;} .cst_img_w .btnIcon_imgModify {width:30px; height:30px; background:url('../images/common/btn_profile_modify_b.png') center no-repeat; background-size:100% auto; z-index:9;} .cst_img_w .guide_layer_topCenter {bottom:calc(100% + 12px)} .sme_mini [class^="guide_layer"] .lg_inner {padding:1px 10px 2px;} .sme_mini [class^="guide_layer"] .lg_cont [class^="txt_"] {letter-spacing:0;} .sme_mini .tsw_img .btnIcon_imgModify {position:absolute; top:0; right:0;} .sme_mini .cb_sme_cont {width:100%; min-height:120px; padding:32px 45px 25px 125px;} .sme_mini .csc_profile {width:345px;} .sme_mini .csc_profile .tsw_img {width:70px; height:70px; top:25px; left:30px; background:url('../images/common/bg_profile_default.png') no-repeat; background-size:100% auto;} .tsw_img .guide_layer_bottomRight {width:194px; left:13px; top:calc(100% - 22px);} .sme_mini .guide_layer_bottomRight .lg_inner {padding:0 10px 1px;} .sme_mini .guide_layer_bottomRight .lg_inner:before {left:-5px; top:7px;} .sme_mini .csc_profile .txt_s24cBlack + .txt_s14cLGray {padding-top:6px;} .sme_mini .csc_profile .btnIcon_modify {margin-top:-3px; vertical-align:text-top;} .sme_mini .csc_list [class^="icon_"] {width:20px; height:20px;} .sme_mini .csc_list .txt_s14cDark {font-weight:400;} .sme_mini .csc_list .txt_s16cDark {display:block; padding-top:5px;} .box_Gline_keyword {padding-left:213px;} .keyword_lists_blue {display:inline; overflow:hidden;} .keyword_lists_blue .kw_list {float:none; display:inline-block; padding:1px 8px 1px 15px; background:rgba(39, 181, 172, 0.1); border-radius:3px;} .keyword_lists_blue .kw_list .link_keyword {display:inline-block; min-width:auto; padding:0; border:0; color:#27b5ac; font-size:14px;} .keyword_lists_blue .btnIcon_delete {width:24px; height:24px; background:url('../images/common/btn_delete_mint.png') center no-repeat; background-size:16px auto; vertical-align:middle;} .kw_new_w {position:relative; display:inline-block; margin-left:20px; vertical-align:bottom;} .kw_new_w .inp_txt_default {width:200px; border-width:0 0 1px 0; border-radius:0;} .kw_new_w .inp_txt_default.on {border-color:#121212;} .kwn_layer {display:none; position:absolute; left:0; top:40px; width:200px; max-height:115px; border:1px solid #dbdbdb; background:#fff; z-index:2; overflow:auto;} .kwn_layer .kl_list {cursor:pointer;} .kwn_layer .kl_list .txt_s14cDark {display:block; font-size:13px; padding:5px 12px;} .kw_new_w .btn_primaryh30 {width:56px; margin-left:5px; vertical-align:super; opacity:0; transform:scale(0); transition:all .2s ease-in-out;} .kw_new_w.active .btn_primaryh30 {opacity:1; transform:scale(1);} .kw_new_w .txt_btn_name {font-size:14px;} .box_Gline_myconts .custom_select {position:absolute; top:109px; left:30px; width:96px;} .bg_mc_sorts {position:absolute; top:169px; left:30px;} .bg_mc_sorts .inp_chk {display:block;} .box_Gline_myconts .paging_w {padding-left:183px;} /* 반려사유보기 팝업 */ .pop_wrap_rjreason .pop_content {text-align:left;} .rr_mem {border-bottom:1px solid #ccc; padding-bottom:10px; margin-bottom:30px;} .rr_mem .txt_s14cBlack {padding-right:15px;} .pop_wrap_rjreason .txt_s16cDarkFM {max-height:190px; overflow-y:auto;} /* 콘텐츠 등록 */ .contType_box {position:relative;} .piece_type_w {border-radius:6px; overflow:hidden; background:#fff; border:1px solid #dbdbdb;} .pt_list {position:relative; float:left; width:calc(100% / 7);} .pt_list + .pt_list:before {position:absolute; top:50%; left:-1px; width:1px; height:50px; margin-top:-25px; background:#e6e6e6; content:'';} [class^="btn_type_"] {display:block; width:100%; height:100%; padding:20px 10px 19px; text-align:center;} .pt_list [class^="btn_type_"].active {background:rgba(39, 181, 172, 0.1);;} [class^="btn_type_"] [class^="icon_type_"] {display:block; width:100%; height:24px; margin-bottom:9px; background-repeat:no-repeat; background-size:24px auto; background-position:center;} .icon_type_video {background-image:url('../images/mypage/btn_type_video.png');} .icon_type_audio {background-image:url('../images/mypage/btn_type_audio.png');} .icon_type_play {background-image:url('../images/mypage/btn_type_play.png');} .icon_type_card {background-image:url('../images/mypage/btn_type_card.png');} .icon_type_link {background-image:url('../images/mypage/btn_type_link.png');} .icon_type_pdf {background-image:url('../images/mypage/btn_type_pdf.png');} .icon_type_text {background-image:url('../images/mypage/btn_type_text.png');} [class^="btn_type_"]:hover .icon_type_video, [class^="btn_type_"].active .icon_type_video {background-image:url('../images/mypage/btn_type_video_on.png');} [class^="btn_type_"]:hover .icon_type_audio, [class^="btn_type_"].active .icon_type_audio {background-image:url('../images/mypage/btn_type_audio_on.png');} [class^="btn_type_"]:hover .icon_type_play, [class^="btn_type_"].active .icon_type_play {background-image:url('../images/mypage/btn_type_play_on.png');} [class^="btn_type_"]:hover .icon_type_card, [class^="btn_type_"].active .icon_type_card {background-image:url('../images/mypage/btn_type_card_on.png');} [class^="btn_type_"]:hover .icon_type_link, [class^="btn_type_"].active .icon_type_link {background-image:url('../images/mypage/btn_type_link_on.png');} [class^="btn_type_"]:hover .icon_type_pdf, [class^="btn_type_"].active .icon_type_pdf {background-image:url('../images/mypage/btn_type_pdf_on.png');} [class^="btn_type_"]:hover .icon_type_text, [class^="btn_type_"].active .icon_type_text {background-image:url('../images/mypage/btn_type_text_on.png');} [class^="btn_type_"]:hover .txt_s14cLGray, [class^="btn_type_"].active .txt_s14cLGray {color:#27b5ac;} .contType_slct_w {display:none;} .contType_inner {margin-top:20px; background:#fff; border:1px solid #dbdbdb; border-radius:6px; overflow:hidden;} .contType_inner [class^="cti_"] {min-height:650px; max-height:998px; overflow-y:auto;} .cti_cont {float:left; width:calc(100% - 312px); padding:40px 20px 40px 30px;} .piece_w_write {} .piece_w_write .inp_txt_board {padding-bottom:20px; border:0; border-bottom:1px solid rgba(0,0,0,.2);} .piece_w_write .inp_txt_board .h40s26cBlack3 {padding:0;} .piece_w_write .inp_txt_board input[type="text"]::placeholder {position:relative; color:rgba(0,0,0,.3); background:url('../images/common/icon_required.png') no-repeat; background-size:13px auto; background-position:230px 1px;} .ctic_sub {position:relative; padding:20px 0; font-weight:400;} .ctic_sub .tit_s18cBlack {font-weight:400;} .ctic_sub .txt_s12cLGrayFM {padding-left:10px;} .ctic_sub .cs_tit_ellipsis {position:absolute; top:26px; right:80px; max-width:315px; font-size:0.667em; color:rgba(0,0,0,.8);} .ctic_sub .btn_secondary_file, .ctic_sub .cs_btn_w {float:right; margin-top:2px;} .cs_btn_w [class^="btn_"] {float:left; padding:1px 17px; min-width:53px;} .cs_btn_w .btn_scDark30 {height:24px; line-height:.5;} .cs_btn_w [class^="btn_"] + [class^="btn_"] {margin-left:8px;} .cs_btn_w .btn_scDark30 + .btn_secondary_file {margin-top:0;} .cs_btn_w [class^="btn_"] .txt_s12 {font-weight:400;} .ctic_sub + .bwv_edit {padding-top:0;} .formGroup_ctic {padding-bottom:10px; overflow:hidden;} .formGroup_ctic .inp_txt_default {float:left; width:calc(100% - 93px); height:42px; background:#fff;} .formGroup_ctic .inp_txt_default .s14cDark {height:42px;} .piece_w_write .formGroup_ctic .inp_txt_default input[type="text"]::placeholder {background:none;} .formGroup_ctic .btn_scDarkh40 {float:right; width:87px; height:42px; line-height:.5;} .formGroup_ctic .btn_scDarkh40 .txt_btn_name {font-size:12px; font-weight:400;} .bwv_edit textarea {height:400px;} .piece_w_write .file_lists_sw {padding-bottom:15px;} .piece_w_write .file_lists_sw .link_file {background:none; padding:6px 50px 7px 10px; border-color:#dbdbdb;} .piece_w_write .video_player_w {position:relative;} .piece_w_write .video_player_w video {width:100%; height:100%;} .piece_w_write .video_player_w .youtube {margin-top:20px;} .piece_w_write .video_player_w .youtube iframe {width:100%; height:466px;} .video_player_w .btnIcon_delete, .viewer_w .btnIcon_delete , .box_noData_img .btnIcon_delete {position:absolute; top:0; right:0; width:40px; height:40px; padding-left:0; opacity:0; background:rgba(0,0,0,.6) url('../images/common/btn_close_white.png') center no-repeat; background-size:24px auto; z-index:9; transition:all .3s ease;} .video_player_w:hover .btnIcon_delete, .viewer_w:hover .btnIcon_delete, .box_noData_img:hover .btnIcon_delete {opacity:1;} .piece_w_write .viewer_w {position:relative; width:100%; height:466px; margin-bottom:10px; border:1px solid #e6e6e6;} .piece_w_write .viewer_w iframe {width:100%; height:100%;} .ctic_input_w .inp_txt {width:calc(100% - 117px);} .ctic_input_w .btn_grayh40 {float:right; width:109px; box-shadow:none; background:rgba(0, 0, 0, 0.4);} .ctic_input_w .btn_grayh40 .txt_s15 {color:#fff;} /* 카드러닝 */ .ctic_card_box {position:relative; width:100%; min-height:167px; margin-bottom:15px; border-radius:3px;} .ccb_noData_w {} .ccb_noData_w .btn_secondary_file {position:absolute; top:0; right:0; width:50%; height:100%; border:0; background:none; z-index:3;} .ccb_info_lists {padding:40px 0; background:#fcfcfd; border:1px solid #dbdbdb; border-radius:3px; overflow:hidden;} .cil_list {position:relative; float:left; width:calc(100% / 2); text-align:center;} .cil_list + .cil_list:before {position:absolute; top:-13px; left:0; width:1px; height:107px; background:#dbdbdb; content:'';} .cil_list [class^="icon_file"] {display:block; width:60px; height:40px; margin:0 auto; margin-bottom:15px; background-repeat:no-repeat; background-size:100% auto; background-position:center;} .cil_list .icon_filedrop {background-image:url('../images/mypage/icon_upload.png');} .cil_list .icon_fileslct {width:60px; background-image:url('../images/mypage/icon_device.png');} .ccb_card_lists {position:relative; width:calc(100% + 24px); margin-top:-12px; margin-left:-12px; overflow:hidden;} .ccard_list {position:relative; float:left; width:133px; height:160px; margin:12px 0 0 12px; overflow:hidden;} .ccard_list img {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); min-width:100%; height:100%;} .ccard_list .inp_chk_card {position:absolute; top:0; left:0; z-index:3;} .inp_chk_card .icon_chk {width:133px; height:160px; background-position:center; background-image:none; background-size:70px auto; background-color:rgba(0,0,0,.1);} .inp_chk_card input[type="checkbox"]:checked + .icon_chk {background-color:rgba(0, 0, 0, 0.5); background-image:url('../images/common/icon_check_white.png'); background-size:30px auto;} .ccard_list .btnIcon_fullscreen {position:absolute; bottom:4px; right:4px; width:30px; height:30px; background:url('../images/common/icon_wide.png') center no-repeat; background-size:20px 21px; z-index:9;} .pop_wrap_cardsFull .thumbSlider_cardimg .slider_list .align_maker {height:100%;} .pop_wrap_cardsFull .slideCount {padding:14px 12px 10px; background:#f3f3f3; border-radius:5px 5px 0 0; color:#121212; font-size:18px; font-weight:400; letter-spacing:0;} .pop_wrap_cardsFull .slideCount .slideCountItem {color:#121212; font-weight:500;} .thumbSlider_cardView {display:inline-block; position:relative; z-index:600; width:600px; height:600px; margin:0 auto; vertical-align:middle;} .thumbSlider_cardimg .slider_list, .thumbSlider_cardimg .slider_list .align_maker {height:600px;} .thumbSlider_cardimg .slider_list {background:#fcfcfd;} .thumbSlider_cardimg .slider_list + .slider_list {margin-left:0;} .thumbSlider_cardimg .cv_img_w {display:inline-block; width:602px; vertical-align:middle;} .thumbSlider_cardimg .cv_img_w img {display:inline-block; max-width:600px; max-height:600px; text-align:center;} .thumbSlider_cardView .counter_w {padding-top:10px; text-align:center; letter-spacing:-0.3px;} .thumbSlider_cardView .btnIcon_close {position:absolute; top:11px; right:10px; width:30px; height:30px; background:url('../images/common/btn_close_dark.png') center no-repeat; background-size:100% auto; z-index:600;} .pop_wrap_cardsFull .slick-next, .pop_wrap_cardsFull .slick-prev {display:block !important; width:48px; height:48px; top:-24px; margin-top:0;} .pop_wrap_cardsFull .slick-next.slick-disabled, .pop_wrap_cardsFull .slick-prev.slick-disabled {display:block !important;} .pop_wrap_cardsFull .slick-next {right:220px; background-image:url('../images/mypage/btn_slider_next_on.png');} .pop_wrap_cardsFull .slick-prev {left:220px; background-image:url('../images/mypage/btn_slider_prev_on.png');} .pop_wrap_cardsFull .slick-next.slick-disabled {right:220px; background-image:url('../images/mypage/btn_slider_next_off.png');} .pop_wrap_cardsFull .slick-prev.slick-disabled {left:220px; background-image:url('../images/mypage/btn_slider_prev_off.png');} .pop_wrap_cards .dim {background:rgba(0,0,0,.7);} .cti_addition {float:right; width:312px; border-left:1px solid #e6e6e6;} .btn_secondaryh50_addition {display:none;} .addi_list {position:relative; padding:30px 30px 30px 20px;} .addi_list + .addi_list {border-top:1px solid #e6e6e6;} .addi_list .txt_s16cBlack {display:block; padding-bottom:20px;} .addi_list .txt_s16cBlack + .txt_s12cBlack6 {display:block; margin-top:-13px; padding-bottom:20px;} .addi_list .custom_select_big .select2-container .select2-selection--single {height:40px; background:#fcfcfd;} .addi_list .custom_select_big .select2-container--default .select2-selection--single .select2-selection__rendered {line-height:39px; font-size:14px; color:#333;} .addi_list .custom_select_big .select2-container--default .select2-selection--single .select2-selection__arrow {height:32px;} .addi_list .custom_select_big .select2-container--default .select2-selection--single .select2-selection__arrow b {width:16px; height:13px; border-width:0; background:url('../images/common/arrow_down_line_s.png') center no-repeat; background-size:16px auto;} .addi_list .custom_select_big + .custom_select_big {margin:5px 0 0 0;} .addi_list .afile_top {position:absolute; top:20px; right:20px;} .afile_top .btn_secondary_file, .ctic_sub .btn_secondary_file {width:77px; height:24px; padding:1px 5px; background:#555;} .afile_top .btn_secondary_file input[type="file"], .ctic_sub .btn_secondary_file input[type="file"] {height:24px;} .afile_top .btn_secondary_file .txt_s12, .ctic_sub .btn_secondary_file .txt_s12 {color:#fff; font-weight:300;} .box_noData_img {position:relative; height:167px; background:#fcfcfd; border:1px dashed #dbdbdb; border-radius:3px; overflow:hidden;} .box_noData_img img {position:absolute; top:50%; left:50%; min-width:100%; height:100%; transform:translate(-50%, -50%);} .box_noData_img .btnIcon_delete {position:absolute; top:auto; bottom:0; width:100%; height:100%; opacity:0; padding-left:0; background:rgba(0,0,0,.4) url('../images/common/btn_close_white.png') no-repeat; background-position:calc(100% - 11px) 11px; background-size:24px auto;} .box_noData_img:hover .btnIcon_delete {opacity:1;} .addi_list .bnf_default {padding:20px 0; text-align:center;} .addi_list .bnf_default .icon_filedrop {display:block; width:60px; height:40px; margin:0 auto; margin-bottom:10px; background:url('../images/mypage/icon_upload.png') center no-repeat; background-size:60px auto;} .mpg_w_keyword .keyword_lists_blue {display:block;} .mpg_w_keyword .kw_new_w {margin-left:0;} .mpg_w_keyword .kw_new_w .inp_txt_default {width:188px;} .contType_bottom_btn {clear:both; margin:0 30px; padding:40px; border-top:1px solid rgba(0,0,0,.1); border-radius:0 0 3px 3px; background:#fff; text-align:center;} .contType_bottom_btn [class^="btn_"] {width:210px;} .contType_bottom_btn [class^="btn_"] + [class^="btn_"] {margin-left:5px;} /* 결재함 */ .cb_btn_wR {padding-bottom:13px; text-align:right; overflow:hidden;} .cb_btn_wR [class^="btn_"] {width:100px; height:34px;} .cb_btn_wR [class^="btn_"] + [class^="btn_"] {margin-left:7px;} .cb_box_blueLine + .cb_btn_wR {margin-top:20px;} .sb_lists {display:inline-block; overflow:hidden;} .sb_list {float:left; text-align:left;} .sb_list + .sb_list {margin-left:10px;} .sb_list .txt_s15cDark {display:block; margin-bottom:5px; font-weight:400;} .sb_list [class^="inp_txt_"] {background:#fff;} .sb_list .inp_txt_default {width:373px;} .sb_list .inp_txt_short {width:170px;} .sb_lists + .btn_scDarkhh40_srch {margin-top:27px; vertical-align:top;} .formGroup_chck {padding-left:33px; text-align:left;} .formGroup_chck .inp_chk + .inp_chk {margin-left:20px;} .formGroup_chck .txt_s14cDark {font-weight:400;} .table_wrap_stSignline tr.total [class^="txt_"] {font-weight:400;} .table_wrap_stSignline td .btnIcon_viewGuide {height:28px; background:none;} .table_wrap_stSignline td .guide_layer_bottomCenter {margin-left:-90px; width:185px;} .table_wrap_stSignline td .lg_inner {text-align:left;} .table_wrap_studyTb .btn_a_toggle {display:none;} .table_wrap_studyTb tr.trTit th {text-align:center;} .acodian_appr {position:relative; height:100%;} .acodian_appr .a_list {border-bottom:0;} .acodian_appr .btn_a_toggle, .acodian_appr .a_list > .txt_head {display:block; min-height:unset; padding:10px 0; background:#fff; border:0;} .acodian_appr .btn_a_toggle:after {height:90%; right:0; background:url('../images/common/arrow_down_mint.png') no-repeat center center; background-size:12px auto;} .acodian_appr .btn_a_toggle.active:after {background:url('../images/common/arrow_up_mint.png') no-repeat center center; background-size:12px auto;} .acodian_appr .txt_af_head, .acodian_appr .a_list .txt_toggle {font-size:14px;} .acodian_appr .a_list .txt_toggle {position:absolute; top:11px; right:25px; color:#27b5ac;} .acodian_appr .a_context {max-height:300px; margin-top:10px; padding:0; overflow-y:auto; border-top:1px solid #e6e6e6;} .acodian_appr .a_context:before {left:-20px; width:calc(100% + 40px);} .acodian_appr .push_list {padding:10px 0;} .acodian_appr .push_list + .push_list {border-top:1px solid #e6e6e6;} .tw_tit {margin-top:30px;padding:12px 0; text-align:center; border-top:1px solid #333; background:#f8f8f8;} .tw_tit + .tableWrap_bbsList_chkReport {border-color:#e6e6e6;} .inp_txtArea_appr textarea {height:81px;} .cr_btn_w {position:relative;} .cr_btn_w .txtIcon_s14cGDark_guide {position:absolute; bottom:10px; left:0;} /* 좋아요/댓글 */ .box_Gline_full .tit_s20cBlackFS + .top_slct_wL {margin:0 0 20px;} .top_slct_wL .btn_scDarkhh30_srch {width:70px; height:34px; margin-left:10px; padding:7px;} .btn_scDarkhh30_srch .txt_btn_name {font-size:14px; font-weight:400;} .box_Gline_full .cb_box_blueLine {margin-top:-10px; padding:12px 20px;} .cb_box_blueLine + .acodian_favorite {margin-top:20px;} .acodian_favorite .a_list + .a_list {margin-top:15px;} .acodian_favorite .txt_af_head {color:#333; font-weight:400;} .acodian_favorite .a_context {padding:0;} .fav_list {padding:15px 20px;} .fav_list + .fav_list {border-top:1px solid #e6e6e6;} .fav_list .thumbnail_col {height:124px;} .fav_list .thumb_img {width:200px; height:124px; font-size:inherit;} .fav_list .thumb_cont {padding-left:230px;} .fav_list .txt_s14cLGrayFT {display:block; padding:3px 0;} .fav_list [class^="tit_s16cBlack_ellipsis"] {max-width:80%; height:unset;} .fav_list .txt_s14cLGrayFM {display:block;} .acodian_favorite .inp_chk_like, .fav_list .btnIcon_delete {position:absolute; top:50%; right:20px; width:40px; height:40px; margin-top:-20px; background:#ececec; border-radius:50%;} .acodian_favorite .inp_chk_like .icon_heart {margin-bottom:-13px; background-image:url('../images/common/icon_lnb_heart.png');} .fav_list .btnIcon_delete {background:url('../images/mypage/icon_delete.png') center no-repeat; background-size:100% auto; opacity:.7;} .fav_list .btnIcon_delete:hover {opacity:1;} .acodian_favorite + .inner_noData {margin-top:30px;} /* 구독중인 채널 */ .mpg_bookmark_w {position:relative; top:-20px; left:-20px; width:calc(100% + 40px); overflow:hidden;} .bm_list {float:left; margin:20px 0 10px 20px;} .bm_list .thumbnail_sme {width:241px; height:317px; padding:30px;} .bm_list .thumbnail_sme:hover {box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.1); transform:translateY(0);} .bm_list .thumbnail_sme .thumb_img {width:90px; height:90px;} .bm_list .thumbnail_sme .tc_info {padding-top:20px;} .bm_list .tc_btn, .bm_list .mark_user {bottom:30px;} .bm_list .tc_btn {opacity:0; transition:all .3s ease;} .bm_list .mark_user {height:40px;} .bm_list .ti_keyword_w {text-align:center;} .bm_list:hover .tc_btn {opacity:1;} .bm_list:hover .mark_user {display:none;} /* 내 Q&A */ .table_qnaList tr {cursor:pointer;} .qna_toggle td:last-child {background:url('../images/common/arrow_down_line.png') calc(100% - 20px) no-repeat; background-size:14px 8px;} .qna_toggle.active td:last-child {background:url('../images/common/arrow_up_line.png') calc(100% - 20px) no-repeat; background-size:14px 8px;} .qna_inner {display:none;} .qna_inner td {padding:0;} .table_qnaList td:nth-child(4) {text-align:left;} .table_qnaList .txt_s14cDark_ellipsis {max-width:100%;} .ql_wrap {padding:0 20px; background:#f8f8f8;} .ql_wrap [class^="qlw_"] {position:relative; padding:20px 0 20px 40px; text-align:left;} .table_qnaList td .qlw_q .txt_s16cDark {display:block; padding-bottom:15px; font-weight:500;} .table_qnaList td [class^="qlw_"] [class^="txt_s18"] {position:absolute; top:19px; left:0; font-weight:700;} .qlw_a .txt_s15cLGray {display:block; padding-top:10px;} .qlw_q .txt_s15cGray {display:block;} .qlw_q + .qlw_a {border-top:1px solid #e6e6e6;} [class^="qlw_"] span p {white-space:normal;} [class^="qlw_"] span img {max-width:100%;} [class^="qlw_"] .file_lists_sw {padding-top:10px;} [class^="qlw_"] .link_file {background-color:#fff;} /* 내 정보 수정 */ .box_Gline_full {padding-bottom:40px;} .box_Gline_full > [class^="tit_"] {position:relative; top:auto; left:auto; margin-top:40px;} .box_Gline_full > [class^="tit_"]:first-child {margin-top:0;} .box_Gline_full [class^="tit_"] .cMint {padding-left:5px; font-weight:500;} .mg_confirm_w {width:615px; margin:0 auto; margin-top:140px; margin-bottom:140px; padding:60px; border:1px solid #e6e6e6; text-align:center;} .mg_confirm_w .txt_s24cBlackFS {padding-left:44px; background:url('../images/mypage/icon_lock.png') left center no-repeat; background-size:32px auto;} .mg_confirm_w .txt_s16cBlackFM {padding-top:25px;} .mgc_input_w {padding-top:40px;} .mgc_input_w .inp_txt_default {width:346px;} .mgc_input_w .inp_txt_default .s14cDark {height:38px;} .mgc_input_w .btn_primaryh40 {width:79px; margin-left:7px; vertical-align:top;} .mgc_input_w + .txt_s12cRedFM {display:block; width:436px; margin:0 auto; text-align:left;} .table_wrap_myInfo th, .table_wrap_myInfo td {padding:11px 10px 11px 20px; text-align:left;} .table_wrap_myInfo .inp_txt_long {display:block; width:279px;} .table_wrap_myInfo .inp_txt_email {width:190px;} .table_wrap_myInfo .custom_select .select2-container {width:190px !important;} .table_wrap_myInfo .inp_txt_phone {width:80px;} .table_wrap_myInfo .srch_pop_w {height:36px; margin-left:0;} .table_wrap_myInfo .srch_pop_w .inp_txt_srch {width:279px; border:1px solid #dbdbdb; border-radius:3px;} .table_wrap_myInfo .srch_pop_w .inp_txt_srch .s14cDark {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .table_wrap_myInfo .inp_srch_pop {width:279px;} .table_wrap_myInfo .custom_select .select2-container .select2-selection--single {height:36px;} .table_wrap_myInfo .custom_select .select2-container--default .select2-selection--single .select2-selection__rendered {line-height:36px;} .tbGroup_address .txt_s14cGray {display:block;} .btn_secondh30_password {width:99px;} .btn_secondh30_password .txt_btn_name {font-size:12px; color:#606060;} .tbGroup_password .inp_txt_default {display:block; width:279px;} .tbGroup_password .inp_txt_default + .inp_txt_default, .tbGroup_password .txt_s12cRed + .inp_txt_default {margin-top:12px;} /* 관심설정 */ .box_Gline_full .kw_new_w {display:block; margin:10px 0 0 0;} .box_Gline_full .kw_new_w .inp_txt_default, .box_Gline_full .kwn_layer {width:600px;} .box_Gline_full .kw_new_w .btnIcon_delete {position:absolute; top:0; right:0; width:24px; height:24px; background:url('../images/common/btn_close_dark.png') center no-repeat; background-size:16px auto;} .interest_lists_w {width:100%; border-top:1px solid #333;} .inter_list {position:relative; padding:15px 0 15px 200px; width:100%; min-height:100px; border-top:1px solid #e6e6e6;} .inter_list .sett_item {display:inline-block; position:absolute; left:0; top:0; width:172px; height:100%; margin-right:11px; background:#f8f8f8; text-align:center; letter-spacing:-5px;} .inter_list .sett_item .align_maker {margin-left:-1px;} .inter_list .sett_item .txt_s14cDark {max-width:calc(100% + 1px); letter-spacing:-0.5px; vertical-align:middle;} .inter_list .formGroup_chkBtn {width:100%; left:auto;} .inter_list .formGroup_chkBtn .inp_chk_btn {margin:0 4px 8px 0;} .inter_list .formGroup_chkBtn .inp_chk_btn .btn_chk_s14 {padding:13px 11px 6px; border:1px solid #dbdbdb; border-radius:3px; color:#898989;} .inter_list .formGroup_chkBtn .inp_chk_btn input[type="checkbox"]:checked + .btn_chk_s14 {background:#fff; border-color:#27b5ac; color:#27b5ac;} .inter_list:last-child {border-bottom:1px solid #e6e6e6;} /* 더보기 버튼 영역 */ .btn_more_w {position:relative; width:100%; margin-top:50px; text-align:center;} .btn_more_w:before {position:absolute; top:50%; left:0; width:100%; height:1px; background:#dbdbdb; content:''; z-index:-1; transition:all .2s ease-in-out;} .btn_more_w:hover:before {background:#27b5ac;} .btn_more_w .btn_grayLineh40_more {width:132px; border-radius:20px; background:#fff;} .btn_more_w .btn_grayLineh40_more .txt_btn_name {font-size:1.111em;} .contWrap_lists + .btn_more_w {margin-top:40px;} .btn_more_w .btn_grayLineh40_more {width:132px; height:30px; padding:4px 12px;} .tabLink_wrap .btn_more_w .btn_grayLineh40_more .txt_btn_name {font-size:14px;} /* tmp */ .contWrap_lists + .inner_noData {margin-top:30px;} /************* 마이크로러닝 스타일 *************/ .micro_learning_w {position:relative; width:100vw; height:100vh; padding-top:50px; background:#27b5ac; overflow:hidden;} .ml_btn_w {position:absolute; top:3px; right:10px; z-index:99;} .ml_btn_w [class^="btnIcon_"] {width:44px; height:44px; background-size:30px auto;} .micro_learning_w .btnIcon_close {position:absolute; top:4px; right:10px; background-image:url('../images/common/btn_close_white.png');} .micro_learning_w .btnIcon_menu {display:none; background-image:url('../images/common/btn_menu_white.png');} .ml_learning_w {width:calc(100vw - 520px); height:calc(100vh - 50px); background:#333333; transition:width .3s ease-in-out;} .mll_head {padding:37px 40px 25px; box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.2); overflow:hidden;} .mll_head .tit_s26cWhite_ellipsis {width:calc(100% - 300px);} .mlh_grp_w {float:right; padding-top:5px;} .mll_head .graph_container {display:none;} .viewer_w {position:relative; width:calc(100% + 1px); height:calc(100vh - 150px); letter-spacing:-5px; text-align:center;} /* video */ .viewer_w .align_maker {display:none; margin-left:-1px; vertical-align:middle;} .viewer_w .video_player_w {display:flex; align-items:center; justify-content:center; position:relative; overflow:hidden; /*padding-bottom:56.25%;*/ width:100%; height:100%; vertical-align:middle; letter-spacing:-0.5px;} .viewer_w .video_player_w video {position:absolute; left:0; top:0; width:100%; height:100%; outline:none;} .fullscreen .viewer_w .video_player_w {top:0; height:100%; padding:0;} /* 유투브 */ .viewer_w .video_player_w .youtube {position:absolute; left:0; top:30px; width:100%; height:calc(100% - 52px);} .viewer_w .video_player_w .youtube iframe {width:calc(100vw - 520px); aspect-ratio:16/9;} .fullscreen .viewer_w .video_player_w .youtube iframe {/* width:100vw; */ width:auto;} @media screen and (min-width:768px) and (max-width:1440px) { .viewer_w .video_player_w .youtube {height:100%; top:0;} .viewer_w .video_player_w .youtube iframe {width:100%;} } /* 카드러닝 */ .vw_card_img {display:inline-block; position:relative; overflow:hidden; width:100%; height:auto; vertical-align:middle; letter-spacing:-0.5px;} .card_slider_w {position:relative; width:calc(100% - 400px); height:700px; margin:0 auto;} .vcs_list {height:700px;} .vcs_list .image {position:relative; width:100%; height:100%;} .vcs_list .image img {position:absolute; top:50%; left:50%; max-width:100%; max-height:100%; transform:translate(-50%, -50%);} .vw_card_slider .slick-prev {width:74px; height:147px; left:-74px; background:url('../images/discover/btn_slider_prev.png') no-repeat; background-size:100% 100%;} .vw_card_slider .slick-next {width:74px; height:147px; right:-74px; background:url('../images/discover/btn_slider_next.png') no-repeat; background-size:100% 100%;} .vw_card_slider .slick-prev.slick-disabled {width:74px; height:147px; left:-74px; background:url('../images/discover/btn_slider_prev_off.png') no-repeat; background-size:100% 100%;} .vw_card_slider .slick-next.slick-disabled {width:74px; height:147px; right:-74px; background:url('../images/discover/btn_slider_next_off.png') no-repeat; background-size:100% 100%;} .cs_control {width:100%; padding-top:25px; text-align:center;} .cs_control .inp_txt_default {width:40px; height:30px; background:#fff; vertical-align:middle;} .cs_control .inp_txt_default input[type="text"] {padding:8px 5px 7px; height:30px; text-align:center;} .cs_control .txt_s14 {padding-left:8px; color:#bebebe;} .cs_control .btn_secondaryh30 {width:70px; margin-left:12px; border:1px solid #979797; background:none;} .cs_control .btn_secondaryh30 .txt_btn_name {font-size:14px; color:#bebebe;} .progress {display:block; width:100%; height:5px; border-radius:2.5px; overflow:hidden; background-color:#555; background-image:linear-gradient(to right, #27b5ac, #27b5ac); background-repeat:no-repeat; background-size:0 100%; transition:background-size .4s ease-in-out;} .sr-only {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;} /* 링크, pdf */ .ml_board_box {width:calc(100% - 200px); height:100%; margin:0 auto; padding-top:50px;} .ml_board_box iframe {width:100%; height:100%; background:#fff;} /* 텍스트, 세미나 */ .ml_board_boxTy2 {height:100%; text-align:center; letter-spacing:-.3px;} .mbb_inner {display:inline-block; width:calc(100% - 200px); height:750px; margin:0 auto; padding:50px; vertical-align:middle; background:#fff; border-radius:5px; text-align:left; overflow-y:auto;} .mbb_inner .tit_s30cBlack {display:block; padding-bottom:20px;} .mbb_inner [class^="txt_"] {display:block;} .mbb_inner [class^="txt_"] + [class^="txt_"] {padding-top:10px;} .table_wrap_seminar th {width:27%;} .table_wrap_seminar th, .table_wrap_seminar td {padding:15px 30px; text-align:left;} .table_wrap_seminar td .af_list {display:block; margin-top:0;} .table_wrap_seminar td .af_list + .af_list {margin-top:5px;} .htmlArea {height:100%;} .ml_content_w {position:fixed; right:0; top:50px; width:520px; height:calc(100vh - 50px); background:#fff; transition:right .3s ease-in-out;} .ml_head {/* height:270px; */ background:#27b5ac;} .mh_box {padding:30px 40px;} .ml_head [class^="txt_"] {color:#fff;} .mh_top {padding-bottom:4px;} .mh_top [class^="txt_"] {font-weight:400; color:#dedede;} .mh_top [class^="txt_"] + [class^="txt_"] {position:relative; padding-left:10px;} .mh_top [class^="txt_"] + [class^="txt_"]:before {position:absolute; top:0; left:0; font-size:14px; color:#dedede; content:'•';} .ml_head .tit_s24cWhiteFS_ellipsisC2 {width:100%; height:72px;} .opt_sme_w .txt_s18cWhite_ellipsis {max-width:100%;} .mh_info {padding-top:15px; overflow:hidden;} .mh_info [class^="txt"] {font-size:14px; font-weight:400; color:#fff;} .mhi_lists {float:right;} .mhi_lists [class^="txtIcon"] {padding-left:21px; background-repeat:no-repeat; background-size:16px auto; background-position:left center;} .mhi_lists [class^="txtIcon"] + [class^="txtIcon"] {margin-left:15px;} .mhi_lists .txtIcon_view {background-image:url('../images/common/icon_view_white.png');} .mhi_lists .txtIcon_comment {background-image:url('../images/common/icon_comment_white.png');} .mhi_lists .txtIcon_heart {background-image:url('../images/common/icon_heart_white.png');} .tab_wrap_micro {padding:20px 0; height:calc(100vh - 320px);} .tab_wrap_micro .tabmenu_default {width:calc(100% - 40px);} .tab_wrap_micro [class^="tabmenu_"] > .tab_list {min-width:96px;} .tab_wrap_micro .btn_tab {padding:0; text-align:center;} .tab_wrap_micro .btn_tab.active, .tab_wrap_micro .tabmenu_default .tab_list:first-child .btn_tab.active, .tab_wrap_micro .tabmenu_default .tab_list:last-child .btn_tab.active {border-radius:3px 3px 0 0;} .tab_wrap_micro .tabCont_w {position:relative; padding:30px 35px; height:calc(100% - 20px); overflow-x:hidden; overflow-y:auto;} .tab_wrap_micro .tabCont_w .tit_s18cBlack {display:block; padding:30px 0 15px; font-weight:700;} .tab_wrap_micro .tabCont_w > .tit_s18cBlack:first-child, #replyForm > .tit_s18cBlack {padding-top:0;} .tab_wrap_micro .tabCont_w .tit_s18cBlack .cMint {padding-left:6px;} .tab_wrap_micro .tabCont_w .tit_s18cBlack + .inp_chk {position:absolute; top:30px; right:35px;} .tab_wrap_micro .keyword_lists_w {padding-top:15px;} .tab_wrap_micro .kw_list .link_keyword:hover {color:#121212;} .tm_relative_w .tr_list + .tr_list {padding-top:15px;} /* 내용 탭 */ .tab_wrap_micro .cb_link {float:unset; padding-right:0;} .tab_wrap_micro .cb_link .inp_txt_default {width:calc(100% - 131px);} .cb_link + .mi_txt {padding-top:20px;} .mi_txt .txt_s16cDarkFM {word-break:normal;} .mi_txt img {max-width:100%;} /* 목차, 북마크 탭 */ .piece_contents {position:relative; left:-35px; width:calc(100% + 70px);} .bk_write_w {padding:7px 35px 15px;} .bk_write_w .txt_s16cBlackFS {width:62px;} .bk_write_w .inp_txt_gray {width:293px; height:40px; margin:0 3px 0 0; vertical-align:middle;} .bk_write_w .btn_scDarkh40 {width:66px;} .bk_write_w .btn_scDarkh40 .txt_btn_name {font-size:14px;} .pc_lists_w {border-top:1px solid #e6e6e6;} .pc_list {position:relative; border-bottom:1px solid #e6e6e6;} .pc_list.active {background:rgba(39, 181, 172, 0.1);} .pc_list.complete {background-image:url('../images/common/icon_check_mint.png'); background-repeat:no-repeat; background-size:20px auto; background-position:calc(100% - 20px) center;} .pc_list > .tit_s16cBlack {width:100%; padding:20px 66px 22px 66px; cursor:pointer;} .pc_list > .tit_s16cBlack .txt_s16cLGray {padding-left:10px; font-weight:400;} .pc_list .btn_study_card {width:100%; padding:20px 105px 22px 66px; text-align:left; background:url('../images/common/arrow_down_line_s.png') calc(100% - 38px) center no-repeat; background-size:20px auto;} .pc_list .btn_study_card.active{background:url('../images/common/arrow_up_line_s.png') calc(100% - 38px) center no-repeat; background-size:20px auto;} .btn_study_card .tit_s16cBlack {line-height:1.4;} .pc_list .bk_cont_w {display:none; position:relative; background:#f8f8f8;} .bc_list {position:relative; padding:18px 80px 18px 94px;} .bc_list:before {position:absolute; top:0; left:50%; width:450px; height:1px; margin-left:-225px; background:#e6e6e6; content:'';} .bc_list .txt_s14cDark_num {position:absolute; top:19px; left:35px;} .bc_list .txt_s14cGDark {font-weight:400; word-break:keep-all;} .bc_list .rp_utill {position:absolute; top:8px; right:20px;} .bc_list .inp_txt_default {width:100%; height:40px; background:#fff;} .bk_write_w .inp_txt_gray input[type="text"], .bc_list .inp_txt_default input[type="text"] {height:40px; padding:6px 13px 9px;} .pc_list [class^="icon_aside_"] {position:absolute; top:23px; left:35px; display:inline-block; width:20px; height:20px; background-repeat:no-repeat; background-size:100% 100%; background-position:center;} .icon_aside_audio {background:url('../images/common/icon_aside_audio.png');} .icon_aside_card {background:url('../images/common/icon_aside_card.png');} .icon_aside_exam {background:url('../images/common/icon_aside_exam.png');} .icon_aside_link {background:url('../images/common/icon_aside_link.png');} .icon_aside_pdf {background:url('../images/common/icon_aside_pdf.png');} .icon_aside_report {background:url('../images/common/icon_aside_report.png');} .icon_aside_seminar {background:url('../images/common/icon_aside_seminar.png');} .icon_aside_survey {background:url('../images/common/icon_aside_survey.png');} .icon_aside_txt {background:url('../images/common/icon_aside_txt.png');} .icon_aside_video {background:url('../images/common/icon_aside_video.png');} .icon_aside_youtube {background:url('../images/common/icon_aside_youtube.png');} .icon_aside_gallery {background:url('../images/common/icon_aside_gallery.png');} /* 댓글 탭 */ .rpw_lists_micro {position:relative; left:-35px; margin-top:5px; width:calc(100% + 70px); border-top:0;} .rpw_lists_micro .rpw_list {min-height:auto; padding:20px 35px 20px 105px} .rpw_list .inp_chk_like {display:block; padding-left:29px; margin-top:5px;} .rpw_list .inp_chk_like .icon_heart {width:20px; height:36px; margin-bottom:-8px;} .rpw_list .inp_chk_like input[type="checkbox"]:checked + .icon_heart:before {width:20px; background-size:20px auto;} .rpw_list .txt_s12cGray {clear:both; padding-top:5px; font-size:12px; font-weight:400;} .rpw_lists_micro .rl_img_w {width:55px; height:55px; top:23px; left:35px;} .rpw_lists_micro .reply_write_w {padding:0; border:0; background:none;} .rpw_lists_micro .reply_write_w .inp_txtArea {width:292px;} .rpw_lists_micro .reply_write_w textarea {height:73px;} .rpw_lists_micro .reply_write_w .btn_reply_enroll {width:66px; margin-left:5px;} .rpw_lists_micro .rl_info {padding:0 0 10px;} .rpw_lists_micro .rl_info .txt_s14cBlack {font-weight:700;} .rpw_lists_micro .rpw_list .tools_btn_w {right:20px;} .rpw_lists_micro .modify .rl_info {position:relative; bottom:auto;} .btnIcon_close_mic {position:absolute; top:50%; margin-top:-65px; left:-33px;width:40px; height:130px; background:url('../images/discover/btn_micro_close.png') center no-repeat; background-size:30px 120px;} /* 학습피스 우측영역 닫힘으로 전체모드인 경우 */ .fullscreen .ml_learning_w {width:100%;} .fullscreen .ml_content_w {right:-520px} .fullscreen .btnIcon_close_mic {background:url('../images/discover/btn_micro_open.png') center no-repeat; background-size:30px 120px;} .tab_wrap_micro .inner_noData {padding:20px;} .tab_wrap_micro .inner_noData .icon_noReply {width:100px; height:90px;} .tab_wrap_micro .inner_noData .icon_noData {width:130px; height:85px;} /* 고객센터 */ .tab_wrap_support {width:1384px; margin:0 auto;} .tab_wrap_support .tabmenu_line {display:block; height:55px; border-bottom:1px solid #e6e6e6;} .tab_wrap_support .tab_list {display:inline-block;} .tab_wrap_support .tabmenu_line .btn_tab {height:54px; padding:0 30px;} .tab_wrap_support .tabmenu_line .btn_tab:after {bottom:-1px; height:2px; background:#121212;} .tab_wrap_support .btn_tab .txt_s16 {height:54px; padding:20px 0; color:#121212;} .contBox_stuDivi .srchBox_gray + .table_wrap_stLists {margin-top:30px;} .contBox_support .board_wrap_view {border-top:0;} .contBox_support .bdv_top_w {padding:0 10px 10px;} .contBox_stuDivi .acodian_faq .txt_af_head {font-size:15px; font-weight:400;} .contBox_stuDivi .acodian_faq .txt_head {padding-right:10px; font-weight:500;} .contBox_stuDivi .acodian_faq .a_context .file_lists_sw {margin-top:30px;} .contBox_support .board_wrap_write .custom_select_big {position:relative; margin-bottom:10px;} .contBox_support .custom_select_big .select2-container .select2-selection--single {background:#fcfcfd;} .contBox_support .custom_select_big .select2-container--default .select2-selection--single .select2-selection__rendered {color:#121212;} .contBox_support .custom_select_big + .txt_s14cLGrayFM {padding-left:10px;} [class^="sup_list_"] + [class^="sup_list_"] {padding-top:80px;} [class^="sl_tit_"] {display:block; width:100%; margin-bottom:20px; padding:19px 15px 17px 56px; background-color:rgba(39, 181, 172, 0.1); background-repeat:no-repeat; background-size:24px auto; background-position:20px center; color:#333; font-weight:700;} .sl_tit_serv {background-image:url('../images/common/icon_service.png');} .sl_tit_sup {background-image:url('../images/common/icon_support.png');} .contBox_support .cb_box_grayLine {margin-top:40px; padding:34px 34px 32px 220px; background:#fcfcfd;} .sl_center {display:inline-block; margin-right:200px; padding-left:86px; background:url('../images/common/icon_call.png') left center no-repeat; background-size:56px;} .sl_center .txt_s18cBlackFS {display:block;} .sl_info {display:inline-block;} .sl_info .txt_s16cDark {display:block; padding-bottom:5px;} .icon_sl_guide {display:block; width:30px; height:30px; margin:0 auto; margin-bottom:15px; background:url('../images/common/icon_guide_info_b.png') center no-repeat; background-size:100% auto;} .sup_list_counselor .cb_box_grayLine {padding:25px 25px 30px; text-align:center;} [class^="sup_list_"] .cb_box_grayLine .btn_primaryh45 {display:block; min-width:196px; margin:0 auto; margin-top:15px; padding:9px 40px 10px} [class^="sup_list_"] .cb_box_grayLine .btn_primaryh45 .txt_btn_name {font-weight:400;} .sl_btn_w {padding-top:40px; text-align:center;} .slb_list {display:inline-block;} .slb_list + .slb_list {margin-left:24px;} .slb_list:hover {box-shadow:0 2px 6px 0 rgba(0, 0, 0, 0.1);} .slb_list .btn_sl {width:294px; height:170px; border:1px solid #dbdbdb; border-radius:5px;} .btn_sl [class^="icon_sl_"] {display:block; width:54px; height:54px; margin:0 auto; margin-bottom:20px; background-repeat:no-repeat; background-size:100% auto; background-position:center;} .icon_sl_refresh {background-image:url('../images/common/icon_sp_refresh.png');} .icon_sl_star {background-image:url('../images/common/icon_sp_star.png');} .icon_sl_download {background-image:url('../images/common/icon_sp_download.png');} .icon_sl_virus {background-image:url('../images/common/icon_sp_virus.png');} .btn_sl .txt_s18cDark {font-weight:400;} .cb_btn_w .inp_chk_event {float:right;} .stGroup_event_w .thumbnail_gallery {width:345px;} .stGroup_event_w .gal_lists_w {left:-25px; width:calc(100% + 26px);} .stGroup_event_w .gal_list {position:relative; width:calc((100% - 75px) / 3); margin:30px 0 0 25px;} .gal_list.end:before {position:absolute; top:0; left:0; width:100%; height:244px; padding:109px 30px; text-align:center; border-radius:5px; color:#fff; background:rgba(0,0,0,.3); box-sizing:border-box; content:'종료된 이벤트입니다.'; z-index:3;} .stGroup_event_w .gal_list .thumbnail_gallery {width:100%;} .stGroup_event_w .thumb_img {height:244px;} .stGroup_event_w .thumb_img .txtLabel_cBlack {position:absolute; top:0; left:0; width:91px; height:33px; padding:8px; border-radius:5px 0 5px 0; font-size:15px; z-index:3;} .contBox_support .bdv_top_w {overflow:hidden;} .contBox_support .bdv_top_w .txt_s30cBlack {display:block;} .contBox_support .txt_s30cBlack + .txt_s18cGray {display:block; padding-top:10px;} .contBox_support .event_info {float:left; padding-top:10px;} .event_info .txt_s14cGrayFM + .txt_s14cGrayFM {position:relative; padding-left:7px;} .event_info .txt_s14cGrayFM:nth-child(3) {padding-left:15px;} .event_info .txt_s14cGrayFM:nth-child(3):before {position:absolute; top:8px; left:4px; width:3px; height:3px; background:#898989; border-radius:50%; content:'';} .contBox_support .bdv_top_w .bvt_info {float:right;} .bdv_cont .txt_endEvent {display:block; width:100%; margin:25px 0 5px; padding:27px; font-size:16px; color:#333; font-weight:400; text-align:center; background:#fcfcfd; border:1px solid #dbdbdb;} .bottom_btn_event {margin-top:40px; text-align:center;} .bottom_btn_event [class^="btn_"] {width:auto; min-width:130px; padding:7px 50px;} .rpw_lists_event {margin-top:25px;} .rpw_lists_event .rpw_list {padding:20px 10px;} .link_subj_event {display:block; text-align:left;} .link_subj_event .thumbnail_col {height:unset;} .link_subj_event .thumb_img {width:86px; height:60px;} .link_subj_event .thumb_cont {padding:5px 0 0 100px;} .link_subj_event .thumb_cont [class^="tit_"] {display:inline-block; max-width:100%; height:unset; padding-top:0; vertical-align:middle;} .link_subj_event .icon_new + .tit_s16cBlack_ellipsis {max-width:90%; vertical-align:top;} .link_subj_event .thumb_cont .txt_s14cDarkFM_ellipsis {display:block; padding-top:3px;} .sup_list_review .cb_box_grayLine {margin-top:0; padding:35px; text-align:center;} .sup_list_review + .cb_btn_w {padding-top:80px;} .rpw_lists_review {} .rpw_lists_review .rpw_list {padding:20px 10px;} .rpw_lists_review .icon_star_left, .rpw_lists_review .icon_star_right {width:12px; height:24px;} .rpw_lists_review .formGroup_rdStar .txt_s16cBlack + .txt_s16cBlack {position:relative; padding-left:20px;} .rpw_lists_review .formGroup_rdStar .txt_s16cBlack + .txt_s16cBlack:before {position:absolute; top:12px; left:9px; width:2px; height:2px; background:#333; border-radius:50%; content:'';} .rv_tit_w {padding-bottom:10px;} .rv_tit_w .txtLabel_cBlack {margin-right:5px; border-radius:10px; vertical-align:middle;} .rv_tit_w .txtLabel_cBlack + .txt_s16cBlackFS {display:inline-block; max-width:calc(100% - 70px); padding-bottom:0; vertical-align:text-top;} .rpw_inner {overflow:hidden; transition:all .3s ease;} .btn_tl_more {display:block; margin-top:10px;} .btn_tl_more .icon_more {width:16px; height:17px; background:url('../images/common/arrow_down_line.png') center no-repeat; background-size:13px auto;} .rpw_inner + .btn_tl_more.active .icon_more {width:16px; height:17px; background:url('../images/common/arrow_up_line.png') center no-repeat; background-size:13px auto;} .rpw_inner + .btn_tl_more {display:none;} /* 로그인 */ .container_login {margin-top:0; height:100vh;} .container_login .content {padding-bottom:0; height:100vh;} .formBox_login {display:table; position:relative; width:100vw; height:100vh; overflow:hidden;} .formBox_login [class^="fbl_"] {width:50%; height:100%;} .fbl_info {position:relative; display:table-cell; height:100%; vertical-align:middle; z-index:3;} .fi_inner {width:592px; margin:0 auto; padding:60px 48px; background:#fff; box-shadow:0 2px 20px 0 rgba(38, 97, 81, 0.1); border-radius:3px;} .fi_inner .link_subj_home {padding-bottom:30px;} .fi_inner .logo_w {height:33px;} .fi_inner .logo_w img {height:100%;} [class^="fbl_"] .tit_s40cDark {display:block; padding-bottom:80px; font-size:40px;} .fl_inp_w {} .fl_inp_w .inp_txt_default {position:relative; display:block; width:100%; border-width:0 0 2px; border-radius:0;} .fl_inp_w .inp_txt_default + .inp_txt_default {margin-top:15px;} .fl_inp_w [class^="inp_txt_"] input[type="text"], .fl_inp_w [class^="inp_txt_"] input[type="password"] {height:auto; padding:18px 8px 20px; letter-spacing:1px;} .fl_inp_w [class^="inp_txt_"] input[type="text"]::placeholder, .fl_inp_w [class^="inp_txt_"] input[type="password"]::placeholder {letter-spacing:0;} .fl_inp_w [class^="inp_txt_"] input[type="text"] {max-width:60%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .fbl_info .fl_inp_w [class^="inp_txt_"] input[type="text"] {max-width:100%;} .fl_inp_w .inp_txt_default .btn_primaryh45 {position:absolute; bottom:8px; right:0; width:187px;} .fl_inp_w .inp_txt_default .btn_primaryh45 .txt_btn_name {font-size:15px; font-weight:400;} .fl_inp_w .inp_txt_default .txt_s14cRedFM {position:absolute; bottom:18px; right:0;} .fl_inp_w .custom_select_big {display:block;} .fl_inp_w .inp_txt_default + .custom_select_big {margin-top:10px;} .fl_inp_w .custom_select_big {margin-bottom:10px;} .fl_inp_w .custom_select_big .select2-container {width:100% !important;} .fl_inp_w .custom_select_big .select2-container .select2-selection--single {height:55px; border-color:#dbdbdb; border-width:0 0 2px 0; border-radius:0;} .fl_inp_w .custom_select_big .select2-container--default .select2-selection--single .select2-selection__rendered {line-height:55px; font-size:14px; color:#757575;} .fl_inp_w .custom_select_big .select2-container--default .select2-selection--single .select2-selection__arrow {width:55px; height:54px;} .fl_opt_w {margin-top:35px; overflow:hidden;} .fo_link_w {float:right;} .fo_link_w .link_subj + .link_subj {position:relative; padding-left:15px;} .fo_link_w .link_subj + .link_subj:before {position:absolute; top:8px; left:5px; width:1px; height:12px; background:rgba(0,0,0,.4); content:'';} .btn_primaryh66, .btn_secondaryh66 {width:100%; height:66px; margin-top:45px; line-height:3.8;} .btn_primaryh66 .txt_btn_name, .btn_secondaryh66 .txt_btn_name {font-size:18px;} .btn_primaryh66 + .txt_s14cRedFM, .fl_btn_w + .txt_s14cRedFM, .fl_btn_w + .txt_s14cRedFM + .txt_s14cRedFM {display:block; padding:10px 3px 0;} .fi_btn_w {padding-top:60px; overflow:hidden;} .fib_list {float:left; width:calc((100% - 10px) / 2);} .fib_list + .fib_list {margin-left:10px;} .fib_list .btn_primaryh66 {margin-top:0;} .fl_btn_w {display:table; width:100%; margin-top:45px; overflow:hidden; text-align:center;} [class^="flb_"] {display:table-cell; padding:0 3px; vertical-align:top;} .fl_btn_w [class^="btn_"] {margin-top:0;} .flb_prev {width:124px;} .link_subj_edu {display:block; width:calc(100% - 6px); margin:0 auto; margin-top:10px; padding:10px; border:1px solid #27b5ac; border-radius:3px; text-align:center;} .link_subj_edu + .txt_s14cRedFM {padding-top:10px;} .fl_info_w {margin-top:30px; padding-top:30px; border-top:1px solid #dbdbdb; text-align:center;} .fl_info_w [class^="txt_"] {padding-left:26px; font-size:16px; color:#898989; font-weight:400; background-repeat:no-repeat; background-size:18px auto; background-position:left center;} .fl_info_w [class^="txt_"] + [class^="txt_"] {margin-left:20px;} .fl_info_w .txt_support {background-image:url('../images/common/icon_support_call.png');} .fl_info_w .txt_email {background-image:url('../images/common/icon_email.png');} /* .fbl_info .txt_guide {position:absolute; bottom:30px; left:50%; width:420px; margin-left:-210px; padding-left:26px; background:url('../images/common/icon_guide_info_gray.png') left center no-repeat; background-size:18px auto; font-size:13px; color:#898989; font-weight:400;} */ .fl_guide {width:592px; margin:0 auto; padding:11px 10px 13px; margin-top:-20px; text-align:center; background:#f8fafb; border-radius:3px; box-shadow:0 2px 20px 0 rgba(38, 97, 81, 0.1);} .fl_guide .txt_guide {padding-left:26px; background:url('../images/common/icon_guide_info_gray.png') left center no-repeat; background-size:18px auto; font-size:13px; color:#898989; font-weight:400;} .fi_id_w {margin-top:60px; padding:23px; background:#f3f3f3; border-radius:3px; text-align:center;} .fi_id_w .txt_s16cDark {display:block;} .fi_id_w .txt_s16cDark + .txt_s16cDark {padding-top:8px;} .fbl_img {position:absolute; top:0; left:0; width:100% !important; background:url('../images/tmp/bg_login_border.png') no-repeat; background-size:100% 100%; text-align:center;} .fbl_img img {height:100%;} .red .fbl_img {background:url('../images/tmp/bg_login_border_red.png') no-repeat; background-size:100% 100%;} .red [class^="inp_chk"] input[type="checkbox"]:checked + .icon_chk {background-image:url('../images/common/icon_chck_on_red.png')} .red [class^="btn_primary"] {background:#bb004e;} .red .fl_inp_w [class^="btn_primary"]:disabled {background:#ccc;} .formBox_login .tab_wrap_line {margin-top:-15px;} .formBox_login .tabmenu_line {border-bottom:0;} .formBox_login .tab_list {display:inline-block; min-width:unset; margin-right:30px;} .formBox_login .tabmenu_line .btn_tab {padding:0;} .formBox_login .tabmenu_line .btn_tab:after {height:2px; background:#121212;} .formBox_login .btn_tab .txt_s16 {color:#121212;} .formBox_login .fbl_pwd {display:table-cell; margin:0 auto; vertical-align:middle;} .formGroup_repwd {width:496px; margin:0 auto;} .formGroup_repwd .tit_s40cDark {padding-bottom:60px;} .repwd_list + .repwd_list {padding-top:50px;} .repwd_list > .txt_s18cBlackFS {display:block; padding-bottom:10px;} .rp_agree_w {background:#f8f8f8;} .rpa_list {padding:15px;} .rpa_list + .rpa_list {border-top:1px solid #e6e6e6;} .rpa_inner {height:77px; margin-top:10px; padding:5px 8px; background:#fff; border:1px solid #e6e6e6; border-radius:3px; overflow-y:auto;} .rp_info {padding:0 0 30px;} .rp_info [class^="txt_"] {display:block; font-weight:400;} /* 개인정보처리방침 */ .pvw_tit {position:relative; display:block; margin:25px 0 20px; padding-left:20px; font-size:18px; font-weight:500;} .pvw_tit:before {position:absolute; top:50%; left:10px; width:4px; height:4px; margin-top:-2px; border-radius:50%; background:#333; content:'';} .pvw_list:first-child .pvw_tit {margin-top:0;} .pl_lists_w {padding-left:20px;} .pl_list + .pl_list, .pls_list + .pls_list {padding-top:8px;} .pl_list [class^="txt_"] {display:block; font-weight:400;} .pl_list .txt_memo {padding-bottom:20px; font-size:16px; font-weight:500;} .pl_sub_lists {margin:10px 0; padding-left:16px;} .txt_memo + .pl_sub_lists {margin-top:0;} .pl_list [class^="table_wrap"] {margin:10px 0;} .pl_list .table_infoList td {text-align:left;} .pl_list .table_wrap_center td {text-align:center;} /* 시간표 출력 화면 */ @media print{ * {-webkit-print-color-adjust:exact !important; printer-colors:exact; color-adjust:exact;} #header, #footer, #nav {display:none !important;} html, body {border:0; margin:0; background:#fff;} [class^='pop_wrap'] {background:#fff; z-index:9999;} [class^="popup_"] {position:relative; top:0; left:0; width:100vw; height:100vh; box-shadow:none; vertical-align:top;} .pop_wrap_stSchedule {position:relative; -webkit-print-color-adjust:exact !important; printer-colors:exact; color-adjust:exact;} .pop_wrap_stSchedule .pop_content {max-height:unset; max-height:none; -ms-overflow-style:none; background:#fff;} .schedule_scroll_wrap .table_infoList {width:100%; height:100%;} .schedule_scroll_wrap .table_infoList td {height:5px !important;} .schedule_scroll_wrap {width:100%; max-height:unset; overflow:unset;} .schedule_scroll_wrap .table_wrap {min-width:auto; width:100% !important; table-layout:fixed;} .schedule_scroll_wrap .table_infoList {overflow:hidden;} .schedule_scroll_wrap .table_infoList th {width:auto; white-space:nowrap;} .schedule_scroll_wrap .table_infoList th:first-child {width:auto;} .schedule_scroll_wrap [class*="s15"] {font-size:14px;} .schedule_scroll_wrap [class*="s14"], .schedule_scroll_wrap [class*="s16"] {font-size:12px;} #pop_stschedule .align_maker, .pop_wrap_stSchedule .pop_inner .btnIcon_close, .pop_footer .btn_primaryh40 {display:none;} } /* 오류 */ .container.error {width:1384px; min-width:1384px; margin:auto;} .content.err_page {position:absolute; top:50%; margin-top:-230px; padding:0; width:1384px; text-align:center; min-height:auto; overflow:hidden;} .err_page {font-size:15px; color:#333;} .icon_error {display:block; margin:0 auto; width:150px; height:150px; background:url('../images/common/icon_error.png') center no-repeat; background-size:100% auto; margin-bottom:50px;} .err_page h2 {font-size:30px; color:#333; letter-spacing:-0.38px; font-weight:500;} .err_page p {line-height:1.87; letter-spacing:-0.5px; padding-top:30px; overflow:hidden;} .err_btn {margin-top:50px;} .err_btn button {width:200px; height:50px;} .err_btn .btn_primaryh50 {border-radius:4px;} .err_btn button .txt_btn_name {font-size:14px;} /* 큰 태블릿 */ @media screen and (min-width:1024px) and (max-width:1365px) { #wrap, .header, .container, .content, .footer {min-width:100%;} .h_inner {width:100%;} .logo_area {left:24px;} .f_inner {width:100%; padding:35px 24px 52px;} .f_inner .logo_area {left:0;} .fi_links_w {right:5px;} [class^="contBox"] {width:100%;} .contBox_sub {padding-top:30px;} .topinfoBox_line {width:calc(100% - 48px); padding:30px 0;} .tib_inner .tib_route {right:24px;} /* 구독 */ .sliderWrap_subscribe {padding:0 0 50px 24px;} .sliderWrap_subscribe .slider_list + .slider_list {margin-left:32px;} .sliderWrap_popChannel {left:16px; width:100%;} /* 탐색 */ .cb_title_w, .cb_mid_w .cb_title_w {width:100%; padding:30px 24px;} .cb_sme_cont {width:100%;} .cst_img_w {height:172px;} .cb_sme_cont {padding:30px 24px 30px 143px} .csc_profile .tsw_img {left:24px;} .csc_status {clear:both; float:unset; padding-top:30px;} .cb_sme_wrap {width:100%; padding-top:30px;} .cb_sme_wrap .top_slct_w {right:24px;} .contWrap_lists {width:100%; left:0; margin-top:0;} .contBox_study .cwl_list {display:inline-block; margin:50px 0 0 22px;} .cwl_list {width:calc((100% - 96px) / 3); box-shadow:0 2px 8px 0 rgb(0 0 0 / 10%);} .cwl_list:nth-child(n+1):nth-child(-n+4) {margin-top:50px;} .cwl_list [class^="thumbnail_"] {/* display:initial; */ width:100%;} [class^="thumbnail_"]:hover {transform:translateY(0) !important;} .cwl_list .thumbnail_default .thumb_img {height:163px;} [class^="thumbnail_sme"] {height:382px; padding:30px 30px 20px;} [class^="thumbnail_sme"] .tc_info {padding-top:15px;} .tc_btn, .mark_user {bottom:20px;} [class^="thumbnail_sme"] .tc_btn {bottom:-65px;} .category_step_w {width:calc(100% - 48px); margin:0 auto;} [class^="top_slct_w"] {padding:0 24px;} .chk_lists_w {padding:0 24px;} .bchk_lists {width:100% !important;} .bchk_list {margin:0 5px 5px 0;} /* 학습상세 */ .sh_list {padding:0 24px;} .sh_list .sd_tit_w {padding-left:0;} [class^="sd_status_"] {width:790px;} .sd_status_ty2 {width:calc(100% - 355px);} .btn_sd_contents {width:340px;} .btn_sd_contents .ttb_img_w {width:140px;} .sd_study_schedule {padding:0 16px;} .si_boxLine_w {padding:0 16px;} .sib_lists {width:340px;} .si_boxLine_w .btn_sd_contents {display:inline-block; width:calc(100% - 350px); height:75px; margin:0 0 0 10px; vertical-align:top;} .sib_place {width:calc(100% - 510px); margin-left:10px;} .si_boxLine_w .btn_sd_calendar {display:inline-block; margin:0 0 0 10px; vertical-align:top;} .table_wrap_stComplete .table_infoList {table-layout:auto;} /* 학습 */ .contBox_study .contWrap_lists {margin-top:-30px;} .contBox_study .top_slct_wL + .contWrap_lists {margin-top:0;} [class^="cb_btn_w"] {padding:0 24px 20px;} [class^="board_wrap_"], .table_wrap_studyTb {width:calc(100% - 48px); margin:0 auto;} .bdView .board_wrap_reply {margin-top:20px;} .bdv_cont .txt_s14cBlackFM {min-height:unset; padding-bottom:30px;} .bottom_btn_study {padding:0 16px;} .social [class^="board_wrap_"] {margin-top:20px;} .rep_top_w {padding:0 24px;} .rep_top_w .rt_sort {right:24px;} .replyForm_group_w {padding:0 24px;} .top_slct_wL {padding:0 24px;} .top_slct_wL .custom_select {float:right;} /* 시험응시 팝업 */ .sti_test {width:calc(100% - 270px);} .pop_wrap_studyApply .board_wrap_write {width:100%;} /* 마이크로러닝 학습창 레이아웃 */ .ml_learning_w {width:100%;} .micro_learning_w .btnIcon_menu {display:inline-block;} .mbb_inner {height:calc(100% - 200px);} .ml_content_w {position:absolute; top:50px; right:-520px; border-left:1px solid #e6e6e6; z-index:99;} .ml_content_w.show {right:0;} .btnIcon_close_mic {display:none;} /* 학습완료 */ .top_slct_wA {height:90px;} .top_slct_wA .sw_right {padding-top:25px;} .table_wrap_stContents {width:calc(100% - 48px); margin:0 24px; overflow-x:auto;} .table_wrap_stContents .table_infoList {width:1365px;} /* 소셜러닝 */ .st_social_lists {padding:0 24px;} .sts_list {padding:18px 0 20px;} .sts_list .sts_label {position:relative; top:auto; left:auto; width:auto; height:auto; margin-top:0; padding:3px 5px; font-size:0.625em; border-radius:3px;} .sts_list .sts_label + .txt_s20cDark {display:block; margin-bottom:5px; padding-top:3px; font-size:1em;} .sts_info [class^="txt_s14"] {font-size:0.750em;} .topinfoBox_social {padding:56px 24px;} .topinfoBox_social .tib_inner {width:100%;} .topinfoBox_social .tbi_cont {padding:0;} .topinfoBox_social .tic_details {width:100%;} .tic_details .tit_s32cBlack {display:block;padding-bottom:20px;} .topinfoBox_social .tic_details .tic_info {padding:0; border:0; margin-top:0; background:none;} .topinfoBox_social .ti_list .txt_s15cDark {width:63px;} .contBox_isLNB.social {padding:0;} .lnb_wrap.social {display:none;} .social .cb_inner > .tit_s24cBlackFS {padding:20px 16px; font-size:1.125em;} .social .srchBox_gray {padding:25px 16px;} .social .srchBox_gray .custom_select {display:inline-block;} .social .srchBox_gray .custom_select .select2-container {width:140px !important;} .social .srchBox_gray .inp_txt_default {width:calc(100% - 450px); margin-top:10px; vertical-align:bottom;} .social .btnIcon_srch {background-image:url('../images/common/btn_srch_black.png'); background-size:16px auto;} .social .table_wrap_stLists.board {width:calc(100% - 32px); margin:0 16px; overflow-x:auto;} .social .table_wrap_stLists.board .table_infoList {width:1024px; table-layout:fixed;} .gal_lists_w {left:auto; width:100%;} .gal_list {width:calc((100% - 96px) / 3); margin:30px 0 0 24px;} .gal_list .thumbnail_gallery {width:100%;} .thumbnail_gallery .thumb_img {height:163px;} .thumbnail_gallery .thumb_cont {padding:10px 2px;} .thumbnail_gallery .thumb_cont .tit_s16cBlack_ellipsis {font-weight:400;} /* 마이페이지 */ [class^="box_Gline"] {padding:15px;} .box_Gline_medium {width:calc((100% - 10px) / 2);} .box_Gline_keyword {padding-left:176px;} .box_grid_w [class^="box_Gline_"] + [class^="box_Gline_"] {margin-left:10px;} .box_grid_w .box_Gline_small {width:100%; height:unset; margin-left:0 !important; margin-top:10px;} [class^="box_Gline"] > [class^="tit_"] {top:15px; left:15px;} .msl_link .txt_s50cBlackFM {font-size:30px;} .mp_status_sub {width:100px; top:20px; padding:0;} .bg_sub_info, .box_Gline .link_more {left:15px;} .mg_like_lists {padding-left:161px;} .mgl_list {width:calc((100% - 30px) / 4);} .mgl_list + .mgl_list {margin-left:10px;} .mgl_list .thumbnail_default {width:100%;} .mgl_list .thumb_img {height:112px;} .mgl_list .tc_top {padding:0;} .mgl_list .thumb_cont .tit_s14cDark_ellipsisC2 {font-weight:500;} .box_Gline .inner_noData, [class^="bg_banner_"] {margin-left:161px;} [class^="bg_banner_"] .link_subj {background-size:70px auto;} [class^="bg_banner_"] .link_subj .txt_s18cDark {font-size:14px;} .box_Gline_apply .bg_sub_info {font-size:14px; color:#898989;} .bga_lists {padding:15px 0 0 181px;} .bga_list {text-align:center;} .sme_mini .csc_status {padding-top:20px;} .box_Gline_myconts .custom_select, .bg_mc_sorts {left:16px;} .box_Gline_myconts .mgl_list .thumb_cont {height:135px;} .mgl_list .inp_chk_like .txt_s12cWhite {padding-left:68px;} .box_Gline_myconts .tc_info {padding-top:0;} .box_Gline_myconts .mgl_list .tc_info_r {float:unset;} .box_Gline_full .srchBox_gray {padding:25px 16px 20px; text-align:left;} .formGroup_chck {padding-left:0;} .sb_lists + .btn_scDarkhh40_srch {position:relative; top:-15px; margin-top:0; vertical-align:bottom;} .sb_list:nth-child(1) {margin-bottom:10px;} .sb_list:nth-child(2) {clear:both; margin-left:0;} .contBox_isLNB .cb_inner h4.tit_s20cBlackFS {top:auto; left:auto;} .box_Gline_full .tit_s20cBlackFS + .table_wrap_studyTb {width:100%; margin:0;} .table_bbsList_chkReport th:nth-child(1) {width:360px;} .cr_btn_w .txtIcon_s14cGDark_guide {position:relative; bottom:auto; margin-top:20px;} .top_slct_wL.ty2 {padding:0;} .top_slct_wL.ty2 .custom_select {float:left;} .fav_list .thumbnail_col .thumb_cont .tit_s16cBlack_ellipsis {max-height:3em; margin-bottom:15px; display:-webkit-box; -webkit-line-clamp:2; /* 라인수 */ -webkit-box-orient:vertical; word-wrap:break-word; white-space:pre-line;} .fav_list .txt_s14cLGrayFM {max-width:80%; max-height:1.7em; -webkit-line-clamp:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .acodian_favorite .inp_chk_like, .fav_list .btnIcon_delete {right:0;} .bm_list {width:calc((100% - 80px) / 3);} .bm_list .thumbnail_sme {width:100%; padding:30px 16px;} .bm_list .thumbnail_sme .thumb_cont {height:167px;} .bm_list .thumbnail_sme .tc_info {padding-top:10px;} .bm_list .mark_user {top:auto; bottom:55px; left:0; width:100%; height:unset; background:#fff; padding:0; white-space:nowrap; text-align:center;} .bm_list:hover .mark_user {display:block;} .mark_user .icon_user {background:url('../images/common/icon_group.png') center no-repeat; background-size:15px auto;} .bm_list .mark_user .txt_s14cWhite {color:#898989; font-size:0.750em; vertical-align:text-top;} .bm_list .tc_btn {bottom:0; opacity:1;} .table_wrap_myInfo .inp_txt_email {width:137px;} .fga_list .inp_txt_address {width:100%;} .table_wrap_myInfo .custom_select {display:block; width:100%;} .table_wrap_myInfo .custom_select .select2-container {width:100% !important; font-size:0.875em;} .table_wrap_myInfo .formGroup_email .custom_select {display:inline-block; width:auto; margin-left:10px;} .table_wrap_myInfo .formGroup_email .custom_select .select2-container {width:127px !important;} /* 내SME채널_콘텐츠 등록 */ .ctic_sub .cs_tit_ellipsis {position:relative; top:auto; right:auto; display:block; max-width:100%; padding-top:5px;} .addi_list {padding:30px 20px;} .addi_list .custom_select_big {display:block;} .addi_list .custom_select_big .select2-container {width:100% !important;} .box_noData_img .btnIcon_delete {opacity:1;} .ccard_list {width:calc((100% - 48px) / 3);} .cil_list {width:100%;} .cil_list:first-child, .cil_list + .cil_list:before {display:none;} .contType_inner .ctic_card_box .btn_secondary_file {width:100%;} /* 고객센터 */ .tab_wrap_support {width:100%; padding:0 24px;} .contBox_stuDivi.support {padding:0 24px;} .cb_btn_w .inp_chk_event {margin-right:-16px;} .gal_list.end:before {height:163px; padding:70px 10px; font-weight:700;} } /* 태블릿 */ @media screen and (min-width:768px) and (max-width:1023px) { .h_subTitle .tit_s16cBlack {font-size:18px;} .topinfoBox_line {display:none;} /* 구독 */ .cb_title_w {padding:15px 16px} .cb_mid_w .cb_title_w {padding:30px 16px 20px;} .sliderWrap_subscribe {padding:0 0 30px 16px;} .sliderWrap_subscribe .slider_list + .slider_list {margin-left:16px;} .sliderWrap_subscribe .slider_list .thumbnail_smeMini {width:120px;} .contWrap_lists {width:100%; left:0; margin-top:0; overflow:hidden;} .cwl_list {float:left; width:calc((100% - 48px) / 2); margin:30px 0 0 16px;} .cwl_list:nth-child(n+1):nth-child(-n+4) {margin-top:30px;} [class^="thumbnail_"] {width:100%;} [class^="thumbnail_"]:hover {transform:translateY(0) !important;} [class^="thumbnail_sme"] {padding:20px 30px; height:370px;} [class^="thumbnail_sme"] .tc_info {padding-top:10px;} [class^="thumbnail_sme"] .tc_info_r .tc_info_r {padding-top:8px;} .inp_chk_subscription .btn_primaryh40 [class^="txt_"] {font-size:0.889em;} .thumb_img {height:163px;} .tc_btn, .mark_user {bottom:20px;} .sliderWrap_popChannel {left:2px; width:100%;} .thumbnail_smeSub {width:222px;} /* 탐색 */ .dis_srch_w {display:none;} .dis_srch_mow {display:block;} .box_srch_result {margin-top:-20px; padding:8px 16px; background:rgba(39,181,172,.1);} .box_sort_w {padding:20px 16px; overflow:hidden;} .box_sort_w .inp_chk_btn {float:left; width:calc((100% - 9px) / 2);} .box_sort_w .inp_chk_btn + .inp_chk_btn {margin-left:9px;} .box_sort_w .inp_chk_btn .btn_chk_s14 {width:100%;} .bs_category_w {display:none; margin-top:-5px; padding-bottom:25px;} .bsc_top {padding:0 16px 12px;} .bsc_top .txt_s13cBlackFS {margin-right:8px;} .bt_lists {display:inline-block; vertical-align:middle;} .bt_list {position:relative; float:left;} .bt_list + .bt_list {margin-left:20px;} .bt_list + .bt_list:before {position:absolute; top:5px; left:-14px; width:8px; height:13px; background:url('../images/common/arrow_right_gray.png') center no-repeat; background-size:100% auto; content:'';} .bt_list .txt_s13cGray {padding:2px 12px 1px; border:1px solid #dbdbdb; border-radius:13px; font-weight:400; white-space:nowrap;} .bt_list.active .txt_s13cGray {background:#898989; border:0; color:#fff;} .bsc_lists {max-height:180px; border-width:1px 0; border-style:solid; border-color:#ccc; overflow-y:auto;} .bsc_list{padding:6px 16px; background:#fff url('../images/common/arrow_right_mint.png') calc(100% - 16px) center no-repeat; background-size:0;} .bsc_list.active {background:rgba(39, 181, 172, 0.1) url('../images/common/arrow_right_mint.png') calc(100% - 16px) center no-repeat; background-size:8px auto;} .bsc_list [class^="txt_"], .bsc_list.active .cDGray {font-weight:400;} .bsc_list .cDGray {padding-left:3px;} .bsc_list.active .txt_s14cBlack {color:#27b5ac; font-weight:700;} .bsc_lists .txt_s14cLGray {padding:7px 16px 6px; font-weight:400;} .btn_subj_extra {display:block; width:calc(100% - 32px); margin:0 auto; margin-bottom:25px; text-align:left; padding:22px 20px 20px; background:url('../images/common/icon_link_round.png') calc(100% - 20px) center no-repeat; background-size:30px auto; border:1px solid #e6e6e6; border-radius:3px; box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.1);} .chk_lists_w {padding:0 0 10px 16px; overflow-x:auto;} .top_slct_w {padding:0 16px;} .topinfoBox_exp {padding:0 0 30px 0; background:#fff; border-bottom:10px solid #f3f3f3;} .topinfoBox_exp .tib_inner {width:100%; min-height:unset; padding:225px 0 0 0;} .tib_inner .link_lists, .tbi_thumbnail .ttb_rating {display:none;} .tbi_thumbnail {width:100%; height:225px;} .ttb_img_w {width:100%; height:100%; border-radius:0;} .ttb_img_w img {border-radius:0;} .tbi_cont {padding:20px 16px 20px;} .tic_details {float:unset; width:100%;} .tbi_cont .tit_s32cBlack {font-size:1.250em; letter-spacing:-0.5px;} .tic_details .tic_info {margin-top:10px; padding:12px 10px; border:1px solid #e6e6e6; background:#f8f8f8; border-radius:3px;} .ti_list .txt_s15cMint, .ti_list .txt_s15cDark, .ti_list [class^="txt_s16"] {width:90px; font-size:0.813em;} .ti_list .txt_s15cDarkFM, .ti_list .txt_s16cDarkFM {width:calc(100% - 95px);} .tic_info + .ttb_rating {display:block; text-align:center;} .ttb_rating .formGroup_rdStar .txt_s16cBlack {padding-left:12px; vertical-align:bottom;} .tic_opt_w {display:none;} .tic_details .keyword_lists_w {display:block; padding-top:7px;} .tic_details .kw_list {height:18px; padding:1px 5px; line-height:.7; border:1px solid #e6e6e6; border-radius:23px; white-space:nowrap;} .tic_details .kw_list .txt_s10cLGray {font-size:0.750em; font-weight:400;} .tic_details .custom_select_big {display:block; width:100%; margin-top:15px;} .tic_details .custom_select_big .select2-container {width:100% !important; font-size:0.875em;} .tic_top [class^="txtLabel_"] {font-size:0.688em;} .tib_sub_box {position:relative; left:auto; margin-left:0; padding:65px 16px 0; width:100%; height:unset; overflow:hidden;} .tsb_lists_w {float:unset; display:block; table-layout:unset; width:100%; padding:0;} .tsb_list {position:relative; display:unset; float:left; width:calc(100% / 2); padding:9px 12px 9px 0; border-bottom:1px solid #e6e6e6; border-right:0; text-align:right;} .tsb_list + .tsb_list {border-left:1px solid #e6e6e6;} .tsb_list:nth-child(2n-1) {border-left:0;} .tsb_list:nth-child(2n) {padding:9px 0 9px 12px;} .tsb_list:last-child {padding-right:0;} .tsb_list .txt_s18cBlack, .tsb_list .txt_s18cBlack .s24 {padding:0; font-size:1em;} .tsb_list .txt_s15cGray {position:absolute; top:50%; left:0; margin-top:-10px;} .tsb_list:nth-child(2n) .txt_s15cGray {left:12px;} .tsb_btn_w {position:absolute; top:0; left:16px; float:unset; width:calc(100% - 32px); padding-top:0; text-align:left; overflow:hidden;} .tsb_btn_w [class^="btn_"] {float:left; width:calc(calc((100% - 10px) / 2));} .tsb_btn_w [class^="btn_"] + [class^="btn_"] {margin:0 0 0 10px;} .popCardWrap_exp, .exp_keyword_w {display:none;} .exp_tabWrap {width:100%;} .exp_navTap .tabmenu_default {top:43px; height:44px; border:0;} .exp_navTap .tab_scroll_w {border-bottom:1px solid #e6e6e6;} .exp_navTap .tabmenu_default > .tab_list:before {display:none;} .exp_navTap .tabmenu_default .btn_tab {background:#fff; border-radius:0;} .exp_navTap .tabmenu_default .btn_tab.active:before {position:absolute; bottom:0; left:0; width:100%; height:2px; background:#27b5ac; content:'';} .exp_navTap .tabmenu_default .btn_tab.active .txt_s16 {color:#27b5ac;} .exp_navTap.pwsFixed {position:fixed; top:43px; left:0; width:100%; z-index:3;} .exp_navContainer .tabLink_wrap {padding:20px 16px;} .tabLink_wrap + .tabLink_wrap {border-top:10px solid #f3f3f3;} .tabLink_wrap .cb_title_w {padding-bottom:15px;} .tabLink_wrap .cb_title_w .tit_s30cBlack, .cb_title_w .tit_s30cBlack + .txt_s30cMint {font-size:1.250em;} .cb_title_w .tit_s30cBlack + .txt_s30cMint {padding-left:3px;} .cb_title_w .txtIcon_s14cGDark_guide {display:block; position:relative; bottom:auto; right:auto; margin-top:15px; padding-left:20px; font-size:0.688em;} .txtIcon_s14cGDark_guide:before {width:14px; height:14px;} .cb_box_gray {padding:15px;} .cb_box_gray .tit_s20cBlack {font-size:1em;} .cb_list_w .cb_list [class^="txt_s16"] {font-size:0.875em;} .cb_box_gray .af_list {width:100%; margin:0;} .cb_box_gray .af_list + .af_list, .cb_box_gray .af_list:nth-child(n+1):nth-child(-n+3) {margin-top:5px;} .cb_box_gray .af_list .linkIcon_file {width:100%;} .cb_box_gray .linkIcon_file:before {background:#27b5ac url('../images/common/icon_download_on.png') center no-repeat; background-size:20px auto;} .cb_box_gray .af_list .txt_s14cDark {font-size:0.813em; font-weight:400;} .tab_wrap_button .tab_scroll_w {position:relative; left:-16px; width:calc(100% + 32px); border:0;} .tab_scroll_w .tabmenu_button {padding:0 16px;} .tabmenu_button .tab_list {min-width:110px;} .tabmenu_button .btn_tab .txt_s16 {font-size:0.875em;} .step_list {height:unset;} .btn_more_w .btn_grayLineh40_more {width:64px; height:26px;} .tabLink_wrap .btn_more_w .btn_grayLineh40_more .txt_btn_name {font-size:0.750em;} .step_list_number .step_list {padding:15px 15px 15px 39px;} .step_list_number .txt_s16cBlack .txt_s20cDark {position:absolute; top:15px; left:8px;} .table_wrap_studystate .table_infoList thead th:nth-child(1) {width:40%;} .table_wrap_studystate .table_infoList thead th:nth-child(2) {width:42%;} .table_wrap_studystate .table_infoList thead th:nth-child(3) {width:18%;} .table_wrap_studystate td {padding:8px 5px;} .table_wrap_bookinfo .table_infoList tbody {display:block;} .table_wrap_bookinfo .table_infoList tbody tr {display:block; width:100%; background:#f8f8f8; border-bottom:1px solid #e6e6e6;} .table_wrap_bookinfo th {display:inline-grid; padding:18px 15px; border:0;} .table_wrap_bookinfo td {display:inline-grid; width:calc(100% - 138px); padding:15px 10px 15px 15px; background:#fff; border:0;} .bi_img_w {width:104px; height:144px;} .table_wrap_bookinfo td .tit_s20cBlack {font-size:1em;} .table_wrap_bookinfo .bi_info {padding-top:20px;} .table_wrap_bookinfo .bi_info [class^="txt_s16"] {font-size:0.875em;} .rf_average {top:-47px; white-space:nowrap;} .rf_average .ttb_rating {padding:4px 7px 5px; margin-top:0;} .rf_average .ttb_rating .txt_s14cLGray, .rf_average .ttb_rating .formGroup_rdStar .txt_s16cBlack {font-size:0.750em;} .rf_average .ttb_rating .formGroup_rdStar {vertical-align:text-top;} .rf_average .ttb_rating .formGroup_rdStar .txt_s16cBlack {vertical-align:text-bottom;} .rf_average .icon_star_left, .rf_average .icon_star_right {width:8px; height:16px;} .ex_list {float:unset; width:100%; min-height:60px; padding-left:80px;} .ex_list + .ex_list {margin-left:0; margin-top:30px;} .ex_list + .ex_list:before {position:absolute; top:-28px; left:26px; width:6px; height:30px; background:url('../images/discover/icon_step_dot.png') center; background-size:6px auto; content:''; z-index:-1;} .ex_list [class^="icon_ex_"] {width:60px; height:60px;} .ex_list .icon_ex_step1 {background-image:url('../images/discover/icon_process01_mo.png');} .ex_list .icon_ex_step2 {background-image:url('../images/discover/icon_process02_mo.png');} .ex_list .icon_ex_step3 {background-image:url('../images/discover/icon_process03_mo.png');} .ex_list .txt_s14cRed {display:none;} .ex_list .txt_s20cDarkFS {font-size:1em;} .ex_list .txt_s14cGrayFM {padding-top:5px; font-size:0.750em;} /* 과정상세 플로팅 버튼 */ .study_apply_w, .floating_btn {position:fixed; bottom:64px; left:0; width:100%; height:68px; padding:10px 16px; border-top:1px solid #e6e6e6;} .fixed .study_apply_w, .fixed .floating_btn {border-top:0;} .study_apply_w .inp_chk_like, .sr_wrap .inp_chk_like {float:left; width:96px; height:48px; padding:11px 5px; background:#fff; border:1px solid #e6e6e6; border-radius:24px;} .study_apply_w .inp_chk_like .icon_heart, .sr_wrap .inp_chk_like .icon_heart {position:relative; left:auto; bottom:auto; margin-left:0; margin-bottom:0; margin-top:-20px; width:20px; height:40px; background-image:url('../images/common/icon_heart_line.png');} .study_apply_w .inp_chk_like input[type="checkbox"]:checked + .icon_heart:before, .sr_wrap .inp_chk_like input[type="checkbox"]:checked + .icon_heart:before {width:20px; height:40px; background-size:20px auto;} .study_apply_w .inp_chk_like input[type="checkbox"]:checked + .icon_heart + .txt_s16cLGray, .sr_wrap .inp_chk_like input[type="checkbox"]:checked + .icon_heart + .txt_s16cLGray {color:#27b5ac;} .study_apply_w .inp_chk_like .txt_s16cLGray {padding-left:3px;} .study_apply_w [class*="h50"], .floating_btn [class*="h50"] {height:48px; padding:15px 10px;} .study_apply_w .btn_primaryh50 {float:right; width:calc(100% - 106px);} .study_apply_w .btn_primaryh50 [class^="txt_"] {font-size:0.938em;} .study_apply_w [class^="btn_"]:disabled {background:#ccc;} .floating_btn .btn_primaryh50 {width:calc(100vw - 32px);} .floating_btn .icon_write {width:16px; height:16px; margin-right:7px; background:url('../images/common/icon_write_white.png') center no-repeat; background-size:100% auto;} .floating_btn [class^="icon_"] + [class^="txt_"] {vertical-align:bottom;} .sa_btn_w {float:right; width:calc(100% - 106px);} .sa_btn_w [class^="btn_"] {width:calc((100% - 8px) / 2);} .study_apply_w .sa_btn_w [class^="btn_"]:disabled {white-space:normal;} /* 과정상세 수강신청 팝업 */ .table_wrap_inpApply .formGroup_address .fga_list .inp_txt_address {width:100%;} .table_wrap_inpApply .formGroup_email .inp_txt_email {width:140px;} .table_wrap_inpApply .formGroup_email .custom_select_h36, .table_wrap_inpApply .formGroup_email .custom_select_h36 .select2-container {width:140px !important;} .custom_select_apply .select2-container {width:200px !important;} .inp_srch_pop .lyl_list [class^="txt_"] {padding-top:0;} .select_wrap .custom_select_h36 {width:calc((100% - 20px) / 4);} .select_wrap .custom_select_h36 .select2-container {width:100% !important;} /* 탐색_sme채널 */ .cst_img_w {height:68px;} .cb_sme_top {box-shadow:none; border-bottom:1px solid #dbdbdb;} .cb_sme_cont {width:100%; min-height:74px; padding:16px 16px 16px 100px;} .csc_profile {float:unset; width:100%;} .csc_profile .tsw_img {width:72px; height:72px; top:16px; left:16px;} .csc_profile .txtLabel_cLBlue {font-size:0.688em;} .csc_profile .txt_s28cBlackFS {margin-top:7px; font-size:1.125em; font-weight:400;} .csc_profile .txt_s12cLGray {max-width:75%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .csc_status {float:unset; position:relative; left:-100px; width:calc(100% + 116px); padding:20px 16px 0;} .csc_status .inp_chk_subscription {position:absolute; top:-23px; right:16px;} .csc_status .inp_chk_subscription .btn_primaryh40 {height:30px; padding:7px 5px;} .csc_status .inp_chk_subscription .btn_primaryh40 .txt_s20 {font-size:0.875em;} .csc_lists_w {display:table; table-layout:fixed; width:100%;} .csc_list {float:unset; display:table-cell;} .csc_list + .csc_list {padding-left:0;} .csc_list [class^="icon_"] {width:20px; height:20px; margin-right:0;} .csc_list .txt_s20cDark {display:none;} .csc_list .txt_s20cDarkFS {padding-top:5px; font-size:0.750em; font-weight:400;} .cb_sme_wrap {width:100%; padding-top:10px;} .cb_sme_wrap .top_slct_w {position:relative; right:auto; padding:0 16px; text-align:right;} .top_slct_w .custom_select .select2-container .select2-selection--single {border:0;} .custom_select_nline .select2-container {width:auto !important; min-width:100px;} .custom_select_nline .select2-container .select2-selection--single {border:0; text-align:right;} .custom_select_nline .select2-container--default .select2-selection--single .select2-selection__arrow b {width:14px; height:14px; margin-top:-8px; border:0; background:url('../images/common/icon_array.png') center no-repeat; background-size:100% auto;} .custom_select_nline .select2-container .select2-selection--single .select2-selection__rendered {padding-right:35px;} .cb_sme_wrap .contWrap_lists {left:0; width:100%; margin-top:-30px; padding:0 0 10px 0; border-top:0; overflow:hidden;} .cb_sme_wrap .cwl_list {float:left; width:calc((100% - 63px) / 2);} .cb_sme_wrap .cwl_list:nth-child(n+1):nth-child(-n+4) {margin-top:50px;} .cb_sme_wrap .cwl_list .thumbnail_default {width:100%;} .cb_sme_wrap .cwl_list .thumbnail_default .tc_info {display:none;} /* 학습 */ .contBox_study .contWrap_lists {margin-top:-30px;} .contBox_study .cwl_list {width:calc((100% - 66px) / 2); box-shadow:0 2px 8px 0 rgb(0 0 0 / 10%);} /* 마이크로러닝 학습창 레이아웃 */ .micro_learning_w {padding-top:0; width:100%; height:100%; overflow-y:auto;} .ml_learning_w {width:100%; height:unset;} .mll_head {position:relative; padding:12px 24px;} .mll_head .tit_s26cWhite_ellipsis {width:100%; max-width:70%; font-size:1em;} .micro_learning_w .btnIcon_close {right:13px; background-size:20px auto;} .mlh_grp_w {display:none;} /* pei graph */ .circle-graph p {text-align:center; z-index:100; font-weight:700; color:#121212;} .graph-one {height:300px;} circle-graph-container {position:relative;} canvas {position:absolute; top:0;} .mll_head .graph_container {display:block; position:absolute; top:50%; right:60px; width:36px; height:36px; margin-top:-18px;} .graph_container .circle-graph p {font-size:10px; color:#fff; font-weight:400;} .viewer_w {height:unset;} .card_slider_w, .vcs_list {height:432px;} .card_slider_w {width:calc(100% - 200px);} .cs_control {padding:15px 0;} .viewer_w.ty2, .ml_board_boxTy2 {height:432px;} .ml_board_box {width:100%; padding-top:0;} .ml_board_boxTy2 .align_maker {display:none;} .mbb_inner {width:100%; height:100%; padding:24px; background:#f8f8f8; border-bottom:10px solid #f3f3f3; border-radius:0;} .table_wrap_seminar td {background:#fff;} .table_wrap_seminar .linkIcon_file:before {background:#27b5ac url('../images/common/icon_download_on.png') center no-repeat; background-size:20px auto;} .ml_content_w {position:relative; right:auto; top:auto; width:100%; height:unset;} .ml_head {padding:12px 24px; border-bottom:10px solid #f3f3f3; background:#fff;} .mh_top [class^="txt_"] {font-size:0.625em; color:#898989;} .ml_head .tit_s24cWhiteFS_ellipsisC2 {height:auto; font-size:1.125em; color:#121212; font-weight:500;} .opt_sme_w .txt_s18cWhite_ellipsis {font-size:0.875em; color:#333; font-weight:400;} .mh_info [class^="txt"] {font-size:0.750em; color:#898989;} .mhi_lists {white-space:nowrap;} .mhi_lists .txtIcon_view {background-image:url('../images/common/icon_view.png');} .mhi_lists .txtIcon_comment {background-image:url('../images/common/icon_comment.png');} .mhi_lists .txtIcon_heart {background-image:url('../images/common/icon_heart_line.png');} .tab_wrap_micro {height:100% !important; padding-top:0;} .tab_wrap_micro .tab_scroll_w {border-bottom:1px solid #dbdbdb;} .tab_wrap_micro .tabmenu_default {width:100%; border:0;} .tab_wrap_micro [class^="tabmenu_"] > .tab_list {min-width:60px;} .tab_wrap_micro .tabmenu_default > .tab_list:before {display:none;} .tab_wrap_micro .btn_tab.active {background:#fff;} .tab_wrap_micro .btn_tab.active:before {position:absolute; bottom:-2px; left:0; width:100%; height:2px; background:#27b5ac; content:'';} .tab_wrap_micro .btn_tab .txt_s16 {padding:15px 12px;} .tab_wrap_micro .btn_tab.active .txt_s16 {color:#27b5ac;} .tab_wrap_micro .tabCont_w {height:unset; padding:15px 24px 60px; overflow:hidden;} .tab_wrap_micro .tabCont_w .tit_s18cBlack + .inp_chk {top:15px; right:17px; white-space:nowrap;} .tab_wrap_micro .tit_s18cBlack + .inp_chk .txt_s14cDark {font-size:0.813em;} .tab_wrap_micro .cb_link .inp_txt_default {width:calc(100% - 130px);} .tab_wrap_micro .formGroup_rdStar .txt_s16cBlack {vertical-align:bottom;} .cb_link + .mi_txt {padding-top:15px;} .mi_txt .txt_s16cDarkFM {font-size:0.875em;} .kw_list .link_keyword {min-width:65px; padding:3px 10px; font-size:0.688em;} .tr_list .thumbnail_col {height:80px;} .tr_list .thumbnail_col .thumb_img {width:132px; height:80px;} .tr_list .thumbnail_col .thumb_cont {padding-left:142px;} .tr_list .tc_info [class^="txt_"] {font-size:0.750em;} .pc_list.complete {background-position:calc(100% - 36px) center;} .pc_list [class^="icon_aside_"] {top:20px;} .pc_list > .tit_s16cBlack {padding-right:10px; font-size:0.875em;} .pc_list > .tit_s16cBlack .txt_s16cLGray {padding-right:0; font-size:0.750em;} .bk_write_w {padding-top:0;} .bk_write_w .txt_s16cBlackFS {display:block; padding-bottom:5px;} .bk_write_w .inp_txt_gray {width:calc(100% - 55px);} .bk_write_w .btn_scDarkh40 {width:48px; padding:7px;} .bc_list:before {left:0; width:100%; margin-left:0;} .bc_list .inp_txt_default input[type="text"] {font-size:0.750em;} .rpw_lists_micro {left:0; width:100%;} .rpw_lists_micro .rpw_list {padding:15px 0 15px 48px;} .rpw_lists_micro .rl_img_w {width:40px; height:40px; top:15px; left:0;} .rpw_lists_micro .reply_write_w {left:0; width:100%; margin-left:0;} .rpw_lists_micro .reply_write_w .inp_txtArea {width:calc(100% - 70px);} .rpw_lists_micro .reply_write_w textarea::placeholder {font-size:0.750em;} .modify [class^="inp_txtArea"] textarea {font-size:0.750em;} .rpw_lists_micro .reply_write_w .btn_reply_enroll {width:59px;} .rpw_lists_micro .rl_info .txt_s14cBlack {font-size:0.875em;} .rpw_list .inp_chk_like .icon_heart {background:url('../images/common/icon_heart_off.png') center bottom no-repeat; background-size:20px auto;} .rpw_list .inp_chk_like .icon_heart + .txt_s14cLGray {font-size:0.750em; font-weight:400;} .rpw_list .inp_chk_like input[type="checkbox"]:checked + .icon_heart {background:url('../images/common/icon_heart_on.png') center bottom no-repeat; background-size:20px auto;} .rpw_lists_micro .rpw_list .tools_btn_w {top:5px; right:-10px;} /* 학습 상세 */ .topinfoBox_study .tib_inner .link_lists {display:block; top:-3px; background-image:url('../images/common/arrow_right_mint.png'); white-space:nowrap;} .topinfoBox_study .tib_inner .link_lists .txt_s14cDarkFM {color:#27b5ac; font-size:0.750em;} .topinfoBox_study .tic_details .tic_info {padding:0; border:0; background:none;} .topinfoBox_study .ti_list .txt_s15cDark {width:63px;} .topinfoBox_study .ti_list .txt_s15cDarkFM {width:calc(100% - 70px);} .topinfoBox_study .ttb_rating {float:left; width:calc(100% - 152px); margin:0; padding:8px 10px 8px;} .topinfoBox_study .icon_star_left, .topinfoBox_study .icon_star_right {width:9px; height:18px;} .to_btn_w {float:right; table-layout:unset; width:auto;} .topinfoBox_study .tic_opt_w {float:unset; display:block; width:100%; margin-top:25px;} .tic_opt_w .inp_chk_like {width:142px;} .tic_opt_w .inp_chk_like .icon_heart {width:20px; height:40px; margin-bottom:-10px; margin-left:-16px;} .tic_opt_w .inp_chk_like input[type="checkbox"]:checked + .icon_heart:before {width:20px; height:40px; background-size:20px auto;} .tb_list .inp_chk_like .txt_s16cLGray {padding:8px 20px 8px 50px; font-size:1em; letter-spacing:-.3px;} [class^="sd_status_"] {width:100%; padding:16px 0; border-radius:0;} [class^="btn_sd_"] {float:unset; display:block; width:calc(100% - 32px); height:auto; margin:0 auto; margin-top:10px; padding:10px 10px 9px;} [class^="btn_sd_"] [class^="icon_"] {display:inline-block; width:24px; height:24px; margin:0 8px 0 0;} .btn_sd_contents {padding:45px 30px;} .contBox_stuDivi .cb_inner {padding-top:0;} .bdView .contBox_stuDivi .cb_inner {padding-top:30px;} .sh_list {padding:20px 0;} .sh_list + .sh_list {margin-top:0; border-top:10px solid #f3f3f3;} [class^="sdivi_"] .sd_tit_w {margin:0; padding:0 16px 20px;} .sdivi_left {width:100%;} .sd_noti_lists {margin:0 16px;} .sdivi_left .sd_noti_list .link_subj .txt_s16cDark_ellipsis {max-width:100%;} .sdivi_left + .sdivi_notice {clear:both; display:inline-block; width:100%; margin-top:20px; padding-top:20px; border-top:10px solid #f3f3f3;} .sdivi_notice .link_subj {margin-top:0; white-space:nowrap; opacity:1;} .sdivi_left .tic_info {margin:0 16px;} .sdivi_notice .inner_noData {width:calc(100% - 32px); margin:0 auto;} .sd_study_schedule {padding:0 16px;} .si_boxLine_w {padding:0 16px;} .sib_lists {width:220px;} .si_boxLine_w .btn_sd_contents {display:inline-block; width:calc(100% - 350px); height:75px; margin:0 0 0 10px; vertical-align:top;} .sib_place {margin-left:10px;} .si_boxLine_w .btn_sd_calendar {display:inline-block; margin:0 0 0 10px; vertical-align:top;} .si_list + .si_list {padding-top:20px;} .si_list .sd_tit_w {margin-top:0;} .table_wrap_stComplete {width:calc(100% - 16px); margin:0 0 0 16px; overflow-x:auto; table-layout:unset;} .table_wrap_stComplete .table_infoList {width:728px; table-layout:fixed;} .table_wrap_stComplete .throw th:nth-child(2) {width:140px;} .table_wrap_stComplete .table_infoList [class^="txt_"] {font-size:0.875em;} /* 학습콘텐츠 */ [class^="studyList_cont"] {margin:0 16px;} .sh_list .studyList_cont {border:0;} .sconts_list {border:0;} .sconts_list + .sconts_list {margin-top:20px;} .link_subj_sct {min-height:unset; padding:15px 10px; border:1px solid #e6e6e6; border-radius:3px;} .link_subj_sct .txt_s14cMintFM {font-weight:500;} .link_subj_sct .txt_18cBlack {max-height:3em; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; white-space:pre-line; overflow:hidden;} .sct_info {padding-top:8px;} .link_subj_sct .graph_container {display:none;} .link_subj_sct .grap_x_mint {display:block; padding-top:7px;} .sconts_list + .sconts_list.ty2, .sconts_list.ty2 + .sconts_list {border-top:0;} .sconts_list.ty2 {height:auto; border:1px solid #e6e6e6 !important; border-radius:3px;} .sconts_list.ty2 .link_subj_sct {padding:15px 10px; border:0;} .ty2 .sct_info .txt_s14cLGray, .sconts_list [class^="btn_"] .txt_btn_name {font-size:0.750em;} .sconts_list [class^="btn_"] {right:10px; margin-top:-16px; width:71px; height:33px; padding:7px 5px;} .acodian_studyConts .a_list + .a_list {margin-top:20px;} .acodian_studyConts .a_list .btn_a_toggle {min-height:unset; padding:15px 10px; background:#fff; border:1px solid #e6e6e6;} .acodian_studyConts .a_list:first-child .btn_a_toggle {border-top:1px solid #e6e6e6;} .acodian_studyConts .btn_a_toggle .txt_af_head {font-size:0.875em; font-weight:400;} .acodian_studyConts .txt_head {padding-right:10px;} .acodian_studyConts .a_context {background:#f8f8f8; border:1px solid #e6e6e6; border-top:0;} .acodian_studyConts .a_context .link_subj_sct {border:0;} .sct_lists_w {margin:0 10px; padding:15px 0;} .sctl_list + .sctl_list {padding-top:5px;} .grap_x_gray {white-space:nowrap;} .grap_x_gray .gWrap {width:200px;} .sctl_list .grap_x_gray .txt_s14cDark {width:60px; font-weight:400;} .sctl_list .grap_x_gray .txt_s14cMint {padding-left:8px; font-size:0.750em; font-weight:400;} [class^="studyList_cont_"] .sconts_list {border-bottom:1px solid #e6e6e6;} [class^="studyList_cont_"] .sconts_list + .sconts_list {margin-top:0;} [class^="studyList_cont_"] .thumbnail_col .thumb_cont {padding-right:250px;} .studyList_cont_num .sconts_list {padding-left:0;} .studyList_cont_num .txt_s20cBlackFS {position:absolute; top:0; left:0; min-width:23px; padding:4px 6px; border-radius:5px 0 5px 0; background:#27b5ac; font-size:0.750em; color:#fff; text-align:center; z-index:3;} .table_wrap_stLists {width:calc(100% - 32px); margin:0 auto; margin-top:30px;} .table_wrap_stLists th:nth-child(1) {width:27%;} .table_wrap_stLists.tbType th:nth-child(1) {width:7%;} .table_wrap_stLists.tbType th:nth-child(2) {width:25%;} .table_wrap_stLists td .btn_grayLine {width:67px;} [class^="cb_btn_w"] {padding:0 16px 20px;} .cb_btn_w + .table_wrap_stLists {margin-top:0;} .table_wrap_stLists.board th:nth-child(3) {width:35%;} [class^="board_wrap_"], .table_wrap_studyTb {width:calc(100% - 32px); margin:0 auto;} .bdView .board_wrap_reply, .table_wrap_studyTb {margin-top:20px;} .bdv_cont .txt_s14cBlackFM {min-height:unset; padding-bottom:30px;} .table_wrap_studyTb .link_file {max-width:100%;} .bottom_btn_study {padding:0 16px;} .board_wrap_write {padding-top:30px;} .bdView .board_wrap_view {border-top:0;} .social .board_wrap_view .bdv_top_w {padding:15px 0;} .social .bdv_cont .txt_s14cBlackFM {padding:20px 0;} .rep_top_w {padding:0 16px;} .rep_top_w .rt_sort {right:16px;} .replyForm_group_w {padding:0 16px;} .rpw_list .tools_btn_w {top:5px;} .top_slct_wL {padding:0 20px;} .top_slct_wL .custom_select {float:right;} /* 시험응시 팝업 */ .sti_test {width:calc(100% - 245px); padding:0; border:0;} .formGroup_test_radio .inp_radio .txt_s16cBlack + .txt_s16cBlack {max-width:85%;} [class^="inp_radio_ox"] {float:left; width:calc((100% - 20px) / 2); height:200px; padding:60px 10px;} [class^="inp_radio_ox"] .icon_radio {width:90px; height:90px;} .sti_status {width:230px;} .pop_wrap_studyTest .pop_footer [class^="btnIcon"] {width:108px; min-width:108px;} .pop_wrap_studyApply .board_wrap_write {width:100%;} /* 학습_학습완료 */ .top_slct_wA {height:unset; margin:0 0 15px; padding:0 16px; overflow:hidden;} .top_slct_wA .sw_left {float:unset; width:100%;} .top_slct_wA .sw_left .txt_s14cBlack {display:none;} .sw_left .txt_s14cBlack + .custom_select {display:block; margin-left:0; margin-bottom:15px;} .top_slct_wA .custom_select .select2-container {width:100% !important; font-size:14px;} .top_slct_wA .custom_select .select2-container .select2-selection--single, .top_slct_wA .custom_select .select2-container--default .select2-selection--single .select2-selection__arrow {height:42px;} .top_slct_wA .custom_select .select2-container--default .select2-selection--single .select2-selection__rendered {line-height:42px;} .sl_sort_lists {display:block; width:100%;} .ssl_list {width:calc(100% / 2);} .ssl_list .btn_whiteh30 {min-width:100%; height:36px;} .top_slct_wA .sw_right {float:unset; display:table; table-layout:fixed; width:100%; margin-top:15px; text-align:right;} .sw_right .swr_list {display:table-cell; text-align:center;} .sw_right [class^="sw_"] {padding-right:0; font-size:1em;} .swr_list .txt_s16cDark {display:block; margin-top:5px; font-size:1em;} .table_wrap_stContents thead {display:none;} .table_wrap_stContents tr {display:block; width:calc(100vw - 32px); min-height:283px; margin:0 16px; padding:15px 0;} .table_wrap_stContents td {position:relative; display:block; width:calc(100vw - 32px); padding:0; text-align:left; white-space:nowrap;} .table_wrap_stContents td:first-child {padding:0;} .table_wrap_stContents td:nth-child(2), .table_wrap_stContents td:nth-child(3), .table_wrap_stContents td:nth-child(4), .table_wrap_stContents td:nth-child(5), .table_wrap_stContents td:nth-child(6) {float:left; width:auto;} .table_wrap_stContents td:nth-child(2) {padding-left:56px;} .table_wrap_stContents td:nth-child(3) {margin-left:15px; padding-left:46px;} .table_wrap_stContents td:nth-child(4) {margin-left:15px; padding-left:30px;} .table_wrap_stContents td:nth-child(5) {clear:both; padding-left:56px;} .table_wrap_stContents td:nth-child(6) {margin-left:15px; padding-left:46px;} .table_wrap_stContents td:nth-child(7) {clear:both; padding-left:46px;} .table_wrap_stContents td [class^="txt_"] + .guide_btn_w, .table_wrap_stContents td .link_subj_result {display:inline-block; margin-left:5px;} .table_wrap_stContents .btnIcon_viewGuide {height:26px;} .table_wrap_stContents .btnIcon_viewGuide .txt_btn_name, .table_wrap_stContents .link_subj_result .txt_s14cDark {font-size:12px;} .table_wrap_stContents [class^="guide_layer"] .lg_cont [class^="txt_"] {white-space:initial;} .table_wrap_stContents [class^="btn_"] {width:auto; height:26px; padding:3px 12px;} .table_wrap_stContents .btn_write .txt_btn_name {font-size:14px;} .table_wrap_stContents td:before {position:absolute; top:3px; left:0; font-size:13px; color:#666; content:'';} .table_wrap_stContents td:nth-child(2):before {content:'학습시간';} .table_wrap_stContents td:nth-child(3):before {content:'교육비';} .table_wrap_stContents td:nth-child(4):before {content:'총점';} .table_wrap_stContents td:nth-child(5):before {content:'수료여부';} .table_wrap_stContents td:nth-child(6):before {content:'재학습';} .table_wrap_stContents td:nth-child(7):before {content:'수강평';} .table_wrap_stContents td:nth-child(3):after, .table_wrap_stContents td:nth-child(4):after, .table_wrap_stContents td:nth-child(6):after {position:absolute; top:6px; left:-9px; width:1px; height:13px; background:#898989; content:'';} .table_wrap_stContents td > [class^="txt_"] {white-space:nowrap;} .table_wrap_stContents .thumbnail_col{height:unset;} .table_wrap_stContents .thumbnail_col .thumb_img {position:relative; width:100%; height:164px;} .table_wrap_stContents .thumb_cont {padding:0;} .table_wrap_stContents .thumb_cont .tit_s18cBlack_ellipsisC2 {max-height:1.8em; padding-top:10px; font-size:1em; -webkit-line-clamp:1;} .table_wrap_stContents .thumb_cont .tc_info {display:inline-block; white-space:nowrap;} .table_wrap_stContents .thumb_cont .tc_info + .txt_s14cLGray {position:relative; padding-left:15px;} .table_wrap_stContents .thumb_cont .tc_info + .txt_s14cLGray:before {position:absolute; top:4px; left:5px; width:1px; height:12px; background:#898989; content:'';} /* 소셜러닝 */ .st_social_lists {padding:0 16px;} .sts_list {padding:18px 0 20px;} .sts_list .sts_label {position:relative; top:auto; left:auto; width:auto; height:auto; margin-top:0; padding:3px 5px; font-size:0.625em; border-radius:3px;} .sts_list .sts_label + .txt_s20cDark {display:block; margin-bottom:5px; padding-top:3px; font-size:1em;} .sts_info [class^="txt_s14"] {font-size:0.750em;} .topinfoBox_social {padding:20px 16px 30px;} .topinfoBox_social .tib_inner {width:100%;} .topinfoBox_social .tbi_cont {padding:0;} .topinfoBox_social .tic_details {width:100%;} .tic_details .tit_s32cBlack {display:block;padding-bottom:20px;} .topinfoBox_social .tic_details .tic_info {padding:0; border:0; margin-top:0; background:none;} .topinfoBox_social .ti_list .txt_s15cDark {width:63px;} .contBox_isLNB.social {padding:0;} .lnb_wrap.social {display:none;} .social .cb_inner > .tit_s24cBlackFS {padding:20px 16px; font-size:1.125em;} .social .srchBox_gray {position:relative; padding:25px 16px;} .social .srchBox_gray .custom_select {display:block;} .social .srchBox_gray .custom_select .select2-container {width:100% !important;} .social .srchBox_gray .inp_txt_default {width:100%; margin-top:10px;} .srchBox_gray.srchMb .inp_txt_default .btnIcon_srch {display:block;} .social .btnIcon_srch {background-image:url('../images/common/btn_srch_black.png'); background-size:16px auto;} .social .srchBox_gray.srchMb .btn_scDarkhh40_srch {display:none;} .srchBox_gray .btn_scDarkhh40_srch + .inp_chk {position:absolute; bottom:-54px; left:0;} .srchBox_gray .inp_chk .txt_s12cDark {font-size:0.875em;} .srchBox_gray + .cb_btn_w {min-height:60px;} .social .table_wrap_stLists.board {width:calc(100% - 32px); margin:0 16px; overflow-x:auto;} .social .table_wrap_stLists.board .table_infoList {width:1024px; table-layout:fixed;} .gal_lists_w {top:-15px; left:auto; width:100%;} .gal_list {width:calc((100% - 48px) / 2); margin-top:15px;} .gal_list .thumbnail_gallery {width:100%;} .thumbnail_gallery .thumb_img {height:163px;} .thumbnail_gallery .thumb_cont {padding:10px 2px;} .thumbnail_gallery .thumb_cont .tit_s16cBlack_ellipsis {font-size:1em; font-weight:500;} .gal_list .tools_btn_w {top:0;} /* 마이페이지 */ [class^="box_Gline"] {min-height:unset; padding:15px 16px 20px; border-width:1px 0; border-radius:0;} [class^="box_Gline"]:last-child {border-bottom:0;} [class^="box_Gline"] + [class^="box_Gline"], .mgm_box_banner + [class^="box_Gline"] {margin-top:0; border-top:10px solid #f3f3f3;} .box_grid_w [class^="box_Gline_"] + [class^="box_Gline_"] {margin-left:0; border-left:10px solid #f3f3f3;} .box_grid_w + [class^="box_Gline"] {border-top:10px solid #f3f3f3;} [class^="box_Gline"] > [class^="tit_"] {position:relative; top:auto; left:auto; display:block; padding-bottom:20px;} [class^="box_Gline"] > [class^="tit_"] br {display:none;} .mp_status_lists {padding:0;} .ms_list {border-right:0;} .msl_link .txt_s50cBlackFM {font-size:1.500em;} .msl_link .txt_s16cDark {padding-top:5px; font-size:0.875em;} .mp_status_sub {display:none;} .mg_menu_w {display:block;} .sopt_lists {width:100%; margin-top:20px; border-top:1px solid #e6e6e6; overflow:hidden;} .sopt_list {float:left; width:calc(100% /2); padding:9px 12px 9px 0; border-bottom:1px solid #e6e6e6;} .sopt_list + .sopt_list {border-left:1px solid #e6e6e6;} .sopt_list:nth-child(2n-1) {border-left:0;} .sopt_list:nth-child(2n) {padding:9px 0 9px 12px;} .sopt_list:last-child {padding-right:0;} .sopt_list .txt_s16cBlack {float:right;} .mg_menu_w .sopt_list {background:url('../images/common/link_right_dark.png') calc(100% - 14px) center no-repeat; background-size:8px auto;} .sopt_list .link_subj {display:block; white-space:nowrap;} .mg_menu_w .sopt_lists {margin-top:-1px;} .mg_menu_w .sopt_list:nth-child(2n-1) {padding-left:16px;} .mgm_box_banner {height:unset; border-top:10px solid #f3f3f3;} .mg_box_blue {margin:0; padding:14px 16px 14px 40px; border-radius:0; background-position:15px 18px;} .mg_box_blue .txt_s14cWhiteFM_ellipsis {max-width:100%;} .mg_box_blue .txt_s14cMintFM {display:block; padding:3px 0 0 0; color:#6eede5; font-size:0.750em;} .bg_sub_info {position:relative; top:auto; left:auto; font-size:0.875em;} .bg_sub_info br {display:none;} .mg_like_lists {position:relative; top:-20px; left:-9px; width:calc(100% + 9px); padding:20px 0 0 0;} .mgl_list {width:calc((100% - 18px) / 2); margin:20px 0 0 9px;} .mgl_list + .mgl_list {margin-left:9px;} .mgl_list:nth-child(2n-1) {clear:both;} .mgl_list .thumbnail_default {width:100%; border:0;} .mgl_list .thumb_img {height:163px; border-radius:5px;} .mgl_list .tiw_layer {border-radius:5px;} .mgl_list .thumb_cont {padding:7px 2px 0;} .mgl_list .thumb_cont .tit_s14cDark_ellipsisC2 {height:unset;} .mgl_list .tc_top {padding-bottom:0;} .mgl_list .tc_top [class^="txt_"] + [class^="txt_"]:before {top:6px; height:2px;} .box_Gline .link_more {bottom:auto; left:auto; top:18px; right:14px; white-space:nowrap;} [class^="box_Gline"] .inner_noData {margin-left:0;} .box_grid_w {margin:0; border-top:10px solid #f3f3f3;} .box_grid_w [class^="box_Gline_"] {width:calc((100% - 10px) / 2); padding-top:15px; border-top:0;} .box_Gline_medium .custom_select {top:15px; right:0;} .box_Gline_medium .custom_select .select2-container {width:80px !important;} .box_Gline_medium .custom_select .select2-container .select2-selection--single {border:0;} .bg_graph_w {height:calc(100% - 85px);} .bgg_list {padding:5px 0;} .bgg_list + .bgg_list {border-top:0;} .bgg_list .grap_x, .bgg_list .grap_x .gWrap {width:100%;} .bgg_list .grap_x .txt_s14cDark_ellipsis {display:block; width:90%; padding-bottom:3px;} .bgg_list .grap_x .txt_s14cMint {top:10px; margin-top:0;} .box_grid_w .box_Gline_small {width:100%; height:unset; border-left:0 !important; border-top:10px solid #f3f3f3;} .box_Gline_small .kw_list {margin:0 10px 10px 0;} .box_Gline_small .btnIcon_filter {top:15px; right:15px; width:20px; height:20px;} [class^="bg_banner_"] {margin-left:0;} .box_Gline_small .keyword_lists_w {max-height:unset; overflow:hidden;} .box_Gline_apply .bg_sub_info {top:0;} .box_Gline_apply .guide_btn_w {position:absolute; top:8px; right:10px;} .box_Gline_apply .guide_btn_w .btnIcon_viewGuide {background-image:url('../images/common/icon_guide_info_gray.png');} .bga_lists {padding:20px 0 0 0;} .bga_list {text-align:center;} /* 마이페이지 상세 */ .box_Gline_np {padding:0;} .sme_mini .cst_img_w {height:116px; border-radius:0;} .sme_mini .cst_img_w:before, .sme_mini .cst_img_w img {border-radius:0;} .sme_mini .csc_profile {width:100%;} .sme_mini .csc_status {padding-top:20px;} .box_Gline_myconts .mg_like_lists {left:0; width:100%; padding-top:0;} .box_Gline_myconts .mgl_list {display:block; float:unset; width:100%; height:88px; margin-left:0;} .box_Gline_myconts .mgl_list .thumb_img {position:absolute; top:0; left:0; width:127px; height:88px;} .mgl_list .txtLabel_cBlack {min-width:48px; height:24px; padding:6px 5px; font-size:10px;} .box_Gline_myconts .mgl_list .thumb_cont {padding:0 0 5px 140px;} .box_Gline_myconts .mgl_list .thumb_cont .tit_s14cDark_ellipsisC2 {height:42px;} .mgl_list .tiw_layer .tit_s14cWhite_ellipsisC2 {font-size:12px;} .mgl_list .inp_chk_like .txt_s12cWhite {padding-left:66px;} .box_Gline_myconts .tc_top [class^="txt_"] {font-size:0.750em;} .box_Gline_myconts .tc_info {padding-top:0;} .box_Gline_myconts .tc_info_r {margin-right:5px; white-space:nowrap;} .box_Gline_myconts .mgl_list .tools_btn_w {top:0; right:0;} .box_Gline_myconts .paging_w {margin-top:20px; padding-left:0;} .box_Gline_full {padding:0; border:0;} .box_Gline_full .srchBox_gray {padding:20px 16px;} .box_Gline_full .sb_list .inp_txt_default {width:200px; padding-right:0;} .sb_lists + .btn_scDarkhh40_srch {width:100px; margin:7px 0 15px;} .cb_box_blueLine + .cb_btn_wR {padding-bottom:0;} .box_Gline_full .tit_s20cBlackFS + .table_wrap_studyTb {width:100%; margin:0;} .table_bbsList_chkReport th:nth-child(1) {width:360px;} .cr_btn_w .txtIcon_s14cGDark_guide {position:relative; bottom:auto; margin-top:20px;} .top_slct_wL.ty2 {padding:0;} .top_slct_wL.ty2 .custom_select {float:left;} .fav_list .thumbnail_col .thumb_cont .tit_s16cBlack_ellipsis {max-height:3em; margin-bottom:15px; display:-webkit-box; -webkit-line-clamp:2; /* 라인수 */ -webkit-box-orient:vertical; word-wrap:break-word; white-space:pre-line;} .fav_list .txt_s14cLGrayFM {max-width:80%; max-height:1.7em; -webkit-line-clamp:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .acodian_favorite .inp_chk_like, .fav_list .btnIcon_delete {right:0;} .bm_list {width:calc((100% - 80px) / 3);} .bm_list .thumbnail_sme {width:100%; padding:30px 16px;} .bm_list .thumbnail_sme .thumb_cont {height:167px;} .bm_list .thumbnail_sme .tc_info {padding-top:10px;} .bm_list .mark_user {top:auto; bottom:55px; left:0; width:100%; height:unset; background:#fff; padding:0; white-space:nowrap; text-align:center;} .bm_list:hover .mark_user {display:block;} .mark_user .icon_user {background:url('../images/common/icon_group.png') center no-repeat; background-size:15px auto;} .bm_list .mark_user .txt_s14cWhite {color:#898989; font-size:0.750em; vertical-align:text-top;} .bm_list .tc_btn {opacity:1; bottom:0;} .box_Gline_full .table_wrap_stLists {width:100%; margin-top:0;} .table_wrap_myInfo .inp_txt_email {margin-bottom:10px;} .fga_list .inp_txt_address {width:100%;} .table_wrap_myInfo .custom_select {display:block; width:100%;} .table_wrap_myInfo .custom_select .select2-container {width:100% !important; font-size:0.875em;} /* 내SME채널_콘텐츠 등록 */ .contType_inner [class^="cti_"] {padding:20px 15px;} .ctic_sub .cs_tit_ellipsis {position:relative; top:auto; right:auto; display:block; max-width:100%; padding-top:5px;} .cti_cont .af_slist .txt_s14cLGray {padding-left:23px; background:url('../images/common/icon_file_gray.png') left center no-repeat; background-size:16px auto;} .ccard_list {width:calc((100% - 48px) / 3); height:123px;:} .ccard_list .inp_chk_card, .inp_chk_card .icon_chk {width:100%;} .inp_chk_card .icon_chk {height:123px;} .cil_list {width:100%;} .cil_list:first-child, .cil_list + .cil_list:before {display:none;} .contType_inner .ctic_card_box .btn_secondary_file {width:100%;} .piece_w_write .viewer_w {height:266px;} .contType_inner .cti_addition {padding:10px 15px;} .addi_list {padding:20px 0;} .addi_list .txt_s16cBlack {padding-bottom:10px;} .addi_list .custom_select_big {display:block;} .addi_list .custom_select_big .select2-container {width:100% !important;} .addi_list .afile_top {top:9px; right:-9px;} .box_noData_img .btnIcon_delete {opacity:1;} /* 고객센터 */ .stGroup_event_w .gal_lists_w {top:-45px; left:0; width:100%;} .stGroup_event_w .gal_list {width:calc((100% - 64px) / 3); margin:30px 0 0 16px;} .gal_list.end:before {height:163px; padding:70px 10px; font-weight:700;} .rpw_lists_review .rpw_list .txt_s16cBlackFM {line-height:1.65;} } /* 모바일 */ @media screen and (min-width:360px) and (max-width:767px) { /* 메인 */ .container.main {padding-top:95px;} /* 메인 비주얼 영역 wrap */ .main_top_w {height:409px; padding-top:0; border-bottom:10px solid #f3f3f3;} .mt_visual_w {position:relative; height:100%;} /* 메인 비주얼 영역 */ .main_visual_slider {width:100%; height:100%;} .mt_visualSlider, .mt_visualSlider .slick-list, .slick-list .slick-track {height:100%;} .main_visual_controls {left:auto; right:16px; bottom:20px; width:100%; padding-left:0; text-align:right;} .main_visual_controls:before {top:3px; width:102px; height:22px; border-radius:15px; margin-right:0;} .main_visual_controls [class^="btnIcon_mv_"] {width:18px; height:22px; background-repeat:no-repeat; background-size:14px auto; background-position:center; z-index:3;} .btnIcon_mv_prev {background-image:url('../images/common/btn_visual_prev.png');} .btnIcon_mv_next {background-image:url('../images/common/btn_visual_next.png');} .btnIcon_mv_prev.slick-disabled {background-image:url('../images/common/btn_visual_prev_off.png');} .btnIcon_mv_next.slick-disabled {background-image:url('../images/common/btn_visual_next_off.png');} .btnIcon_mv_stop {background-image:url('../images/common/btn_visual_pause.png');} .btnIcon_mv_stop.pause {background-image:url('../images/common/btn_visual_play.png');} .link_subj_visual {position:relative; display:block; width:100vw; height:100%;} .link_subj_visual:before {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.3); content:''; z-index:1;} .link_subj_visual img.img_visual {position:absolute; top:50%; left:50%; min-width:100vw; min-height:100%; max-height:100%; transform:translate(-50%, -50%);} .mv_cont_w {top:0; left:0; width:100%; height:auto; margin-left:0; z-index:2;} .mc_inner {width:100%; height:unset; padding:40px 16px; background:none;} .mc_inner .tit_s30cWhite_ellipsisC3 {word-break:keep-all; font-weight:500; font-size:1.500em;} .mc_sinfo {display:none;} .main_visual_slider .slideCount {bottom:19px; left:0; width:100%; margin-left:0; padding-right:80px; font-size:0.875em;} .slideCount .slideCountItem {color:#fff;} /* 메인 콘텐츠 */ [class^="mti_"] {width:100%; padding-bottom:20px;} [class^="mti_"] + [class^="mti_"] {margin-top:0; border-top:10px solid #f3f3f3;} .mti_tit_w {margin-top:30px; padding:0 16px 20px; text-align:left;} .mti_tit_w .link_subj {display:block; max-width:90%} .mti_tit_w .tit_s30cBlackFM {font-size:1.250em;} .mti_tit_w .tit_s30cBlackFM b {display:block;} .mti_tit_w .icon_link {position:absolute; top:5px; right:16px; width:16px; height:16px;} .mti_status_w {margin-top:0; padding-bottom:0;} .main_status_box {height:auto; padding:16px 0 0 0; box-shadow:none;} .ms_profile {float:unset; width:100%; padding:0 16px 20px 80px;} .ms_profile .tsw_img {width:50px; height:50px; top:2px; left:16px; margin-top:0;} .ms_profile .ttt_s24cBlackFS {font-size:1em; padding:5px 0 0; font-weight:500;} .ms_profile .txt_s16cBlack {font-size:0.750em; color:#898989; font-weight:400;} .ms_status_lists {position:relative; float:unset; width:100%; padding:0;} .ms_status_lists:before {position:absolute; top:0; left:0; width:100%; height:1px; background:#e6e6e6; content:'';} .mst_list {padding:14px 0 16px; text-align:center;} .mst_list + .mst_list {border-left:1px solid #e6e6e6;} .mst_list .txt_s18 {padding-bottom:3px; font-size:0.750em;} .mst_list .txt_s28cBlackFM {font-size:1em;} [class^="mti_"] .slider_list + .slider_list {margin-left:12px;} [class^="mti_"] [class^="thumbSlider_"] {top:0; left:0;} .thumbSlider_recomd .slick-list, .thumbSlider_newconts .slick-list {width:100%; padding:0 16px;} [class^="mti_"] [class^="thumbnail_"] {box-shadow:none;} [class^="mti_"] [class^="thumbnail_"]:hover {transform:translateY(0);} [class^="mti_"] .thumbnail_default {width:163px;} [class^="mti_"] .thumb_img {height:115px; border-radius:5px;} [class^="mti_"] .thumb_img:before {position:absolute; top:0; left:0; width:100%; height:115px; background-image:linear-gradient(235deg, rgba(0, 0, 0, 0.3) 100%, rgba(0, 0, 0, 0)); content:''; z-index:1;} [class^="mti_"] .inp_chk_like .icon_heart, [class^="mti_"] .inp_chk_like input[type="checkbox"]:checked + .icon_heart:before {width:22px; height:40px; background-size:20px auto;} [class^="mti_"] .thumb_cont {padding:5px 2px 0;} .tc_top {padding-bottom:2px;} .tc_top [class^="txt_"] {font-size:0.688em; font-weight:400;} .tc_top [class^="txt_"] + [class^="txt_"]:before {top:1px;} .thumb_cont [class^="tit_"] {font-size:0.875em; font-weight:400;} .thumbnail_default .tc_opt {position:absolute; top:-13px; right:5px; margin-top:0;} .tc_opt:before, .thumbnail_default .tc_opt .opt_sme_w {display:none;} .mti_linkmenu_w, .mti_banner_w {padding-bottom:0;} .ml_lists {width:100%; padding:30px 20px 25px;} .ml_list {padding:41px 0 0 0; text-align:center;} .ml_list + .ml_list:before {display:none;} .ml_list .link_subj {display:block;} .ml_list [class^="icon_"] {top:0; left:50%; width:40px; height:40px; margin-top:0; margin-left:-20px;} .ml_list .icon_award {background-image:url('../images/main/icon_award_mo.png');} .ml_list .icon_wallet {background-image:url('../images/main/icon_wallet_mo.png');} .ml_list .icon_answer {background-image:url('../images/main/icon_answer_mo.png');} .ml_list .icon_inform {background-image:url('../images/main/icon_inform_mo.png');} .ml_list .txt_s16cWhite {font-size:0.813em; font-weight:300;} .ml_list .txt_s16cWhite br {display:block;} .ml_list .txt_s14cWhite {display:none;} .mti_popular_w .tabmenu_line {width:100%; padding:0 16px;} .mti_popular_w .tab_list .btn_tab {margin-right:25px;} .mti_popular_w .tab_list .btn_tab .txt_s20 {font-size:0.875em; font-weight:400;} .mti_popular_w .mti_tit_w + .tab_wrap_line {margin-top:0;} .mti_popular_w .tab_wrap_line .tabCont_w {width:100%; left:0; padding:20px 0 0;} .thumbnail_mainfull {width:calc(100vw - 32px);} .thumbnail_mainfull .thumb_img {height:168px; border-radius:0;} .thumbnail_mainfull .thumb_cont {position:relative; width:100%; height:auto;} .thumbnail_mainfull .tc_top .txtLabel_cMint {min-width:64px; height:22px; padding:5px;} .thumbnail_mainfull .tc_top .inp_chk_like {top:-170px; right:3px;} .thumbnail_mainfull .thumb_cont [class^="tit_"] {height:auto; font-size:0.938em;} .thumbnail_mainfull .link_subj_study {top:-33px; right:16px; bottom:auto; opacity:1; white-space:nowrap;} .thumbnail_mainfull .link_subj_study:before {display:none;} .link_subj_study .txt_s14cMintFM {padding-right:20px; background:url('../images/main/icon_play.png') right 2px no-repeat; background-size:14px auto; color:#fff; font-weight:400;} .thumbnail_mainfull .kw_list .link_keyword {min-width:64px; height:22px; font-size:0.625em;} .thumbnail_mainfull .tc_opt {margin-top:10px; padding-top:10px; border-top:1px solid #e6e6e6;} .thumbnail_mainfull .opt_sme_w {padding-top:0;} .thumbnail_mainfull .icon_star_left, .thumbnail_mainfull .icon_star_right {width:7px; height:14px;} .formGroup_rdStar .txt_s16cBlack {vertical-align:top;} .thumbnail_mainfull .opt_sme_w + .txt_s14cLGrayFM_ellipsis {max-width:calc(100% - 125px); vertical-align:text-top; font-size:0.750em;} [class^="mti_"] + .mti_banner_w, .mti_banner_w + [class^="mti_"] {border-top:0;} .mb_lists, .mb_list .link_subj, .mb_list img {display:block;} .mb_lists .mb_list {display:block; padding:0;} .mti_customer_w, .mti_endnoti_w {border:0;} .mc_divide_w {width:100%;} .mcd_notice_w, .mcd_faq_w {float:unset; width:100%;} .mcd_notice_w + .mcd_faq_w {border-top:10px solid #f3f3f3;} [class^="mcd_"] {height:auto; padding:30px 0;} [class^="mcd_"] .mti_tit_w {padding:0 16px 20px;} [class^="mcd_"] .mti_tit_w .tit_s30cBlackFS {font-size:1.375em;} [class^="mcd_"] .mti_tit_w .icon_link {top:8px;} .mcn_lists {padding:0 16px;} .mcn_list {padding-right:0;} .mcd_faq_w .mti_tit_w {padding:0 16px 25px 16px;} .mcd_faq_w .srchBox_w {padding:0 16px;} .mf_recommd_w {margin:10px 16px 0;} .mrc_list .link_subj {white-space:nowrap;} .mti_customerTy2_w {padding:30px 0;} .mct_lists {padding:0 16px;} .mti_customerTy2_w .mct_list:first-child {width:100%; height:auto;} .mct_list + .mct_list:before {display:none;} .mct_list .img_pc {display:none;} .mct_list .img_mo {display:block;} .mct_list:last-child {clear:both; float:unset; padding:30px 0 0;} .mct_list [class^="btn_"] {width:calc((100% - 11px) / 2);} .mct_list [class^="btn_"] .txt_btn_name {font-size:0.875em; font-weight:400;} .men_inner {padding:12px; background:rgba(40,41,44,.9); text-align:left;} .men_inner .txt_s18cWhiteFM, .men_inner .txt_s20cWhiteFS, .men_inner .txtLabel_cLine {display:none;} .men_inner .txt_time {position:relative; width:calc(100% - 160px); padding:15px 15px 14px 100px; background-color:#121212; background-position:20px 17px; border-radius:5px; margin-left:0; background-size:14px auto; font-size:0.875em; font-weight:500; letter-spacing:1px; vertical-align:top;} .men_inner .txt_time:before {position:absolute; top:16px; left:40px; font-size:14px; font-weight:400; letter-spacing:0; color:#fff; content:'잔여시간';} .men_inner .btn_primaryh50 {float:right; width:149px; margin-left:0;} .men_inner .btn_primaryh50 .txt_btn_name {font-size:0.875em;} .mti_endnoti_w {height:unset; padding-bottom:0;} .men_inner.fixed {bottom:63px;} /* 구독 */ .cb_title_w {padding:0 16px 20px;} .cb_title_w .tit_s30cBlack {font-size:1.125em;} .cb_title_w .btnIconLine_link {width:unset; padding:2px; border:0; background:none;} .btnIconLine_link .txt_s16cMint {font-size:0.750em; color:#333;} .sliderWrap_subscribe {top:0; padding:0; border:0;} .sliderWrap_subscribe .slider_list + .slider_list {margin-left:19px;} .sliderWrap_subscribe .slick-list {padding:0 16px 30px 16px;} .contWrap_lists {left:0; margin-top:-10px; width:100%; padding:0; border-top:10px solid #f3f3f3;} .cwl_list {width:100%; margin:0 0 15px 0;} .cwl_list:nth-child(n+1):nth-child(-n+4) {margin-top:0;} .cwl_list [class^="thumbnail_"] {display:initial; width:100%; box-shadow:none; border-radius:0;} .cwl_list [class^="thumbnail_sme"] {display:block;} .cwl_list [class^="thumbnail_"]:hover {transform:translateY(0); box-shadow:none;} .cwl_list .thumbnail_default .thumb_img {height:212px;} .cwl_list .thumbnail_default .thumb_img, .cwl_list .thumbnail_default .thumb_img img {border-radius:0;} .cwl_list .thumb_img .inp_chk_like {display:block; position:absolute; top:8px; right:11px;} .cwl_list .thumbnail_default .thumb_cont {padding:10px 15px 15px;} .cwl_list .thumb_cont [class^="tit_"] {font-weight:500;} .tc_top [class^="txt_"] {color:#898989;} .tc_top [class^="txt_"] + [class^="txt_"]:before {top:7px; left:2px; width:2px; height:2px; background:#898989; border-radius:50%;} .contBox_sub .tc_info {display:none;} .cwl_list .inp_chk_like {position:absolute; bottom:auto; top:-205px; right:13px;} .contBox_sme .cwl_list .thumb_cont .inp_chk_like {bottom:auto; top:-290px;} .cwl_list .thumbnail_default .tc_opt {display:block; position:relative; top:auto; right:auto; height:unset;} .cwl_list .thumbnail_default .tc_opt .opt_sme_w {display:block; margin-top:8px; padding:0 0 0 33px;} .cwl_list .tsw_img {top:50%; width:26px; height:26px; margin-top:-13px;} .opt_sme_w .txt_s16cBlack_ellipsis {font-size:0.750em; font-weight:400; vertical-align:middle;} .contWrap_lists + .cb_mid_w {margin-top:0;} .cb_mid_w {padding:30px 0 15px 16px;} .cb_mid_w .cb_title_w {padding:0 0 20px 0;} .cb_mid_w .cb_title_w .tit_s26cBlack {font-size:1.125em; font-weight:700;} .sliderWrap_popChannel .slider_list + .slider_list {margin-left:12px;} .sliderWrap_popChannel [class^="thumbnail_"]:hover {box-shadow:0 2px 8px 0 rgb(0 0 0 / 10%);} .sliderWrap_popChannel .tc_btn .inp_chk_subscription .btn_primaryh40 {height:25px; padding:4px;} /* 탐색 */ .dis_srch_w {display:none;} .dis_srch_mow {display:block;} .box_srch_result {margin-top:-20px; padding:8px 16px; background:rgba(39,181,172,.1);} .box_sort_w {padding:20px 16px; overflow:hidden;} .box_sort_w .inp_chk_btn {float:left; width:calc((100% - 9px) / 2);} .box_sort_w .inp_chk_btn + .inp_chk_btn {margin-left:9px;} .box_sort_w .inp_chk_btn .btn_chk_s14 {width:100%;} .bs_category_w {display:none; margin-top:-5px; padding-bottom:25px;} .bsc_top {padding:0 16px 12px;} .bsc_top .txt_s13cBlackFS {margin-right:8px;} .bt_lists {display:inline-block; vertical-align:middle;} .bt_list {position:relative; float:left;} .bt_list + .bt_list {margin-left:20px;} .bt_list + .bt_list:before {position:absolute; top:5px; left:-14px; width:8px; height:13px; background:url('../images/common/arrow_right_gray.png') center no-repeat; background-size:100% auto; content:'';} .bt_list .txt_s13cGray {padding:2px 12px 1px; border:1px solid #dbdbdb; border-radius:13px; font-weight:400; white-space:nowrap;} .bt_list.active .txt_s13cGray {background:#898989; border:0; color:#fff;} .bsc_lists {max-height:180px; border-width:1px 0; border-style:solid; border-color:#ccc; overflow-y:auto;} .bsc_list{padding:6px 16px; background:#fff url('../images/common/arrow_right_mint.png') calc(100% - 16px) center no-repeat; background-size:0;} .bsc_list.active {background:rgba(39, 181, 172, 0.1) url('../images/common/arrow_right_mint.png') calc(100% - 16px) center no-repeat; background-size:8px auto;} .bsc_list [class^="txt_"], .bsc_list.active .cDGray {font-weight:400;} .bsc_list .cDGray {padding-left:3px;} .bsc_list.active .txt_s14cBlack {color:#27b5ac; font-weight:700;} .bsc_lists .txt_s14cLGray {padding:7px 16px 6px; font-weight:400;} .btn_subj_extra {display:block; width:calc(100% - 32px); margin:0 auto; margin-bottom:25px; text-align:left; padding:22px 20px 20px; background:url('../images/common/icon_link_round.png') calc(100% - 20px) center no-repeat; background-size:30px auto; border:1px solid #e6e6e6; border-radius:3px; box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.1);} .tab_wrap_lineDis .custom_select {right:16px;} .tab_wrap_lineDis [class^="custom_select"] .select2-container {min-width:90px; width:auto !important;} .tab_wrap_lineDis [class^="custom_select"] .select2-container .select2-selection--single {border:0; text-align:right;} .tab_wrap_lineDis .select2-container .select2-selection--single .select2-selection__rendered {padding-right:35px;} .tab_wrap_lineDis .select2-container--default .select2-selection--single .select2-selection__arrow {top:2px;} .tab_wrap_lineDis .select2-container--default .select2-selection--single .select2-selection__arrow b {width:14px; height:14px; margin-top:-8px; border:0; background:url('../images/common/icon_array.png') center no-repeat; background-size:100% auto;} .tabCont_w > .contWrap_lists {border-top:0;} .top_slct_w + .contWrap_lists {margin-top:15px;} .cwl_list .thumbnail_sme {padding:22px 20px 18px 102px; height:110px;} .cwl_list .thumbnail_sme .thumb_img {position:absolute; top:20px; left:20px; width:70px; height:70px;} .cwl_list .thumbnail_sme .thumb_cont {padding:0; text-align:left;} .cwl_list .thumbnail_sme .tc_btn {width:63px; bottom:-3px; left:auto; right:0;} .cwl_list .thumbnail_sme .tc_btn .btn_primaryh40 {height:25px; padding:4px;} .tc_btn .btn_primaryh40 .txt_s14 {font-size:0.750em;} .cwl_list .thumbnail_sme .tc_info {padding:0;} .cwl_list .thumbnail_sme .ti_keyword_w [class^="txt_"] {font-size:0.750em;} .tc_info_r .txt_group, .tc_info_r .txt_heart {padding-left:20px; background-size:15px auto;} .tab_wrap_lineDis .cwl_list {margin:0; border-bottom:10px solid #f3f3f3;} .tab_wrap_lineDis .cwl_list .thumbnail_default .thumb_cont .tc_info {display:none;} .chk_lists_w {width:100%; margin-top:-3px; padding:0 16px 11px; overflow-x:auto;} .bchk_lists {margin-top:-4px; overflow:hidden; white-space:nowrap;} .bchk_list {margin:4px 6px 0 0;} .bchk_list .btn_chk_s13 {padding:7px 16px; border:1px solid #dbdbdb; border-radius:16px; color:#606060;} .bchk_list.active .btn_chk_s13 {border-color:#27b5ac; color:#27b5ac;} .chk_lists_w .btn_chk_s16 {min-width:57px; height:29px; padding:7px 16px; border-radius:16px; font-size:0.813em;} .chk_lists_w .inp_chk_btn:last-child .btn_chk_s16 {border-radius:16px; font-size:0.813em;} /* 탐색_과정상세 */ .exp_navContainer {padding-bottom:130px;} .topinfoBox_exp {padding:0 0 30px 0; background:#fff; border-bottom:10px solid #f3f3f3;} .topinfoBox_exp .tib_inner {width:100%; min-height:unset; padding:225px 0 0 0;} .tib_inner .link_lists, .tbi_thumbnail .ttb_rating {display:none;} .tbi_thumbnail {width:100%; height:225px;} .ttb_img_w {width:100%; height:100%; border-radius:0;} .ttb_img_w img {border-radius:0;} .tbi_cont {padding:20px 16px 20px;} .tic_details {float:unset; width:100%;} .tbi_cont .tit_s32cBlack {font-size:1.250em; letter-spacing:-0.5px;} .tic_details .tic_info {margin-top:10px; padding:12px 10px; border:1px solid #e6e6e6; background:#f8f8f8; border-radius:3px;} .ti_list .txt_s15cMint, .ti_list .txt_s15cDark, .ti_list [class^="txt_s16"] {width:90px; font-size:0.813em;} .ti_list .txt_s15cDarkFM, .ti_list .txt_s16cDarkFM {width:calc(100% - 95px);} .tic_info + .ttb_rating {display:block; text-align:center;} .ttb_rating .formGroup_rdStar .txt_s16cBlack {padding-left:12px; vertical-align:bottom;} .tic_opt_w {display:none;} .tic_details .keyword_lists_w {display:block; padding-top:7px;} .tic_details .kw_list {height:18px; padding:1px 5px; line-height:.7; border:1px solid #e6e6e6; border-radius:23px; white-space:nowrap;} .tic_details .kw_list .txt_s10cLGray {font-weight:400;} .tic_details .custom_select_big {display:block; width:100%; margin-top:15px;} .tic_details .custom_select_big .select2-container {width:100% !important; font-size:0.875em;} .stc_slct_w {margin-top:15px;} .stc_slct_w .custom_select_big {display:inline-block; width:calc(100% - 134px); margin-top:0;} .stc_slct_w .btn_grayLineh40_preview {float:right; width:124px; height:43px; padding:7px 20px 7px 46px; border-color:#27b5ac; background:#fff url('../images/common/icon_play_on.png') 28px center no-repeat; background-size:16px auto; vertical-align:top;} .btn_grayLineh40_preview .txt_btn_name {font-size:14px; color:#333;} .tic_top [class^="txtLabel_"] {font-size:0.688em;} .tib_sub_box {position:relative; left:auto; margin-left:0; padding:65px 16px 0; width:100%; height:unset; overflow:hidden;} .tsb_lists_w {float:unset; display:block; table-layout:unset; width:100%; padding:0;} .tsb_list {position:relative; display:unset; float:left; width:calc(100% / 2); padding:9px 12px 9px 0; border-bottom:1px solid #e6e6e6; border-right:0; text-align:right;} .tsb_list + .tsb_list {border-left:1px solid #e6e6e6;} .tsb_list:nth-child(2n-1) {border-left:0;} .tsb_list:nth-child(2n) {padding:9px 0 9px 12px;} .tsb_list:last-child {padding-right:0;} .tsb_list .txt_s18cBlack, .tsb_list .txt_s18cBlack .s24 {padding:0; font-size:1em;} .tsb_list .txt_s15cGray {position:absolute; top:50%; left:0; margin-top:-10px;} .tsb_list:nth-child(2n) .txt_s15cGray {left:12px;} .tsb_btn_w {position:absolute; top:0; left:16px; float:unset; width:calc(100% - 32px); padding-top:0; text-align:left; overflow:hidden;} .tsb_btn_w [class^="btn_"] {float:left; width:calc(calc((100% - 10px) / 2));} .tsb_btn_w [class^="btn_"] + [class^="btn_"] {margin:0 0 0 10px;} .popCardWrap_exp, .exp_keyword_w {display:none;} .exp_tabWrap {width:100%;} .exp_navTap .tabmenu_default {top:43px; height:44px; border:0;} .exp_navTap .tab_scroll_w {border-bottom:1px solid #e6e6e6;} .exp_navTap .tabmenu_default > .tab_list:before {display:none;} .exp_navTap .tabmenu_default .btn_tab {background:#fff; border-radius:0;} .exp_navTap .tabmenu_default .btn_tab.active:before {position:absolute; bottom:0; left:0; width:100%; height:2px; background:#27b5ac; content:'';} .exp_navTap .tabmenu_default .btn_tab.active .txt_s16 {color:#27b5ac;} .exp_navTap.pwsFixed {position:fixed; top:43px; left:0; width:100%; z-index:3;} .exp_navContainer .tabLink_wrap {padding:20px 16px;} .tabLink_wrap + .tabLink_wrap {border-top:10px solid #f3f3f3;} .tabLink_wrap .cb_title_w {padding-bottom:15px;} .tabLink_wrap .cb_title_w .tit_s30cBlack, .cb_title_w .tit_s30cBlack + .txt_s30cMint {font-size:1.250em;} .cb_title_w .tit_s30cBlack + .txt_s30cMint {padding-left:3px;} .cb_title_w .txtIcon_s14cGDark_guide {display:block; position:relative; bottom:auto; right:auto; margin-top:15px; padding-left:20px; font-size:0.688em;} .txtIcon_s14cGDark_guide:before {width:14px; height:14px;} .cb_box_gray {padding:15px;} .cb_box_gray .tit_s20cBlack {font-size:1em;} .cb_list_w .cb_list [class^="txt_s16"] {font-size:0.875em;} .cb_box_gray .af_list {width:100%; margin:0;} .cb_box_gray .af_list + .af_list, .cb_box_gray .af_list:nth-child(n+1):nth-child(-n+3) {margin-top:5px;} .cb_box_gray .af_list .linkIcon_file {width:100%;} .cb_box_gray .linkIcon_file:before {background:#27b5ac url('../images/common/icon_download_on.png') center no-repeat; background-size:20px auto;} .cb_box_gray .af_list .txt_s14cDark {font-size:0.813em; font-weight:400;} .tab_wrap_button .tab_scroll_w {position:relative; left:-16px; width:calc(100% + 32px); border:0;} .tab_scroll_w .tabmenu_button {padding:0 16px;} .tabmenu_button .tab_list {min-width:110px;} .tabmenu_button .btn_tab .txt_s16 {font-size:0.875em;} .step_list_dotTy2 .step_list {height:unset; padding:15px 105px 13px 48px} [class^="step_list_dot"] .step_list + .step_list:after {top:-40px;} .btn_more_w .btn_grayLineh40_more {width:64px; height:26px;} .tabLink_wrap .btn_more_w .btn_grayLineh40_more .txt_btn_name {font-size:0.750em;} .step_list_number .step_list {height:unset; padding:15px 15px 15px 39px;} .step_list_number .txt_s16cBlack .txt_s20cDark {position:absolute; top:15px; left:8px;} .table_wrap_studystate .table_infoList thead th:nth-child(1) {width:40%;} .table_wrap_studystate .table_infoList thead th:nth-child(2) {width:42%;} .table_wrap_studystate .table_infoList thead th:nth-child(3) {width:18%;} .table_wrap_studystate td {padding:8px 5px;} .table_wrap_bookinfo .table_infoList tbody {display:block;} .table_wrap_bookinfo .table_infoList tbody tr {display:block; width:100%; background:#f8f8f8; border-bottom:1px solid #e6e6e6;} .table_wrap_bookinfo th {display:inline-grid; padding:18px 15px; border:0;} .table_wrap_bookinfo td {display:inline-grid; width:calc(100% - 138px); padding:15px 10px 15px 15px; background:#fff; border:0;} .bi_img_w {width:104px; height:144px;} .table_wrap_bookinfo td .tit_s20cBlack {font-size:1em;} .table_wrap_bookinfo .bi_info {padding-top:20px;} .table_wrap_bookinfo .bi_info [class^="txt_s16"] {font-size:0.875em;} .rf_average {top:-47px; white-space:nowrap;} .rf_average .ttb_rating {padding:4px 7px 5px; margin-top:0;} .rf_average .ttb_rating .txt_s14cLGray, .rf_average .ttb_rating .formGroup_rdStar .txt_s16cBlack {font-size:0.750em;} .rf_average .ttb_rating .formGroup_rdStar {vertical-align:text-top;} .rf_average .ttb_rating .formGroup_rdStar .txt_s16cBlack {vertical-align:text-bottom;} .rf_average .icon_star_left, .rf_average .icon_star_right {width:8px; height:16px;} .step_list .txtLabel_cDark {width:70px; /* height:22px; */ margin-bottom:2px; font-size:0.688em;} .step_list .txt_time {right:5px; padding-left:25px; font-size:0.750em; font-weight:400; background-size:10px auto; background-position:9px center;} .step_list .txt_s16cBlack {font-size:0.875em;} .step_list.preview [class^="txt_"] {font-weight:400;} .lp_lists_w {top:-16px; left:-16px;width:calc(100% + 32px);} .lp_lists_w .thumbnail_default {width:calc((100% - 48px) / 2); margin:20px 0 0 16px; box-shadow:none;} .lp_lists_w .thumbnail_default:hover {box-shadow:none;} .lp_lists_w .thumbnail_default:nth-child(2n-1) {clear:both;} .lp_lists_w .thumb_img {height:116px;} .lp_lists_w .thumb_cont {padding:7px 2px 0;} .lp_lists_w .thumb_cont .tit_s18cBlack_ellipsisC2 {height:unset; font-weight:500;} .cb_link {float:unset; padding-right:0;} .cb_link + .cb_link {margin-top:5px;} .cb_link .inp_txt_default {width:calc(100% - 103px);} .cb_link .inp_txt_default input[type="text"] {height:34px; font-size:13px;} .cb_link .btn_secondh40_url {width:103px; height:36px; padding:5px 12px 8px 40px; background:#27b5ac url('../images/common/icon_link_on.png') 12px center no-repeat; background-size:20px auto;} .cb_link .btn_secondh40_url:hover {background:#27b5ac url('../images/common/icon_link_on.png') 12px center no-repeat; background-size:20px auto;} .btn_secondh40_url .txt_btn_name {font-size:0.750em; color:#fff;} .ex_list {float:unset; width:100%; min-height:60px; padding-left:80px;} .ex_list + .ex_list {margin-left:0; margin-top:30px;} .ex_list + .ex_list:before {position:absolute; top:-28px; left:26px; width:6px; height:30px; background:url('../images/discover/icon_step_dot.png') center; background-size:6px auto; content:''; z-index:-1;} .ex_list [class^="icon_ex_"] {width:60px; height:60px;} .ex_list .icon_ex_step1 {background-image:url('../images/discover/icon_process01_mo.png');} .ex_list .icon_ex_step2 {background-image:url('../images/discover/icon_process02_mo.png');} .ex_list .icon_ex_step3 {background-image:url('../images/discover/icon_process03_mo.png');} .ex_list .txt_s14cRed {display:none;} .ex_list .txt_s20cDarkFS {font-size:1em;} .ex_list .txt_s14cGrayFM {padding-top:5px; font-size:0.750em;} /* 탐색_수강신청 팝업 */ .pop_wrap_expApply .pop_content {padding:20px 16px; overflow-y:auto;} .expapply_steps_w {margin-left:-16px; width:calc(100% + 32px); border-top:1px solid #dbdbdb;} .exs_list {padding:10px 5px 9px 30px; background-position:10px 12px; background-size:14px auto; vertical-align:top;} .exs_list:first-child {width:unset; padding-left:30px; background-position:10px 12px;} .exs_list.on, .exs_list.complete {background-position:10px 12px;} .exs_list .txt_s12cGrayFS br {display:block;} [class^="apply_contain"] {padding:20px 0 0; overflow:hidden;} .apply_contain .tit_s16cDark {font-size:1em; padding-bottom:15px;} .apply_contain .cb_box_gray {height:140px; margin-top:0;} .apply_contain [class^="txt_"], .ac_btn_w .txtIcon_s14cGDark_guide, .sscb_list [class^="txt"] {font-size:0.750em; word-break:keep-all;} .ac_btn_w .txtIcon_s14cGDark_guide {padding-left:20px;} .ac_btn_w .inp_chk_agreement {width:100%; margin-top:20px;} .inp_chk_agreement input[type="checkbox"] + .icon_chk {left:130px; margin-top:-9px;} .apply_contain_inp {margin-left:-16px; width:calc(100% + 32px); min-height:unset; height:unset;} .table_wrap_inpApply {} [class^="table_wrap_inpApply"] .table_col {display:block; table-layout:unset;} [class^="table_wrap_inpApply"] .table_col tbody, [class^="table_wrap_inpApply"] tr {display:block;} [class^="table_wrap_inpApply"] th, [class^="table_wrap_inpApply"] td {display:block;} [class^="table_wrap_inpApply"] th {padding:10px 16px;} .fga_list .inp_txt_address {width:100%;} .inp_txt_resident {width:calc((100% - 20px) / 2);} .inp_txt_phone {width:calc((100% - 40px) / 3);} .inp_txt_email {width:calc((100% - 153px) / 2);} .table_wrap_inpApply .formGroup_email .custom_select_h36 {width:118px;} .table_wrap_inpApply .formGroup_email .custom_select_h36 .select2-container {width:118px !important;} .sv_list .btn_chk_s14 {background:#fff;} .survey_tite_w + .inp_txtArea {padding:10px 16px;} .apply_contain_inp .inp_txtArea textarea {height:82px;} .table_wrap_inpApply2 .custom_select_apply {display:block;} .custom_select_apply .select2-container {width:100% !important;} .table_wrap_inpApply2 .custom_select_apply + .srch_pop_w {width:100%; margin:5px 0 0 0;} .srch_pop_w .inp_txt_srch .s14cDark {padding:7px 8px 6px;} .table_wrap_inpApply2 + .txtIcon_s14cGDark_guide, .cb_box_blue + .txtIcon_s14cGDark_guide {margin-left:16px; padding-left:20px; font-size:0.813em;} .cb_box_blue + .txtIcon_s14cGDark_guide {margin-left:0;} .table_wrap_inpApply3 .select_wrap .custom_select_h36 .select2-container {width:calc((100vw - 43px) / 4) !important;} .apply_contain_comp {text-align:left;} .acc_top .tit_s20cMintFS {font-size:1.125em;} .acc_top .txt_s18cDark {padding-top:5px; font-size:1em;} .acc_top .txt_s14cDark {color:#606060; font-weight:400;} .apply_contain_comp .cb_box_blue {padding:20px; border-width:2px; background:#fff;} .apply_contain_comp .cb_box_blue .icon_info {display:none;} .apply_contain_comp .cb_box_blue .txt_s16cBlack {font-size:1em;} .apply_contain_comp .cb_box_blue .txt_s14cBlack {display:block; padding-top:10px; color:#27b5ac;} .bath_upload [class^="btn_"], .ut_btn_w {white-space:nowrap;} .ut_btn_w {padding-top:7px;} .ut_btn_w [class^="btn"] [class^="txt_"] {font-size:0.813em;} .uls_lists_w {margin-left:-16px; width:calc(100% + 32px);} .us_lists + img {max-width:100%;} .pop_wrap_two .pop_content {padding:20px 16px;} /* 탐색_sme채널 */ .cst_img_w {height:68px;} .cb_sme_top {box-shadow:none; border-bottom:1px solid #dbdbdb;} .cb_sme_cont {width:100%; min-height:74px; padding:16px 16px 16px 100px;} .csc_profile {float:unset; width:100%;} .csc_profile .tsw_img {width:72px; height:72px; top:16px; left:16px;} .csc_profile .txtLabel_cLBlue {font-size:0.688em;} .csc_profile .txt_s28cBlackFS {margin-top:7px; font-size:1.125em; font-weight:400;} .csc_profile .txt_s12cLGray {max-width:75%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .csc_status {float:unset; position:relative; left:-100px; width:calc(100% + 116px); padding:20px 16px 0;} .csc_status .inp_chk_subscription {position:absolute; top:-23px; right:16px;} .csc_status .inp_chk_subscription .btn_primaryh40 {min-width:51px; width:auto; height:30px; padding:7px 5px;} .csc_status .inp_chk_subscription .btn_primaryh40 .txt_s20 {font-size:0.750em;} .csc_lists_w {display:table; table-layout:fixed; width:100%;} .csc_list {float:unset; display:table-cell;} .csc_list + .csc_list {padding-left:0;} .csc_list [class^="icon_"] {width:20px; height:20px; margin-right:0;} .csc_list .txt_s20cDark {display:none;} .csc_list .txt_s20cDarkFS {padding-top:5px; font-size:0.750em; font-weight:400;} .cb_sme_wrap {width:100%; padding-top:10px;} .cb_sme_wrap .top_slct_w {position:relative; right:auto; padding:0 16px; text-align:right;} .top_slct_w .custom_select .select2-container .select2-selection--single {border:0;} .custom_select_nline .select2-container {width:auto !important; min-width:100px;} .custom_select_nline .select2-container .select2-selection--single {border:0; text-align:right;} .custom_select_nline .select2-container--default .select2-selection--single .select2-selection__arrow b {width:14px; height:14px; margin-top:-8px; border:0; background:url('../images/common/icon_array.png') center no-repeat; background-size:100% auto;} .custom_select_nline .select2-container .select2-selection--single .select2-selection__rendered {padding-right:35px;} .cb_sme_wrap .contWrap_lists {border-top:0;} .cb_sme_wrap .cwl_list + .cwl_list {border-top:10px solid #f3f3f3;} .cb_sme_wrap .cwl_list .thumbnail_default .tc_info {display:none;} /* 학습 */ .contBox_study .tabmenu_line {border-top:0;} .cb_box_grayLine, .cb_box_blueLine {padding:20px 16px; border:0;} .cb_box_grayLine + .cb_box_blueLine {margin-top:15px;} [class^="cb_box_"] [class^="txt_"] {font-size:0.875em; /* white-space:nowrap; */} [class^="cb_box_"] [class^="txt_"] .FM {display:block;} .se_list:before {top:10px; margin-top:0;} .contBox_study .cwl_list {margin:10px 0 0 0;} .contBox_study .cwl_list:nth-child(n+1):nth-child(-n+4) {margin-top:10px;} .contBox_study .cwl_list:nth-child(1) {margin-top:0 !important;} .cwl_list .tc_top [class^="txt_"] {font-size:0.750em;} .cwl_list .thumb_cont {position:relative;} .cwl_list .thumb_cont [class^="tit_"] {font-size:1em;} .cwl_list .tc_info {padding-top:0;} .cwl_list .tc_info [class^="txt_"] {font-size:0.750em;} .cwl_list .tc_info .guide_btn_w {position:absolute; top:8px; right:10px;} .tc_info .guide_layer_bottomLeft {width:240px;} .lcl_list .txt_s14cWhite:first-child {width:85px;} /* 학습 상세 */ .topinfoBox_study .tib_inner .link_lists {display:block; top:-3px; background-image:url('../images/common/arrow_right_mint.png'); white-space:nowrap;} .topinfoBox_study .tib_inner .link_lists .txt_s14cDarkFM {color:#27b5ac; font-size:0.750em;} .topinfoBox_study .tic_details .tic_info {padding:0; border:0; background:none;} .topinfoBox_study .ti_list .txt_s15cDark {width:63px;} .topinfoBox_study .ti_list .txt_s15cDarkFM {width:calc(100% - 70px);} .topinfoBox_study .ttb_rating {float:left; width:calc(100% - 122px); margin:0; padding:8px 10px 8px; text-align:center;} .topinfoBox_study .icon_star_left, .topinfoBox_study .icon_star_right {width:9px; height:18px;} .to_btn_w {float:right; table-layout:unset; width:auto;} .topinfoBox_study .tic_opt_w {float:unset; display:block; width:100%; margin-top:25px;} .tic_opt_w .inp_chk_like {width:114px;} .tic_opt_w .inp_chk_like .icon_heart {width:20px; height:40px; margin-bottom:-10px; margin-left:-16px; background-image:url('../images/common/icon_heart_line.png');} .tic_opt_w .inp_chk_like input[type="checkbox"]:checked + .icon_heart:before {width:20px; height:40px; background-size:20px auto;} .tb_list .inp_chk_like .txt_s16cLGray {padding:8px 20px 8px 50px; font-size:1em; letter-spacing:-.3px;} [class^="sd_status_"] {width:100%; padding:16px 0; border-radius:0;} .sds_list .txt_s30cBlackFM {font-size:1.125em;} .sds_list .txt_s16cDark {font-size:0.813em;} .sds_list [class^="txt_s24c"] {font-size:1em;} [class^="btn_sd_"] {float:unset; display:block; width:calc(100% - 32px); height:auto; margin:0 auto; margin-top:10px; padding:10px 10px 9px;} [class^="btn_sd_"] [class^="icon_"] {display:inline-block; width:24px; height:24px; margin:0 8px 0 0;} [class^="btn_sd_"] .txt_s16cDark {font-size:0.875em;} .btn_sd_mint {background:#fff; border:1px solid #dbdbdb;} .btn_sd_mint .icon_play {background-image:url('../images/common/icon_aside_youtube.png'); background-size:20px auto; background-position:center 1px;} .btn_sd_mint .txt_s16cWhite {color:#333;} .btn_sd_contents {text-align:center;} .btn_sd_contents .ttb_img_w {display:none;} .btn_sd_contents .txt_s16cDark {background-position:right 0;} .contBox_stuDivi .cb_inner {padding-top:0;} .sh_list {padding:20px 0;} .sh_list + .sh_list {margin-top:0; border-top:10px solid #f3f3f3;} [class^="sdivi_"] .sd_tit_w {margin:0; padding:0 16px 20px;} .sdivi_left {width:100%;} .sd_noti_lists {margin:0 16px;} .sdivi_left .sd_noti_list .link_subj .txt_s16cDark_ellipsis {max-width:100%;} .sdivi_left + .sdivi_notice {clear:both; display:inline-block; width:100%; margin-top:20px; padding-top:20px; border-top:10px solid #f3f3f3;} .sdivi_notice .link_subj {margin-top:0; white-space:nowrap; opacity:1;} .sd_noti_list .link_subj .txt_s16cDark_ellipsis {max-width:75%;} .sdivi_left .tic_info {margin:0 16px; padding:15px 5px;} .sdivi_left .ti_list .txt_s16cDark {width:64px; margin-top:3px; vertical-align:top;} .sdivi_left .ti_list .txt_s15cDarkFM {width:calc(100% - 70px);} .sdivi_notice .inner_noData {width:calc(100% - 32px); margin:0 auto;} .inner_noData [class^="txt_"] {font-size:0.813em;} .ssc_lists_w {display:block; table-layout:unset; width:100%; padding:0 16px;} .ssc_list {display:block;} .ssc_list + .ssc_list {margin-top:26px;} .ssc_list:before {width:16px; height:16px;} .ssc_list.active:before {width:22px; height:22px;} .ssc_list.active {left:-3px;} .ssc_list:after {top:22px; right:auto; left:7px; width:2px; height:100%;} .ssc_list.active:after {width:2px; top:26px; left:10px;} .ssc_list:last-child:after {display:none;} .ssc_list .txt_s16cLGrayFM {padding:0; font-size:0.875em;} .si_list + .si_list {padding-top:20px;} .si_list .sd_tit_w {margin-top:0;} .sib_lists {display:block; width:calc(100% - 32px); margin:0 auto;} .sib_list .txt_s16cDark {padding-top:6px; font-size:0.875em;} .sib_list .txt_s30cLGrayFM {font-size:1.250em;} .si_boxLine_w .btn_sd_contents {width:calc(100% - 32px); height:44px; padding:10px 10px 9px;} .sib_place {display:block; width:calc(100% - 32px); margin:0 auto; margin-top:15px; padding:15px 15px 13px;} .si_boxLine_w .btn_sd_calendar {width:calc(100% - 32px); height:auto; margin-top:15px; padding:10px 10px 9px;} .si_boxLine_w .btn_sd_calendar .icon_calendar {width:24px; height:24px;} .table_wrap_stComplete {width:calc(100% - 16px); margin:0 0 0 16px; overflow-x:auto; table-layout:auto;} .table_wrap_stComplete .table_infoList {width:728px; table-layout:auto;} .table_wrap_stComplete th:nth-child(1) {width:130px;} .table_wrap_stComplete th:nth-child(2) {width:140px;} .table_wrap_stComplete .table_infoList [class^="txt_"] {font-size:0.875em;} .study_info_head .tit_s18cBlack {font-size:1.125em;} /* 학습콘텐츠 */ [class^="studyList_cont"] {margin:0 16px;} .sh_list .studyList_cont {border:0;} .sconts_list {border:0;} .sconts_list + .sconts_list {margin-top:20px;} .link_subj_sct {min-height:unset; padding:15px 10px; border:1px solid #e6e6e6; border-radius:3px;} .link_subj_sct .txt_s14cMintFM {font-weight:500;} .link_subj_sct .txt_18cBlack {max-height:3em; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; white-space:pre-line; overflow:hidden;} .sct_info {padding-top:8px;} .link_subj_sct .graph_container {display:none;} .link_subj_sct .grap_x_mint {display:block; padding-top:7px;} .sconts_list + .sconts_list.ty2, .sconts_list.ty2 + .sconts_list {border-top:0;} .sconts_list.ty2 {height:auto; border:1px solid #e6e6e6 !important; border-radius:3px;} .sconts_list.ty2 .link_subj_sct {padding:15px 10px; border:0;} .ty2 .sct_info .txt_s14cLGray, .sconts_list [class^="btn_"] .txt_btn_name {font-size:0.750em;} .sconts_list [class^="btn_"] {right:10px; margin-top:-16px; width:71px; height:33px; padding:7px 5px;} .acodian_studyConts .a_list + .a_list {margin-top:20px;} .acodian_studyConts .a_list .btn_a_toggle {min-height:unset; padding:15px 10px; background:#fff; border:1px solid #e6e6e6;} .acodian_studyConts .a_list:first-child .btn_a_toggle {border-top:1px solid #e6e6e6;} .acodian_studyConts .btn_a_toggle .txt_af_head {font-size:0.875em; font-weight:400;} .acodian_studyConts .txt_head {padding-right:10px;} .acodian_studyConts .a_context {background:#f8f8f8; border:1px solid #e6e6e6; border-top:0;} .acodian_studyConts .a_context .link_subj_sct {border:0;} .sct_lists_w {margin:0 10px; padding:15px 0;} .sctl_list + .sctl_list {padding-top:5px;} .grap_x_gray {white-space:nowrap;} .grap_x_gray .gWrap {width:200px;} .sctl_list .grap_x_gray .txt_s14cDark {width:60px; font-weight:400;} .sctl_list .grap_x_gray .txt_s14cMint {padding-left:8px; font-size:0.750em; font-weight:400;} [class^="studyList_cont_"] .sconts_list {padding:15px 0; border-bottom:1px solid #e6e6e6;} [class^="studyList_cont_"] .sconts_list + .sconts_list {margin-top:0;} [class^="studyList_cont_"] .thumbnail_col {height:80px;} [class^="studyList_cont_"] .thumbnail_col .thumb_img {width:132px; height:80px;} [class^="studyList_cont_"] .thumbnail_col .thumb_cont {padding:0 0 0 142px;} [class^="studyList_cont_"] .thumbnail_col .thumb_cont [class^="tit_"] {max-height:1.8em; -webkit-line-clamp:1;} [class^="studyList_cont_"] .tc_info {padding-top:0;} [class^="studyList_cont_"] .tc_info .txt_s14cLGray {font-size:0.750em;} [class^="txtLabel_st_"] {top:auto; bottom:0; right:auto; left:142px; min-width:60px; height:23px; margin-top:0; padding:5px 4px; font-size:0.688em;} .txtLabel_st_done {padding:4px 10px 4px 23px; background-position:6px center; background-size:12px auto;} .txtLabel_st_done .s12 {vertical-align:unset; font-size:11px;} [class^="studyList_cont_"] .link_subj {display:block; position:absolute; bottom:-3px; right:0; padding-right:12px; background:url('../images/common/icon_link_black.png') right 8px no-repeat; background-size:6px auto; white-space:nowrap;} [class^="studyList_cont_"] + .sd_tit_w {margin-top:30px;} .studyList_cont_num .txt_s20cBlackFS {position:absolute; top:0; left:0; min-width:23px; padding:4px 6px; border-radius:5px 0 5px 0; background:#27b5ac; font-size:0.750em; color:#fff; text-align:center; z-index:3;} /* 학습_시험, 과제, 설문 */ .table_wrap_stLists {margin-top:20px;} .table_wrap_stLists, .table_wrap_stLists .table_infoList, .table_wrap_stLists tbody, .table_wrap_stLists tr, .table_wrap_stLists th, .table_wrap_stLists td {display:block; width:100%; text-align:left;} .table_wrap_stLists .table_infoList thead {display:none;} .table_wrap_stLists .table_infoList tr {position:relative; display:block; padding:15px 16px; overflow:hidden;} .table_wrap_stLists .table_infoList td {position:relative; display:inline-block; max-width:100vw; padding:0; white-space:nowrap; vertical-align:top;} .table_wrap_stLists tbody td:nth-child(1) {width:100%;} .table_wrap_stLists td .txt_s14cDark_ellipsis {font-size:1em;} .table_wrap_stLists td > [class^="txt_s14"] {font-size:0.750em;} .table_wrap_stLists tbody td:nth-child(2) {padding-left:50px;} .table_wrap_stLists tbody td:nth-child(3) {float:left; width:auto; padding-left:50px;} .table_wrap_stLists tbody td:nth-child(4) {width:calc(100% - 100px); margin-left:13px; padding-left:74px;} .table_wrap_stLists tbody td:nth-child(4):after, .table_wrap_stLists tbody td:nth-child(6):after {position:absolute; top:7px; left:-9px; width:1px; height:11px; background:#898989; content:'';} .table_wrap_stLists tbody td:nth-child(5) {clear:both; width:auto; padding-left:50px;} .table_wrap_stLists tbody td:nth-child(6) {width:calc(100% - 100px); margin-left:13px; padding-left:30px;} .table_wrap_stLists tbody td:nth-child(7) {padding-left:60px;} .table_wrap_stLists tbody td [class^="btn_"] {min-width:69px; width:auto;} .table_wrap_stLists tbody td .txt_btn_name {color:#333; font-weight:500;} .table_wrap_stLists tbody td:before {position:absolute; top:4px; left:0; font-size:12px; color:#898989;} .table_wrap_stLists tbody td:nth-child(2):before {content:'시험기간';} .table_wrap_stLists tbody td:nth-child(3):before {content:'시험시간';} .table_wrap_stLists tbody td:nth-child(4):before {content:'응시가능 횟수';} .table_wrap_stLists tbody td:nth-child(5):before {content:'응시여부';} .table_wrap_stLists tbody td:nth-child(6):before {content:'점수';} .table_wrap_stLists tbody td:nth-child(7):before {content:'응시/결과';} .report tbody td:nth-child(2):before {content:'제출기간';} .report tbody td:nth-child(3):before {content:'제출여부';} .report tbody td:nth-child(4) {margin-left:13px; padding-left:30px;} .report tbody td:nth-child(4):before {content:'점수';} .report tbody td:nth-child(4):after {left:-6px;} .report tbody td:nth-child(5) {position:absolute; bottom:15px; right:15px;} .report tbody td:nth-child(5):before, .report tbody td:nth-child(6):after {display:none;} .report tbody td:nth-child(6) {margin-left:0; padding-left:50px;} .report tbody td:nth-child(6):before {content:'제출결과';} .survey tbody td:nth-child(2):before {content:'설문기간';} .survey tbody td:nth-child(3) {padding-left:30px;} .survey tbody td:nth-child(3):before {content:'참여';} /* 플립러닝 사전,본,사후 분류 있는 경우 스타일 */ .table_wrap_stLists.tbType tbody td:nth-child(1), .table_wrap_stLists.board tbody td:nth-child(2) {width:auto;} .table_wrap_stLists.tbType tbody td:nth-child(1) .txt_s14cDark, .table_wrap_stLists.board tbody td:nth-child(2) .txt_s14cDark {padding-right:15px; color:#27b5ac; font-size:0.875em;} .table_wrap_stLists.tbType tbody td:nth-child(1):before {position:absolute; top:5px; left:auto; right:6px; width:1px; height:13px; background:#27b5ac; content:'';} .table_wrap_stLists.tbType tbody td:nth-child(2) {width:calc(100% - 45px); padding-left:0;} .table_wrap_stLists.tbType tbody td:nth-child(2) {padding-left:0;} .table_wrap_stLists.tbType tbody td:nth-child(3) {float:left; width:100%; padding-left:50px;} .table_wrap_stLists.tbType tbody td:nth-child(4) {width:auto; margin-left:0; padding-left:50px;} .table_wrap_stLists.tbType tbody td:nth-child(4):after, .table_wrap_stLists.tbType tbody td:nth-child(6):after {display:none;} .table_wrap_stLists.tbType tbody td:nth-child(5):after, .table_wrap_stLists.tbType tbody td:nth-child(7):after {position:absolute; top:6px; left:-9px; width:1px; height:12px; background:#898989; content:'';} .table_wrap_stLists.tbType tbody td:nth-child(5) {clear:both; width:calc(100% - 100px); margin-left:13px; padding-left:74px;} .table_wrap_stLists.tbType tbody td:nth-child(6) {width:auto; margin-left:0; padding-left:50px;} .table_wrap_stLists.tbType tbody td:nth-child(7) {width:auto; margin-left:13px; padding-left:30px;} .table_wrap_stLists.tbType tbody td:nth-child(8) {padding-left:60px;} .table_wrap_stLists.tbType tbody td:nth-child(2):before {display:none;} .table_wrap_stLists.tbType tbody td:nth-child(3):before {content:'시험기간';} .table_wrap_stLists.tbType tbody td:nth-child(4):before {content:'시험시간';} .table_wrap_stLists.tbType tbody td:nth-child(5):before {content:'응시가능 횟수';} .table_wrap_stLists.tbType tbody td:nth-child(6):before {content:'응시여부';} .table_wrap_stLists.tbType tbody td:nth-child(7):before {content:'점수';} .table_wrap_stLists.tbType tbody td:nth-child(8):before {content:'응시/결과';} .report.tbType tbody td:nth-child(2):before {display:none;} .report.tbType tbody td:nth-child(3):before {content:'제출기간';} .report.tbType tbody td:nth-child(4) {margin-left:0; padding-left:50px;} .report.tbType tbody td:nth-child(4):before {content:'제출여부';} .report.tbType tbody td:nth-child(4):after {left:-6px;} .report.tbType tbody td:nth-child(5) {position:relative; bottom:auto; right:auto; display:inline-block; padding-left:30px;} .report.tbType tbody td:nth-child(5):before {display:block; content:'점수';} .report.tbType tbody td:nth-child(6) {margin-left:0; padding-left:50px;} .report.tbType tbody td:nth-child(6) {position:absolute; bottom:15px; right:15px;} .report.tbType tbody td:nth-child(6):before, .report.tbType tbody td:nth-child(6):after, .report.tbType tbody td:nth-child(7):after {display:none;} .report.tbType tbody td:nth-child(7) {margin-left:0; padding-left:50px;} .report.tbType tbody td:nth-child(7):before {content:'제출결과';} .survey.tbType tbody td:nth-child(3):before {content:'설문기간';} .survey.tbType tbody td:nth-child(4) {padding-left:30px;} .survey.tbType tbody td:nth-child(4):before {content:'참여';} /* 게시판인 경우 스타일 */ .table_wrap_stLists.board .table_infoList tr {padding-left:45px;} .table_wrap_stLists.board tbody td:nth-child(1) {position:absolute; top:17px; left:16px; width:20px;} td.tbNotice {background-size:16px auto;} .board tbody td:nth-child(1) [class^="txt_s14"] {font-size:0.938em;} .table_wrap_stLists.board tbody td:nth-child(2), .table_wrap_stLists.board tbody td:nth-child(3) {padding-left:0;} .table_wrap_stLists.board tbody td:nth-child(2):before, .table_wrap_stLists.board tbody td:nth-child(3):before {display:none;} .table_wrap_stLists.board tbody td:nth-child(3) {float:unset; width:calc(100% - 50px);} .table_wrap_stLists.board tbody td:nth-child(3):after {position:absolute; top:6px; left:-9px; width:1px; height:12px; background:#27b5ac; content:'';} [class^="txtLabel_qa"] {font-size:0.688em;} .table_wrap_stLists.board tbody td:nth-child(4) {position:absolute; bottom:15px; right:15px; width:auto; padding-left:0;} .board td .btnIcon_download {background:url('../images/common/icon_file_gray.png') center no-repeat; background-size:18px auto;} .table_wrap_stLists.board tbody td:nth-child(5), .table_wrap_stLists.board tbody td:nth-child(6) {padding-left:0; margin-top:5px;} .table_wrap_stLists.board tbody td:nth-child(4):before, .table_wrap_stLists.board tbody td:nth-child(4):after, .table_wrap_stLists.board tbody td:nth-child(5):before, .table_wrap_stLists.board tbody td:nth-child(6):before {display:none;} .table_wrap_stLists.board [class^="link_subj"] .icon_new {background-size:17px auto;} .pop_wrap_studyApply .pop_content {padding:20px 16px; overflow-y:auto;} .study_progress_bar {display:none;} .study_info_head .tit_s20cBlackFS {font-size:1.125em;} .study_info_head .txt_s16cLGray {font-size:0.875em;} .status_dot_w {bottom:17px;} .sa_container {margin-left:-16px; width:calc(100% + 32px); max-height:unset; overflow:hidden;} .sa_container > .txt_s14cLGrayFM {padding:0 16px 20px;} .survey_tite_w [class^="tit"] + [class^="tit"] {padding-left:12px; vertical-align:inherit;} .sv_list .btn_chk_s14, .sv_list .btn_radio_s14 {padding-left:75px;} .sa_container .survey_lists_w + .txt_s14cLGrayFM {padding-top:15px;} .sa_report_w {padding:10px 16px 20px;} .ra_apply .txt_s16cBlack {margin-left:16px; margin-bottom:0; font-size:1em;} .addfile_tit .txt_s20cBlack {font-size:1em;} .board_wrap_write .inp_txt_default, .board_wrap_write .inp_txtArea_gray {display:block;} .board_wrap_write .inp_txtArea_gray {margin-top:7px;} .btn_primaryh40_save {border:1px solid #27b5ac; background:#fff;} .btn_primaryh40_save .txt_s16cWhite {color:#27b5ac;} .ra_apply .study_info_head {padding:7px 16px 20px;} .ra_apply_result {padding:20px 16px 0;} .rar_lists {padding:15px;} .rar_lists .txt_s16cDarkFM {width:calc(100% - 90px);} .pop_wrap_studyApply .btnIconBlue_next {background-image:none;} /* 학습_게시판 */ .srchBox_gray {position:relative; margin-top:20px;} .srchBox_gray .inp_txt_default {width:calc(100% - 122px); height:42px;} .srchBox_gray .inp_txt_default input[type="text"] {height:40px;} .srchBox_gray .inp_txt_default .s14cDark::placeholder {} .srchBox_gray .inp_txt_default .btnIcon_search_gray {display:block;} .srchBox_gray [class^="custom_select"] .select2-container {width:92px !important;} .srchBox_gray .btn_scDarkhh40_srch {display:none;} .srchBox_gray .btn_scDarkhh40_srch + .inp_chk {position:absolute; left:16px; bottom:-50px; display:block; margin:13px 16px 0 0; text-align:right; white-space:nowrap;} .srchBox_gray [class^="custom_select"] .select2-container .select2-selection--single, .srchBox_gray [class^="custom_select"] .select2-container--default .select2-selection--single .select2-selection__arrow {height:42px;} .srchBox_gray [class^="custom_select"] .select2-container--default .select2-selection--single .select2-selection__rendered {line-height:40px; padding-left:13px; font-size:14px;} .srchBox_gray .inp_txt_default input[type="text"]::placeholder {color:#898989; font-size:13px; line-height:40px;} [class^="cb_btn_w"] {padding:0 16px 10px;} [class^="cb_btn_w"] .btn_primaryh40_question {width:91px; height:30px; padding:7px 12px;} .social .cb_btn_w [class^="btn_primaryh40_"] {width:0; padding:0; text-indent:-9999px;} .btn_primaryh40_question .txt_btn_name {font-size:0.875em;} [class^="cb_btn_w"] + .table_wrap_stLists {margin-top:0;} .bdView .topinfoBox_study, .bdView .tab_wrap_dtab {display:none;} .bdView .board_wrap_view {border-top:0;} .bdv_top_w {padding:20px 16px;} .bdv_top_w .txt_s16cGrayFM {padding-bottom:6px; font-size:0.875em;} .bdv_top_w .txt_s30cBlack {font-size:1.125em;} .bdv_top_w .bvt_info {padding-top:0;} .bvt_info [class^="txt_"] {font-size:0.750em;} .board_wrap_view .tools_btn_w {right:0;} .bdv_cont {padding-bottom:20px;} .bdv_cont .file_lists_sw {padding:0 16px;} .board_wrap_view .af_slist + .af_slist {margin-top:5px;} .board_wrap_view .af_slist + .af_slist .link_file {border:1px solid #e6e6e6;} .board_wrap_view .af_slist .link_file {min-height:34px; padding:7px 50px 3px 36px; background-size:16px auto;} .af_slist .link_file [class^="txt_"] {font-size:0.750em;} .bdv_cont .txt_s14cBlackFM {min-height:unset; padding-bottom:30px;} .bottom_btn_study {text-align:center;} .bottom_btn_study > [class^="btn_"] {width:100%; height:50px;} .board_wrap_write {padding:20px 16px 0;} .boad_edit_w {min-height:260px;} .addfile_tit .btn_secondary_file {width:77px; height:34px; padding:8px;} .addfile_tit .btn_secondary_file .txt_s16 {font-size:0.750em;} .af_slist .btnIcon_delete_gray {margin-top:-16px; background-size:16px auto;} .box_file_none {padding:20px 0;} .box_file_none .icon_filedrop {width:26px; height:26px;} .box_file_none .txt_s14cLGrayFM {font-size:12px;} .bottom_btn_study {display:table; table-layout:fixed; width:calc(100% - 32px); margin:0 auto; margin-top:40px; text-align:center;} .bbs_list {display:table-cell; padding:0 3px;} .bbs_list [class^="btn_"] {width:100%; height:50px;} .tab_wrap_dtab.ty2 .tab_list {min-width:calc(100% / 2);} .table_wrap_studyTb {margin-top:20px;} .table_wrap_studyTb th, .table_wrap_studyTb td {display:block; width:100vw;} .table_wrap_studyTb th {padding:10px 16px;} .table_wrap_studyTb td {padding:15px 16px;} .table_wrap_studyTb th .txt_s14cDark br {display:none;} .table_wrap_studyTb th .btn_secondary_file {margin-top:-14px;} .table_wrap_studyTb .af_slist {width:100%;} .table_wrap_studyTb .af_slist .link_file {max-width:85%; background-size:16px auto;} .link_file .txt_s14cDark {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .table_wrap_studyTb .af_slist .btnIcon_delete_gray {margin-top:-9px;} .info_lists_w {padding:10px 0;} .info_list {float:unset; width:100%;} .info_list + .info_list {margin-top:15px;} .tableWrap_bbsList_chkReport {margin-top:-15px; margin-left:-16px; width:calc(100% + 32px); border-top:0;} .table_bbsList_chkReport th {display:none;} .table_bbsList_chkReport td {position:relative; width:100%; padding:0; border-right:0;} .table_bbsList_chkReport td:nth-child(1) {padding:10px;} .table_bbsList_chkReport td:nth-child(n+2):nth-child(-n+5) {border-right:1px solid #e6e6e6;} .table_bbsList_chkReport td:nth-child(n+2):nth-child(-n+6) {float:left; width:calc(100% / 5);} .table_bbsList_chkReport td:nth-child(n+2):nth-child(-n+6):before {position:absolute; top:50%; left:50%; width:56px; height:36px; margin-top:-15px; margin-left:-28px; font-size:0.688em; color:#333; white-space: pre; word-break:keep-all;} .table_bbsList_chkReport td:nth-child(2):before {content:'전혀 그렇지\A않다';} .table_bbsList_chkReport td:nth-child(3):before {content:'그렇지\A않다';} .table_bbsList_chkReport td:nth-child(4):before {margin-top:-9px !important; content:'보통이다';} .table_bbsList_chkReport td:nth-child(5):before {margin-top:-9px !important; content:'그렇다';} .table_bbsList_chkReport td:nth-child(6):before {content:'매우\A그렇다';} .inp_radio_level {padding:14px 5px;} .inp_radio_level input[type="radio"]:checked + .icon_level {background-image:none;} .inp_radio_level input[type="radio"]:checked + .icon_level:before {top:0; width:100%; height:100%;} .cpreport_list {margin-left:-16px; width:calc(100% + 32px); padding:10px;} .cpreport_list .inp_txtArea textarea::placeholder {font-size:0.875em;} .study_approval_w {margin-top:20px; padding-bottom:0; text-align:center;} .apv_list {min-width:100px;} /* 학습_신청/취소 */ .top_slct_wL {margin-top:7px; padding:0 16px;} .top_slct_wL .custom_select {float:right;} .top_slct_wL .custom_select .select2-container {width:auto !important;} .top_slct_wL .custom_select .select2-container .select2-selection--single {border:0; text-align:left;} .top_slct_wL .custom_select .select2-container--default .select2-selection--single .select2-selection__arrow b {width:14px; height:14px; margin-top:-8px; border:0; background:url('../images/common/icon_array.png') center no-repeat; background-size:100% auto;} .top_slct_wL .custom_select .select2-container .select2-selection--single .select2-selection__rendered {padding-right:35px;} .contBox_study .cwl_list .thumb_cont .tit_s18cBlack_ellipsis {max-width:95%;} .contBox_study .cwl_list .tc_info .txt_s14cLGray {color:#333;} .contBox_study .cwl_list .thumb_cont .tools_btn_w {bottom:auto; top:0;} .tools_btn_w .btnIcon_default .txt_s14cLGray {font-size:0.813em;} .pop_wrap_studyNoti .inp_txtArea_gray textarea {height:120px;} /* 본인인증 팝업 */ .srt_list {padding:16px 105px 16px 79px;} .srt_list [class^="icon_"] {width:44px; height:44px; margin-top:-22px; left:16px;} .srt_list .txt_s16cBlack {font-size:0.875em;} .srt_list .btn_primaryh40 {width:68px; right:16px;} .srt_list .btn_primaryh40 .txt_btn_name {font-size:0.750em;} /* 시험응시 팝업 */ .pop_wrap_studyTest .pop_content {min-height:unset; height:calc(100% - 180px); max-height:calc(100% - 180px); overflow-y:auto;} .st_tit_w {padding:12px;} .st_tit_w .txt_s22cBlack {display:block; padding-bottom:4px; font-size:1.125em;} .st_tit_w .txt_time {position:relative; right:auto; top:auto; margin-top:0;} .st_tit_w .txt_time .txt_s30cMint {font-size:1em; vertical-align:top;} .st_tit_w .txt_time [class^="txt_s14"] {padding-top:0;} .scr_tit .scr_score, .scr_answer {white-space:nowrap;} .pop_wrap_studyTest [class^="table_"] td {padding:8px 5px;} .st_inner_w {height:auto;} .sti_test {float:unset; width:100%; height:unset; border:0; padding:0; overflow:hidden;} .stit_cont .txt_s16cBlackFM {padding-bottom:10px; font-weight:500;} .stit_cont .inp_txtArea textarea {height:130px;} [class^="formGroup_test_radio"] {padding-top:0;} .formGroup_test_radio .inp_radio .txt_s16cBlack + .txt_s16cBlack {max-width:calc(100% - 50px);} [class^="inp_radio_ox"] {float:left; width:calc((100% - 13px) / 2); height:165px; padding:50px 10px;} [class^="inp_radio_ox"] + [class^="inp_radio_ox"] {margin-left:13px;} [class^="inp_radio_ox"] .icon_radio {width:63px; height:63px;} .sti_status {position:fixed; top:calc(100% - 130px); left:0; float:unset; width:100%; padding:0 15px 15px; background:#fff; z-index:99;} .btn_grayLineh50_status {display:block; width:calc(100% + 32px); height:45px; margin-left:-16px; padding:10px 16px; text-align:left; background:#fff url('../images/common/arrow_up_dark.png') calc(100% - 32px) center no-repeat; background-size:10px auto; background-position:calc(100% - 20px) center;} .btn_grayLineh50_status:hover {border-color:#dadada;} .btn_grayLineh50_status .txt_s14 {padding-right:7px;} .btn_grayLineh50_status .txt_s14, .btn_grayLineh50_status:hover .txt_s14 {color:#121212;} .btn_grayLineh50_status .txt_s12cLGrayFM, .btn_grayLineh50_status:hover .txt_s12cLGrayFM {color:#898989;} .st_status_pop {display:none; height:calc(100vh - 113px); padding-top:20px;} .st_status_pop:before {display:none; position:absolute; top:-100%; left:0; width:100%; height:100%; background:rgba(0,0,0,.4); content:'';} .stis_tit {display:none;} .stis_lists {max-width:} .sti_status.show {top:68px;} .sti_status.show .btn_grayLineh50_status {background:#fff url('../images/common/arrow_down_dark.png') calc(100% - 32px) center no-repeat; background-size:10px auto; background-position:calc(100% - 20px) center;} .sti_status.show .st_status_pop, .sti_status.show .st_status_pop:before {display:block;} .pop_wrap_studyTest .pop_footer {padding:22px 16px;} .pop_wrap_studyTest .pop_footer [class^="btnIcon"] {width:100%; border:0;} .sbb_list .txt_s15cBlack {font-size:15px;} .sbb_list .spa_lists_w {padding:0;} /* 학습_학습완료 */ .top_slct_wA {height:unset; margin:0 0 15px; padding:0 16px; overflow:hidden;} .top_slct_wA .sw_left {float:unset; width:100%;} .top_slct_wA .sw_left .txt_s14cBlack {display:none;} .sw_left .txt_s14cBlack + .custom_select {display:block; margin-left:0; margin-bottom:15px;} .top_slct_wA .custom_select .select2-container {width:100% !important; font-size:14px;} .top_slct_wA .custom_select .select2-container .select2-selection--single, .top_slct_wA .custom_select .select2-container--default .select2-selection--single .select2-selection__arrow {height:42px;} .top_slct_wA .custom_select .select2-container--default .select2-selection--single .select2-selection__rendered {line-height:42px;} .sl_sort_lists {display:block; width:100%;} .ssl_list {width:calc(100% / 2);} .ssl_list .btn_whiteh30 {min-width:100%; height:36px;} .top_slct_wA .sw_right {float:unset; display:table; table-layout:fixed; width:100%; margin-top:15px; text-align:right;} .sw_right .swr_list {display:table-cell; text-align:center;} .sw_right [class^="sw_"] {padding-right:0; font-size:1em;} .swr_list .txt_s16cDark {display:block; margin-top:5px; font-size:1em;} .table_wrap_stContents thead {display:none;} .table_wrap_stContents tr {display:block; width:calc(100vw - 32px); min-height:283px; margin:0 16px; padding:15px 0;} .table_wrap_stContents td {position:relative; display:block; width:calc(100vw - 32px); padding:0; text-align:left; white-space:nowrap;} .table_wrap_stContents td:first-child {padding:0;} .table_wrap_stContents td:nth-child(2), .table_wrap_stContents td:nth-child(3), .table_wrap_stContents td:nth-child(4), .table_wrap_stContents td:nth-child(5), .table_wrap_stContents td:nth-child(6) {float:left; width:auto;} .table_wrap_stContents td:nth-child(2) {padding-left:56px;} .table_wrap_stContents td:nth-child(3) {margin-left:20px; padding-left:46px;} .table_wrap_stContents td:nth-child(4) {margin-left:20px; padding-left:30px;} .table_wrap_stContents td:nth-child(5) {clear:both; padding-left:56px;} .table_wrap_stContents td:nth-child(6) {margin-left:20px; padding-left:46px;} .table_wrap_stContents td:nth-child(7) {clear:both; padding-left:46px;} .table_wrap_stContents td [class^="txt_"] + .guide_btn_w, .table_wrap_stContents td .link_subj_result {display:inline-block; margin-left:5px;} .table_wrap_stContents .btnIcon_viewGuide {height:26px;} .table_wrap_stContents .btnIcon_viewGuide .txt_btn_name, .table_wrap_stContents .link_subj_result .txt_s14cDark {font-size:12px;} .table_wrap_stContents [class^="guide_layer"] .lg_cont [class^="txt_"] {white-space:initial;} .table_wrap_stContents [class^="btn_"] {width:auto; height:26px; padding:3px 12px;} .table_wrap_stContents .btn_write .txt_btn_name {font-size:14px;} .table_wrap_stContents td:before {position:absolute; top:3px; left:0; font-size:13px; color:#666; content:'';} .table_wrap_stContents td:nth-child(2):before {content:'학습시간';} .table_wrap_stContents td:nth-child(3):before {content:'교육비';} .table_wrap_stContents td:nth-child(4):before {content:'총점';} .table_wrap_stContents td:nth-child(5):before {content:'수료여부';} .table_wrap_stContents td:nth-child(6):before {content:'재학습';} .table_wrap_stContents td:nth-child(7):before {content:'수강평';} .table_wrap_stContents td:nth-child(3):after, .table_wrap_stContents td:nth-child(4):after, .table_wrap_stContents td:nth-child(6):after {position:absolute; top:6px; left:-11px; width:1px; height:12px; background:#898989; content:'';} .table_wrap_stContents td > [class^="txt_"] {white-space:nowrap;} .table_wrap_stContents .thumbnail_col{height:unset;} .table_wrap_stContents .thumbnail_col .thumb_img {position:relative; width:100%; height:164px;} .table_wrap_stContents .thumb_cont {padding:0;} .table_wrap_stContents .thumb_cont .tit_s18cBlack_ellipsisC2 {max-height:1.8em; padding-top:10px; font-size:1em; -webkit-line-clamp:1;} .table_wrap_stContents .thumb_cont .tc_info {display:inline-block; white-space:nowrap;} .table_wrap_stContents .thumb_cont .tc_info + .txt_s14cLGray {position:relative; padding-left:17px;} .table_wrap_stContents .thumb_cont .tc_info + .txt_s14cLGray:before {position:absolute; top:4px; left:6px; width:1px; height:12px; background:#898989; content:'';} /* 소셜러닝 */ .st_social_lists {padding:0 16px;} .sts_list {padding:18px 0 20px;} .sts_list .sts_label {position:relative; top:auto; left:auto; width:auto; height:auto; margin-top:0; padding:3px 5px; font-size:0.625em; border-radius:3px;} .sts_list .sts_label + .txt_s20cDark {display:block; margin-bottom:5px; padding-top:3px; font-size:1em;} .sts_info [class^="txt_s14"] {font-size:0.750em;} .topinfoBox_social {padding:20px 16px 30px;} .topinfoBox_social .tib_inner {width:100%;} .topinfoBox_social .tbi_cont {padding:0;} .topinfoBox_social .tic_details {width:100%;} .tic_details .sts_info {display:block;} .tic_details .tit_s32cBlack {display:block;padding-bottom:20px;} .topinfoBox_social .tic_details .tic_info {padding:0; border:0; margin-top:0; background:none;} .topinfoBox_social .ti_list .txt_s15cDark {width:63px;} .bdView .topinfoBox_social {display:none;} .contBox_isLNB.social {padding:0;} .lnb_wrap.social {display:none;} .social .cb_inner > .tit_s24cBlackFS {padding:20px 16px 0; font-size:1.125em;} .social .srchBox_gray, .support .srchBox_gray {padding:25px 16px;} .social .srchBox_gray .custom_select, .support .srchBox_gray .custom_select {display:block;} .social .srchBox_gray .custom_select .select2-container, .support .srchBox_gray .custom_select .select2-container {width:100% !important;} .social .srchBox_gray .inp_txt_default, .support .srchBox_gray .inp_txt_default {width:100%; margin-top:10px;} .srchBox_gray.srchMb .inp_txt_default .btnIcon_srch {display:block;} .social .btnIcon_srch, .support .btnIcon_search_gray {background-image:url('../images/common/btn_srch_black.png'); background-size:16px auto;} .social .table_wrap_stLists.board tbody td:nth-child(2), .social .table_wrap_stLists.board tbody td:nth-child(3) {float:left; width:unset; max-width:unset;} .social .table_wrap_stLists.board tbody td:nth-child(5), .social .table_wrap_stLists.board tbody td:nth-child(6):after, .social .table_wrap_stLists.board tbody td:nth-child(7):before, .social .table_wrap_stLists.board td [class^="txt_s14c"] + .txt_s14cDark:before {display:none;} .social .table_wrap_stLists.board tbody td:nth-child(6) {margin-left:0;} .social .table_wrap_stLists.board tbody td:nth-child(7), .table_wrap_stLists.board.noTp tbody td:nth-child(6) {padding-left:15px;} .social .table_wrap_stLists.board tbody td:nth-child(7):after, .table_wrap_stLists.board.noTp tbody td:nth-child(6):after {display:block; position:absolute; top:12px; left:5px; width:2px; height:2px; border-radius:50%; background:#898989; content:'';} .social .table_wrap_stLists.board tbody td:nth-child(6), .social .table_wrap_stLists.board tbody td:nth-child(7) {width:auto; vertical-align:bottom;} .social .table_wrap_stLists.board tbody td:nth-child(7) .txt_s14cDark {color:#898989;} .social .table_wrap_stLists.board td [class^="txt_s14c"] + .txt_s14cDark {padding-left:0;} .social [class^="link_subj"] .icon_new {width:17px; height:17px;} .table_wrap_stLists.board.noTp tbody td:nth-child(3) {position:absolute; bottom:15px; right:15px;} .table_wrap_stLists.board.noTp tbody td:nth-child(3):after, .table_wrap_stLists.board.noTp tbody td:nth-child(4) {display:none;} .table_wrap_stLists.board.noTp tbody td:nth-child(5) {display:inline-block;} .rep_top_w {padding:0 16px;} .rep_top_w .rt_sort {right:16px; white-space:nowrap;} .replyForm_group_w {padding:0 16px;} .gal_lists_w {top:-15px; left:auto; width:100%;} .gal_list {width:calc((100% - 48px) / 2); margin-top:15px;} .gal_list .thumbnail_gallery {display:initial; width:100%;} .thumbnail_gallery .thumb_img {height:116px;} .thumbnail_gallery .thumb_cont {padding:10px 2px;} .thumbnail_gallery .thumb_cont .tit_s16cBlack_ellipsis {font-weight:500;} .thumbnail_gallery .thumb_cont .icon_new + .tit_s16cBlack_ellipsis {max-width:calc(100% - 36px);} .thumbnail_gallery .tg_info [class^="txt_"] {font-size:0.750em;} .gal_list .tools_btn_w {top:0;} .bdw_btn_w [class^="btn_"] {white-space:nowrap;} .board_info {margin-bottom:0; padding:0 0 0 30px; background-size:20px auto; background-position:left 3px; font-size:0.875em;} /* 마이크로러닝 첨부 팝업 */ .srch_multi_w {position:relative; left:-16px; width:calc(100% + 32px);} .micro_list {padding-left:26px;} .micro_list .icon_radio {left:-26px;} .micro_list .thumbnail_col {height:78px;} .micro_list .thumb_img {width:132px; height:80px;} .micro_list .thumbnail_col .thumb_cont {padding-left:142px;} .micro_list .thumbnail_col .tc_info [class^="txt_"] {font-size:0.750em;} .thumbnail_col .tc_info [class^="txt_"] + [class^="txt_"]:before {top:1px; left:1px; font-size:10px;} /* 마이페이지 */ [class^="box_Gline"] {min-height:unset; padding:15px 16px 20px; border-width:1px 0; border-radius:0;} [class^="box_Gline"]:last-child {border-bottom:0;} [class^="box_Gline"] + [class^="box_Gline"], .mgm_box_banner + [class^="box_Gline"] {margin-top:0; border-top:10px solid #f3f3f3;} .box_grid_w [class^="box_Gline_"] + [class^="box_Gline_"] {margin-left:0; border-top:10px solid #f3f3f3;} .box_grid_w + [class^="box_Gline"] {border-top:10px solid #f3f3f3;} [class^="box_Gline"] > [class^="tit_"] {position:relative; top:auto; left:auto; display:block; padding-bottom:20px;} [class^="box_Gline"] > [class^="tit_"] br {display:none;} .mp_status_lists {padding:0;} .ms_list {border-right:0;} .msl_link .txt_s50cBlackFM {font-size:1.500em;} .msl_link .txt_s16cDark {padding-top:5px; font-size:0.875em;} .mp_status_sub {display:none;} .mg_menu_w {display:block;} .sopt_lists {width:100%; margin-top:20px; border-top:1px solid #e6e6e6; overflow:hidden;} .sopt_list {float:left; width:calc(100% /2); padding:9px 12px 9px 0; border-bottom:1px solid #e6e6e6;} .sopt_list + .sopt_list {border-left:1px solid #e6e6e6;} .sopt_list:nth-child(2n-1) {border-left:0;} .sopt_list:nth-child(2n) {padding:9px 0 9px 12px;} .sopt_list:last-child {padding-right:0;} .sopt_list .txt_s16cBlack {float:right;} .mg_menu_w .sopt_list {background:url('../images/common/link_right_dark.png') calc(100% - 14px) center no-repeat; background-size:8px auto;} .sopt_list .link_subj {display:block; white-space:nowrap;} .mg_menu_w .sopt_lists {margin-top:-1px;} .mg_menu_w .sopt_list:nth-child(2n-1) {padding-left:16px;} .mgm_box_banner {height:unset; border-top:10px solid #f3f3f3;} .mg_box_blue {margin:0; padding:14px 16px 14px 40px; border-radius:0; background-position:15px 18px;} .mg_box_blue .txt_s14cWhiteFM_ellipsis {max-width:100%;} .mg_box_blue .txt_s14cMintFM {display:block; padding:3px 0 0 0; color:#6eede5; font-size:0.750em;} .bg_sub_info {position:relative; top:auto; left:auto; font-size:0.875em;} .bg_sub_info br {display:none;} .mg_like_lists {position:relative; top:-20px; left:-9px; width:calc(100% + 9px); padding:20px 0 0 0;} .mgl_list {width:calc((100% - 18px) / 2); margin:20px 0 0 9px;} .mgl_list + .mgl_list {margin-left:9px;} .mgl_list:nth-child(2n-1) {clear:both;} .mgl_list .thumbnail_default {width:100%; border:0;} .mgl_list .thumb_img {height:116px; border-radius:5px;} .mgl_list .tiw_layer {border-radius:5px;} .mgl_list .thumb_cont {padding:7px 2px 0;} .mgl_list .thumb_cont .tit_s14cDark_ellipsisC2 {height:unset;} .mgl_list .tc_top {padding-bottom:0;} .mgl_list .tc_top [class^="txt_"] + [class^="txt_"]:before {top:6px; height:2px;} .box_Gline .link_more {bottom:auto; left:auto; top:18px; right:14px; white-space:nowrap;} [class^="box_Gline"] .inner_noData {margin-left:0; padding:34px;} .box_grid_w {margin:0; border-top:10px solid #f3f3f3;} .box_grid_w [class^="box_Gline_"] {float:unset; width:100%; height:unset; padding-top:15px; border-top:0;} .box_Gline_medium .custom_select {top:15px; right:0;} .box_Gline_medium .custom_select .select2-container {width:80px !important;} .box_Gline_medium .custom_select .select2-container .select2-selection--single {border:0;} .bgg_list {padding:5px 0;} .bgg_list + .bgg_list {border-top:0;} .bgg_list .grap_x, .bgg_list .grap_x .gWrap {width:100%;} .bgg_list .grap_x .txt_s14cDark_ellipsis {display:block; width:90%; padding-bottom:3px;} .bgg_list .grap_x .txt_s14cMint {top:10px; margin-top:0;} .box_Gline_medium .bg_chart_w {width:120px; height:160px; margin-left:10px; padding-top:25px;} .box_Gline_medium .bg_chart_w .c100 {font-size:120px} .bg_chart_w .bc_num_w {top:65px; margin-left:-27px;} .bc_num_w .txt_s26cBlack {font-size:1em;} .bg_chart_w .mc_info {top:35px; right:-190px;} .mci_list {position:relative; width:unset; padding:0 0 0 120px; white-space:nowrap;} .mci_list + .mci_list {margin-top:10px; border-top:0;} .mci_list .txt_s16cBlackFS .numFM {position:absolute; top:0; left:0; font-size:0.875em;} .box_Gline_small .kw_list {margin:0 10px 10px 0;} .box_Gline_small .btnIcon_filter {top:15px; right:15px; width:20px; height:20px;} [class^="box_Gline"] > [class^="tit_"] .txt_s16cLGrayFT {display:inline-block; padding-left:10px; font-size:0.813em; font-weight:400;} [class^="bg_banner_"] {margin-left:0;} [class^="bg_banner_"] .link_subj {padding:15px; background:none !important;} .bg_banner_r .link_subj {padding:0;} [class^="bg_banner_"] .tit_s20cDark {font-size:1em;} [class^="bg_banner_"] .txt_s16cDarkFM {font-size:0.875em;} [class^="bg_banner_"] .link_subj .txt_s18cDark {display:block; position:relative; top:auto; right:auto; margin-top:15px; padding:10px; text-align:center; background:#fff; border-radius:3px; font-size:0.875em;} .bg_banner_r .link_subj .txt_s18cDark {background:#f3f3f3; background-size:14px auto;} [class^="bg_banner_"] .link_subj:hover .txt_s18cDark {right:auto;} [class^="bg_banner_"] .link_subj .txt_s18cDark .icon_arrow {width:14px; height:14px; margin-left:7px; background:url('../images/common/arrow_next_dark.png') center -1px no-repeat; background-size:100% auto;} .bg_banner_r img {display:block; width:97px; height:168px; margin:0 auto;} .bgb_info {display:block; width:100%; padding-top:20px; text-align:center;} .bgb_info [class^="txt_"] {word-break:keep-all;} .bgb_info [class^="txt_"] + [class^="txt_"] {padding-top:4px;} .box_Gline_small .keyword_lists_w {max-height:unset; overflow:hidden;} .box_Gline_apply .bg_sub_info {top:0;} .box_Gline_apply .guide_btn_w {display:block; position:absolute; top:8px; right:10px;} .box_Gline_apply .guide_btn_w .btnIcon_viewGuide {background-image:url('../images/common/icon_guide_info_gray.png');} .mb_slider_w {width:calc(100% + 16px); padding-top:20px; overflow-x:auto;} .bga_lists {display:block; table-layout:unset; padding-left:0; overflow:hidden; width:768px;} .bga_list {float:left; display:unset; text-align:center;} .bga_list + .bga_list {margin-left:20px;} .bga_link .txtLabel_cMint, .bga_link .txtLabel_cDark {margin-bottom:10px; border-radius:0; font-size:11px; font-weight:500;} .bga_link .txt_s24cBlack {font-size:1.250em;} /* 마이페이지 상세 */ .box_Gline .bg_btn_right {position:relative; top:auto; right:auto;} .bg_btn_right .btn_mintLineh40_bRound {width:calc(100% - 170px);} .bg_btn_right .btn_primaryh40_bRound {width:157px;} .bg_btn_right [class^="btn_"] .txt_btn_name {font-size:0.875em;} .box_Gline_np {padding:0;} .sme_mini .cst_img_w {height:86px; border-radius:0;} .sme_mini .cst_img_w:before, .sme_mini .cst_img_w img {border-radius:0;} .cst_img_w .txt_cWhite {display:none;} .cst_img_w .guide_btn_w {right:10px; bottom:10px;} .cst_img_w .btnIcon_imgModify {width:24px; height:24px;} .sme_mini .cb_sme_cont {padding:16px 16px 16px 100px;} .sme_mini .csc_profile .tsw_img {top:16px; left:16px;} .sme_mini .csc_status {padding-top:30px;} .sme_mini .csc_list .txt_s14cDark {display:none;} .sme_mini .csc_list .txt_s16cDark {font-size:0.750em; font-weight:400;} .csc_name_w .inp_txt_default .s24cBlack {font-size:1.125em;} .sme_mini .csc_profile .btnIcon_modify {margin-top:3px; background-size:16px auto;} .csc_profile .txt_s14cLGrayFM {font-size:0.750em;} .keyword_lists_blue .kw_list {white-space:nowrap;} .kw_new_w {display:block; margin:5px 0 0 0;} .bg_mc_sorts {position:relative; top:auto; left:auto; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #dbdbdb;} .bg_mc_sorts .inp_chk {display:inline-block; margin-right:10px; white-space:nowrap;} .bg_mc_sorts [class^="inp_chk"] .icon_chk + [class^="txt_"] {font-size:0.750em;} .box_Gline_myconts .custom_select {top:57px; left:auto; right:44px; z-index:3;} .box_Gline_myconts .custom_select .select2-container .select2-selection--single {border:0; padding-right:15px; text-align:right;} .box_Gline_myconts .mg_like_lists {left:0; width:100%; padding-top:0;} .box_Gline_myconts .mgl_list {display:block; float:unset; width:100%; height:88px; margin-left:0;} .box_Gline_myconts .mgl_list .thumb_img {position:absolute; top:0; left:0; width:127px; height:88px;} .mgl_list .txtLabel_cBlack {min-width:48px; height:24px; padding:6px 5px; font-size:10px;} .box_Gline_myconts .mgl_list .thumb_cont {padding:0 0 5px 140px;} .box_Gline_myconts .mgl_list .thumb_cont .tit_s14cDark_ellipsisC2 {height:42px;} .mgl_list .tiw_layer .tit_s14cWhite_ellipsisC2 {font-size:12px;} .mgl_list .inp_chk_like .txt_s12cWhite {padding-left:66px;} .box_Gline_myconts .tc_info {padding-top:0;} .box_Gline_myconts .tc_info_r {margin-right:5px;white-space:nowrap;} .box_Gline_myconts .mgl_list .tools_btn_w {top:0; right:0;} .box_Gline_myconts .paging_w {clear:both; margin-top:20px; padding-left:0;} /* 마이페이지_결재함 */ .contBox_isLNB .cb_inner .box_Gline_full h4.tit_s20cBlackFS {display:none;} .box_Gline_full {padding:0;} .box_Gline_full .srchBox_gray {margin-top:0; padding:25px 16px; border:0; text-align:left;} .sb_lists {display:block; width:100%;} .sb_list {float:unset; width:100%; white-space:nowrap;} .sb_list + .sb_list {margin-top:10px; margin-left:0;} .sb_list .inp_txt_calendar {width:calc((100% - 21px) / 2);} .sb_list .txt_s15cDark {display:none;} .sb_list .inp_txt_default, .sb_list .inp_txt_short {width:100%; height:40px;} .sb_list .inp_txt_short .s14cDark {height:40px;} .box_Gline_full .srchBox_gray .btn_scDarkhh40_srch {display:block; width:100%; height:40px; margin-top:20px; margin-left:0;} .formGroup_chck {margin-top:-10px; padding:20px 0 0 0;} .formGroup_chck .inp_chk {margin:5px 10px 0 0; white-space:nowrap;} .formGroup_chck .inp_chk + .inp_chk {margin-left:0;} .formGroup_chck .inp_chk .txt_s14cDark {font-size:0.813em;} .cb_btn_wR [class^="btn_"] {width:64px; height:28px; padding:5px;} .cb_btn_wR [class^="btn_"] + [class^="btn_"] {margin-left:4px;} .cb_btn_wR [class^="btn_"] .txt_btn_name {font-size:0.875em;} .table_wrap_stSignline {display:none; border-top:0;} .table_wrap_stSignline thead {display:none;} .table_wrap_stSignline tr {position:relative; display:block; width:100vw; padding:7px 10px 7px 100px;} .table_wrap_stSignline tr + tr {border-top:1px solid #e6e6e6;} .table_wrap_stSignline td {position:relative; padding:0; border:0; text-align:left; white-space:nowrap;} .table_wrap_stSignline td:nth-child(1) {position:absolute; top:50%; left:16px; margin-top:-10px;} .table_wrap_stSignline td:nth-child(1) .txt_s16cDark {color:#27b5ac; font-weight:500;} .table_wrap_stSignline td:nth-child(n+3):nth-child(-n+4) {padding-left:10px} .table_wrap_stSignline td:nth-child(n+3):nth-child(-n+4):before {position:absolute; top:12px; left:4px; width:2px; height:2px; border-radius:50%; background:#333; content:'';} .table_wrap_stSignline td:nth-child(5) {display:block;} .table_wrap_stSignline td [class^="txt_"] {font-size:0.875em;} .table_wrap_stSignline td .btnIcon_viewGuide {width:auto;} .box_Gline_full .table_wrap_stLists.board .table_infoList tr {padding-left:73px;} .box_Gline_full .table_wrap_stLists.board tbody td:nth-child(1) {top:15px;} .box_Gline_full .table_wrap_stLists.board tbody td:nth-child(2) {position:absolute; top:15px; left:44px;} .box_Gline_full .table_wrap_stLists.board tbody td:nth-child(2) .txt_s14cDark {color:#121212;} .box_Gline_full .table_wrap_stLists.board tbody td:nth-child(3) {display:block;} .box_Gline_full .table_wrap_stLists.board tbody td:nth-child(3):after {display:none;} .box_Gline_full .table_wrap_stLists.board tbody td:nth-child(4) {position:relative; bottom:auto; right:auto; margin-left:0;} .box_Gline_full .table_wrap_stLists.board tbody td:nth-child(n+4):nth-child(-n+6) .txt_s14cDark {color:#898989;} .box_Gline_full .table_wrap_stLists.board tbody td:nth-child(5) {margin:0 0 0 3px;} .box_Gline_full .table_wrap_stLists.board tbody td:nth-child(6) {width:auto; margin-top:0;} .box_Gline_full .table_wrap_stLists.board tbody td:nth-child(6):after {top:12px; width:2px; height:2px; background:#898989; border-radius:50%;} .box_Gline_full .table_wrap_stLists tbody td:nth-child(7) {position:absolute; top:50%; right:16px; width:auto; margin-top:-12px; padding-left:0;} .box_Gline_full .table_wrap_stLists tbody td:nth-child(7):before {display:none;} .box_Gline_full .table_wrap_stLists td .txt_s14cDark_ellipsis {max-width:80%;} .table_wrap_stLists.board td.view {padding-left:20px !important; background:url('../images/common/icon_view.png') -1px 6px no-repeat; background-size:16px auto;} .table_wrap_studyTb .btn_a_toggle {display:block; border-top:0;} .table_wrap_studyTb .btn_a_toggle + .table_col, .tw_chkreport_wrap {display:none;} .table_wrap_studyTb .btn_a_toggle .txt_af_head, .contBox_isLNB .cb_inner .box_Gline_full h4.tit_s20cBlackFS.toggle {font-size:0.875em; font-weight:400; color:#333;} .contBox_isLNB .cb_inner .box_Gline_full h4.tit_s20cBlackFS.toggle:first-child {margin-top:0; border-top:0;} .table_wrap_studyTb tr.trTit {display:none;} .tw_tit {display:block; width:100%; margin-top:0; padding:10px 16px; text-align:left; border-width:0 0 1px; border-style:solid; border-color:#e6e6e6;} .tw_tit .txt_s15cDarkFS {font-size:0.875em; font-weight:500;} .tw_tit + .tableWrap_bbsList_chkReport, .cpreport_list {margin-top:0; margin-left:0; width:100%;} .tw_tit + .tableWrap_bbsList_chkReport td {display:block; width:100vw;} .cpreport_list .txt_s14cDark {font-weight:400;} .cpreport_list .inp_txtArea .s14cDark, .inp_txtArea_appr .s14cDark {font-size:0.813em; font-weight:400;} .contBox_isLNB .cb_inner .box_Gline_full h4.tit_s20cBlackFS.toggle {display:block; margin-top:20px; padding:19px 20px; background:#f8f8f8 url('../images/common/btn_toggle_down.png') calc(100% - 23px) center no-repeat; background-size:14px 8px; border-top:1px solid #333;} .inp_txtArea_appr {display:none; padding:15px 16px 0;} .cr_btn_w .txtIcon_s14cGDark_guide {position:relative; bottom:auto; margin:10px;} .cr_btn_w .txtIcon_s14cGDark_guide:before {top:3px;} .cr_btn_w .bottom_btn_study .bbs_list:first-child {display:none;} .box_Gline_full .tit_s20cBlackFS + .top_slct_wL.ty2 {height:unset; margin:20px 0;} .top_slct_wL.ty2 .btn_scDarkhh30_srch {display:none;} .top_slct_wL.ty2 .custom_select {float:unset; width:100%;} .top_slct_wL.ty2 .custom_select .select2-container {width:100% !important;} .top_slct_wL.ty2 .custom_select .select2-container .select2-selection--single {height:43px; border:1px solid #dadada; font-size:14px;} .top_slct_wL.ty2 .custom_select .select2-container .select2-selection--single .select2-selection__rendered {line-height:41px;} .top_slct_wL.ty2 .custom_select .select2-container--default .select2-selection--single .select2-selection__arrow {height:41px;} .top_slct_wL.ty2 .custom_select .select2-container--default .select2-selection--single .select2-selection__arrow b {width:auto; height:auto; margin-top:-2px; background:none; border-style:solid; border-width:5px 5px 0 5px; border-color:#121212 transparent transparent transparent;} .top_slct_wL.ty2 .custom_select .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {border-width:0 5px 5px 5px; border-color:transparent transparent #121212 transparent;} #tabStudyMenu .tab_list {width:calc(100% / 3);} .acodian_favorite .txt_af_head {font-size:0.875em;} .fav_lists_w {padding:8px 0;} .fav_list {padding:7px 16px;} .fav_list .thumbnail_col {height:88px;} .fav_list .thumb_img {width:127px; height:88px;} .fav_list .thumb_img .tl_tit {font-size:14px;} .fav_list .thumb_cont {min-height:88px; padding:0 0 5px 142px;} .fav_list .thumbnail_col .thumb_cont [class^="tit_s16cBlack_ellipsis"] {max-height:1.7em; -webkit-line-clamp:1; white-space:nowrap;} .fav_list [class^="txt_s14cLGray"] {font-size:0.750em;} .fav_list .tit_s16cBlack_ellipsis + .txt_s14cLGrayFM {display:block; max-width:80%; padding-top:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .acodian_favorite .inp_chk_like, .fav_list .btnIcon_delete {width:32px; height:32px; right:0;} .acodian_favorite .inp_chk_like .icon_heart {margin-bottom:-11px; background-size:20px auto;} .acodian_favorite .inp_chk_like input[type="checkbox"]:checked + .icon_heart:before {background-size:20px auto;} .mpg_bookmark_w {top:auto; left:auto; width:100%; padding-top:10px;} .bm_list {float:unset; display:block; width:100%; margin:0; padding:10px 16px;} .bm_list .thumbnail_sme {width:100%; height:98px; padding:15px 12px 13px 92px;} .bm_list .thumbnail_sme .thumb_img {width:68px; height:68px; position:absolute; top:50%; left:12px; margin-top:-34px;} .bm_list .thumbnail_sme .thumb_cont {height:100%; padding-top:0; text-align:left;} .bm_list .thumbnail_sme .tc_info {padding-top:4px; font-size:12px;} .bm_list .ti_keyword_w {text-align:left;} .bm_list .mark_user {top:auto; bottom:0; left:0; width:auto; height:unset; background:#fff; padding:0; white-space:nowrap;} .bm_list:hover .mark_user {display:block;} .mark_user .icon_user {background:url('../images/common/icon_group.png') center no-repeat; background-size:15px auto;} .bm_list .mark_user .txt_s14cWhite {color:#898989; font-size:0.750em; vertical-align:text-top;} .bm_list .tc_btn {position:absolute; bottom:0; right:0; left:auto; width:auto; opacity:1;} .tc_btn .inp_chk_subscription .btn_primaryh40 {width:63px; height:25px; padding:4px 3px;} .table_wrap_stLists .table_qnaList thead {display:none;} .table_wrap_stLists .table_qnaList tr.qna_toggle {position:relative; display:inline-block; width:100vw; padding:10px 16px;} .table_wrap_stLists .table_qnaList tr.qna_inner {display:none; width:100vw;} .table_wrap_stLists .table_qnaList tbody .qna_toggle td:nth-child(1), .table_wrap_stLists .table_qnaList tbody td:nth-child(3) {display:none;} .table_wrap_stLists .table_qnaList tbody td:nth-child(2), .table_wrap_stLists .table_qnaList tbody td:nth-child(5), .table_wrap_stLists .table_qnaList tbody td:nth-child(4), .table_wrap_stLists .table_qnaList tbody td:nth-child(6) {padding:0;} .table_wrap_stLists .table_qnaList tbody td:nth-child(4), .table_wrap_stLists .table_qnaList tbody td:nth-child(6) {width:100%; margin-left:0;} .table_wrap_stLists .table_qnaList tbody td:nth-child(6) {position:absolute; bottom:10px; right:16px; width:auto; padding-right:20px; white-space:nowrap; background-position:right center;} .table_wrap_stLists .table_qnaList tbody td:before, .table_wrap_stLists .table_qnaList tbody td:nth-child(6):after {display:none;} .table_wrap_stLists .table_qnaList tbody td:nth-child(2) .txt_s14cDark, .table_wrap_stLists .table_qnaList tbody td:nth-child(5) .txt_s14cDark {color:#898989;} .table_wrap_stLists .table_qnaList tbody td:nth-child(6) .txt_s14cDark {color:#27b5ac; font-weight:500;} .table_qnaList tbody td .txt_s14cDark_ellipsis {font-size:0.875em;} .ql_wrap {width:100vw;} .ql_wrap [class^="qlw_"] {padding-left:28px;} .table_qnaList td .qlw_q .txt_s16cDark {font-size:0.875em;} .table_qnaList td [class^="qlw_"] [class^="txt_s15"] {font-size:0.750em;} .af_slist .link_file {padding-left:34px; background-size:16px auto;} /* 내SME채널_콘텐츠 등록 */ .contType_box {display:none;} .contType_slct_w {display:block; padding:20px 16px 10px;} .contType_slct_w .custom_select_big {display:block;} .contType_slct_w .custom_select_big .select2-container {width:100% !important; font-size:0.875em;} .custom_select_big .select2-container--default .select2-selection--single .select2-selection__arrow b {border-width:5px 5px 0 5px; border-color:#121212 transparent transparent transparent;} .contType_inner {margin-top:0; border:0;} .contType_inner [class^="cti_"] {min-height:unset; max-height:unset; overflow:hidden;} .cti_cont {float:unset; width:100%; padding:0 16px 20px;} .ctic_sub {padding:20px 0 10px;} .ctic_sub .txt_s12cLGrayFM {display:block; padding:10px 0 0 0;} .ctic_sub .cs_tit_ellipsis {display:block; position:relative; top:auto; right:auto; max-width:100%; padding-top:5px;} .ctic_sub .btn_secondary_file {position:absolute; top:17px; right:0;} .bwv_edit textarea {height:325px;} .cti_cont .af_slist .txt_s14cLGray {padding-left:23px; background:url('../images/common/icon_file_gray.png') left center no-repeat; background-size:16px auto;} .cil_list {width:100%;} .cil_list:first-child, .cil_list + .cil_list:before {display:none;} .contType_inner .ctic_card_box .btn_secondary_file {width:100%;} .cs_btn_w {padding-top:5px;} .cs_btn_w [class^="btn_"] {white-space:nowrap;} .ctic_sub .cs_btn_w .btn_secondary_file {position:relative; top:auto; right:auto; padding:3px 5px;} .cs_btn_w .btn_secondary_file .txt_s12 {font-weight:400;} .ccard_list {width:calc((100% - 48px) / 3); height:123px;} .ccard_list .inp_chk_card {width:100%;} .inp_chk_card .icon_chk {width:100%; height:123px;} .ccard_list .btnIcon_fullscreen {bottom:0; right:0;} .thumbSlider_cardView {width:100%; height:100%;} .thumbSlider_cardimg .slider_list {width:100vw; height:100vh; background:#000; text-align:center;} .pop_wrap_cardsFull .thumbSlider_cardimg .slider_list .align_maker {display:inline-block; height:calc(100vh - 64px);} .pop_wrap_cardsFull .slideCount {font-size:1em; border-radius:0; background:#000; color:#fff;} .pop_wrap_cardsFull .slideCount .slideCountItem {color:#fff;} .thumbSlider_cardView .btnIcon_close {background-image:url('../images/common/btn_close_white.png'); background-size:20px auto;} .thumbSlider_cardimg .cv_img_w {width:100%;} .thumbSlider_cardimg .cv_img_w img {max-width:100%; max-height:375px;} .pop_wrap_cardsFull .slick-prev.slick-disabled, .pop_wrap_cardsFull .slick-next.slick-disabled {display:none !important;} .pop_wrap_cardsFull .slick-prev, .pop_wrap_cardsFull .slick-next {width:45px; height:90px; margin-top:-30px;} .pop_wrap_cardsFull .slick-prev {top:50%; left:0; background-image:url('../images/common/img_slider_prev.png');} .pop_wrap_cardsFull .slick-next {top:50%; right:0; background-image:url('../images/common/img_slider_next.png');} .piece_w_write .viewer_w {height:266px;} .cti_addition {float:unset; position:fixed; bottom:64px; left:0; width:100%; border-left:0; background:#fff; z-index:3;} .btn_secondaryh50_addition {display:block; margin-left:-16px; width:calc(100% + 32px); padding:16px 36px; border-top:1px solid #333; border-radius:0; background:#f8f8f8 url('../images/common/btn_toggle_up.png') calc(100% - 36px) center no-repeat; background-size:14px 8px; text-align:left;} .btn_secondaryh50_addition.active {background:#f8f8f8 url('../images/common/btn_toggle_down.png') calc(100% - 36px) center no-repeat; background-size:14px 8px;} .btn_secondaryh50_addition .txt_btn_name {color:#333;} .btn_secondaryh50_addition.fixed {position:fixed; top:64px; left:0; z-index:90;} .addi_lists {display:none;} .addi_list {padding:14px 16px;} .addi_list .txt_s16cBlack {padding-bottom:15px;} .addi_list .afile_top {top:5px; right:5px;} .contType_inner .btn_secondary_file {padding:3px 5px;} .contType_inner .btn_secondary_file .txt_s12 {font-weight:500;} .addi_list .custom_select_big {display:block;} .addi_list .custom_select_big .select2-container {width:100% !important;} .addi_list .box_noData_img {height:148px;} .addi_list .box_noData_img .btnIcon_delete {opacity:1;} .bnf_default .txt_s12cLGrayFT {display:block;} .cti_addition.show {position:relative; bottom:auto; overflow:initial;} .cti_addition.show .addi_lists {display:block; padding-bottom:30px;} .cti_addition.show .btn_secondaryh50_addition.fixed:before {position:absolute; top:-50px; left:0; width:100%; height:100%; background:#fff; content:'';} .contType_bottom_btn {margin:20px 16px; padding:0; border-top:0;} .contType_bottom_btn [class^="btn_"] {width:calc((100% - 10px) / 2);} .contType_bottom_btn [class^="btn_"] .txt_s15 {font-size:0.938em;} .box_Gline_full.setting {padding:20px 16px;} .contBox_isLNB .cb_inner .box_Gline_full.setting h4.tit_s20cBlackFS {display:block;} .box_Gline_full .kw_new_w {width:100%;} .box_Gline_full.setting .kw_new_w .inp_txt_default, .box_Gline_full .kwn_layer {width:70%;} .kw_new_w .btn_primaryh30 {vertical-align:bottom;} .inter_list {padding:0;} .inter_list .sett_item {position:relative; top:auto; left:auto; width:100%; margin-right:0; padding:10px} .inter_list .formGroup_chkBtn {width:calc(100% + 10px);} .il_align_w .inp_chk_btn {min-width:calc((100% - 32px) / 4); white-space:nowrap;} .inter_list .formGroup_chkBtn .inp_chk_btn .btn_chk_s14 {width:100%; padding:12px 5px 6px; background:#fff; font-size:0.750em;} .inter_list .formGroup_chkBtn .inp_chk_btn input[type="checkbox"]:checked + .btn_chk_s14 {font-weight:500;} .mg_confirm_w {width:100%; margin:0; padding:40px 16px 20px; border:0;} .mg_confirm_w .txt_s24cBlackFS {padding:44px 0 0 0; background-position:center top;} .mg_confirm_w .txt_s16cBlackFM {font-size:1em;} .mgc_input_w .inp_txt_default .s14cDark {height:48px;} .mgc_input_w {padding-bottom:10px;} .mgc_input_w .btn_primaryh40 {width:100%; height:50px; margin:20px 0 0 0;} .mgc_input_w .btn_primaryh40 .txt_btn_name {font-weight:500;} .table_wrap_myInfo {margin-top:20px;} .table_wrap_myInfo th, .table_wrap_myInfo td {display:block; width:100vw; padding:10px 16px;} .table_wrap_myInfo .inp_txt_long {width:100%;} .table_wrap_myInfo .inp_txt_email {width:calc((100% - 26px) / 2); margin-bottom:10px;} .table_wrap_myInfo .inp_txt_phone {width:calc((100% - 40px) / 3);} .table_wrap_myInfo [class^="inp_txt_"] input[type="text"]::placeholder, .table_wrap_myInfo [class^="inp_txt_"] input[type="password"]::placeholder {font-size:13px;} .table_wrap_myInfo .custom_select {display:block; width:100%;} .table_wrap_myInfo .custom_select .select2-container {width:100% !important; font-size:0.875em;} .table_wrap_myInfo .srch_pop_w, .table_wrap_myInfo .srch_pop_w .inp_txt_srch, .table_wrap_myInfo .inp_srch_pop {width:100%;} /* 고객센터 */ .tab_wrap_support {width:100%;} .tab_wrap_support .tab_scroll_w {border-bottom:1px solid #e6e6e6;} .tab_wrap_support .tabmenu_line {height:45px; border:0;} .tab_wrap_support .tabmenu_line .btn_tab {height:44px; padding:0 15px;} .tab_wrap_support .btn_tab .txt_s16 {height:44px; padding:15px 0;} .tab_wrap_support .btn_tab.active .txt_s16 {color:#27b5ac;} .tab_wrap_support .tabmenu_line .btn_tab:after {background:#27b5ac;} .support .tab_wrap_dtab {display:none;} .support .srchBox_gray {margin-top:0; border-top:0;} .bdv_top_w .icon_new {background-size:17px auto; vertical-align:text-top;} .contBox_support .bdv_top_w .bvt_info {float:left; white-space:nowrap;} .bdv_cont img {margin-top:10px;} .support .acodian_faq .a_list .btn_a_toggle {background:#fff;} .support .acodian_faq .a_list + .a_list .btn_a_toggle {border-top:0;} .contBox_stuDivi .acodian_faq .txt_af_head {position:relative; padding-left:20px; font-size:0.875em; line-height:1.7;} .contBox_stuDivi .acodian_faq .txt_head {position:absolute; top:-1px; left:0; color:#27b5ac; font-weight:400;} .support .a_context {background:#f8f8f8;} .support .a_context .link_file {background-color:#fff;} .contBox_support {padding-top:0;} .contBox_support .board_wrap_write .custom_select_big {margin-bottom:5px;} .custom_select_big .select2-container {font-size:14px;} .contBox_support .custom_select_big + .txt_s14cLGrayFM {padding:0 0 10px 20px; background:url('../images/common/icon_guide_info_b.png') left 3px no-repeat; background-size:14px auto; font-size:0.750em;} .board_wrap_write .inp_txt_default + .boad_edit_w {margin-top:10px;} .inp_chk_event {white-space:nowrap;} .inp_chk_event .txt_s14cDark {font-size:0.750em;} .stGroup_event_w .gal_lists_w {left:0; width:100%;} .stGroup_event_w .gal_list {width:calc((100% - 48px) / 2); margin:15px 0 0 16px;} .gal_list.end:before {height:116px; padding:48px 10px; font-size:14px; font-weight:700;} .stGroup_event_w .thumb_img .txtLabel_cBlack {width:auto; height:27px; padding:6px; font-size:12px;} .gal_list .thumbnail_gallery .thumb_cont {height:90px;} .gal_list .thumbnail_gallery .thumb_cont .tit_s20cBlack_ellipsisC2 {height:unset;} .contBox_support .board_wrap_view {padding-top:20px;} .contBox_support .event_info {float:unset;} .contBox_support .event_info [class^="txt_"] {font-size:0.813em;} .contBox_support .event_info [class^="txt_"]:nth-child(3) {display:none;} .contBox_support .event_info [class^="txt_"]:nth-child(4) {display:block; padding-left:72px;} .contBox_support .event_info [class^="txt_"]:nth-child(4):before {position:absolute; top:0; left:0; font-size:13px; color:#606060; content:'발표일';} .contBox_support .event_info b {font-weight:400;} .bdv_cont .txt_endEvent {width:calc(100% - 32px); margin:20px 16px; padding:16px; font-size:0.875em;} .bottom_btn_event {margin:30px 0;} .bottom_btn_event [class^="btn_"] {height:50px; padding:7px 50px; white-space:nowrap;} .bottom_btn_event [class^="btn_"] .txt_btn_name {font-size:0.875em; font-weight:700;} .bottom_btn_event .btn_grayLineh40 {background:#ccc;} .bottom_btn_event .btn_grayLineh40:hover {border:0;} .bottom_btn_event .btn_grayLineh40 .txt_btn_name {color:#fff;} .reply_write_w .inp_chk {margin-bottom:10px; white-space:nowrap;} .reply_write_w .inp_chk [class^="txt_"] {font-size:0.813em;} .rpw_lists_event {margin-left:-16px; width:calc(100% + 32px);} .rpw_lists_event .rpw_list {min-height:unset; padding:20px 16px 17px;} .replyForm_group_w .rpw_lists_event .rpw_list .tools_btn_w {right:0;} .table_wrap_stLists.event td:nth-child(1), .table_wrap_stLists.event tbody td:nth-child(2):before {display:none;} .table_wrap_stLists.event tbody td:nth-child(2) {padding:0 0 10px 0;} .link_subj_event .thumb_img {display:none;} .link_subj_event .thumb_cont {padding-left:0;} .link_subj_event .icon_new {background-size:17px auto;} .link_subj_event .thumbnail_col .thumb_cont .tit_s16cBlack_ellipsis {font-size:1em; font-weight:400;} .table_wrap_stLists.event tbody td:nth-child(3) {padding-left:60px;} .table_wrap_stLists.event tbody td:nth-child(3):before {content:'이벤트기간';} .table_wrap_stLists.event tbody td:nth-child(4) {width:auto; padding-left:40px;} .table_wrap_stLists.event tbody td:nth-child(4):before {content:'발표일';} .table_wrap_stLists.event tbody td:nth-child(4):after {left:-7px;} .sup_list_review .cb_box_grayLine {padding:20px 16px; background:#fcfcfd; border-bottom:1px solid #dedede; border-radius:0;} .sup_list_review .cb_box_grayLine .btn_primaryh45 {width:100%;} .sup_list_review + .cb_btn_w {display:none;} .tabLink_wrap {margin-top:30px;} .contBox_support .tabLink_wrap .reply_write_w {padding:20px 16px;} .rww_list .txt_s16cDark {float:unset; display:block; padding-bottom:5px; font-size:12px;} .rww_list .select2-container {width:100% !important;} .rww_list .select2-container--default .select2-selection--single .select2-selection__rendered {font-size:13px;} .rww_list .select2-container--default .select2-selection--single .select2-selection__arrow b {border-width:6px 5px 0 5px; border-color:#121212 transparent transparent transparent;} .rww_list .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {border-width:0 5px 5px 5px; border-color:transparent transparent #121212 transparent;} .rww_rate .ttb_rating {width:auto;} .rww_rate .icon_star_left, .rww_rate .icon_star_right {width:12px; height:24px;} .rww_rate .inp_radio_starRight + .inp_radio_starLeft {margin-left:7px;} .rww_list .inp_txtArea_review {width: 100%;} .rpw_inner + .btn_tl_more {white-space:nowrap;} .tabLink_wrap .rpw_lists_review .icon_star_left, .tabLink_wrap .rpw_lists_review .icon_star_right {width:9px; height:18px;} .rpw_lists_review .rpw_list .txt_s16cBlackFM {line-height:1.65;} .rpw_inner + .btn_tl_more .txt_s14cLGrayFM {font-size:0.750em;} [class^="sup_list_"] {padding:0 16px;} [class^="sup_list_"] + [class^="sup_list_"] {padding-top:40px;} [class^="sl_tit_"] {position:relative; left:-16px; width:calc(100% + 32px); padding:16px 20px 14px 48px; font-size:0.875em; background-size:20px auto;} .sup_list_service .txt_s16cDarkFM {font-size:0.875em;} .contBox_support [class^="sup_list_"] .cb_box_grayLine {position:relative; left:-16px; width:calc(100% + 32px); margin-top:20px; padding:30px 25px 28px 25px; background:#fcfcfd; border:1px solid #dbdbdb;} .sl_center {margin-right:0; padding-left:55px; background-size:40px; white-space:nowrap;} .sl_center .txt_s30cMintFS {font-size:1.250em; font-weight:400;} .sl_info [class^="txt_"] {font-weight:400;} .sl_info .txt_s16cDark {padding:20px 0 0 0;} .sl_info .txt_s14cDarkFM {font-size:0.750em;} .sup_list_counselor .cb_box_grayLine .btn_primaryh45 {width:100%; margin-top:25px;} .sl_btn_w {padding-top:20px;} .slb_lists_w {position:relative; left:-11px; width:calc(100% + 22px); padding-bottom:10px; overflow:hidden;} .slb_list {float:left; width:calc((100% - 33px) / 2); margin:14px 0 0 11px;} .slb_list + .slb_list {margin-left:11px;} .slb_list .btn_sl {width:100%; height:96px; box-shadow:0 2px 6px 0 rgb(0 0 0 / 10%);} .btn_sl [class^="icon_sl_"] {width:30px; height:30px; margin-bottom:10px;} .btn_sl .txt_s18cDark {font-size:0.750em;} /********** 마이크로러닝 학습창 레이아웃 **********/ .micro_learning_w {padding-top:0; width:100%; height:100%; overflow-y:auto;} .ml_learning_w {width:100%; height:unset;} .mll_head {position:relative; padding:12px 16px;} .mll_head .tit_s26cWhite_ellipsis {width:100%; max-width:75%; font-size:1em;} .micro_learning_w .btnIcon_close {right:3px; background-size:20px auto;} .mlh_grp_w {display:none;} /* pei graph */ .circle-graph p {text-align:center; z-index:100; font-weight:700; color:#121212;} .graph-one {height:300px;} circle-graph-container {position:relative;} canvas {position:absolute; top:0;} .mll_head .graph_container {display:block; position:absolute; top:50%; right:45px; width:36px; height:36px; margin-top:-18px;} .graph_container .circle-graph p {font-size:10px; color:#fff; font-weight:400;} .viewer_w {height:unset;} /* 카드러닝 */ .vw_card_img {height:210px;} .card_slider_w {width:100%; height:100%;} .vcs_list {height:210px;} .cs_control {position:absolute; bottom:16px; text-align:right; padding:0 16px 0 0;} .cs_control .inp_txt_default {height:25px; border:0;} .cs_control .inp_txt_default input[type="text"] {height:25px; padding:6px 5px 7px; font-size:0.750em;} .cs_control .btn_secondaryh30 {width:47px; height:27px; background:#27b5ac; border:0;} .cs_control .txt_s14, .cs_control .btn_secondaryh30 .txt_btn_name {font-size:0.750em; color:#fff;} .progress {position:absolute; bottom:0; left:0; height:3px;} .vw_card_slider .slick-prev, .vw_card_slider .slick-next {width:45px; height:90px;} .vw_card_slider .slick-prev {left:0; background:url('../images/common/img_slider_prev.png') no-repeat; background-size:100% auto;} .vw_card_slider .slick-next {right:0; background:url('../images/common/img_slider_next.png') no-repeat; background-size:100% auto;} /* pdf */ .viewer_w.ty2 {height:320px; border-bottom:1px solid #dbdbdb;} .viewer_w.ty2 .ml_board_box {width:100%; padding-top:0;} /* 텍스트 */ .ml_board_boxTy2 {height:220px; border-bottom:10px solid #f3f3f3;} .ml_board_boxTy2 .align_maker {display:none;} .mbb_inner {width:100%; height:100%; padding:15px 16px; background:#f8f8f8; border-radius:0;} .mbb_inner .tit_s30cBlack {font-size:1em; padding-bottom:10px;} .mbb_inner [class^="txt_"] {font-size:0.813em;} /* 세미나 */ .table_wrap_seminar th, .table_wrap_seminar td {padding:7px 10px;} .table_wrap_seminar th {background:#ebebeb; text-align:center;} .table_wrap_seminar td {background:#fff;} .table_wrap_seminar td .af_list {margin-right:0;} .table_wrap_seminar td .af_list .linkIcon_file {width:100%;} .table_wrap_seminar .linkIcon_file:before {background:#27b5ac url('../images/common/icon_download_on.png') center no-repeat; background-size:20px auto;} .table_wrap_seminar .linkIcon_file .txt_s14cDark {font-size:0.750em;} .ml_content_w {position:relative; right:auto; top:auto; width:100%; height:unset;} .ml_head {padding:12px 16px; border-bottom:10px solid #f3f3f3; background:#fff;} .mh_top [class^="txt_"] {font-size:0.625em; color:#898989;} .ml_head .tit_s24cWhiteFS_ellipsisC2 {height:unset; font-size:1.125em; color:#121212; font-weight:500;} .opt_sme_w .txt_s18cWhite_ellipsis {font-size:0.875em; color:#333; font-weight:400;} .mh_info [class^="txt"] {font-size:0.750em; color:#898989;} .mhi_lists {white-space:nowrap;} .mhi_lists .txtIcon_view {background-image:url('../images/common/icon_view.png');} .mhi_lists .txtIcon_comment {background-image:url('../images/common/icon_comment.png');} .mhi_lists .txtIcon_heart {background-image:url('../images/common/icon_heart_line.png');} .tab_wrap_micro {height:100% !important; padding-top:0;} .tab_wrap_micro .tab_scroll_w {border-bottom:1px solid #dbdbdb;} .tab_wrap_micro .tabmenu_default {width:100%; border:0;} .tab_wrap_micro [class^="tabmenu_"] > .tab_list {min-width:60px;} .tab_wrap_micro .tabmenu_default > .tab_list:before {display:none;} .tab_wrap_micro .btn_tab.active {background:#fff;} .tab_wrap_micro .btn_tab.active:before {position:absolute; bottom:-2px; left:0; width:100%; height:2px; background:#27b5ac; content:'';} .tab_wrap_micro .btn_tab .txt_s16 {padding:15px 12px;} .tab_wrap_micro .btn_tab.active .txt_s16 {color:#27b5ac;} .tab_wrap_micro .tabCont_w {height:unset; padding:15px 16px 60px; overflow:hidden;} .tab_wrap_micro .tabCont_w .tit_s18cBlack + .inp_chk {top:15px; right:17px; white-space:nowrap;} .tab_wrap_micro .tit_s18cBlack + .inp_chk .txt_s14cDark {font-size:0.813em;} .tab_wrap_micro .cb_link .inp_txt_default {width:calc(100% - 103px);} .tab_wrap_micro .formGroup_rdStar .txt_s16cBlack {vertical-align:bottom;} .cb_link + .mi_txt {padding-top:15px;} .mi_txt .txt_s16cDarkFM {font-size:0.875em;} .kw_list .link_keyword {min-width:65px; padding:3px 10px; font-size:0.688em;} .tr_list .thumbnail_col {height:80px;} .tr_list .thumbnail_col .thumb_img {width:132px; height:80px;} .tr_list .thumbnail_col .thumb_cont {padding-left:142px;} .tr_list .tc_info [class^="txt_"] {font-size:0.750em;} .piece_contents {left:-16px; width:calc(100% + 32px);} .pc_list.complete {background-position:calc(100% - 16px) center;} .pc_list [class^="icon_aside_"] {top:20px; left:16px;} .pc_list > .tit_s16cBlack {padding:20px 16px 22px 44px; font-size:0.875em;} .pc_list > .tit_s16cBlack .txt_s16cLGray {padding-right:0; font-size:0.750em;} .pc_list .btn_study_card {padding:20px 55px 22px 44px; background-position:calc(100% - 16px) center;} .pc_list .btn_study_card.active {background-position:calc(100% - 16px) center;} .bk_write_w {padding:0 16px 15px;} .bk_write_w .txt_s16cBlackFS {display:block; padding-bottom:5px;} .bk_write_w .inp_txt_gray {width:calc(100% - 55px);} .bk_write_w .btn_scDarkh40 {width:48px; padding:7px;} .bc_list {padding:15px 55px 15px 70px;} .bc_list .txt_s14cDark_num {top:15px; left:16px;} .bc_list .inp_txt_default input[type="text"] {font-size:0.750em;} .bc_list .rp_utill {right:0;} .rpw_lists_micro {left:0; width:100%;} .rpw_lists_micro .rpw_list {padding:15px 0 15px 48px;} .rpw_lists_micro .rl_img_w {width:40px; height:40px; top:15px; left:0;} .rpw_lists_micro .reply_write_w {left:0; width:100%; margin-left:0;} .rpw_lists_micro .reply_write_w .inp_txtArea {width:calc(100% - 70px);} .rpw_lists_micro .reply_write_w textarea::placeholder {font-size:0.750em;} .modify [class^="inp_txtArea"] textarea {font-size:0.813em;} .rpw_lists_micro .reply_write_w .btn_reply_enroll {width:59px;} .rpw_lists_micro .rl_info .txt_s14cBlack {font-size:0.875em;} .rpw_list .inp_chk_like .icon_heart {background:url('../images/common/icon_heart_off.png') center bottom no-repeat; background-size:20px auto;} .rpw_list .inp_chk_like .icon_heart + .txt_s14cLGray {font-size:0.750em; font-weight:400;} .rpw_list .inp_chk_like input[type="checkbox"]:checked + .icon_heart {background:url('../images/common/icon_heart_on.png') center bottom no-repeat; background-size:20px auto;} .rpw_lists_micro .rpw_list .tools_btn_w {top:5px; right:-10px;} /* 과정상세 플로팅 버튼 */ .study_apply_w, .floating_btn {position:fixed; bottom:64px; left:0; width:100%; height:68px; padding:10px 16px; border-top:1px solid #e6e6e6;} .fixed .study_apply_w, .fixed .floating_btn {border-top:0;} .study_apply_w .inp_chk_like, .sr_wrap .inp_chk_like {float:left; width:96px; height:48px; padding:11px 5px; background:#fff; border:1px solid #e6e6e6; border-radius:24px;} .study_apply_w .inp_chk_like .icon_heart, .sr_wrap .inp_chk_like .icon_heart {position:relative; left:auto; bottom:auto; margin-left:0; margin-bottom:0; margin-top:-20px; width:20px; height:40px; background-image:url('../images/common/icon_heart_line.png');} .study_apply_w .inp_chk_like input[type="checkbox"]:checked + .icon_heart:before, .sr_wrap .inp_chk_like input[type="checkbox"]:checked + .icon_heart:before {width:20px; height:40px; background-size:20px auto;} .study_apply_w .inp_chk_like input[type="checkbox"]:checked + .icon_heart + .txt_s16cLGray, .sr_wrap .inp_chk_like input[type="checkbox"]:checked + .icon_heart + .txt_s16cLGray {color:#27b5ac;} .study_apply_w .inp_chk_like .txt_s16cLGray {padding-left:3px;} .study_apply_w [class*="h50"], .floating_btn [class*="h50"] {height:48px; padding:15px 10px;} .study_apply_w .btn_primaryh50 {float:right; width:calc(100% - 106px);} .study_apply_w .btn_primaryh50 [class^="txt_"] {font-size:0.938em;} .study_apply_w [class^="btn_"]:disabled {background:#ccc;} .floating_btn .btn_primaryh50 {width:calc(100vw - 32px); padding:16px 10px;} .floating_btn .icon_write {width:16px; height:18px; margin-right:7px; background:url('../images/common/icon_write_white.png') center no-repeat; background-size:100% auto;} .floating_btn [class^="icon_"] + [class^="txt_"] {vertical-align:bottom;} .sa_btn_w {float:right; width:calc(100% - 106px);} .sa_btn_w [class^="btn_"] {width:calc((100% - 8px) / 2);} .study_apply_w .sa_btn_w [class^="btn_"]:disabled {white-space:normal;} /* 푸터 */ .footer {display:none; min-width:100%; box-shadow:none;} .footer.main {display:block;} .f_inner {width:100%; height:378px; padding:40px 16px 64px; text-align:center;} .fi_links_w {position:relative; top:auto; right:auto; margin-left:-8px;} .f_link_list {padding:0 8px;} .f_link_list .link_cWhite {white-space:nowrap;} .f_inner .logo_area {position:absolute; top:166px; left:50%; margin-left:-44px;} .f_inner .txt_cWhite_copyright {padding-top:5px; font-size:0.500em;} /* 오류 */ .container.error {width:100vw; height:100vh; min-width:100vw;} .content.err_page {position:absolute; top:50%; margin-top:-230px; padding:0 10px; width:100vw; min-width:100vw; text-align:center; min-height:auto; overflow:hidden;} .icon_error {width:130px; height:120px; margin-bottom:30px;} .err_page h2 {font-size:18px;} .err_page p {line-height:1.7; padding-top:15px; font-size:14px;} .err_btn {margin-top:30px;} } /* 모바일 iframe */ @media screen and (min-width:320px) and (max-width:767px) { /* 학습_마이크로러닝 첨부 */ .bwv_microlearning {width:calc(100% - 32px);} .bwv_microlearning .thumbCol_divide {height:93px; padding:10px 10px 10px 103px;} .bwv_microlearning .thumb_img {width:93px; height:93px;} .bwv_microlearning .thumb_cont {padding:0;} .bwv_microlearning .tit_s18cBlack_ellipsisC2 {max-height:1.3em; margin-bottom:5px; -webkit-line-clamp:1;} .bwv_microlearning .txt_s14cDGray_ellipsis {font-size:13px;} .bwv_microlearning .tc_botm {padding-top:0;} }