@charset "utf-8"; /* 전체 레이아웃, 팝업 레이아웃, 컨텐츠 정렬 모듈 */ /* 레이아웃 */ #wrap {width:100%; min-width:1384px; min-height:100%;} .slick-slider {opacity:0; visibility:hidden; transition:opacity 5s ease; -webkit-transition:opacity 5s ease;} .slick-slider.slick-initialized {visibility:visible; opacity:1;} /* 헤더 */ .header {position:relative; width:100%; min-width:1384px; height:90px; background-color:#fff; transition-property:background-color, top; transition-duration:.3s; transition-timing-function:ease; z-index:99;} .header.sub {border-bottom:1px solid #E6E6E6;} .header.fixed {position:fixed; top:0; border-bottom:1px solid #E6E6E6; animation:dropHeader 0.3s;} @keyframes dropHeader { 0% { top: -5rem; } 100% { top: 0; } } .h_inner {position:relative; margin:0 auto; width:1384px; height:90px; padding-left:164px;} .logo_area {position:absolute; left:0; top:0; max-width:140px; height:100%; z-index:2;} .logo_area .link_main {display:flex; align-items:center; height:100%;} .logo_area .link_main img {max-width:100%; max-height:100%;} .h_subTitle, .htBtn_left, .htBtn_right, .hi_srch_wrap, .hi_menu_wrap {display:none;} .h_subTitle .tit_s16cBlack {max-width:50%; font-size:1em; font-weight:700;} .h_user_utill {display:flex; align-items:center; float:right; position:relative; height:100%;} .huu_lists_w {display:flex; align-items:center; height:100%;} .huu_list {display:flex; align-items:center; position:relative; height:100%; letter-spacing:-0.3px; vertical-align:middle;} .huu_list + .huu_list {margin-left:12px;} .huu_list .txt_s18cBlack {font-weight:700;} .huu_list .txt_s18cBlack:hover {color:#4969f0;} .huu_list .btn_logout {width:96px; height:42px; padding:10px 5px; background:#A0A5B9; border-radius:6px;} .huu_list .btn_notice {width:96px; height:42px; padding:10px 5px; background: none; border-radius:6px; margin-right: 5px;} .btnTxt_profile {position:relative; width:42px; height:42px; background:#F4F6F8; border-radius:50%;} .btnTxt_profile .txt_btn_name {color:#A0A5B9; font-size:0.813rem; font-weight:700;} .btnTxt_profile.ty2 .txt_btn_name {font-size:0.75rem;} .btnIcon_profile.txt {background-image:none;} .btnIcon_profile.txt .ir {position:relative; top:auto; left:auto; font-size:0.875rem; font-weight:700; visibility:visible; text-indent:unset;} .btnIcon_alarm {position:relative; width:42px; height:42px; background:#F4F6F8 url('../images/common/icon_lnb_alarm_off.png') center no-repeat; background-size:20px auto; border-radius:50%; overflow:visible;} .btnIcon_alarm .unread, .btnIcon_alarm .unread_labelcPrimary {position:absolute; top:3px; right:-4px; display:flex; align-items:center; justify-content:center; min-width:12px; min-height:12px; padding:0 3px 1px; background:#4969F0; border-radius:20px; font-size:0.625rem; font-weight:500; color:#fff; text-align:center;} .htBtn_right .btnIcon_alarm {background:url('../images/common/icon_alarm_line.png'); background-size:20px auto;} .btnIcon_alarm.new:before {position:absolute; top:13px; right:10px; width:8px; height:8px; background:#4969F0; border-radius:50%; content:'';} .btnIcon_search {background:url('../images/common/btn_gnb_search.png') center no-repeat; background-size:15px auto;} .huu_srch_w {margin-left:7px;} .huu_srch_w .inp_txt_srchGray {display:block; width:290px; padding-right:30px; border-color:#E2E2E2; background:#F6F6F6;} .huu_srch_w .inp_txt_srchGray .s14cDark {padding-right:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .gnb_w {position:relative; display:inline-flex; align-items:center; height:100%;} .gnb_lists_w {display:flex; overflow:hidden; height:;} .gnb_list {padding:0 20px; cursor:pointer;} .gnb_list:last-child {padding-right:0;} .link_gnbMenu {display:block; font-size:1.125rem; color:#212D3F; font-weight:700;} .link_gnbMenu:hover, .link_gnbMenu.active {color:#4969f0;} /* 탐색 레이어 */ .exp_layer_wrap {display:none; position:fixed; left:0; top:84px; z-index:70; width:100%;} .exp_layer_wrap .dim {z-index:1;} .el_w {position:relative; z-index:2; width:100%; height:0; background-color:#fff;} .el_header {display:none; padding:17px 20px; width:100%; height:60px; border-bottom:1px solid #e6e6e6;} .el_lists_w {background-image:linear-gradient(to right, #f5f5f5 40%, #fff 60%);} .exp_menu_w {display:flex; position:relative; margin:0 auto; padding:0 0 0 208px; width:1384px; max-height:550px; overflow:hidden; overflow-y:auto;} .elMenu_lists_w {overflow:hidden; width:100%; padding-bottom:40px; border-right:1px solid #eee; overflow-y:auto; background:#fff;} .elMenu_list {position:relative; float:left; margin:40px 0 0; width:calc(100% / 5); background:#fff;} .elMenu_list:nth-child(5n+1) {position:relative; clear:both;} .elMenu_list:nth-child(5n+1):before {position:absolute; top:-25px; left:0; width:100vw; height:1px; background:#eee; content:'';} .elMenu_list:nth-child(1):before {display:none;} .elMenu_list:nth-child(n+1):nth-child(-n+5) {margin-top:0; padding-top:40px;} .elMenu_list .link_expMenu_dep1 {width:100%; padding:0 40px; word-break:break-all} .elmSub_lists_w {overflow:hidden; padding-top:18px;} .elmSub_list {padding:11px 40px; padding-bottom:10px; cursor:pointer;} .elmSub_list:hover {background:#f7f7f7;} .elmSub_list .txt_s14cBlack {font-weight:400;} .elmSub_list:hover .txt_s14cBlack {font-weight:700;} .em_link_w {position:absolute; left:0; top:0; padding-top:40px; width:208px; height:100%; border-right:1px solid #dbdbdb;} .exp_menu_w:after {position:absolute; top:0; left:-1000%; width:1000%; height:100%; background:#fff; content:''; z-index:3;} /* .em_link_lists {margin-top:20px;} */ .emi_list {margin-top:16px;} .emi_list:first-child {margin-top:0;} .emi_list:first-child .txt_s18 {font-size:20px; font-weight:700;} .emi_list .txt_s18 {color:#212D3F; font-weight:400;} .exp_layer_wrap.show {display:block;} .exp_layer_wrap.show .dim {display:block;} .el_w.show {/*min-height:358px;*/ height:auto;} /*.el_w.show .exp_menu_w {min-height:358px;}*/ .exp_layer_wrap .btnIcon_close {display:none;} /* 검색 레이어 */ .search_layer_w {overflow:hidden; position:absolute; right:65px; top:0; width:0; opacity:0; transition-property:opacity; transition-duration:.2s; transition-timing-function:ease-in-out;} .search_layer_w .inp_txt_search {position:relative; width:100%; border:1px solid #666666; background-color:#fff;} .search_layer_w input[type="text"]::placeholder {font-size:14px; color:#666; line-height:1.3;} .search_layer_w .inp_txt_search .btnIcon_search_dark {position:absolute; right:0; top:50%; margin-top:-20px;} .btnIcon_search.active + .search_layer_w {width:350px; opacity:1; top:3px;} .search.active + .search_layer_w {width:350px; opacity:1;} /* 모바일 tab bar */ .mo_tap_bar {display:none; position:fixed; left:0; bottom:0; z-index:98; width:100%; padding:4px 0 11px; background-color:#fff; border-top:1px solid #e6e6e6;} .mot_lists_w {position:relative; display:flex; width:100%;} .mot_list {flex:1; padding:1px 5px 4px;} [class^="btnIcon_tap"] {display:block; width:100%; min-height:43px; text-align:center; overflow:visible;} [class^="btnIcon_tap"]:before {display:inline-block; content:''; margin-top:3px; width:22px; height:22px; background-repeat:no-repeat; background-position:center center; background-size:100% auto; vertical-align:top;} [class^="btnIcon_tap"] [class^="txt_"] {display:block; margin-top:2px; font-weight:400;} .mot_list .txt_s10 {font-size:0.625em; margin-top:2px; color:#aaa; -webkit-transition:all .3s ease; transition:all .3s ease;} .mo_tap_bar ul li {position:relative;} .mo_tap_bar ul li.on button .txt_s10 {opacity:1; color:#000; font-weight:700;} .btnIcon_tap_home {} .btnIcon_tap_home:before {background-image:url('../images/common/icon_tap_home_off.png')} .on .btnIcon_tap_home:before {background-image:url('../images/common/icon_tap_home_on.png')} .btnIcon_tap_discover {} .btnIcon_tap_discover:before {background-image:url('../images/common/icon_tap_discover_off.png')} .on .btnIcon_tap_discover:before {background-image:url('../images/common/icon_tap_discover_on.png')} .btnIcon_tap_study:before {width:17px;} .btnIcon_tap_study:before {background-image:url('../images/common/icon_tap_study_off.png');} .on .btnIcon_tap_study:before {background-image:url('../images/common/icon_tap_study_on.png');} .btnIcon_tap_my {} .btnIcon_tap_my:before {background-image:url('../images/common/icon_tap_my_off.png')} .on .btnIcon_tap_my:before {background-image:url('../images/common/icon_tap_my_on.png')} .btnIcon_tap_mentor {} .btnIcon_tap_mentor:before {width:22px; background-image:url('../images/common/icon_tap_mentor_off.png')} .on .btnIcon_tap_mentor:before {background-image:url('../images/common/icon_tap_mentor_on.png')} .btnIcon_tap_develope {} .btnIcon_tap_develope:before {width:22px; background-image:url('../images/common/icon_tap_develope_off.png')} .on .btnIcon_tap_develope:before {background-image:url('../images/common/icon_tap_develope_on.png')} .btnIcon_tap_social {} .btnIcon_tap_social:before {width:22px; background-image:url('../images/common/icon_tap_social_off.png')} .on .btnIcon_tap_social:before {background-image:url('../images/common/icon_tap_social_on.png')} .btnIcon_tap_subscribe {} .btnIcon_tap_subscribe:before {background-image:url('../images/common/icon_tap_subscribe_off.png')} .on .btnIcon_tap_subscribe:before {background-image:url('../images/common/icon_tap_subscribe_on.png')} .btnIcon_tap_support {} .btnIcon_tap_support:before {background-image:url('../images/common/icon_support_off.png'); background-size:auto 100%;} .on .btnIcon_tap_support:before {background-image:url('../images/common/icon_support_on.png')} .btnIcon_tap_face {} .btnIcon_tap_face:before {background-image:url('../images/common/icon_tap_face_off.png'); background-size:auto 100%;} .on .btnIcon_tap_face:before {background-image:url('../images/common/icon_tap_face_on.png')} .btnIcon_tap_book {} .btnIcon_tap_book:before {background-image:url('../images/common/icon_tap_book_on.png')} .btnIcon_tap_link {} .btnIcon_tap_link:before {background-image:url('../images/common/icon_tap_link_on.png')} .btnIcon_tap_ai {} .btnIcon_tap_ai:before {background-image:url('../images/common/icon_tap_ai_on.png')} .btnIcon_tap_discover_lxmi {} .btnIcon_tap_discover_lxmi:before {background-image:url('../images/common/icon_tap_discover_on.png')} .btnIcon_tap_develope_lxmi {} .btnIcon_tap_develope_lxmi:before {background-image:url('../images/common/icon_tap_develope_on.png')} .btnIcon_tap_subscribe_lxmi {} .btnIcon_tap_subscribe_lxmi:before {background-image:url('../images/common/icon_tap_subscribe_on.png')} /* 컨테이너 */ .container, .content {width:100%; min-width:1384px;} .container {transition:padding-top .4s ease;} .container.main {padding-top:0;} .content {padding-bottom:160px; min-height:calc(100vh - 90px); overflow:hidden;} .main .content {min-height:calc(100vh - 159px); padding-bottom:0;} .content.bgGray {padding-bottom:0; background:#F8F9FB;} .content .tit_s48cBlackFM {display:block; margin:43px auto 0 auto; width:1384px;} [class^="topinfoBox"] {position:relative; width:100%; margin:0 auto; padding-bottom:19px;} .tib_inner [class^="tit_"] {font-weight:700;} .tib_inner [class^="tit_"] + .txt_s15cGray {padding-left:10px; font-weight:400;} .tib_inner .tit_s16cWhite_ellipsisC2 {font-weight:500;} .tib_inner .tib_route {display:flex; align-items:center; position:absolute; bottom:29px; right:0;} .tib_route [class^="txt_"] + [class^="txt_"] {position:relative; padding-left:26px;} .tib_route [class^="txt_"] + [class^="txt_"]:before {position:absolute; top:50%; left:8px; width:8px; height:16px; margin-top:-8px; background:url('../images/common/arrow_right_dark.png') no-repeat; background-size:100% auto; content:'';} .tib_route .txt_s14cBlack_home {padding-left:24px; background:url('../images/common/icon_home_dark.png') left 1px no-repeat; background-size:16px auto;} /* 헤더 타이틀 스타일 */ .topinfoBox_line {width:1384px; padding-top:30px; border-bottom:2px solid #121212;} /* 탐색 과정 상세 스타일 */ .topinfoBox_exp {padding:50px 0 80px; background:rgba(73, 105, 240, 0.1);} .topinfoBox_exp .tib_inner {position:relative; width:1384px; min-height:241px; margin:0 auto; padding-left:350px;} .tib_inner .link_lists {position:absolute; top:0; right:0; padding-right:16px; background:url('../images/common/arrow_right_dark.png') right center no-repeat; background-size:8px 13px; z-index:2;} .tbi_thumbnail {display:flex; flex-direction:column; justify-content:space-between; position:absolute; top:0; left:0; width:310px; height:241px;} .ttb_img_w {position:relative; width:310px; height:174px; border-radius:5px; background-color:#f8f8f8;} .ttb_img_w img {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; height:100%; border-radius:5px;} .tiw_layer {width:100%; height:100%; padding:0 15px; background-color:#4969f0; border-radius:5px;} .tl_tit {display:grid; height:100%; vertical-align:middle;} .ttb_img_w > .tl_tit {padding:0 15px;} .ttb_rating {padding:7px 9px; border:1px solid #dadada; background:#f8f8f8; text-align:center;} .ttb_rating .txt_s16cLGray, .ttb_rating .txt_s14cLGray {padding-right:10px; /* vertical-align:bottom; */} .ttb_rating .icon_star {width:20px; height:20px;} .tbi_cont {position:relative; overflow:hidden;} .tic_top {display:block; padding-bottom:8px; overflow:hidden;} .tic_top [class^="txtLabel_"] {float:left; height:auto;} .tic_top [class^="txtLabel_"] + [class^="txtLabel_"] {margin-left:8px;} .tic_top .txtLabel_cDark{max-width:50%; text-overflow:ellipsis;} .tbi_cont .tit_s32cBlack {display:inline-block; max-width:734px;} .tic_details {float:left; width:646px;} .tic_info {padding-top:30px;} .ti_list {display:flex;} .ti_list + .ti_list {padding-top:2px;} .ti_list .txt_s15cMint, .ti_list .txt_s15cDark, .ti_list [class^="txt_s16"] {min-width:90px; padding-right:12px;} .ti_list .txt_s15cDarkFM, .ti_list .txt_s16cDarkFM {width:calc(100% - 120px); vertical-align:middle;} .ti_list .txt_s15cDark + .txt_s15cDarkFM {vertical-align:text-top;} .tic_details .keyword_lists_w, .tic_details .custom_select_big {display:none;} .tic_info + .ttb_rating {display:none;} .tic_opt_w {float:right; width:250px; margin-top:33px; display:none;} .custom_select_big + .to_btn_w {margin-top:8px;} .to_btn_w {display:table; width:100%; table-layout:fixed;} .to_btn_w .tb_list {display:table-cell;} .tb_list + .tb_list {padding-left:10px; vertical-align:middle;} .tb_list [class^="btn"] {width:100%; padding-left:53px;} .tb_list .btn_grayLineh45_preview {background:#fff url('../images/common/icon_play_off.png') 23px center no-repeat; background-size:12px auto;} .btn_grayLineh45_preview:hover {background:#fff url('../images/common/icon_play_on.png') 23px center no-repeat; background-size:12px auto;} .tb_list .inp_chk_like {width:100%; height:auto; text-align:center;} .tb_list .inp_chk_like .icon_heart {left:33%;} .tb_list .inp_chk_like .txt_s16cLGray {width:100%; padding:10px 20px 9px 50px; border:1px solid #dadada; background:#fff; border-radius:3px; font-weight:400; letter-spacing:1.1px;} .tb_list .inp_chk_like input[type="checkbox"]:checked + .icon_heart + .txt_s16cLGray {color:#212D3F;} .to_btn_w + button[class*="h50"] {margin-top:20px;} .to_btn_w + button.btn_grayLineh50_rec {margin-top:10px;} .tic_opt_w button[class*="h50"] {width:100%; border-color:#eee;} .tic_opt_w button[class*="h50"] + [class*="h50"] {margin-top:10px;} .exp_btn_w {display:flex; align-items:center; justify-content:space-between; } .exp_btn_w + .exp_btn_w, .exp_btn_w + [class^="btn_"] {margin-top:10px;} .popCardWrap_exp .exp_btn_w button {margin:0;} .exp_btn_w li {width:100%;} .exp_btn_w li + li {margin-left:10px;} .exp_btn_w li [class^="btn_"] {display:flex; align-items:center; justify-content:center; width:100%; height:44px; padding:12px 10px;} .tbi_cont .exp_btn_w li [class^="btn_"] {border-color:#eee;} .tbi_cont .exp_btn_w li [class^="btn_grayLine"] [class^="txt_"]{color:#535353;} .exp_btn_w li [class^="btn_grayLine"]:hover{border-color:#454545} .exp_btn_w li [class^="btn_grayLine"] .icon_rec{background-image:url('../images/common/icon_btn_recommd.png');} .exp_btn_w li [class^="btn_grayLine"] .icon_archive{background-image:url('../images/common/icon_btn_archive.png');} .exp_btn_w li .btn_grayLineh45_preview {border:1px solid #EEEEEE; background:#fff;} .exp_btn_w li .btn_grayLineh45_preview:hover {border:1px solid #454545; background:#fff} .btn_grayLineh45_preview .icon_play {display:block; width:20px; height:20px; margin-right:8px; background:url('../images/common/icon_btn_play.png') center no-repeat; background-size:12px auto;} .btn_grayLineh45_preview:hover .icon_play {background:url('../images/common/icon_btn_play.png') center no-repeat; background-size:12px auto;} .exp_btn_w li [class^="btn_"] [class^="icon_"] {vertical-align:top;} .exp_btn_w .inp_chk_like {width:100%; height:auto; text-align:center;} .exp_btn_w .inp_chk_like .icon_heart {left:33%;} .exp_btn_w .inp_chk_like .txt_s16cLGray {width:100%; padding:10px 20px 9px 50px; border:1px solid #EEEEEE; background:#fff; border-radius:3px; color:#535353; font-weight:400; letter-spacing:1.1px;} .exp_btn_w .inp_chk_like input[type="checkbox"]:checked + .icon_heart + .txt_s16cLGray {color:#212D3F;} .popCardWrap_exp .exp_btn_w {} .popCardWrap_exp .exp_btn_w li + li {margin-left:8px;} .popCardWrap_exp .exp_btn_w li [class^="btn_"] {border-radius:5px; height:40px; border:1px solid #DBDBDB;} .popCardWrap_exp .exp_btn_w li [class^="btn_"]:hover{border-color:#535353} .popCardWrap_exp .exp_btn_w li [class^="btn_"] [class^="icon_"]{ background-size:18px !important;} .popCardWrap_exp .exp_btn_w li [class^="btn_"] .icon_rec{background:url('../images/common/icon_btn_recommd.png') center no-repeat;} .popCardWrap_exp .exp_btn_w li [class^="btn_"] .icon_archive{background:url('../images/common/icon_btn_archive.png') center no-repeat; } .popCardWrap_exp .exp_btn_w li [class^="btn_"] .txt_btn_name{color: #535353;} .popCardWrap_exp .tb_list .inp_chk_like .txt_s16cLGray {border-color:#A0A5B9;} .popCardWrap_exp .exp_btn_w li [class^="btn_Line0_"]{position:relative; width:100%; text-align:center;} .popCardWrap_exp .exp_btn_w li:has([class^="btn_Line0_"]) + li{margin-left:0;} .popCardWrap_exp .exp_btn_w li:has([class^="btn_Line0_"]) + li [class^="btn_Line0_"]::before{content:''; position:absolute; top:8px; left:0; display:block; width:1px; height:14px; background-color:#dedede; } .popCardWrap_exp .exp_btn_w li [class^="btn_Line0_"] {height:20px; padding:0; border:none;} .popCardWrap_exp .exp_btn_w li [class^="btn_Line0_"] [class^="txt_"]{color:#535353; line-height:20px; } .popCardWrap_exp .exp_btn_w li .btn_Line0_bookinfo [class^="txt_"]{padding-left:19px; background:url(../images/common/icon_btn_book.png) no-repeat 0 50%/13px;} .popCardWrap_exp .exp_btn_w li .btn_Line0_preview [class^="txt_"]{padding-left:16px; background:url(../images/common/icon_btn_play.png) no-repeat 0 50%/10px;} [class^="btn_grayLineh50_"] [class^="icon_"] {margin-right:8px;} .icon_rec {width:20px; height:20px; background:url('../images/common/btn_recommd_off.png') center no-repeat; background-size:17px auto;} .btn_grayLineh50_rec:hover .icon_rec {background:url('../images/common/btn_recommd_on.png') center no-repeat; background-size:17px auto;} .pcw_inner [class^="btn_grayLineh50_"] {width:100%; margin-top:12px;} .btn_grayLineh50_arc:hover .icon_archive {background:url('../images/common/icon_lnb_archive.png') center no-repeat; background-size:100% auto;} .tib_sub_box {position:absolute; left:50%; margin-left:-692px; bottom:-50px; width:1008px; height:100px; padding:0 9px; background:#fff; border-radius:10px; box-shadow:0px 4px 10px 0px rgba(0, 0, 0, 0.10);} .tsb_lists_w {float:left; display:table; width:100%; table-layout:fixed; padding:14px 0;} .tsb_list {display:table-cell; text-align:center; border-right:1px solid #e6e6e6;} .tsb_list:last-child {border-right:0;} .tsb_list .txt_s18cBlack {display:block; padding:4px 0 5px; font-weight:400;} .tsb_list .txt_s18cBlack .s24 {padding-right:2px;} .tsb_list.ty2 .txt_s11cGray {display:block;} /* .tsb_list.ty2 .guide_btn_w {display:none;} */ .tsb_list.ty2 .btnIcon_viewGuide {background-position:center right; width:24px; height:30px;} .tsb_list.ty2 .guide_layer_bottomLeft {right:-18px;} .tsb_btn_w {float:right; width:190px; padding-top:6px; text-align:right;} .tsb_btn_w [class^="btn_"] {display:flex; align-items:center; justify-content:center; width:180px; text-align:center; border-color:#555; background:#fff; cursor:unset;} .tsb_btn_w [class^="btn_"] + [class^="btn_"] {margin-top:4px;} .tsb_btn_w [class^="btn_"] .txt_btn_name {font-size:0.875rem; font-weight:400; color:#555;} .tsb_btn_w [class^="btn_"]:disabled {border:1px solid #e6e6e6;} .tsb_btn_w [class^="btn_"]:disabled .txt_btn_name {color:#898989;} .tsb_btn_w [class^="icon"] {width:32px; height:32px; margin-right:10px; background-repeat:no-repeat; background-size:100% auto; background-position:center;} .tsb_btn_w .icon_book {background-image:url('../images/discover/icon_book_dark.png');} .tsb_btn_w .icon_repaid {background-image:url('../images/discover/icon_repaid_dark.png');} .tsb_btn_w [class^="btn_"]:disabled .icon_book {background-image:url('../images/discover/icon_book_off.png');} .tsb_btn_w [class^="btn_"]:disabled .icon_repaid {background-image:url('../images/discover/icon_repaid_off.png');} /* 학습 과정 상세 스타일 */ .topinfoBox_study {padding:50px 0 40px; background:rgba(73, 105, 240, 0.1);} .topinfoBox_study .tib_inner {position:relative; width:1384px; min-height:174px; margin:0 auto; padding-left:324px;} .topinfoBox_study .tbi_thumbnail {height:174px;} .topinfoBox_study .tbi_thumbnail .ttb_img_w {width:284px; height:100%; overflow:hidden;} .tib_inner .tit_s16cWhite_ellipsisC2 {font-size:1em;} .topinfoBox_study .ttb_rating {padding:10px 10px 11px; margin-bottom:10px;} .topinfoBox_social {padding:56px 0; background:rgba(73, 105, 240, 0.1);} .topinfoBox_social .tib_inner {position:relative; width:1384px; margin:0 auto;} .topinfoBox_social .tic_details {width:90%;} .tic_details .sts_info {display:none;} .tbi_cont .tit_s32cBlack {max-width:100%;} .topinfoBox_social .ti_list .txt_s15cDark {min-width:71px;} .tab_wrap_dtab {position:absolute; top:30px; left:0; width:260px;} .tab_wrap_dtab .tab_scroll_w {overflow:hidden; border:1px solid #e6e6e6; border-radius:3px;} .tab_wrap_dtab .tabmenu_line {display:block; table-layout:unset; height:unset; border:0;} .tab_wrap_dtab .tabmenu_line > .tab_list {display:block;} .tab_wrap_dtab .tabmenu_line .tab_list + .tab_list {border-top:1px solid #dbdbdb;} .tab_wrap_dtab .tab_list .btn_tab {display:block; width:100%; height:50px; padding:16px 30px; background:url('../images/common/icon_link_gray.png') calc(100% - 20px) center no-repeat; background-size:8px 14px; text-align:left;} .tab_wrap_dtab .tab_list.active .btn_tab, .tab_wrap_dtab .tab_list .btn_tab:hover {background:#4969f0 url('../images/common/icon_link_white.png') calc(100% - 20px) center no-repeat; background-size:8px 14px; border-radius:3px;} .tab_wrap_dtab .tab_list .btn_tab.active {background:#4969f0 url('../images/common/icon_link_white.png') calc(100% - 20px) center no-repeat; background-size:8px 14px; border-radius:3px;} .tab_wrap_dtab .tab_list .btn_tab .txt_s15 {color:#606060; font-weight:400;} .tab_wrap_dtab .tab_list .btn_tab.active .txt_s15, .tab_wrap_dtab .tab_list .btn_tab:hover .txt_s15, .tab_wrap_dtab .tab_list.active .btn_tab .txt_s15, .tab_wrap_dtab .tab_list:hover .btn_tab .txt_s15 {color:#fff;} .tab_wrap_dtab .tabmenu_line .btn_tab.active:after {display:none;} .tab_list.etc {} /* 컨텐츠 영역 */ [class^="contBox"] {margin:0 auto; width:1384px; padding-top:60px;} .contBox_support {padding-top:30px;} .contBox_lnbTop {width:100%; padding:0;} .contBox_lnbTop .cb_inner {max-width:1384px;} .cb_inner {position:relative; margin:0 auto; width:100%;} .tit_head {display:flex; align-items:flex-end; justify-content:space-between; padding-bottom:20px;} .tit_head h1 {flex:1; max-width:calc(100% - 150px);} .tit_head h1 br {display:none;} .tit_head button {width:98px;} /* 탐색 레이아웃 */ .contBox_exp {min-height:calc(100vh - 370px); padding:70px 0 60px;} .contBox_stuDivi {position:relative; min-height:450px; padding:30px 0 60px 300px;} /* 메인 비주얼 영역 wrap */ .main_top_w {overflow:hidden; position:relative; width:100%; height:560px; background:#f6f6f6;} .mt_visual_w {position:relative; height:100%;} /* 메인 비주얼 영역 */ .main_visual_slider {width:100%; height:100%;} .mt_visualSlider, .mt_visualSlider .slick-list {height:100%;} .main_visual_controls {position:absolute; left:50%; bottom:137px; width:692px; transform:translate(-22px, 0); text-align:right; z-index:9;} .main_visual_controls [class^="btnIcon_mv_"] {width:20px; height:29px; background-repeat:no-repeat; background-size:16px 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');} .slideCount:before {position:absolute; top:-1px; right:0; background:rgba(0,0,0,.3); width:132px; height:30px; border-radius:15px; content:''; z-index:-1;} .link_subj_visual {position:relative; display:block; width:100vw; height:100%;} .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%);} .img_visual_mob {display:none !important;} .mv_cont_w {position:absolute; top:0; left:50%; height:560px; margin-left:692px; z-index:2;} .mc_inner {position:absolute; top:0; right:0; width:390px; height:100%; padding:50px 45px; background:rgba(0,0,0,.6); overflow:hidden;} .mc_sinfo {position:relative; padding-top:60px;} .mc_sinfo:before {position:absolute; top:27px; left:0; width:40px; height:3px; background:#fff; content:'';} .main_visual_slider .slideCount {position:absolute; left:50%; bottom:146px; width:692px; padding-right:80px; transform:translate(-15px, 0); text-align:right; color:#fff; font-size:16px; z-index:8; font-weight:300;} .slideCount .slideCountItem {color:#fff;} /* 마이페이지 레이아웃 */ .contBox_isLNB {position:relative; min-height:calc(100vh - 229px); margin-top:20px; padding:0 0 0 272px;} .contBox_isLNB:before {position:fixed; top:0; left:0; width:100vw; height:100vh; background:#F8F8F8; content:''; z-index:-1;} .lnb_wrap {position:absolute; top:0; left:0; width:260px; background:#fff; border-radius:10px;} .lnb_wrap.mypage {padding:30px 22px 225px; transition:all .3s ease-in;} .lnb_wrap.mypage.on {top:auto; bottom:0;} .btn_secondary_logout {width:100%; height:48px; text-align:left; padding:15px 25px; background:#f8f8f8 url('../images/common/btn_logout.png') calc(100% - 20px) center no-repeat; background-size:16px auto; border:0; border-radius:0;} .btn_secondary_logout .txt_s14cLGrayFS {color:#898989;} .lnb_box .btn_secondary_logout {margin:30px 11px 0; width:calc(100% - 22px); border-radius:3px;} .my_profile_w {display:flex; align-items:flex-start; padding:0 14px 30px; border-bottom:1px solid #EDEDED;} .mp_img {position:relative; display:block; top:3px; margin-right:16px;} .mp_img .user_pic {display:block; width:54px; height:54px; background:#e6e6e6; border-radius:6px;} .mp_img .btnIcon_imgModify {display:none; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.6) url('../images/common/btn_camera.png') center no-repeat; background-size:22px auto; border-radius:6px; transition:all .3s ease-in;} .mp_img:hover .btnIcon_imgModify {display:block;} .tsw_img .btnIcon_imgModify {width:20px; height:20px; background:url('../images/common/btn_profile_modify.png') center no-repeat; background-size:100% auto;} .tsw_img .guide_btn_w {position:absolute; right:0; bottom:0; height:20px;} .my_profile_w [class^="txt_s18"] {font-weight:700; margin-bottom:10px;} .my_profile_w .link_subj_modify, .my_profile_w .btn_logout {display:none;} .my_profile_w .tc_info {padding:0; justify-content:left;} .my_profile_w .tc_info [class^="txt_"] {display:block;} .my_profile_w .tc_info [class^="txt_"] + [class^="txt_"] {width:100%;} .mypage .menuIcon_lists_w {padding-top:15px;} .mi_list {position:relative;} .link_menuIcon {position:relative; display:block; padding:13px 22px 13px 67px; transition:all .3s ease;} .link_menuIcon [class^="txt_"] {color:var(--gray-70); font-weight:500;} .link_menuIcon.active [class^="txt_"] {color:#212D3F; font-weight:700;} .link_menuIcon [class^="icon_"] {position:absolute; top:50%; left:25px; margin-top:-11px; width:22px; height:22px; background-repeat:no-repeat; background-position:center; background-size:100% auto;} .link_menuIcon .icon_mypage {background-image:url('../images/common/icon_lnb_mypage_off.png');} .link_menuIcon .icon_modify {background-image:url('../images/common/icon_lnb_my_off.png');} .link_menuIcon .icon_sme {background-image:url('../images/common/icon_lnb_sme_off.png');} .link_menuIcon .icon_approval {background-image:url('../images/common/icon_lnb_approve_off.png');} .link_menuIcon .icon_like {background-image:url('../images/common/icon_lnb_heart_off.png');} .link_menuIcon .icon_subscribe {background-image:url('../images/common/icon_lnb_mark_off.png');} .link_menuIcon .icon_qna {background-image:url('../images/common/icon_lnb_qna_off.png');} .link_menuIcon .icon_interest {background-image:url('../images/common/icon_lnb_interest_off.png');} .link_menuIcon .icon_rec {background-image:url('../images/common/icon_lnb_rec_off.png');} .link_menuIcon .icon_alarm {background-image:url('../images/common/icon_lnb_alarm_off.png');} .link_menuIcon .icon_calc {background-image:url('../images/common/icon_lnb_calc_off.png');} .link_menuIcon .icon_archive {background-image:url('../images/common/icon_lnb_archive_off.png');} .link_menuIcon .icon_status {background-image:url('../images/common/icon_lnb_status_off.png');} .link_menuIcon.active .icon_mypage {background-image:url('../images/common/icon_lnb_mypage.png');} .link_menuIcon.active .icon_modify {background-image:url('../images/common/icon_lnb_my.png');} .link_menuIcon.active .icon_sme {background-image:url('../images/common/icon_lnb_sme.png');} .link_menuIcon.active .icon_approval {background-image:url('../images/common/icon_lnb_approve.png');} .link_menuIcon.active .icon_like {background-image:url('../images/common/icon_lnb_heart.png');} .link_menuIcon.active .icon_subscribe {background-image:url('../images/common/icon_lnb_mark.png');} .link_menuIcon.active .icon_qna {background-image:url('../images/common/icon_lnb_qna.png');} .link_menuIcon.active .icon_interest {background-image:url('../images/common/icon_lnb_interest.png');} .link_menuIcon.active .icon_rec {background-image:url('../images/common/icon_lnb_rec.png');} .link_menuIcon.active .icon_alarm {background-image:url('../images/common/icon_lnb_alarm.png');} .link_menuIcon.active .icon_calc {background-image:url('../images/common/icon_lnb_calc.png');} .link_menuIcon.active .icon_archive {background-image:url('../images/common/icon_lnb_archive.png');} .link_menuIcon.active .icon_status {background-image:url('../images/common/icon_lnb_status_on.png');} .link_menuIcon .txtLabel_cMint {position:absolute; top:50%; right:34px; margin-top:-9px; min-width:38px; height:20px; padding:4px 12px; font-size:12px; vertical-align:middle; border-radius:10px;} .contact_w {position:absolute; bottom:30px; left:50%; width:216px; margin-left:-108px; padding:34px 10px 20px; text-align:center; color:#212D3F; background:#F6F6F6; border-radius:15px;} .cont_gray {position:relative;} .cont_gray .icon_contact {position:absolute; top:-82px; left:50%; margin-left:-41px; width:83px; height:80px; background:url('../images/common/icon_contact.png') center no-repeat; background-size:100% auto;} .cont_gray .txt_s22FBs {padding-bottom:7px; line-height:1.1;} .cont_gray .txt_s12cBlack {line-height:20px; font-weight:400;} .contBox_isLNB .tit_s20cBlackFS {display:block; padding:10px 0 16px 10px;} .contBox_isLNB .cb_inner .bf_info {padding-left:26px; font-size:0.875rem; color:#909090; background:url('../images/common/icon_guide_info_gray.png') left 2px no-repeat; background-size:18px auto;} .bf_info + .table_wrap_myInfo {margin-top:20px;} /* 소셜러닝 */ .contBox_isLNB.social {padding-top:30px; background:#fff;} .contBox_isLNB.social:before {display:none;} .contBox_isLNB.social .cb_inner {padding-top:0;} .lnb_wrap.social {width:250px; top:30px; height:unset;} .social .menuIcon_lists_w {border:1px solid #dbdbdb; border-radius:3px;} .social .mi_list + .mi_list {border-top:1px solid #e6e6e6;} .social .link_menuIcon {padding:13px 30px 11px 30px; border-radius:3px; background:url('../images/common/icon_link_gray.png') calc(100% - 20px) center no-repeat; background-size:8px 14px;} .social .link_menuIcon:hover, .social .link_menuIcon.active {background:#4969f0 url('../images/common/icon_link_white.png') calc(100% - 20px) center no-repeat; background-size:8px 14px;} .social .link_menuIcon:hover [class^="txt_"], .social .link_menuIcon.active [class^="txt_"] {color:#fff;} .lnb_inner_box {margin-top:15px; padding:15px 20px 5px 30px; border:1px solid #dbdbdb; border-radius:3px;} .lnb_inner_box .tit_s15cGrayFS {display:block; padding-bottom:10px;} .ma_list + .ma_list {border-top:1px solid #e6e6e6;} .ma_list .link_menuArrow {display:block; padding:10px 0; background:url('../images/common/icon_link_gray.png') right center no-repeat; background-size:8px 14px;} .ma_list .link_menuArrow:hover, .ma_list .link_menuArrow.active {background:url('../images/common/arrow_right_blue.png') right center no-repeat; background-size:8px 14px;} .ma_list .link_menuArrow .txt_s14cGray {padding-right:16px;} .ma_list .link_menuArrow:hover .txt_s14cGray, .ma_list .link_menuArrow.active .txt_s14cGray {color:#4969f0;} /* 소셜러닝 LNB - new */ .lnb_wrap.lnbTop {position:relative; top:auto; left:auto; width:100%; margin:0 auto; margin-bottom:24px; min-height:unset; border-radius:0; border-bottom:1px solid var(--gray-20);} .lnb_wrap.lnbTop .lnb_inner {max-width:1384px; margin:0 auto;} .lnbTop .lnb_box, .lnbTop .menuIcon_lists_w, .lnbTop .lnbs_lists_w {display:flex; align-items:center; gap:40px;} .lnbTop .lnbs_lists_w {gap:30px;} .lnbTop .link_menuIcon {padding:10px 0;} .custom_select_plain .select2-container {width:auto !important;} .custom_select_plain .select2-container .select2-selection--single {border:0;} .custom_select_plain .select2-container--default .select2-selection--single .select2-selection__rendered {padding:0 26px 0 0;} .custom_select_plain .select2-container--default .select2-selection--single .select2-selection__arrow {top:50%; right:0; transform:translate(0, -54%); width:20px; height:20px; background:url(../images/common/arrow_select_down_dark.svg) center no-repeat;} .custom_select_plain b {display:none;} .lb_menus_w {width:100%;} .lnb_scroll_w {overflow-x:auto; position:relative; white-space:nowrap;} .lnb_scroll_w .tabmenu_line {display:inline-flex; gap:40px; min-width:max-content; border:0;} .lnb_scroll_w .tabmenu_line .btn_tab:after {height:2px; bottom:0; background:var(--gray-70);} .lnb_scroll_w .tab_list {min-width:unset; flex-shrink:0;} .lnb_scroll_w .tab_list .btn_tab {display:flex; align-items:center; height:44px; padding:0;} .lnb_scroll_w .tab_list .btn_tab .txt_s16 {height:auto; padding:10px 0; color:var(--gray-70); font-weight:500;} .lnb_scroll_w {scrollbar-width:none; /* Firefox */ -ms-overflow-style:none; /* IE 10+ */} .lnb_scroll_w::-webkit-scrollbar {display:none; /* Chrome, Safari */} .menuArrow_lists_w .tit_s18, .menuArrow_lists_w .btnIcon_close {display:none;} /* 과정상세 우측 팝 스타일 */ [class^="popCardWrap_"] {position:absolute; top:-330px; right:0; width:326px; background:#fff; border:1px solid #dbdbdb; border-radius:15px; overflow:hidden;} [class^="popCardWrap_"].pwsFixed {position:fixed; top:110px; left:50%; margin-left:364px; z-index:9;} .pcw_img_w {width:100%; height:182px; border-radius:5px 5px 0 0; background-color:#f8f8f8;} .pcw_img_w img {width:100%; height:100%; border-radius:5px 5px 0 0;} .pcw_inner {padding:0 20px 20px;} .popCardWrap_exp .pcw_inner {display:flex; flex-direction:column; gap:12px;} .pcw_inner .custom_select_big {width:100%;} .pcw_inner .custom_select_big .select2-container {display:block; width:100% !important; text-align:center;} .pcw_inner .custom_select_big .select2-container .select2-selection--single {border-radius:5px; border:1px solid #DBDBDB; height:40px;} .pcw_inner .custom_select_big .select2-container--default .select2-selection--single .select2-selection__rendered{color:#121212; padding-left:10px; font-size:0.875rem; line-height:40px;} .pcw_inner .custom_select_big .select2-container--default .select2-selection--single .select2-selection__arrow{height:40px;} .pcw_inner .custom_select_big .select2-container--default .select2-selection--single .select2-selection__arrow b{margin-top:-5px;} .pci_info {max-height:373px; padding:20px; overflow:hidden; overflow-y:auto;} .pci_info .tic_tit{padding-bottom:5px;} .pci_info .tic_info {padding-top:20px;} .pci_info .tic_box{position:relative; min-height:48px; } .tic_total {position:relative; } .tic_total .txt_s15cDark {display:block;} .tic_total .txt_s15cDark .s24 {padding-right:3px; font-size:24px; font-weight:900;} .tic_total .guide_txt{padding-left:20px; margin-top:10px; background:url(../images/common/icon_guide_info_gray.png) no-repeat 0 50%/15px;} .tic_total .txt_s15cDark + .guide_txt{margin-top:15px;} .tic_total .guide_btn_w {position:absolute; top:3px; left:98px;} .tic_total .guide_layer_bottomLeft {width:209px; margin-right:3px;} .tic_total .guide_layer_bottomLeft .lg_inner:before {right:18px;} .pci_info .tic_chk_like{position:absolute; top:0px; width:100%; text-align:right;} .pci_info .inp_chk_like{ width:96px; height:48px; padding:9px 5px 11px; background:#fff; border: 1px solid #e6e6e6; border-radius:24px; text-align:center;} .pci_info .inp_chk_like .icon_heart {position:relative; left:auto; bottom:auto; margin-left:0; margin-bottom:0; margin-top:-21px; width:20px; height:40px; background-image:url('../images/common/icon_like_line_off.png');} .pci_info .inp_chk_like:has(input[type="checkbox"]:checked){border-color:#EB554B;} .pci_info .inp_chk_like input[type="checkbox"]:checked + .icon_heart + span.txt_s16cLGray{color:#EB554B;} /*.pcw_inner .to_btn_w {padding-top:23px;}*/ .pcw_inner .to_btn_w .tb_list + .tb_list {padding-left:0;} .pcw_inner .to_btn_w .tb_list [class^="btn_"] {display:flex; align-items:center; justify-content:center;} .tb_list .btn_grayLineh45_np {display:flex; align-items:center; justify-content:center; padding:9px 10px 10px;} .pcw_inner .to_btn_w > .tb_list:first-child .inp_chk_like .icon_heart {left:143px;} .pcw_inner .to_btn_w [class^="btn_"], .pcw_inner .tb_list .inp_chk_like .txt_s16cLGray {border-radius:0;} .pcw_inner .tb_list .inp_chk_like input[type="checkbox"] + .icon_heart + .txt_s16cLGray {transition:all .2s ease-out;} .pci_btn_w { width:100%;} .pci_list {display:block;} .pci_list [class^="btn_"] {width:100%; vertical-align:top; border-radius:5px;} .pci_list [class^="btn_"]:disabled{background:#ececec; opacity:1;} .pci_list [class^="btn_"]:disabled .txt_btn_name{color:#AAA; font-weight:500; } .pci_list + .pci_list{margin-top:10px;} .pci_list [class^="btn_"] .txt_btn_name {font-size:16px; font-weight:700;} /* 검색영역 스타일 */ .srchBox_w {text-align:center;} .srchBox_w .inp_txt_search {width:731px; border-color:#ccc;} .srchBox_w .inp_txt_search:after {background:#898989;} .srchBox_w .inp_txt_search input[type="text"]::placeholder {font-size:14px; color:#b3b3b3;} .srchBox_w .inp_txt_search.on {border-color:#4969f0;} .srchBox_w .inp_txt_search.on:after {background:#4969f0;} /* 슬라이더 스타일 */ .slick-prev, .slick-next {width:42px; height:42px; z-index:2;} .slick-prev {background:url('../images/common/btn_slider_prev_on.png') center no-repeat; background-size:100% auto;} .slick-next {background:url('../images/common/btn_slider_next_on.png') center no-repeat; background-size:100% auto;} .slick-prev.slick-disabled {background:url('../images/common/btn_slider_prev_off.png') center no-repeat; background-size:100% auto; cursor:no-drop;} .slick-next.slick-disabled {background:url('../images/common/btn_slider_next_off.png') center no-repeat; background-size:100% auto; cursor:no-drop;} .slick-disabled {cursor:inherit;} /* 썸네일 스타일 */ [class^="thumbnail_"] {position:relative; width:329px; background:#fff; box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.1); border-radius:5px; transform:translateY(0); transition:transform .3s; vertical-align:top;} [class^="thumbnail_"]:hover {transform:translateY(-10px);} .thumb_img {position:relative; width:100%; height:185px; overflow:hidden; background:#f8f8f8; border-radius:5px 5px 0 0; font-size:0; text-align:center;} .thumb_img a {display:block; width:100%; height:100%;} .thumb_img .inp_chk {position:absolute; top:12px; left:12px; z-index:3;} [class^="inp_chk"] .icon_chk {width:20px; height:20px;} .thumb_event {position:absolute; top:0; left:0; width:65px; height:28px; padding-top:3px; background:#ff6d1b; border-radius:5px 0; color:#fff; text-align:center; font-size:0.875rem; font-weight:700; z-index:2;} .slider_list .thumb_event, .cwl_list .thumb_event, .pcw_img_w .thumb_event {width:82px; height:33px; font-size:1rem;} .thumb_img img {position:absolute; top:50%; left:50%; margin:auto; min-width:calc(100% - 1px); width:auto; max-width:100%; height:100%; transform:translate(-50%, -50%); border-radius:5px 5px 0 0;} .thumb_img [class*="_sign"], .thumb_img .txtLabel_cBlack_end {position:absolute; bottom:12px; left:20px; width:calc(100% - 40px); height:36px; margin:0 auto; padding:10px 7px 8px; font-size:15px; color:#fff; border-radius:5px; z-index:3;} .thumb_img .txtLabel_cBlack_end, .txtLabel_cBlack_sign {background:rgba(18,18,18,.6); color:#fff;} .txtLabel_cRed_sign {background:rgba(234, 19, 11, 0.6);} .txtLabel_cMint_sign {background:rgba(39, 181, 172, 0.8);} .txtLabel_cGray_sign {background:rgba(85, 85, 85, 0.8);} .thumb_cont {position:relative; padding:13px 15px 16px;} .tc_top {display:flex; align-items:center; padding-bottom:10px;} .tc_top [class^="txt_"] {/*overflow:hidden;*/ text-overflow:ellipsis; white-space:nowrap;} .tc_top [class^="txt_"] + [class^="txt_"] {/* flex:1; */ overflow:hidden; position:relative; height:21px; padding-left:12px;} .tc_top [class^="txt_"] + [class^="txt_"]:before {position:absolute; top:4px; left:6px; width:1px; height:12px; background:var(--gray-40); content:'';} .thumb_cont [class^="tit_"] {height:56px;} .thumb_cont .tit_s18cBlack_ellipsis {max-width:100%; height:30px;} .tc_info {padding-top:12px; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap;} .tc_info > .txt_s14cLGray + .txt_s14cLGray {padding-left:7px;} .tc_info_r {float:right;} .tc_info_r [class^="txt_"] {padding-left:24px; font-size:0.778em; color:#898989;} .tc_info_r [class^="txt_"] + [class^="txt_"] {margin-left:11px;} .tc_info_r .txt_view {background:url('../images/common/icon_view.png') left center no-repeat; background-size:20px auto;} .tc_info_r .txt_comment {background:url('../images/common/icon_comment.png') left center no-repeat; background-size:20px auto;} .tc_info_r .txt_group {background:url('../images/common/icon_group.png') left center no-repeat; background-size:20px auto;} .tc_info_r .txt_heart {background:url('../images/common/icon_heart_line.png') left center no-repeat; background-size:20px auto;} .tc_info .guide_btn_w {height:25px; margin-left:10px;} .tc_info .guide_btn_w .btnIcon_viewGuide {width:30px; height:25px; background-image:url('../images/common/icon_guide_info_gray.png');} .tc_info .guide_btn_w .btnIcon_viewGuide:hover {background-image:url('../images/common/icon_guide_info.png');} .tc_info .guide_layer_bottomLeft {top:calc(100% + 9px); width:277px;} .tc_info .guide_layer_bottomLeft .lg_inner {padding:10px;} .tc_info .guide_layer_bottomLeft .lg_inner:before {right:17px;} .lcl_list .txt_s14cWhite {font-weight:300;} .lcl_list .txt_s14cWhite:first-child {width:95px;} .tc_opt {position:relative; height:40px; margin-top:20px;} .tc_opt:before {position:absolute; top:0; left:-15px; width:calc(100% + 30px); height:1px; background:#eee; content:'';} .opt_sme_w {position:relative; padding:19px 0 0 42px;} .tsw_img {position:absolute; top:16px; left:0; width:26px; height:26px; border-radius:50%; background:#f8f8f8; /* text-indent:-9999px; */ cursor:pointer;} .tsw_img img {display:block; width:100%; height:100%; border-radius:50%;} .opt_sme_w .txt_s14cBlack_ellipsis {max-width:calc(100% - 60px);} [class^="thumbnail_"] .inp_chk_like {position:absolute; bottom:10px; right:10px; z-index:10;} @keyframes poof { from { bottom:0; opacity:0.8; } to { bottom:26px; opacity:0; } } .thumbImg_btn_w {position:absolute; top:12px; right:12px; z-index:9;} [class^="thumbnail_"] .thumbImg_btn_w .inp_chk_like {position:relative; top:auto; bottom:auto; right:auto; width:34px; height:30px; margin-bottom:6px; background:rgba(0,0,0,.5); border-radius:4px;} .thumbImg_btn_w .inp_chk_like .icon_heart {margin:-12px; background-image:url('../images/common/icon_heart_off.png');} .thumbImg_btn_w [class^="btnIcon_"] {display:block; width:34px; height:30px; background-color:rgba(0,0,0,.5); background-repeat:no-repeat; background-position:center; border-radius:4px; z-index:3;} .thumbImg_btn_w [class^="btnIcon_"] + [class^="btnIcon_"] {margin-top:5px;} .thumbImg_btn_w [class^="btnIcon_"]:hover {background-color:#000;} .thumbImg_btn_w .btnIcon_rec {background-image:url('../images/common/icon_thumb_recmd.png'); background-size:16px auto;} .thumbImg_btn_w .btnIcon_keep {background-image:url('../images/common/icon_keep_white.png'); background-size:17px auto;} /* 북럭닝 */ .thumb_img.book, .ttb_img_w.book {display:flex; left:-1px; top:-1px; width:calc(100% + 2px); align-items:center; justify-content:center; /* background:linear-gradient(180deg, #FBF9F9 15.24%, #ebebeb 62.4%); */ background:url('../images/common/book_thumb.png') no-repeat; background-size:100% 100%;} .img_book_w {position:relative; display:inline-block; height:166px; padding:0 35px; background:url('../images/common/book_shadow.png') left top no-repeat; background-size:auto 100%; z-index:3;} .img_book {overflow:hidden; max-width:112px; height:100%; box-sizing:border-box; background:#fafafa; box-shadow:0 1px 4px 0 rgb(0 0 0 / 8%);} .img_book img {position:relative; width:auto; min-width:112px; max-width:100%; height:calc(100% + 1px); border-radius:0;} .ttb_img_w .img_book_w {height:144px; padding:0 30px;} .ttb_img_w .img_book {max-width:97px;} .ttb_img_w .img_book img {min-width:97px;} .thumbnail_col .book .img_book_w {max-height:calc(100% - 20px); padding:0 18px;} .rcm_mt_list .thumbnail_col .book .img_book_w {padding:0 14px;} .mgl_list .book .img_book_w, .fav_list .thumbnail_col .book .img_book_w {max-height:calc(100% - 20px); padding:0 21px;} .thumbnail_col .book .img_book_w .img_book, .mgl_list .book .img_book_w .img_book {max-width:unset; width:auto; aspect-ratio:3/4;} .thumbnail_col .book .img_book img, .mgl_list .book .img_book img {min-width:100%;} /* SME 채널 썸네일 */ [class^="thumbnail_sme"] {padding:40px 30px 45px; height:399px; text-align:center;} [class^="thumbnail_sme"] a {display:block;} [class^="thumbnail_sme"] .thumb_img {height:auto; max-width:150px; max-height:150px; aspect-ratio:1 / 1; margin:0 auto; background:none;} [class^="thumbnail_sme"] .thumb_img a {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:auto; height:100%; aspect-ratio:1 / 1; margin:0 auto; border-radius:50%; background:#f3f3f3;} [class^="thumbnail_sme"] .thumb_img img {border-radius:50%;} [class^="thumbnail_sme"] .thumb_cont {padding:20px 0 0 0;} .txt_sme_rank {position:absolute; bottom:40px; left:30px; font-size:1.889em;} [class^="thumbnail_sme"] [class^="tit_"] {display:block; max-width:100%; height:auto; color:#111111; font-weight:500;} [class^="thumbnail_sme"] .tc_info {padding-top:20px; text-align:left; justify-content:center;} .ti_keyword_w {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .ti_keyword_w [class^="txt_"] {font-weight:400;} [class^="thumbnail_sme"] .tc_info_r {float:unset;} [class^="thumbnail_sme"] .tc_info_r [class^="txt_"] {color:#adadad; vertical-align:middle;} .tc_btn, .mark_user {position:absolute; bottom:45px; left:30px; width:calc(100% - 60px);} .tc_btn {min-width:82px; left:50%; transform:translate(-50%, 0);} .tc_btn .inp_chk_subscription {float:right; width:100%;} .tc_btn .inp_chk_subscription [class^="btn_"] {width:100%;} [class^="thumbnail_sme"] .tc_btn .inp_chk_subscription {float:unset; width:210px;} .bm_list [class^="thumbnail_sme"] .tc_btn .inp_chk_subscription {width:128px;} .mark_user {padding:10px 18px; border-radius:20px; background:#ccc;} .mark_user .icon_user {width:20px; height:20px; margin-right:5px; background:url('../images/mypage/icon_user.png') center no-repeat; background-size:100% auto; vertical-align:top;} .mark_user .icon_user + .txt_s14cWhite {font-weight:400; vertical-align:top;} .thumbnail_smeRank .tc_btn .inp_chk_subscription {width:auto;} .thumbnail_smeMini {padding:0; width:120px; height:auto; box-shadow:none;} .thumbnail_smeMini:hover {box-shadow:none;} .thumbnail_smeMini .thumb_img {position:relative; width:120px; height:120px; background:#f8f8f8; border-radius:50%;} .thumbnail_smeMini.on:before {position:absolute; top:90px; right:3px; width:14px; height:14px; background:#4969f0; border:3px solid #fff; border-radius:50%; content:''; z-index:2;} .thumbnail_smeMini .thumb_cont {height:unset; padding-top:12px;} .thumbnail_smeSub {width:260px; height:300px; padding:63px 25px 25px;} .thumbnail_smeSub .txt_sme_rank {top:25px; left:25px; bottom:auto; font-size:28px;} .thumbnail_smeSub .thumb_img {width:110px; height:110px;} .thumbnail_smeSub .thumb_cont {padding-top:10px;} .thumbnail_smeSub .tc_btn {bottom:-65px;} .thumbnail_smeSub .tc_btn .inp_chk_subscription {width:100%;} /* 메인 인기강좌 썸네일 */ .thumbnail_mainfull {width:1384px; border-radius:0; box-shadow:none;} .thumbnail_mainfull .thumb_img {height:508px; border-radius:0; cursor:pointer;} .thumbnail_mainfull .thumb_img img {max-width:100%; height:auto; min-height:100%; border-radius:0;} .thumbnail_mainfull .thumb_cont {position:absolute; right:-1px; bottom:-1px; width:401px; height:369px; padding:50px 30px 50px 25px; background:#fff; z-index:9;} .thumbnail_mainfull .tc_top .txtLabel_cMint {min-width:89px; height:24px; padding:7px 5px;} .thumbnail_mainfull:hover {box-shadow:none; transform:translateY(0);} /* 가로형태 썸네일 */ .thumbnail_col {width:100%; height:96px; box-shadow:none;} .thumbnail_col:hover, .thumbnail_gallery:hover {box-shadow:none; transform:translateY(0);} .thumbnail_col .thumb_img {position:absolute; top:0; left:0; width:160px; height:96px; border-radius:5px;} .thumbnail_col .thumb_cont {padding:0 0 0 210px;} .thumbnail_col .thumb_cont [class^="tit_"] {padding-top:3px; font-weight:500; white-space:normal; height:auto;} .thumbnail_col .tc_info [class^="txt_"] + [class^="txt_"] {position:relative; padding-left:9px; flex:1; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; white-space:nowrap; } .thumbnail_col .tc_info [class^="txt_"] + [class^="txt_"]:before {position:absolute; top:-1px; left:3px; font-size:12px; color:#898989; content:'•';} /* 소셜러닝 사진첩 썸네일 */ .thumbnail_gallery {width:259px; box-shadow:none;} .thumbnail_gallery .thumb_img {height:auto; border-radius:5px; aspect-ratio:16 / 9; padding-bottom:calc(591.44 / 1127.34 * 100%);} .thumbnail_gallery .thumb_cont {height:105px; padding:12px 3px;} .thumbnail_gallery .thumb_cont .link_subj {display:block;} .thumbnail_gallery .thumb_cont .tit_s16cBlack_ellipsis {display:block; max-width:100%; height:unset;} .thumbnail_gallery .thumb_cont .icon_new + .tit_s16cBlack_ellipsis {display:inline-block; max-width:calc(100% - 45px); vertical-align:middle;} .thumbnail_gallery .tools_btn_w {position:absolute; top:5px; right:-13px;} .thumbnail_gallery .link_subj + .tg_info {padding-top:5px;} .tg_info [class^="txt_"] {font-weight:400;} .tg_info [class^="txt_"] + [class^="txt_"] {position:relative; padding-left:13px;} .tg_info [class^="txt_"] + [class^="txt_"]:before {position:absolute; top:8px; left:4px; width:3px; height:3px; background:#898989; border-radius:50%; content:'';} .tg_info [class^="txt_"] + .txt_s14cDark {padding-left:8px;} .tg_info [class^="txt_"] + .txt_s14cDark:before {top:9px; left:2px; width:2px; height:2px; background:#333;} /* 보관함 썸네일 */ .thumbnail_cabinet {width:248px; box-shadow:none;} .thumbnail_cabinet:hover {transform:translateY(0);} .thumbnail_cabinet .thumb_img {height:139px; border-radius:6px;} .thumbnail_cabinet .thumb_cont {padding:12px 0 0;} .thumbnail_cabinet .thumb_cont .tit_s15cBlack_ellipsis {max-width:100%; height:unset;} .thumbnail_cabinet .thumb_img.book .img_book_w {height:calc(100% - 16px); padding:0 26px;} .items .thumbnail_cabinet .thumb_img.book .img_book_w {width:calc(100% - 16px); padding:0 13px;} .thumbnail_cabinet .thumb_img.book .img_book_w .img_book {width:100%;} .thumbnail_cabinet.disabled, .thumbnail_cabinet.disabled a {cursor:not-allowed;} [class^="thumbnail_"].disabled [class^="thumb_img"]:before {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.6); content:''; z-index:4;} .thumbnail_cabinet.disabled .thumb_cont .tit_s15cBlack_ellipsis {color:#A0A5B9;} .disabled .txt_del {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; padding:0 5px; line-height:1.3; font-size:0.75rem; color:#fff; z-index:4; word-break:keep-all; text-align:center;} .items .txt_deleted {font-size:0.75rem;} /* 라인 없는 썸네일 */ .thumbnail_noline {width:auto; box-shadow:none; transform:translateY(0); background:none;} .thumbnail_noline:hover {transform:translateY(0);} .thumbnail_noline .thumb_img {width:100%; height:102px; margin-bottom:6px;} .thumbnail_noline .thumb_img img {border-radius:6px;} .thumbnail_noline .thumb_img.book img {min-width:70px; max-width:70px; border-radius:0;} .thumbnail_noline span {position:relative; font-weight:400;} .thumbnail_noline span + span {padding-left:10px;} .thumbnail_noline span + span:before {position:absolute; top:50%; left:4px; width:1px; height:10px; margin-top:-4px; background:#000; content:'';} .thumbnail_noline [class*="ellipsisC2"] {display:-webkit-box;} /* 삭제된 썸네일 */ .disabled {cursor:not-allowed;} .disabled [class^="thumb_img"]:before {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.6); content:''; z-index:9;} p.txt_deleted {position:absolute; top:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center; word-break:keep-all; font-size:0.813rem; color:#fff; text-align:center; z-index:9;} .thumbnail_archive p.txt_deleted {font-size:0.875rem;} /* 리스트 없는 경우 */ .inner_noData {padding:50px; background:#f8f8f8; text-align:center; border-radius:5px;} .inner_noData.ty2 {padding:168px 0; background:#fff;} .inner_noData.ty3 {padding:15px 0 0; background:#fff;} .inner_noData [class^="icon_no"] {display:block; margin:0 auto;} .inner_noData .icon_noData {margin-bottom:10px; width:160px; height:100px; background:url('../images/common/img_nodata.png') no-repeat; background-size:100% auto;} .inner_noData .icon_noReply {margin-bottom:22px; width:50px; height:50px; background:url('../images/common/img_noreview.png') no-repeat; background-size:100% auto;} .inner_noData .icon_noAlarm {margin-bottom:22px; width:70px; height:70px; background:url('../images/common/icon_alarm.png') no-repeat; background-size:100% auto;} .inner_noData .icon_noArchive {margin-bottom:22px; width:70px; height:70px; background:url('../images/common/icon_archive.png') no-repeat; background-size:100% auto;} .inner_noData .icon_noCalc {margin-bottom:22px; width:70px; height:70px; background:url('../images/common/icon_calc.png') no-repeat; background-size:100% auto;} .inner_noData [class^="txt_"] {font-weight:400; white-space:nowrap;} #courseArea .inner_noData {width:1384px; margin-top:30px;} .paging_w_ty3 + .inner_noData {margin-top:30px;} [class^="noData_wrap"] {padding:150px 0; text-align:center;} [class^="noData_wrap"] [class^="icon_"] {display:block; width:90px; height:90px; margin:0 auto 20px; background-repeat:no-repeat; background-size:100% auto; background-position:center;} .icon_chatroom {background-image:url('../images/common/icon_chat_room.png');} .icon_meeting {background-image:url('../images/common/icon_chat_meeting.png');} .icon_chatuser {background-image:url('../images/common/icon_chat_user.png');} /* 로딩이미지 */ .load_wrap {position:absolute; width:100%; display:flex; align-items:center; justify-content:center; padding:10px 0; z-index:9;} .load_wrap img {width:100px; height:100px;} /* 수강후기, 댓글 스타일 */ .tabLink_wrap#reviewCourse{position:relative;} .replyForm_group_w {} .rf_average {position:absolute; top:50px; right:0; width:auto;} .rf_average .ttb_rating {display:flex; align-items:center; padding:7px 12px 9px} .rf_average .ttb_rating .formGroup_rdStar{display:flex; align-items:center;} .reply_write_w {padding:15px 10px; background:#f8f8f8; overflow:hidden;} .rpw_star {padding-bottom:10px;} .rpw_star .txt_s14cBlack, .rpw_star .txt_s12cLGray {padding-left:6px;} .inp_flex {display:flex; justify-content:space-between;} .reply_write_w .inp_txtArea {} .replyForm_group_w textarea {height:73px;} .reply_write_w .btn_reply_enroll {float:right; width:110px; height:73px; border:1px solid #dbdbdb; background:#f2f2f2;} .reply_write_w.active .btn_reply_enroll {background:#555555;} .reply_write_w.active .btn_reply_enroll .txt_s14cLGray {color:#fff;} .reply_write_w .inp_flex .btn_reply_enroll {flex:1; width:auto; min-width:100px; margin-left:10px; padding:0 10px;} .rpw_lists_micro .reply_write_w .inp_flex .inp_txtArea {flex:3;} .reply_write_w + [class^="rpw_lists_"] {margin-top:25px;} [class^="rpw_lists_"] {border-top:1px solid #e6e6e6;} .rpw_list {position:relative; min-height:131px; padding:20px 10px 20px 102px; border-bottom:1px solid #e6e6e6;} .rl_img_w {position:absolute; top:20px; left:10px; width:62px; height:62px; border-radius:50%; background:#f2f2f2; text-indent:-9999px;} .rl_img_w img {display:block; width:100%; height:100%; border-radius:50%;} .rpw_list .formGroup_rdStar {display:block; padding-bottom:11px;} .rpw_list .icon_star {width:16px; height:16px;} .rpw_list .formGroup_rdStar .txt_s16cBlack {font-weight:400;} .rpw_list .txt_s16cBlackFS {display:block; padding-bottom:3px;} .rl_info {padding-top:18px;} .rl_info [class^="txt_"] {font-weight:400;} .rl_info [class^="txt_"] + [class^="txt_"] {position:relative; padding-left:12px;} .rl_info [class^="txt_"] + [class^="txt_"]:before {position:absolute; top:50%; left:2px; margin-top:-2px; width:3px; height:3px; background:#898989; content:''; border-radius:50%;} .rpw_list .rl_info .inp_chk_like {position:relative; display:inline-block; margin:0 0 0 10px; padding-left:27px;} .rpw_list .rl_info .inp_chk_like:before {position:absolute; top:12px; left:-6px; width:3px; height:3px; background:#898989; border-radius:50%; content:'';} .rpw_list .rl_info .inp_chk_like .icon_heart {width:16px; margin-bottom:-6px;} .rpw_list .rl_info .inp_chk_like input[type="checkbox"]:checked + .icon_heart:before {width:16px; background-size:16px auto;} .rpw_list .tools_btn_w {position:absolute; top:12px; right:-2px;} .modify_btn_w {padding-top:12px; text-align:right;} .modify_btn_w [class^="btn_"] {width:110px; vertical-align:top;} .modify_btn_w [class^="btn_"] + [class^="btn_"] {margin-left:3px;} .modify_btn_w [class^="btn_"] .txt_btn_name {font-size:14px;} .modify .rl_info {position:absolute; bottom:22px; padding-top:0;} .replyForm_group_w .inner_noData {padding:30px;} .reply_write_w + .inner_noData, #reviewArea2 .inner_noData {margin-top:20px;} /* 수강후기 글쓰기 */ .reply_write_w {border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;} /* .tabLink_wrap .reply_write_w {padding:30px 40px;} */ .contBox_support .tabLink_wrap .reply_write_w {padding:30px 40px;} .rww_list {overflow:hidden;} .rww_list + .rww_list {padding-top:15px;} .rww_list .txt_s16cDark {float:left; width:83px;} .rww_list .select2-container {width:calc(100% - 83px) !important;} .rww_list .select2-container--default .select2-selection--single {height:50px; border-color:#dbdbdb; outline:none;} .rww_list .select2-container--default .select2-selection--single .select2-selection__rendered {line-height:48px; font-size:16px;} .rww_list .select2-container--default .select2-selection--single .select2-selection__arrow {width:48px; height:48px;} .rww_list .select2-container--default .select2-selection--single .select2-selection__arrow b {margin-top:-4px; border-width:9px 8px 0 8px;} .rww_list .inp_txtArea_review {width:calc(100% - 83px);} .rww_list .inp_txtArea_review textarea {height:94px;} .rww_rate {display:inline-block;} .rww_rate .ttb_rating {width:190px; margin-top:0; padding:8px 12px 12px; background:#fff; border-color:#dbdbdb; border-radius:3px;} .rww_rate .icon_star_left, .rww_rate .icon_star_right {width:15px; height:30px;} .reply_write_w .modify_btn_w {padding-top:20px;} .link_subj_contents {display:none;} /* 게시판 보드 */ .board_wrap_write {} .board_wrap_write .inp_txt_default, .piece_w_write .inp_txt_default {width:100%; background:#fcfcfd; border:1px solid #dbdbdb;} .board_wrap_write .inp_txt_default .s16cDark, .piece_w_write .inp_txt_default .s16cDark {position:relative; height:48px; padding:12px 10px 13px;} .board_wrap_write .inp_txt_default input[type="text"]::placeholder, .piece_w_write .inp_txt_default input[type="text"]::placeholder {position:relative; padding-left:12px; color:#898989; background:url('../images/common/icon_required.png') no-repeat; background-size:8px auto; background-position:0 3px;} .board_wrap_write .inp_txt_default .s16cDark::placeholder:before {position:absolute; top:10px; left:0; width:3px; height:3px; font-size:16px; color:#ea130b; content:'*'; z-index:3;} .board_wrap_write .inp_txtArea_gray textarea {height:194px; background:#fcfcfd; border:1px solid #dbdbdb;} .boad_edit_w {min-height:350px; /* max-height:544px; */ padding:0; background:#fcfcfd; color:#898989; font-size:14px;} .bdw_btn_w {display:block; margin:11px 0 20px;} .bdw_btn_w [class^="btn_"] + [class^="btn_"] {margin-left:5px;} .bdw_btn_w [class^="icon_"] {width:20px; height:20px; margin-right:8px; background-repeat:no-repeat; background-size:100% auto; background-position:center;} .bdw_btn_w [class^="icon_"] {width:20px; height:20px; margin-right:8px; background-repeat:no-repeat; background-size:100% auto; background-position:center;} .icon_video {background-image:url('../images/common/icon_video_gray.png');} .icon_micro {background-image:url('../images/common/icon_micro.png');} .bdw_btn_w .icon_vote {background-image:url('../images/common/icon_vote_gray.png'); background-size:18px auto;} .board_wrap_write .formGroup_addFile {padding-top:15px;} .addfile_tit {position:relative; height:56px; padding-bottom:20px; overflow:hidden;} .addfile_tit .txt_s20cBlack {padding-top:10px;} .addfile_tit .btn_secondary_file {position:absolute; top:50%; right:0; width:120px; height:40px; margin:-20px 0 0 0; padding:10px 5px; border:1px solid #cbcbcb; background:#fff; cursor:pointer;} .btn_secondary_file .txt_s16 {color:#121212;} .box_file_none {padding:40px 0; background:#f8f8f8; border:1px solid #e6e6e6; border-radius:5px; text-align:center;} .box_file_none .icon_filedrop {width:40px; height:40px; margin-right:20px; background:url('../images/common/icon_file_drop.png') no-repeat; background-size:100% auto;} .file_lists_sw + .box_file_none {margin-top:10px;} .board_info {display:block; margin:20px 0 17px; padding-left:50px; background:url('../images/common/icon_guide_info_b.png') left center no-repeat; background-size:40px auto; font-size:15px; color:#606060;} .board_wrap_view, .board_wrap_reply {border-top:1px solid #333;} .bdv_top_w {position:relative; padding:15px 10px; border-bottom:1px solid #dbdbdb;} .board_wrap_reply .bdv_top_w {padding:25px 10px; background:rgba(0,0,0,.02);} .board_wrap_reply .bdv_top_w .txt_s22cBlack {padding-left:36px; background:url('../images/common/icon_reply.png') left center no-repeat; background-size:24px auto;} .bdv_top_w .txt_s16cGrayFM {display:block; padding-bottom:10px;} .bdv_top_w .bvt_info {padding-top:10px;} .bvt_info [class^="txt_"] {font-weight:400;} .bvt_info [class^="txt_"] + [class^="txt_"] {position:relative; padding-left:15px;} .bvt_info [class^="txt_"] + [class^="txt_"]:before {position:absolute; top:50%; left:3px; width:3px; height:3px; margin-top:-2px; background:rgba(0,0,0,.7); border-radius:50%; content:'';} .board_wrap_view .tools_btn_w {position:absolute; right:-10px; bottom:15px;} .bdv_cont {padding-bottom:10px; border-bottom:1px solid #dbdbdb;} .bdv_cont .txt_s14cBlackFM {display:block; min-height:200px; padding:20px 15px;} .bdv_cont .txt_s14cBlackFM img {float:unset !important;} .bdv_cont .txt_s14cBlackFM table {width:100%; table-layout:fixed; margin-top:15px;} .bdv_cont .txt_s14cBlackFM video {max-width:100%;} .bdv_cont .txt_s14cBlackFM thead {background:#f8f8f8;} .bdv_cont .txt_s14cBlackFM thead th {height:40px;} .bdv_cont .txt_s14cBlackFM tbody tr {border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;} .bdv_cont .txt_s14cBlackFM tbody td {padding:6px; text-align:center; border-right:1px solid #e6e6e6; white-space:break-spaces;} .bdv_cont .txt_s14cBlackFM tr td:last-child {border-right:0;} .bdv_cont img {display:block; margin:2px 0; max-width:100%;} .board_wrap_view .af_slist, .board_wrap_reply .af_slist {background:#f8f8f8;} .board_wrap_reply .af_slist + .af_slist {margin-top:0;} .board_wrap_view .af_slist + .af_slist .link_file, .board_wrap_reply .af_slist + .af_slist .link_file {border-top:0;} .board_wrap_view .af_slist .link_file, .board_wrap_reply .af_slist .link_file {padding:7px 50px 6px 42px;} .board_wrap_view + .board_wrap_reply {margin-top:-1px;} .bwv_microlearning, .bwv_vote {position:relative; width:700px; margin:0 auto; margin-bottom:50px; background:#fff; border:1px solid rgba(0,0,0,.1); border-radius:3px; text-align:left;} .bwv_microlearning .thumbCol_divide {height:140px; padding:10px 20px 10px 249px;} .bwv_microlearning .thumb_img {position:absolute; top:0; left:0; width:249px; height:140px; border-radius:3px 0 0 3px; overflow:hidden} .bwv_microlearning .thumb_img img {width:calc(100% + 1px); margin:0; border-radius:3px 0 0 3px;} .bwv_microlearning .thumb_cont {display:block; padding:0 20px;} .bwv_microlearning .thumb_cont .tc_info {padding-top:0; flex-direction:column; align-items:normal;} .bwv_microlearning .tit_s18cBlack_ellipsisC2 {line-height:1.45; margin-bottom:5px;} .bwv_microlearning .txt_s14cDGray_ellipsis {max-width:100%; margin-bottom:7px;} .bwv_microlearning .tc_botm {padding-top:7px;} .bwv_microlearning .txt_s12cDGray + .txt_s12cDGray {position:relative; padding-left:10px;} .bwv_microlearning .txt_s12cDGray + .txt_s12cDGray:before {position:absolute; top:4px; left:4px; width:1px; height:9px; background:#898989; content:'';} .vt_box_w {width:700px; margin:0 auto; margin-bottom:10px; padding:30px; border-radius:3px; background:#fff; border:1px solid rgba(0,0,0,.1); text-align:center;} .vt_box_w .txt_s18cMint {display:block; padding-bottom:10px; font-weight:700;} .vt_box_w .btn_grayLineh40_edit {display:block; width:160px; margin:0 auto; margin-top:15px;} .vt_box_w .btn_grayLineh40_edit .icon_edit {width:22px; height:22px; margin-right:5px; background:url('../images/common/btn_modify_gray.png') center no-repeat; background-size:18px auto;} .bwv_vote {padding:30px 40px;} .vote_top_w .icon_vote {width:24px; height:24px; margin-right:6px; background:url('../images/common/icon_vote_pin.png') no-repeat; background-size:100% auto;} .vote_top_w .txt_s14cLGray {display:block; padding-top:20px;} .vote_info_w {display:flex; align-items:center; justify-content:space-between; padding-top:15px; overflow:hidden;} .vote_info_w .txtLabel_cLBlue {min-width:93px; padding:4px 8px 2px; border-radius:12px;} .vote_info_w .txt_s14cLGray {font-weight:400;} .vote_info_w .txt_s14cLGray .cBlack {padding-right:10px; font-weight:500;} .vote_lists_w {margin-top:30px; border-top:1px solid rgba(0,0,0,.1);} .vl_list {position:relative; display:block; width:100%; min-height:84px; padding:10px 0; border-bottom:1px solid rgba(0,0,0,.1);} .vl_list .inp_radio_vote, .vl_list .inp_chk_vote {display:block; min-height:62px; padding-right:165px;} .vl_list [class^="inp_"] [class^="icon_"] + [class^="txt_"] {max-width:calc(100% - 40px); margin-left:10px; vertical-align:text-top; font-weight:400;} .vl_list .vote_img_w, .inp_chk_vote .vote_img_w {position:absolute; top:10px; right:0; width:114px; height:64px; background:#f3f3f3; border:1px solid rgba(0,0,0,.1); border-radius:3px; overflow:hidden;} .vote_img_w img {min-width:100%; max-width:100%; height:100%; object-fit:cover; margin:0;} .vote_img_w .btnIcon_wide {bottom:0; right:0; width:92px; height:64px; background-position:88% 85%;} .vote_img_w:hover .btnIcon_wide {display:block;} .inp_radio_vote .grap_x, .inp_chk_vote .grap_x {display:block; width:100%; padding-left:34px;} .vl_list .inp_chk_vote .icon_chk, .vl_list .inp_chk_vote:hover input[type="checkbox"]:disabled + .icon_chk {width:18px; height:18px; background-color:unset; background-image:url('../images/common/icon_radio_off.png'); background-size:100% auto; border:0;} .vl_list .inp_chk_vote input[type="checkbox"]:checked + .icon_chk, .vl_list .inp_chk_vote:hover input[type="checkbox"]:checked:disabled + .icon_chk {width:18px; height:18px; background-color:unset; background-image:url('../images/common/icon_radio_on.png');} .vote_img_w:before {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.2); content:'';} .vote_img_w .btnIcon_wide {position:absolute; bottom:4px; right:4px; width:20px; height:20px; background:url('../images/common/icon_wide.png') center no-repeat; background-size:100%;} .vl_list .inp_txtArea {margin-top:10px; padding-left:28px;} .vote_bttm_w {padding-top:30px;} .vote_bttm_w .txt_s14cBlack {display:block; width:100%; padding:30px 0; text-align:center;} .vote_bttm_w [class^="items_btn_"] {display:flex; justify-content:space-between; width:50%; margin:0 auto;} .vote_bttm_w [class^="items_btn_"] li, .vote_bttm_w [class^="items_btn_"] button {width:100%;} .vote_bttm_w [class^="items_btn_"] li + li {margin-left:12px;} .pop_wrap_full .imgArea {max-width:100%;} /* 투표 추가 팝업 */ .cv_top {position:relative; border-bottom:1px solid rgba(0,0,0,.2);} .cv_top .inp_txt_default {width:100%; border:0;} .cv_top .inp_txt_default .s16cBlack {padding:0; font-weight:700; color:rgba(0,0,0,.7);} .cv_top .inp_chk {position:absolute; top:8px; right:0;} .cv_create_w {padding-top:30px;} .cvc_top {position:relative; display:flex; align-items:center; justify-content:space-between; padding-bottom:20px; text-align:left;} .cvc_top .txt_s14cBlack4{max-width:calc(100% - 100px);} .cvc_top .btn_scDarkh30_add{display:flex; align-items:center;} .cvc_top .btn_scDarkh30_add .icon_plus {width:14px; height:14px; margin-right:3px; background:url('../images/common/icon_add.png') center no-repeat; background-size:100% auto;} .cvc_top .txt_s14cBlack4 .txt_s13cDark {display:none;} .cv_lists_w {padding-bottom:20px; border-bottom:1px solid #d8d8d8;} .cv_list {position:relative; display:flex; align-items:center; justify-content:space-between; padding-right:45px;} .cv_list + .cv_list {margin-top:10px;} .cv_img_w {position:relative; width:80px; height:45px; background:#dadada url('../images/common/btn_camera.png') center no-repeat; background-size:22px auto; border-radius:3px; overflow:hidden;} .cv_img_w img {width:100%; height:100%;} .cv_img_w .btn_secondary_file {position:absolute; top:0; left:0; width:100%; height:100%; background:unset; text-indent:-9999px;} .cv_img_w .btn_secondary_file input[type="file"] {height:45px; cursor:pointer;} .cv_list .inp_txt {flex:1; height:45px; margin:0 8px;} .cv_list .inp_txt .inp_txt_default, .cv_list .inp_txt .inp_txt_default .s14cDark_ellipsis {width:100%; height:100%;} .inp_chk_edit {margin:0 20px 0 5px;} .inp_chk_edit .txt_s14cGray {font-weight:400;} .cv_list .btnIcon_delete {position:absolute; top:0; right:0;} .cv_list .btnIcon_delete {width:45px; height:45px; background:rgba(0,0,0,.05) url('../images/common/btn_delete_gray.png') center no-repeat; background-size:16px auto; border-radius:3px;} .cv_list .btnIcon_delete:hover {background-image:url('../images/common/btn_delete_dark.png');} .cv_img_w .btnIcon_delete {opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.4) url('../images/common/btn_delete_white.png') center no-repeat; background-size:20px auto;} .cv_img_w .btnIcon_delete:hover {opacity:1; background-image:url('../images/common/btn_delete_white.png');} .cv_img_toggle {display:none; position:absolute; top:-37px; left:-15px; padding:4px 10px; color:#fff; background:#555; border-radius:4px;} .cv_img_toggle .ct_inner {position:relative;} .cv_img_toggle .ct_inner:after {position:absolute; bottom:-21px; left:35px; width:0; height:0; border-bottom:10px solid transparent; border-top:10px solid #555; border-left:10px solid transparent; border-right:10px solid transparent; content:'';} .cv_date_w {padding-top:20px; text-align:left;} .cv_date_w .inp_chk_dble {margin-bottom:10px;} .cv_date_w .formGroup_period {display:flex; align-items:center; padding:15px 0 12px;} .period_list:last-child:before {display:block; content:'~'; margin:0 5px 0 8px; width:10px; font-size:0.889em; color:#414141; vertical-align:middle; white-space:nowrap;} .custom_select_time .select2-container {width:70px !important;} .txtIcon_info {margin-left:12px; padding-left:22px; background:url('../images/common/icon_guide_info.png') left center no-repeat; background-size:15px auto; font-size:0.722em; color:rgba(0,0,0,.5);} .contBox_exp + .bottom_btn_w {display:none;} .bottom_btn_mo {display:none;} /* 푸터 */ .footer {position:relative; width:100%; min-width:1384px; border-top:1px solid #E6E6E6;} .f_inner {position:relative; margin:0 auto; padding:32px 0 48px ; width:1384px; box-sizing:border-box;} .f_inner .logo_area {position:relative; top:auto; height:30px; margin-top:0; padding-right:0;} .f_inner .logo_area .link_main img {max-height:100%;} .f_links_w {} .f_link_list {display:inline-block; position:relative; padding:0 11px; vertical-align:middle; letter-spacing:0;} .f_link_list + .f_link_list:before {display:inline-block; content:''; position:absolute; left:-3px; top:50%; transform:translate(0, -50%); width:1px; height:12px; border-left:1px solid var(--gray-20);} .f_link_list [class^="link_cGray"] {font-size:1rem; color:var(--gray-40);} .fi_txt_w {position:relative; padding-top:15px;} .fi_txt_w [class^="txt_cBlack"] {font-size:1em; color:var(--gray-40); font-weight:400;} .fi_txt_w [class*="_copyright"] {color:var(--gray-30);} .opt_support {position:absolute; top:15px; right:0; font-size:1rem; color:#73788C; text-align:right;} .opt_support p + p {padding-top:5px;} .opt_support p span {position:relative;} .opt_support p span + span {padding-left:15px;} .opt_support p span + span:before {position:absolute; top:6px; left:6px; width:1px; height:13px; background:#73788C; content:'';} .txt_wrap {display:flex; align-items:center; padding-top:10px;} .btn_personal {line-height:unset; margin-left:10px;} .btn_personal .txt_btn_name {font-size:0.875rem; font-weight:700; color:#A72B2A; text-decoration:underline;} .fi_links_w {position:absolute; top:30px; right:-14px; z-index:10;} /* 레이어 팝업 */ [class^="pop_wrap"] {display:none; position:fixed; left:0; top:0;z-index:600; width:100vw; height:100vh; letter-spacing:-5px; text-align:center;} [class^="pop_wrap"] .dim, [class^="pop_wrap"] .modal {display:none;} [class^="pop_wrap"] .align_maker {margin-left:-1px; height:100vh;} [class^="popup_"] {display:inline-block; position:relative; z-index:200; width:100%; border-radius:6px; background-color:#fff; transform:scale(0); opacity:0; letter-spacing:-0.3px; vertical-align:middle; box-shadow:0 4px 8px 4px rgba(0, 0, 0, 0.1); vertical-align:middle; transition:all .2s ease-in;} .pop_inner {position:relative; width:100%; height:100%;} .pop_wrap_login .pop_inner {height:auto;} .pop_inner .btnIcon_close {position:absolute; right:30px; top:20px;} .pop_header {height:90px; padding:36px 30px 31PX; line-height:1.1; text-align:left; border-bottom:1px solid #EDEDED;} .pop_content {overflow-x:hidden; overflow-y:auto; width:100%; max-height:500px; padding:20px 30px; font-weight:400;} [class^="pop_wrap_"] .pop_content {text-align:left;} .pop_footer {padding:30px; overflow:hidden;} .items_pf_btn {float:right; text-align:right;} .items_pf_btn .item_list {float:left;} .items_pf_btn .item_list + .item_list {margin-left:10px;} .items_pf_btn [class^="btn_"] {min-width:130px;} .items_pf_btn .btnIconBlue_prev, .items_pf_btn .btnIconBlue_next, .pop_wrap_expApply .items_pf_btn .btn_primaryh40 {min-width:150px; height:40px;} .pop_wrap_studyTest .items_pf_btn [class^="btn_"] {min-width:122px; vertical-align:bottom;} .item_pf_btn [class^="btn_"] {width:100%;} .popup_comfirm .items_pf_btn {width:100%;} .popup_comfirm .items_pf_btn .item_list {width:calc((100% - 10px) / 2);} .popup_comfirm .items_pf_btn [class^="btn_"] {width:100%;} [class^="pop_wrap"].show {display:block;} [class^="pop_wrap"].show .dim, [class^="pop_wrap"].show .modal {display:block;} [class^="popup_"].show {transform:scale(1); opacity:1;} [class^="popup_w400"] {width:400px;} [class^="popup_w410"] {width:410px;} [class^="popup_w490"] {width:490px;} [class^="popup_w590"] {width:590px;} [class^="popup_w600"] {width:600px;} [class^="popup_w760"] {width:760px;} [class^="popup_w452"] {width:452px; padding:0;} [class^="popup_w452"] .pop_content {height:405px;} [class^="popup_w452"] .pop_footer {padding:0;} [class^="popup_w452"] .pop_footer [class^="btn_"] {background:#b3b3b3;} [class^="popup_w452"] .pop_footer .item_list:first-child [class^="btn_"] {border-radius:0 0 0 4px;} [class^="popup_w452"] .pop_footer .item_list:last-child [class^="btn_"] {border-radius:0 0 4px 0;} [class^="popup_w452"] .items_btn_double > .item_list {padding:0;} [class^="popup_w452"] .items_btn_double .item_list + .item_list {border-left:1px solid #e6e6e6;} [class^="popup_w620"] {width:620px;} [class^="popup_w620"] .pop_content {overflow-y:auto; max-height:500px;} [class^="popup_w800"] {width:800px;} [class^="popup_w800"] .pop_content {overflow-y:auto; max-height:500px;} [class^="popup_w900"] {width:900px;} [class^="popup_w900"] .pop_content {overflow-y:auto; max-height:500px;} [class^="popup_w960"] {width:960px;} [class^="popup_w960"] .pop_content {overflow-y:auto;} [class^="popup_w1024"] {width:1024px;} [class^="popup_two"].w400 {width:400px;} [class^="popup_two"].w450 {width:450px;} [class^="popup_two"].w500 {width:500px;} [class^="popup_two"].w550 {width:550px;} [class^="popup_two"].w590 {width:590px;} [class^="popup_two"].w600 {width:600px;} [class^="popup_two"].w650 {width:650px;} [class^="popup_two"].w700 {width:700px;} /* 알럿 레이어 팝업 */ .pop_wrap_alert {z-index:800;} .pop_wrap_alert .dim {background-color:rgba(0, 0, 0, 0.1);} .popup_alert {width:390px;} .popup_alert .pop_content {padding:24px 40px;} /* 확인창(confirm) 레이어 팝업 */ .pop_wrap_comfirm {z-index:700;} .pop_wrap_comfirm .dim {background-color:rgba(0, 0, 0, 0.1);} .popup_comfirm {width:390px;} .popup_comfirm .pop_content {padding:24px 40px;} .mo_tap_bar {display:none;} /* 큰 태블릿 (가로모드) */ @media screen and (min-width:1366px) and (max-width:1440px) { /* 북럭닝 */ .img_book_w {height:150px; padding:0 32px;} .img_book {max-width:101px;} .img_book img {min-width:101px;} /* 푸터 */ .opt_support {position:relative; top:auto; right:auto; padding:10px 0; text-align:left;} } /* 큰 태블릿 */ @media screen and (min-width:1024px) and (max-width:1365px) { /* 헤더 */ .huu_srch_w .inp_txt_srchLine {width:100px;} .huu_list .btn_logout {width:40px; height:40px; padding:0; background:#A0A5B9 url('../images/common/icon_logout.png') center no-repeat; background-size:100% auto; border-radius:50%; text-indent:-9999px;} /* 팝업 */ [class^="popup_w1024"] {width:calc(100% - 48px);} /* 푸터 */ .footer.main {margin-bottom:0;} .opt_support {position:relative; top:auto; right:auto; padding:10px 0; text-align:left;} /* 학습_학습 상세 */ .topinfoBox_study {padding:40px 24px;} .topinfoBox_study .tib_inner {width:100%; padding-left:310px;} .topinfoBox_study .tbi_thumbnail .ttb_img_w {border-radius:5px;} .tic_opt_w {width:auto; margin-top:10px; display: block;} .topinfoBox_study .tbi_cont {padding:0;} .topinfoBox_study .ttb_rating {display:inline-block; margin:0; padding:7px 10px 9px; text-align:center;} .topinfoBox_study .to_btn_w {display:inline-block; table-layout:unset; width:auto; margin-left:10px; vertical-align:middle;} .tic_details {width:100%;} .contBox_stuDivi {padding:0;} .tab_wrap_dtab {position:relative; top:auto; left:auto; width:100%; border:0;} .tab_wrap_dtab .tab_scroll_w {border-bottom:1px solid #dbdbdb; overflow-x:auto;} .tab_wrap_dtab .tabmenu_line {height:45px; border:0;} .tab_wrap_dtab .tabmenu_line > .tab_list {display:inline-block;} .tab_wrap_dtab .tab_list.active .btn_tab {background:none;} .tab_wrap_dtab .tab_list.active .btn_tab:after {width:100%; bottom:0; opacity:1;} .tab_wrap_dtab .tab_list.active .btn_tab .txt_s15 {color:#4969f0;} .tab_wrap_dtab .tabmenu_line .tab_list + .tab_list {border-top:0;} .tab_wrap_dtab .tab_list .btn_tab, .tab_wrap_dtab .tab_list .btn_tab.active, .tab_wrap_dtab .tab_list .btn_tab:hover {height:45px; background:none;} .tab_wrap_dtab .tab_list .btn_tab {padding:13px 12px; text-align:center;} .tab_wrap_dtab .tab_list .btn_tab.active:after {display:block;} .tab_wrap_dtab .tab_list .btn_tab.active .txt_s15, .tab_wrap_dtab .tab_list .btn_tab:hover .txt_s15 {color:#4969f0;} .tab_wrap_dtab .tab_list .btn_tab .txt_s15 {color:#898989;} .tab_wrap_dtab + .cb_inner {padding:20px 24px;} .sd_tit_w {margin:20px 0;} .sd_tit_w:first-child {margin-top:0;} .support .tab_wrap_dtab {display:none;} /* 북럭닝 */ .img_book_w {height:150px; padding:0 32px;} .img_book {max-width:101px;} .img_book img {min-width:101px;} .cwl_list .img_book_w {height:110px; padding:0 24px;} .cwl_list .img_book {max-width:74px;} .cwl_list .img_book img {min-width:74px;} /* 마이페이지 */ .lnb_wrap {left:16px; width:230px;} .link_menuIcon {padding-left:62px;} .link_menuIcon [class^="icon_"] {left:24px;} .link_menuIcon .txtLabel_cMint {right:24px;} .contBox_isLNB {padding:0 16px 0 260px;} } /* 태블릿 */ @media screen and (min-width:768px) and (max-width:1023px) { html, body {overflow-x:hidden; font-size:16px;} #wrap {min-width:auto;} .container, .content {width:100%; min-width:100%; background:#fff;} .login .content {background:var(--blue-5);} .container_login .content {background:#020202;} .container_login.ty2 .content {background:#fff;} [class^="contBox"] {width:100%; padding-top:20px;} .contBox_exp, .contBox_study {padding-top:0;} .contBox_face {padding:0 16px;} .header {min-width:100%; height:46px; border-bottom:1px solid #e6e6e6;} .h_inner {width:100%; height:46px; padding:0 16px;} .h_subTitle, .htBtn_left, .htBtn_right, .hi_srch_wrap, .hi_menu_wrap {display:block;} .header.main .btnIcon_back, .header.sub .btnIcon_back, .header.study .logo_area, .header.study .btnIcon_menu, .header.apply .logo_area, .header.apply .btnIcon_menu, .header.apply .btnIcon_srch {display:none;} .header.main .btnIcon_back, .header.sub .btnIcon_back, .header.study .logo_area, .header.study .btnIcon_menu, .header.apply .logo_area, .header.apply .btnIcon_menu, .header.apply .btnIcon_srch {display:none;} .header.apply .btnIcon_apply {display:block;} .header.study {border-bottom:0;} .header.study, .header.study .hi_wrap, .header.apply, .header.apply .hi_wrap {background:#4969f0;} .header.study .btnIcon_back, .header.apply .btnIcon_back {background-image:url('../images/common/btn_back_white.png');} .header.study .btnIcon_srch {display:none;} .header.study .h_subTitle .tit_s16cBlack {max-width:85%; color:#fff; font-weight:500;} .header {min-width:100%; height:46px; border-bottom:1px solid #e6e6e6;} .h_inner {width:100%; height:46px; padding:0 16px;} .logo_area {left:16px;} .h_subTitle {display:none; position:absolute; top:50%; left:50%; width:calc(100% - 34px); margin-top:-12px; margin-left:calc(-50% + 16px); text-align:center;} .h_subTitle .tit_s18cBlack {max-width:75%;} .htBtn_left {position:absolute; left:10px; top:0;} [class^="htBtn_"] [class^="btnIcon_"] {width:35px; height:46px; background-repeat:no-repeat; background-size:20px auto; background-position:center;} .htBtn_left .btnIcon_back {background-image:url('../images/common/btn_back_dark.png'); background-size:12px auto;} .htBtn_right {position:absolute; right:10px; top:0; white-space:nowrap;} .htBtn_right .btnIcon_srch {background-image:url('../images/common/btn_srch_dark.png'); background-size:18px auto;} .btnIcon_menu {background-image:url('../images/common/btn_menu.png');} .btnIcon_apply {display:none; padding-right:7px;} .btnIcon_apply .txt_btn_name {font-size:14px; color:#fff; font-weight:400;} .gnb_w, .h_user_utill {display:none;} .hi_srch_wrap {display:none; position:relative; top:42px; left:-16px; width:calc(100% + 32px); padding:5px 16px 10px; background:#fff; border-bottom:1px solid #e6e6e6;} .hi_srch_wrap .inp_txt_srchLine {display:block; width:100%; padding-right:60px;} .hi_srch_wrap .inp_txt_srchLine .s13cDark {padding-bottom:10px;} .hi_srch_wrap .btnIcon_reset {opacity:0; position:absolute; top:0; right:35px; width:30px; height:40px; background:url('../images/common/icon_reset.png') center no-repeat; background-size:16px auto;} .inp_txt_srchLine.on {border-color:#4969f0;} .inp_txt_srchLine.on .btnIcon_search_dark {background-image:url('../images/common/btn_srch_blue.png');} .hi_srch_wrap .srch_pop_w {display:none; position:absolute; top:55px; left:0; width:100%; height:auto; padding:15px 16px 20px; border-radius:0 0 20px 20px; box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.5); background:#fff;} .sp_tit {padding-bottom:15px;} .sp_tit .btn_delete {float:right;} .sp_tit .btn_delete .txt_s13cLGrayFM {padding-top:6px;} .srw_lists {max-height:170px; overflow-y:auto;} .srw_list {position:relative;} .srw_list + .srw_list {margin-top:10px;} .srw_list .link_subj {display:block; max-width:calc(100% - 60px);} .srw_list .btnIcon_delete {position:absolute; top:50%; right:0; width:20px; height:20px; margin-top:-10px; padding:0; background:url('../images/common/btn_delete_dark.png') center no-repeat; background-size:14px auto;} .inp_txt_srchLine.on + .srch_pop_w {display:block;} .hi_menu_wrap {position:fixed; top:0; left:100%; width:100vw; height:100vh; background:#fff; z-index:300; transition:right .3s ease-in-out;} .hi_menu_wrap.show {left:0;} .mgm_box_menu {padding:25px 16px 25px; border-bottom:10px solid #f3f3f3;} .mgm_box_menu .my_profile_w {padding:8px 4px 0 80px;} .mgm_box_menu .mp_img {position:absolute; top:23px; left:16px;} .mgm_box_menu .mp_img .user_pic {width:65px; height:65px;} .mgm_box_menu .mp_img .btn_secondary_file {position:absolute; top:0; left:0; width:65px; height:65px; padding:0; background:url('../images/common/btn_profile_modify.png') right bottom no-repeat; background-size:20px auto; z-index:3;} .mgm_box_menu .my_profile_w .txt_s18cBlack {font-size:1.125em;} .mgm_box_menu .my_profile_w .tc_info {display:flex; margin-top:2px; max-width:80%; white-space:nowrap;} .mgm_box_menu .my_profile_w .tc_info .txt_s12cLGray {color:#898989; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:0.750em; width:auto;} .mgm_box_menu .my_profile_w .tc_info .txt_s12cLGray + .txt_s12cLGray{position:relative; padding-left:10px} .mgm_box_menu .my_profile_w .tc_info .txt_s12cLGray + .txt_s12cLGray:before {background:#898989; position:absolute; width:1px; height:12px; top:2px; left:3px; content:'';} .hm_conts {max-height:calc(100vh - 250px); overflow-y:auto;} .hm_lists_w {padding:5px 0; border-bottom:10px solid #f3f3f3; overflow:hidden;} .hm_list .hm_link {position:relative; display:block; width:100%; padding:15px 18px 15px 60px; background:url('../images/common/link_right_gray.png') calc(100% - 18px) center no-repeat; background-size:14px auto;} .hm_link [class^="icon_hm_"] {position:absolute; top:50%; left:20px; width:20px; height:20px; margin-top:-10px; background-repeat:no-repeat; background-size:20px auto;} .icon_hm_card {background-image:url('../images/common/icon_hm_card.png');} .icon_hm_ncs {background-image:url('../images/common/icon_hm_ncs.png');} .icon_hm_notice {background-image:url('../images/common/icon_hm_notice.png');} .icon_hm_faq {background-image:url('../images/common/icon_hm_faq.png');} .icon_hm_commt {background-image:url('../images/common/icon_hm_commt.png');} .icon_hm_event {background-image:url('../images/common/icon_hm_event.png');} .icon_hm_review {background-image:url('../images/common/icon_hm_review.png');} .icon_hm_guide {background-image:url('../images/common/icon_hm_guide.png');} .hm_link [class^="txt_"], .hmi_list [class^="txt_"] {font-weight:400;} .hm_info_w {padding:5px 0; overflow:hidden;} .hmi_list {padding:15px 20px;} .hmi_list .txt_s14cLGray {float:right; padding-top:2px;} .hi_menu_wrap .btn_logout {position:fixed; bottom:0; right:-100%; width:100%; height:50px; padding:15px 20px; background:#f6f6f6 url('../images/common/icon_logout2.png') calc(100% - 20px) center no-repeat; background-size:18px auto; text-align:left;} .hi_menu_wrap.show .btn_logout {right:0;} .hi_menu_wrap .btnIcon_close {position:absolute; top:20px; right:10px; width:40px; height:40px; background:url('../images/common/btn_delete_line.png') center no-repeat; background-size:20px auto;} .header.main {border:0;} .sp_tit .btn_delete .txt_s13cLGrayFM {white-space:nowrap;} .srw_list .btnIcon_delete {background:url('../images/common/btn_delete_line.png') center no-repeat; background-size:14px auto;} .mo_tap_bar {display:block;} /* 푸터 */ .footer {display:none; min-width:100%; padding:0 16px;} .footer.main {display:block; margin-bottom:64px;} .f_inner .logo_area {left:auto; margin-left:0; margin-bottom:10px;} .opt_support {position:relative; top:auto; right:auto; padding:10px 0; text-align:left;} /* 레이어 팝업 */ [class^="popup_w800"], [class^="popup_w900"], [class^="popup_w1024"] {width:calc(100% - 32px);} .slider_list .thumb_event, .cwl_list .thumb_event, .pcw_img_w .thumb_event {width:65px; height:28px; font-size:0.875rem;} /* 상단 타이틀 */ .tit_head {padding:20px 0;} .tit_head h1 {font-size:1.5rem;} /* 테이블 */ [class^="table_"] [class^="txt_s18"] {font-size:1rem;} /* 학습_학습 상세 */ .topinfoBox_study {padding:20px 16px;} .topinfoBox_study .tib_inner {width:100%; min-height:161px; padding-left:265px;} .topinfoBox_study .tbi_thumbnail {height:161px;} .topinfoBox_study .tbi_thumbnail .ttb_img_w {width:240px; height:161px; border-radius:5px;} .topinfoBox_study .tbi_cont {padding:0;} .topinfoBox_study .ttb_rating {text-align:center;} .info_box {display:none;} .contBox_stuDivi {padding:0;} .tab_wrap_dtab {position:relative; top:auto; left:auto; width:100%; border:0;} .tab_wrap_dtab .tab_scroll_w {border-bottom:1px solid #dbdbdb; overflow-x:auto;} .tab_wrap_dtab .tabmenu_line {height:45px; border:0;} .tab_wrap_dtab .tabmenu_line > .tab_list {display:inline-block;} .tab_wrap_dtab .tabmenu_line .tab_list + .tab_list {border-top:0;} .tab_wrap_dtab .tab_list .btn_tab, .tab_wrap_dtab .tab_list .btn_tab.active, .tab_wrap_dtab .tab_list .btn_tab:hover {background:none;} .tab_wrap_dtab .tab_list .btn_tab {height:44px; padding:13px 12px; text-align:center;} .tab_wrap_dtab .tab_list .btn_tab.active:after {display:block;} .tab_wrap_dtab .tab_list.active .btn_tab {background:none;} .tabmenu_line .tab_list.active .btn_tab:after {width:100%; opacity:1;} .tab_wrap_dtab .tab_list.active .btn_tab .txt_s15 {color:#4969f0;} .tab_wrap_dtab .tab_list .btn_tab.active .txt_s15, .tab_wrap_dtab .tab_list .btn_tab:hover .txt_s15 {color:#4969f0;} .tab_wrap_dtab .tab_list .btn_tab .txt_s15 {color:#898989;} .tab_wrap_dtab + .cb_inner, .sd_w_npd {padding-top:20px;} .sd_tit_w {margin:20px 0; padding:0 16px;} .support .tab_wrap_dtab {display:none;} /* 마이페이지 */ .contBox_isLNB {margin:0; padding:0 0 64px; background:#fff;} .lnb_wrap {display:none; position:relative; width:100%; min-height:98px; height:unset; border-bottom:10px solid #F8F9FB;} .lnb_wrap.mypage {top:0; display:block; min-height:auto !important; padding:0;} .btn_secondary_logout {position:absolute; bottom:12px; right:12px; width:40px; height:40px; padding:0; background:url('../images/common/icon_logout.png') center no-repeat; background-size:30px auto; border-radius:50%; text-indent:-9999px;} .lnb_box .btn_secondary_logout {width:40px;} .lnb_wrap.mypage.main .my_profile_w {position:relative; display:block; padding:24px 56px 24px 86px;} .mp_img {position:absolute; top:24px; left:16px;} .mypage .my_profile_w .txt_s18cBlack {font-size:1.125em;} .mypage .my_profile_w .tc_info [class^="txt_"] {display:inline-block; font-size:0.813rem;} .mypage .my_profile_w .tc_info [class^="txt_"] + [class^="txt_"] {position:relative; padding-left:10px; width:auto;} .mypage .my_profile_w .tc_info [class^="txt_"] + [class^="txt_"]:before {position:absolute; top:4px; left:2px; width:1px; height:10px; background:#8D939D; content:'';} .mypage .my_profile_w .btn_logout {position:absolute; top:50%; right:16px; margin-top:-15px; display:block; width:30px; height:30px; background:url('../images/common/btn_logout.png') center no-repeat; background-size:100% auto;} .my_profile_w .link_subj_modify {display:inline-block;white-space:nowrap; padding:0 10px 4px 5px; vertical-align:bottom;} .link_subj_modify .txt_s10cWhiteFM {text-decoration:underline; text-underline-positionn:under; font-size:11px;} .lnb_wrap.mypage.main {top:auto; min-height:98px; padding:0; border-radius:0;} .lnb_wrap.mypage .lnb_box {display:flex; flex-direction:column-reverse;} .lnb_wrap.mypage .my_profile_w {display:none;} .mypage .contact_w {display:none;} .lnb_wrap.mypage.main .btn_secondary_logout {display:block; width:40px; margin:0;} .menuIcon_lists_w {position:absolute; top:-50px; left:0; width:100%; padding:0 10px; border-bottom:1px solid #e6e6e6; overflow-x:auto; white-space:nowrap; -ms-overflow-style:none; scrollbar-width:none; z-index:3;} .menuIcon_lists_w::-webkit-scrollbar {display:none;} .mypage .menuIcon_lists_w {position:relative; top:auto; padding-top:0; background:#fff;} .mi_list{display:inline-block; padding:0 10px;} .link_menuIcon {padding:13px 0;} .link_menuIcon.active {background:#fff;} .link_menuIcon.active .txt_s15cGray {color:#4969f0; font-weight:700;} .link_menuIcon [class^="icon_"] {display:none;} .contBox_isLNB .cb_inner {padding-top:0;} .contBox_isLNB .cb_inner h4.tit_s20cBlackFS.vhidden {display:none;} /* 한솔_자기개발계획 */ .topinfoBox_line.ty2 {display:block; width:100%; padding:20px 16px 0; border:0;} .topinfoBox_line.ty2 .tit_s36cBlack {display:none;} /* 북럭닝 */ .img_book_w {height:126px; padding:0 27px;} .img_book {max-width:85px;} .img_book img {min-width:85px;} .ttb_img_w .img_book_w {height:190px; padding:0 40px;} .ttb_img_w .img_book {max-width:128px;} .ttb_img_w .img_book img {min-width:128px;} .hi_srch_wrap {display:none; position:relative; top:0; left:-16px; width:calc(100% + 32px); height:46px; padding:5px 16px; background:#fff; border-bottom:1px solid #e6e6e6; z-index:3;} .hi_srch_wrap .inp_txt_srchGray {display:block; width:calc(100% - 30px); height:36px; padding-right:60px; background:#F4F6F8;} .hi_srch_wrap .inp_txt_srchGray .s13cDark {padding:0 0 7px 40px;} .hi_srch_wrap .btnIcon_reset {opacity:0; position:absolute; top:0; right:35px; width:30px; height:36px; background:url('../images/common/icon_reset.png') center no-repeat; background-size:16px auto;} .inp_txt_srchGray .btnIcon_search_gray {right:auto; left:0; background-size:16px auto;} .hi_srch_wrap .btnIcon_close {position:absolute; top:50%; right:6px; width:40px; height:40px; margin-top:-20px; background:url('../images/common/btn_delete_line.png') center no-repeat; background-size:18px auto;} .mgm_box_menu {} .mgm_box_menu .my_profile_w {flex-direction:column; align-items:flex-start; border:0;} .mgm_box_menu .mp_img .btn_secondary_file {position:absolute; top:0; left:0; width:60px; height:60px; padding:0; background:url('../images/common/btn_profile_modify.png') right bottom no-repeat; background-size:20px auto; border:0; z-index:3;} .link_mypage {padding-right:20px; background:url('../images/common/arrow_link_dark.png') right 6px no-repeat; background-size:16px auto; white-space:nowrap;} .mgm_box_menu .my_profile_w .txt_s18cBlack {font-size:1.125em;} .mgm_box_menu .my_profile_w .tc_info {display:flex; max-width:100%; white-space:nowrap;} /* 모바일 HTML 페이지 추가 */ .vw_pagination {padding:10px 16px; background:#333; text-align:center;} .vw_pagination [class^="txt_"] {font-weight:400; letter-spacing:1px; vertical-align:middle;} .vw_pagination [class^="txt_"] + [class^="txt_"] {position:relative; padding-left:15px;} .vw_pagination [class^="txt_"] + [class^="txt_"]:before {position:absolute; top:7px; left:5px; width:1px; height:15px; background:#fff; transform:rotate(20deg); content:'';} .vw_pagination [class^="btnIcon_"] {vertical-align:middle;} .vw_pagination .btnIcon_prev {width:30px; height:30px; margin-right:5px; background:url('../images/common/btn_visual_prev.png') center no-repeat; background-size:18px auto;} .vw_pagination .btnIcon_next {width:30px; height:30px; margin-left:5px; background:url('../images/common/btn_visual_next.png') center no-repeat; background-size:18px auto;} .vw_pagination .btnIcon_prev.disabled {background:url('../images/common/btn_visual_prev_off.png') center no-repeat; background-size:18px auto;} .vw_pagination .btnIcon_next.disabled {background:url('../images/common/btn_visual_next_off.png') center no-repeat; background-size:18px auto;} } /* 모바일 */ @media screen and (min-width:100px) and (max-width:767px) { html, body {overflow-x:hidden; font-size:16px;} #wrap {min-width:auto;} .container, .content {width:100%; min-width:100%; background:#fff;} .container_login .content {background:#020202;} .container_login.ty2 .content {background:#fff;} [class^="contBox"] {width:100%; padding-top:20px;} .contBox_exp {min-height:unset; padding:0;} .contBox_study {padding-top:0;} .contBox_face {padding-top:0;} .h_subTitle, .htBtn_left, .htBtn_right, .hi_srch_wrap, .hi_menu_wrap {display:block;} .header.main .btnIcon_back, .header.sub .btnIcon_back, .header.study .logo_area, .header.study .btnIcon_menu, .header.apply .logo_area, .header.apply .btnIcon_menu, .header.apply .btnIcon_srch {display:none;} .header.main .btnIcon_back, .header.sub .btnIcon_back, .header.study .logo_area, .header.study .btnIcon_menu, .header.apply .logo_area, .header.apply .btnIcon_menu, .header.apply .btnIcon_srch {display:none;} .header.apply .btnIcon_apply {display:block;} .header.study {border-bottom:0;} .header.study, .header.study .hi_wrap, .header.apply, .header.apply .hi_wrap {background:#4969f0;} .header.study .btnIcon_back, .header.apply .btnIcon_back {background-image:url('../images/common/btn_back_white.png');} .header.study .btnIcon_srch {display:none;} .header.study .h_subTitle .tit_s16cBlack {max-width:85%; color:#fff; font-weight:500;} .tit_head {min-height:67px; padding:11px 16px; border-bottom:1px solid #CED1DD;} .contBox_face .tit_head {align-items:center; min-height:unset;} .tit_head h1 {width:100%; font-size:1rem;} .tit_head h1 br {display:block;} .tit_head.mhidden h1 {max-width:100%;} .tit_head.mhidden button {display:none;} /* 리스트 없는 경우 */ [class^="noData_wrap"] [class^="icon_"] {width:70px; height:70px; margin-bottom:15px;} [class^="noData_wrap"] [class^="txt_"] {font-size:1rem;} /* 메인 비주얼 영역 wrap */ .main_top_w {height:409px; padding-top:0; border-bottom:10px solid #f3f3f3;} .main_visual_controls {left:auto; right:25px; bottom:13px; width:100%; padding-left:0; text-align:right; transform:unset;} .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-size:14px auto;} .main_visual_slider .slideCount:before {top:-4px;} .mv_cont_w {top:0; left:0; width:100%; height:auto; margin-left:0;} .mc_inner {width:100%; min-height:400px; padding:40px 16px;} .mc_inner .tit_s30cWhite_ellipsisC3 {word-break:keep-all; font-weight:500; font-size:1.500em;} .link_subj_visual img.img_visual {display:none;} .img_visual_mob {display:block !important; width:100%; height:100%;} .main_visual_slider .slideCount {bottom:19px; left:auto; right:16px; width:100%; margin-left:0; padding-right:80px; font-size:0.875em; transform:unset;} .pop_wrap_mainNoti .inp_chk_show .txt_s14cBlackFM {font-size:0.75rem;} .pop_wrap_mainNoti .inp_chk_show {margin-right:10px;} .topinfoBox_line {display:none;} /* 한솔_자기개발계획 */ .topinfoBox_line.ty2 {display:block; width:100%; padding:20px 16px 0; border:0;} .topinfoBox_line.ty2 .tit_s36cBlack {display:none;} .header {min-width:100%; height:46px;} .h_inner {width:100%; height:46px; padding:0 16px;} .logo_area {/*width:80px;*/ height:100%; left:16px;} .h_subTitle {display:none; position:absolute; top:50%; left:50%; width:calc(100% - 34px); margin-top:-12px; margin-left:calc(-50% + 16px); text-align:center;} .h_subTitle .tit_s18cBlack {max-width:75%;} .htBtn_left {position:absolute; left:10px; top:0;} [class^="htBtn_"] [class^="btnIcon_"] {width:40px; height:46px; background-repeat:no-repeat; background-size:20px auto; background-position:center;} .htBtn_right .btnIcon_alarm {background-image:url('../images/common/icon_gnb_alarm.png'); background-size:24px auto;} .htBtn_left .btnIcon_back {background-image:url('../images/common/btn_back_dark.png'); background-size:12px auto;} .htBtn_right {position:absolute; right:10px; top:0; white-space:nowrap;} .htBtn_right .btnIcon_srch {position:relative; background-image:url('../images/common/icon_gnb_search.png'); background-size:24px auto;} .htBtn_right .btnIcon_menu {background-image:url('../images/common/icon_gnb_menu_mob.png'); background-size:18px auto;} .btnIcon_apply {display:none; padding-right:7px;} .btnIcon_apply .txt_btn_name {font-size:14px; color:#fff; font-weight:400;} .gnb_w, .h_user_utill {display:none;} .hi_srch_wrap {display:none; position:relative; top:0; left:-16px; width:calc(100% + 32px); height:46px; padding:5px 16px; background:#fff; border-bottom:1px solid #e6e6e6; z-index:3;} .hi_srch_wrap .inp_txt_srchGray {display:block; width:calc(100% - 30px); height:36px; padding-right:60px; background:#F4F6F8;} .hi_srch_wrap .inp_txt_srchGray .s13cDark {padding:0 0 7px 40px;} .hi_srch_wrap .btnIcon_reset {opacity:0; position:absolute; top:0; right:35px; width:30px; height:36px; background:url('../images/common/icon_reset.png') center no-repeat; background-size:16px auto;} .hi_srch_wrap .srch_pop_w {display:none; position:absolute; top:55px; left:0; width:100%; height:auto; padding:15px 16px 20px; border-radius:0 0 20px 20px; box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.5); background:#fff;} .sp_tit {padding-bottom:15px;} .sp_tit .btn_delete {float:right;} .sp_tit .btn_delete .txt_s13cLGrayFM {padding-top:6px;} .srw_lists {max-height:170px; overflow-y:auto;} .srw_list {position:relative;} .srw_list + .srw_list {margin-top:10px;} .srw_list .link_subj {display:block; max-width:calc(100% - 60px);} .srw_list .btnIcon_delete {position:absolute; top:50%; right:0; width:20px; height:20px; margin-top:-10px; padding:0; background:url('../images/common/btn_delete_dark.png') center no-repeat; background-size:14px auto;} .inp_txt_srchGray.on + .srch_pop_w {display:block;} .hi_srch_wrap .btnIcon_close {position:absolute; top:50%; right:6px; width:40px; height:40px; margin-top:-20px; background:url('../images/common/btn_delete_line.png') center no-repeat; background-size:18px auto;} .hi_menu_wrap {position:fixed; top:0; right:-100%; width:100vw; height:100vh; background:#fff; z-index:300; transition:right .3s ease-in-out;} .hi_menu_wrap.show {right:0;} .hi_menu_wrap.show .btn_logout {transition:right .3s ease-in-out;} .mgm_box_menu {} .mgm_box_menu .my_profile_w {flex-direction:column; align-items:flex-start;} .mgm_box_menu .mp_img .btn_secondary_file {position:absolute; top:0; left:0; width:60px; height:60px; padding:0; background:url('../images/common/btn_profile_modify.png') right bottom no-repeat; background-size:20px auto; border:0; z-index:3;} .link_mypage {padding-right:20px; background:url('../images/common/arrow_link_dark.png') right 6px no-repeat; background-size:16px auto; white-space:nowrap;} .mgm_box_menu .my_profile_w .txt_s18cBlack {font-size:1.125em;} .mgm_box_menu .my_profile_w .tc_info .txt_s12cLGray {color:#898989; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:0.750em; width:auto;} .mgm_box_menu .my_profile_w .tc_info .txt_s12cLGray + .txt_s12cLGray{position:relative; padding-left:10px} .mgm_box_menu .my_profile_w .tc_info .txt_s12cLGray + .txt_s12cLGray:before {background:#898989; position:absolute; width:1px; height:12px; top:2px; left:3px; content:'';} .hm_conts {max-height:calc(100vh - 250px); overflow-y:auto;} .hm_lists_w {padding:5px 0; border-bottom:10px solid #f3f3f3; overflow:hidden;} .hm_list .hm_link {position:relative; display:block; width:100%; padding:15px 18px 15px 60px; background:url('../images/common/link_right_gray.png') calc(100% - 18px) center no-repeat; background-size:14px auto;} .hm_link [class^="icon_hm_"] {position:absolute; top:50%; left:20px; width:20px; height:20px; margin-top:-10px; background-repeat:no-repeat; background-size:20px auto;} .icon_hm_card {background-image:url('../images/common/icon_hm_card.png');} .icon_hm_ncs {background-image:url('../images/common/icon_hm_ncs.png');} .icon_hm_notice {background-image:url('../images/common/icon_hm_notice.png');} .icon_hm_faq {background-image:url('../images/common/icon_hm_faq.png');} .icon_hm_commt {background-image:url('../images/common/icon_hm_commt.png');} .icon_hm_event {background-image:url('../images/common/icon_hm_event.png');} .icon_hm_review {background-image:url('../images/common/icon_hm_review.png');} .icon_hm_guide {background-image:url('../images/common/icon_hm_guide.png');} .hm_link [class^="txt_"], .hmi_list [class^="txt_"] {font-weight:400;} .hm_info_w {padding:5px 0; overflow:hidden;} .hmi_list {padding:15px 20px;} .hmi_list .txt_s14cLGray {float:right; padding-top:2px;} .hi_menu_wrap .btn_logout {position:fixed; bottom:0; right:-100%; width:100%; height:50px; padding:15px 20px; background:#f6f6f6 url('../images/common/btn_logout.png') calc(100% - 16px) center no-repeat; background-size:32px auto; text-align:left;} .hi_menu_wrap.show .btn_logout {right:0;} .hi_menu_wrap .btnIcon_close {position:absolute; top:2px; right:7px; width:40px; height:40px; background:url('../images/common/btn_delete_line.png') center no-repeat; background-size:20px auto;} .header.main {border:0;} .sp_tit .btn_delete .txt_s13cLGrayFM {white-space:nowrap;} .srw_list .btnIcon_delete {background:url('../images/common/btn_delete_line.png') center no-repeat; background-size:14px auto;} /* 하단 플로팅 버튼 */ .contBox_exp + .bottom_btn_w {display:block;} .bottom_btn_w {display:block; margin:0 auto; width:100%; height:auto;} .bottom_btn_w .bt_floating {display:table; table-layout:fixed; width:100%; text-align:center; transition:all .8s ease;} .bt_floating .bf_list {position:relative; display:table-cell;} .bt_floating .bf_list + .bf_list:before {position:absolute; top:0; left:0; width:1px; height:100%; background:rgba(255,255,255,.3); content:''; z-index:2;} .bt_floating .btn_grayh54_write {background:#4969f0;} .bt_floating .btn_grayh54_write .txt_s15 {color:#fff;} .bt_floating .btn_grayh54_write .icon_write {background:url('../images/common/icon_write_white.png') no-repeat; background-size:20px auto;} .bt_floating .btn_grayh54_list, .bt_floating .btn_grayh54 {background-color:#f7f7f7;} .btn_grayh54_list .icon_list {width:20px; height:20px; margin-right:5px; background:url('../images/common/icon_list_dark.png') left -1px no-repeat; background-size:20px auto;} .btn_grayh54_list .txt_s15 {color:rgba(0,0,0,.5); font-weight:600;} .bottom_btn_w .bt_floating.fixed {position:fixed; left:0; bottom:64px; width:100%; z-index:10;} .bottom_btn_mo {display:block; margin-top:50px;} /* 썸네일 */ [class^="thumbnail_"] .inp_chk_like {position:absolute; bottom:auto; top:10px; right:12px; width:32px; height:30px; background:rgba(0,0,0,.5); border-radius:4px;} [class^="thumbnail_"] .inp_chk_like .icon_heart {background-image:url('../images/common/icon_heart_off.png');} .thumb_event, .slider_list .thumb_event, .pcw_img_w .thumb_event {width:56px; height:24px; padding-top:2px; font-size:0.75rem; font-weight:500;} .ttb_img_w .thumb_event {width:64px; height:28px; top:10px; left:10px; padding-top:4px; border-radius:5px; font-size:0.875rem;} .cwl_list .thumb_event {padding-top:5px; border-radius:0 0 5px 0;} .thumbImg_btn_w {top:45px; right:12px;} [class^="thumbnail_"] .thumbImg_btn_w .inp_chk_like, .thumbImg_btn_w [class^="btnIcon_"] {width:32px; height:30px;} .thumbnail_smeMini {width:63px;} .thumbnail_smeMini.on:before {top:45px; right:0; width:16px; height:16px; background-size:100% auto;} [class^="thumbnail_"]:hover {transform:translateY(0);} .thumbnail_smeMini .thumb_img {width:63px; height:63px;} .thumbnail_smeMini .thumb_cont .tit_s18cBlack_ellipsis {font-size:0.813em;} .thumbnail_smeSub {width:152px; height:212px; padding:39px 15px 15px;} .thumbnail_smeSub .thumb_img {width:73px; height:73px;} .thumbnail_smeSub .txt_sme_rank {top:15px; left:15px; font-size:1.125em;} .thumbnail_smeSub .tc_btn {bottom:-50px;} .sliderWrap_popChannel .slider_list:nth-child(n+1):nth-child(-n+3) .txt_sme_rank {font-weight:500;} .thumbnail_col .thumb_cont {padding:0;} /* 북럭닝 */ [class^="mti_"] .thumb_img.book {height:140px; max-height:92px;} .img_book_w {height:calc(100% - 16px); padding:0 16px;} .thumbnail_noline .img_book_w {padding:0 13px;} .img_book {max-width:81px;} .img_book img {min-width:81px;} .cwl_list .img_book_w {height:164px; padding:0 35px;} .cwl_list .img_book {max-width:111px;} .cwl_list .img_book img {min-width:111px;} .ttb_img_w .img_book_w {height:190px; padding:0 40px;} .ttb_img_w .img_book {max-width:128px;} .ttb_img_w .img_book img {min-width:128px;} /* 댓글영역 */ .reply_write_w {width:calc(100% + 32px); margin-left:-16px; padding:15px 16px;} .reply_write_w .inp_txtArea {width:calc(100% - 66px);} .reply_write_w .inp_flex .inp_txtArea {flex:1; width:auto;} .reply_write_w .btn_reply_enroll {width:56px;} .reply_write_w .inp_flex .btn_reply_enroll {flex:unset; min-width:60px; max-width:unset;} #replyDiv {padding:0 16px;} .reply_write_w + [class^="rpw_lists_"] {margin-top:15px;} .rpw_list {padding:20px 10px 20px 50px;} .rl_img_w {left:0; width:40px; height:40px;} .rpw_list .formGroup_rdStar .txt_s16cBlack {vertical-align:bottom;} .rpw_list .tools_btn_w {right:-10px;} .rpw_list .txt_s16cBlackFM {font-size:0.875em;} .replyForm_group_w textarea, .rl_info [class^="txt_"], .modify_btn_w [class^="btn_"] [class^="txt_"] {font-size:13px;} .rl_info {padding-top:7px; white-space:nowrap;} .modify .rl_info {position:relative; bottom:auto;} .replyForm_group_w .rpw_list .tools_btn_w {right:-15px; top:5px;} .replyForm_group_w .rpw_list .rl_info .inp_chk_like .icon_heart, .replyForm_group_w .rpw_list .inp_chk_like input[type="checkbox"]:checked + .icon_heart {background-size:16px auto;} .modify_btn_w [class^="btn_"] {width:64px; height:26px; padding:3px 10px;} .link_subj_contents {display:inline-block; margin-top:20px; padding-right:15px; background:url('../images/common/arrow_right_blue.png') right center no-repeat; background-size:8px 13px; white-space:nowrap;} .board_wrap_write .inp_txt_default input[type="text"]::placeholder, .piece_w_write .inp_txt_default input[type="text"]::placeholder {background:url('../images/common/icon_required.png') no-repeat; background-size:8px auto; background-position:0 3px;} /* 모바일 tab bar */ .mo_tap_bar {display:block;} /* 레이어 팝업 */ [class^="pop_wrap"] .align_maker {display:none;} [class^="popup_"] {position:fixed; left:0; top:100%; width:100%; height:100%; opacity:0; transform:scale(1); border-radius:0; transition:all .3s ease-in-out;} [class^="popup_"].show {top:0; opacity:1;} .pop_inner [class^="btnIcon_close"] {top:4px; right:8px; width:40px; height:40px; background-image:url('../images/common/btn_close_white.png'); background-size:20px auto;} .pop_header {position:relative; padding:16px 20px 12px; height:48px; background:#4969f0; border-bottom:0;} .pop_header .tit_s20ccDarkFS {font-size:1em; color:#fff;} .pop_content {padding:25px 16px; height:calc(100% - 140px); max-height:calc(100% - 140px); overflow-x:hidden;} .pop_footer {padding:20px 15px; border-top:0; text-align:center;} .pop_footer [class^="btn"] {min-width:109px; height:50px; padding:10px 15px 11px;} .pop_footer [class^="btn"] [class^="txt_"] {margin-top:0; font-size:0.938em;} .pop_footer .items_btn_autoWidth {display:table; table-layout:fixed;} .pop_footer .items_btn_autoWidth .item_list {display:table-cell; padding:0 3px;} .pop_footer .items_btn_autoWidth > .item_list {margin-left:8px;} .pop_footer .items_btn_autoWidth > .item_list:first-child {margin-left:0;} .pop_footer .items_btn_single .item_list {text-align:center;} .pop_footer .items_btn_single .btn_lineBlue_close {width:100%;} .items_pf_btn {float:unset; display:table; table-layout:fixed; width:100%; text-align:center;} .items_pf_btn .item_list {float:unset; display:table-cell; padding:0 3px;} .items_pf_btn .item_list [class^="btn"] {width:100%; height:48px; vertical-align:top;} .items_pf_btn .item_list [class^="btn"] [class^="txt_"] {font-size:1em;} .inp_chk_show + .items_pf_btn {padding-top:15px;} span + .items_pf_btn {margin-top:10px;} [class^="popup_w1024"] {width:100%;} [class^="pop_wrap"].small {top:50%; transform:translate(0, -50%); padding:15px;} [class^="pop_wrap"].small .align_maker {display:inline-block; margin-left:-1px; height:100%;} .small [class^="popup_"] {position:relative; height:auto; transform:scale(0); border-radius:5px;} .small .pop_header {background:#fff; border-bottom:1px solid #dbdbdb; border-radius:5px 5px 0 0;} .small .pop_header .tit_s20ccDarkFS {color:#333;} .small [class^="popup_"] .pop_header:after {display:none;} .small .pop_content {padding:20px 15px;} .small .pop_footer {padding:0; border-radius:0 0 5px 5px; overflow:hidden;} .small .items_pf_btn .item_list {padding:0;} .small .pop_footer [class^="btn"] {height:45px; border-radius:0;} .small .pop_footer [class^="btn"] [class^="txt_"] {font-size:0.875em;} .small .pop_inner [class^="btnIcon_close"] {background-image:url('../images/common/btn_close_dark.png');} .small [class^="popup_"].show {transform:scale(1);} /* 구독 */ .inner_noData {padding:35px;} #reviewArea2 .inner_noData {margin-top:0;} .reply_write_w + #reviewArea2 .inner_noData {margin-top:20px;} .inner_noData .icon_noData {width:130px; height:87px; margin-bottom:10px;} .inner_noData .icon_noReply {width:50px; height:45px;} .inner_noData [class^="txt_"] {font-size:0.875em; font-weight:400;} .inner_noData.mg {margin-top:20px;} /* 로딩이미지 */ .load_wrap img {width:60px; height:60px;} /* 학습 */ .contBox_study .tabmenu_line .tab_list {min-width:calc(100% / 4);} .contBox_study .tabCont_w {padding-top:15px;} .thumb_img [class*="_sign"], .thumb_img .txtLabel_cBlack_end {left:auto; right:15px; width:auto; min-width:120px; height:26px; padding:6px 16px 4px; font-size:0.813rem; border-radius:18px;} /* 학습_학습 상세 */ .topinfoBox_study {padding:15px 16px 30px;} .topinfoBox_study .tib_inner {width:100%; min-height:unset; padding-left:0;} .topinfoBox_study .tbi_thumbnail {display:none;} .topinfoBox_study .tbi_cont {padding:0;} .contBox_stuDivi {padding:0;} .tab_wrap_dtab {position:relative; top:auto; left:auto; width:100%; border:0;} .tab_wrap_dtab .tab_scroll_w {border-bottom:1px solid #dbdbdb; overflow-x:auto;} .tab_wrap_dtab .tabmenu_line {height:44px; border:0;} .tab_wrap_dtab .tabmenu_line > .tab_list {display:inline-block;} .tab_wrap_dtab .tabmenu_line .tab_list + .tab_list {border-top:0;} .tab_wrap_dtab .tab_list .btn_tab, .tab_wrap_dtab .tab_list .btn_tab.active, .tab_wrap_dtab .tab_list .btn_tab:hover {background:none;} .tab_wrap_dtab .tab_list .btn_tab {height:44px; padding:13px 12px; text-align:center;} .tab_wrap_dtab .tab_list.active .btn_tab {background:none;} .tab_wrap_dtab .tab_list.active .btn_tab:after {width:100%; opacity:1;} .tab_wrap_dtab .tab_list.active .btn_tab .txt_s15 {color:#4969f0;} .tab_wrap_dtab .tab_list .btn_tab.active:after {display:block;} .tab_wrap_dtab .tab_list .btn_tab.active .txt_s15, .tab_wrap_dtab .tab_list .btn_tab:hover .txt_s15 {color:#4969f0;} .tab_wrap_dtab .tab_list .btn_tab .txt_s15 {font-size:0.813em; font-weight:500; color:#898989;} .info_box {display:none;} .tab_wrap_dtab + .cb_inner {padding-top:20px;} .sd_tit_w {margin:20px 0; padding:0 16px;} .sd_tit_w .tit_s20cBlack, .sd_tit_w .tit_s20cMint {font-size:1em;} /* 마이페이지 */ .contBox_isLNB {padding:0 0 50px; background:#fff;} .contBox_isLNB:before {display:none;} .lnb_wrap {display:none; position:relative; width:100%; min-height:98px; height:unset; margin-top:47px; background:#4969f0; border-bottom:10px solid #f3f3f3;} .lnb_wrap.mypage {display:block; min-height:auto !important; top:0; margin-top:0; padding:0; border-bottom:0; background:none;} .lnb_wrap.mypage.main {min-height:98px; padding:0; border-radius:0;} .lnb_wrap.mypage .lnb_box {display:flex; flex-direction:column-reverse;} .mypage .contact_w {display:none;} .lnb_wrap.mypage .my_profile_w {display:none;} .lnb_wrap.main .my_profile_w {display:block;} .btn_secondary_logout {position:absolute; bottom:12px; right:12px; width:40px; height:40px; padding:0; background:url('../images/common/icon_logout.png') right center no-repeat; background-size:30px auto; border-radius:50%; text-indent:-9999px;} .lnb_wrap.mypage .btn_secondary_logout {display:none;} .lnb_wrap.mypage.main .btn_secondary_logout {display:block; width:40px; margin:0;} .my_profile_w {position:relative; padding:24px 56px 24px 86px; border-bottom:10px solid #F8F9FB;} .mp_img {position:absolute; top:24px; left:16px; margin:0;} .my_profile_w .txt_s18cBlack {font-size:1.125em;} .mypage .my_profile_w .tc_info [class^="txt_"] {display:inline-block; font-size:0.813rem;} .mypage .my_profile_w .tc_info [class^="txt_"] + [class^="txt_"] {position:relative; padding-left:10px; width:auto;} .mypage .my_profile_w .tc_info [class^="txt_"] + [class^="txt_"]:before {position:absolute; top:5px; left:4px; width:1px; height:10px; background:#8D939D; content:'';} .mypage .my_profile_w .btn_logout {position:absolute; top:50%; right:16px; margin-top:-15px; display:block; width:30px; height:30px; background:url('../images/common/btn_logout.png') center no-repeat; background-size:100% auto;} .my_profile_w .link_subj_modify {display:inline-block; white-space:nowrap; padding:0 10px 4px 5px; vertical-align:bottom;} .link_subj_modify .txt_s10cWhiteFM {text-decoration:underline;} .menuIcon_lists_w {width:100%; padding:0 10px; background:#fff; border-bottom:1px solid #e6e6e6; overflow-x:auto; white-space:nowrap; -ms-overflow-style:none; scrollbar-width:none; z-index:3;} .mypage .menuIcon_lists_w {padding:0 10px;} .menuIcon_lists_w::-webkit-scrollbar {display:none;} .mi_list{display:inline-block; margin:11px 0; padding:0 8px;} .link_menuIcon {padding:0;} .link_menuIcon.active {background:#fff;} .link_menuIcon.active:before {position:absolute; bottom:-11px; left:0; width:100%; height:2px; background:#212D3F; content:''; z-index:2;} .link_menuIcon.active .txt_s15cGray {color:#4969f0; font-weight:700;} .link_menuIcon [class^="txt_s16"] {font-size:0.875rem;} .link_menuIcon [class^="icon_"] {display:none;} .contBox_isLNB .cb_inner {padding-top:0;} .contBox_isLNB .cb_inner h4.tit_s20cBlackFS {display:none;} .contBox_isLNB .cb_inner h4.tit_s20cBlackFS {font-size:1em;} /* 소셜러닝 LNB - new */ .contBox_lnbTop {padding:0;} .lnb_wrap.lnbTop {display:block; margin:0; border:0; background:none;} .lnbTop .lnb_box, .lnbTop .menuIcon_lists_w, .lnbTop .lnbs_lists_w {gap:10px;} .lnbTop .mi_list {margin:0;} .lnbTop .link_menuIcon [class^="txt_s16"] {font-size:0.938rem;} .lnb_scroll_w {padding:0 16px;} .lnb_scroll_w .tabmenu_line {gap:24px;} .lnb_scroll_w .tab_list .btn_tab .txt_s16, .lnbTop .custom_select_plain .select2-container--default .select2-selection--single .select2-selection__rendered {font-size:0.938rem;} /* 마이페이지_보관함 */ .thumbnail_cabinet {width:140px;} .thumbnail_cabinet .thumb_img {height:78px;} .thumbnail_cabinet .thumb_cont .tit_s15cBlack_ellipsis {max-height:3em; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; white-space:initial;} /* 투표추가 팝업 */ .cv_top .inp_txt_default .s16cBlack {font-size:1rem;} .cvc_top .txt_s14cBlack4 .txt_s13cDark {display:inline-block; padding-left:5px; font-weight:400;} .cv_list {flex-wrap:wrap; justify-content:flex-start; padding-right:0;} .cv_list + .cv_list {margin-top:15px;} .cv_list .inp_txt {flex:unset; width:calc(100% - 141px);} .cv_img_w .btnIcon_delete {opacity:1;} .cv_list .btnIcon_delete {position:relative; top:auto; right:auto;} .txtIcon_info {margin-left:8px; font-size:0.75rem;} .cv_date_w .formGroup_period {flex-direction:column; align-items:flex-start;} .cv_date_w .formGroup_period li + li {padding-top:10px;} .inp_chk_edit {margin:5px 0 0 0; text-align:right;} /* 푸터 */ .fi_txt_w [class^="txt_cBlack"] {font-size:0.875rem;} .opt_support {position:relative; top:auto; right:auto; padding:10px 0; text-align:left; font-size:0.875rem;} .txt_wrap {display:block;} .txt_wrap .btn_personal {margin:6px 0 0;} /* 모바일 HTML 페이지 추가 */ .vw_pagination {padding:10px 16px; background:#333; text-align:center;} .vw_pagination [class^="txt_"] {font-weight:400; letter-spacing:1px; vertical-align:middle;} .vw_pagination [class^="txt_"] + [class^="txt_"] {position:relative; padding-left:15px;} .vw_pagination [class^="txt_"] + [class^="txt_"]:before {position:absolute; top:7px; left:5px; width:1px; height:15px; background:#fff; transform:rotate(20deg); content:'';} .vw_pagination [class^="btnIcon_"] {vertical-align:middle;} .vw_pagination .btnIcon_prev {width:30px; height:30px; margin-right:5px; background:url('../images/common/btn_visual_prev.png') center no-repeat; background-size:18px auto;} .vw_pagination .btnIcon_next {width:30px; height:30px; margin-left:5px; background:url('../images/common/btn_visual_next.png') center no-repeat; background-size:18px auto;} .vw_pagination .btnIcon_prev.disabled {background:url('../images/common/btn_visual_prev_off.png') center no-repeat; background-size:18px auto;} .vw_pagination .btnIcon_next.disabled {background:url('../images/common/btn_visual_next_off.png') center no-repeat; background-size:18px auto;} }