/* .c-thumb-list .slick-slide .c-thumb-list__item .c-thumb-list__thumb {height: 156px;} .course-list .c-thumb-list__wrap:not(.slick-slider) .c-thumb-list__item .c-thumb-list__thumb {height: 156px;} */ .detail-top .detail-top__thumb > a > img, .detail-top .detail-top__thumb > a > a > img { width: 100%; } .c-thumb-list__thumb { height: 155px; } .c-basic-list__image { height: 127px; } /* .c-thumb-list .slick-slide .c-thumb-list__item.type-small .c-thumb-list__thumb {height: 156px;} */ .c-thumb-list__content .c-thumb-list__prevbtn, .c-thumb-list__content .c-thumb-list__nextbtn { top: 82px; height: 50px; } /* .c-basic-list__image {height: 128px;} */ .course-image__like { right: 11px; bottom: 11px; } .c-list-info--chip { margin-bottom: 15px; } .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .main .footer { margin-top: 80px; } .portlet_wrap .portlet_row .c-tab__header--text .c-tab__item, .netplex_detail_popup .portlet_row .c-tab__header--text .c-tab__item { border-left: 1px solid transparent; } .portlet_wrap .slick-slider, .netplex_detail_popup .slick-slider { height: -webkit-min-content; height: -moz-min-content; height: min-content; } .portlet_wrap .slick-slider .slick-arrow, .netplex_detail_popup .slick-slider .slick-arrow { position: absolute; top: 45px; width: 35px; height: 70px; background: rgba(242, 243, 248, 0.5); font-size: 0; outline: 0; z-index: 50; } .portlet_wrap .slick-slider .slick-arrow.slick-prev, .netplex_detail_popup .slick-slider .slick-arrow.slick-prev { left: 0; } .portlet_wrap .slick-slider .slick-arrow.slick-next, .netplex_detail_popup .slick-slider .slick-arrow.slick-next { right: 0; } .portlet_wrap .slick-slider .slick-arrow:before, .netplex_detail_popup .slick-slider .slick-arrow:before { position: absolute; top: 23px; border: solid #1e1e1e; border-width: 0 1px 1px 0; width: 24px; height: 24px; padding: 3px; opacity: 0.8; font-size: 0; outline: 0; content: ''; } .portlet_wrap .slick-slider .slick-prev:before, .netplex_detail_popup .slick-slider .slick-prev:before { left: 14px; transform: rotate(135deg); -webkit-transform: rotate(135deg); } .portlet_wrap .slick-slider .slick-next:before, .netplex_detail_popup .slick-slider .slick-next:before { right: 14px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .portlet_wrap .slick-slider .slick-track .slick-slide, .netplex_detail_popup .slick-slider .slick-track .slick-slide { height: auto; } .portlet_wrap .slick_play, .netplex_detail_popup .slick_play { width: 12px; height: 12px; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 8px solid #21277d; font-size: 0; } .portlet_wrap .slick_play.play, .netplex_detail_popup .slick_play.play { border: 0; position: relative; } .portlet_wrap .slick_play.play:after, .netplex_detail_popup .slick_play.play:after { position: absolute; content: ''; width: 8px; height: 10px; border: 3px solid #21277d; border-top: 0; border-bottom: 0; -webkit-box-sizing: border-box; box-sizing: border-box; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .portlet_wrap .slick-dotted.slick-slider, .netplex_detail_popup .slick-dotted.slick-slider { margin-bottom: 30px; } .portlet_wrap .slick-dotted.graghlist_slider, .netplex_detail_popup .slick-dotted.graghlist_slider { margin-bottom: 0; } .portlet_wrap .slick-dots, .netplex_detail_popup .slick-dots { position: absolute; display: block; width: 100%; height: 26px; padding: 0; margin: 0; list-style: none; text-align: center; } .portlet_wrap .slick-dots li, .netplex_detail_popup .slick-dots li { position: relative; display: inline-block; width: 8px; height: 8px; margin: 0 3.5px; padding: 0; cursor: pointer; -webkit-transition: all 0.3s; transition: all 0.3s; } .portlet_wrap .slick-dots li button, .netplex_detail_popup .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 100%; height: 100%; cursor: pointer; color: transparent; border: 0; outline: none; background: #c2c4cc; border-radius: 4px; } .portlet_wrap .slick-dots li button:hover, .portlet_wrap .slick-dots li button:focus, .netplex_detail_popup .slick-dots li button:hover, .netplex_detail_popup .slick-dots li button:focus { outline: none; } .portlet_wrap .slick-dots li.slick-active, .netplex_detail_popup .slick-dots li.slick-active { width: 30px; } .portlet_wrap .slick-dots li.slick-active button, .netplex_detail_popup .slick-dots li.slick-active button { width: 100%; background: #21277d; } .star_info { display: -webkit-box; display: flex; display: -ms-flexbox; } .star_info .star_title { margin-right: 10px; font-size: 16px; color: #222; font-weight: 500; } .star_info .o-icon__star { margin: 0 4px 0 0; } .star_info .star_score { position: relative; top: 1px; font-size: 14px; color: #1e1e1e; } .star_info .star_score span { font-size: 0; } .star_info .star_name { position: relative; top: 2px; left: 6px; font-size: 14px; color: #666; padding-left: 8px; } .star_info .star_name:after { position: absolute; left: 0; top: -2px; width: 1px; height: 16px; background: #ccc; content: ''; } .review_info { display: -webkit-box; display: flex; display: -ms-flexbox; } .review_info .review_title { margin-right: 5px; font-size: 16px; color: #222; font-weight: 500; } .review_info .review_num { position: relative; top: 1px; font-size: 14px; color: #1e1e1e; } .review_info .review_num span { font-size: 0; } .thum_item.no-data dl > dt .graph, .item.no-data dl > dt .graph { display: none; } .thum_item.no-data dl > dt .img, .item.no-data dl > dt .img { background: #f5f5f5 url("../img/portlet/ico_book.png") center no-repeat; background-size: 77px 49px; } .thum_item.no-data dl > dt .img img, .item.no-data dl > dt .img img { display: none; } .thum_item dl dt span, .item dl dt span { position: absolute; left: 0; top: 0; width: 64px; height: 30px; line-height: 30px; text-align: center; background: #000; font-size: 14px; color: #fff; z-index: 50; } .thum_item.no_item, .thum_item.no_item_interest { border: 1px solid #ccc; background-color: #fff; } .thum_item.no_item p, .thum_item.no_item_interest p { line-height: 1.5; text-align: center; font-size: 16px; } .portlet_wrap { min-width: 1196px; min-height: 800px; overflow: hidden; overflow-x: hidden !important; } .portlet_wrap .portlet_row { padding: 40px 0; min-width: 1196px; } .portlet_wrap .portlet_row a.text_link:hover { text-decoration: underline; } .portlet_wrap .portlet_row.last { padding-bottom: 0; } .portlet_wrap .portlet_row.dnone { display: none; } .portlet_wrap .portlet_row.no-padding { padding: 0; margin-bottom: 40px; } .portlet_wrap .portlet_row + .portlet_row.no-padding { margin-top: 40px; } .portlet_wrap .portlet_row.bg_size { background-size: auto 550px !important; } .portlet_wrap .portlet_row .c-tooltip button { background: url("../img/portlet/ico_q.png") no-repeat 0 0; width: 14px; height: 14px; } .portlet_wrap .portlet_row .capslock { position: absolute; display: none; background: #fff; width: 190px; height: 34px; left: 0; top: 30px; font-size: 14px; color: #1e1e1e; text-align: center; line-height: 34px; border: 1px solid #181818; z-index: 100; } .portlet_wrap .portlet_row .capslock:after, .portlet_wrap .portlet_row .capslock:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .portlet_wrap .portlet_row .capslock:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 7px; margin-left: -7px; } .portlet_wrap .portlet_row .capslock:before { border-color: rgba(0, 0, 0, 0); border-bottom-color: #181818; border-width: 8px; margin-left: -8px; } .portlet_wrap .portlet_row .btn_ptl { display: inline-block; height: 40px; padding: 0 18px; background: #00adfb; font-size: 14px; color: #fff; line-height: 40px; } .portlet_wrap .portlet_row .portlet_cont { width: 1196px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .portlet_wrap .portlet_row .portlet_cont .tuning_top { margin-top: -10px; } .portlet_wrap .portlet_row .portlet_cont link + div.p6 { margin-left: 0; } .portlet_wrap .portlet_row .portlet_cont div .ptl_title { width: 100%; font-size: 22px; color: #1e1e1e; font-weight: 500; margin-bottom: 23px; } .portlet_wrap .portlet_row .portlet_cont div .ptl_title_center { width: 100%; font-size: 22px; color: #1e1e1e; font-weight: 500; margin-bottom: 23px; letter-spacing: -0.8px; text-align: center; } .portlet_wrap .portlet_row .portlet_cont div .ptl_title_center.c-text--tl { text-align: left; } .portlet_wrap .portlet_row .portlet_cont div .ptl_title + .c-tab { margin-top: -7px; } .portlet_wrap .portlet_row .portlet_cont div .ptl_title .etc_info { margin-left: 6px; font-size: 16px; color: #1e1e1e; font-weight: 400; } .portlet_wrap .portlet_row .portlet_cont div .ptl_title .etc_info strong { margin-left: 4px; font-weight: 700; } .portlet_wrap .portlet_row .portlet_cont div .ptl_title .c-tooltip { position: relative; top: -1px; z-index: 200; } .portlet_wrap .portlet_row .portlet_cont div .ptl_title .c-tooltip .c-tooltip__panel { width: 306px; padding: 20px 16px; left: -126px; right: initial; z-index: 10; font-weight: 400; } .portlet_wrap .portlet_row .portlet_cont div .ptl_title .c-tooltip .c-tooltip__panel .c-bullet--list { width: 274px; font-size: 14px; color: #666; letter-spacing: -0.4px; } .portlet_wrap .portlet_row .portlet_cont div .ptl_title .c-tooltip .c-tooltip__panel:before, .portlet_wrap .portlet_row .portlet_cont div .ptl_title .c-tooltip .c-tooltip__panel:after { left: 126px; right: initial; } .portlet_wrap .portlet_row .portlet_cont div > div.p6 > h2[class^="ptl_title"] + div:not(.c-all-more), .portlet_wrap .portlet_row .portlet_cont div > div.p6 > h2[class^="ptl_title"] + .c-all-more + div, .portlet_wrap .portlet_row .portlet_cont div.p6 > h2[class^="ptl_title"] + div:not(.c-all-more), .portlet_wrap .portlet_row .portlet_cont div.p6 > h2[class^="ptl_title"] + .c-all-more + div { height: 354px !important; } .portlet_wrap .portlet_row .portlet_cont div > div.p4 > h2[class^="ptl_title"] + div:not(.c-all-more), .portlet_wrap .portlet_row .portlet_cont div > div.p4 > h2[class^="ptl_title"] + .c-all-more + div, .portlet_wrap .portlet_row .portlet_cont div.p4 > h2[class^="ptl_title"] + div:not(.c-all-more), .portlet_wrap .portlet_row .portlet_cont div.p4 > h2[class^="ptl_title"] + .c-all-more + div { height: 260px !important; } .portlet_wrap .portlet_row .portlet_cont div .btn_right { font-size: 15px; color: #1e1e1e; display: inline-block; background: url("../img/portlet/bu_ar1.png") no-repeat top 1px right 3px; padding-right: 20px; position: relative; bottom: -2px; } .portlet_wrap .portlet_row .portlet_cont div .ptl_title_center + .c-all-more, .portlet_wrap .portlet_row .portlet_cont div .ptl_title + .c-all-more { float: right; margin: -36px 0 0; } .portlet_wrap .portlet_row .portlet_cont div .ptl_title_center + .c-all-more strong, .portlet_wrap .portlet_row .portlet_cont div .ptl_title + .c-all-more strong { font-size: 15px; } .portlet_wrap .portlet_row .portlet_cont div .no_post { background: #fff; width: 100%; height: 300px; font-size: 16px; color: #666; text-align: center; background-color: #fff; } .portlet_wrap .portlet_row .portlet_cont div .no_post img { margin: 100px 0 16px; } .portlet_wrap .portlet_row .portlet_cont div .no_post span { display: block; } .portlet_wrap .portlet_row .portlet_cont div .no_post.type2 { display: none; border: 1px solid #ccc; } .portlet_wrap .portlet_row .portlet_cont div .no_post.type2 img { margin: 100px 0 16px; } .portlet_wrap .portlet_row .portlet_cont div .no_post.type2 span { display: block; line-height: 2.0; } .portlet_wrap .portlet_row .portlet_cont div .no_post.type3 { display: none; border: 1px solid #ccc; } .portlet_wrap .portlet_row .portlet_cont div .no_post.type3 img { margin: 100px 0 16px; } .portlet_wrap .portlet_row .portlet_cont div .no_post.type3 span { display: block; line-height: 2.0; } .portlet_wrap .portlet_row .portlet_cont div .c_progress { position: relative; } .portlet_wrap .portlet_row .portlet_cont div .c_progress:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 3px solid #00adfb; content: ''; z-index: 1; } .portlet_wrap .portlet_row .portlet_cont div .c_progress .graph { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; } .portlet_wrap .portlet_row .portlet_cont div .c_progress .graph .c_per { float: left; height: 100%; background: #00adfb; opacity: 0.65; } .portlet_wrap .portlet_row .portlet_cont div .c_progress .graph .c_remain { float: right; height: 100%; background: #000; opacity: 0.2; } .portlet_wrap .portlet_row .portlet_cont div .c_progress.w100p:before { display: none; } .portlet_wrap .portlet_row .portlet_cont div .c_progress.w100p .graph { background: rgba(0, 0, 0, 0.7); opacity: 1; } .portlet_wrap .portlet_row .portlet_cont div .c_progress.w100p .graph div { display: none; } .portlet_wrap .portlet_row .portlet_cont div .c_progress.w100p .graph div.graph_circle_wrap { display: block; height: 100%; } .portlet_wrap .portlet_row .portlet_cont div .c_progress.w100p .graph div.graph_circle_wrap .graph_circle { display: block; text-indent: -9999px; overflow: hidden; width: 70px; height: 70px; border-radius: 50%; background: rgba(0, 194, 252, 0.7) url(../img/portlet/ico_complete.png) no-repeat 50% 50%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .portlet_wrap .portlet_row .portlet_cont div .c_progress.play:before { display: none; } .portlet_wrap .portlet_row .portlet_cont div .c_progress.play .graph { background: rgba(0, 0, 0, 0) url(../img/portlet/ico_play_02.png) no-repeat 50% 50%; opacity: 1; } .portlet_wrap .portlet_row .portlet_cont div .c_progress.play .graph div { display: none; } .portlet_wrap .portlet_row .portlet_cont div.p4 .c_progress.w100p .graph, .portlet_wrap .portlet_row .portlet_cont div.p4 .c_progress.play .graph { background-size: 52px 52px; } .portlet_wrap .portlet_row .portlet_cont div.p12 { width: 100%; } .portlet_wrap .portlet_row .portlet_cont div.p6, .portlet_wrap .portlet_row .portlet_cont div > div.p6 { width: 570px; height: 400px; margin-left: auto; } .portlet_wrap .portlet_row .portlet_cont div.p6:first-child, .portlet_wrap .portlet_row .portlet_cont div > div.p6:first-child { margin-left: 0; } .portlet_wrap .portlet_row .portlet_cont div.p6 .no_post, .portlet_wrap .portlet_row .portlet_cont div > div.p6 .no_post { background: #fff; display: block; height: 352px; } .portlet_wrap .portlet_row .portlet_cont div.p6 .no_post img, .portlet_wrap .portlet_row .portlet_cont div > div.p6 .no_post img { margin: 110px 0 16px; } .portlet_wrap .portlet_row .portlet_cont div.p6 .no_post.type3 img, .portlet_wrap .portlet_row .portlet_cont div > div.p6 .no_post.type3 img { margin-top: 120px; } .portlet_wrap .portlet_row .portlet_cont div.p4 { width: 373px; height: 306px; margin-left: auto; } .portlet_wrap .portlet_row .portlet_cont div.p4:first-child { margin-left: 0; } .portlet_wrap .portlet_row .portlet_cont div.p4 .o-icon__like--circle { left: 95px; bottom: 11px; width: 24px; height: 24px; background-size: 210px auto; background-position: 5px 61%; } .portlet_wrap .portlet_row .portlet_cont div.p4 .o-icon__like--circle.is-active, .portlet_wrap .portlet_row .portlet_cont div.p4 .o-icon__like--circle:hover { background-position: -54px 61%; } .portlet_wrap .portlet_row .portlet_cont div.p4 .no_post { background: #fff; display: block; height: 213px; margin-top: 19px; } .portlet_wrap .portlet_row .portlet_cont div.p4 .no_post img { margin: 60px 0 16px; } .portlet_wrap .portlet_row .portlet_cont div.p4 .no_post.type3 img { margin-top: 70px; } .portlet_wrap .portlet_row .portlet_cont div.p12 .curationbig1_2, .portlet_wrap .portlet_row .portlet_cont div.p12 .interest_setting { width: 772px; height: 451px; margin: 15px auto -11px; text-align: center; background: url(../img/portlet/bg_curationbig1.png) no-repeat 0 0; } .portlet_wrap .portlet_row .portlet_cont div.p12 .curationbig1_2 strong, .portlet_wrap .portlet_row .portlet_cont div.p12 .interest_setting strong { display: block; padding: 108px 0 22px; font-size: 46px; color: #4e51d4; font-weight: 400; letter-spacing: -1.38px; } .portlet_wrap .portlet_row .portlet_cont div.p12 .curationbig1_2 p, .portlet_wrap .portlet_row .portlet_cont div.p12 .interest_setting p { font-size: 18px; color: #14355a; line-height: 1.5; } .portlet_wrap .portlet_row .portlet_cont div.p12 .curationbig1_2 p + p, .portlet_wrap .portlet_row .portlet_cont div.p12 .interest_setting p + p { margin: 8px 0 50px; font-size: 16px; opacity: 0.6; } .portlet_wrap .portlet_row .portlet_cont div.p12 .curationbig1_2 br.p4, .portlet_wrap .portlet_row .portlet_cont div.p12 .interest_setting br.p4 { display: none; } .portlet_wrap .portlet_row .portlet_cont div.p12 .curationbig1_2 .btn_setting_1, .portlet_wrap .portlet_row .portlet_cont div.p12 .interest_setting .btn_setting_1 { width: 234px; height: 60px; border-radius: 36px; background-color: #21277d; font-size: 22px; color: #fff; letter-spacing: -0.66px; } .portlet_wrap .portlet_row .portlet_cont div.p12 .curationbig1_2 .btn_setting_2, .portlet_wrap .portlet_row .portlet_cont div.p12 .interest_setting .btn_setting_2 { display: none; } .portlet_wrap .portlet_row .portlet_cont div.p6 .curationbig1_2, .portlet_wrap .portlet_row .portlet_cont div.p6 .interest_setting, .portlet_wrap .portlet_row .portlet_cont div > div.p6 .curationbig1_2, .portlet_wrap .portlet_row .portlet_cont div > div.p6 .interest_setting { background: #fff; display: block; height: 100%; border: 1px solid #ccc; text-align: center; } .portlet_wrap .portlet_row .portlet_cont div.p6 .curationbig1_2 strong, .portlet_wrap .portlet_row .portlet_cont div.p6 .interest_setting strong, .portlet_wrap .portlet_row .portlet_cont div > div.p6 .curationbig1_2 strong, .portlet_wrap .portlet_row .portlet_cont div > div.p6 .interest_setting strong { display: block; padding: 56px 0 70px; font-size: 18px; color: #1e1e1e; font-weight: 500; } .portlet_wrap .portlet_row .portlet_cont div.p6 .curationbig1_2 p, .portlet_wrap .portlet_row .portlet_cont div.p6 .interest_setting p, .portlet_wrap .portlet_row .portlet_cont div > div.p6 .curationbig1_2 p, .portlet_wrap .portlet_row .portlet_cont div > div.p6 .interest_setting p { font-size: 18px; color: #1e1e1e; line-height: 1.4; } .portlet_wrap .portlet_row .portlet_cont div.p6 .curationbig1_2 p + p, .portlet_wrap .portlet_row .portlet_cont div.p6 .interest_setting p + p, .portlet_wrap .portlet_row .portlet_cont div > div.p6 .curationbig1_2 p + p, .portlet_wrap .portlet_row .portlet_cont div > div.p6 .interest_setting p + p { margin: 6px 0 42px; font-size: 16px; color: #666; } .portlet_wrap .portlet_row .portlet_cont div.p6 .curationbig1_2 br.p4, .portlet_wrap .portlet_row .portlet_cont div.p6 .interest_setting br.p4, .portlet_wrap .portlet_row .portlet_cont div > div.p6 .curationbig1_2 br.p4, .portlet_wrap .portlet_row .portlet_cont div > div.p6 .interest_setting br.p4 { display: none; } .portlet_wrap .portlet_row .portlet_cont div.p6 .curationbig1_2 .btn_setting_1, .portlet_wrap .portlet_row .portlet_cont div.p6 .interest_setting .btn_setting_1, .portlet_wrap .portlet_row .portlet_cont div > div.p6 .curationbig1_2 .btn_setting_1, .portlet_wrap .portlet_row .portlet_cont div > div.p6 .interest_setting .btn_setting_1 { display: none; } .portlet_wrap .portlet_row .portlet_cont div.p6 .curationbig1_2 .btn_setting_2, .portlet_wrap .portlet_row .portlet_cont div.p6 .interest_setting .btn_setting_2, .portlet_wrap .portlet_row .portlet_cont div > div.p6 .curationbig1_2 .btn_setting_2, .portlet_wrap .portlet_row .portlet_cont div > div.p6 .interest_setting .btn_setting_2 { width: 100px; height: 40px; background: #00adfb; font-size: 14px; color: #fff; } .portlet_wrap .portlet_row .portlet_cont div.p4 .curationbig1_2, .portlet_wrap .portlet_row .portlet_cont div.p4 .interest_setting { background: #fff; display: block; height: 100%; padding: 0 38px; border: 1px solid #ccc; text-align: center; } .portlet_wrap .portlet_row .portlet_cont div.p4 .curationbig1_2 strong, .portlet_wrap .portlet_row .portlet_cont div.p4 .interest_setting strong { display: block; padding: 36px 0 12px; font-size: 18px; color: #1e1e1e; font-weight: 500; } .portlet_wrap .portlet_row .portlet_cont div.p4 .curationbig1_2 p, .portlet_wrap .portlet_row .portlet_cont div.p4 .interest_setting p { font-size: 16px; color: #1e1e1e; line-height: 1.4; letter-spacing: -1.4px; } .portlet_wrap .portlet_row .portlet_cont div.p4 .curationbig1_2 p + p, .portlet_wrap .portlet_row .portlet_cont div.p4 .interest_setting p + p { margin: 10px 0 12px; font-size: 14px; color: #666; line-height: 1.5; } .portlet_wrap .portlet_row .portlet_cont div.p4 .curationbig1_2 .btn_setting_1, .portlet_wrap .portlet_row .portlet_cont div.p4 .interest_setting .btn_setting_1 { display: none; } .portlet_wrap .portlet_row .portlet_cont div.p4 .curationbig1_2 .btn_setting_2, .portlet_wrap .portlet_row .portlet_cont div.p4 .interest_setting .btn_setting_2 { width: 100px; height: 40px; background: #00adfb; font-size: 14px; color: #fff; } .portlet_wrap .portlet_row .portlet_cont div .info_top { margin-bottom: 20px; } .portlet_wrap .portlet_row .portlet_cont div .info_top .my_info { float: left; font-size: 14px; } .portlet_wrap .portlet_row .portlet_cont div .info_top .my_info span { position: relative; margin-left: 10px; padding-left: 10px; color: #666; } .portlet_wrap .portlet_row .portlet_cont div .info_top .my_info span strong { color: #1e1e1e; } .portlet_wrap .portlet_row .portlet_cont div .info_top .my_info span:before { position: absolute; left: 0; top: 0; width: 1px; height: 16px; background: #ccc; content: ''; } .portlet_wrap .portlet_row .portlet_cont div .info_top .my_info span:first-child { margin: 0; padding: 0; } .portlet_wrap .portlet_row .portlet_cont div .info_top .my_info span:first-child:before { display: none; } .portlet_wrap .portlet_row .portlet_cont div .info_top .my_btn { float: right; } .portlet_wrap .portlet_row .portlet_cont div .info_top .my_btn .btn_right { margin-left: 18px; font-size: 14px; } .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status { display: -webkit-box; display: -ms-flexbox; display: flex; height: 240px; margin-top: 30px; background: #1c1f2b; border-bottom: 1px solid #eee; } .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status:first-child { margin-top: 0; } .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status > dt, .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status .tits { position: relative; width: 299px; height: 100%; background: #232634; } .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status > dt strong, .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status .tits strong { position: absolute; top: 42px; left: 36px; font-size: 33px; color: #fff; font-weight: 400; } .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status > .keyword_box:after { position: absolute; top: 69px; right: 0; width: 1px; height: 116px; background: rgba(255, 255, 255, 0.1); content: ''; } .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status > .keyword_box:last-child:after { display: none; } .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status > dd[class^="type"], .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status > div[class^="type"] { position: relative; width: 299px; height: 100%; } .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status > dd[class^="type"].type1, .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status > div[class^="type"].type1 { background: url(../img/portlet/bg_my_01.png) no-repeat right 28px top -10px; } .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status > dd[class^="type"].type2, .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status > div[class^="type"].type2 { background: url(../img/portlet/bg_my_02.png) no-repeat right 27px top -5px; } .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status > dd[class^="type"].type3, .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status > div[class^="type"].type3 { background: url(../img/portlet/bg_my_03.png) no-repeat right 27px top -15px; } .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status > dd[class^="type"].type3 .graph, .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status > div[class^="type"].type3 .graph { visibility: hidden; } .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status > dd[class^="type"].type4, .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status > div[class^="type"].type4 { background: url(../img/portlet/bg_my_04.png) no-repeat right 36px top -25px; } .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status > dd[class^="type"].type4 .graph, .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status > div[class^="type"].type4 .graph { visibility: hidden; } .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status > dd[class^="type"].type4 .text, .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status > div[class^="type"].type4 .text { display: none; } .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status > dd[class^="type"].type5, .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status > div[class^="type"].type5 { background: url(../img/portlet/bg_my_05.png) no-repeat right 28px top -4px; } .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status > dd[class^="type"].type6, .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status > div[class^="type"].type6 { background: url(../img/portlet/bg_my_06.png) no-repeat right 26px top -15px; } .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status > dd[class^="type"].type7, .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status > div[class^="type"].type7 { background: url(../img/portlet/bg_my_07.png) no-repeat right 43px top -8px; } .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status > dd[class^="type"].type8, .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status > div[class^="type"].type8 { background: url(../img/portlet/bg_my_07.png) no-repeat right 27px top 0; } .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status > dd[class^="type"].type9, .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status > div[class^="type"].type9 { background: url(../img/portlet/bg_my_07.png) no-repeat right 27px top 0; } .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status > dd[class^="type"] .c-tooltip, .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status > div[class^="type"] .c-tooltip { position: relative; top: 39px; left: 90px; } .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status > dd[class^="type"] .c-tooltip .c-tooltip__panel, .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status > div[class^="type"] .c-tooltip .c-tooltip__panel { z-index: 10; color: #000; } .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status > dd[class^="type"] .c-tooltip .c-tooltip__panel .my_class, .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status > div[class^="type"] .c-tooltip .c-tooltip__panel .my_class { width: 210px; } .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status > dd[class^="type"] .c-tooltip .c-tooltip__panel .my_class span, .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status > div[class^="type"] .c-tooltip .c-tooltip__panel .my_class span { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; color: #666; line-height: 1.5; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status > dd[class^="type"] .c-tooltip .c-tooltip__panel .my_class span.title, .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status > div[class^="type"] .c-tooltip .c-tooltip__panel .my_class span.title { margin-bottom: 6px; color: #1e1e1e; font-weight: 500; } .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status > dd[class^="type"] .c-tooltip .c-tooltip__panel .my_class span.title .s-txt, .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status > div[class^="type"] .c-tooltip .c-tooltip__panel .my_class span.title .s-txt { display: inline-block; font-size: 13px; } .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status > dd[class^="type"] strong, .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status > div[class^="type"] strong { position: absolute; top: 40px; left: 53px; font-size: 16px; color: #fff; } .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status > dd[class^="type"] .my_status, .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status > div[class^="type"] .my_status { position: absolute; top: 105px; left: 50px; } .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status > dd[class^="type"] .my_status .point, .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status > div[class^="type"] .my_status .point { font-size: 52px; } .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status > dd[class^="type"] .my_status .point span, .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status > div[class^="type"] .my_status .point span { font-size: 30px; } .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status > dd[class^="type"] .my_status .graph, .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status > div[class^="type"] .my_status .graph { margin: 12px 0 5px; width: 200px; height: 10px; background: #090b12; } .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status > dd[class^="type"] .my_status .graph span, .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status > div[class^="type"] .my_status .graph span { display: block; height: 100%; } .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status > dd[class^="type"] .my_status .text, .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status > div[class^="type"] .my_status .text { font-size: 16px; color: #666; } .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status > dd[class^="type"]:nth-of-type(1) .my_status .point, .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status > div[class^="type"]:nth-of-type(1) .my_status .point { display: block; overflow: hidden; width: 240px; text-overflow: ellipsis; white-space: nowrap; color: #6231ff; } .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status > dd[class^="type"]:nth-of-type(1) .my_status .graph span, .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status > div[class^="type"]:nth-of-type(1) .my_status .graph span { background: #6231ff; } .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status > dd[class^="type"]:nth-of-type(2) .my_status .point, .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status > div[class^="type"]:nth-of-type(2) .my_status .point { color: #00c7fb; } .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status > dd[class^="type"]:nth-of-type(2) .my_status .graph span, .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status > div[class^="type"]:nth-of-type(2) .my_status .graph span { background: #00c7fb; } .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status > dd[class^="type"]:nth-of-type(3) .my_status .point, .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status > div[class^="type"]:nth-of-type(3) .my_status .point { color: #3e6cf6; } .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status > dd[class^="type"]:nth-of-type(3) .my_status .graph span, .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status > div[class^="type"]:nth-of-type(3) .my_status .graph span { background: #3e6cf6; } .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status > dd[class^="type"]:after, .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status > div[class^="type"]:after { position: absolute; top: 69px; right: 0; width: 1px; height: 116px; background: rgba(255, 255, 255, 0.1); content: ''; } .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status > dd[class^="type"]:last-child:after, .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status > div[class^="type"]:last-child:after { display: none; } .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status .thum_item { width: 600px; padding: 29px 0 0 39px; } .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status .thum_item dl dt { float: left; position: relative; } .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status .thum_item dl dt .img a { display: block; width: 220px; height: 180px; overflow: hidden; background-color: rgba(23, 30, 126, 0.1); } .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status .thum_item dl dt .img a > img, .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status .thum_item dl dt .img a > a > img { position: relative; width: auto; height: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status .thum_item dl dt button { position: absolute; right: 12px; bottom: 12px; } .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status .thum_item dl dd { float: left; width: 270px; padding: 4px 0 0 20px; } .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status .thum_item dl dd .p_cate { display: inline-block; margin: 24px 0 16px; font-size: 15px; color: #4e51d4; font-weight: 500; } .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap .my_learning_status .thum_item dl dd a { display: inline-block; max-height: 81px; font-size: 18px; color: #fff; line-height: 1.5; overflow: hidden; font-weight: 500; } .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap.bg_white--1 .my_learning_status { background: #fff; border: 1px solid #ccc; -webkit-box-shadow: 0 2px 4px #ccc; box-shadow: 0 2px 4px #ccc; } .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap.bg_white--1 .my_learning_status > dt, .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap.bg_white--1 .my_learning_status .tits { background: #f4f5f9; } .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap.bg_white--1 .my_learning_status > dt strong, .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap.bg_white--1 .my_learning_status .tits strong { color: #1e1e1e; } .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap.bg_white--1 .my_learning_status > .keyword_box:after { background: rgba(30, 30, 30, 0.1); } .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap.bg_white--1 .my_learning_status > dd.type1, .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap.bg_white--1 .my_learning_status > div.type1 { background-image: url(../img/portlet/bg_my_r_01.png); } .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap.bg_white--1 .my_learning_status > dd.type2, .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap.bg_white--1 .my_learning_status > div.type2 { background-image: url(../img/portlet/bg_my_r_02.png); } .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap.bg_white--1 .my_learning_status > dd.type3, .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap.bg_white--1 .my_learning_status > div.type3 { background-image: url(../img/portlet/bg_my_r_03.png); } .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap.bg_white--1 .my_learning_status > dd.type4, .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap.bg_white--1 .my_learning_status > div.type4 { background-image: url(../img/portlet/bg_my_r_04.png); } .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap.bg_white--1 .my_learning_status > dd.type5, .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap.bg_white--1 .my_learning_status > div.type5 { background-image: url(../img/portlet/bg_my_r_05.png); } .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap.bg_white--1 .my_learning_status > dd.type6, .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap.bg_white--1 .my_learning_status > div.type6 { background-image: url(../img/portlet/bg_my_r_06.png); } .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap.bg_white--1 .my_learning_status > dd.type7, .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap.bg_white--1 .my_learning_status > div.type7 { background-image: url(../img/portlet/bg_my_r_07.png); } .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap.bg_white--1 .my_learning_status > dd.type8, .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap.bg_white--1 .my_learning_status > div.type8 { background-image: url(../img/portlet/bg_my_r_07.png); } .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap.bg_white--1 .my_learning_status > dd.type9, .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap.bg_white--1 .my_learning_status > div.type9 { background-image: url(../img/portlet/bg_my_r_07.png); } .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap.bg_white--1 .my_learning_status > dd strong, .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap.bg_white--1 .my_learning_status > div strong { color: #1e1e1e; } .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap.bg_white--1 .my_learning_status > dd .my_status .graph, .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap.bg_white--1 .my_learning_status > div .my_status .graph { background: #dedfe5; } .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap.bg_white--1 .my_learning_status > dd:after, .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap.bg_white--1 .my_learning_status > div:after { background: rgba(30, 30, 30, 0.1); } .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap.bg_white--1 .my_learning_status .thum_item dl dd a { color: #1e1e1e; } .portlet_wrap .portlet_row .portlet_cont div .my_learning_wrap.bg_white--1 .my_learning_status .thum_item dl dd a:hover { text-decoration: underline; } .portlet_wrap .portlet_row .portlet_cont div .login-required { background: #fff; position: relative; border: 1px solid #ccc; background-color: #fff; } .portlet_wrap .portlet_row .portlet_cont div .login-required p { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 200px; height: 93px; background: url(../img/portlet/bg_required.png) no-repeat 50% 0; font-size: 16px; color: #666; letter-spacing: -0.5px; line-height: 10.4; text-align: center; } .portlet_wrap .portlet_row .portlet_cont div.p4 .login-required { position: relative; background-color: #fff; } .portlet_wrap .portlet_row .portlet_cont div.p4 .login-required p { height: 86px; line-height: 9.5; } .portlet_wrap .portlet_row .portlet_cont .s_tit { font-size: 22px; color: #111; font-weight: 700; } .portlet_wrap .portlet_row .login { height: 75px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border: solid #ccc; border-width: 1px 0; padding: 74px 30px; } .portlet_wrap .portlet_row .login .user_info { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 18px; } .portlet_wrap .portlet_row .login .user_info .pr_img img { border-radius: 50%; width: 45px; height: 45px; margin-right: 10px; } .portlet_wrap .portlet_row .login .user_info .info { display: inline-block; color: #222; font-weight: 500; } .portlet_wrap .portlet_row .login .user_info .name { display: inline-block; color: #666; font-weight: 400; } .portlet_wrap .portlet_row .login .user_info .name strong { color: #222; font-weight: 500; } .portlet_wrap .portlet_row .login .form_area { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .portlet_wrap .portlet_row .login .form_area .input_box { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; width: 750px; } .portlet_wrap .portlet_row .login .form_area .input_box.no_select { padding-left: 210px; } .portlet_wrap .portlet_row .login .form_area .input_box .combobox-wrap { margin-right: 10px; width: 200px; } .portlet_wrap .portlet_row .login .form_area .input_box .combobox-wrap .combobox__button { padding: 0 17px 0 14px; border-width: 0 0 1px; } .portlet_wrap .portlet_row .login .form_area .input_box .combobox-wrap.is-error .combobox__button { border-bottom-color: #ff4141; } .portlet_wrap .portlet_row .login .form_area .input_box input { margin-right: 10px; border-bottom: 1px solid #1e1e1e; width: 200px; height: 40px; padding: 0 15px; background: #f0f0f0; color: #888; font-size: 16px; vertical-align: unset; } .portlet_wrap .portlet_row .login .form_area .input_box input::-webkit-input-placeholder { color: #666; opacity: 1; } .portlet_wrap .portlet_row .login .form_area .input_box input:-ms-input-placeholder { color: #666; opacity: 1; } .portlet_wrap .portlet_row .login .form_area .input_box input::-ms-input-placeholder { color: #666; opacity: 1; } .portlet_wrap .portlet_row .login .form_area .input_box input::placeholder { color: #666; opacity: 1; } .portlet_wrap .portlet_row .login .form_area .input_box input:-ms-input-placeholder { color: #666; } .portlet_wrap .portlet_row .login .form_area .input_box input::-ms-input-placeholder { color: #666; } .portlet_wrap .portlet_row .login .form_area .input_box input.is-error { border-bottom-color: #ff4141; } .portlet_wrap .portlet_row .login .form_area .input_box .btn_login { display: inline-block; width: 120px; height: 40px; background: #00adfb; text-align: center; font-size: 14px; color: #fff; font-weight: 500; } .portlet_wrap .portlet_row .login .form_area .input_box .c-text { position: absolute; bottom: -18px; font-size: 13px; } .portlet_wrap .portlet_row .login .form_area .input_box .c-text.c-1 { left: 2px; } .portlet_wrap .portlet_row .login .form_area .input_box .c-text.c-2 { left: 212px; } .portlet_wrap .portlet_row .login .form_area .input_box .c-text.c-3 { left: 422px; } .portlet_wrap .portlet_row .login .form_area .etc { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: 20px; } .portlet_wrap .portlet_row .login .form_area .etc li { border-left: 1px solid #ccc; } .portlet_wrap .portlet_row .login .form_area .etc li:first-child { margin-left: 0; border-left: 0; } .portlet_wrap .portlet_row .login .form_area .etc li:last-child a { padding-right: 0; } .portlet_wrap .portlet_row .login .form_area .etc li a { padding: 0 20px; font-size: 14px; color: #666; } .portlet_wrap .portlet_row .login .form_area .etc li a span { color: #1e1e1e; } .portlet_wrap .portlet_row .login .form_area .etc.e_login { position: absolute; left: 190px; top: 28px; } .portlet_wrap .portlet_row .login .form_area .etc.e_login.is-error { top: 48px; } .portlet_wrap .portlet_row .login .form_area .etc.e_login li { border: 0; font-size: 14px; color: #666; } .portlet_wrap .portlet_row .login .form_area .etc.e_login li:nth-of-type(1) { margin-right: 100px; } .portlet_wrap .portlet_row .login .form_area .etc.e_login li:nth-of-type(2) { margin-right: 44px; } .portlet_wrap .portlet_row .login .form_area .etc.e_login li label { padding-left: 24px; line-height: 17px; } .portlet_wrap .portlet_row .login .form_area .etc.e_login li label:before { width: 18px; height: 18px; } .portlet_wrap .portlet_row .login .form_area .etc.e_login li label:after { width: 10px; } .portlet_wrap .portlet_row .login.before .user_info .name, .portlet_wrap .portlet_row .login.before .form_area .e_logout { display: none; } .portlet_wrap .portlet_row .login.after .user_info .info, .portlet_wrap .portlet_row .login.after .form_area .e_login, .portlet_wrap .portlet_row .login.after .form_area fieldset { display: none; } .portlet_wrap .portlet_row .login_sns { height: 186px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border: solid #ccc; border-width: 1px 0; padding: 39px 10px; } .portlet_wrap .portlet_row .login_sns .user_info { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 18px; line-height: 27px; margin-right: 20px; } .portlet_wrap .portlet_row .login_sns .user_info .pr_img img { border-radius: 50%; width: 45px; height: 45px; margin-right: 10px; } .portlet_wrap .portlet_row .login_sns .user_info .info { display: inline-block; color: #1e1e1e; font-weight: 500; } .portlet_wrap .portlet_row .login_sns .user_info .name { display: inline-block; color: #666; font-weight: 400; font-size: 16px; } .portlet_wrap .portlet_row .login_sns .user_info .name strong { color: #1e1e1e; font-weight: 500; font-size: 18px; } .portlet_wrap .portlet_row .login_sns .sns_info { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; font-size: 18px; line-height: 27px; margin-left: 30px; padding-right: 20px; } .portlet_wrap .portlet_row .login_sns .sns_info .info { display: inline-block; color: #1e1e1e; font-weight: 500; white-space: nowrap; } .portlet_wrap .portlet_row .login_sns .form_area { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .portlet_wrap .portlet_row .login_sns .form_area .input_box { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; } .portlet_wrap .portlet_row .login_sns .form_area .input_box.no_select { padding-left: 210px; } .portlet_wrap .portlet_row .login_sns .form_area .input_box .combobox-wrap { margin-right: 10px; width: 190px; } .portlet_wrap .portlet_row .login_sns .form_area .input_box .combobox-wrap .combobox__button { padding: 0 17px 0 14px; border-width: 0 0 1px; } .portlet_wrap .portlet_row .login_sns .form_area .input_box .combobox-wrap.is-error .combobox__button { border-bottom-color: #ff4141; } .portlet_wrap .portlet_row .login_sns .form_area .input_box input { margin-right: 10px; border: 1px solid #fff; border-bottom: 1px solid #ccc; width: 190px; height: 48px; padding: 0; background: #fff; color: #888; font-size: 16px; vertical-align: unset; } .portlet_wrap .portlet_row .login_sns .form_area .input_box input::-webkit-input-placeholder { color: #939393; opacity: 1; } .portlet_wrap .portlet_row .login_sns .form_area .input_box input:-ms-input-placeholder { color: #939393; opacity: 1; } .portlet_wrap .portlet_row .login_sns .form_area .input_box input::-ms-input-placeholder { color: #939393; opacity: 1; } .portlet_wrap .portlet_row .login_sns .form_area .input_box input::placeholder { color: #939393; opacity: 1; } .portlet_wrap .portlet_row .login_sns .form_area .input_box input:-ms-input-placeholder { color: #939393; } .portlet_wrap .portlet_row .login_sns .form_area .input_box input::-ms-input-placeholder { color: #939393; } .portlet_wrap .portlet_row .login_sns .form_area .input_box input.is-error { border-bottom-color: #ff4141; } .portlet_wrap .portlet_row .login_sns .form_area .input_box .o-input-type--password input { padding-right: 25px; } .portlet_wrap .portlet_row .login_sns .form_area .input_box .o-input-type--password .o-input-button { top: 15px; } .portlet_wrap .portlet_row .login_sns .form_area .input_box .btn_login { display: inline-block; width: 130px; height: 48px; background: #21277d; text-align: center; font-size: 14px; color: #fff; font-weight: 500; } .portlet_wrap .portlet_row .login_sns .form_area .input_box .btn_join { display: inline-block; width: 130px; height: 48px; background: #fff; border: 1px solid #21277d; text-align: center; font-size: 14px; color: #21277d; font-weight: 500; margin-left: 10px; } .portlet_wrap .portlet_row .login_sns .form_area .input_box .c-text { position: absolute; bottom: -22px; left: 0; font-size: 13px; } .portlet_wrap .portlet_row .login_sns .form_area .input_box .c-text.c-3 { left: 200px; } .portlet_wrap .portlet_row .login_sns .form_area .etc { display: -webkit-box; display: -ms-flexbox; display: flex; } .portlet_wrap .portlet_row .login_sns .form_area .etc li { border-left: 1px solid #ccc; } .portlet_wrap .portlet_row .login_sns .form_area .etc li:first-child { margin-left: 0; border-left: 0; } .portlet_wrap .portlet_row .login_sns .form_area .etc li:last-child a { padding-right: 0; } .portlet_wrap .portlet_row .login_sns .form_area .etc li a { padding: 0 20px; font-size: 14px; color: #666; } .portlet_wrap .portlet_row .login_sns .form_area .etc li a span { color: #1e1e1e; } .portlet_wrap .portlet_row .login_sns .form_area .etc.e_login { position: absolute; bottom: 25px; left: 0; } .portlet_wrap .portlet_row .login_sns .form_area .etc.e_login.is-error { bottom: 0; left: 0; } .portlet_wrap .portlet_row .login_sns .form_area .etc.e_login li { border: 0; font-size: 14px; color: #666; } .portlet_wrap .portlet_row .login_sns .form_area .etc.e_login li a { padding-left: 10px; } .portlet_wrap .portlet_row .login_sns .form_area .etc.e_login li:nth-of-type(1) { margin-right: 100px; } .portlet_wrap .portlet_row .login_sns .form_area .etc.e_login li:nth-of-type(2) { margin-right: 44px; } .portlet_wrap .portlet_row .login_sns .form_area .etc.e_login li label { padding-left: 24px; line-height: 17px; } .portlet_wrap .portlet_row .login_sns .form_area .etc.e_login li label:before { width: 18px; height: 18px; } .portlet_wrap .portlet_row .login_sns .form_area .etc.e_login li label:after { width: 10px; } .portlet_wrap .portlet_row .login_sns .sns_list { -ms-flex-preferred-size: 306px; flex-basis: 306px; } .portlet_wrap .portlet_row .login_sns .sns_list li { float: left; position: relative; } .portlet_wrap .portlet_row .login_sns .sns_list li:nth-child(1) { margin-right: 10px; margin-bottom: 10px; } .portlet_wrap .portlet_row .login_sns .sns_list li:nth-child(2) { margin-bottom: 10px; } .portlet_wrap .portlet_row .login_sns .sns_list li:nth-child(3) { margin-right: 10px; } .portlet_wrap .portlet_row .login_sns .sns_list li a { display: block; width: 148px; height: 48px; border: 1px solid #ccc; line-height: 46px; padding-left: 47px; text-align: center; font-size: 14px; font-weight: 500; color: rgba(0, 0, 0, 0.8); } .portlet_wrap .portlet_row .login_sns .sns_list li a:before { content: ''; display: inline-block; position: absolute; left: 0; top: 0; width: 48px; height: 48px; } .portlet_wrap .portlet_row .login_sns .sns_list li a span { overflow: hidden; position: absolute; z-index: -1; width: 1px; height: 1px; font-size: 1px; line-height: 2; opacity: 0; } .portlet_wrap .portlet_row .login_sns .sns_list li.naver a:before { background: url("../img/common/btn_sns_naver.png") no-repeat 0 0; background-size: 100% 100%; } .portlet_wrap .portlet_row .login_sns .sns_list li.kakao a:before { background: url("../img/common/btn_sns_kakao.png") no-repeat 0 0; background-size: 100% 100%; } .portlet_wrap .portlet_row .login_sns .sns_list li.facebook a:before { background: url("../img/common/btn_sns_facebook.png") no-repeat 0 0; background-size: 100% 100%; } .portlet_wrap .portlet_row .login_sns .sns_list li.google a:before { background: url("../img/common/btn_sns_google.png") no-repeat 0 0; background-size: 100% 100%; } .portlet_wrap .portlet_row .login_sns.before .user_info .name, .portlet_wrap .portlet_row .login_sns.before .form_area .e_logout { display: none; } .portlet_wrap .portlet_row .login_sns.before .user_info, .portlet_wrap .portlet_row .login_sns.before .form_area { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .portlet_wrap .portlet_row .login_sns.after .user_info .info, .portlet_wrap .portlet_row .login_sns.after .form_area .e_login, .portlet_wrap .portlet_row .login_sns.after .form_area fieldset { display: none; } .portlet_wrap .portlet_row .login_sns.after .sns_info, .portlet_wrap .portlet_row .login_sns.after .sns_list { display: none; } .portlet_wrap .portlet_row .tagcloudkeyword .keyword_wrap { height: 380px; border: 1px solid #ccc; display: -webkit-box; display: -ms-flexbox; display: flex; background: #fff; } .portlet_wrap .portlet_row .tagcloudkeyword .keyword_wrap .gr_area { position: relative; width: 50%; height: 100%; } .portlet_wrap .portlet_row .tagcloudkeyword .keyword_wrap .gr_area .sp_circle { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; } .portlet_wrap .portlet_row .tagcloudkeyword .keyword_wrap .gr_area .sp_circle.ranking1 { top: 59px; left: 250px; width: 254px; height: 104px; border-radius: 52px; background: #00b6e8; font-size: 25px; color: #fff; font-weight: 700; } .portlet_wrap .portlet_row .tagcloudkeyword .keyword_wrap .gr_area .sp_circle.ranking2 { top: 109px; left: 92px; width: 128px; height: 54px; border-radius: 27px; background: #32667d; font-size: 18px; color: #fff; } .portlet_wrap .portlet_row .tagcloudkeyword .keyword_wrap .gr_area .sp_circle.ranking3 { top: 175px; left: 124px; width: 190px; height: 80px; border-radius: 40px; background: #ff726d; font-size: 18px; color: #fff; } .portlet_wrap .portlet_row .tagcloudkeyword .keyword_wrap .gr_area .sp_circle.ranking4 { bottom: 59px; left: 253px; width: 124px; height: 52px; border-radius: 26px; background: #ffba00; font-size: 18px; color: #fff; } .portlet_wrap .portlet_row .tagcloudkeyword .keyword_wrap .gr_area .sp_circle.ranking5 { top: 197px; left: 334px; width: 139px; height: 58px; border-radius: 29px; background: #00b0c2; font-size: 18px; color: #fff; } .portlet_wrap .portlet_row .tagcloudkeyword .keyword_wrap .thum_list { margin: 0 0 0 0; padding: 0 29px 0 10px; width: 50%; } .portlet_wrap .portlet_row .tagcloudkeyword .keyword_wrap .thum_list .cont_area .stit_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 44px 0 15px; padding-bottom: 7px; } .portlet_wrap .portlet_row .tagcloudkeyword .keyword_wrap .thum_list .cont_area .stit_wrap .s_tit { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-size: 20px; color: #1e1e1e; font-weight: 500; } .portlet_wrap .portlet_row .tagcloudkeyword .keyword_wrap .thum_list .cont_area .slider_key { overflow: hidden; } .portlet_wrap .portlet_row .tagcloudkeyword .keyword_wrap .thum_list .cont_area .slider_key .slick-list { margin: 0 -10px; } .portlet_wrap .portlet_row .tagcloudkeyword .keyword_wrap .thum_list .cont_area .slider_key .slick-list .slick-slide { margin: 0 10px; } .portlet_wrap .portlet_row .tagcloudkeyword .keyword_wrap .thum_list .cont_area .slider_key .slick-list .slick-slide .thum_item dl { width: 270px; } .portlet_wrap .portlet_row .tagcloudkeyword .keyword_wrap .thum_list .cont_area .slider_key .slick-list .slick-slide .thum_item dl dt { position: relative; } .portlet_wrap .portlet_row .tagcloudkeyword .keyword_wrap .thum_list .cont_area .slider_key .slick-list .slick-slide .thum_item dl dt .img a { display: block; width: 270px; height: 152px; overflow: hidden; background-color: rgba(23, 30, 126, 0.1); } .portlet_wrap .portlet_row .tagcloudkeyword .keyword_wrap .thum_list .cont_area .slider_key .slick-list .slick-slide .thum_item dl dt .img a > img, .portlet_wrap .portlet_row .tagcloudkeyword .keyword_wrap .thum_list .cont_area .slider_key .slick-list .slick-slide .thum_item dl dt .img a > a > img { position: relative; width: auto; height: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .portlet_wrap .portlet_row .tagcloudkeyword .keyword_wrap .thum_list .cont_area .slider_key .slick-list .slick-slide .thum_item dl dt button { position: absolute; right: 12px; bottom: 12px; } .portlet_wrap .portlet_row .tagcloudkeyword .keyword_wrap .thum_list .cont_area .slider_key .slick-list .slick-slide .thum_item dl dd .p_cate { display: inline-block; margin: 24px 0 16px; font-size: 15px; color: #4e51d4; font-weight: 500; } .portlet_wrap .portlet_row .tagcloudkeyword .keyword_wrap .thum_list .cont_area .slider_key .slick-list .slick-slide .thum_item dl dd a { height: 45px; font-size: 18px; color: #1e1e1e; line-height: 1.3; font-weight: 500; display: inline-block; white-space: normal; word-break: break-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .portlet_wrap .portlet_row .tagcloudkeyword .keyword_wrap .thum_list .cont_area .slider_key .slick-list .slick-slide .thum_item dl dd a:hover { text-decoration: underline; } .portlet_wrap .portlet_row .tagcloudkeyword .keyword_wrap .thum_list .cont_area .slider_key .slick-arrow { top: 33px; } .portlet_wrap .portlet_row .bannermymenu { position: relative; } .portlet_wrap .portlet_row .bannermymenu .bannermymenu_slide_wrap { position: relative; height: 300px; padding-top: 69px; border: 1px solid #e3e3e3; background-color: #fff; } .portlet_wrap .portlet_row .bannermymenu .bannermymenu_slide_wrap .btn_pt_set { position: absolute; right: 86px; top: 34px; } .portlet_wrap .portlet_row .bannermymenu .bannermymenu_slide_wrap .btn_pt_set span { display: inline-block; border: 0; height: 19px; line-height: 22px; color: #666; font-size: 15px; } .portlet_wrap .portlet_row .bannermymenu .bannermymenu_slide_wrap .slide_my { display: block; width: 1044px; height: 160px; margin: 0 auto; } .portlet_wrap .portlet_row .bannermymenu .bannermymenu_slide_wrap .slide_my .slick-slide { margin: 0 8px; } .portlet_wrap .portlet_row .bannermymenu .bannermymenu_slide_wrap .slide_my .slick-slide .item { height: 160px; background: #fff; border: 1px solid #ccc; } .portlet_wrap .portlet_row .bannermymenu .bannermymenu_slide_wrap .slide_my .slick-slide .item:hover { border: 1px solid #00adfb; color: #00adfb; } .portlet_wrap .portlet_row .bannermymenu .bannermymenu_slide_wrap .slide_my .slick-slide .item:hover a { color: #00adfb; } .portlet_wrap .portlet_row .bannermymenu .bannermymenu_slide_wrap .slide_my .slick-slide .item:first-child { margin-left: 0; } .portlet_wrap .portlet_row .bannermymenu .bannermymenu_slide_wrap .slide_my .slick-slide .item a { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #222; font-size: 18px; line-height: 25px; font-weight: 700; } .portlet_wrap .portlet_row .bannermymenu .bannermymenu_slide_wrap .slide_my .slick-arrow { top: 45px; } .portlet_wrap .portlet_row .bannermymenu .bannermymenu_slide_wrap .slide_my .slick-arrow.slick-prev { left: -78px; } .portlet_wrap .portlet_row .bannermymenu .bannermymenu_slide_wrap .slide_my .slick-arrow.slick-next { right: -78px; } .portlet_wrap .portlet_row .bannermymenu.p6 .bannermymenu_slide_wrap { width: 570px; height: 100%; padding-top: 96px; } .portlet_wrap .portlet_row .bannermymenu.p6 .bannermymenu_slide_wrap .btn_pt_set { right: 119px; top: 61px; } .portlet_wrap .portlet_row .bannermymenu.p6 .bannermymenu_slide_wrap .slide_my { width: 348px; } .portlet_wrap .portlet_row .bannermymenu.p6 .bannermymenu_slide_wrap .slide_my .slick-arrow { top: 45px; } .portlet_wrap .portlet_row .bannermymenu.p6 .bannermymenu_slide_wrap .slide_my .slick-arrow.slick-prev { left: -110px; } .portlet_wrap .portlet_row .bannermymenu.p6 .bannermymenu_slide_wrap .slide_my .slick-arrow.slick-next { right: -110px; } .portlet_wrap .portlet_row .bannermymenu .pot_mymenu_modal .dep1_tit { margin-top: 40px; font-size: 18px; font-weight: 700; color: #222; } .portlet_wrap .portlet_row .bannermymenu .pot_mymenu_modal .dep1_tit:first-child { margin-top: 0; } .portlet_wrap .portlet_row .bannermymenu .pot_mymenu_modal .menu_list { margin-top: 5px; } .portlet_wrap .portlet_row .bannermymenu .pot_mymenu_modal .menu_list input { overflow: hidden; position: absolute; left: -1000%; top: auto; width: 1px; height: 1px; } .portlet_wrap .portlet_row .bannermymenu .pot_mymenu_modal .menu_list label { margin: 10px 5px 0 0; width: 170px; height: 30px; font-size: 14px; color: #666; background: #f2f3f8; border-radius: 15px; line-height: 32px; cursor: pointer; text-align: left; text-indent: 16px; display: inline-block; white-space: nowrap; word-break: break-all; overflow: hidden; text-overflow: ellipsis; } .portlet_wrap .portlet_row .bannermymenu .pot_mymenu_modal .menu_list input:checked + label { background: #00adfb; color: #fff; } .portlet_wrap .portlet_row .b2cpromotionbig2 { position: relative; top: 30px; margin-bottom: 30px; } .portlet_wrap .portlet_row .b2cpromotionbig2 .slick_play { position: absolute; right: 0; top: -23px; } .portlet_wrap .portlet_row .b2cpromotionbig2 .slider-for { position: relative; width: 1196px; margin: 0 auto; height: 300px; margin: auto; } .portlet_wrap .portlet_row .b2cpromotionbig2 .slider-for .slick-arrow { top: 115px; background: none; } .portlet_wrap .portlet_row .b2cpromotionbig2 .slider-for .slick-arrow.slick-prev { left: 30px; } .portlet_wrap .portlet_row .b2cpromotionbig2 .slider-for .slick-arrow.slick-next { right: 30px; } .portlet_wrap .portlet_row .b2cpromotionbig2 .slider-for .slick-dots { position: absolute; top: -30px; right: 0; text-align: right; margin-right: 16px; } .portlet_wrap .portlet_row .b2cpromotionbig2 .slick-slide img { width: 100%; height: 300px; } .portlet_wrap .portlet_row .b2cpromotionbig2 .slider-nav { position: relative; top: -12px; width: 1196px; height: 75px; margin: auto; } .portlet_wrap .portlet_row .b2cpromotionbig2 .slider-nav .slick-track { left: 0 !important; } .portlet_wrap .portlet_row .b2cpromotionbig2 .slider-nav .slick-slide { margin-left: 1px; padding-top: 12px; } .portlet_wrap .portlet_row .b2cpromotionbig2 .slider-nav .slick-slide:first-child { margin-left: 0; } .portlet_wrap .portlet_row .b2cpromotionbig2 .slider-nav .slick-slide.active .item { position: relative; height: 75px; background: #21277d; padding: 18px 0px 0; } .portlet_wrap .portlet_row .b2cpromotionbig2 .slider-nav .slick-slide.active .item strong { font-size: 15px; color: #fff; } .portlet_wrap .portlet_row .b2cpromotionbig2 .slider-nav .slick-slide.active .item p { font-size: 20px; color: #fff; font-weight: 700; } .portlet_wrap .portlet_row .b2cpromotionbig2 .slider-nav .slick-slide.active .item:after, .portlet_wrap .portlet_row .b2cpromotionbig2 .slider-nav .slick-slide.active .item:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; z-index: 1000000; } .portlet_wrap .portlet_row .b2cpromotionbig2 .slider-nav .slick-slide.active .item:after { border-color: rgba(33, 39, 125, 0); border-bottom-color: #21277d; border-width: 10px; margin-left: -10px; } .portlet_wrap .portlet_row .b2cpromotionbig2 .slider-nav .slick-slide.active .item:before { border-color: rgba(33, 39, 125, 0); border-bottom-color: #21277d; border-width: 11px; margin-left: -11px; } .portlet_wrap .portlet_row .b2cpromotionbig2 .slider-nav .slick-slide .item { height: 75px; padding: 20px 0px 0; text-align: center; background: #f2f3f8; } .portlet_wrap .portlet_row .b2cpromotionbig2 .slider-nav .slick-slide .item strong { font-size: 15px; color: #484bc0; } .portlet_wrap .portlet_row .b2cpromotionbig2 .slider-nav .slick-slide .item p { margin-top: 6px; font-size: 16px; white-space: nowrap; color: #222; letter-spacing: -0.54px; line-height: 1.5; } .portlet_wrap .portlet_row .b2cpromotionbig2 .slider-nav.cnt_7 .slick-slide { width: 166px; } .portlet_wrap .portlet_row .b2cpromotionbig2 .slider-nav.cnt_7 .slick-slide .item { padding-top: 16px; } .portlet_wrap .portlet_row .b2cpromotionbig2 .slider-nav.cnt_7 .slick-slide.active { width: 198px; } .portlet_wrap .portlet_row .b2cpromotionbig2 .slider-nav.cnt_6 .slick-slide { width: 181px; } .portlet_wrap .portlet_row .b2cpromotionbig2 .slider-nav.cnt_6 .slick-slide.active { width: 291px; } .portlet_wrap .portlet_row .b2cpromotionbig2 .slider-nav.cnt_5 .slick-slide { width: 215px; } .portlet_wrap .portlet_row .b2cpromotionbig2 .slider-nav.cnt_5 .slick-slide.active { width: 336px; } .portlet_wrap .portlet_row .b2cpromotionbig2 .slider-nav.cnt_4 .slick-slide { width: 265px; } .portlet_wrap .portlet_row .b2cpromotionbig2 .slider-nav.cnt_4 .slick-slide.active { width: 401px; } .portlet_wrap .portlet_row .b2cpromotionbig2 .slider-nav.cnt_3 .slick-slide { width: 344px; } .portlet_wrap .portlet_row .b2cpromotionbig2 .slider-nav.cnt_3 .slick-slide.active { width: 508px; } .portlet_wrap .portlet_row .b2cpromotionbig2 .slider-nav.cnt_2 .slick-slide { width: 555px; } .portlet_wrap .portlet_row .b2cpromotionbig2 .slider-nav.cnt_2 .slick-slide.active { width: 640px; } .portlet_wrap .portlet_row .b2cpromotionbig2 .slider-nav.cnt_1 .slick-slide.active { width: 1196px; } .portlet_wrap .portlet_row .searchbig3 { position: relative; width: 100%; min-height: 500px; } .portlet_wrap .portlet_row .searchbig3 .ptl_info { width: 800px; margin: 115px auto 0; padding-left: 20px; } .portlet_wrap .portlet_row .searchbig3 .ptl_info span, .portlet_wrap .portlet_row .searchbig3 .ptl_info strong { text-shadow: 0 0 7px rgba(0, 0, 0, 0.5); } .portlet_wrap .portlet_row .searchbig3 .ptl_info strong { display: block; font-size: 48px; color: #fff; letter-spacing: -3.1px; } .portlet_wrap .portlet_row .searchbig3 .ptl_info span { display: block; margin: 10px 0 21px; font-size: 22px; color: #fff; letter-spacing: -1.4px; line-height: 2.09; } .portlet_wrap .portlet_row .searchbig3 .gnb_search_fd { position: absolute; left: 0; right: 0; margin: auto; width: 800px; border-bottom: 1px solid #ccc; } .portlet_wrap .portlet_row .searchbig3 .gnb_search_fd fieldset .inp_sch { margin-top: 0; padding-left: 20px; color: #666; } .portlet_wrap .portlet_row .searchbig3 .gnb_search_fd fieldset .btn_gnb_search--reset { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 99px; } .portlet_wrap .portlet_row .searchbig3 .gnb_search_fd fieldset .btn_gnb_search--open { top: 50%; right: 66px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .portlet_wrap .portlet_row .searchbig3 .gnb_search_fd fieldset .btn_gnb_search { top: 50%; right: 34px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .portlet_wrap .portlet_row .searchbig3 .gnb_search_fd .search__auto { padding: 0 24px; border-top: 1px solid #ccc; -webkit-box-shadow: 0 2px 2px #ccc; box-shadow: 0 2px 2px #ccc; } .portlet_wrap .portlet_row .searchbig3 .gnb_search_fd .search__auto .search__auto-tit { padding-bottom: 17px; } .portlet_wrap .portlet_row .searchbig3 .gnb_search_fd .search__auto .search__auto-container .search__auto-content { padding-bottom: 20px; border: 0; } .portlet_wrap .portlet_row .searchbig3 .gnb_search_fd .search__auto .search__auto-container .search__auto-content:first-child { padding-right: 28px; } .portlet_wrap .portlet_row .searchbig3 .gnb_search_fd .search__auto .search__auto-container .search__auto-content:first-child .search__auto-newly { min-height: 286px; } .portlet_wrap .portlet_row .searchbig3 .gnb_search_fd .search__auto .search__auto-container .search__auto-content:first-child ~ .search__auto-content { padding-left: 28px; } .portlet_wrap .portlet_row .searchbig3 .gnb_search_fd .search__auto .search__auto-container .search__auto-content:nth-of-type(1) .search__auto-empty { padding: 70px 0 78px; } .portlet_wrap .portlet_row .searchbig3 .gnb_search_fd .search__auto .search__auto-container .search__auto-content:nth-of-type(2) .search__auto-empty, .portlet_wrap .portlet_row .searchbig3 .gnb_search_fd .search__auto .search__auto-container .search__auto-content:nth-of-type(3) .search__auto-empty { height: 101px; padding: 0; line-height: 101px; } .portlet_wrap .portlet_row .searchbig3 .gnb_search_fd .search__auto .search__auto-container .search__auto-content .search__auto-newly { } .portlet_wrap .portlet_row .searchbig3 .gnb_search_fd .search__auto .search__auto-container .search__auto-content .search__auto-newly .gnb__resent--delete:before, .portlet_wrap .portlet_row .searchbig3 .gnb_search_fd .search__auto .search__auto-container .search__auto-content .search__auto-newly .gnb__resent--delete:after { background: #707070; } .portlet_wrap .portlet_row .searchbig3 .gnb_search_fd .search__auto .search__auto-container .search__auto-content .search__auto-bestlist { padding-left: 10px; } .portlet_wrap .portlet_row .searchbig3 .gnb_search_fd .search__auto .search__auto-container .search__auto-content .gnb__resent--alldelete { bottom: -18px; padding-bottom: 2px; } .portlet_wrap .portlet_row .searchbig3 .gnb_search_fd .search__auto .search__auto-container .search__auto-content .gnb__resent--alldelete:hover { border-color: #666; } .portlet_wrap .portlet_row .searchbig3 .gnb_search_fd .search__auto .search__auto-container .search__auto-content .search__auto-bestlist .o-label__round { padding: 8px 13px 6px; font-size: 14px; } .portlet_wrap .portlet_row .searchbig3 .gnb_search_fd .search__auto .search__auto-container .search__auto-content:nth-child(2) { padding-bottom: 48px; } .portlet_wrap .portlet_row .searchbig3 .gnb_search_fd .search__auto .search__auto-foot button { margin-top: -55px; padding-bottom: 2px; } .portlet_wrap .portlet_row .searchbig3 .gnb_search_fd .search__auto .search__auto-foot button:hover { border-color: #666; } .portlet_wrap .portlet_row .searchbig3 .gnb_search_fd .search__auto .search__auto-foot .search__close-content { right: 10px; bottom: 53px; } .portlet_wrap .portlet_row .searchbig3 .my_learning_wrap { margin-top: 150px; } .portlet_wrap .portlet_row .searchbig3 .my_learning_wrap .my_learning_status { margin-top: 15px !important; } .portlet_wrap .portlet_row .searchbig3 .my_learning_wrap .my_learning_status .c-tooltip button { background: url(../img/portlet/ico_q_w.png) no-repeat 0 0; } .portlet_wrap .portlet_row .searchbig3 .my_learning_wrap .my_learning_status .keyword_box { position: relative; width: 600px; padding: 0; text-align: center; } .portlet_wrap .portlet_row .searchbig3 .my_learning_wrap .my_learning_status .keyword_box .no_item { margin: 0 auto; padding: 75px 0; } .portlet_wrap .portlet_row .searchbig3 .my_learning_wrap .my_learning_status .keyword_box .no_item p { padding-top: 71px; color: #666 !important; text-align: center; font-size: 16px; background: url(../img/portlet/ico_heart46x46.png) no-repeat top center; } .portlet_wrap .portlet_row .searchbig3 .my_learning_wrap .my_learning_status .keyword_box strong { display: block; padding: 35px 0 40px; font-size: 18px; color: #fff; font-weight: 500; } .portlet_wrap .portlet_row .searchbig3 .my_learning_wrap .my_learning_status .keyword_box .keyword_list { width: 540px; margin: auto; } .portlet_wrap .portlet_row .searchbig3 .my_learning_wrap .my_learning_status .keyword_box .keyword_list span { display: inline-block; height: 30px; margin: 0 1px 8px 0; line-height: 30px; border-radius: 15px; padding: 0 14px; background: #f2f3f8; font-size: 14px; color: #666; } .portlet_wrap .portlet_row .searchbig3 .my_learning_wrap .my_learning_status .keyword_box .keyword_list span.active { background: #00adfb; color: #fff; } .portlet_wrap .portlet_row .searchbig3 .my_learning_wrap .my_learning_status .keyword_box p { font-size: 18px; color: #fff; line-height: 1.4; } .portlet_wrap .portlet_row .searchbig3 .my_learning_wrap .my_learning_status .keyword_box p + p { margin: 6px 0 42px; font-size: 16px; color: #fff; opacity: 0.6; } .portlet_wrap .portlet_row .searchbig3 .my_learning_wrap .my_learning_status .keyword_box strong + p { margin-top: -20px; } .portlet_wrap .portlet_row .searchbig3 .my_learning_wrap .my_learning_status .keyword_box button { position: absolute; left: 0; right: 0; bottom: 25px; margin: auto; } .portlet_wrap .portlet_row .searchbig3 .my_learning_wrap .my_learning_status .keyword_box .btn_setting_1 { background: #fff; width: 104px; height: 40px; border: 1px solid #fff; font-size: 14px; color: #666; font-weight: 500; } .portlet_wrap .portlet_row .searchbig3 .my_learning_wrap .my_learning_status .keyword_box .btn_setting_2 { width: 104px; height: 40px; background: #00adfb; font-size: 14px; color: #fff; font-weight: 500; } .portlet_wrap .portlet_row .curationbig1 { width: 100%; } .portlet_wrap .portlet_row .curationbig1.p12 .curationbig1_1 { position: relative; margin: 26px 0 1px; line-height: 1.3; } .portlet_wrap .portlet_row .curationbig1.p12 .curationbig1_1.no-title { margin-top: 46px; } .portlet_wrap .portlet_row .curationbig1.p12 .curationbig1_1.no-title .msg_welcome { display: none; } .portlet_wrap .portlet_row .curationbig1.p12 .curationbig1_1.no-title .tabs_area .tabs { top: -46px; } .portlet_wrap .portlet_row .curationbig1.p12 .curationbig1_1 .msg_welcome { margin: 0 0 23px; font-size: 29px; color: #1e1e1e; letter-spacing: -1.89px; } .portlet_wrap .portlet_row .curationbig1.p12 .curationbig1_1 .msg_welcome span { margin-bottom: 10px; font-weight: 700; } .portlet_wrap .portlet_row .curationbig1.p12 .curationbig1_1 .tabs_area .tabs { position: absolute; top: 50px; right: 0; } .portlet_wrap .portlet_row .curationbig1.p12 .curationbig1_1 .tabs_area .tabs li { float: left; margin-left: 50px; } .portlet_wrap .portlet_row .curationbig1.p12 .curationbig1_1 .tabs_area .tabs li a { display: inline-block; height: 20px; font-size: 15px; color: #666; } .portlet_wrap .portlet_row .curationbig1.p12 .curationbig1_1 .tabs_area .tabs li.active a { color: #1e1e1e; font-weight: 500; border-bottom: 1px solid #1e1e1e; } .portlet_wrap .portlet_row .curationbig1.p12 .curationbig1_1 .tabs_area .tabs_contents .item { width: 1196px; height: 442px; display: none; } .portlet_wrap .portlet_row .curationbig1.p12 .curationbig1_1 .tabs_area .tabs_contents .item .thum_item { display: -webkit-box; display: -ms-flexbox; display: flex; } .portlet_wrap .portlet_row .curationbig1.p12 .curationbig1_1 .tabs_area .tabs_contents .item .thum_item dl { width: 287px; margin-left: 16px; } .portlet_wrap .portlet_row .curationbig1.p12 .curationbig1_1 .tabs_area .tabs_contents .item .thum_item dl dt { position: relative; } .portlet_wrap .portlet_row .curationbig1.p12 .curationbig1_1 .tabs_area .tabs_contents .item .thum_item dl dt .img a { display: block; width: 287px; height: 221px; overflow: hidden; background-color: rgba(23, 30, 126, 0.1); } .portlet_wrap .portlet_row .curationbig1.p12 .curationbig1_1 .tabs_area .tabs_contents .item .thum_item dl dt .img a > img, .portlet_wrap .portlet_row .curationbig1.p12 .curationbig1_1 .tabs_area .tabs_contents .item .thum_item dl dt .img a > a > img { position: relative; width: auto; height: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .portlet_wrap .portlet_row .curationbig1.p12 .curationbig1_1 .tabs_area .tabs_contents .item .thum_item dl dt button { position: absolute; right: 12px; bottom: 12px; } .portlet_wrap .portlet_row .curationbig1.p12 .curationbig1_1 .tabs_area .tabs_contents .item .thum_item dl dd .p_cate { display: inline-block; margin: 24px 0 16px; font-size: 14px; color: #4e51d4; font-weight: 500; } .portlet_wrap .portlet_row .curationbig1.p12 .curationbig1_1 .tabs_area .tabs_contents .item .thum_item dl dd a { display: inline-block; height: 45px; font-size: 18px; color: #1e1e1e; line-height: 1.3; overflow: hidden; font-weight: 500; } .portlet_wrap .portlet_row .curationbig1.p12 .curationbig1_1 .tabs_area .tabs_contents .item .thum_item .big { width: 590px; height: 442px; overflow: hidden; margin-left: 0; } .portlet_wrap .portlet_row .curationbig1.p12 .curationbig1_1 .tabs_area .tabs_contents .item .thum_item .big dt .img a { display: block; width: 590px; height: 329px; overflow: hidden; background-color: rgba(23, 30, 126, 0.1); } .portlet_wrap .portlet_row .curationbig1.p12 .curationbig1_1 .tabs_area .tabs_contents .item .thum_item .big dt .img a > img, .portlet_wrap .portlet_row .curationbig1.p12 .curationbig1_1 .tabs_area .tabs_contents .item .thum_item .big dt .img a > a > img { position: relative; width: 100%; height: auto; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .portlet_wrap .portlet_row .curationbig1.p12 .curationbig1_1 .tabs_area .tabs_contents .item .thum_item .big dd { width: 100%; height: 114px; background: #21277d; padding: 0 30px; } .portlet_wrap .portlet_row .curationbig1.p12 .curationbig1_1 .tabs_area .tabs_contents .item .thum_item .big dd .p_cate { font-size: 14px; color: #fff; font-weight: 500; } .portlet_wrap .portlet_row .curationbig1.p12 .curationbig1_1 .tabs_area .tabs_contents .item .thum_item .big dd a { width: 550px; height: 36px; font-size: 25px; color: #fff; letter-spacing: -1.63px; font-weight: 500; display: inline-block; white-space: nowrap; word-break: break-all; overflow: hidden; text-overflow: ellipsis; } .portlet_wrap .portlet_row .curationbig1.p12 .curationbig1_1 .tabs_area .tabs_contents .item.active { display: block; } .portlet_wrap .portlet_row .curationbig2 { position: relative; } .portlet_wrap .portlet_row .curationbig2 .ptl_title { position: absolute; top: 18px; left: 0; } .portlet_wrap .portlet_row .curationbig2 .tabs_area .tabs { position: absolute; top: 18px; left: 0; } .portlet_wrap .portlet_row .curationbig2 .tabs_area .tabs li { float: left; margin-right: 50px; } .portlet_wrap .portlet_row .curationbig2 .tabs_area .tabs li a { display: inline-block; height: 24px; font-size: 18px; color: #1e1e1e; } .portlet_wrap .portlet_row .curationbig2 .tabs_area .tabs li.active a { color: #1e1e1e; font-weight: 500; border-bottom: 1px solid #1e1e1e; } .portlet_wrap .portlet_row .curationbig2 .c_slider { position: relative; width: 100%; margin-top: 61px; display: none; } .portlet_wrap .portlet_row .curationbig2 .c_slider.active, .portlet_wrap .portlet_row .curationbig2 .c_slider.alone { display: block; } .portlet_wrap .portlet_row .curationbig2 .c_slider .c_control { position: absolute; top: -45px; right: 406px; } .portlet_wrap .portlet_row .curationbig2 .c_slider .c_control .c_dots { display: inline-block; height: 26px; padding: 0; margin: 0; list-style: none; text-align: center; } .portlet_wrap .portlet_row .curationbig2 .c_slider .c_control .c_dots li { display: inline-block; width: 8px; height: 8px; margin: 0 1.5px; padding: 0; cursor: pointer; -webkit-transition: all 0.3s; transition: all 0.3s; } .portlet_wrap .portlet_row .curationbig2 .c_slider .c_control .c_dots li button { font-size: 0; line-height: 0; display: block; width: 100%; height: 100%; cursor: pointer; color: transparent; border: 0; outline: none; background: #c2c4cc; border-radius: 4px; } .portlet_wrap .portlet_row .curationbig2 .c_slider .c_control .c_dots li button:hover, .portlet_wrap .portlet_row .curationbig2 .c_slider .c_control .c_dots li button:focus { outline: none; } .portlet_wrap .portlet_row .curationbig2 .c_slider .c_control .c_dots li.c_active { width: 30px; } .portlet_wrap .portlet_row .curationbig2 .c_slider .c_control .c_dots li.c_active button { width: 100%; background: #21277d; } .portlet_wrap .portlet_row .curationbig2 .c_slider .c_control .btn_play { margin: 0 0 -8px 4px; width: 12px; height: 12px; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 8px solid #21277d; font-size: 0; } .portlet_wrap .portlet_row .curationbig2 .c_slider .c_control .btn_play.play { border: 0; position: relative; } .portlet_wrap .portlet_row .curationbig2 .c_slider .c_control .btn_play.play:after { position: absolute; content: ''; width: 8px; height: 10px; border: 3px solid #21277d; border-top: 0; border-bottom: 0; -webkit-box-sizing: border-box; box-sizing: border-box; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .portlet_wrap .portlet_row .curationbig2 .c_slider .c_arrow { position: absolute; top: 180px; width: 35px; height: 70px; background: rgba(242, 243, 248, 0.5); font-size: 0; outline: 0; z-index: 100; } .portlet_wrap .portlet_row .curationbig2 .c_slider .c_arrow.c_prev { left: 0; } .portlet_wrap .portlet_row .curationbig2 .c_slider .c_arrow.c_prev:before { left: 14px; transform: rotate(135deg); -webkit-transform: rotate(135deg); } .portlet_wrap .portlet_row .curationbig2 .c_slider .c_arrow.c_next { right: 0; } .portlet_wrap .portlet_row .curationbig2 .c_slider .c_arrow.c_next:before { right: 14px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .portlet_wrap .portlet_row .curationbig2 .c_slider .c_arrow:before { position: absolute; top: 23px; border: solid #1e1e1e; border-width: 0 1px 1px 0; width: 24px; height: 24px; padding: 3px; opacity: 0.8; font-size: 0; outline: 0; content: ''; } .portlet_wrap .portlet_row .curationbig2 .c_slider .slider { position: relative; left: 0; width: 1000%; height: 430px; } .portlet_wrap .portlet_row .curationbig2 .c_slider .slider .item { float: left; width: 390px; height: 363px; -webkit-transition: all 0.42s; transition: all 0.42s; margin-top: 67px; margin-right: 16px; opacity: 0.2; } .portlet_wrap .portlet_row .curationbig2 .c_slider .slider .item dl { width: 390px; height: 363px; } .portlet_wrap .portlet_row .curationbig2 .c_slider .slider .item dl dt { position: relative; } .portlet_wrap .portlet_row .curationbig2 .c_slider .slider .item dl dt .img a { display: block; -webkit-transition: all 0.42s; transition: all 0.42s; width: 390px; height: 253px; overflow: hidden; background-color: rgba(23, 30, 126, 0.1); } .portlet_wrap .portlet_row .curationbig2 .c_slider .slider .item dl dt .img a > img, .portlet_wrap .portlet_row .curationbig2 .c_slider .slider .item dl dt .img a > a > img { position: relative; width: auto; height: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .portlet_wrap .portlet_row .curationbig2 .c_slider .slider .item dl dt button { position: absolute; right: 12px; bottom: 12px; } .portlet_wrap .portlet_row .curationbig2 .c_slider .slider .item dl dd { height: 110px; background: #fff; padding: 0 23px 0 20px; padding-right: 23px; -webkit-transition: all 0.42s; transition: all 0.42s; } .portlet_wrap .portlet_row .curationbig2 .c_slider .slider .item dl dd p { display: block; } .portlet_wrap .portlet_row .curationbig2 .c_slider .slider .item dl dd .p_cate { display: inline-block; margin: 18px 0 12px; font-size: 14px; color: #4e51d4; font-weight: 500; } .portlet_wrap .portlet_row .curationbig2 .c_slider .slider .item dl dd a { display: inline-block; height: 45px; font-size: 18px; color: #222; line-height: 1.3; overflow: hidden; font-weight: 500; } .portlet_wrap .portlet_row .curationbig2 .c_slider .slider .item.current { width: 790px; height: 430px; margin-top: 0; } .portlet_wrap .portlet_row .curationbig2 .c_slider .slider .item.current .no_img img { width: 640px; height: 360px; } .portlet_wrap .portlet_row .curationbig2 .c_slider .slider .item.current dl { width: 100%; height: 100%; } .portlet_wrap .portlet_row .curationbig2 .c_slider .slider .item.current dl dt .img a { display: block; width: 790px; height: 320px; overflow: hidden; background-color: rgba(23, 30, 126, 0.1); } .portlet_wrap .portlet_row .curationbig2 .c_slider .slider .item.current dl dt .img a > img, .portlet_wrap .portlet_row .curationbig2 .c_slider .slider .item.current dl dt .img a > a > img { position: relative; width: 100%; height: auto; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .portlet_wrap .portlet_row .curationbig2 .c_slider .slider .item.current dl dd { background: #21277d; } .portlet_wrap .portlet_row .curationbig2 .c_slider .slider .item.current dl dd .p_cate { margin-top: 22px; font-size: 14px; color: #fff; } .portlet_wrap .portlet_row .curationbig2 .c_slider .slider .item.current dl dd a { width: 100%; height: 45px; font-size: 25px; color: #fff; display: inline-block; white-space: nowrap; word-break: break-all; overflow: hidden; text-overflow: ellipsis; } .portlet_wrap .portlet_row .curationbig2 .c_slider .slider .item:last-child { opacity: 0.5; } .portlet_wrap .portlet_row .curationbig2 .c_slider .slider .item:nth-of-type(1), .portlet_wrap .portlet_row .curationbig2 .c_slider .slider .item:nth-of-type(2) { opacity: 1; } .portlet_wrap .portlet_row .curationbig2 .c_slider .dots li { float: left; list-style: none; margin-left: 10px; } .portlet_wrap .portlet_row .curationbig2 .c_slider .dots li.active { background: #f00; } .portlet_wrap .portlet_row .curationbig5 { width: 100%; } .portlet_wrap .portlet_row .curationbig5 .ptl_title { width: 1196px !important; margin: 30px auto 0; font-size: 28px !important; color: #222; font-weight: 700 !important; } .portlet_wrap .portlet_row .curationbig5 .ptl_title_center { width: 1196px !important; margin: 30px auto 0; font-size: 28px !important; color: #222; font-weight: 700 !important; text-align: center; } .portlet_wrap .portlet_row .curationbig5 .course_area { position: relative; width: 100%; overflow: hidden; } .portlet_wrap .portlet_row .curationbig5 .course_area .slider_wrap { height: 386px; position: relative; margin-top: 60px; } .portlet_wrap .portlet_row .curationbig5 .course_area .ptl_title + .slider_wrap, .portlet_wrap .portlet_row .curationbig5 .course_area .ptl_title_center + .slider_wrap { margin-top: 0; } .portlet_wrap .portlet_row .curationbig5 .course_area .txt_slider { position: absolute; bottom: 0; left: 0; right: 0; margin: auto; width: 994px; height: 386px; } .portlet_wrap .portlet_row .curationbig5 .course_area .txt_slider .item { position: relative; } .portlet_wrap .portlet_row .curationbig5 .course_area .txt_slider .item > a { display: block; width: 100%; height: 100%; } .portlet_wrap .portlet_row .curationbig5 .course_area .txt_slider .item > a:hover .top_info strong { text-decoration: underline; } .portlet_wrap .portlet_row .curationbig5 .course_area .txt_slider .item .status_info { position: absolute; left: 303px; top: 0; width: 64px; height: 30px; line-height: 30px; text-align: center; background: #000; font-size: 14px; color: #fff; z-index: 5000; } .portlet_wrap .portlet_row .curationbig5 .course_area .txt_slider .item .top_info { display: block; width: 303px; height: 386px; padding: 37px 30px 30px; background: #21277d; -webkit-transition: all 0.42s; transition: all 0.42s; color: #fff; } .portlet_wrap .portlet_row .curationbig5 .course_area .txt_slider .item .top_info em { display: inline-block; height: 30px; margin-bottom: 14px; padding: 0 10px; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 2px; font-size: 14px; text-align: center; line-height: 30px; } .portlet_wrap .portlet_row .curationbig5 .course_area .txt_slider .item .top_info strong { width: 100%; font-size: 24px; font-weight: 700; line-height: 1.4; height: 66px; display: inline-block; white-space: normal; word-break: break-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .portlet_wrap .portlet_row .curationbig5 .course_area .txt_slider .item .top_info strong + p { margin-top: 22px; } .portlet_wrap .portlet_row .curationbig5 .course_area .txt_slider .item .top_info span { display: block; margin: 10px 0 30px; font-size: 13px; opacity: 0.7; } .portlet_wrap .portlet_row .curationbig5 .course_area .txt_slider .item .top_info p { display: inline-block; width: 100%; min-height: 20px; padding-bottom: 50px; font-size: 15px; color: #fff !important; line-height: 1.4; background: url(../img/portlet/ico_go.png) no-repeat left 0 bottom 0; } .portlet_wrap .portlet_row .curationbig5 .course_area .txt_slider .item .top_info p * { color: #fff !important; } .portlet_wrap .portlet_row .curationbig5 .course_area .txt_slider .item .o-icon__like { position: absolute; right: 26px; bottom: 30px; z-index: 100; } .portlet_wrap .portlet_row .curationbig5 .course_area .top_slider { margin-bottom: -60px; } .portlet_wrap .portlet_row .curationbig5 .course_area .top_slider .slick-list { overflow: visible; } .portlet_wrap .portlet_row .curationbig5 .course_area .top_slider .slick-list .slick-slide { width: 691px; height: 386px; overflow: hidden; -webkit-transform: translateX(151.5px); transform: translateX(151.5px); } .portlet_wrap .portlet_row .curationbig5 .course_area .top_slider .slick-list .slick-slide.slick-current .item:after { display: none; } .portlet_wrap .portlet_row .curationbig5 .course_area .top_slider .slick-list .slick-slide .item { position: relative; height: 416px; } .portlet_wrap .portlet_row .curationbig5 .course_area .top_slider .slick-list .slick-slide .item > a { display: block; overflow: hidden; width: 691px; height: 386px; overflow: hidden; background-color: rgba(23, 30, 126, 0.1); } .portlet_wrap .portlet_row .curationbig5 .course_area .top_slider .slick-list .slick-slide .item > a > img, .portlet_wrap .portlet_row .curationbig5 .course_area .top_slider .slick-list .slick-slide .item > a > a > img { position: relative; width: 100%; height: auto; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .portlet_wrap .portlet_row .curationbig5 .course_area .top_slider .slick-list .slick-slide .item:after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); content: ''; } .portlet_wrap .portlet_row .curationbig5 .course_area .top_slider .slick-arrow { top: 50%; left: 50%; margin: -35px 0 0 -18px; background: none; } .portlet_wrap .portlet_row .curationbig5 .course_area .top_slider .slick-arrow.slick-prev { -webkit-transform: translate(-580px, 0); transform: translate(-580px, 0); } .portlet_wrap .portlet_row .curationbig5 .course_area .top_slider .slick-arrow.slick-next { -webkit-transform: translate(580px, 0); transform: translate(580px, 0); } .portlet_wrap .portlet_row .curationbig5 .course_area .top_slider .slick-arrow:before { border-width: 0 2px 2px 0; border-color: #fff; opacity: 0.8; } .portlet_wrap .portlet_row .curationbig5 .course_area .slick_control { position: relative; top: -430px; width: 994px; margin: auto; text-align: right; } .portlet_wrap .portlet_row .curationbig5 .course_area .slick_control ul { position: absolute; right: 16px; top: 0; width: auto; } .portlet_wrap .portlet_row .curationbig5 .course_area .slick_control .slick_play { position: relative; top: 4px; left: 0; color: #000; } .portlet_wrap .portlet_row .keywordcuration, .portlet_wrap .portlet_row .keywordcuration2 { width: 100%; } .portlet_wrap .portlet_row .keywordcuration .keyword_tab .tabs:after, .portlet_wrap .portlet_row .keywordcuration2 .keyword_tab .tabs:after { content: ''; display: block; clear: both; } .portlet_wrap .portlet_row .keywordcuration .keyword_tab .tabs li, .portlet_wrap .portlet_row .keywordcuration2 .keyword_tab .tabs li { position: relative; float: left; margin-right: 4px; } .portlet_wrap .portlet_row .keywordcuration .keyword_tab .tabs li span, .portlet_wrap .portlet_row .keywordcuration .keyword_tab .tabs li a, .portlet_wrap .portlet_row .keywordcuration2 .keyword_tab .tabs li span, .portlet_wrap .portlet_row .keywordcuration2 .keyword_tab .tabs li a { display: inline-block; height: 30px; margin: 0 1px 0 0; line-height: 32px; border-radius: 15px; padding: 0 14px; background: #f2f3f8; font-size: 14px; color: #666; } .portlet_wrap .portlet_row .keywordcuration .keyword_tab .tabs li.active a, .portlet_wrap .portlet_row .keywordcuration2 .keyword_tab .tabs li.active a { background: #00adfb; color: #fff; } .portlet_wrap .portlet_row .keywordcuration .keyword_tab .tabs li.active:after, .portlet_wrap .portlet_row .keywordcuration2 .keyword_tab .tabs li.active:after { position: absolute; bottom: -21px; left: 0; right: 0; margin: auto; width: 25px; height: 13px; background: url(../img/portlet/ico_arrow_tab.png) no-repeat 0 0; content: ''; } .portlet_wrap .portlet_row .keywordcuration .keyword_tab .keyword_contents, .portlet_wrap .portlet_row .keywordcuration2 .keyword_tab .keyword_contents { height: 242px; border: 1px solid #ccc; margin-top: 20px; overflow: hidden; } .portlet_wrap .portlet_row .keywordcuration .keyword_tab .keyword_contents .keyword_item, .portlet_wrap .portlet_row .keywordcuration2 .keyword_tab .keyword_contents .keyword_item { background: #fff; display: none; padding: 23px; } .portlet_wrap .portlet_row .keywordcuration .keyword_tab .keyword_contents .keyword_item.active, .portlet_wrap .portlet_row .keywordcuration2 .keyword_tab .keyword_contents .keyword_item.active { display: block; } .portlet_wrap .portlet_row .keywordcuration .keyword_tab .keyword_contents .keyword_item ul:after, .portlet_wrap .portlet_row .keywordcuration2 .keyword_tab .keyword_contents .keyword_item ul:after { content: ''; display: block; clear: both; } .portlet_wrap .portlet_row .keywordcuration .keyword_tab .keyword_contents .keyword_item ul li, .portlet_wrap .portlet_row .keywordcuration2 .keyword_tab .keyword_contents .keyword_item ul li { float: left; width: 372px; margin: 0 0 16px 24px; } .portlet_wrap .portlet_row .keywordcuration .keyword_tab .keyword_contents .keyword_item ul li .img, .portlet_wrap .portlet_row .keywordcuration2 .keyword_tab .keyword_contents .keyword_item ul li .img { position: relative; float: left; margin-right: 16px; } .portlet_wrap .portlet_row .keywordcuration .keyword_tab .keyword_contents .keyword_item ul li .img a, .portlet_wrap .portlet_row .keywordcuration2 .keyword_tab .keyword_contents .keyword_item ul li .img a { display: block; width: 156px; height: 89px; overflow: hidden; background-color: rgba(23, 30, 126, 0.1); } .portlet_wrap .portlet_row .keywordcuration .keyword_tab .keyword_contents .keyword_item ul li .img a > img, .portlet_wrap .portlet_row .keywordcuration .keyword_tab .keyword_contents .keyword_item ul li .img a > a > img, .portlet_wrap .portlet_row .keywordcuration2 .keyword_tab .keyword_contents .keyword_item ul li .img a > img, .portlet_wrap .portlet_row .keywordcuration2 .keyword_tab .keyword_contents .keyword_item ul li .img a > a > img { position: relative; width: auto; height: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .portlet_wrap .portlet_row .keywordcuration .keyword_tab .keyword_contents .keyword_item ul li .img .o-icon__like, .portlet_wrap .portlet_row .keywordcuration2 .keyword_tab .keyword_contents .keyword_item ul li .img .o-icon__like { position: absolute; right: 12px; bottom: 12px; } .portlet_wrap .portlet_row .keywordcuration .keyword_tab .keyword_contents .keyword_item ul li .dt, .portlet_wrap .portlet_row .keywordcuration2 .keyword_tab .keyword_contents .keyword_item ul li .dt { display: none; } .portlet_wrap .portlet_row .keywordcuration .keyword_tab .keyword_contents .keyword_item ul li dl, .portlet_wrap .portlet_row .keywordcuration2 .keyword_tab .keyword_contents .keyword_item ul li dl { float: left; width: 200px; } .portlet_wrap .portlet_row .keywordcuration .keyword_tab .keyword_contents .keyword_item ul li dl dt, .portlet_wrap .portlet_row .keywordcuration2 .keyword_tab .keyword_contents .keyword_item ul li dl dt { display: block; margin: 4px 0 10px; font-size: 15px; color: #4e51d4; font-weight: 500; } .portlet_wrap .portlet_row .keywordcuration .keyword_tab .keyword_contents .keyword_item ul li dl dd a, .portlet_wrap .portlet_row .keywordcuration2 .keyword_tab .keyword_contents .keyword_item ul li dl dd a { max-height: 50px; font-size: 18px; color: #1e1e1e; font-weight: 500; line-height: 26px; letter-spacing: -0.55px; display: inline-block; white-space: normal; word-break: break-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .portlet_wrap .portlet_row .keywordcuration .keyword_tab .keyword_contents .keyword_item ul li dl dd a:hover, .portlet_wrap .portlet_row .keywordcuration2 .keyword_tab .keyword_contents .keyword_item ul li dl dd a:hover { text-decoration: underline; } .portlet_wrap .portlet_row .keywordcuration .keyword_tab .keyword_contents .keyword_item ul li dl dd p, .portlet_wrap .portlet_row .keywordcuration2 .keyword_tab .keyword_contents .keyword_item ul li dl dd p { height: 90px; font-size: 14px; margin-top: 15px; line-height: 18px; display: inline-block; white-space: normal; word-break: break-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; } .portlet_wrap .portlet_row .keywordcuration .keyword_tab .keyword_contents .keyword_item ul li.big, .portlet_wrap .portlet_row .keywordcuration2 .keyword_tab .keyword_contents .keyword_item ul li.big { width: 752px; margin: 0; border-right: 1px solid #d8d8d8; } .portlet_wrap .portlet_row .keywordcuration .keyword_tab .keyword_contents .keyword_item ul li.big .img, .portlet_wrap .portlet_row .keywordcuration2 .keyword_tab .keyword_contents .keyword_item ul li.big .img { margin-right: 26px; } .portlet_wrap .portlet_row .keywordcuration .keyword_tab .keyword_contents .keyword_item ul li.big .img a, .portlet_wrap .portlet_row .keywordcuration2 .keyword_tab .keyword_contents .keyword_item ul li.big .img a { display: block; width: 339px; height: 194px; overflow: hidden; background-color: rgba(23, 30, 126, 0.1); } .portlet_wrap .portlet_row .keywordcuration .keyword_tab .keyword_contents .keyword_item ul li.big .img a > img, .portlet_wrap .portlet_row .keywordcuration .keyword_tab .keyword_contents .keyword_item ul li.big .img a > a > img, .portlet_wrap .portlet_row .keywordcuration2 .keyword_tab .keyword_contents .keyword_item ul li.big .img a > img, .portlet_wrap .portlet_row .keywordcuration2 .keyword_tab .keyword_contents .keyword_item ul li.big .img a > a > img { position: relative; width: auto; height: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .portlet_wrap .portlet_row .keywordcuration .keyword_tab .keyword_contents .keyword_item ul li.big .img .o-icon__like, .portlet_wrap .portlet_row .keywordcuration2 .keyword_tab .keyword_contents .keyword_item ul li.big .img .o-icon__like { right: 20px; bottom: 20px; } .portlet_wrap .portlet_row .keywordcuration .keyword_tab .keyword_contents .keyword_item ul li.big dl, .portlet_wrap .portlet_row .keywordcuration2 .keyword_tab .keyword_contents .keyword_item ul li.big dl { width: 360px; } .portlet_wrap .portlet_row .keywordcuration .keyword_tab .keyword_contents .keyword_item ul li.big dl dt, .portlet_wrap .portlet_row .keywordcuration2 .keyword_tab .keyword_contents .keyword_item ul li.big dl dt { margin: 8px 0 10px; } .portlet_wrap .portlet_row .keywordcuration .keyword_tab .keyword_contents .keyword_item ul li:last-child, .portlet_wrap .portlet_row .keywordcuration2 .keyword_tab .keyword_contents .keyword_item ul li:last-child { margin-bottom: 0; } .portlet_wrap .portlet_row .keywordcuration.p6 .keyword_tab .keyword_contents, .portlet_wrap .portlet_row .keywordcuration2.p6 .keyword_tab .keyword_contents { height: 304px; } .portlet_wrap .portlet_row .keywordcuration.p6 .keyword_tab .keyword_contents .keyword_item, .portlet_wrap .portlet_row .keywordcuration2.p6 .keyword_tab .keyword_contents .keyword_item { padding: 29px; } .portlet_wrap .portlet_row .keywordcuration.p6 .keyword_tab .keyword_contents .keyword_item ul li, .portlet_wrap .portlet_row .keywordcuration2.p6 .keyword_tab .keyword_contents .keyword_item ul li { width: 100%; margin: 0 0 24px; } .portlet_wrap .portlet_row .keywordcuration.p6 .keyword_tab .keyword_contents .keyword_item ul li.big, .portlet_wrap .portlet_row .keywordcuration2.p6 .keyword_tab .keyword_contents .keyword_item ul li.big { display: none; } .portlet_wrap .portlet_row .keywordcuration.p6 .keyword_tab .keyword_contents .keyword_item ul li .img a, .portlet_wrap .portlet_row .keywordcuration2.p6 .keyword_tab .keyword_contents .keyword_item ul li .img a { width: 180px; height: 110px; overflow: hidden; background-color: rgba(23, 30, 126, 0.1); } .portlet_wrap .portlet_row .keywordcuration.p6 .keyword_tab .keyword_contents .keyword_item ul li .img a > img, .portlet_wrap .portlet_row .keywordcuration.p6 .keyword_tab .keyword_contents .keyword_item ul li .img a > a > img, .portlet_wrap .portlet_row .keywordcuration2.p6 .keyword_tab .keyword_contents .keyword_item ul li .img a > img, .portlet_wrap .portlet_row .keywordcuration2.p6 .keyword_tab .keyword_contents .keyword_item ul li .img a > a > img { position: relative; width: auto; height: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .portlet_wrap .portlet_row .keywordcuration.p6 .keyword_tab .keyword_contents .keyword_item ul li dl, .portlet_wrap .portlet_row .keywordcuration2.p6 .keyword_tab .keyword_contents .keyword_item ul li dl { width: 314px; } .portlet_wrap .portlet_row .keywordcuration.p4 .keyword_tab .keyword_contents, .portlet_wrap .portlet_row .keywordcuration2.p4 .keyword_tab .keyword_contents { height: 210px; } .portlet_wrap .portlet_row .keywordcuration.p4 .keyword_tab .keyword_contents .keyword_item, .portlet_wrap .portlet_row .keywordcuration2.p4 .keyword_tab .keyword_contents .keyword_item { padding: 23px 29px; } .portlet_wrap .portlet_row .keywordcuration.p4 .keyword_tab .keyword_contents .keyword_item ul li, .portlet_wrap .portlet_row .keywordcuration2.p4 .keyword_tab .keyword_contents .keyword_item ul li { width: 100%; margin: 0 0 24px; } .portlet_wrap .portlet_row .keywordcuration.p4 .keyword_tab .keyword_contents .keyword_item ul li.big, .portlet_wrap .portlet_row .keywordcuration2.p4 .keyword_tab .keyword_contents .keyword_item ul li.big { display: none; } .portlet_wrap .portlet_row .keywordcuration.p4 .keyword_tab .keyword_contents .keyword_item ul li .img a, .portlet_wrap .portlet_row .keywordcuration2.p4 .keyword_tab .keyword_contents .keyword_item ul li .img a { width: 121px; height: 68px; overflow: hidden; background-color: rgba(23, 30, 126, 0.1); background: rgba(23, 30, 126, 0.1); } .portlet_wrap .portlet_row .keywordcuration.p4 .keyword_tab .keyword_contents .keyword_item ul li .img a > img, .portlet_wrap .portlet_row .keywordcuration.p4 .keyword_tab .keyword_contents .keyword_item ul li .img a > a > img, .portlet_wrap .portlet_row .keywordcuration2.p4 .keyword_tab .keyword_contents .keyword_item ul li .img a > img, .portlet_wrap .portlet_row .keywordcuration2.p4 .keyword_tab .keyword_contents .keyword_item ul li .img a > a > img { position: relative; width: auto; height: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .portlet_wrap .portlet_row .keywordcuration.p4 .keyword_tab .keyword_contents .keyword_item ul li .img .o-icon__like, .portlet_wrap .portlet_row .keywordcuration2.p4 .keyword_tab .keyword_contents .keyword_item ul li .img .o-icon__like { right: initial; left: 88px; bottom: 10px; } .portlet_wrap .portlet_row .keywordcuration.p4 .keyword_tab .keyword_contents .keyword_item ul li dl, .portlet_wrap .portlet_row .keywordcuration2.p4 .keyword_tab .keyword_contents .keyword_item ul li dl { width: 176px; } .portlet_wrap .portlet_row .keywordcuration.p4 .keyword_tab .keyword_contents .keyword_item ul li dl dd a, .portlet_wrap .portlet_row .keywordcuration2.p4 .keyword_tab .keyword_contents .keyword_item ul li dl dd a { height: 40px; font-size: 16px; line-height: 20px; } .portlet_wrap .portlet_row .keywordcuration.keywordcuration2 .keyword_tab .tabs li.active:after, .portlet_wrap .portlet_row .keywordcuration2.keywordcuration2 .keyword_tab .tabs li.active:after { bottom: -29px; } .portlet_wrap .portlet_row .keywordcuration.keywordcuration2 .keyword_tab .keyword_contents, .portlet_wrap .portlet_row .keywordcuration2.keywordcuration2 .keyword_tab .keyword_contents { margin-top: 28px; } .portlet_wrap .portlet_row .keywordcuration.keywordcuration2.p6 .keyword_tab .keyword_contents, .portlet_wrap .portlet_row .keywordcuration2.keywordcuration2.p6 .keyword_tab .keyword_contents { height: 296px; } .portlet_wrap .portlet_row .keywordcuration.keywordcuration2.p6 .keyword_tab .keyword_contents .keyword_item ul li, .portlet_wrap .portlet_row .keywordcuration2.keywordcuration2.p6 .keyword_tab .keyword_contents .keyword_item ul li { margin: 0 0 16px; } .portlet_wrap .portlet_row .keywordcuration.keywordcuration2.p4 .keyword_tab .keyword_contents, .portlet_wrap .portlet_row .keywordcuration2.keywordcuration2.p4 .keyword_tab .keyword_contents { height: 202px; } .portlet_wrap .portlet_row .keywordcuration.keywordcuration2.p4 .keyword_tab .keyword_contents .keyword_item ul li, .portlet_wrap .portlet_row .keywordcuration2.keywordcuration2.p4 .keyword_tab .keyword_contents .keyword_item ul li { margin: 0 0 16px; } .portlet_wrap .portlet_row .stdcuration .stdcuration_slider, .portlet_wrap .portlet_row .stdcuration2 .stdcuration_slider { position: relative; overflow: hidden; } .portlet_wrap .portlet_row .stdcuration .stdcuration_slider .slick-list, .portlet_wrap .portlet_row .stdcuration2 .stdcuration_slider .slick-list { margin: 0 -8px; } .portlet_wrap .portlet_row .stdcuration .stdcuration_slider .slick-list .slick-slide, .portlet_wrap .portlet_row .stdcuration2 .stdcuration_slider .slick-list .slick-slide { margin: 0 8px; } .portlet_wrap .portlet_row .stdcuration .stdcuration_slider .slick-arrow, .portlet_wrap .portlet_row .stdcuration2 .stdcuration_slider .slick-arrow { top: 45px; } .portlet_wrap .portlet_row .stdcuration .stdcuration_slider .slick-arrow.slick-prev, .portlet_wrap .portlet_row .stdcuration2 .stdcuration_slider .slick-arrow.slick-prev { left: 0; } .portlet_wrap .portlet_row .stdcuration .stdcuration_slider .slick-arrow.slick-next, .portlet_wrap .portlet_row .stdcuration2 .stdcuration_slider .slick-arrow.slick-next { right: 0; } .portlet_wrap .portlet_row .stdcuration .stdcuration_slider .thum_item dl, .portlet_wrap .portlet_row .stdcuration2 .stdcuration_slider .thum_item dl { width: 228px; } .portlet_wrap .portlet_row .stdcuration .stdcuration_slider .thum_item dl dt, .portlet_wrap .portlet_row .stdcuration2 .stdcuration_slider .thum_item dl dt { position: relative; } .portlet_wrap .portlet_row .stdcuration .stdcuration_slider .thum_item dl dt .img a, .portlet_wrap .portlet_row .stdcuration2 .stdcuration_slider .thum_item dl dt .img a { display: block; width: 228px; height: 169px; overflow: hidden; background-color: rgba(23, 30, 126, 0.1); } .portlet_wrap .portlet_row .stdcuration .stdcuration_slider .thum_item dl dt .img a > img, .portlet_wrap .portlet_row .stdcuration .stdcuration_slider .thum_item dl dt .img a > a > img, .portlet_wrap .portlet_row .stdcuration2 .stdcuration_slider .thum_item dl dt .img a > img, .portlet_wrap .portlet_row .stdcuration2 .stdcuration_slider .thum_item dl dt .img a > a > img { position: relative; width: auto; height: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .portlet_wrap .portlet_row .stdcuration .stdcuration_slider .thum_item dl dt button, .portlet_wrap .portlet_row .stdcuration2 .stdcuration_slider .thum_item dl dt button { position: absolute; right: 16px; bottom: 16px; } .portlet_wrap .portlet_row .stdcuration .stdcuration_slider .thum_item dl dd, .portlet_wrap .portlet_row .stdcuration2 .stdcuration_slider .thum_item dl dd { height: 105px; } .portlet_wrap .portlet_row .stdcuration .stdcuration_slider .thum_item dl dd .p_cate, .portlet_wrap .portlet_row .stdcuration2 .stdcuration_slider .thum_item dl dd .p_cate { display: inline-block; margin: 24px 0 12px; font-size: 15px; color: #4e51d4; font-weight: 500; } .portlet_wrap .portlet_row .stdcuration .stdcuration_slider .thum_item dl dd a, .portlet_wrap .portlet_row .stdcuration2 .stdcuration_slider .thum_item dl dd a { display: inline-block; height: 54px; font-size: 18px; color: #1e1e1e; line-height: 1.5; overflow: hidden; font-weight: 500; display: inline-block; white-space: normal; word-break: break-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .portlet_wrap .portlet_row .stdcuration .stdcuration_slider .thum_item dl dd a:hover, .portlet_wrap .portlet_row .stdcuration2 .stdcuration_slider .thum_item dl dd a:hover { text-decoration: underline; } .portlet_wrap .portlet_row .stdcuration.p12 .no_item, .portlet_wrap .portlet_row .stdcuration2.p12 .no_item { width: 228px; height: 277px; padding: 85px 56px 87px; } .portlet_wrap .portlet_row .stdcuration.p12 .no_item p, .portlet_wrap .portlet_row .stdcuration2.p12 .no_item p { padding-top: 65px; background: url(../img/portlet/ico_history40x48.png) no-repeat top 0 center; } .portlet_wrap .portlet_row .stdcuration.p12 .c-all-more, .portlet_wrap .portlet_row .stdcuration2.p12 .c-all-more { display: none; } .portlet_wrap .portlet_row .stdcuration.p6 .slick-arrow, .portlet_wrap .portlet_row .stdcuration2.p6 .slick-arrow { top: 75px; } .portlet_wrap .portlet_row .stdcuration.p6 .stdcuration_slider, .portlet_wrap .portlet_row .stdcuration2.p6 .stdcuration_slider { display: -webkit-box; display: -ms-flexbox; display: flex; width: inherit; } .portlet_wrap .portlet_row .stdcuration.p6 .stdcuration_slider .thum_item, .portlet_wrap .portlet_row .stdcuration2.p6 .stdcuration_slider .thum_item { display: none; } .portlet_wrap .portlet_row .stdcuration.p6 .stdcuration_slider .thum_item.no_item, .portlet_wrap .portlet_row .stdcuration2.p6 .stdcuration_slider .thum_item.no_item { width: 277px; padding: 110px 81px 84px; } .portlet_wrap .portlet_row .stdcuration.p6 .stdcuration_slider .thum_item.no_item p, .portlet_wrap .portlet_row .stdcuration2.p6 .stdcuration_slider .thum_item.no_item p { line-height: 24px; padding-top: 70px; background: url(../img/portlet/ico_history40x48.png) no-repeat top center; } .portlet_wrap .portlet_row .stdcuration.p6 .stdcuration_slider .thum_item:nth-of-type(1), .portlet_wrap .portlet_row .stdcuration2.p6 .stdcuration_slider .thum_item:nth-of-type(1) { display: inline-block; } .portlet_wrap .portlet_row .stdcuration.p6 .stdcuration_slider .thum_item:nth-of-type(2), .portlet_wrap .portlet_row .stdcuration2.p6 .stdcuration_slider .thum_item:nth-of-type(2) { display: inline-block; margin-left: auto; } .portlet_wrap .portlet_row .stdcuration.p6 .stdcuration_slider .thum_item dl, .portlet_wrap .portlet_row .stdcuration2.p6 .stdcuration_slider .thum_item dl { width: 277px; } .portlet_wrap .portlet_row .stdcuration.p6 .stdcuration_slider .thum_item dl dt .img a, .portlet_wrap .portlet_row .stdcuration2.p6 .stdcuration_slider .thum_item dl dt .img a { display: block; width: 277px; height: 220px; overflow: hidden; background-color: rgba(23, 30, 126, 0.1); } .portlet_wrap .portlet_row .stdcuration.p6 .stdcuration_slider .thum_item dl dt .img a > img, .portlet_wrap .portlet_row .stdcuration.p6 .stdcuration_slider .thum_item dl dt .img a > a > img, .portlet_wrap .portlet_row .stdcuration2.p6 .stdcuration_slider .thum_item dl dt .img a > img, .portlet_wrap .portlet_row .stdcuration2.p6 .stdcuration_slider .thum_item dl dt .img a > a > img { position: relative; width: auto; height: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .portlet_wrap .portlet_row .stdcuration.p6 .stdcuration_slider .thum_item dl dd, .portlet_wrap .portlet_row .stdcuration2.p6 .stdcuration_slider .thum_item dl dd { height: 134px; } .portlet_wrap .portlet_row .stdcuration.p4 .slick-arrow, .portlet_wrap .portlet_row .stdcuration2.p4 .slick-arrow { top: 45px; } .portlet_wrap .portlet_row .stdcuration.p4 .stdcuration_slider, .portlet_wrap .portlet_row .stdcuration2.p4 .stdcuration_slider { width: inherit; height: 260px; overflow: hidden; } .portlet_wrap .portlet_row .stdcuration.p4 .stdcuration_slider.rankingcuration_slider, .portlet_wrap .portlet_row .stdcuration2.p4 .stdcuration_slider.rankingcuration_slider { display: block; } .portlet_wrap .portlet_row .stdcuration.p4 .stdcuration_slider .thum_item, .portlet_wrap .portlet_row .stdcuration2.p4 .stdcuration_slider .thum_item { display: none; margin-bottom: 13px; } .portlet_wrap .portlet_row .stdcuration.p4 .stdcuration_slider .thum_item.no_item, .portlet_wrap .portlet_row .stdcuration2.p4 .stdcuration_slider .thum_item.no_item { width: 373px; height: 76px; padding: 20px 30px 15px 55px; } .portlet_wrap .portlet_row .stdcuration.p4 .stdcuration_slider .thum_item.no_item p, .portlet_wrap .portlet_row .stdcuration2.p4 .stdcuration_slider .thum_item.no_item p { height: 40px; line-height: 40px; padding-left: 30px; background: url(../img/portlet/ico_history40x48.png) no-repeat 0 0; background-size: 30px 36px; } .portlet_wrap .portlet_row .stdcuration.p4 .stdcuration_slider .thum_item:nth-of-type(1), .portlet_wrap .portlet_row .stdcuration.p4 .stdcuration_slider .thum_item:nth-of-type(2), .portlet_wrap .portlet_row .stdcuration.p4 .stdcuration_slider .thum_item:nth-of-type(3), .portlet_wrap .portlet_row .stdcuration2.p4 .stdcuration_slider .thum_item:nth-of-type(1), .portlet_wrap .portlet_row .stdcuration2.p4 .stdcuration_slider .thum_item:nth-of-type(2), .portlet_wrap .portlet_row .stdcuration2.p4 .stdcuration_slider .thum_item:nth-of-type(3) { display: inline-block; } .portlet_wrap .portlet_row .stdcuration.p4 .stdcuration_slider .thum_item dl, .portlet_wrap .portlet_row .stdcuration2.p4 .stdcuration_slider .thum_item dl { width: 373px; } .portlet_wrap .portlet_row .stdcuration.p4 .stdcuration_slider .thum_item dl dt, .portlet_wrap .portlet_row .stdcuration2.p4 .stdcuration_slider .thum_item dl dt { float: left; } .portlet_wrap .portlet_row .stdcuration.p4 .stdcuration_slider .thum_item dl dt .img a, .portlet_wrap .portlet_row .stdcuration2.p4 .stdcuration_slider .thum_item dl dt .img a { display: block; width: 130px; height: 76px; overflow: hidden; background-color: rgba(23, 30, 126, 0.1); } .portlet_wrap .portlet_row .stdcuration.p4 .stdcuration_slider .thum_item dl dt .img a > img, .portlet_wrap .portlet_row .stdcuration.p4 .stdcuration_slider .thum_item dl dt .img a > a > img, .portlet_wrap .portlet_row .stdcuration2.p4 .stdcuration_slider .thum_item dl dt .img a > img, .portlet_wrap .portlet_row .stdcuration2.p4 .stdcuration_slider .thum_item dl dt .img a > a > img { position: relative; width: auto; height: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .portlet_wrap .portlet_row .stdcuration.p4 .stdcuration_slider .thum_item dl dt .o-icon__like, .portlet_wrap .portlet_row .stdcuration2.p4 .stdcuration_slider .thum_item dl dt .o-icon__like { right: 10px; bottom: 10px; } .portlet_wrap .portlet_row .stdcuration.p4 .stdcuration_slider .thum_item dl dd, .portlet_wrap .portlet_row .stdcuration2.p4 .stdcuration_slider .thum_item dl dd { float: right; width: 230px; height: 74px; } .portlet_wrap .portlet_row .stdcuration.p4 .stdcuration_slider .thum_item dl dd .p_cate, .portlet_wrap .portlet_row .stdcuration2.p4 .stdcuration_slider .thum_item dl dd .p_cate { margin: 4px 0 8px; } .portlet_wrap .portlet_row .stdcuration.p4 .stdcuration_slider .thum_item dl dd a, .portlet_wrap .portlet_row .stdcuration2.p4 .stdcuration_slider .thum_item dl dd a { height: 44px; font-size: 16px; line-height: 22px; overflow: hidden; } .portlet_wrap .portlet_row .netplexcuration .detail_period { margin: 16px 0; } .portlet_wrap .portlet_row .netplexcuration .detail_period > span { font-size: 15px; color: #1e1e1e; display: inline-block; vertical-align: middle; margin-right: 15px; } .portlet_wrap .portlet_row .netplexcuration .detail_period .combobox { display: inline-block; vertical-align: middle; } .portlet_wrap .portlet_row .netplexcuration .keyword_list { margin: 0 0 15px; overflow: hidden; } .portlet_wrap .portlet_row .netplexcuration .keyword_list a { display: inline-block; height: 30px; margin: 0 5px 6px 0; line-height: 30px; border-radius: 15px; padding: 0 14px; background: #f2f3f8; font-size: 14px; color: #666; } .portlet_wrap .portlet_row .netplexcuration .keyword_list a.active { background: #00adfb; color: #fff; } .portlet_wrap .portlet_row .netplexcuration .nex_wrap { padding-bottom: 0; } .portlet_wrap .portlet_row .netplexcuration .nex_wrap .nex_slider { position: relative; width: 100%; } .portlet_wrap .portlet_row .netplexcuration .nex_wrap .nex_slider .slick-list { margin: 0 -7.5px; overflow: visible; } .portlet_wrap .portlet_row .netplexcuration .nex_wrap .nex_slider .slick-list .slick-slide { margin: 0 7.5px; } .portlet_wrap .portlet_row .netplexcuration .nex_wrap .nex_slider .slick-arrow { top: 45px; } .portlet_wrap .portlet_row .netplexcuration .nex_wrap .nex_slider .slick-arrow.slick-prev { left: 0; } .portlet_wrap .portlet_row .netplexcuration .nex_wrap .nex_slider .slick-arrow.slick-next { right: 0; } .portlet_wrap .portlet_row .netplexcuration .nex_wrap .nex_slider .thum_item { position: relative; float: left; margin-left: 16px; } .portlet_wrap .portlet_row .netplexcuration .nex_wrap .nex_slider .thum_item:first-child { margin-left: 0; } .portlet_wrap .portlet_row .netplexcuration .nex_wrap .nex_slider .thum_item:nth-of-type(5) ~ .thum_item { display: none; } .portlet_wrap .portlet_row .netplexcuration .nex_wrap .nex_slider .thum_item dl { width: 226px; } .portlet_wrap .portlet_row .netplexcuration .nex_wrap .nex_slider .thum_item dl dt { position: relative; } .portlet_wrap .portlet_row .netplexcuration .nex_wrap .nex_slider .thum_item dl dt .img { display: block; width: 226px; height: 169px; overflow: hidden; background-color: rgba(23, 30, 126, 0.1); } .portlet_wrap .portlet_row .netplexcuration .nex_wrap .nex_slider .thum_item dl dt .img > img, .portlet_wrap .portlet_row .netplexcuration .nex_wrap .nex_slider .thum_item dl dt .img > a > img { position: relative; width: auto; height: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .portlet_wrap .portlet_row .netplexcuration .nex_wrap .nex_slider .thum_item dl dt button { position: absolute; right: 16px; bottom: 16px; } .portlet_wrap .portlet_row .netplexcuration .nex_wrap .nex_slider .thum_item dl dd { height: 108px; } .portlet_wrap .portlet_row .netplexcuration .nex_wrap .nex_slider .thum_item dl dd .p_cate { display: inline-block; margin: 24px 0 8px; font-size: 15px; color: #4e51d4; font-weight: 500; } .portlet_wrap .portlet_row .netplexcuration .nex_wrap .nex_slider .thum_item dl dd a { display: inline-block; height: 54px; padding-right: 10px; font-size: 18px; color: #1e1e1e; line-height: 27px; overflow: hidden; font-weight: 500; } .portlet_wrap .portlet_row .netplexcuration .nex_wrap .nex_slider .thum_item dl dd a:hover { text-decoration: underline; } .portlet_wrap .portlet_row .netplexcuration .nex_wrap .nex_slider .thum_item .item_wrap { position: absolute; top: 0; display: none; opacity: 0; width: 468px; z-index: 100; } .portlet_wrap .portlet_row .netplexcuration .nex_wrap .nex_slider .thum_item .item_wrap:nth-of-type(1), .portlet_wrap .portlet_row .netplexcuration .nex_wrap .nex_slider .thum_item .item_wrap:nth-of-type(2), .portlet_wrap .portlet_row .netplexcuration .nex_wrap .nex_slider .thum_item .item_wrap:nth-of-type(3), .portlet_wrap .portlet_row .netplexcuration .nex_wrap .nex_slider .thum_item .item_wrap:nth-of-type(4) { left: -15px; } .portlet_wrap .portlet_row .netplexcuration .nex_wrap .nex_slider .thum_item .item_wrap:nth-of-type(5) { right: -15px; } .portlet_wrap .portlet_row .netplexcuration .nex_wrap .nex_slider .thum_item .item_wrap .item_img { position: relative; border: solid #ccc; border-width: 1px 1px 0; width: 468px; height: 286px; overflow: hidden; background-color: rgba(23, 30, 126, 0.1); background-color: #E7E8F2; } .portlet_wrap .portlet_row .netplexcuration .nex_wrap .nex_slider .thum_item .item_wrap .item_img span.info { position: absolute; width: 50px; height: 30px; left: 0; top: 0; background: #000; font-size: 14px; color: #fff; text-align: center; line-height: 30px; width: 64px; } .portlet_wrap .portlet_row .netplexcuration .nex_wrap .nex_slider .thum_item .item_wrap .item_img img { width: 100%; height: 286px; } .portlet_wrap .portlet_row .netplexcuration .nex_wrap .nex_slider .thum_item .item_wrap .item_img .o-icon__like { position: absolute; right: 14px; bottom: 14px; } .portlet_wrap .portlet_row .netplexcuration .nex_wrap .nex_slider .thum_item .item_wrap .item_img > img, .portlet_wrap .portlet_row .netplexcuration .nex_wrap .nex_slider .thum_item .item_wrap .item_img > a > img { position: relative; width: auto; height: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .portlet_wrap .portlet_row .netplexcuration .nex_wrap .nex_slider .thum_item .item_wrap .item_detail { border: solid #ccc; border-width: 0 1px 1px; } .portlet_wrap .portlet_row .netplexcuration .nex_wrap .nex_slider .thum_item .item_wrap .item_detail .item_title { padding: 20px 30px 22px; background: #fff; } .portlet_wrap .portlet_row .netplexcuration .nex_wrap .nex_slider .thum_item .item_wrap .item_detail .item_title .cate { font-size: 15px; color: #4e51d4; font-weight: 500; } .portlet_wrap .portlet_row .netplexcuration .nex_wrap .nex_slider .thum_item .item_wrap .item_detail .item_title .cate + .title { margin-top: 12px; } .portlet_wrap .portlet_row .netplexcuration .nex_wrap .nex_slider .thum_item .item_wrap .item_detail .item_title .title { display: block; height: 64px; overflow: hidden; font-size: 22px; color: #1e1e1e; font-weight: 500; line-height: 34px; letter-spacing: -0.66px; max-height: 64px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; } .portlet_wrap .portlet_row .netplexcuration .nex_wrap .nex_slider .thum_item .item_wrap .item_detail .item_title .title:hover { text-decoration: underline; } .portlet_wrap .portlet_row .netplexcuration .nex_wrap .nex_slider .thum_item .item_wrap .item_detail .item_title .keyword_list { margin: 16px 0; } .portlet_wrap .portlet_row .netplexcuration .nex_wrap .nex_slider .thum_item .item_wrap .item_detail .item_title .keyword_list a:hover { background: #00adfb; color: #fff; } .portlet_wrap .portlet_row .netplexcuration .nex_wrap .nex_slider .thum_item .item_wrap .item_detail .item_title .item_info { display: -webkit-box; display: -ms-flexbox; display: flex; } .portlet_wrap .portlet_row .netplexcuration .nex_wrap .nex_slider .thum_item .item_wrap .item_detail .item_title .item_info > div + div { margin-left: 10px; } .portlet_wrap .portlet_row .netplexcuration .nex_wrap .nex_slider .thum_item .item_wrap .item_detail .item_title .item_info > div + div:before { content: ''; display: block; width: 1px; height: 16px; background-color: #ccc; margin-right: 10px; vertical-align: middle; } .portlet_wrap .portlet_row .netplexcuration .nex_wrap .nex_slider .thum_item .item_wrap .item_detail .item_more { background: #fff; padding: 0 30px 20px; font-size: 16px; line-height: 23px; letter-spacing: -0.2px; text-align: center; } .portlet_wrap .portlet_row .netplexcuration .nex_wrap .nex_slider .thum_item .item_wrap .item_detail .item_more p { height: 92px; margin-bottom: 30px; color: #666; text-align: left; overflow: hidden; display: none; } .portlet_wrap .portlet_row .netplexcuration .nex_wrap .nex_slider .thum_item .item_wrap .item_detail .item_more a { position: relative; padding-right: 18px; font-size: 15px; color: #111; } .portlet_wrap .portlet_row .netplexcuration .nex_wrap .nex_slider .thum_item .item_wrap .item_detail .item_more a:before { position: absolute; right: 0; top: 6px; width: 11px; height: 7px; background: url(../img/portlet/ico_arrow_down.png) no-repeat 0 0; content: ''; } .portlet_wrap .portlet_row .netplexcuration .nex_wrap .nex_slider .thum_item .item_wrap .item_detail .item_more .c-reply-more { display: none; } .portlet_wrap .portlet_row .netplexcuration .nex_wrap .nex_slider .thum_item:nth-of-type(5n + 5) .item_wrap { left: inherit; right: -15px; background: #f00; } .portlet_wrap .portlet_row .rankingcuration .rankingcuration_slider { display: -webkit-box; display: -ms-flexbox; display: flex; } .portlet_wrap .portlet_row .rankingcuration .rankingcuration_slider .thum_item { margin-left: 14px; } .portlet_wrap .portlet_row .rankingcuration .rankingcuration_slider .thum_item:first-child { margin: 0; } .portlet_wrap .portlet_row .rankingcuration .rankingcuration_slider .thum_item:nth-of-type(5) ~ .thum_item { display: none; } .portlet_wrap .portlet_row .rankingcuration .rankingcuration_slider .thum_item dl { width: 228px; } .portlet_wrap .portlet_row .rankingcuration .rankingcuration_slider .thum_item dl dt { position: relative; } .portlet_wrap .portlet_row .rankingcuration .rankingcuration_slider .thum_item dl dt .img a { display: block; width: 228px; height: 169px; overflow: hidden; background-color: rgba(23, 30, 126, 0.1); } .portlet_wrap .portlet_row .rankingcuration .rankingcuration_slider .thum_item dl dt .img a > img, .portlet_wrap .portlet_row .rankingcuration .rankingcuration_slider .thum_item dl dt .img a > a > img { position: relative; width: auto; height: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .portlet_wrap .portlet_row .rankingcuration .rankingcuration_slider .thum_item dl dt button { position: absolute; right: 16px; bottom: 16px; } .portlet_wrap .portlet_row .rankingcuration .rankingcuration_slider .thum_item dl dd { height: 105px; } .portlet_wrap .portlet_row .rankingcuration .rankingcuration_slider .thum_item dl dd .p_cate { display: inline-block; margin: 24px 0 12px; font-size: 15px; color: #4e51d4; font-weight: 500; } .portlet_wrap .portlet_row .rankingcuration .rankingcuration_slider .thum_item dl dd a { display: inline-block; height: 54px; padding-right: 10px; font-size: 18px; color: #1e1e1e; line-height: 1.5; overflow: hidden; font-weight: 500; display: inline-block; white-space: normal; word-break: break-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .portlet_wrap .portlet_row .rankingcuration .rankingcuration_slider .thum_item dl dd a:hover { text-decoration: underline; } .portlet_wrap .portlet_row .rankingcuration.p6 .rankingcuration_slider { display: -webkit-box; display: -ms-flexbox; display: flex; width: inherit; } .portlet_wrap .portlet_row .rankingcuration.p6 .rankingcuration_slider .thum_item { display: none; } .portlet_wrap .portlet_row .rankingcuration.p6 .rankingcuration_slider .thum_item:nth-of-type(1) { display: inline-block; margin-left: 0; } .portlet_wrap .portlet_row .rankingcuration.p6 .rankingcuration_slider .thum_item:nth-of-type(2) { display: inline-block; margin-left: auto; } .portlet_wrap .portlet_row .rankingcuration.p6 .rankingcuration_slider .thum_item dl { width: 277px; } .portlet_wrap .portlet_row .rankingcuration.p6 .rankingcuration_slider .thum_item dl dt .img a { display: block; width: 277px; height: 220px; overflow: hidden; background-color: rgba(23, 30, 126, 0.1); } .portlet_wrap .portlet_row .rankingcuration.p6 .rankingcuration_slider .thum_item dl dt .img a > img, .portlet_wrap .portlet_row .rankingcuration.p6 .rankingcuration_slider .thum_item dl dt .img a > a > img { position: relative; width: auto; height: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .portlet_wrap .portlet_row .rankingcuration.p6 .rankingcuration_slider .thum_item dl dd { height: 134px; } .portlet_wrap .portlet_row .rankingcuration.p4 .rankingcuration_slider { width: inherit; height: 260px; overflow: hidden; } .portlet_wrap .portlet_row .rankingcuration.p4 .rankingcuration_slider.rankingcuration_slider { display: block; } .portlet_wrap .portlet_row .rankingcuration.p4 .rankingcuration_slider .thum_item { display: none; margin-left: 0; margin-bottom: 13px; } .portlet_wrap .portlet_row .rankingcuration.p4 .rankingcuration_slider .thum_item:nth-of-type(1), .portlet_wrap .portlet_row .rankingcuration.p4 .rankingcuration_slider .thum_item:nth-of-type(2), .portlet_wrap .portlet_row .rankingcuration.p4 .rankingcuration_slider .thum_item:nth-of-type(3) { display: inline-block; } .portlet_wrap .portlet_row .rankingcuration.p4 .rankingcuration_slider .thum_item dl { width: 373px; } .portlet_wrap .portlet_row .rankingcuration.p4 .rankingcuration_slider .thum_item dl dt { float: left; } .portlet_wrap .portlet_row .rankingcuration.p4 .rankingcuration_slider .thum_item dl dt .img a { display: block; width: 130px; height: 76px; overflow: hidden; background-color: rgba(23, 30, 126, 0.1); } .portlet_wrap .portlet_row .rankingcuration.p4 .rankingcuration_slider .thum_item dl dt .img a > img, .portlet_wrap .portlet_row .rankingcuration.p4 .rankingcuration_slider .thum_item dl dt .img a > a > img { position: relative; width: auto; height: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .portlet_wrap .portlet_row .rankingcuration.p4 .rankingcuration_slider .thum_item dl dt .o-icon__like { right: 10px; bottom: 10px; } .portlet_wrap .portlet_row .rankingcuration.p4 .rankingcuration_slider .thum_item dl dd { float: right; width: 230px; height: 74px; } .portlet_wrap .portlet_row .rankingcuration.p4 .rankingcuration_slider .thum_item dl dd .p_cate { margin: 4px 0 8px; } .portlet_wrap .portlet_row .rankingcuration.p4 .rankingcuration_slider .thum_item dl dd a { height: 44px; font-size: 16px; line-height: 22px; overflow: hidden; } .portlet_wrap .portlet_row .educomment .review_slider { width: 100%; overflow: hidden; } .portlet_wrap .portlet_row .educomment .review_slider .slick-list { margin: 0 -8px; } .portlet_wrap .portlet_row .educomment .review_slider .slick-list .slick-slide { margin: 0 8px; width: 388px; } .portlet_wrap .portlet_row .educomment .review_slider .slick-list .slick-slide .item { height: 300px; padding: 32px 39px 26px; border: 1px solid #ccc; background-color: #fff; } .portlet_wrap .portlet_row .educomment .review_slider .slick-list .slick-slide .item .star_info { margin: 10px 0 15px; } .portlet_wrap .portlet_row .educomment .review_slider .slick-list .slick-slide .item .link_1 { display: block; height: 58px; overflow: hidden; line-height: 1.5; font-weight: 500; font-size: 18px; color: #222; } .portlet_wrap .portlet_row .educomment .review_slider .slick-list .slick-slide .item .link_1:hover { text-decoration: underline; } .portlet_wrap .portlet_row .educomment .review_slider .slick-list .slick-slide .item .link_2 { display: block; height: 143px; font-size: 14px; color: #666; line-height: 1.5; letter-spacing: -0.2px; overflow: hidden; } .portlet_wrap .portlet_row .educomment .review_slider .slick-list .slick-slide .item .link_2:hover { text-decoration: underline; } .portlet_wrap .portlet_row .educomment .review_slider .slick-arrow { top: 115px; } .portlet_wrap .portlet_row .educomment .review_slider .slick-arrow.slick-prev { left: 0; } .portlet_wrap .portlet_row .educomment .review_slider .slick-arrow.slick-next { right: 0; } .portlet_wrap .portlet_row .educomment .review_slider.main_border { border: 1px solid #ccc; } .portlet_wrap .portlet_row .educomment .review_slider.main_border .slick-list .slick-slide .item { border: none; } .portlet_wrap .portlet_row .educomment.p6 .review_slider { width: auto; border: 1px solid #ccc; } .portlet_wrap .portlet_row .educomment.p6 .slick-list .slick-slide .item { width: 568px; height: 354px; padding: 32px 44px 26px; border: none; background-color: #fff; } .portlet_wrap .portlet_row .educomment.p6 .slick-list .slick-slide .item .link_2 { height: 168px; margin: 24px 0 20px; } .portlet_wrap .portlet_row .educomment.p6 .slick-arrow { top: 142px; } .portlet_wrap .portlet_row .educomment.p4 .review_slider { width: auto; border: 1px solid #ccc; } .portlet_wrap .portlet_row .educomment.p4 .review_slider .slick-list .slick-slide .item { width: 371px; height: 260px; padding: 32px 44px 26px; border: none; background-color: #fff; } .portlet_wrap .portlet_row .educomment.p4 .review_slider .slick-list .slick-slide .item .link_2 { height: 103px; } .portlet_wrap .portlet_row .educomment.p4 .review_slider .slick-arrow { top: 95px; } .portlet_wrap .portlet_row div.rollingbanner { width: 100%; } .portlet_wrap .portlet_row div.rollingbanner .rolling_banner { height: auto; margin-bottom: 0; } .portlet_wrap .portlet_row div.rollingbanner .slick-slide > div, .portlet_wrap .portlet_row div.rollingbanner .slick-slide > div > .item { vertical-align: top; } .portlet_wrap .portlet_row div.rollingbanner .slick-slide > div img, .portlet_wrap .portlet_row div.rollingbanner .slick-slide > div > .item img { margin: 0 auto; } .portlet_wrap .portlet_row div.rollingbanner .slick_control { position: absolute; bottom: 0; padding-right: 17px; text-align: right; width: 100%; height: 26px; } .portlet_wrap .portlet_row div.rollingbanner .slick_control ul.slick-dots { position: relative; text-align: right; } .portlet_wrap .portlet_row div.rollingbanner .slick_control button { position: absolute; top: 28%; right: 14px; color: #000; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .portlet_wrap .portlet_row div.rollingbanner.p6 { width: 578px; height: auto; margin-left: auto; } .portlet_wrap .portlet_row div.rollingbanner.p6:first-child { margin-left: 0; } .portlet_wrap .portlet_row div.rollingbanner.p4 { width: 373px; height: auto; margin-left: auto; } .portlet_wrap .portlet_row div.rollingbanner.p4:first-child { margin-left: 0; } .portlet_wrap .portlet_row .directlybanner .directlybanner_slider { position: relative; width: 100%; overflow: hidden; } .portlet_wrap .portlet_row .directlybanner .directlybanner_slider .slick-list { margin: 0 -8px; } .portlet_wrap .portlet_row .directlybanner .directlybanner_slider .slick-list .slick-slide { margin: 0 8px; } .portlet_wrap .portlet_row .directlybanner .directlybanner_slider .slick-arrow { top: 45px; } .portlet_wrap .portlet_row .directlybanner .directlybanner_slider .slick-arrow.slick-prev { left: 0; } .portlet_wrap .portlet_row .directlybanner .directlybanner_slider .slick-arrow.slick-next { right: 0; } .portlet_wrap .portlet_row .directlybanner .directlybanner_slider .thum_item dl { width: 228px; } .portlet_wrap .portlet_row .directlybanner .directlybanner_slider .thum_item dl dt { position: relative; } .portlet_wrap .portlet_row .directlybanner .directlybanner_slider .thum_item dl dt .img a { display: block; width: 228px; height: 169px; overflow: hidden; background-color: rgba(23, 30, 126, 0.1); } .portlet_wrap .portlet_row .directlybanner .directlybanner_slider .thum_item dl dt .img a > img, .portlet_wrap .portlet_row .directlybanner .directlybanner_slider .thum_item dl dt .img a > a > img { position: relative; width: auto; height: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .portlet_wrap .portlet_row .directlybanner .directlybanner_slider .thum_item dl dt button { position: absolute; right: 16px; bottom: 16px; } .portlet_wrap .portlet_row .directlybanner .directlybanner_slider .thum_item dl dd { height: 134px; } .portlet_wrap .portlet_row .directlybanner .directlybanner_slider .thum_item dl dd p { padding: 20px 0 0; } .portlet_wrap .portlet_row .directlybanner .directlybanner_slider .thum_item dl dd .p_cate { display: inline-block; margin: 24px 0 12px; font-size: 15px; color: #4e51d4; font-weight: 500; } .portlet_wrap .portlet_row .directlybanner .directlybanner_slider .thum_item dl dd a { display: inline-block; height: initial !important; padding-right: 10px; font-size: 18px; color: #1e1e1e; line-height: 1.5; overflow: hidden; font-weight: 500; } .portlet_wrap .portlet_row .directlybanner.p6 .slick-arrow { top: 75px; } .portlet_wrap .portlet_row .directlybanner.p6 .directlybanner_slider { width: 570px; } .portlet_wrap .portlet_row .directlybanner.p6 .directlybanner_slider .slick-list { margin: 0 -8px; } .portlet_wrap .portlet_row .directlybanner.p6 .directlybanner_slider .slick-list .slick-slide { margin: 0 8px; } .portlet_wrap .portlet_row .directlybanner.p6 .directlybanner_slider .thum_item dl { width: 277px; } .portlet_wrap .portlet_row .directlybanner.p6 .directlybanner_slider .thum_item dl dt .img a { display: block; width: 277px; height: 220px; overflow: hidden; background-color: rgba(23, 30, 126, 0.1); } .portlet_wrap .portlet_row .directlybanner.p6 .directlybanner_slider .thum_item dl dt .img a > img, .portlet_wrap .portlet_row .directlybanner.p6 .directlybanner_slider .thum_item dl dt .img a > a > img { position: relative; width: auto; height: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .portlet_wrap .portlet_row .directlybanner.p6 .directlybanner_slider .thum_item dl dd { height: 134px; } .portlet_wrap .portlet_row .directlybanner.p4 .slick-arrow { top: 45px; } .portlet_wrap .portlet_row .directlybanner.p4 .directlybanner_slider { width: 373px; } .portlet_wrap .portlet_row .directlybanner.p4 .directlybanner_slider .thum_item { margin-bottom: 13px; } .portlet_wrap .portlet_row .directlybanner.p4 .directlybanner_slider .thum_item dl { width: 373px; } .portlet_wrap .portlet_row .directlybanner.p4 .directlybanner_slider .thum_item dl dt .img a { display: block; width: 373px; height: 160px; overflow: hidden; background-color: rgba(23, 30, 126, 0.1); } .portlet_wrap .portlet_row .directlybanner.p4 .directlybanner_slider .thum_item dl dt .img a > img, .portlet_wrap .portlet_row .directlybanner.p4 .directlybanner_slider .thum_item dl dt .img a > a > img { position: relative; width: auto; height: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .portlet_wrap .portlet_row .directlybanner.p4 .directlybanner_slider .thum_item dl dd { height: 100px; } .portlet_wrap .portlet_row .directlybanner .directlybanner_slider2:after { display: block; clear: both; content: ''; } .portlet_wrap .portlet_row .directlybanner .directlybanner_slider2 .item { float: left; width: 390px; height: 200px; margin: 0 0 19px 15px; padding: 38px 30px; border: 1px solid #ccc; font-size: 22px; } .portlet_wrap .portlet_row .directlybanner .directlybanner_slider2 .item:nth-of-type(3n+1) { margin-left: 0; } .portlet_wrap .portlet_row .directlybanner .directlybanner_slider2 .item strong { display: block; margin-bottom: 15px; color: #222; font-weight: 500; } .portlet_wrap .portlet_row .directlybanner .directlybanner_slider2 .item span { color: #1e1e1e; } .portlet_wrap .portlet_row .directlybanner.p6 .directlybanner_slider2 .slick-list { margin: 0 -8px; } .portlet_wrap .portlet_row .directlybanner.p6 .directlybanner_slider2 .slick-list .slick-slide { margin: 0 8px; } .portlet_wrap .portlet_row .directlybanner.p6 .directlybanner_slider2 .slick-list .slick-slide .item { height: 354px; } .portlet_wrap .portlet_row .directlybanner.p6 .directlybanner_slider2 .slick-arrow { top: 142px; } .portlet_wrap .portlet_row .directlybanner.p4 .directlybanner_slider2 .slick-list { margin: 0 -8px; } .portlet_wrap .portlet_row .directlybanner.p4 .directlybanner_slider2 .slick-list .slick-slide { margin: 0 8px; } .portlet_wrap .portlet_row .directlybanner.p4 .directlybanner_slider2 .slick-list .slick-slide .item { height: 260px; } .portlet_wrap .portlet_row .directlybanner.p4 .directlybanner_slider2 .slick-arrow { top: 95px; } .portlet_wrap .portlet_row .directlybanner_bin.p6 > h2[class^="ptl_title"] + div.directlybanner_slider.slick-slider { height: auto !important; } .portlet_wrap .portlet_row .directlybanner_bin.p4 > h2[class^="ptl_title"] + div.directlybanner_slider.slick-slider { height: auto !important; } .portlet_wrap .portlet_row .directlybanner_bin .directlybanner_slider { position: relative; width: 100%; overflow: hidden; } .portlet_wrap .portlet_row .directlybanner_bin .directlybanner_slider.slick-slider .slick-arrow { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .portlet_wrap .portlet_row .directlybanner_bin.p6 { height: auto !important; } .portlet_wrap .portlet_row .directlybanner_bin.p6 .directlybanner_slider { width: 570px; } .portlet_wrap .portlet_row .directlybanner_bin.p4 { height: auto !important; } .portlet_wrap .portlet_row .directlybanner_bin.p4 .directlybanner_slider { width: 373px; } .portlet_wrap .portlet_row .directlybanner_bin.p4, .portlet_wrap .portlet_row .directlybanner_bin.p6 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-item-align: end; align-self: flex-end; } .portlet_wrap .portlet_row .commonboard1 { width: 100%; } .portlet_wrap .portlet_row .commonboard1 .thum_list { margin-top: 19px; } .portlet_wrap .portlet_row .commonboard1 .thum_list .thum_item { float: left; margin-left: 16px; } .portlet_wrap .portlet_row .commonboard1 .thum_list .thum_item:first-child { margin-left: 0; } .portlet_wrap .portlet_row .commonboard1 .thum_list .thum_item a { display: block; width: 287px; } .portlet_wrap .portlet_row .commonboard1 .thum_list .thum_item dl { overflow: hidden; } .portlet_wrap .portlet_row .commonboard1 .thum_list .thum_item dl dt { position: relative; } .portlet_wrap .portlet_row .commonboard1 .thum_list .thum_item dl dt .img { width: 287px; height: 170px; overflow: hidden; background-color: rgba(23, 30, 126, 0.1); } .portlet_wrap .portlet_row .commonboard1 .thum_list .thum_item dl dt .img > img, .portlet_wrap .portlet_row .commonboard1 .thum_list .thum_item dl dt .img > a > img { position: relative; width: auto; height: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .portlet_wrap .portlet_row .commonboard1 .thum_list .thum_item dl dt button { position: absolute; right: 12px; bottom: 12px; } .portlet_wrap .portlet_row .commonboard1 .thum_list .thum_item dl dd p { margin: 20px 0 0; } .portlet_wrap .portlet_row .commonboard1 .thum_list .thum_item dl dd span { display: inline-block; height: 45px; font-size: 18px; color: #1e1e1e; line-height: 1.3; overflow: hidden; font-weight: 500; } .portlet_wrap .portlet_row .commonboard1 .thum_list .thum_item dl dd span:hover { text-decoration: underline; } .portlet_wrap .portlet_row .commonboard1.p6 .thum_list .thum_item { display: none; } .portlet_wrap .portlet_row .commonboard1.p6 .thum_list .thum_item:nth-of-type(1), .portlet_wrap .portlet_row .commonboard1.p6 .thum_list .thum_item:nth-of-type(2) { display: block; } .portlet_wrap .portlet_row .commonboard1.p6 .thum_list .thum_item a { width: 277px; } .portlet_wrap .portlet_row .commonboard1.p6 .thum_list .thum_item dl dt .img { width: 277px; height: 164px; overflow: hidden; background-color: rgba(23, 30, 126, 0.1); } .portlet_wrap .portlet_row .commonboard1.p6 .thum_list .thum_item dl dt .img > img, .portlet_wrap .portlet_row .commonboard1.p6 .thum_list .thum_item dl dt .img > a > img { position: relative; width: auto; height: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .portlet_wrap .portlet_row .commonboard1.p4 .thum_list .thum_item { display: none; width: 100%; margin: 14px 0 0 0; } .portlet_wrap .portlet_row .commonboard1.p4 .thum_list .thum_item:nth-of-type(1), .portlet_wrap .portlet_row .commonboard1.p4 .thum_list .thum_item:nth-of-type(2) { display: block; } .portlet_wrap .portlet_row .commonboard1.p4 .thum_list .thum_item:first-child { margin-top: 0; } .portlet_wrap .portlet_row .commonboard1.p4 .thum_list .thum_item a { width: 100%; } .portlet_wrap .portlet_row .commonboard1.p4 .thum_list .thum_item dl dt { float: left; width: 130px; } .portlet_wrap .portlet_row .commonboard1.p4 .thum_list .thum_item dl dt .img { width: 130px; height: 100px; overflow: hidden; background-color: rgba(23, 30, 126, 0.1); background-size: 40%; } .portlet_wrap .portlet_row .commonboard1.p4 .thum_list .thum_item dl dt .img > img, .portlet_wrap .portlet_row .commonboard1.p4 .thum_list .thum_item dl dt .img > a > img { position: relative; width: auto; height: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .portlet_wrap .portlet_row .commonboard1.p4 .thum_list .thum_item dl dd { float: left; width: 233px; padding-left: 10px; } .portlet_wrap .portlet_row .commonboard1.p4 .c-tab .c-tab__anchor { min-width: initial; padding: 10px 15px; } .portlet_wrap .portlet_row .commonboard2 { width: 100%; } .portlet_wrap .portlet_row .commonboard2 .thum_list_bbs { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 19px; } .portlet_wrap .portlet_row .commonboard2 .thum_list_bbs .img { margin-right: 42px; width: 420px; height: 250px; overflow: hidden; background-color: rgba(23, 30, 126, 0.1); } .portlet_wrap .portlet_row .commonboard2 .thum_list_bbs .img > img, .portlet_wrap .portlet_row .commonboard2 .thum_list_bbs .img > a > img { position: relative; width: auto; height: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .portlet_wrap .portlet_row .commonboard2 .thum_list_bbs ul { width: 734px; } .portlet_wrap .portlet_row .commonboard2 .thum_list_bbs ul li { height: 50px; line-height: 50px; } .portlet_wrap .portlet_row .commonboard2 .thum_list_bbs ul li span.info { display: inline-block; float: left; width: 9%; color: #4e51d4; font-weight: 500; } .portlet_wrap .portlet_row .commonboard2 .thum_list_bbs ul li span.info + a.title { width: 60%; } .portlet_wrap .portlet_row .commonboard2 .thum_list_bbs ul li a.title { float: left; width: 69%; color: #1e1e1e; font-weight: 500; display: inline-block; white-space: nowrap; word-break: break-all; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; } .portlet_wrap .portlet_row .commonboard2 .thum_list_bbs ul li a.title:hover { text-decoration: underline; } .portlet_wrap .portlet_row .commonboard2 .thum_list_bbs ul li span.date { display: inline-block; float: left; width: 16%; text-align: center; } .portlet_wrap .portlet_row .commonboard2 .thum_list_bbs ul li span.name { display: inline-block; float: left; width: 13%; text-align: center; } .portlet_wrap .portlet_row .commonboard2.p12 .thum_list_bbs ul li:nth-of-type(5) ~ li { display: none; } .portlet_wrap .portlet_row .commonboard2.p6 .img { display: none; } .portlet_wrap .portlet_row .commonboard2.p6 .thum_list_bbs ul { width: 100%; margin-top: -1px; } .portlet_wrap .portlet_row .commonboard2.p6 .thum_list_bbs ul span.info { width: 14%; padding-left: 14px; } .portlet_wrap .portlet_row .commonboard2.p6 .thum_list_bbs ul span.info + a.title { width: 82%; padding-left: 0; } .portlet_wrap .portlet_row .commonboard2.p6 .thum_list_bbs ul a.title { width: 96%; padding-left: 14px; } .portlet_wrap .portlet_row .commonboard2.p6 .thum_list_bbs ul span.date, .portlet_wrap .portlet_row .commonboard2.p6 .thum_list_bbs ul span.name { display: none; } .portlet_wrap .portlet_row .commonboard2.p6 .thum_list_bbs ul li:nth-of-type(6) ~ li { display: none; } .portlet_wrap .portlet_row .commonboard2.p6.one-tab .thum_list_bbs ul li:nth-of-type(7) { display: list-item; } .portlet_wrap .portlet_row .commonboard2.p4 .img { display: none; } .portlet_wrap .portlet_row .commonboard2.p4 .thum_list_bbs ul { width: 100%; margin-top: -10px; } .portlet_wrap .portlet_row .commonboard2.p4 .thum_list_bbs ul span.info { width: 20%; padding-left: 14px; } .portlet_wrap .portlet_row .commonboard2.p4 .thum_list_bbs ul span.info + a.title { width: 74%; padding-left: 0; } .portlet_wrap .portlet_row .commonboard2.p4 .thum_list_bbs ul a.title { padding-left: 14px; width: 94%; } .portlet_wrap .portlet_row .commonboard2.p4 .thum_list_bbs ul span.date, .portlet_wrap .portlet_row .commonboard2.p4 .thum_list_bbs ul span.name { display: none; } .portlet_wrap .portlet_row .commonboard2.p4 .thum_list_bbs ul li { height: 43px; line-height: 43px; } .portlet_wrap .portlet_row .commonboard2.p4 .thum_list_bbs ul li:nth-of-type(5) ~ li { display: none; } .portlet_wrap .portlet_row .commonboard2.p4 .c-tab .c-tab__anchor { min-width: 90px; padding: 10px 15px; } .portlet_wrap .portlet_row .commonboard2.p4.one-tab .thum_list_bbs ul li:nth-of-type(6) { display: list-item; } .portlet_wrap .portlet_row .graghlist .graghlist_slider { overflow: hidden; } .portlet_wrap .portlet_row .graghlist .graghlist_slider .item { display: -webkit-box; display: -ms-flexbox; display: flex; vertical-align: top; background: #fff; height: 320px; padding: 42px 39px 0; border: 1px solid #ccc; } .portlet_wrap .portlet_row .graghlist .graghlist_slider .item .recent_info { float: left; width: 380px; padding-left: 10px; } .portlet_wrap .portlet_row .graghlist .graghlist_slider .item .recent_info .learning_title { font-size: 14px; color: #4e51d4; font-weight: 500; } .portlet_wrap .portlet_row .graghlist .graghlist_slider .item .recent_info .learning_content { display: block; width: 350px; height: 48px; margin: 20px 0 13px; font-size: 18px; color: #1e1e1e; font-weight: 500; line-height: 1.4; overflow: hidden; } .portlet_wrap .portlet_row .graghlist .graghlist_slider .item .recent_info .learning_content:hover { text-decoration: underline; } .portlet_wrap .portlet_row .graghlist .graghlist_slider .item .recent_info .learning_period { margin-bottom: 50px; font-size: 14px; color: #666; } .portlet_wrap .portlet_row .graghlist .graghlist_slider .item .recent_info ul li { float: left; margin: 5px 15px 5px 0; font-size: 14px; color: #666; } .portlet_wrap .portlet_row .graghlist .graghlist_slider .item .recent_info ul li strong { display: inline-block; width: 60px; } .portlet_wrap .portlet_row .graghlist .graghlist_slider .item .recent_info ul li span { display: inline-block; width: 40px; font-weight: 700; } .portlet_wrap .portlet_row .graghlist .graghlist_slider .item .recent_graph { float: right; width: 624px; padding: 5px 24px 0 0; } .portlet_wrap .portlet_row .graghlist .graghlist_slider .item .recent_graph .chart_area-total { display: inline-block; margin-left: 35px; } .portlet_wrap .portlet_row .graghlist .graghlist_slider .item .recent_graph .chart_area-total:first-child { margin-left: 0; } .portlet_wrap .portlet_row .graghlist .graghlist_slider .item .recent_graph .chart_area-total .chart-size-total { font-size: 170px; } .portlet_wrap .portlet_row .graghlist .graghlist_slider .item .recent_graph .chart_area-total .chart-size-total .pie-wrapper { width: 1em; height: 1em; margin: 0 auto; position: relative; } .portlet_wrap .portlet_row .graghlist .graghlist_slider .item .recent_graph .chart_area-total .chart-size-total .pie-wrapper .pie { width: 100%; height: 100%; position: absolute; top: 0; left: 0; clip: rect(0, 1em, 1em, 0.5em); } .portlet_wrap .portlet_row .graghlist .graghlist_slider .item .recent_graph .chart_area-total .chart-size-total .pie-wrapper .half-circle { width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 50%; clip: rect(0em, 0.5em, 1em, 0em); border-width: 0.1em; border-style: solid; -webkit-transition: all 1s; transition: all 1s; } .portlet_wrap .portlet_row .graghlist .graghlist_slider .item .recent_graph .chart_area-total .chart-size-total .pie-wrapper .half-circle { border-color: #00adfb; } .brand--primary .portlet_wrap .portlet_row .graghlist .graghlist_slider .item .recent_graph .chart_area-total .chart-size-total .pie-wrapper .half-circle { border-color: #4b7af4; } .brand--secondary .portlet_wrap .portlet_row .graghlist .graghlist_slider .item .recent_graph .chart_area-total .chart-size-total .pie-wrapper .half-circle { border-color: #f767ab; } .brand--three .portlet_wrap .portlet_row .graghlist .graghlist_slider .item .recent_graph .chart_area-total .chart-size-total .pie-wrapper .half-circle { border-color: #ffe033; } .portlet_wrap .portlet_row .graghlist .graghlist_slider .item .recent_graph .chart_area-total .chart-size-total .pie-wrapper .right-side { -webkit-transform: rotate(0deg); transform: rotate(0deg); } .portlet_wrap .portlet_row .graghlist .graghlist_slider .item .recent_graph .chart_area-total .chart-size-total .pie-wrapper .label { width: 170px; position: absolute; left: 0; color: #222; text-align: center; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 36px; } .portlet_wrap .portlet_row .graghlist .graghlist_slider .item .recent_graph .chart_area-total .chart-size-total .pie-wrapper .label .unit { margin: 8px 0 0 2px; font-size: 18px; color: #1e1e1e; } .portlet_wrap .portlet_row .graghlist .graghlist_slider .item .recent_graph .chart_area-total .chart-size-total .pie-wrapper .label .chart-name { position: relative; display: block; font-size: 16px; color: #1e1e1e; text-align: center; } .portlet_wrap .portlet_row .graghlist .graghlist_slider .item .recent_graph .chart_area-total .chart-size-total .pie-wrapper .smaller { padding-bottom: 20px; color: #bdc3c7; font-size: .45em; vertical-align: super; } .portlet_wrap .portlet_row .graghlist .graghlist_slider .item .recent_graph .chart_area-total .chart-size-total .pie-wrapper .bg_circle { width: 100%; height: 100%; border: 8px solid #dfe0e6; border-radius: 50%; } .portlet_wrap .portlet_row .graghlist .graghlist_slider .slick-list { margin: 0 -9px; } .portlet_wrap .portlet_row .graghlist .graghlist_slider .slick-list .slick-slide { margin: 0 9px; height: auto; } .portlet_wrap .portlet_row .graghlist .graghlist_slider .slick-arrow { top: 125px; } .portlet_wrap .portlet_row .graghlist .graghlist_slider .slick-arrow.slick-prev { left: 0; } .portlet_wrap .portlet_row .graghlist .graghlist_slider .slick-arrow.slick-next { right: 0; } .portlet_wrap .portlet_row .graghlist .graghlist_slider .slick-dots { bottom: 16px; } .portlet_wrap .portlet_row .graghlist.p12 .graghlist_slider { width: 100%; height: 320px; } .portlet_wrap .portlet_row .graghlist.p12 .graghlist_slider .label { top: 54%; } .portlet_wrap .portlet_row .graghlist.p12 .graghlist_slider .label .chart-name { bottom: -85px; } .portlet_wrap .portlet_row .graghlist.p6 .graghlist_slider { width: 570px; height: 354px; } .portlet_wrap .portlet_row .graghlist.p6 .graghlist_slider .item { height: 354px; padding: 0 50px; border: 1px solid #ccc; } .portlet_wrap .portlet_row .graghlist.p6 .graghlist_slider .item .recent_info { float: initial; width: 100%; margin: 40px 0 0; padding: 0; } .portlet_wrap .portlet_row .graghlist.p6 .graghlist_slider .item .recent_info .learning_content { width: 100%; } .portlet_wrap .portlet_row .graghlist.p6 .graghlist_slider .item .recent_info .learning_period, .portlet_wrap .portlet_row .graghlist.p6 .graghlist_slider .item .recent_info ul { display: none; } .portlet_wrap .portlet_row .graghlist.p6 .graghlist_slider .item .recent_graph { float: initial; width: 100%; margin-top: 30px; padding: 0; } .portlet_wrap .portlet_row .graghlist.p6 .graghlist_slider .item .recent_graph .chart_area-total { display: inline-block; margin-left: 20px; } .portlet_wrap .portlet_row .graghlist.p6 .graghlist_slider .item .recent_graph .chart_area-total:first-child { margin-left: 0; } .portlet_wrap .portlet_row .graghlist.p6 .graghlist_slider .item .recent_graph .chart_area-total .chart-size-total { font-size: 140px; } .portlet_wrap .portlet_row .graghlist.p6 .graghlist_slider .item .recent_graph .chart_area-total .chart-size-total .pie-wrapper .label { width: 140px; font-size: 28px; top: 54%; } .portlet_wrap .portlet_row .graghlist.p6 .graghlist_slider .item .recent_graph .chart_area-total .chart-size-total .pie-wrapper .label .unit { font-size: 15px; } .portlet_wrap .portlet_row .graghlist.p6 .graghlist_slider .item .recent_graph .chart_area-total .chart-size-total .pie-wrapper .label .chart-name { font-size: 16px; bottom: -74px; } .portlet_wrap .portlet_row .graghlist.p6 .graghlist_slider .slick-list { margin: 0 -9px; } .portlet_wrap .portlet_row .graghlist.p6 .graghlist_slider .slick-list .slick-slide { margin: 0 9px; } .portlet_wrap .portlet_row .graghlist.p6 .slick-arrow { top: 142px; } .portlet_wrap .portlet_row .graghlist.p4 .graghlist_slider { width: 373px; } .portlet_wrap .portlet_row .graghlist.p4 .graghlist_slider .slick-list { margin: 0 -9px; } .portlet_wrap .portlet_row .graghlist.p4 .graghlist_slider .slick-list .slick-slide { margin: 0 9px; } .portlet_wrap .portlet_row .graghlist.p4 .graghlist_slider .slick-list .slick-slide .item { height: 260px; padding: 0 40px; border: 1px solid #ccc; } .portlet_wrap .portlet_row .graghlist.p4 .graghlist_slider .slick-list .slick-slide .item .recent_info { float: initial; width: 100%; margin: 25px 0 0; padding: 0; } .portlet_wrap .portlet_row .graghlist.p4 .graghlist_slider .slick-list .slick-slide .item .recent_info .learning_content { width: 100%; height: 24px; margin: 12px 0 10px; display: inline-block; white-space: nowrap; word-break: break-all; overflow: hidden; text-overflow: ellipsis; } .portlet_wrap .portlet_row .graghlist.p4 .graghlist_slider .slick-list .slick-slide .item .recent_info .learning_period, .portlet_wrap .portlet_row .graghlist.p4 .graghlist_slider .slick-list .slick-slide .item .recent_info ul { display: none; } .portlet_wrap .portlet_row .graghlist.p4 .graghlist_slider .slick-list .slick-slide .item .recent_graph { float: initial; width: 100%; padding: 0; text-align: center; } .portlet_wrap .portlet_row .graghlist.p4 .graghlist_slider .slick-list .slick-slide .item .recent_graph .chart_area-total { display: none; margin: 5px 0 0; } .portlet_wrap .portlet_row .graghlist.p4 .graghlist_slider .slick-list .slick-slide .item .recent_graph .chart_area-total:nth-of-type(1) { display: inline-block; } .portlet_wrap .portlet_row .graghlist.p4 .graghlist_slider .slick-list .slick-slide .item .recent_graph .chart_area-total .chart-size-total { font-size: 120px; } .portlet_wrap .portlet_row .graghlist.p4 .graghlist_slider .slick-list .slick-slide .item .recent_graph .chart_area-total .chart-size-total .pie-wrapper .label { top: 54%; width: 120px; font-size: 28px; } .portlet_wrap .portlet_row .graghlist.p4 .graghlist_slider .slick-list .slick-slide .item .recent_graph .chart_area-total .chart-size-total .pie-wrapper .label .unit { font-size: 14px; } .portlet_wrap .portlet_row .graghlist.p4 .graghlist_slider .slick-list .slick-slide .item .recent_graph .chart_area-total .chart-size-total .pie-wrapper .label .chart-name { bottom: -60px; font-size: 14px; } .portlet_wrap .portlet_row .graghlist.p4 .slick-arrow { top: 95px; } .portlet_wrap .portlet_row .singlelist .copy_info { max-width: 1130px; height: 22px; font-size: 18px; color: #1e1e1e; font-weight: 500; display: inline-block; white-space: nowrap; word-break: break-all; overflow: hidden; text-overflow: ellipsis; line-height: 1.4; margin-bottom: -2px; } .portlet_wrap .portlet_row .singlelist .d-day { display: inline-block; position: relative; top: -3px; height: 30px; margin-left: 10px; padding: 0 10px; border-radius: 15px; background: #00adfb; line-height: 30px; font-size: 14px; color: #fff; font-weight: 400; } .portlet_wrap .portlet_row .singlelist .el_slider { width: 100%; overflow: hidden; margin-top: 17px; } .portlet_wrap .portlet_row .singlelist .el_slider .slick-list { margin: 0 -8px; } .portlet_wrap .portlet_row .singlelist .el_slider .slick-list .slick-track { margin-left: 0; margin-right: 0; } .portlet_wrap .portlet_row .singlelist .el_slider .slick-list .slick-slide { margin: 0 8px; } .portlet_wrap .portlet_row .singlelist .el_slider .slick-list .slick-slide .thum_item { position: relative; height: 220px; padding: 35px 40px; background: #f2f3f8; } .portlet_wrap .portlet_row .singlelist .el_slider .slick-list .slick-slide .thum_item > p { height: 22px; line-height: 24px; font-size: 18px; color: #4e51d4; text-indent: 30px; letter-spacing: -0.5px; font-weight: 500; } .portlet_wrap .portlet_row .singlelist .el_slider .slick-list .slick-slide .thum_item > p.learn_status--1 { background: url(../img/portlet/ico_c_1.png) no-repeat 0 0; } .portlet_wrap .portlet_row .singlelist .el_slider .slick-list .slick-slide .thum_item > p.learn_status--1 small { font-size: 14px; letter-spacing: -0.4px; } .portlet_wrap .portlet_row .singlelist .el_slider .slick-list .slick-slide .thum_item > p.learn_status--2 { background: url(../img/portlet/ico_c_2.png) no-repeat 0 0; } .portlet_wrap .portlet_row .singlelist .el_slider .slick-list .slick-slide .thum_item > p.learn_status--3 { background: url(../img/portlet/ico_c_3.png) no-repeat 0 0; } .portlet_wrap .portlet_row .singlelist .el_slider .slick-list .slick-slide .thum_item .learn_title { display: block; height: 60px; overflow: hidden; margin-top: 13px; font-size: 14px; line-height: 1.86; letter-spacing: -0.4px; text-align: left; color: #1e1e1e; font-weight: 500; } .portlet_wrap .portlet_row .singlelist .el_slider .slick-list .slick-slide .thum_item .learn_title:hover * { text-decoration: underline; } .portlet_wrap .portlet_row .singlelist .el_slider .slick-list .slick-slide .thum_item .learn_title span { float: left; width: 28px; margin: 0 0 0 -28px; line-height: 1.3; } .portlet_wrap .portlet_row .singlelist .el_slider .slick-list .slick-slide .thum_item .learn_title p { display: inline-block; margin-left: 6px; } .portlet_wrap .portlet_row .singlelist .el_slider .slick-list .slick-slide .thum_item .btn_ptl { position: absolute; width: 91px; height: 40px; left: 0; right: 0; bottom: 22px; margin: auto; } .portlet_wrap .portlet_row .singlelist .el_slider .slick-arrow { top: 75px; } .portlet_wrap .portlet_row .singlelist .el_slider .slick-arrow.slick-prev { left: 0; } .portlet_wrap .portlet_row .singlelist .el_slider .slick-arrow.slick-next { right: 0; } .portlet_wrap .portlet_row .singlelist.p6 .copy_info { max-width: 500px; } .portlet_wrap .portlet_row .singlelist.p6 .el_slider { width: 570px; margin-top: 30px; } .portlet_wrap .portlet_row .singlelist.p6 .el_slider .slick-list .slick-slide .thum_item { height: 293px; padding: 45px 50px; } .portlet_wrap .portlet_row .singlelist.p6 .el_slider .slick-list .slick-slide .thum_item .learn_status--1 { font-size: 18px; } .portlet_wrap .portlet_row .singlelist.p6 .el_slider .slick-list .slick-slide .thum_item .learn_status--1 small { font-size: 14px; } .portlet_wrap .portlet_row .singlelist.p6 .el_slider .slick-list .slick-slide .thum_item .learn_title { height: 90px; font-size: 16px; } .portlet_wrap .portlet_row .singlelist.p6 .el_slider .slick-list .slick-slide .btn_ptl { bottom: 40px; } .portlet_wrap .portlet_row .singlelist.p6 .slick-arrow { top: 111px; } .portlet_wrap .portlet_row .singlelist.p4 .copy_info { max-width: 300px; height: initial; max-height: 50px; text-overflow: initial; white-space: initial; font-size: 16px; } .portlet_wrap .portlet_row .singlelist.p4 .d-day { position: relative; top: -10px; } .portlet_wrap .portlet_row .singlelist.p4 .el_slider { width: 373px; margin-top: 1px; } .portlet_wrap .portlet_row .singlelist.p4 .el_slider .slick-list .slick-slide .thum_item { height: 200px; padding: 30px 45px; } .portlet_wrap .portlet_row .singlelist.p4 .el_slider .slick-list .slick-slide .thum_item .learn_title { margin-top: 5px; height: 50px; } .portlet_wrap .portlet_row .singlelist.p4 .el_slider .slick-list .slick-slide .btn_ptl { bottom: 20px; } .portlet_wrap .portlet_row .singlelist.p4 .slick-arrow { top: 65px; } .portlet_wrap .portlet_row .singlelist2 .chasi_slider { width: 100%; overflow: hidden; } .portlet_wrap .portlet_row .singlelist2 .chasi_slider .thum_item { position: relative; height: 227px; padding: 30px 35px; background: #f2f3f8; } .portlet_wrap .portlet_row .singlelist2 .chasi_slider .thum_item dl { display: -webkit-box; display: -ms-flexbox; display: flex; } .portlet_wrap .portlet_row .singlelist2 .chasi_slider .thum_item dl dt { width: 250px; position: relative; } .portlet_wrap .portlet_row .singlelist2 .chasi_slider .thum_item dl dt .img { display: block; width: 250px; height: 167px; overflow: hidden; background-color: rgba(23, 30, 126, 0.1); } .portlet_wrap .portlet_row .singlelist2 .chasi_slider .thum_item dl dt .img > img, .portlet_wrap .portlet_row .singlelist2 .chasi_slider .thum_item dl dt .img > a > img { position: relative; width: auto; height: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .portlet_wrap .portlet_row .singlelist2 .chasi_slider .thum_item dl dd { margin-left: 25px; } .portlet_wrap .portlet_row .singlelist2 .chasi_slider .thum_item dl dd .p_cate { display: inline-block; margin: 26px 0 10px; font-size: 15px; color: #4e51d4; font-weight: 500; } .portlet_wrap .portlet_row .singlelist2 .chasi_slider .thum_item dl dd .text_link { display: inline-block; width: 855px; height: 52px; overflow: hidden; font-size: 18px; color: #1e1e1e; font-weight: 500; line-height: 26px; } .portlet_wrap .portlet_row .singlelist2 .chasi_slider .thum_item dl dd .text_link:hover { text-decoration: underline; } .portlet_wrap .portlet_row .singlelist2 .chasi_slider .thum_item .btn_ptl { position: absolute; left: 310px; bottom: 30px; } .portlet_wrap .portlet_row .singlelist2.p6 .chasi_slider { width: auto; } .portlet_wrap .portlet_row .singlelist2.p6 .chasi_slider .thum_item { height: 354px; padding: 40px 40px; } .portlet_wrap .portlet_row .singlelist2.p6 .chasi_slider .thum_item dl { display: inherit; } .portlet_wrap .portlet_row .singlelist2.p6 .chasi_slider .thum_item dl dt { width: 490px; } .portlet_wrap .portlet_row .singlelist2.p6 .chasi_slider .thum_item dl dt .img { position: relative; width: 490px; height: 166px; overflow: hidden; background-color: rgba(23, 30, 126, 0.1); } .portlet_wrap .portlet_row .singlelist2.p6 .chasi_slider .thum_item dl dt .img > img, .portlet_wrap .portlet_row .singlelist2.p6 .chasi_slider .thum_item dl dt .img > a > img { position: relative; width: 100%; height: auto; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .portlet_wrap .portlet_row .singlelist2.p6 .chasi_slider .thum_item dl dt .img > img { position: absolute; } .portlet_wrap .portlet_row .singlelist2.p6 .chasi_slider .thum_item dl dd { margin: 0; } .portlet_wrap .portlet_row .singlelist2.p6 .chasi_slider .thum_item dl dd .text_link { width: 490px; height: 52px; } .portlet_wrap .portlet_row .singlelist2.p6 .chasi_slider .thum_item .btn_ptl { left: unset; right: 40px; bottom: 40px; } .portlet_wrap .portlet_row .singlelist2.p4 .chasi_slider { width: auto; height: 260px; } .portlet_wrap .portlet_row .singlelist2.p4 .chasi_slider .thum_item { height: 260px; padding: 20px 50px; } .portlet_wrap .portlet_row .singlelist2.p4 .chasi_slider .thum_item dl { display: inherit; } .portlet_wrap .portlet_row .singlelist2.p4 .chasi_slider .thum_item dl dt { width: 273px; } .portlet_wrap .portlet_row .singlelist2.p4 .chasi_slider .thum_item dl dt .img { position: relative; width: 273px; height: 110px; overflow: hidden; background-color: rgba(23, 30, 126, 0.1); } .portlet_wrap .portlet_row .singlelist2.p4 .chasi_slider .thum_item dl dt .img > img, .portlet_wrap .portlet_row .singlelist2.p4 .chasi_slider .thum_item dl dt .img > a > img { position: relative; width: 100%; height: auto; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .portlet_wrap .portlet_row .singlelist2.p4 .chasi_slider .thum_item dl dt .img > img { position: absolute; } .portlet_wrap .portlet_row .singlelist2.p4 .chasi_slider .thum_item dl dd { margin: 0; } .portlet_wrap .portlet_row .singlelist2.p4 .chasi_slider .thum_item dl dd .text_link { width: 273px; height: 52px; } .portlet_wrap .portlet_row .singlelist2.p4 .chasi_slider .thum_item .btn_ptl { left: unset; right: 50px; bottom: 20px; } .portlet_wrap .portlet_row .singlelist3 .copy_info { max-width: 1130px; height: 22px; font-size: 18px; color: #1e1e1e; font-weight: 500; display: inline-block; white-space: nowrap; word-break: break-all; overflow: hidden; text-overflow: ellipsis; line-height: 1.4; margin-bottom: -2px; } .portlet_wrap .portlet_row .singlelist3 .d-day { display: inline-block; height: 30px; margin-left: 10px; padding: 0 10px; border-radius: 15px; background: #00adfb; line-height: 30px; font-size: 14px; color: #fff; font-weight: 400; } .portlet_wrap .portlet_row .singlelist3 .set_wrap { overflow: hidden; margin-top: 17px; } .portlet_wrap .portlet_row .singlelist3 .set_wrap .thum_item { position: relative; height: 250px; padding: 20px 60px 0; background: #f2f3f8; display: -webkit-box; display: -ms-flexbox; display: flex; } .portlet_wrap .portlet_row .singlelist3 .set_wrap .thum_item .img { margin-right: 45px; width: 280px; height: 210px; overflow: hidden; background-color: rgba(23, 30, 126, 0.1); } .portlet_wrap .portlet_row .singlelist3 .set_wrap .thum_item .img > img, .portlet_wrap .portlet_row .singlelist3 .set_wrap .thum_item .img > a > img { position: relative; width: auto; height: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .portlet_wrap .portlet_row .singlelist3 .set_wrap .thum_item .learn_info { width: 750px; padding-top: 23px; } .portlet_wrap .portlet_row .singlelist3 .set_wrap .thum_item .learn_info p { height: 36px; line-height: 36px; font-size: 28px; color: #4e51d4; text-indent: 42px; font-weight: 500; } .portlet_wrap .portlet_row .singlelist3 .set_wrap .thum_item .learn_info p.learn_status--1 { background: url(../img/portlet/ico_learn_1.png) no-repeat 0 0; } .portlet_wrap .portlet_row .singlelist3 .set_wrap .thum_item .learn_info p.learn_status--2 { background: url(../img/portlet/ico_learn_2.png) no-repeat 0 0; } .portlet_wrap .portlet_row .singlelist3 .set_wrap .thum_item .learn_info p span { font-size: 18px; font-weight: 400; padding-left: 4px; } .portlet_wrap .portlet_row .singlelist3 .set_wrap .thum_item .learn_info ul { width: 100%; margin-top: 49px; } .portlet_wrap .portlet_row .singlelist3 .set_wrap .thum_item .learn_info ul li { position: relative; padding-left: 18px; font-size: 18px; color: #1e1e1e; line-height: 1.67; letter-spacing: -0.5px; } .portlet_wrap .portlet_row .singlelist3 .set_wrap .thum_item .learn_info ul li strong { display: inline-block; width: 76px; font-weight: 700; } .portlet_wrap .portlet_row .singlelist3 .set_wrap .thum_item .learn_info ul li:before { position: absolute; left: 5px; width: 5px; height: 5px; background: #1e1e1e; border-radius: 50%; content: ''; top: 45%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .portlet_wrap .portlet_row .singlelist3 .set_wrap .slick-arrow { top: 90px; } .portlet_wrap .portlet_row .singlelist3.p12 .set_wrap .thum_item .learn_info ul { position: relative; } .portlet_wrap .portlet_row .singlelist3.p12 .set_wrap .thum_item .learn_info ul li:last-child { position: absolute; left: 350px; bottom: 31px; } .portlet_wrap .portlet_row .singlelist3.p6 .copy_info { max-width: 500px; } .portlet_wrap .portlet_row .singlelist3.p6 .set_wrap { width: 570px; margin-top: 30px; } .portlet_wrap .portlet_row .singlelist3.p6 .set_wrap .thum_item { height: 293px; padding: 40px 60px; } .portlet_wrap .portlet_row .singlelist3.p6 .set_wrap .thum_item .img { display: none; } .portlet_wrap .portlet_row .singlelist3.p6 .set_wrap .thum_item .learn_info { margin: 0; padding: 0; } .portlet_wrap .portlet_row .singlelist3.p6 .set_wrap .thum_item .learn_info ul { margin-top: 55px; } .portlet_wrap .portlet_row .singlelist3.p6 .set_wrap .thum_item .learn_info ul li { padding-left: 25px; font-size: 16px; line-height: 1.88; } .portlet_wrap .portlet_row .singlelist3.p6 .set_wrap .thum_item .learn_info ul li:before { left: 12px; } .portlet_wrap .portlet_row .singlelist3.p6 .slick-arrow { top: 111px; } .portlet_wrap .portlet_row .singlelist3.p4 .copy_info { max-width: 310px; height: 50px; display: inline-block !important; display: inline-block; white-space: normal; word-break: break-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .portlet_wrap .portlet_row .singlelist3.p4 .d-day { position: relative; top: -10px; } .portlet_wrap .portlet_row .singlelist3.p4 .set_wrap { width: 373px; margin-top: 1px; } .portlet_wrap .portlet_row .singlelist3.p4 .set_wrap .thum_item { height: 200px; padding: 38px 40px 25px; } .portlet_wrap .portlet_row .singlelist3.p4 .set_wrap .thum_item .img { display: none; } .portlet_wrap .portlet_row .singlelist3.p4 .set_wrap .thum_item .learn_info { margin: 0; padding: 0; } .portlet_wrap .portlet_row .singlelist3.p4 .set_wrap .thum_item .learn_info p { height: 22px; font-size: 18px; line-height: 24px; text-indent: 28px; } .portlet_wrap .portlet_row .singlelist3.p4 .set_wrap .thum_item .learn_info p.learn_status--1 { background: url(../img/portlet/ico_c_1.png) no-repeat 0 0; } .portlet_wrap .portlet_row .singlelist3.p4 .set_wrap .thum_item .learn_info p.learn_status--2 { background: url(../img/portlet/ico_c_2.png) no-repeat 0 0; } .portlet_wrap .portlet_row .singlelist3.p4 .set_wrap .thum_item .learn_info p span { font-size: 14px; } .portlet_wrap .portlet_row .singlelist3.p4 .set_wrap .thum_item .learn_info ul { margin-top: 17px; } .portlet_wrap .portlet_row .singlelist3.p4 .set_wrap .thum_item .learn_info ul li { padding-left: 20px; font-size: 14px; line-height: 1.86; letter-spacing: -0.4px; } .portlet_wrap .portlet_row .singlelist3.p4 .set_wrap .thum_item .learn_info ul li:before { left: 6px; } .portlet_wrap .portlet_row .singlelist3.p4 .slick-arrow { top: 65px; } .portlet_wrap .portlet_row .historylist { width: 100%; } .portlet_wrap .portlet_row .historylist .thum_list { margin-top: 19px; } .portlet_wrap .portlet_row .historylist .thum_list .thum_item { position: relative; float: left; margin-left: 14px; } .portlet_wrap .portlet_row .historylist .thum_list .thum_item:first-child { margin-left: 0; } .portlet_wrap .portlet_row .historylist .thum_list .thum_item .o-icon__like { position: absolute; right: 12px; top: 120px; z-index: 10; } .portlet_wrap .portlet_row .historylist .thum_list .thum_item dl { width: 228px; } .portlet_wrap .portlet_row .historylist .thum_list .thum_item dl dt { position: relative; } .portlet_wrap .portlet_row .historylist .thum_list .thum_item dl dt .img { display: block; width: 228px; height: 169px; overflow: hidden; background-color: rgba(23, 30, 126, 0.1); } .portlet_wrap .portlet_row .historylist .thum_list .thum_item dl dt .img > img, .portlet_wrap .portlet_row .historylist .thum_list .thum_item dl dt .img > a > img { position: relative; width: auto; height: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .portlet_wrap .portlet_row .historylist .thum_list .thum_item dl dd .p_cate { display: inline-block; margin: 20px 0 5px; font-size: 15px; color: #4e51d4; font-weight: 500; } .portlet_wrap .portlet_row .historylist .thum_list .thum_item dl dd .text_info { display: inline-block; font-size: 18px; color: #1e1e1e; line-height: 1.3; overflow: hidden; font-weight: 500; } .portlet_wrap .portlet_row .historylist .thum_list .thum_item dl dd .text_info:hover { text-decoration: underline; } .portlet_wrap .portlet_row .historylist .thum_list .thum_item .add_info { width: 228px; margin-top: 10px; font-size: 14px; line-height: 20px; } .portlet_wrap .portlet_row .historylist .thum_list .thum_item .add_info span { color: #666; } .portlet_wrap .portlet_row .historylist .thum_list .thum_item .add_info strong { color: #222; } .portlet_wrap .portlet_row .historylist .thum_list .thum_item .add_info .add_dash { position: relative; margin-left: 10px; padding-left: 10px; } .portlet_wrap .portlet_row .historylist .thum_list .thum_item .add_info .add_dash:before { position: absolute; left: 0; top: 0; width: 1px; height: 16px; background: #ccc; content: ''; } .portlet_wrap .portlet_row .historylist.p12 .no_item { width: 228px; padding: 96px 58px 87px; } .portlet_wrap .portlet_row .historylist.p12 .no_item p { padding-top: 65px; background: url(../img/portlet/ico_history40x48.png) no-repeat top 0 center; } .portlet_wrap .portlet_row .historylist.p6 .thum_list .thum_item { display: none; } .portlet_wrap .portlet_row .historylist.p6 .thum_list .thum_item.no_item { width: 277px; padding: 83px 82px 84px; } .portlet_wrap .portlet_row .historylist.p6 .thum_list .thum_item.no_item p { line-height: 24px; padding-top: 60px; background: url(../img/portlet/ico_history40x48.png) no-repeat top center; } .portlet_wrap .portlet_row .historylist.p6 .thum_list .thum_item:nth-of-type(1), .portlet_wrap .portlet_row .historylist.p6 .thum_list .thum_item:nth-of-type(2) { display: block; } .portlet_wrap .portlet_row .historylist.p6 .thum_list .thum_item dl { width: 277px; } .portlet_wrap .portlet_row .historylist.p6 .thum_list .thum_item dl dt .img { width: 277px; height: 164px; overflow: hidden; background-color: rgba(23, 30, 126, 0.1); } .portlet_wrap .portlet_row .historylist.p6 .thum_list .thum_item dl dt .img > img, .portlet_wrap .portlet_row .historylist.p6 .thum_list .thum_item dl dt .img > a > img { position: relative; width: auto; height: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .portlet_wrap .portlet_row .historylist.p6 .thum_list .thum_item .add_info { width: 277px; } .portlet_wrap .portlet_row .historylist.p4 .thum_list .thum_item { display: none; width: 100%; margin: 14px 0 0 0; } .portlet_wrap .portlet_row .historylist.p4 .thum_list .thum_item.no_item { width: 373px; padding: 36px 42px 36px 59px; } .portlet_wrap .portlet_row .historylist.p4 .thum_list .thum_item.no_item p { height: 48px; line-height: 48px; padding-left: 60px; background: url(../img/portlet/ico_history40x48.png) no-repeat 0 0; } .portlet_wrap .portlet_row .historylist.p4 .thum_list .thum_item:nth-of-type(1), .portlet_wrap .portlet_row .historylist.p4 .thum_list .thum_item:nth-of-type(2) { display: block; } .portlet_wrap .portlet_row .historylist.p4 .thum_list .thum_item:first-child { margin-top: 0; } .portlet_wrap .portlet_row .historylist.p4 .thum_list .thum_item dl { width: 100%; } .portlet_wrap .portlet_row .historylist.p4 .thum_list .thum_item dl dt { float: left; width: 135px; } .portlet_wrap .portlet_row .historylist.p4 .thum_list .thum_item dl dt .img { width: 135px; height: 120px; overflow: hidden; background-color: rgba(23, 30, 126, 0.1); } .portlet_wrap .portlet_row .historylist.p4 .thum_list .thum_item dl dt .img > img, .portlet_wrap .portlet_row .historylist.p4 .thum_list .thum_item dl dt .img > a > img { position: relative; width: auto; height: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .portlet_wrap .portlet_row .historylist.p4 .thum_list .thum_item dl dd { float: left; width: 233px; padding-left: 10px; } .portlet_wrap .portlet_row .historylist.p4 .thum_list .thum_item dl dd .p_cate { margin: 10px 0 10px; } .portlet_wrap .portlet_row .historylist.p4 .thum_list .thum_item .add_info { display: inline-block; padding-left: 10px; } .portlet_wrap .portlet_row .historylist.p4 .c-tab .c-tab__anchor { min-width: initial; padding: 10px 15px; } .portlet_wrap .portlet_row .stdedulist .my_learning_wrap .my_learning_status dt + .keyword_box { width: 600px !important; } .portlet_wrap .portlet_row .stdedulist .my_learning_wrap .my_learning_status .tits + .keyword_box:after { position: absolute; top: 69px; right: 0; width: 1px; height: 116px; background: rgba(30, 30, 30, 0.1); content: ''; } .portlet_wrap .portlet_row .slimedulist .my_learning_wrap .my_learning_status, .portlet_wrap .portlet_row .stdedulist .my_learning_wrap .my_learning_status { margin-top: 30px; } .portlet_wrap .portlet_row .slimedulist .my_learning_wrap .my_learning_status:first-child, .portlet_wrap .portlet_row .stdedulist .my_learning_wrap .my_learning_status:first-child { margin-top: 0; } .portlet_wrap .portlet_row .slimedulist .my_learning_wrap .my_learning_status dt + .keyword_box, .portlet_wrap .portlet_row .stdedulist .my_learning_wrap .my_learning_status dt + .keyword_box { width: 898px; } .portlet_wrap .portlet_row .slimedulist .my_learning_wrap .my_learning_status .keyword_box, .portlet_wrap .portlet_row .stdedulist .my_learning_wrap .my_learning_status .keyword_box { position: relative; width: 600px; padding: 0; text-align: center; } .portlet_wrap .portlet_row .slimedulist .my_learning_wrap .my_learning_status .keyword_box .no_item, .portlet_wrap .portlet_row .stdedulist .my_learning_wrap .my_learning_status .keyword_box .no_item { margin: 0 auto; padding: 75px 0; } .portlet_wrap .portlet_row .slimedulist .my_learning_wrap .my_learning_status .keyword_box .no_item p, .portlet_wrap .portlet_row .stdedulist .my_learning_wrap .my_learning_status .keyword_box .no_item p { padding-top: 71px; color: #666 !important; text-align: center; font-size: 16px; background: url(../img/portlet/ico_heart46x46.png) no-repeat top center; } .portlet_wrap .portlet_row .slimedulist .my_learning_wrap .my_learning_status .keyword_box strong, .portlet_wrap .portlet_row .stdedulist .my_learning_wrap .my_learning_status .keyword_box strong { display: block; padding: 35px 0 40px; font-size: 18px; color: #fff; font-weight: 500; } .portlet_wrap .portlet_row .slimedulist .my_learning_wrap .my_learning_status .keyword_box .keyword_list, .portlet_wrap .portlet_row .stdedulist .my_learning_wrap .my_learning_status .keyword_box .keyword_list { width: 540px; margin: auto; } .portlet_wrap .portlet_row .slimedulist .my_learning_wrap .my_learning_status .keyword_box .keyword_list span, .portlet_wrap .portlet_row .stdedulist .my_learning_wrap .my_learning_status .keyword_box .keyword_list span { display: inline-block; height: 30px; margin: 0 1px 8px 0; line-height: 30px; border-radius: 15px; padding: 0 14px; background: #f2f3f8; font-size: 14px; color: #666; } .portlet_wrap .portlet_row .slimedulist .my_learning_wrap .my_learning_status .keyword_box .keyword_list span.active, .portlet_wrap .portlet_row .stdedulist .my_learning_wrap .my_learning_status .keyword_box .keyword_list span.active { background: #00adfb; color: #fff; } .portlet_wrap .portlet_row .slimedulist .my_learning_wrap .my_learning_status .keyword_box p, .portlet_wrap .portlet_row .stdedulist .my_learning_wrap .my_learning_status .keyword_box p { font-size: 18px; color: #fff; line-height: 1.4; } .portlet_wrap .portlet_row .slimedulist .my_learning_wrap .my_learning_status .keyword_box p + p, .portlet_wrap .portlet_row .stdedulist .my_learning_wrap .my_learning_status .keyword_box p + p { margin: 6px 0 42px; font-size: 16px; color: #fff; opacity: 0.6; } .portlet_wrap .portlet_row .slimedulist .my_learning_wrap .my_learning_status .keyword_box strong + p, .portlet_wrap .portlet_row .stdedulist .my_learning_wrap .my_learning_status .keyword_box strong + p { margin-top: -20px; } .portlet_wrap .portlet_row .slimedulist .my_learning_wrap .my_learning_status .keyword_box button, .portlet_wrap .portlet_row .stdedulist .my_learning_wrap .my_learning_status .keyword_box button { position: absolute; left: 0; right: 0; bottom: 25px; margin: auto; } .portlet_wrap .portlet_row .slimedulist .my_learning_wrap .my_learning_status .keyword_box .btn_setting_1, .portlet_wrap .portlet_row .stdedulist .my_learning_wrap .my_learning_status .keyword_box .btn_setting_1 { background: #fff; width: 104px; height: 40px; border: 1px solid #fff; font-size: 14px; color: #666; font-weight: 500; } .portlet_wrap .portlet_row .slimedulist .my_learning_wrap .my_learning_status .keyword_box .btn_setting_2, .portlet_wrap .portlet_row .stdedulist .my_learning_wrap .my_learning_status .keyword_box .btn_setting_2 { width: 104px; height: 40px; background: #00adfb; font-size: 14px; color: #fff; font-weight: 500; } .portlet_wrap .portlet_row .slimedulist .my_learning_wrap.bg_white--1 .my_learning_status .keyword_box strong, .portlet_wrap .portlet_row .stdedulist .my_learning_wrap.bg_white--1 .my_learning_status .keyword_box strong { color: #1e1e1e; } .portlet_wrap .portlet_row .slimedulist .my_learning_wrap.bg_white--1 .my_learning_status .keyword_box p, .portlet_wrap .portlet_row .stdedulist .my_learning_wrap.bg_white--1 .my_learning_status .keyword_box p { color: #1e1e1e; } .portlet_wrap .portlet_row .slimedulist .my_learning_wrap.bg_white--1 .my_learning_status .keyword_box p + p, .portlet_wrap .portlet_row .stdedulist .my_learning_wrap.bg_white--1 .my_learning_status .keyword_box p + p { color: #666; } .portlet_wrap .portlet_row .slimedulist .my_learning_wrap.bg_white--1 .my_learning_status .keyword_box .btn_setting_1, .portlet_wrap .portlet_row .stdedulist .my_learning_wrap.bg_white--1 .my_learning_status .keyword_box .btn_setting_1 { background: transparent; border: 1px solid #ccc; } .portlet_wrap .portlet_row .english .c-tab { margin-top: -7px; } .portlet_wrap .portlet_row .english .c-tab__anchor { min-width: auto; padding: 10px 15px; } .portlet_wrap .portlet_row .english .lang_slider { margin-top: 20px; overflow: hidden; } .portlet_wrap .portlet_row .english .lang_slider .slick-list { margin: 0 -9px; height: initial; } .portlet_wrap .portlet_row .english .lang_slider .slick-list .slick-slide { margin: 0 9px; } .portlet_wrap .portlet_row .english .lang_slider .slick-list .slick-slide a:hover .lang_q { text-decoration: underline; } .portlet_wrap .portlet_row .english .lang_slider .slick-list .slick-slide .item { height: 307px; padding: 35px; background: #f2f3f8; } .portlet_wrap .portlet_row .english .lang_slider .slick-list .slick-slide .item .today_lang { padding-bottom: 10px; border-bottom: 1px solid #ccc; font-size: 18px; color: #1e1e1e; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .portlet_wrap .portlet_row .english .lang_slider .slick-list .slick-slide .item .today_lang strong { font-weight: 500; } .portlet_wrap .portlet_row .english .lang_slider .slick-list .slick-slide .item .today_lang .c-all-more { margin-left: auto; } .portlet_wrap .portlet_row .english .lang_slider .slick-list .slick-slide .item .today_lang .c-all-more .c-all-more__text { font-size: 15px; letter-spacing: -0.5px; color: #1e1e1e; font-weight: normal; } .portlet_wrap .portlet_row .english .lang_slider .slick-list .slick-slide .item .today_lang .c-all-more .c-all-more__btn { padding-right: 22px; } .portlet_wrap .portlet_row .english .lang_slider .slick-list .slick-slide .item .today_lang--2 .lang_q { margin: 25px 0 20px; font-size: 14px; color: #1e1e1e; line-height: 1.3; } .portlet_wrap .portlet_row .english .lang_slider .slick-list .slick-slide .item .today_lang--2 .lang_a { height: 146px; font-size: 14px; color: #666 !important; line-height: 1.3; overflow: hidden; } .portlet_wrap .portlet_row .english .lang_slider .slick-list .slick-slide .item .today_lang--2 .lang_a p { margin: 15px 0 15px 20px; line-height: 1.5; } .portlet_wrap .portlet_row .english .lang_slider .slick-list .slick-slide .item .today_lang--2 .lang_a p span:first-child { margin-left: -20px; } .portlet_wrap .portlet_row .english .lang_slider .slick-arrow { top: 118px; } .portlet_wrap .portlet_row .english .lang_slider .slick-arrow.slick-prev { left: 0; } .portlet_wrap .portlet_row .english .lang_slider .slick-arrow.slick-next { right: 0; } .portlet_wrap .portlet_row .english.p6 .lang_slider { width: auto; height: 354px; } .portlet_wrap .portlet_row .english.p6 .slick-list .slick-slide .item { width: 568px; padding: 35px; } .portlet_wrap .portlet_row .english.p6 .slick-arrow { top: 118px; } .portlet_wrap .portlet_row .english.p4 .lang_slider { width: auto; } .portlet_wrap .portlet_row .english.p4 .lang_slider .slick-list .slick-slide .item { width: 371px; height: 213px; padding: 25px 35px 26px; } .portlet_wrap .portlet_row .english.p4 .lang_slider .slick-list .slick-slide .item .lang_q { margin: 12px 0 10px; } .portlet_wrap .portlet_row .english.p4 .lang_slider .slick-list .slick-slide .item .lang_a { height: 90px; } .portlet_wrap .portlet_row .english.p4 .lang_slider .slick-list .slick-slide .item .lang_a p { margin: 10px 0 10px 20px; } .portlet_wrap .portlet_row .english.p4 .lang_slider .slick-list .slick-slide .item .lang_a p span:last-child { float: right; height: 42px; overflow: hidden; } .portlet_wrap .portlet_row .english.p4 .lang_slider .slick-list .slick-slide .item .lang_a p + p { display: none; } .portlet_wrap .portlet_row .english.p4 .lang_slider .slick-list .slick-slide .item:first-child ~ .item { display: none; } .portlet_wrap .portlet_row .english.p4 .lang_slider .slick-arrow { top: 72px; } .portlet_wrap .portlet_row .booksummary .c-tab__anchor { min-width: initial; padding: 10px 15px; } .portlet_wrap .portlet_row .booksummary .booksummary_slider_wrap { background: #f2f3f8; height: 320px; overflow: hidden; } .portlet_wrap .portlet_row .booksummary .booksummary_slider_wrap .booksummary_slider { width: 1014px; margin: 0 auto; } .portlet_wrap .portlet_row .booksummary .booksummary_slider_wrap .booksummary_slider .slick-list .slick-slide .item { float: none; } .portlet_wrap .portlet_row .booksummary .booksummary_slider_wrap .booksummary_slider .item { float: left; height: 320px; padding: 53px 0 0 0; } .portlet_wrap .portlet_row .booksummary .booksummary_slider_wrap .booksummary_slider .item a { display: -webkit-box; display: -ms-flexbox; display: flex; width: 338px; } .portlet_wrap .portlet_row .booksummary .booksummary_slider_wrap .booksummary_slider .item a:hover span { text-decoration: underline; } .portlet_wrap .portlet_row .booksummary .booksummary_slider_wrap .booksummary_slider .item a .img { position: relative; background: url(../img/portlet/bg_book.png) no-repeat 0 -1px; display: inline-block; width: 168px; height: 214px; } .portlet_wrap .portlet_row .booksummary .booksummary_slider_wrap .booksummary_slider .item a .img img { position: absolute; top: 16px; left: 17px; width: 124px; height: 170px; } .portlet_wrap .portlet_row .booksummary .booksummary_slider_wrap .booksummary_slider .item a p { width: 170px; } .portlet_wrap .portlet_row .booksummary .booksummary_slider_wrap .booksummary_slider .item a p strong { padding: 54px 0 10px; font-size: 14px; color: #00adfb; width: 100%; display: inline-block; white-space: nowrap; word-break: break-all; overflow: hidden; text-overflow: ellipsis; } .portlet_wrap .portlet_row .booksummary .booksummary_slider_wrap .booksummary_slider .item a p span { display: block; line-height: 1.4; font-size: 18px; color: #1e1e1e; font-weight: 500; } .portlet_wrap .portlet_row .booksummary .booksummary_slider_wrap .booksummary_slider .item a p span + span { width: 105px; } .portlet_wrap .portlet_row .booksummary .booksummary_slider_wrap .booksummary_slider .slick-arrow { top: 125px; } .portlet_wrap .portlet_row .booksummary .booksummary_slider_wrap .booksummary_slider .slick-arrow.slick-prev { left: -90px; } .portlet_wrap .portlet_row .booksummary .booksummary_slider_wrap .booksummary_slider .slick-arrow.slick-next { right: -90px; } .portlet_wrap .portlet_row .booksummary .booksummary_slider_wrap .booksummary_slider .slick-dots { bottom: 16px; } .portlet_wrap .portlet_row .booksummary.p12 .booksummary_slider_wrap .booksummary_slider { width: 975px; margin: 0 0 0 131px; } .portlet_wrap .portlet_row .booksummary.p12 .booksummary_slider_wrap .booksummary_slider .item a { width: 325px; } .portlet_wrap .portlet_row .booksummary.p12 .booksummary_slider_wrap .booksummary_slider .item p { width: 157px; } .portlet_wrap .portlet_row .booksummary.p12 .booksummary_slider_wrap .booksummary_slider .slick-track { margin: 0; } .portlet_wrap .portlet_row .booksummary.p12 .booksummary_slider_wrap .booksummary_slider .slick-arrow.slick-prev { left: -131px; } .portlet_wrap .portlet_row .booksummary.p6 .booksummary_slider_wrap { width: 570px; } .portlet_wrap .portlet_row .booksummary.p6 .booksummary_slider_wrap .booksummary_slider { width: 500px; } .portlet_wrap .portlet_row .booksummary.p6 .booksummary_slider_wrap .booksummary_slider .item { height: 354px; padding: 24px 0 0; } .portlet_wrap .portlet_row .booksummary.p6 .booksummary_slider_wrap .booksummary_slider .item a { display: block; width: 250px; padding: 0 25px; } .portlet_wrap .portlet_row .booksummary.p6 .booksummary_slider_wrap .booksummary_slider .item a .img { left: 21px; height: 210px; } .portlet_wrap .portlet_row .booksummary.p6 .booksummary_slider_wrap .booksummary_slider .item a p { width: 100%; margin-top: -12px; } .portlet_wrap .portlet_row .booksummary.p6 .booksummary_slider_wrap .booksummary_slider .item a p strong { padding: 0 0 10px; } .portlet_wrap .portlet_row .booksummary.p6 .booksummary_slider_wrap .booksummary_slider .item a p span + span { width: 100%; } .portlet_wrap .portlet_row .booksummary.p6 .booksummary_slider_wrap .booksummary_slider .slick-track { margin: 0; } .portlet_wrap .portlet_row .booksummary.p6 .booksummary_slider_wrap .slick-arrow { top: 142px; } .portlet_wrap .portlet_row .booksummary.p6 .booksummary_slider_wrap .slick-arrow.slick-prev { left: -35px; } .portlet_wrap .portlet_row .booksummary.p6 .booksummary_slider_wrap .slick-arrow.slick-next { right: -35px; } .portlet_wrap .portlet_row .booksummary.p4 .booksummary_slider_wrap { width: 373px; } .portlet_wrap .portlet_row .booksummary.p4 .booksummary_slider_wrap .booksummary_slider { width: 280px; } .portlet_wrap .portlet_row .booksummary.p4 .booksummary_slider_wrap .booksummary_slider .slick-list .slick-slide .item { height: 260px; padding: 14px 0 0; } .portlet_wrap .portlet_row .booksummary.p4 .booksummary_slider_wrap .booksummary_slider .slick-list .slick-slide .item a { width: 280px; } .portlet_wrap .portlet_row .booksummary.p4 .booksummary_slider_wrap .booksummary_slider .slick-list .slick-slide .item a .img { height: 210px; } .portlet_wrap .portlet_row .booksummary.p4 .booksummary_slider_wrap .booksummary_slider .slick-list .slick-slide .item a p { width: 112px; } .portlet_wrap .portlet_row .booksummary.p4 .booksummary_slider_wrap .booksummary_slider .slick-arrow { top: 95px; } .portlet_wrap .portlet_row .booksummary.p4 .booksummary_slider_wrap .booksummary_slider .slick-arrow.slick-prev { left: -46px; } .portlet_wrap .portlet_row .booksummary.p4 .booksummary_slider_wrap .booksummary_slider .slick-arrow.slick-next { right: -47px; } .portlet_wrap .portlet_row .bookreview .c-tab__anchor { min-width: initial; padding: 10px 15px; } .portlet_wrap .portlet_row .bookreview .bookreview_slider_wrap { background: #f2f3f8; } .portlet_wrap .portlet_row .bookreview .bookreview_slider_wrap .bookreview_slider { width: 1069px; margin: 20px auto 0; } .portlet_wrap .portlet_row .bookreview .bookreview_slider_wrap .bookreview_slider .item { height: 320px; padding: 40px 0 0 0; } .portlet_wrap .portlet_row .bookreview .bookreview_slider_wrap .bookreview_slider .item a { position: relative; display: block; width: 310px; height: 253px; } .portlet_wrap .portlet_row .bookreview .bookreview_slider_wrap .bookreview_slider .item a:hover span { text-decoration: underline; } .portlet_wrap .portlet_row .bookreview .bookreview_slider_wrap .bookreview_slider .item a .review_title { width: 100%; padding-left: 17px; } .portlet_wrap .portlet_row .bookreview .bookreview_slider_wrap .bookreview_slider .item a .review_title strong { font-size: 14px; color: #00adfb; font-weight: 500; } .portlet_wrap .portlet_row .bookreview .bookreview_slider_wrap .bookreview_slider .item a .review_title span { display: block; margin: 5px 0 0; font-size: 16px; color: #1e1e1e; font-weight: 500; } .portlet_wrap .portlet_row .bookreview .bookreview_slider_wrap .bookreview_slider .item a .img { position: relative; background: url(../img/portlet/bg_book.png) no-repeat 0 -1px; display: block; float: left; width: 168px; height: 214px; } .portlet_wrap .portlet_row .bookreview .bookreview_slider_wrap .bookreview_slider .item a .img img { position: absolute; top: 16px; left: 17px; width: 124px; height: 170px; } .portlet_wrap .portlet_row .bookreview .bookreview_slider_wrap .bookreview_slider .item a .review_desc { position: relative; float: right; width: 142px; height: 171px; margin-top: 16px; overflow: hidden; font-size: 14px; color: #666; letter-spacing: -0.2px; line-height: 19px; } .portlet_wrap .portlet_row .bookreview .bookreview_slider_wrap .bookreview_slider .item a .review_desc .dotdotdot { position: absolute; right: 1px; bottom: 0; width: 96px; height: 18px; background: -webkit-gradient(linear, right top, left top, color-stop(0, #f2f3f8), color-stop(20%, #f2f3f8), to(rgba(255, 255, 255, 0))); background: linear-gradient(to left, #f2f3f8 0, #f2f3f8 20%, rgba(255, 255, 255, 0) 100%); color: #757575; } .portlet_wrap .portlet_row .bookreview .bookreview_slider_wrap .bookreview_slider .item a .review_desc .dotdotdot:after { float: right; content: '\2026'; } .portlet_wrap .portlet_row .bookreview .bookreview_slider_wrap .bookreview_slider .slick-list { margin: 0 -44px; } .portlet_wrap .portlet_row .bookreview .bookreview_slider_wrap .bookreview_slider .slick-list .slick-slide { margin: 0 44px; height: auto; } .portlet_wrap .portlet_row .bookreview .bookreview_slider_wrap .bookreview_slider .slick-arrow { top: 125px; } .portlet_wrap .portlet_row .bookreview .bookreview_slider_wrap .bookreview_slider .slick-arrow.slick-prev { left: -66px; } .portlet_wrap .portlet_row .bookreview .bookreview_slider_wrap .bookreview_slider .slick-arrow.slick-next { right: -66px; } .portlet_wrap .portlet_row .bookreview .bookreview_slider_wrap .bookreview_slider .slick-dots { bottom: 16px; } .portlet_wrap .portlet_row .bookreview.p6 .bookreview_slider_wrap { width: 570px; } .portlet_wrap .portlet_row .bookreview.p6 .bookreview_slider_wrap .bookreview_slider { width: 420px; } .portlet_wrap .portlet_row .bookreview.p6 .bookreview_slider_wrap .bookreview_slider .slick-list { margin: 0; } .portlet_wrap .portlet_row .bookreview.p6 .bookreview_slider_wrap .bookreview_slider .slick-list .slick-slide { margin: 0; } .portlet_wrap .portlet_row .bookreview.p6 .bookreview_slider_wrap .bookreview_slider .slick-list .slick-slide .item { height: 354px; padding: 44px 0 0; } .portlet_wrap .portlet_row .bookreview.p6 .bookreview_slider_wrap .bookreview_slider .slick-list .slick-slide .item a { width: 100%; } .portlet_wrap .portlet_row .bookreview.p6 .bookreview_slider_wrap .bookreview_slider .slick-list .slick-slide .item a .review_desc { width: 250px; } .portlet_wrap .portlet_row .bookreview.p6 .bookreview_slider_wrap .bookreview_slider .slick-list .slick-slide .item a .review_title { padding-left: 0; } .portlet_wrap .portlet_row .bookreview.p6 .bookreview_slider_wrap .bookreview_slider .slick-list .slick-slide .item a .img { background-position: -17px 0; } .portlet_wrap .portlet_row .bookreview.p6 .bookreview_slider_wrap .bookreview_slider .slick-list .slick-slide .item a .img img { left: 0; } .portlet_wrap .portlet_row .bookreview.p6 .bookreview_slider_wrap .slick-arrow { top: 142px; } .portlet_wrap .portlet_row .bookreview.p4 .bookreview_slider_wrap { width: 373px; } .portlet_wrap .portlet_row .bookreview.p4 .bookreview_slider_wrap .bookreview_slider { width: 280px; } .portlet_wrap .portlet_row .bookreview.p4 .bookreview_slider_wrap .bookreview_slider .slick-list .slick-slide .item { height: 260px; padding: 33px 0 0; } .portlet_wrap .portlet_row .bookreview.p4 .bookreview_slider_wrap .bookreview_slider .slick-list .slick-slide .item a { width: 280px; height: 180px; } .portlet_wrap .portlet_row .bookreview.p4 .bookreview_slider_wrap .bookreview_slider .slick-list .slick-slide .item a .review_title { padding: 0; } .portlet_wrap .portlet_row .bookreview.p4 .bookreview_slider_wrap .bookreview_slider .slick-list .slick-slide .item a .img { display: none; } .portlet_wrap .portlet_row .bookreview.p4 .bookreview_slider_wrap .bookreview_slider .slick-list .slick-slide .item a .review_desc { width: 100%; height: 116px; } .portlet_wrap .portlet_row .bookreview.p4 .bookreview_slider_wrap .bookreview_slider .slick-arrow { top: 95px; } .portlet_wrap .portlet_row .bookreview.p4 .bookreview_slider_wrap .bookreview_slider .slick-arrow.slick-prev { left: -46px; } .portlet_wrap .portlet_row .bookreview.p4 .bookreview_slider_wrap .bookreview_slider .slick-arrow.slick-next { right: -47px; } .portlet_wrap .portlet_row .eduapplication .eduapplication_wrap { background: -webkit-gradient(linear, left top, right top, from(#6666e0), to(#4e51d4)); background: linear-gradient(to right, #6666e0, #4e51d4); position: relative; height: 75px; line-height: 75px; text-align: center; margin-top: 30px; } .portlet_wrap .portlet_row .eduapplication .eduapplication_wrap:first-child { margin-top: 0; } .portlet_wrap .portlet_row .eduapplication .eduapplication_wrap .status { position: absolute; left: 27px; top: 21px; width: 86px; height: 33px; border: 2px solid #fff; border-radius: 16.5px; font-size: 16px; color: #fff; font-weight: 500; line-height: 29px; text-align: center; } .portlet_wrap .portlet_row .eduapplication .eduapplication_wrap p { font-size: 24px; color: #fff; } .portlet_wrap .portlet_row .eduapplication .eduapplication_wrap p strong { margin-right: 25px; font-weight: 300; } .portlet_wrap .portlet_row .eduapplication .eduapplication_wrap p span { font-weight: 500; } .portlet_wrap .portlet_row .eduapplication .eduapplication_wrap .d-day { position: absolute; top: 17px; right: 34px; line-height: 40px; } .portlet_wrap .portlet_row .eduapplication .eduapplication_wrap .d-day span { display: inline-block; width: 30px; height: 40px; margin-left: 4px; font-size: 26px; color: #fff; font-weight: 700; line-height: 40px; text-align: center; } .portlet_wrap .portlet_row .eduapplication .eduapplication_wrap .d-day span ~ span { background: rgba(0, 0, 0, 0.2); } .portlet_wrap .portlet_row .mobileguide .mobile_guide { position: relative; height: 223px; background: #f6f7fa url(../img/portlet/bg_mobile.png) no-repeat right 176px bottom 0; } .portlet_wrap .portlet_row .mobileguide .mobile_guide .app_down { position: absolute; right: 255px; bottom: 22px; width: 187px; } .portlet_wrap .portlet_row .mobileguide .mobile_guide .app_down a { display: inline-block; width: 187px; height: 50px; font-size: 0; float: left; } .portlet_wrap .portlet_row .mobileguide .mobile_guide .app_down a.google_link { background: url(../img/portlet/bg_googleplay.png) no-repeat 0 0; -webkit-box-shadow: 0 3px 10px 0 rgba(47, 52, 72, 0.1); box-shadow: 0 3px 10px 0 rgba(47, 52, 72, 0.1); } .portlet_wrap .portlet_row .mobileguide .mobile_guide .app_down a.apple_link { margin-top: 10px; background: url(../img/portlet/bg_appstore.png) no-repeat 0 0; -webkit-box-shadow: 0 3px 10px 0 rgba(47, 52, 72, 0.1); box-shadow: 0 3px 10px 0 rgba(47, 52, 72, 0.1); } .portlet_wrap .portlet_row .mobileguide .mobile_guide p { position: absolute; top: 40px; left: 116px; width: 320px; letter-spacing: -1px; color: #1e1e1e; } .portlet_wrap .portlet_row .mobileguide .mobile_guide p strong { font-size: 42px; font-weight: 400; line-height: 1.8; } .portlet_wrap .portlet_row .mobileguide .mobile_guide p span { font-size: 18px; line-height: 1.5; } .portlet_wrap .portlet_row .mobileguide .mobile_guide p span em { display: inline-block; } .portlet_wrap .portlet_row .mobileguide .mobile_guide .qr-code { position: absolute; right: 30px; bottom: 18px; width: 85px; height: 85px; background: #eaedef; } .portlet_wrap .portlet_row .mobileguide .mobile_guide .qr-code img { width: 100%; height: 100%; } .portlet_wrap .portlet_row .mobileguide.p6 .mobile_guide { height: 400px; background: #f6f7fa url(../img/portlet/bg_mobile_2.png) no-repeat left 50% bottom 0; } .portlet_wrap .portlet_row .mobileguide.p6 .mobile_guide .app_down { left: 0; right: 0; margin: auto; top: 156px; width: 323px; } .portlet_wrap .portlet_row .mobileguide.p6 .mobile_guide .app_down a { float: none; } .portlet_wrap .portlet_row .mobileguide.p6 .mobile_guide .app_down a.google_link { width: 167px; background: url(../img/portlet/bg_googleplay2.png) no-repeat 0 0; } .portlet_wrap .portlet_row .mobileguide.p6 .mobile_guide .app_down a.apple_link { margin-left: 3px; width: 149px; background: url(../img/portlet/bg_appstore2.png) no-repeat 0 0; } .portlet_wrap .portlet_row .mobileguide.p6 .mobile_guide p { top: 35px; left: 0; right: 0; margin: auto; text-align: center; } .portlet_wrap .portlet_row .mobileguide.p6 .mobile_guide p strong { line-height: 1.4; } .portlet_wrap .portlet_row .mobileguide.p6 .mobile_guide .qr-code { left: 0; right: 0; margin: auto; } .portlet_wrap .portlet_row .mobileguide.p4 .mobile_guide { height: 306px; background: #f6f7fa; } .portlet_wrap .portlet_row .mobileguide.p4 .mobile_guide .app_down { left: 0; right: 0; margin: auto; top: 166px; width: 167px; } .portlet_wrap .portlet_row .mobileguide.p4 .mobile_guide .app_down a { display: inline-block; width: 167px; } .portlet_wrap .portlet_row .mobileguide.p4 .mobile_guide .app_down a.google_link { background: url(../img/portlet/bg_googleplay2.png) no-repeat 0 0; } .portlet_wrap .portlet_row .mobileguide.p4 .mobile_guide .app_down a.apple_link { margin-top: 6px; background: url(../img/portlet/bg_appstore3.png) no-repeat 0 0; } .portlet_wrap .portlet_row .mobileguide.p4 .mobile_guide p { width: 260px; top: 35px; left: 0; right: 0; margin: auto; text-align: center; } .portlet_wrap .portlet_row .mobileguide.p4 .mobile_guide p strong { font-size: 34px; } .portlet_wrap .portlet_row .mobileguide.p4 .mobile_guide p span { font-size: 14px; } .portlet_wrap .portlet_row .mobileguide.p4 .mobile_guide .qr-code { display: none; } .portlet_wrap .portlet_row .mobileguide.pb2c .mobile_guide { background: #f6f7fa; height: 100px; } .portlet_wrap .portlet_row .mobileguide.pb2c .mobile_guide p { width: auto; top: 14px; left: 60px; } .portlet_wrap .portlet_row .mobileguide.pb2c .mobile_guide p span { font-size: 15px; font-weight: 100; } .portlet_wrap .portlet_row .mobileguide.pb2c .mobile_guide p span br { display: none; } .portlet_wrap .portlet_row .mobileguide.pb2c .mobile_guide p strong { font-size: 32px; line-height: 1.5; display: block; } .portlet_wrap .portlet_row .mobileguide.pb2c .mobile_guide .qr-code { width: 75px; height: 75px; top: 13px; right: 60px; bottom: auto; } .portlet_wrap .portlet_row .mobileguide.pb2c .mobile_guide .app_down { width: auto; top: 27px; bottom: auto; right: 178px; } .portlet_wrap .portlet_row .mobileguide.pb2c .mobile_guide .app_down a { width: 153.6px; height: 46px; background-size: cover; background-position: 50% 0; margin-top: 0; } .portlet_wrap .portlet_row .mobileguide.pb2c .mobile_guide .app_down a.apple_link { margin-left: 8.5px; } .portlet_wrap .portlet_row .interestsub .interestsub_slider { position: relative; overflow: hidden; } .portlet_wrap .portlet_row .interestsub .interestsub_slider .slick-list { margin: 0 -8px; } .portlet_wrap .portlet_row .interestsub .interestsub_slider .slick-list .slick-slide { margin: 0 8px; } .portlet_wrap .portlet_row .interestsub .interestsub_slider .slick-arrow { top: 45px; } .portlet_wrap .portlet_row .interestsub .interestsub_slider .slick-arrow.slick-prev { left: 0; } .portlet_wrap .portlet_row .interestsub .interestsub_slider .slick-arrow.slick-next { right: 0; } .portlet_wrap .portlet_row .interestsub .interestsub_slider .thum_item dl { width: 227px; } .portlet_wrap .portlet_row .interestsub .interestsub_slider .thum_item dl dt { position: relative; } .portlet_wrap .portlet_row .interestsub .interestsub_slider .thum_item dl dt .img a { display: block; width: 227px; height: 169px; overflow: hidden; background-color: rgba(23, 30, 126, 0.1); } .portlet_wrap .portlet_row .interestsub .interestsub_slider .thum_item dl dt .img a > img, .portlet_wrap .portlet_row .interestsub .interestsub_slider .thum_item dl dt .img a > a > img { position: relative; width: auto; height: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .portlet_wrap .portlet_row .interestsub .interestsub_slider .thum_item dl dt button { position: absolute; right: 16px; bottom: 16px; } .portlet_wrap .portlet_row .interestsub .interestsub_slider .thum_item dl dd { height: 105px; } .portlet_wrap .portlet_row .interestsub .interestsub_slider .thum_item dl dd .p_cate { display: inline-block; margin: 24px 0 12px; font-size: 15px; color: #4e51d4; font-weight: 500; } .portlet_wrap .portlet_row .interestsub .interestsub_slider .thum_item dl dd a { display: inline-block; height: 54px; padding-right: 10px; font-size: 18px; color: #1e1e1e; line-height: 1.5; overflow: hidden; font-weight: 500; display: inline-block; white-space: normal; word-break: break-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .portlet_wrap .portlet_row .interestsub .interestsub_slider .thum_item dl dd a:hover { text-decoration: underline; } .portlet_wrap .portlet_row .interestsub.p12 .interestsub_slider .thum_item { float: left; margin-left: 15px; } .portlet_wrap .portlet_row .interestsub.p12 .interestsub_slider .thum_item.no_item { width: 227px; height: 274px; padding-top: 85px; } .portlet_wrap .portlet_row .interestsub.p12 .interestsub_slider .thum_item.no_item p { vertical-align: middle; padding-top: 70px; background: #fff url(../img/portlet/ico_heart46x46.png) no-repeat center top; font-size: 16px; } .portlet_wrap .portlet_row .interestsub.p12 .interestsub_slider .thum_item:first-child { margin-left: 0; } .portlet_wrap .portlet_row .interestsub.p6 .interestsub_slider { display: -webkit-box; display: -ms-flexbox; display: flex; width: inherit; } .portlet_wrap .portlet_row .interestsub.p6 .interestsub_slider .thum_item { display: none; } .portlet_wrap .portlet_row .interestsub.p6 .interestsub_slider .thum_item.no_item { width: 277px; height: 354px; padding-top: 129px; } .portlet_wrap .portlet_row .interestsub.p6 .interestsub_slider .thum_item.no_item p { background: #fff url(../img/portlet/ico_heart46x46.png) no-repeat center top; padding-top: 71px; font-size: 16px; } .portlet_wrap .portlet_row .interestsub.p6 .interestsub_slider .thum_item:nth-of-type(1) { display: inline-block; } .portlet_wrap .portlet_row .interestsub.p6 .interestsub_slider .thum_item:nth-of-type(2) { display: inline-block; margin-left: auto; } .portlet_wrap .portlet_row .interestsub.p6 .interestsub_slider .thum_item dl { width: 277px; } .portlet_wrap .portlet_row .interestsub.p6 .interestsub_slider .thum_item dl dt .img a { display: block; width: 277px; height: 220px; overflow: hidden; background-color: rgba(23, 30, 126, 0.1); } .portlet_wrap .portlet_row .interestsub.p6 .interestsub_slider .thum_item dl dt .img a > img, .portlet_wrap .portlet_row .interestsub.p6 .interestsub_slider .thum_item dl dt .img a > a > img { position: relative; width: auto; height: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .portlet_wrap .portlet_row .interestsub.p6 .interestsub_slider .thum_item dl dd { height: 134px; } .portlet_wrap .portlet_row .interestsub.p4 .interestsub_slider { width: inherit; height: 260px; overflow: hidden; } .portlet_wrap .portlet_row .interestsub.p4 .interestsub_slider.rankingcuration_slider { display: block; } .portlet_wrap .portlet_row .interestsub.p4 .interestsub_slider .thum_item { display: none; margin-bottom: 13px; } .portlet_wrap .portlet_row .interestsub.p4 .interestsub_slider .thum_item.no_item { padding: 20px 75px 19px 80px; width: 100%; } .portlet_wrap .portlet_row .interestsub.p4 .interestsub_slider .thum_item.no_item p { padding-left: 55px; background: url(../img/portlet/ico_heart35x35.png) no-repeat 0 0; height: 35px; line-height: 35px; } .portlet_wrap .portlet_row .interestsub.p4 .interestsub_slider .thum_item:nth-of-type(1), .portlet_wrap .portlet_row .interestsub.p4 .interestsub_slider .thum_item:nth-of-type(2), .portlet_wrap .portlet_row .interestsub.p4 .interestsub_slider .thum_item:nth-of-type(3) { display: inline-block; } .portlet_wrap .portlet_row .interestsub.p4 .interestsub_slider .thum_item dl { width: 373px; } .portlet_wrap .portlet_row .interestsub.p4 .interestsub_slider .thum_item dl dt { float: left; } .portlet_wrap .portlet_row .interestsub.p4 .interestsub_slider .thum_item dl dt .img a { display: block; width: 130px; height: 76px; overflow: hidden; background-color: rgba(23, 30, 126, 0.1); } .portlet_wrap .portlet_row .interestsub.p4 .interestsub_slider .thum_item dl dt .img a > img, .portlet_wrap .portlet_row .interestsub.p4 .interestsub_slider .thum_item dl dt .img a > a > img { position: relative; width: auto; height: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .portlet_wrap .portlet_row .interestsub.p4 .interestsub_slider .thum_item dl dt .o-icon__like { right: 10px; bottom: 10px; } .portlet_wrap .portlet_row .interestsub.p4 .interestsub_slider .thum_item dl dd { float: right; width: 230px; height: 74px; } .portlet_wrap .portlet_row .interestsub.p4 .interestsub_slider .thum_item dl dd .p_cate { margin: 4px 0 8px; } .portlet_wrap .portlet_row .interestsub.p4 .interestsub_slider .thum_item dl dd a { height: 44px; font-size: 16px; line-height: 22px; overflow: hidden; } .portlet_wrap .portlet_row .ablediagnosis.p6 .ablediagnosis_slider > .item { width: 277px; } .portlet_wrap .portlet_row .ablediagnosis .ablediagnosis_slider:after { content: ''; display: block; clear: both; } .portlet_wrap .portlet_row .ablediagnosis .ablediagnosis_slider > .item { float: left; margin-left: 16px; } .portlet_wrap .portlet_row .ablediagnosis .ablediagnosis_slider > .item:first-child { margin-left: 0; } .portlet_wrap .portlet_row .ablediagnosis .ablediagnosis_slider .item { width: 288px; height: 354px; padding-top: 60px; border: 1px solid #ccc; text-align: center; background-color: #fff; } .portlet_wrap .portlet_row .ablediagnosis .ablediagnosis_slider .item strong { font-size: 36px; width: 100%; padding: 0 30px; color: #1e1e1e; font-weight: 500; display: inline-block; white-space: nowrap; word-break: break-all; overflow: hidden; text-overflow: ellipsis; } .portlet_wrap .portlet_row .ablediagnosis .ablediagnosis_slider .item .img_wrap { height: 158px; padding: 35px 0 0; } .portlet_wrap .portlet_row .ablediagnosis .ablediagnosis_slider .item .img_wrap img { display: inline-block; } .portlet_wrap .portlet_row .ablediagnosis .ablediagnosis_slider .item .o-button:hover { background: #00adfb; border-color: #00adfb; } .portlet_wrap .portlet_row .ablediagnosis .ablediagnosis_slider .slick-track { margin-left: 0; margin-right: 0; } .portlet_wrap .portlet_row .ablediagnosis .ablediagnosis_slider .slick-list { margin: 0 -8px; } .portlet_wrap .portlet_row .ablediagnosis .ablediagnosis_slider .slick-list .slick-slide { margin: 0 8px; } .portlet_wrap .portlet_row .ablediagnosis .ablediagnosis_slider .slick-arrow { top: 142px; } .portlet_wrap .portlet_row .ablediagnosis .ablediagnosis_slider .slick-arrow.slick-prev { left: 0; } .portlet_wrap .portlet_row .ablediagnosis .ablediagnosis_slider .slick-arrow.slick-next { right: 0; } .portlet_wrap .portlet_row .ablediagnosis.p6 .ablediagnosis_slider { width: 570px; } .portlet_wrap .portlet_row .ablediagnosis.p4 .ablediagnosis_slider { width: 373px; } .portlet_wrap .portlet_row .ablediagnosis.p4 .ablediagnosis_slider .slick-list { margin: 0 -8px; } .portlet_wrap .portlet_row .ablediagnosis.p4 .ablediagnosis_slider .slick-list .slick-slide { margin: 0 8px; } .portlet_wrap .portlet_row .ablediagnosis.p4 .ablediagnosis_slider .slick-list .slick-slide .item { width: 100%; height: 260px; padding-top: 41px; background-color: #fff; } .portlet_wrap .portlet_row .ablediagnosis.p4 .ablediagnosis_slider .slick-list .slick-slide .item .img_wrap { height: 68px; margin: 16px 0 23px; padding: 0; } .portlet_wrap .portlet_row .ablediagnosis.p4 .ablediagnosis_slider .slick-list .slick-slide .item .img_wrap img { height: 68px; } .portlet_wrap .portlet_row .ablediagnosis.p4 .slick-arrow { top: 94px; } .portlet_wrap .portlet_row .creditcomplete .creditcomplete_wrap { background: #fff; position: relative; padding: 40px 34px; border: 1px solid #ccc; } .portlet_wrap .portlet_row .creditcomplete .creditcomplete_wrap .graph_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; display: -ms-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; -ms-flex-align: center; -ms-flex-pack: center; } .portlet_wrap .portlet_row .creditcomplete .creditcomplete_wrap .graph_wrap .recent_graph .chart_area-total { float: left; margin: 0 40px 0 0; } .portlet_wrap .portlet_row .creditcomplete .creditcomplete_wrap .graph_wrap .recent_graph .chart_area-total .chart-size-total { font-size: 120px; } .portlet_wrap .portlet_row .creditcomplete .creditcomplete_wrap .graph_wrap .recent_graph .chart_area-total .chart-size-total .pie-wrapper { width: 1em; height: 1em; margin: 0 auto; position: relative; } .portlet_wrap .portlet_row .creditcomplete .creditcomplete_wrap .graph_wrap .recent_graph .chart_area-total .chart-size-total .pie-wrapper .pie { width: 100%; height: 100%; position: absolute; top: 0; left: 0; clip: rect(0, 1em, 1em, 0.5em); } .portlet_wrap .portlet_row .creditcomplete .creditcomplete_wrap .graph_wrap .recent_graph .chart_area-total .chart-size-total .pie-wrapper .half-circle { width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 50%; clip: rect(0em, 0.5em, 1em, 0em); border-width: 0.1em; border-style: solid; -webkit-transition: all 1s; transition: all 1s; } .portlet_wrap .portlet_row .creditcomplete .creditcomplete_wrap .graph_wrap .recent_graph .chart_area-total .chart-size-total .pie-wrapper .half-circle { border-color: #00adfb; } .brand--primary .portlet_wrap .portlet_row .creditcomplete .creditcomplete_wrap .graph_wrap .recent_graph .chart_area-total .chart-size-total .pie-wrapper .half-circle { border-color: #4b7af4; } .brand--secondary .portlet_wrap .portlet_row .creditcomplete .creditcomplete_wrap .graph_wrap .recent_graph .chart_area-total .chart-size-total .pie-wrapper .half-circle { border-color: #f767ab; } .brand--three .portlet_wrap .portlet_row .creditcomplete .creditcomplete_wrap .graph_wrap .recent_graph .chart_area-total .chart-size-total .pie-wrapper .half-circle { border-color: #ffe033; } .portlet_wrap .portlet_row .creditcomplete .creditcomplete_wrap .graph_wrap .recent_graph .chart_area-total .chart-size-total .pie-wrapper .right-side { -webkit-transform: rotate(0deg); transform: rotate(0deg); } .portlet_wrap .portlet_row .creditcomplete .creditcomplete_wrap .graph_wrap .recent_graph .chart_area-total .chart-size-total .pie-wrapper .label { width: 120px; position: absolute; left: 0; top: 56%; text-align: center; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 28px; color: #1e1e1e; } .portlet_wrap .portlet_row .creditcomplete .creditcomplete_wrap .graph_wrap .recent_graph .chart_area-total .chart-size-total .pie-wrapper .label strong { font-size: 36px; } .portlet_wrap .portlet_row .creditcomplete .creditcomplete_wrap .graph_wrap .recent_graph .chart_area-total .chart-size-total .pie-wrapper .label .unit { margin: 8px 0 0 2px; font-size: 18px; } .portlet_wrap .portlet_row .creditcomplete .creditcomplete_wrap .graph_wrap .recent_graph .chart_area-total .chart-size-total .pie-wrapper .label .chart-name { position: relative; top: 52px; display: block; font-size: 14px; color: #666; } .portlet_wrap .portlet_row .creditcomplete .creditcomplete_wrap .graph_wrap .recent_graph .chart_area-total .chart-size-total .pie-wrapper .bg_circle { width: 100%; height: 100%; border: 8px solid #dfe0e6; border-radius: 50%; } .portlet_wrap .portlet_row .creditcomplete .creditcomplete_wrap .graph_wrap .recent_graph .target_rate { float: left; display: -webkit-box; display: -ms-flexbox; display: flex; display: -ms-flex; width: 134px; margin-top: 30px; background: url(../img/portlet/bg_hypen.png) no-repeat 54% 0; background-size: 12px auto; text-align: center; } .portlet_wrap .portlet_row .creditcomplete .creditcomplete_wrap .graph_wrap .recent_graph .target_rate p { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .portlet_wrap .portlet_row .creditcomplete .creditcomplete_wrap .graph_wrap .recent_graph .target_rate p span { font-size: 36px; color: #00adfb; } .portlet_wrap .portlet_row .creditcomplete .creditcomplete_wrap .graph_wrap .recent_graph .target_rate p span + span { display: block; margin-top: 10px; font-size: 14px; color: #666; font-weight: 400; } .portlet_wrap .portlet_row .creditcomplete .creditcomplete_wrap .graph_wrap .recent_graph .target_rate p + p { margin-left: 30px; } .portlet_wrap .portlet_row .creditcomplete .creditcomplete_wrap .graph_wrap .recent_graph .target_rate p + p span:first-child { color: #666; } .portlet_wrap .portlet_row .creditcomplete .creditcomplete_wrap .c-bullet--list { position: absolute; left: 39px; bottom: 29px; text-align: left; letter-spacing: -0.8px; overflow: hidden; } .portlet_wrap .portlet_row .creditcomplete .creditcomplete_wrap .c-bullet--list li { padding-right: 40px; line-height: 1.8; } .portlet_wrap .portlet_row .creditcomplete .creditcomplete_wrap .c-bullet--list li:before { top: 10px; } .portlet_wrap .portlet_row .creditcomplete.p12 .creditcomplete_wrap .graph_wrap { margin-top: 13px; } .portlet_wrap .portlet_row .creditcomplete.p12 .creditcomplete_wrap .c-bullet--list { max-height: 81px; } .portlet_wrap .portlet_row .creditcomplete.p6 .creditcomplete_wrap .graph_wrap { margin-top: 9px; } .portlet_wrap .portlet_row .creditcomplete.p6 .creditcomplete_wrap .c-bullet--list { max-height: 108px; } .portlet_wrap .portlet_row .creditcomplete.p4 .c-bullet--list { max-height: 27px; } .portlet_wrap .portlet_row .creditcomplete.p4 .c-bullet--list li { width: 340px; display: inline-block; white-space: nowrap; word-break: break-all; overflow: hidden; text-overflow: ellipsis; } .portlet_wrap .portlet_row .detailcredit .detailcredit_wrap { background: #fff; position: relative; padding: 39px 34px; border: 1px solid #ccc; } .portlet_wrap .portlet_row .detailcredit .detailcredit_wrap .graph_wrap .recent_graph { -webkit-box-flex: 11; -ms-flex: 11; flex: 11; } .portlet_wrap .portlet_row .detailcredit .detailcredit_wrap .graph_wrap .recent_graph .chart_area-total { float: left; margin: 0 38px 0 55px; } .portlet_wrap .portlet_row .detailcredit .detailcredit_wrap .graph_wrap .recent_graph .chart_area-total .chart-size-total { font-size: 120px; } .portlet_wrap .portlet_row .detailcredit .detailcredit_wrap .graph_wrap .recent_graph .chart_area-total .chart-size-total .pie-wrapper { width: 1em; height: 1em; margin: 0 auto; position: relative; } .portlet_wrap .portlet_row .detailcredit .detailcredit_wrap .graph_wrap .recent_graph .chart_area-total .chart-size-total .pie-wrapper .pie { width: 100%; height: 100%; position: absolute; top: 0; left: 0; clip: rect(0, 1em, 1em, 0.5em); } .portlet_wrap .portlet_row .detailcredit .detailcredit_wrap .graph_wrap .recent_graph .chart_area-total .chart-size-total .pie-wrapper .half-circle { width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 50%; clip: rect(0em, 0.5em, 1em, 0em); border-width: 0.1em; border-style: solid; -webkit-transition: all 1s; transition: all 1s; } .portlet_wrap .portlet_row .detailcredit .detailcredit_wrap .graph_wrap .recent_graph .chart_area-total .chart-size-total .pie-wrapper .half-circle { border-color: #00adfb; } .brand--primary .portlet_wrap .portlet_row .detailcredit .detailcredit_wrap .graph_wrap .recent_graph .chart_area-total .chart-size-total .pie-wrapper .half-circle { border-color: #4b7af4; } .brand--secondary .portlet_wrap .portlet_row .detailcredit .detailcredit_wrap .graph_wrap .recent_graph .chart_area-total .chart-size-total .pie-wrapper .half-circle { border-color: #f767ab; } .brand--three .portlet_wrap .portlet_row .detailcredit .detailcredit_wrap .graph_wrap .recent_graph .chart_area-total .chart-size-total .pie-wrapper .half-circle { border-color: #ffe033; } .portlet_wrap .portlet_row .detailcredit .detailcredit_wrap .graph_wrap .recent_graph .chart_area-total .chart-size-total .pie-wrapper .right-side { -webkit-transform: rotate(0deg); transform: rotate(0deg); } .portlet_wrap .portlet_row .detailcredit .detailcredit_wrap .graph_wrap .recent_graph .chart_area-total .chart-size-total .pie-wrapper .label { width: 120px; position: absolute; left: 0; top: 56%; text-align: center; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 28px; color: #1e1e1e; } .portlet_wrap .portlet_row .detailcredit .detailcredit_wrap .graph_wrap .recent_graph .chart_area-total .chart-size-total .pie-wrapper .label strong { font-size: 36px; } .portlet_wrap .portlet_row .detailcredit .detailcredit_wrap .graph_wrap .recent_graph .chart_area-total .chart-size-total .pie-wrapper .label .unit { margin: 8px 0 0 2px; font-size: 18px; } .portlet_wrap .portlet_row .detailcredit .detailcredit_wrap .graph_wrap .recent_graph .chart_area-total .chart-size-total .pie-wrapper .label .chart-name { position: relative; top: 52px; display: block; font-size: 14px; color: #666; } .portlet_wrap .portlet_row .detailcredit .detailcredit_wrap .graph_wrap .recent_graph .chart_area-total .chart-size-total .pie-wrapper .bg_circle { width: 100%; height: 100%; border: 8px solid #dfe0e6; border-radius: 50%; } .portlet_wrap .portlet_row .detailcredit .detailcredit_wrap .graph_wrap .recent_graph .target_rate { float: left; display: -webkit-box; display: -ms-flexbox; display: flex; display: -ms-flex; width: 134px; margin-top: 30px; background: url(../img/portlet/bg_hypen.png) no-repeat 54% 0; background-size: 12px auto; text-align: center; } .portlet_wrap .portlet_row .detailcredit .detailcredit_wrap .graph_wrap .recent_graph .target_rate p { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .portlet_wrap .portlet_row .detailcredit .detailcredit_wrap .graph_wrap .recent_graph .target_rate p span { font-size: 36px; color: #00adfb; } .portlet_wrap .portlet_row .detailcredit .detailcredit_wrap .graph_wrap .recent_graph .target_rate p span + span { display: block; margin-top: 10px; font-size: 14px; color: #666; font-weight: 400; } .portlet_wrap .portlet_row .detailcredit .detailcredit_wrap .graph_wrap .recent_graph .target_rate p + p { margin-left: 30px; } .portlet_wrap .portlet_row .detailcredit .detailcredit_wrap .graph_wrap .recent_graph .target_rate p + p span:first-child { color: #666; } .portlet_wrap .portlet_row .detailcredit .detailcredit_wrap .graph_wrap .c-table-wrap { -webkit-box-flex: 17; -ms-flex: 17; flex: 17; padding: 0 5px; } .portlet_wrap .portlet_row .detailcredit .detailcredit_wrap .graph_wrap .c-table-wrap .scroll-box { width: 100%; } .portlet_wrap .portlet_row .detailcredit .detailcredit_wrap .graph_wrap .c-table-wrap .c-table { font-size: 15px; color: #1e1e1e; } .portlet_wrap .portlet_row .detailcredit .detailcredit_wrap .graph_wrap .c-table-wrap .c-table thead th { height: 41px !important; padding: 0 5px !important; font-weight: 500; } .portlet_wrap .portlet_row .detailcredit .detailcredit_wrap .graph_wrap .c-table-wrap .c-table tbody { display: none; } .portlet_wrap .portlet_row .detailcredit .detailcredit_wrap .graph_wrap .c-table-wrap .c-table tbody th, .portlet_wrap .portlet_row .detailcredit .detailcredit_wrap .graph_wrap .c-table-wrap .c-table tbody td { height: 53px !important; padding: 0 5px !important; line-height: 28px !important; } .portlet_wrap .portlet_row .detailcredit .detailcredit_wrap .graph_wrap .c-table-wrap .c-table tbody tr:nth-of-type(1) { color: #00adfb; } .portlet_wrap .portlet_row .detailcredit .detailcredit_wrap .graph_wrap .c-table-wrap .c-table .p12-only { display: none; } .portlet_wrap .portlet_row .detailcredit .detailcredit_wrap .graph_wrap .c-table-wrap .c-table .bdl-1 { border-left: 1px solid #ccc; } .portlet_wrap .portlet_row .detailcredit .detailcredit_wrap .graph_wrap .c-table-wrap .c-table .bdr-1 { border-right: 1px solid #ccc; } .portlet_wrap .portlet_row .detailcredit .detailcredit_wrap .c-bullet--list { position: absolute; left: 39px; bottom: 29px; text-align: left; letter-spacing: -0.8px; overflow: hidden; } .portlet_wrap .portlet_row .detailcredit .detailcredit_wrap .c-bullet--list li { padding-right: 40px; line-height: 1.8; } .portlet_wrap .portlet_row .detailcredit .detailcredit_wrap .c-bullet--list li:before { top: 10px; } .portlet_wrap .portlet_row .detailcredit.p12 .detailcredit_wrap .graph_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; display: -ms-flex; -webkit-box-align: center; align-items: center; -ms-flex-align: center; -ms-flex-pack: center; } .portlet_wrap .portlet_row .detailcredit.p12 .detailcredit_wrap .graph_wrap .recent_graph { margin-top: -20px; } .portlet_wrap .portlet_row .detailcredit.p12 .detailcredit_wrap .graph_wrap .recent_graph .target_per { display: none; } .portlet_wrap .portlet_row .detailcredit.p12 .detailcredit_wrap .graph_wrap .c-table-info { display: none; } .portlet_wrap .portlet_row .detailcredit.p12 .detailcredit_wrap .graph_wrap .c-table-wrap { width: 680px; } .portlet_wrap .portlet_row .detailcredit.p12 .detailcredit_wrap .graph_wrap .c-table-wrap tbody.p12-only { display: table-row-group; } .portlet_wrap .portlet_row .detailcredit.p12 .detailcredit_wrap .graph_wrap .c-table-wrap col.p12-only { display: table-column; } .portlet_wrap .portlet_row .detailcredit.p12 .detailcredit_wrap .graph_wrap .c-table-wrap th.p12-only { display: table-cell; } .portlet_wrap .portlet_row .detailcredit.p12 .detailcredit_wrap .c-bullet--list { max-height: 81px; } .portlet_wrap .portlet_row .detailcredit.p6 .detailcredit_wrap { padding: 36px 34px; } .portlet_wrap .portlet_row .detailcredit.p6 .detailcredit_wrap .graph_wrap { display: block; } .portlet_wrap .portlet_row .detailcredit.p6 .detailcredit_wrap .graph_wrap .recent_graph :after { display: block; clear: both; content: ''; } .portlet_wrap .portlet_row .detailcredit.p6 .detailcredit_wrap .graph_wrap .recent_graph .chart_area-total { display: none; } .portlet_wrap .portlet_row .detailcredit.p6 .detailcredit_wrap .graph_wrap .recent_graph .target_per { position: relative; float: left; text-align: center; margin-right: 22px; padding-right: 24px; } .portlet_wrap .portlet_row .detailcredit.p6 .detailcredit_wrap .graph_wrap .recent_graph .target_per p span { font-size: 36px; color: #1e1e1e; } .portlet_wrap .portlet_row .detailcredit.p6 .detailcredit_wrap .graph_wrap .recent_graph .target_per p span .unit { font-size: 18px; } .portlet_wrap .portlet_row .detailcredit.p6 .detailcredit_wrap .graph_wrap .recent_graph .target_per p span + span { display: block; margin-top: 10px; font-size: 14px; color: #666; font-weight: 400; } .portlet_wrap .portlet_row .detailcredit.p6 .detailcredit_wrap .graph_wrap .recent_graph .target_per:after { position: absolute; right: 0; top: 4px; width: 1px; height: 53px; background: #ccc; content: ''; } .portlet_wrap .portlet_row .detailcredit.p6 .detailcredit_wrap .graph_wrap .recent_graph .target_rate { margin-top: 0; } .portlet_wrap .portlet_row .detailcredit.p6 .detailcredit_wrap .graph_wrap .c-table-info { margin: -17px 0 8px; padding: 0 5px; font-size: 13px; color: #939393; text-align: right; } .portlet_wrap .portlet_row .detailcredit.p6 .detailcredit_wrap .graph_wrap .c-table-wrap td span + span { color: #666; } .portlet_wrap .portlet_row .detailcredit.p6 .detailcredit_wrap .graph_wrap .c-table-wrap tbody.p6-only { display: table-row-group; } .portlet_wrap .portlet_row .detailcredit.p6 .detailcredit_wrap .c-bullet--list { max-height: 81px; } .portlet_wrap .portlet_row .atom .atom_slider { position: relative; } .portlet_wrap .portlet_row .atom .atom_slider .slick-list { margin: 0 -8px; } .portlet_wrap .portlet_row .atom .atom_slider .slick-list .slick-slide { margin: 0 8px; } .portlet_wrap .portlet_row .atom .atom_slider .slick-arrow { top: 45px; } .portlet_wrap .portlet_row .atom .atom_slider .slick-arrow.slick-prev { left: 0; } .portlet_wrap .portlet_row .atom .atom_slider .slick-arrow.slick-next { right: 0; } .portlet_wrap .portlet_row .atom .atom_slider .thum_item dl { width: 288px; } .portlet_wrap .portlet_row .atom .atom_slider .thum_item dl dt { position: relative; } .portlet_wrap .portlet_row .atom .atom_slider .thum_item dl dt .img a { display: block; width: 288px; height: 169px; overflow: hidden; background-color: rgba(23, 30, 126, 0.1); } .portlet_wrap .portlet_row .atom .atom_slider .thum_item dl dt .img a > img, .portlet_wrap .portlet_row .atom .atom_slider .thum_item dl dt .img a > a > img { position: relative; width: auto; height: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .portlet_wrap .portlet_row .atom .atom_slider .thum_item dl dt button { position: absolute; right: 16px; bottom: 16px; } .portlet_wrap .portlet_row .atom .atom_slider .thum_item dl dd { height: 105px; } .portlet_wrap .portlet_row .atom .atom_slider .thum_item dl dd .p_cate { display: inline-block; margin: 22px 0 9px; font-size: 15px; color: #4e51d4; font-weight: 500; } .portlet_wrap .portlet_row .atom .atom_slider .thum_item dl dd a { display: inline-block; height: 54px; padding-right: 10px; font-size: 18px; color: #1e1e1e; line-height: 1.5; overflow: hidden; font-weight: 500; } .portlet_wrap .portlet_row .atom .atom_slider .thum_item dl dd a:hover { text-decoration: underline; } .portlet_wrap .portlet_row .atom.p12 .no_item { width: 288px; height: 277px; padding: 90px 0 122px; } .portlet_wrap .portlet_row .atom.p12 .no_item p { padding-top: 76px; background: url(../img/portlet/ico_puzzle66x51.png) no-repeat top 0 center; } .portlet_wrap .portlet_row .atom.p6 .atom_slider { display: -webkit-box; display: -ms-flexbox; display: flex; width: inherit; } .portlet_wrap .portlet_row .atom.p6 .atom_slider .thum_item { display: none; } .portlet_wrap .portlet_row .atom.p6 .atom_slider .thum_item.no_item { width: 278px; height: 354px; padding: 120px 0 122px; } .portlet_wrap .portlet_row .atom.p6 .atom_slider .thum_item.no_item p { padding-top: 76px; background: url(../img/portlet/ico_puzzle66x51.png) no-repeat top 0 center; } .portlet_wrap .portlet_row .atom.p6 .atom_slider .thum_item:nth-of-type(1) { display: inline-block; } .portlet_wrap .portlet_row .atom.p6 .atom_slider .thum_item:nth-of-type(2) { display: inline-block; margin-left: auto; } .portlet_wrap .portlet_row .atom.p6 .atom_slider .thum_item dl { width: 277px; } .portlet_wrap .portlet_row .atom.p6 .atom_slider .thum_item dl dt .img a { display: block; width: 277px; height: 220px; overflow: hidden; background-color: rgba(23, 30, 126, 0.1); } .portlet_wrap .portlet_row .atom.p6 .atom_slider .thum_item dl dt .img a > img, .portlet_wrap .portlet_row .atom.p6 .atom_slider .thum_item dl dt .img a > a > img { position: relative; width: auto; height: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .portlet_wrap .portlet_row .atom.p6 .atom_slider .thum_item dl dd { height: 134px; } .portlet_wrap .portlet_row .atom.p6 .atom_slider .slick-list { width: calc(100% + 15px); } .portlet_wrap .portlet_row .atom.p6 .slick-arrow { top: 75px; } .portlet_wrap .portlet_row .atom.p4 .atom_slider { width: 373px; } .portlet_wrap .portlet_row .atom.p4 .atom_slider .thum_item { margin-bottom: 13px; } .portlet_wrap .portlet_row .atom.p4 .atom_slider .thum_item.no_item { width: 373px; height: 260px; padding: 76px 0 122px; } .portlet_wrap .portlet_row .atom.p4 .atom_slider .thum_item.no_item p { padding-top: 76px; background: url(../img/portlet/ico_puzzle66x51.png) no-repeat top 0 center; } .portlet_wrap .portlet_row .atom.p4 .atom_slider .thum_item dl { width: 373px; } .portlet_wrap .portlet_row .atom.p4 .atom_slider .thum_item dl dt .img a { display: block; width: 373px; height: 160px; overflow: hidden; background-color: rgba(23, 30, 126, 0.1); } .portlet_wrap .portlet_row .atom.p4 .atom_slider .thum_item dl dt .img a > img, .portlet_wrap .portlet_row .atom.p4 .atom_slider .thum_item dl dt .img a > a > img { position: relative; width: 100%; height: auto; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .portlet_wrap .portlet_row .atom.p4 .atom_slider .thum_item dl dt button { left: inherit; width: 35px; height: 35px; background-position: 9px 50%; background-size: initial; } .portlet_wrap .portlet_row .atom.p4 .atom_slider .thum_item dl dd { height: 100px; } .portlet_wrap .portlet_row .atom .slick-track { margin: 0; } .portlet_wrap .portlet_row .mainvisual, .portlet_wrap .portlet_row .mianseason { width: 100%; margin: -40px 0 0; } .portlet_wrap .portlet_row .mainvisual .main_visual_wrap, .portlet_wrap .portlet_row .mianseason .main_visual_wrap { position: relative; } .portlet_wrap .portlet_row .mainvisual .main_visual_wrap .main_visual_slide .item, .portlet_wrap .portlet_row .mianseason .main_visual_wrap .main_visual_slide .item { position: relative; } .portlet_wrap .portlet_row .mainvisual .main_visual_wrap .main_visual_slide .item .txts, .portlet_wrap .portlet_row .mianseason .main_visual_wrap .main_visual_slide .item .txts { position: absolute; left: 97px; top: 70px; } .portlet_wrap .portlet_row .mainvisual .main_visual_wrap .main_visual_slide .item .txts .tit1, .portlet_wrap .portlet_row .mainvisual .main_visual_wrap .main_visual_slide .item .txts strong, .portlet_wrap .portlet_row .mianseason .main_visual_wrap .main_visual_slide .item .txts .tit1, .portlet_wrap .portlet_row .mianseason .main_visual_wrap .main_visual_slide .item .txts strong { font-size: 40px; color: #fff; font-weight: 700; text-shadow: 0 1px 6px rgba(0, 0, 0, 0.5); line-height: 1.35; letter-spacing: -2.6px; } .portlet_wrap .portlet_row .mainvisual .main_visual_wrap .main_visual_slide .item .txts .tit2, .portlet_wrap .portlet_row .mainvisual .main_visual_wrap .main_visual_slide .item .txts strong + span, .portlet_wrap .portlet_row .mianseason .main_visual_wrap .main_visual_slide .item .txts .tit2, .portlet_wrap .portlet_row .mianseason .main_visual_wrap .main_visual_slide .item .txts strong + span { display: block; margin: 11px 0 3px; font-size: 22px; color: #fff; font-weight: 700; text-shadow: 0 1px 6px rgba(0, 0, 0, 0.5); line-height: 1.55; letter-spacing: -0.7px; } .portlet_wrap .portlet_row .mainvisual .main_visual_wrap .main_visual_slide .item .txts .tit3, .portlet_wrap .portlet_row .mainvisual .main_visual_wrap .main_visual_slide .item .txts span + span, .portlet_wrap .portlet_row .mianseason .main_visual_wrap .main_visual_slide .item .txts .tit3, .portlet_wrap .portlet_row .mianseason .main_visual_wrap .main_visual_slide .item .txts span + span { font-size: 16px; color: #fff; font-weight: 500; text-shadow: 0 1px 6px rgba(0, 0, 0, 0.5); line-height: 1.56; letter-spacing: -0.5px; } .portlet_wrap .portlet_row .mainvisual .main_visual_wrap .main_visual_slide .item a, .portlet_wrap .portlet_row .mianseason .main_visual_wrap .main_visual_slide .item a { display: block; } .portlet_wrap .portlet_row .mainvisual .main_visual_wrap .main_visual_slide .item, .portlet_wrap .portlet_row .mainvisual .main_visual_wrap .main_visual_slide img, .portlet_wrap .portlet_row .mianseason .main_visual_wrap .main_visual_slide .item, .portlet_wrap .portlet_row .mianseason .main_visual_wrap .main_visual_slide img { width: 100%; height: 360px; } .portlet_wrap .portlet_row .mainvisual .main_visual_wrap .main_visual_slide.type_spring strong, .portlet_wrap .portlet_row .mianseason .main_visual_wrap .main_visual_slide.type_spring strong { color: #000c28; } .portlet_wrap .portlet_row .mainvisual .main_visual_wrap .main_visual_slide.type_spring span, .portlet_wrap .portlet_row .mianseason .main_visual_wrap .main_visual_slide.type_spring span { color: rgba(0, 12, 40, 0.9); } .portlet_wrap .portlet_row .mainvisual .main_visual_wrap .main_visual_slide.type_summer strong, .portlet_wrap .portlet_row .mianseason .main_visual_wrap .main_visual_slide.type_summer strong { color: #0d004c; } .portlet_wrap .portlet_row .mainvisual .main_visual_wrap .main_visual_slide.type_summer span, .portlet_wrap .portlet_row .mianseason .main_visual_wrap .main_visual_slide.type_summer span { color: rgba(13, 0, 76, 0.9); } .portlet_wrap .portlet_row .mainvisual .main_visual_wrap .main_visual_slide.type_fall strong, .portlet_wrap .portlet_row .mianseason .main_visual_wrap .main_visual_slide.type_fall strong { color: #290c03; } .portlet_wrap .portlet_row .mainvisual .main_visual_wrap .main_visual_slide.type_fall span, .portlet_wrap .portlet_row .mianseason .main_visual_wrap .main_visual_slide.type_fall span { color: rgba(41, 12, 3, 0.9); } .portlet_wrap .portlet_row .mainvisual .main_visual_wrap .main_visual_slide.type_winter strong, .portlet_wrap .portlet_row .mianseason .main_visual_wrap .main_visual_slide.type_winter strong { color: #fff; } .portlet_wrap .portlet_row .mainvisual .main_visual_wrap .main_visual_slide.type_winter span, .portlet_wrap .portlet_row .mianseason .main_visual_wrap .main_visual_slide.type_winter span { color: rgba(255, 255, 255, 0.9); } .portlet_wrap .portlet_row .mainvisual .main_visual_wrap .slick-arrow, .portlet_wrap .portlet_row .mianseason .main_visual_wrap .slick-arrow { top: 145px; } .portlet_wrap .portlet_row .mainvisual .main_visual_wrap .slick-arrow.slick-prev, .portlet_wrap .portlet_row .mianseason .main_visual_wrap .slick-arrow.slick-prev { left: 0; } .portlet_wrap .portlet_row .mainvisual .main_visual_wrap .slick-arrow.slick-next, .portlet_wrap .portlet_row .mianseason .main_visual_wrap .slick-arrow.slick-next { right: 0; } .portlet_wrap .portlet_row .mainvisual .main_visual_wrap .slick-dots, .portlet_wrap .portlet_row .mianseason .main_visual_wrap .slick-dots { bottom: 17px; } .portlet_wrap .portlet_row .mainvisual .main_visual_wrap .slick-dots li, .portlet_wrap .portlet_row .mianseason .main_visual_wrap .slick-dots li { width: 14px; height: 14px; margin: 0 4px; } .portlet_wrap .portlet_row .mainvisual .main_visual_wrap .slick-dots li button, .portlet_wrap .portlet_row .mianseason .main_visual_wrap .slick-dots li button { border-radius: 7px; background: #fff; } .portlet_wrap .portlet_row .mainvisual .main_visual_wrap .slick-dots li.slick-active, .portlet_wrap .portlet_row .mianseason .main_visual_wrap .slick-dots li.slick-active { width: 38px; } .portlet_wrap .portlet_row .mainvisual .main_visual_wrap .slick-dots li.slick-active button, .portlet_wrap .portlet_row .mianseason .main_visual_wrap .slick-dots li.slick-active button { background: #21277d; } .portlet_wrap .portlet_row .mainvisual .main_visual_wrap .slick_control, .portlet_wrap .portlet_row .mianseason .main_visual_wrap .slick_control { position: relative; top: -30px; text-align: center; } .portlet_wrap .portlet_row .mainvisual .main_visual_wrap .slick_control > ul, .portlet_wrap .portlet_row .mianseason .main_visual_wrap .slick_control > ul { position: inherit; display: inline-block; width: inherit; } .portlet_wrap .portlet_row .mainvisual .main_visual_wrap .slick_control > button, .portlet_wrap .portlet_row .mianseason .main_visual_wrap .slick_control > button { position: relative; top: -12px; left: 6px; color: #000; } .portlet_wrap .portlet_row .otscuration { width: 100%; } .portlet_wrap .portlet_row .otscuration .c-tab-wrap .c-tab .c-tab__header { border: 0; } .portlet_wrap .portlet_row .otscuration .c-tab-wrap .c-tab .c-tab__header .c-tab__menu { border: 0; } .portlet_wrap .portlet_row .otscuration .c-tab-wrap .c-tab .c-tab__header .c-tab__menu .c-tab__list .c-tab__item { background: transparent; margin-right: 33px; } .portlet_wrap .portlet_row .otscuration .c-tab-wrap .c-tab .c-tab__header .c-tab__menu .c-tab__list .c-tab__item:last-child { margin-right: 0; } .portlet_wrap .portlet_row .otscuration .c-tab-wrap .c-tab .c-tab__header .c-tab__menu .c-tab__list .c-tab__item .c-tab__anchor { padding: 6px 0; } .portlet_wrap .portlet_row .otscuration .c-tab-wrap .c-tab .c-tab__header .c-tab__menu .c-tab__list .c-tab__item .c-tab__anchor span { font-size: 16px; color: #1e1e1e; font-weight: 400; } .portlet_wrap .portlet_row .otscuration .c-tab-wrap .c-tab .c-tab__header .c-tab__menu .c-tab__list .c-tab__item .c-tab__anchor.is-active span { color: #1e1e1e; font-weight: 500; } .portlet_wrap .portlet_row .otscuration .c-tab-wrap .c-tab .c-tab__header .c-tab__menu .c-tab__list .c-tab__item .c-tab__anchor.is-active:after { background: #1e1e1e; } .portlet_wrap .portlet_row .otscuration .c-tab-wrap .c-tab .c-tab__control { top: -4px; } .portlet_wrap .portlet_row .otscuration.p12 .curationbig1_1 { position: relative; margin: 26px 0 1px; line-height: 1.3; } .portlet_wrap .portlet_row .otscuration.p12 .curationbig1_1 .msg_welcome { margin: 0 0 14px; font-size: 29px; color: #1e1e1e; letter-spacing: -1.89px; } .portlet_wrap .portlet_row .otscuration.p12 .curationbig1_1 .msg_welcome span { margin-bottom: 10px; font-weight: 700; } .portlet_wrap .portlet_row .otscuration.p12 .curationbig1_1 .item { height: 442px; margin-top: 16px; } .portlet_wrap .portlet_row .otscuration.p12 .curationbig1_1 .item .thum_item { display: -webkit-box; display: -ms-flexbox; display: flex; } .portlet_wrap .portlet_row .otscuration.p12 .curationbig1_1 .item .thum_item dl { width: 287px; margin-left: auto; } .portlet_wrap .portlet_row .otscuration.p12 .curationbig1_1 .item .thum_item dl dt { position: relative; } .portlet_wrap .portlet_row .otscuration.p12 .curationbig1_1 .item .thum_item dl dt .img a { display: block; width: 287px; height: 291px; overflow: hidden; background-color: rgba(23, 30, 126, 0.1); } .portlet_wrap .portlet_row .otscuration.p12 .curationbig1_1 .item .thum_item dl dt .img a > img, .portlet_wrap .portlet_row .otscuration.p12 .curationbig1_1 .item .thum_item dl dt .img a > a > img { position: relative; width: auto; height: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .portlet_wrap .portlet_row .otscuration.p12 .curationbig1_1 .item .thum_item dl dt button { position: absolute; right: 16px; bottom: 16px; } .portlet_wrap .portlet_row .otscuration.p12 .curationbig1_1 .item .thum_item dl dd { height: 152px; padding-left: 10px; background: #fff; } .portlet_wrap .portlet_row .otscuration.p12 .curationbig1_1 .item .thum_item dl dd .p_cate { display: inline-block; margin: 24px 0 12px; font-size: 15px; color: #4e51d4; font-weight: 500; } .portlet_wrap .portlet_row .otscuration.p12 .curationbig1_1 .item .thum_item dl dd a { display: inline-block; height: 69px; font-size: 18px; color: #1e1e1e; line-height: 1.3; overflow: hidden; font-weight: 500; } .portlet_wrap .portlet_row .otscuration.p12 .curationbig1_1 .item .thum_item .big { width: 590px; height: 442px; margin-left: 0; } .portlet_wrap .portlet_row .otscuration.p12 .curationbig1_1 .item .thum_item .big dt .img a { display: block; width: 590px; height: 291px; overflow: hidden; background-color: rgba(23, 30, 126, 0.1); } .portlet_wrap .portlet_row .otscuration.p12 .curationbig1_1 .item .thum_item .big dt .img a > img, .portlet_wrap .portlet_row .otscuration.p12 .curationbig1_1 .item .thum_item .big dt .img a > a > img { position: relative; width: 100%; height: auto; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .portlet_wrap .portlet_row .otscuration.p12 .curationbig1_1 .item .thum_item .big dd { width: 100%; height: 152px; background: #21277d; padding-left: 30px; } .portlet_wrap .portlet_row .otscuration.p12 .curationbig1_1 .item .thum_item .big dd .p_cate { font-size: 14px; color: #fff; font-weight: 500; } .portlet_wrap .portlet_row .otscuration.p12 .curationbig1_1 .item .thum_item .big dd a { font-size: 25px; color: #fff; letter-spacing: -1.63px; font-weight: 500; } .portlet_wrap .portlet_row .otscuration.p12 .curationbig1_2 { width: 772px; height: 445px; margin: 51px auto 39px; text-align: center; background: url(../img/portlet/bg_curationbig1.png) no-repeat 0 0; } .portlet_wrap .portlet_row .otscuration.p12 .curationbig1_2 strong { display: block; padding: 108px 0 22px; font-size: 46px; color: #4e51d4; font-weight: 400; letter-spacing: -1.38px; } .portlet_wrap .portlet_row .otscuration.p12 .curationbig1_2 p { font-size: 18px; color: #14355a; line-height: 1.5; } .portlet_wrap .portlet_row .otscuration.p12 .curationbig1_2 p + p { margin: 8px 0 50px; font-size: 16px; opacity: 0.6; } .portlet_wrap .portlet_row .otscuration.p12 .curationbig1_2 br.p4 { display: none; } .portlet_wrap .portlet_row .otscuration.p12 .curationbig1_2 .btn_setting_1 { width: 234px; height: 60px; border-radius: 36px; background-color: #21277d; font-size: 22px; color: #fff; letter-spacing: -0.66px; } .portlet_wrap .portlet_row .otscuration.p12 .curationbig1_2 .btn_setting_2 { display: none; } .portlet_wrap .portlet_row .otscuration.p12 .curationbig1_p4 { display: none; } .portlet_wrap .portlet_row .otscuration.p6 .curationbig1_1 { display: none; } .portlet_wrap .portlet_row .otscuration.p6 .curationbig1_2 { display: block; height: 100%; background: #f2f3f8; text-align: center; } .portlet_wrap .portlet_row .otscuration.p6 .curationbig1_2 strong { display: block; padding: 56px 0 70px; font-size: 18px; color: #1e1e1e; font-weight: 500; } .portlet_wrap .portlet_row .otscuration.p6 .curationbig1_2 p { font-size: 18px; color: #1e1e1e; line-height: 1.4; } .portlet_wrap .portlet_row .otscuration.p6 .curationbig1_2 p + p { margin: 6px 0 42px; font-size: 16px; color: #666; } .portlet_wrap .portlet_row .otscuration.p6 .curationbig1_2 br.p4 { display: none; } .portlet_wrap .portlet_row .otscuration.p6 .curationbig1_2 .btn_setting_1 { display: none; } .portlet_wrap .portlet_row .otscuration.p6 .curationbig1_2 .btn_setting_2 { width: 100px; height: 40px; border: 1px solid #ccc; font-size: 14px; color: #666; } .portlet_wrap .portlet_row .otscuration.p4 .curationbig1_1 { display: none; } .portlet_wrap .portlet_row .otscuration.p4 .curationbig1_2 { display: block; height: 100%; padding: 0 38px; background: #f2f3f8; text-align: center; } .portlet_wrap .portlet_row .otscuration.p4 .curationbig1_2 strong { display: block; padding: 36px 0 12px; font-size: 18px; color: #1e1e1e; font-weight: 500; } .portlet_wrap .portlet_row .otscuration.p4 .curationbig1_2 p { font-size: 16px; color: #1e1e1e; line-height: 1.4; letter-spacing: -1.4px; } .portlet_wrap .portlet_row .otscuration.p4 .curationbig1_2 p + p { margin: 10px 0 12px; font-size: 14px; color: #666; line-height: 1.5; } .portlet_wrap .portlet_row .otscuration.p4 .curationbig1_2 .btn_setting_1 { display: none; } .portlet_wrap .portlet_row .otscuration.p4 .curationbig1_2 .btn_setting_2 { width: 100px; height: 40px; border: 1px solid #ccc; font-size: 14px; color: #666; } .portlet_wrap .portlet_row .otsprochannel { overflow: hidden; } .portlet_wrap .portlet_row .otsprochannel .btn_more { float: right; margin-top: -40px; } .portlet_wrap .portlet_row .otsprochannel .keyword_list span { display: inline-block; height: 30px; margin: 0 1px 8px 0; line-height: 30px; border-radius: 15px; padding: 0 14px; background: #f2f3f8; font-size: 14px; color: #666; } .portlet_wrap .portlet_row .otsprochannel .keyword_list span.active { background: #00adfb; color: #fff; } .portlet_wrap .portlet_row .otsprochannel .expert_channel_slider { clear: both; height: 100%; } .portlet_wrap .portlet_row .otsprochannel .expert_channel_slider .item { position: relative; display: none; width: 277px; height: 100%; } .portlet_wrap .portlet_row .otsprochannel .expert_channel_slider .item .man_info { position: absolute; left: 30px; top: 0; width: 250px; z-index: 10; } .portlet_wrap .portlet_row .otsprochannel .expert_channel_slider .item .man_info span { position: absolute; left: 135px; font-size: 14px; color: #666; } .portlet_wrap .portlet_row .otsprochannel .expert_channel_slider .item .man_info span.name { top: 26px; font-weight: 500; } .portlet_wrap .portlet_row .otsprochannel .expert_channel_slider .item .man_info span.belong { top: 46px; } .portlet_wrap .portlet_row .otsprochannel .expert_channel_slider .item a { position: absolute; left: 0; bottom: 0; padding: 40px 40px 0 50px; border: 1px solid #ccc; outline: 0; background: #fff; } .portlet_wrap .portlet_row .otsprochannel .expert_channel_slider .item a strong { display: block; margin-bottom: 12px; font-size: 18px; font-weight: 700; line-height: 1.5; overflow: hidden; color: #666; } .portlet_wrap .portlet_row .otsprochannel .expert_channel_slider .item a strong:hover { text-decoration: underline; } .portlet_wrap .portlet_row .otsprochannel .expert_channel_slider .item:nth-of-type(1) { margin-right: 12px; } .portlet_wrap .portlet_row .otsprochannel.p12 .no_item { padding: 51px 0 50px; margin-top: 82px; height: 272px !important; text-align: center; border: 1px solid #ccc; } .portlet_wrap .portlet_row .otsprochannel.p12 .no_item p { padding-top: 60px; background: url(../img/portlet/ico_process45x46.png) no-repeat top 0 center; line-height: 24px; } .portlet_wrap .portlet_row .otsprochannel.p12 .no_item a.channel_btn { display: inline-block; background: #fff; color: #1e1e1e !important; border: 1px solid #707070 !important; font-size: 14px; font-weight: 500; width: 95px !important; height: 40px !important; line-height: 40px; border: none; padding: 0 !important; text-align: center; position: inherit; margin-top: 20px; } .portlet_wrap .portlet_row .otsprochannel.p12 .no_item a.channel_btn:hover { background: #00adfb; color: #fff !important; border: 1px solid #00adfb !important; } .portlet_wrap .portlet_row .otsprochannel.p12 .btn_more { margin-top: -30px; } .portlet_wrap .portlet_row .otsprochannel.p12 .expert_channel_slider { height: inherit; } .portlet_wrap .portlet_row .otsprochannel.p12 .expert_channel_slider .slick-list { margin: 0 -8px; } .portlet_wrap .portlet_row .otsprochannel.p12 .expert_channel_slider .slick-list .slick-slide { margin: 0 8px; } .portlet_wrap .portlet_row .otsprochannel.p12 .expert_channel_slider .slick-list .slick-slide .item { position: relative; height: 248px; } .portlet_wrap .portlet_row .otsprochannel.p12 .expert_channel_slider .slick-list .slick-slide .item .man_info { left: 40px; } .portlet_wrap .portlet_row .otsprochannel.p12 .expert_channel_slider .slick-list .slick-slide .item a { height: 166px; } .portlet_wrap .portlet_row .otsprochannel.p12 .expert_channel_slider .slick-list .slick-slide .item a strong { height: 54px; } .portlet_wrap .portlet_row .otsprochannel.p12 .expert_channel_slider .slick-arrow { top: 122px; z-index: 100; } .portlet_wrap .portlet_row .otsprochannel.p12 .expert_channel_slider .slick-arrow.slick-prev { left: 0; } .portlet_wrap .portlet_row .otsprochannel.p12 .expert_channel_slider .slick-arrow.slick-next { right: 0; } .portlet_wrap .portlet_row .otsprochannel.p12 .keyword_list { margin-top: 14px; height: 38px; overflow: hidden; } .portlet_wrap .portlet_row .otsprochannel.p12 .otsprochannel_div { float: left; width: 570px; height: 400px; } .portlet_wrap .portlet_row .otsprochannel.p12 .otsprochannel_div:first-child { margin-right: 56px; } .portlet_wrap .portlet_row .otsprochannel.p12 .otsprochannel_div .btn_more { margin-top: -40px; } .portlet_wrap .portlet_row .otsprochannel.p12 .otsprochannel_div .expert_channel_slider { width: 570px; } .portlet_wrap .portlet_row .otsprochannel.p12 .otsprochannel_div .expert_channel_slider .slick-list { margin: 0 -8px; } .portlet_wrap .portlet_row .otsprochannel.p12 .otsprochannel_div .expert_channel_slider .slick-list .slick-slide { margin: 0 8px; } .portlet_wrap .portlet_row .otsprochannel.p12 .otsprochannel_div .expert_channel_slider .slick-list .slick-slide .item { position: relative; height: 354px; } .portlet_wrap .portlet_row .otsprochannel.p12 .otsprochannel_div .expert_channel_slider .slick-list .slick-slide .item .man_info { left: 30px; } .portlet_wrap .portlet_row .otsprochannel.p12 .otsprochannel_div .expert_channel_slider .slick-list .slick-slide .item a { width: 277px; height: 272px; } .portlet_wrap .portlet_row .otsprochannel.p12 .otsprochannel_div .expert_channel_slider .slick-list .slick-slide .item a strong { height: 81px; } .portlet_wrap .portlet_row .otsprochannel.p12 .otsprochannel_div .expert_channel_slider .slick-arrow { top: 183px; } .portlet_wrap .portlet_row .otsprochannel.p12 .otsprochannel_div .expert_channel_slider .slick-arrow.slick-prev { left: 0; } .portlet_wrap .portlet_row .otsprochannel.p12 .otsprochannel_div .expert_channel_slider .slick-arrow.slick-next { right: 0; } .portlet_wrap .portlet_row .otsprochannel.p12 .otsprochannel_div .keyword_list { margin-top: 16px; height: 214px; overflow: hidden; } .portlet_wrap .portlet_row .otsprochannel.p6 .expert_channel_slider { width: 570px; } .portlet_wrap .portlet_row .otsprochannel.p6 .expert_channel_slider .slick-list { margin: 0 -8px; } .portlet_wrap .portlet_row .otsprochannel.p6 .expert_channel_slider .slick-list .slick-slide { margin: 0 8px; } .portlet_wrap .portlet_row .otsprochannel.p6 .expert_channel_slider .slick-list .slick-slide .item { position: relative; height: 354px; } .portlet_wrap .portlet_row .otsprochannel.p6 .expert_channel_slider .slick-list .slick-slide .item .man_info { left: 30px; } .portlet_wrap .portlet_row .otsprochannel.p6 .expert_channel_slider .slick-list .slick-slide .item a { width: 277px; height: 272px; } .portlet_wrap .portlet_row .otsprochannel.p6 .expert_channel_slider .slick-list .slick-slide .item a strong { height: 81px; } .portlet_wrap .portlet_row .otsprochannel.p6 .expert_channel_slider .slick-arrow { top: 183px; } .portlet_wrap .portlet_row .otsprochannel.p6 .expert_channel_slider .slick-arrow.slick-prev { left: 0; } .portlet_wrap .portlet_row .otsprochannel.p6 .expert_channel_slider .slick-arrow.slick-next { right: 0; } .portlet_wrap .portlet_row .otsprochannel.p6 .keyword_list { margin-top: 16px; height: 214px; overflow: hidden; } .portlet_wrap .portlet_row .otscourse .otscourse_wrap .thum_item { float: left; margin-left: 16px; } .portlet_wrap .portlet_row .otscourse .otscourse_wrap .thum_item.no_item_interest { width: 277px; height: 354px; padding: 105px 0 126px; background: #fff url(../img/portlet/ico_heart46x46.png) no-repeat top 115px center; } .portlet_wrap .portlet_row .otscourse .otscourse_wrap .thum_item.no_item_interest p { margin-top: 80px; } .portlet_wrap .portlet_row .otscourse .otscourse_wrap .thum_item.no_item { width: 277px; height: 354px; padding: 105px 81px 84px; } .portlet_wrap .portlet_row .otscourse .otscourse_wrap .thum_item.no_item p { line-height: 24px; padding-top: 70px; background: url(../img/portlet/ico_history40x48.png) no-repeat top center; } .portlet_wrap .portlet_row .otscourse .otscourse_wrap .thum_item .text_link:hover { text-decoration: underline; } .portlet_wrap .portlet_row .otscourse .otscourse_wrap .thum_item:first-child { margin-left: 0; } .portlet_wrap .portlet_row .otscourse .otscourse_wrap .thum_item dl { width: 277px; } .portlet_wrap .portlet_row .otscourse .otscourse_wrap .thum_item dl dt { position: relative; } .portlet_wrap .portlet_row .otscourse .otscourse_wrap .thum_item dl dt img { width: 277px; height: 198px; } .portlet_wrap .portlet_row .otscourse .otscourse_wrap .thum_item dl dt .img_wrap { display: block; width: 277px; height: 198px; overflow: hidden; background-color: rgba(23, 30, 126, 0.1); } .portlet_wrap .portlet_row .otscourse .otscourse_wrap .thum_item dl dt .img_wrap > img, .portlet_wrap .portlet_row .otscourse .otscourse_wrap .thum_item dl dt .img_wrap > a > img { position: relative; width: auto; height: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .portlet_wrap .portlet_row .otscourse .otscourse_wrap .thum_item dl dt .img a { display: block; width: 277px; height: 198px; overflow: hidden; background-color: rgba(23, 30, 126, 0.1); } .portlet_wrap .portlet_row .otscourse .otscourse_wrap .thum_item dl dt .img a > img, .portlet_wrap .portlet_row .otscourse .otscourse_wrap .thum_item dl dt .img a > a > img { position: relative; width: auto; height: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .portlet_wrap .portlet_row .otscourse .otscourse_wrap .thum_item dl dt button { position: absolute; right: 16px; bottom: 16px; } .portlet_wrap .portlet_row .otscourse .otscourse_wrap .thum_item dl dd { height: 156px; } .portlet_wrap .portlet_row .otscourse .otscourse_wrap .thum_item dl dd .p_cate { display: inline-block; margin: 24px 0 12px; font-size: 15px; color: #4e51d4; font-weight: 500; } .portlet_wrap .portlet_row .otscourse .otscourse_wrap .thum_item dl dd .text_link { display: inline-block; height: 81px; padding-right: 10px; font-size: 18px; color: #1e1e1e; line-height: 1.5; overflow: hidden; font-weight: 500; } .portlet_wrap .portlet_row .otscourse .keyword_box { background: #fff; position: relative; display: block; height: 100%; text-align: center; border: 1px solid #ccc; } .portlet_wrap .portlet_row .otscourse .keyword_box strong { display: block; padding: 56px 0 70px; font-size: 18px; color: #1e1e1e; font-weight: 500; } .portlet_wrap .portlet_row .otscourse .keyword_box .keyword_list span { display: inline-block; height: 30px; margin: 0 1px 8px 0; line-height: 30px; border-radius: 15px; padding: 0 14px; background: #f2f3f8; font-size: 14px; color: #666; } .portlet_wrap .portlet_row .otscourse .keyword_box .keyword_list span.active { background: #00adfb; color: #fff; } .portlet_wrap .portlet_row .otscourse .keyword_box p { font-size: 18px; color: #1e1e1e; line-height: 1.4; } .portlet_wrap .portlet_row .otscourse .keyword_box p + p { margin: 6px 0 42px; font-size: 16px; color: #666; opacity: 0.6; } .portlet_wrap .portlet_row .otscourse .keyword_box button { position: absolute; left: 0; right: 0; bottom: 50px; margin: auto; } .portlet_wrap .portlet_row .otscourse .keyword_box .btn_setting_1 { width: 104px; height: 40px; border: 1px solid #ccc; font-size: 14px; color: #666; font-weight: 500; } .portlet_wrap .portlet_row .otscourse .keyword_box .btn_setting_2 { width: 104px; height: 40px; background: #00adfb; font-size: 14px; color: #fff; font-weight: 500; } .portlet_wrap .portlet_row.no-padding + .portlet_row.no-padding { margin-top: 80px; } .netplex_detail_popup { max-height: inherit !important; width: 1202px; height: 729px !important; border: 1px solid #ccc; } .netplex_detail_popup .keyword_list { margin: 0 0 15px; overflow: hidden; } .netplex_detail_popup .keyword_list a { display: inline-block; height: 30px; margin: 0 1px 6px 0; line-height: 30px; border-radius: 15px; padding: 0 14px; background: #f2f3f8; font-size: 14px; color: #666; } .netplex_detail_popup .keyword_list a.active { background: #00adfb; color: #fff; } .netplex_detail_popup .c-modal__wrap { padding: 84px 0 0; } .netplex_detail_popup .c-modal__wrap .c-modal__head { height: 96px; } .netplex_detail_popup .c-modal__wrap .c-modal__head h2 { height: 100%; padding-top: 36px; border: 0; font-size: 15px; color: #4e51d4; font-weight: 500; } .netplex_detail_popup .c-modal__wrap .c-modal__body { padding: 0; } .netplex_detail_popup .c-modal__wrap .c-modal__body .c-modal__scroll { width: 100%; overflow: hidden; } .netplex_detail_popup .c-modal__wrap .c-modal__body .c-modal__scroll .c-modal__content { padding: 0 !important; } .netplex_detail_popup .c-modal__wrap .c-modal__body .netplex_detail_info { padding: 0 40px; } .netplex_detail_popup .c-modal__wrap .c-modal__body .netplex_detail_info p { width: 1050px; height: 46px; margin-bottom: 28px; font-weight: 500; line-height: 46px; } .netplex_detail_popup .c-modal__wrap .c-modal__body .netplex_detail_info p a { display: inline-block; max-width: 100%; overflow: hidden; font-size: 40px; line-height: 46px; color: #1e1e1e; white-space: nowrap; word-break: break-all; text-overflow: ellipsis; } .netplex_detail_popup .c-modal__wrap .c-modal__body .netplex_detail_info p a:hover { border-bottom: 1px solid #1e1e1e; } .netplex_detail_popup .c-modal__wrap .c-modal__body .netplex_detail_info .netplex_left { float: left; width: 710px; } .netplex_detail_popup .c-modal__wrap .c-modal__body .netplex_detail_info .netplex_left .star_info { margin: 4px 0 9px; } .netplex_detail_popup .c-modal__wrap .c-modal__body .netplex_detail_info .netplex_left .keyword_list a:hover { background: #00adfb; color: #fff; } .netplex_detail_popup .c-modal__wrap .c-modal__body .netplex_detail_info .netplex_right { float: right; width: 400px; text-align: right; } .netplex_detail_popup .c-modal__wrap .c-modal__body .netplex_detail_info .netplex_right .o-button-wrap { display: inline-block; } .netplex_detail_popup .c-modal__wrap .c-modal__body .netplex_detail_tab { margin-top: 13px; height: 572px; } .netplex_detail_popup .c-modal__wrap .c-modal__body .netplex_detail_tab .scroll_tab { height: 36px; background: #fff; padding: 0 40px; border-top: 1px solid rgba(204, 204, 204, 0.5); border-bottom: 1px solid #ccc; line-height: 34px; } .netplex_detail_popup .c-modal__wrap .c-modal__body .netplex_detail_tab .scroll_tab:after { display: block; clear: both; content: ''; } .netplex_detail_popup .c-modal__wrap .c-modal__body .netplex_detail_tab .scroll_tab li { float: left; margin-right: 10px; } .netplex_detail_popup .c-modal__wrap .c-modal__body .netplex_detail_tab .scroll_tab li a { position: relative; padding: 0 9px; color: #666; font-size: 16px; font-weight: 400; } .netplex_detail_popup .c-modal__wrap .c-modal__body .netplex_detail_tab .scroll_tab li.active a { color: #21277d; font-weight: 500; } .netplex_detail_popup .c-modal__wrap .c-modal__body .netplex_detail_tab .scroll_tab li.active a:after { position: absolute; width: 100%; height: 2px; left: 0; bottom: -9px; background: #21277d; content: ''; } .netplex_detail_popup .c-modal__wrap .c-modal__body .netplex_detail_tab .scroll_area { width: 100%; height: 438px; margin: auto; padding: 0 40px; overflow-y: scroll; } .netplex_detail_popup .c-modal__wrap .c-modal__body .netplex_detail_tab .scroll_area h3 { margin: 0 0 25px; padding-top: 27px; font-size: 22px; color: #1e1e1e; font-weight: 500; } .netplex_detail_popup .c-modal__wrap .c-modal__body .netplex_detail_tab .scroll_area h3 .total { color: #00adfb; } .netplex_detail_popup .c-modal__wrap .c-modal__body .netplex_detail_tab .scroll_area h3 i { color: #111; font-weight: 500; } .netplex_detail_popup .c-modal__wrap .c-modal__body .netplex_detail_tab .scroll_area .mCustomScrollBox { width: 100%; } .netplex_detail_popup .c-modal__wrap .c-modal__body .netplex_detail_tab .scroll_area [class^='tabs'] { margin-bottom: 40px; } .netplex_detail_popup .c-modal__wrap .c-modal__body .netplex_detail_tab .scroll_area [class^='tabs'].tabs1_area dl dt { font-size: 22px; color: #1e1e1e; font-weight: 500; } .netplex_detail_popup .c-modal__wrap .c-modal__body .netplex_detail_tab .scroll_area [class^='tabs'].tabs1_area dl dt:nth-of-type(2) { margin: 20px 0 10px; font-size: 18px; } .netplex_detail_popup .c-modal__wrap .c-modal__body .netplex_detail_tab .scroll_area [class^='tabs'].tabs1_area dl dd p { font-size: 16px; color: #666; line-height: 25px; letter-spacing: -0.5px; } .netplex_detail_popup .c-modal__wrap .c-modal__body .netplex_detail_tab .scroll_area [class^='tabs'].tabs1_area dl.course_info { margin-bottom: 40px; } .netplex_detail_popup .c-modal__wrap .c-modal__body .netplex_detail_tab .scroll_area [class^='tabs'].tabs1_area dl.course_info ul { overflow: hidden; } .netplex_detail_popup .c-modal__wrap .c-modal__body .netplex_detail_tab .scroll_area [class^='tabs'].tabs1_area dl.course_info li { float: left; width: 120px; height: 120px; background: #fff; margin: 20px 0 0 30px; border: 1px solid #00adfb; border-radius: 50%; text-align: center; } .netplex_detail_popup .c-modal__wrap .c-modal__body .netplex_detail_tab .scroll_area [class^='tabs'].tabs1_area dl.course_info li:first-child { margin-left: 0; } .netplex_detail_popup .c-modal__wrap .c-modal__body .netplex_detail_tab .scroll_area [class^='tabs'].tabs1_area dl.course_info li span { display: block; margin: 38px 0 8px; font-size: 40px; color: #00adfb; } .netplex_detail_popup .c-modal__wrap .c-modal__body .netplex_detail_tab .scroll_area [class^='tabs'].tabs1_area dl.course_info li i { font-size: 13px; } .netplex_detail_popup .c-modal__wrap .c-modal__body .netplex_detail_tab .scroll_area [class^='tabs'].tabs1_area dl.course_info li em { position: relative; bottom: -46px; font-size: 15px; color: #555; } .netplex_detail_popup .c-modal__wrap .c-modal__body .netplex_detail_tab .scroll_area [class^='tabs'].tabs1_area dl.teacher_info dt { margin: 0 0 25px; padding-top: 27px; } .netplex_detail_popup .c-modal__wrap .c-modal__body .netplex_detail_tab .scroll_area [class^='tabs'].tabs1_area dl.teacher_info .teacher { overflow: hidden; margin: 22px 0 14px; font-size: 18px; } .netplex_detail_popup .c-modal__wrap .c-modal__body .netplex_detail_tab .scroll_area [class^='tabs'].tabs1_area dl.teacher_info .teacher img { float: left; margin-right: 30px; width: 120px; height: 120px; } .netplex_detail_popup .c-modal__wrap .c-modal__body .netplex_detail_tab .scroll_area [class^='tabs'].tabs1_area dl.teacher_info .teacher strong { display: block; padding: 34px 0 10px; color: #1e1e1e; font-weight: 500; } .netplex_detail_popup .c-modal__wrap .c-modal__body .netplex_detail_tab .scroll_area [class^='tabs'].tabs1_area dl.teacher_info .teacher span { color: #666; } .netplex_detail_popup .c-modal__wrap .c-modal__body .netplex_detail_tab .scroll_area [class^='tabs'].tabs2_area .tbl_wrap { padding: 16px 0; border: solid #ccc; border-width: 1px 0; } .netplex_detail_popup .c-modal__wrap .c-modal__body .netplex_detail_tab .scroll_area [class^='tabs'].tabs2_area .tbl_wrap table { width: 100%; } .netplex_detail_popup .c-modal__wrap .c-modal__body .netplex_detail_tab .scroll_area [class^='tabs'].tabs2_area .tbl_wrap table col:nth-of-type(1) { width: 130px; } .netplex_detail_popup .c-modal__wrap .c-modal__body .netplex_detail_tab .scroll_area [class^='tabs'].tabs2_area .tbl_wrap table col:nth-of-type(3) { width: 100px; } .netplex_detail_popup .c-modal__wrap .c-modal__body .netplex_detail_tab .scroll_area [class^='tabs'].tabs2_area .tbl_wrap table tr { height: 51px; line-height: 51px; } .netplex_detail_popup .c-modal__wrap .c-modal__body .netplex_detail_tab .scroll_area [class^='tabs'].tabs2_area .tbl_wrap table th { font-size: 16px; color: #4e51d4; font-weight: 500; text-align: center; } .netplex_detail_popup .c-modal__wrap .c-modal__body .netplex_detail_tab .scroll_area [class^='tabs'].tabs2_area .tbl_wrap table td { color: #222; font-weight: 500; } .netplex_detail_popup .c-modal__wrap .c-modal__body .netplex_detail_tab .scroll_area [class^='tabs'].tabs2_area .tbl_wrap table td:last-child { font-weight: 400; } .netplex_detail_popup .c-modal__wrap .c-modal__body .netplex_detail_tab .scroll_area [class^='tabs'].tabs2_area .tbl_wrap--simple { padding: 20px 35px; border: solid #ccc; border-width: 1px 0; } .netplex_detail_popup .c-modal__wrap .c-modal__body .netplex_detail_tab .scroll_area [class^='tabs'].tabs2_area .tbl_wrap--simple table { width: 100%; } .netplex_detail_popup .c-modal__wrap .c-modal__body .netplex_detail_tab .scroll_area [class^='tabs'].tabs2_area .tbl_wrap--simple table td { padding: 13px 0; color: #1e1e1e; font-weight: 500; font-size: 16px; line-height: 1.56; letter-spacing: -0.5px; text-align: left; vertical-align: middle; } .netplex_detail_popup .c-modal__wrap .c-modal__body .netplex_detail_tab .scroll_area .mCSB_scrollTools { right: -6px; } .netplex_detail_popup .c-modal__wrap .c-modal__body .netplex_detail_tab .scroll_area .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; background-color: #c1c1c1; border-radius: 0; } .netplex_detail_popup .c-modal__wrap .c-modal__body .netplex_detail_tab .scroll_area .mCSB_scrollTools .mCSB_draggerRail { width: 4px; background-color: #fff; border-radius: 0; } .netplex_detail_popup .c-modal__wrap .c-modal__foot { display: none; } .netplex_detail_popup .c-modal__wrap .c-modal__close { top: 52px; right: 53px; } .netplex_detail_popup .c-modal__wrap .c-modal__close:before, .netplex_detail_popup .c-modal__wrap .c-modal__close:after { margin-left: -18px; width: 36px; height: 2px; background-color: #111; } .netplex_detail_popup .tabs3_area, .netplex_detail_popup .tabs4_area { position: relative; } .netplex_detail_popup .tabs3_area .relation_slider, .netplex_detail_popup .tabs4_area .relation_slider { height: 280px; overflow: hidden; } .netplex_detail_popup .tabs3_area .relation_slider .slick-list, .netplex_detail_popup .tabs4_area .relation_slider .slick-list { margin: 0 -8px; } .netplex_detail_popup .tabs3_area .relation_slider .slick-list .slick-slide, .netplex_detail_popup .tabs4_area .relation_slider .slick-list .slick-slide { margin: 0 8px; } .netplex_detail_popup .tabs3_area .relation_slider .slick-list .slick-slide .thum_item, .netplex_detail_popup .tabs4_area .relation_slider .slick-list .slick-slide .thum_item { width: 268px; } .netplex_detail_popup .tabs3_area .relation_slider .slick-list .slick-slide .thum_item dl, .netplex_detail_popup .tabs4_area .relation_slider .slick-list .slick-slide .thum_item dl { width: 100%; } .netplex_detail_popup .tabs3_area .relation_slider .slick-list .slick-slide .thum_item dl dt, .netplex_detail_popup .tabs4_area .relation_slider .slick-list .slick-slide .thum_item dl dt { position: relative; } .netplex_detail_popup .tabs3_area .relation_slider .slick-list .slick-slide .thum_item dl dt .img a, .netplex_detail_popup .tabs4_area .relation_slider .slick-list .slick-slide .thum_item dl dt .img a { display: block; width: 268px; height: 169px; overflow: hidden; background-color: rgba(23, 30, 126, 0.1); } .netplex_detail_popup .tabs3_area .relation_slider .slick-list .slick-slide .thum_item dl dt .img a > img, .netplex_detail_popup .tabs3_area .relation_slider .slick-list .slick-slide .thum_item dl dt .img a > a > img, .netplex_detail_popup .tabs4_area .relation_slider .slick-list .slick-slide .thum_item dl dt .img a > img, .netplex_detail_popup .tabs4_area .relation_slider .slick-list .slick-slide .thum_item dl dt .img a > a > img { position: relative; width: auto; height: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .netplex_detail_popup .tabs3_area .relation_slider .slick-list .slick-slide .thum_item dl dt button, .netplex_detail_popup .tabs4_area .relation_slider .slick-list .slick-slide .thum_item dl dt button { position: absolute; right: 16px; bottom: 16px; } .netplex_detail_popup .tabs3_area .relation_slider .slick-list .slick-slide .thum_item dl dd, .netplex_detail_popup .tabs4_area .relation_slider .slick-list .slick-slide .thum_item dl dd { height: 124px; } .netplex_detail_popup .tabs3_area .relation_slider .slick-list .slick-slide .thum_item dl dd .p_cate, .netplex_detail_popup .tabs4_area .relation_slider .slick-list .slick-slide .thum_item dl dd .p_cate { display: inline-block; margin: 24px 0 12px; font-size: 15px; color: #4e51d4; font-weight: 500; } .netplex_detail_popup .tabs3_area .relation_slider .slick-list .slick-slide .thum_item dl dd a, .netplex_detail_popup .tabs4_area .relation_slider .slick-list .slick-slide .thum_item dl dd a { display: inline-block; height: 54px; padding-right: 10px; font-size: 18px; color: #222; line-height: 1.5; overflow: hidden; font-weight: 500; } .netplex_detail_popup .tabs3_area .relation_slider .slick-list .slick-slide .thum_item dl dd a:hover, .netplex_detail_popup .tabs4_area .relation_slider .slick-list .slick-slide .thum_item dl dd a:hover { text-decoration: underline; } .netplex_detail_popup .tabs3_area .relation_slider .slick-arrow, .netplex_detail_popup .tabs4_area .relation_slider .slick-arrow { top: 45px; } .netplex_detail_popup .tabs3_area .relation_slider .slick-arrow.slick-prev, .netplex_detail_popup .tabs4_area .relation_slider .slick-arrow.slick-prev { left: 0; } .netplex_detail_popup .tabs3_area .relation_slider .slick-arrow.slick-next, .netplex_detail_popup .tabs4_area .relation_slider .slick-arrow.slick-next { right: 0; } .netplex_detail_popup .tabs3_area .review_slider, .netplex_detail_popup .tabs4_area .review_slider { height: 250px; overflow: hidden; } .netplex_detail_popup .tabs3_area .review_slider .slick-list, .netplex_detail_popup .tabs4_area .review_slider .slick-list { margin: 0 -10px; height: 100%; } .netplex_detail_popup .tabs3_area .review_slider .slick-list .slick-slide, .netplex_detail_popup .tabs4_area .review_slider .slick-list .slick-slide { margin: 0 10px; width: 360px; height: 100%; } .netplex_detail_popup .tabs3_area .review_slider .slick-list .slick-slide .item, .netplex_detail_popup .tabs4_area .review_slider .slick-list .slick-slide .item { height: 100%; padding: 0 30px; } .netplex_detail_popup .tabs3_area .review_slider .slick-list .slick-slide .item .star_info, .netplex_detail_popup .tabs4_area .review_slider .slick-list .slick-slide .item .star_info { margin: 10px 0; } .netplex_detail_popup .tabs3_area .review_slider .slick-list .slick-slide .item > a, .netplex_detail_popup .tabs4_area .review_slider .slick-list .slick-slide .item > a { display: block; height: 58px; overflow: hidden; line-height: 1.5; font-weight: 500; font-size: 18px; color: #222; } .netplex_detail_popup .tabs3_area .review_slider .slick-list .slick-slide .item > a:hover, .netplex_detail_popup .tabs4_area .review_slider .slick-list .slick-slide .item > a:hover { text-decoration: underline; } .netplex_detail_popup .tabs3_area .review_slider .slick-list .slick-slide .item p, .netplex_detail_popup .tabs4_area .review_slider .slick-list .slick-slide .item p { height: 148px; font-size: 14px; color: #666; line-height: 1.5; letter-spacing: -0.2px; overflow: hidden; } .netplex_detail_popup .tabs3_area .review_slider .slick-list .slick-slide .item p a, .netplex_detail_popup .tabs4_area .review_slider .slick-list .slick-slide .item p a { display: block; color: #666; } .netplex_detail_popup .tabs3_area .review_slider .slick-list .slick-slide .item p a:hover, .netplex_detail_popup .tabs4_area .review_slider .slick-list .slick-slide .item p a:hover { text-decoration: underline; } .netplex_detail_popup .tabs3_area .review_slider .slick-arrow, .netplex_detail_popup .tabs4_area .review_slider .slick-arrow { top: 88px; } .netplex_detail_popup .tabs3_area .review_slider .slick-arrow.slick-prev, .netplex_detail_popup .tabs4_area .review_slider .slick-arrow.slick-prev { left: 0; } .netplex_detail_popup .tabs3_area .review_slider .slick-arrow.slick-next, .netplex_detail_popup .tabs4_area .review_slider .slick-arrow.slick-next { right: 0; } .c-tab__header--text .c-tab__anchor { outline: 0; } .is-initial .c-tab__header--text .c-tab__item { background-color: inherit; } .is-initial .c-tab__header--text .c-tab__item.is-active { background-color: inherit; } .c-tab__header.c-tab__header--text { border-left: inherit; } .portlet_trash .portlet_wrap .portlet_row .bookreview:not(.p4) .bookreview_slider_wrap .bookreview_slider .slick-list .slick-slide .item a .review_desc { height: 176px; } .portlet_trash .netplex_detail_popup .c-modal__wrap .c-modal__body .netplex_detail_tab .scroll_tab li.active a:after { height: 1px; bottom: -7px; } .portlet_trash .btn_right { background-position: top 3px right 3px !important; } .portlet_trash .ico_reset { right: 50px; top: 0; } .portlet_trash .bannermymenu .pot_mymenu_modal .menu_list label { line-height: 30px; } .portlet_trash .btn_more { background-position: top 4px right 3px !important; } .portlet_trash .slick-slider .slick-arrow { background: rgba(242, 243, 248, 0.5) !important; } .portlet_trash .b2cpromotionbig2 .slick-slider .slick-arrow, .portlet_trash .curationbig5 .slick-slider .slick-arrow { background: rgba(242, 243, 248, 0.001) !important; } .slowHide { -webkit-animation: slowHide 5s linear 2s 1 normal; animation: slowHide 5s linear 2s 1 normal; } .portlet_wrap .portlet_row .portlet_cont.wide-banner { position: relative; display: block; width: auto; height: 460px; } .portlet_wrap .portlet_row .portlet_cont.wide-banner .tuning_top { margin-top: 0; top: auto; margin-bottom: 0; max-width: 1920px; height: 460px; margin: 0 auto; } .portlet_wrap .portlet_row .portlet_cont.wide-banner .tuning_top.slide-black .control-wrap { color: #000; } .portlet_wrap .portlet_row .portlet_cont.wide-banner .tuning_top.slide-black .control-wrap .arrows .slick-arrow span { border-right-color: #000; border-bottom-color: #000; } .portlet_wrap .portlet_row .portlet_cont.wide-banner .tuning_top.slide-black .control-wrap .slick_play:before { border-left-color: #000; } .portlet_wrap .portlet_row .portlet_cont.wide-banner .tuning_top.slide-black .control-wrap .slick_play.play:after { border-color: #000; } .portlet_wrap .portlet_row .portlet_cont.wide-banner .tuning_top.slide-black .control-wrap .pagingInfo:after { background-color: rgba(0, 0, 0, 0.2); } .portlet_wrap .portlet_row .portlet_cont.wide-banner .b2cpromotionbig2 .slick-list, .portlet_wrap .portlet_row .portlet_cont.wide-banner .b2cpromotionbig2 .slider-for { overflow: visible !important; width: auto; margin: 0 auto; height: 460px; } .portlet_wrap .portlet_row .portlet_cont.wide-banner .b2cpromotionbig2 .slider-nav .slick-list { height: auto; } .portlet_wrap .portlet_row .portlet_cont.wide-banner .b2cpromotionbig2 .control-wrap { position: absolute; top: 276px; left: 50%; padding: 0 37px 0 0; margin-left: -394px; color: #fff; font-size: 15px; line-height: 30px; font-family: 'Roboto'; font-weight: 500; } .portlet_wrap .portlet_row .portlet_cont.wide-banner .b2cpromotionbig2 .control-wrap .pagingInfo { position: relative; padding: 0 28px 0 34px; } .portlet_wrap .portlet_row .portlet_cont.wide-banner .b2cpromotionbig2 .control-wrap .pagingInfo .id-total { margin-left: 24px; opacity: 0.4; } .portlet_wrap .portlet_row .portlet_cont.wide-banner .b2cpromotionbig2 .control-wrap .pagingInfo:after { content: ''; display: block; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 2px; width: 2px; height: 12px; font-size: 0; background: rgba(255, 255, 255, 0.2); } .portlet_wrap .portlet_row .portlet_cont.wide-banner .b2cpromotionbig2 .control-wrap .arrows .slick-arrow { position: absolute; top: 0; width: 30px; height: 30px; opacity: 0.5; } .portlet_wrap .portlet_row .portlet_cont.wide-banner .b2cpromotionbig2 .control-wrap .arrows .slick-arrow span { position: absolute; top: 50%; left: 50%; margin: -5px 0 0 -5px; display: block; border-right: 2px solid #fff; border-bottom: 2px solid #fff; width: 10px; height: 10px; font-size: 0; } .portlet_wrap .portlet_row .portlet_cont.wide-banner .b2cpromotionbig2 .control-wrap .arrows .slick-arrow:hover { opacity: 1; } .portlet_wrap .portlet_row .portlet_cont.wide-banner .b2cpromotionbig2 .control-wrap .arrows .slick-prev { left: 0; } .portlet_wrap .portlet_row .portlet_cont.wide-banner .b2cpromotionbig2 .control-wrap .arrows .slick-prev span { -webkit-transform: rotate(135deg); transform: rotate(135deg); } .portlet_wrap .portlet_row .portlet_cont.wide-banner .b2cpromotionbig2 .control-wrap .arrows .slick-next { right: 30px; } .portlet_wrap .portlet_row .portlet_cont.wide-banner .b2cpromotionbig2 .control-wrap .arrows .slick-next span { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .portlet_wrap .portlet_row .portlet_cont.wide-banner .b2cpromotionbig2 .slider-nav .slick-slide { margin-left: 0; } .portlet_wrap .portlet_row .portlet_cont.wide-banner .b2cpromotionbig2 .slider-nav .slick-list { width: 1196px; margin: 0 auto; } .portlet_wrap .portlet_row .portlet_cont.wide-banner .b2cpromotionbig2 .slider-nav .slick-slide .item { position: relative; } .portlet_wrap .portlet_row .portlet_cont.wide-banner .b2cpromotionbig2 .slider-nav .slick-slide .item:after { content: ''; position: absolute; top: 0; left: 0; height: 2px; background-color: #fff; } .portlet_wrap .portlet_row .portlet_cont.wide-banner .b2cpromotionbig2 .slider-nav .slick-slide.slick-current .item:after { -webkit-animation: slidebar both linear 3s; animation: slidebar both linear 3s; } .portlet_wrap .portlet_row .portlet_cont.wide-banner .b2cpromotionbig2 .slider-for .slick-slide .item { position: relative; z-index: 1; height: 460px; } .portlet_wrap .portlet_row .portlet_cont.wide-banner .b2cpromotionbig2 .slider-for .slick-slide .item > a { overflow: inherit; position: relative; height: 100%; display: block; } .portlet_wrap .portlet_row .portlet_cont.wide-banner .b2cpromotionbig2 .slider-for .slick-slide .item > a > img { position: absolute; top: 0; left: 50%; height: 100%; width: auto; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } .portlet_wrap .portlet_row .portlet_cont.wide-banner .b2cpromotionbig2 .slider-nav { position: absolute; z-index: 1; top: auto; left: 0; right: 0; bottom: 0; width: auto; height: 68px; background-color: rgba(0, 0, 0, 0.2); } .portlet_wrap .portlet_row .portlet_cont.wide-banner .b2cpromotionbig2 .slider-nav .slick-slide { padding-top: 0; } .portlet_wrap .portlet_row .portlet_cont.wide-banner .b2cpromotionbig2 .slider-nav .slick-slide.active .item, .portlet_wrap .portlet_row .portlet_cont.wide-banner .b2cpromotionbig2 .slider-nav .slick-slide .item { height: 68px; padding-top: 0 !important; cursor: pointer; background: none; } .portlet_wrap .portlet_row .portlet_cont.wide-banner .b2cpromotionbig2 .slider-nav .slick-slide.slick-current .item { background: rgba(255, 255, 255, 0.1); } .portlet_wrap .portlet_row .portlet_cont.wide-banner .b2cpromotionbig2 .slider-nav .slick-slide .item p { margin-top: 0; line-height: 68px; color: #fff; } .portlet_wrap .portlet_row .portlet_cont.wide-banner .b2cpromotionbig2 .slick_play { top: 0; width: 30px; height: 30px; border: 0 none; opacity: 0.5; } .portlet_wrap .portlet_row .portlet_cont.wide-banner .b2cpromotionbig2 .slick_play:before { content: ''; position: absolute; top: 50%; left: 50%; border-left: 10px solid #fff; border-top: 6px solid transparent; border-bottom: 6px solid transparent; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .portlet_wrap .portlet_row .portlet_cont.wide-banner .b2cpromotionbig2 .slick_play.play:before { display: none; } .portlet_wrap .portlet_row .portlet_cont.wide-banner .b2cpromotionbig2 .slick_play.play:after { border-left-width: 4px; border-right-width: 4px; width: 10px; border-color: #fff; } .portlet_wrap .portlet_row .portlet_cont.wide-banner .b2cpromotionbig2 .slick_play:hover { opacity: 1; } @-webkit-keyframes slidebar { 0% { width: 0; } 100% { width: 100%; } } @keyframes slidebar { 0% { width: 0; } 100% { width: 100%; } } @-webkit-keyframes slowHide { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes slowHide { 0% { opacity: 1; } 100% { opacity: 0; } }