@charset "UTF-8";

@import url("https://el.multicampus.com/de_common/mc/customize/SRV2210/css/SRV2210_new.css");

/** header(2023.12.26) //  **/
.SRV2210 .gnb_row:first-child .gnb__inner,.gnb.type2 .gnb_row:first-child { height: 80px !important;}
.header .SRV2210 {background-color: #fff; border-bottom: 0px; box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.18);}
.header .SRV2210 .gnb_row:first-child {border-color: #f5f5f5;}
.header .SRV2210 .h1_logo a img {height: 24px;}
.header .SRV2210 .btn_gnb_search {background: url("../img/icon_header_srch.svg") no-repeat 50% 50%;float: right;}
.header .SRV2210 .gnb_srch_box {position: absolute; left: calc(50% - 170px);border: 1px solid #cfd2d8; border-radius: 25px; padding: 5px 10px; height: 40px; width: 340px;}
.header .SRV2210 .gnb_srch_box:hover,.header .SRV2210 .gnb_srch_box.is-active {border-color: #2189ff !important;}
.header .SRV2210 .gnb_srch_box.is-active .btn_gnb_search {background: url("../img/icon_header_srchSel.svg") no-repeat 50% 50%;}
.header .SRV2210 .gnb_srch_box input.inp_sch {width: 255px; height: 23px; padding: 2px 10px 0; outline: none; margin-top: 1px;}
.header .SRV2210 .gnb_srch_box input::placeholder {font-size: 16px; padding-top:3px;}
.header .SRV2210 .btn_gnb_search--open{top: 6px; right: 32px;}
.header .SRV2210 .gnb_srch_box .btn_gnb_search--reset {top: 8px;}
.header .SRV2210 .search__auto .search__auto-container .search__auto-bestlist .o-label__round {font-size: 12px; padding: 6px 10px; background-color: #f7f7f7;}
.header .SRV2210 .search__auto .search__auto-container .search__auto-bestlist .o-label__round:hover { background-color: #2189FF;}
.header .SRV2210 .search__auto {
    border-radius: 16px; 
    border-color:#043872; 
    box-shadow:0 4px 12px rgba(0, 0, 0, 0.1); 
    margin-top: 6px;
}
.header .SRV2210 .search__auto .search__auto-container .search__auto-content .gnb__resent--alldelete {position: absolute; right: 30px; top: 20px;}
.header .SRV2210 .search__auto .search__auto-container .search__auto-content .gnb__resent--alldelete::before { content: "\f014";font-family: 'FontAwesome'; font-size: 13px; margin-right: 5px; }
.header .SRV2210 .search__auto .search__auto-container .search__auto-tit {font-size:16px; color: #333333; font-weight: 700;}
.header .SRV2210 .search__auto .search__auto-container .search__auto-newly li button.gnb__resent--item {font-size: 14px; line-height: 20px;}
.header .SRV2210 .search__auto .search__auto-container .search__auto-newly li button.gnb__resent--delete:before, 
.header .SRV2210 .search__auto .search__auto-container .search__auto-newly li button.gnb__resent--delete:after { height: 8px; margin-top: -7px;}
.header .SRV2210 .search__auto .search__auto-container .search__auto-newly li button.gnb__addbtn {
    font-size: 14px; 
    line-height: 20px; 
    height: 28px;
}
.header .SRV2210 .search__auto .search__auto-container .search__auto-newly li button.gnb__addbtn > mark {
    color: #2189FF; 
    background-color: transparent; 
    font-weight: 500;
}
.header .SRV2210 .search__auto-foot button {
    font-size: 12px;
}
.header .SRV2210 .utility li {
    margin-left: 0;
}
.header .SRV2210 .gnb_cate { 
    border-right: 0px none; 
    top: 58%; 
    height: 42px;
}
.header .SRV2210 .gnb_cate button { 
    height: 42px; 
    display: flex; 
    align-items: center; 
    padding-left: 0;
    font-size: 16px; 
    font-weight: bold; 
    color: #333333;
}
.header .SRV2210 .gnb_cate .ic_icon {
    background: url('../img/SRV2210_ic_category.svg') no-repeat 10px center; 
    height: 36px; 
    margin-right: 10px; 
    border: 1px solid #cfd2d8; 
    padding: 10px 12px 8px 35px; 
    border-radius: 6px; 
}
.header .SRV2210 .gnb_cate .ic_icon_close {
    background:#1e1e1e url('../img/SRV2210_ic_categoryClose.svg') no-repeat 10px center; 
    height: 36px; 
    margin-right: 10px; 
    display: flex; 
    color: #fff; 
    font-weight: bold; 
    font-size: 16px; 
    border: 1px solid #1e1e1e; 
    padding: 10px 12px 8px 35px; 
    border-radius: 6px; 
}
.header .SRV2210 .gnb_cate .ic_arr > span {width: 40px;height: 40px;}
.header .SRV2210 .gnb_cate::after {
    content: '';
    background-color: #cfd2d8;
    width: 1px;
    height: 18px;
    margin-top: 12px;
    margin-left: 38px;
}
.header .SRV2210 .gnb_row {height: 68px;}
.header .SRV2210 .gnb_nav ul li a {
    font-size: 16px; 
    font-weight: bold;
    color: #333333; 
    padding: 6px 12px; 
    border-radius: 18px; 
    margin-right: 30px;
}
.header .SRV2210 .gnb_nav ul li a:hover,
.header .SRV2210 .gnb_nav ul li a:focus { background-color: #000; color:#fff;text-decoration: none;}
.header .SRV2210 .gnb_nav > ul {justify-content: flex-start; margin-top: 6px;}
.header .SRV2210 .gnb_nav > ul > li { line-height: 30px; padding-top: 3px; margin-right: 0;}
/* .header .SRV2210 .gnb_nav > ul > li::before {content: '·'; font-size: 30px; padding-top: 10px; padding-left:15px; vertical-align: bottom;} */
/* .header .SRV2210 .gnb_nav > ul > li:first-child a {padding-left: 0;}
.header .SRV2210 .gnb_nav > ul > li:first-child::before {content: '';} */
.header .SRV2210 .gnb_nav > ul > li:last-child { 
    position: absolute;
    right: 0;
    border-top-right-radius: 30px; 
    border-bottom-right-radius: 30px; 
    border: 2px solid #EAEAEA; 
    border-left: 1px solid #ffffff;
    padding: 5px 5px 5px 0; 
    background: url('../img/SRV2210_nav_icon_mystudy.svg') no-repeat 20px center; 
    margin-top: -4px;
    margin-right: 0;
}
.header .SRV2210 .gnb_nav > ul > li:last-child a {
    padding: 2px 10px 2px 35px; 
    font-size: 14px; 
    letter-spacing: -0.35px; 
    margin-right: 0;
}
.header .SRV2210 .gnb_nav > ul > li:last-child a:hover,
.header .SRV2210 .gnb_nav > ul > li:last-child a:focus,
.header .SRV2210 .gnb_nav > ul > li:nth-last-child(2) a:hover,
.header .SRV2210 .gnb_nav > ul > li:nth-last-child(2) a:focus { 
    background-color: transparent !important; 
    color: #2189FF !important;
}
.header .SRV2210 .gnb_nav > ul > li:nth-last-child(2) a { font-size: 14px; letter-spacing: -0.35px; margin-right: 0; padding: 2px 0 2px 23px;}
.header .SRV2210 .gnb_nav > ul > li:nth-last-child(2) { 
    position: absolute;
    right: 105px;
    border-top-left-radius: 30px; 
    border-bottom-left-radius: 30px; 
    border: 2px solid #EAEAEA; 
    border-right: 1px solid #ffffff;
    padding: 5px 10px 5px 0; background: url('../img/SRV2210_nav_icon_curation.svg') no-repeat 10px center; 
    text-indent: 10px;
    margin-right: 2px;
    margin-top: -4px;
}
.header .SRV2210 .gnb_nav > ul > li:nth-last-child(2)::before {content: '';}
.header .SRV2210 .gnb_nav > ul > li:last-child::before {
    content: '│'; 
    color: #eaeaea; 
    font-weight: 100; 
    font-size: 16px; 
    padding-left: 0;
}
.header .SRV2210 .gnb_nav > ul > li > a:hover::after { display: none;}
.header .SRV2210 .btn_gnb_user {background: url('../img/SRV2210_gnb_profile.png') no-repeat 50% 50%;}
.header .SRV2210.gnb:not(.global) .utility > li > .btn_gnb_user:hover {background: url('../img/SRV2210_gnb_profileO.png') no-repeat 50% 50% #ffffff;}
.header .SRV2210.gnb:not(.global) .utility > li > .btn_gnb_user.is-active {background: url('../img/SRV2210_gnb_profileO.png') no-repeat 50% 50% #ffffff;}
.header .SRV2210.gnb:not(.global) .utility > li > .btn_gnb_cs:hover {background: url('../img/SRV2210_ic_helpO.svg') no-repeat 50% 50% #ffffff;}
.header .SRV2210.gnb:not(.global) .utility > li > .btn_gnb_cs.is-active {background: url('../img/SRV2210_ic_helpO.svg') no-repeat 50% 50% #ffffff;}
.header .SRV2210.gnb:not(.global) .utility > li > .btn_gnb_cs {background: url('../img/SRV2210_ic_help.svg') no-repeat 50% 50% #ffffff;}
.header .SRV2210 .gnb-utility .list { border-radius: 12px; box-shadow:0 4px 12px rgba(0, 0, 0, 0.1); padding: 12px;}
.header .SRV2210 .gnb-utility .list--arrow {right: -30px; top: 40px;}
.header .SRV2210 .gnb-utility .list--arrow:before {right: 38px;}
.header .SRV2210 .gnb-utility .list__top {background-color: #f7f7f7; border-radius: 4px; padding: 8px 12px; }
.header .SRV2210 .gnb-utility .list__top em { color: #333333; font-size: 12px; line-height: 18px; display: block;}
.header .SRV2210 .gnb-utility .list__top strong {line-height: 20px;font-size: 14px;}
.header .SRV2210 .gnb-utility .list__link {padding: 12px; line-height: 20px;font-size: 14px;}
.header .SRV2210 .gnb-utility .list__link:hover,.header .SRV2210 .gnb-utility .list__link:focus {font-weight: 500;}
.header .SRV2210 .gnb-utility .list--arrow.list--bbs {right: -55px; top: 40px;}
.header .SRV2210 .gnb-utility .list--arrow.list--bbs::before {right: 62px;}
/*category _ Menu box****/
.SRV2210_category .ic_icon_close { 
    position: absolute; 
    top: -43px; 
    left: 0; 
    background: url('../img/SRV2210_IC_hover.svg') no-repeat; 
    height: 40px; 
    width: 40px; 
    margin-right: 10px; 
    color: transparent;
    display: flex;
}
.SRV2210_category.gnb_menu_box {
    display: none; 
    position: absolute; 
    top: 45px; 
    width: 1200px; 
    margin: 0 auto;
    z-index: 1;
}
.SRV2210_category.gnb_menu_box .gnb_list_box {
    border: 1px solid #333333; 
    border-radius: 16px; 
    background-color: #ffffff; 
    padding: 40px; 
    margin-top: 10px; 
    box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.08);
}
.SRV2210_category.gnb_menu_box .gnb_list_box .gnb_mnu { 
    display: flex; 
    justify-content: space-between; 
    padding: 10px 0; 
    border-bottom: 1px solid #eaeaea;
}
.SRV2210_category.gnb_menu_box .gnb_list_box .gnb_mnu:first-child {
    padding: 0 0 10px;
}
/* .SRV2210_category.gnb_menu_box .gnb_list_box .gnb_mnu > a { 
    font-size: 16px; 
    font-weight: bold; 
    color: #1e1e1e; 
    letter-spacing: -0.4px; 
    margin-top: 8px; 
    display: inline-block; 
} */
.SRV2210_category.gnb_menu_box .gnb_list_box .gnb_mnu > a::before { 
    content: ''; 
    border-left: 3px solid #003abc; 
    height: 14px;
    display: inline-flex;
    padding-right: 6px;
}
.SRV2210_category.gnb_menu_box .gnb_list_box .gnb_mnu > ul  {  
    display: inline; 
    width: calc(100% - 153px);
}
.SRV2210_category.gnb_menu_box .gnb_list_box .gnb_mnu > ul > li > a { 
    display: inline-block; 
    width: 150px;
    font-size: 14px; 
    font-weight: 700; 
    color: #333333;
    line-height: 1;
    padding: 10px 5px 7px 0;
}
.SRV2210_category.gnb_menu_box .gnb_list_box .gnb_mnu > ul > li > a::after { 
    content: "\f105";
    font-family: 'FontAwesome';
    font-weight: 100; 
    font-size: 14px; 
    margin-left: 4px;
}
.SRV2210_category.gnb_menu_box .gnb_list_box .gnb_mnu > ul > li > a:hover,
.SRV2210_category.gnb_menu_box .gnb_list_box .gnb_mnu > ul > li > a:focus,
.SRV2210_category.gnb_menu_box .gnb_list_box .gnb_mnu > ul > li > a:hover::after,
.SRV2210_category.gnb_menu_box .gnb_list_box .gnb_mnu > ul > li > a:focus::after,
.SRV2210_category.gnb_menu_box .gnb_list_box .gnb_mnu > ul > li > a.btn_sel { color: #2189ff; }
.SRV2210_category.gnb_menu_box .gnb_list_box .gnb_mnu > ul > li {
    line-height: 30px;
    display: flex;
    align-items: flex-start;
}
.SRV2210_category.gnb_menu_box .gnb_list_box .gnb_mnu > ul > li > ul { 
    display: inline-flex; 
    flex-wrap: wrap; 
    width: calc(100% - 150px); 
}
.SRV2210_category.gnb_menu_box .gnb_list_box .gnb_mnu > ul > li > ul > li  {
    display: inline-block; 
    min-width: 150px;
    width: 160px;
}
.SRV2210_category.gnb_menu_box .gnb_list_box .gnb_mnu > ul > li > ul > li > a {
    /* background: url('../img/SRV2210_gnb_icDot.svg') no-repeat left 14px;  */
    padding: 8px 5px;
    min-width: 145px;
    display: inline-block;
    font-size: 14px; 
    font-weight: 100; 
    color: #666666;
    line-height: 1.3;
}
.SRV2210_category.gnb_menu_box .gnb_list_box .gnb_mnu > ul > li > ul > li > a:hover,
.SRV2210_category.gnb_menu_box .gnb_list_box .gnb_mnu > ul > li > ul > li > a:focus,
.SRV2210_category.gnb_menu_box .gnb_list_box .gnb_mnu > ul > li > ul > li > a.btn_sel { text-decoration: underline;}
/*category _1depth menu color*/
.SRV2210_category.gnb_menu_box .gnb_list_box .gnb_mnu .gnb_mnu_1depth { 
    position: relative; 
    display: block; 
    width: 150px; 
    line-height: 30px;
}
.SRV2210_category.gnb_menu_box .gnb_list_box .gnb_mnu .gnb_mnu_1depth a {
    display: inline-flex; 
    align-items: flex-start; 
    font-size: 16px; 
    font-weight: 700; 
    color: #1e1e1e; 
    letter-spacing: -0.4px;
    margin-top: 4px;
    line-height: 1.5;
}
.SRV2210_category.gnb_menu_box .gnb_list_box .gnb_mnu .gnb_mnu_1depth a::before { 
    content: ''; 
    border-left: 3px solid #003abc; 
    height: 14px;
    /* display: inline-flex; */
    padding-right: 6px;
    margin-top: 4px;
}
.SRV2210_category.gnb_menu_box .gnb_list_box .gnb_mnu .gnb_mnu_1depth a:hover,
.SRV2210_category.gnb_menu_box .gnb_list_box .gnb_mnu .gnb_mnu_1depth a:focus,
.SRV2210_category.gnb_menu_box .gnb_list_box .gnb_mnu .gnb_mnu_1depth a.btn_sel { color: #2189ff;}
.SRV2210_category.gnb_menu_box .gnb_list_box .gnb_mnu:nth-of-type(2) .gnb_mnu_1depth a::before { border-left-color: #84beff;}
.SRV2210_category.gnb_menu_box .gnb_list_box .gnb_mnu:nth-of-type(3) .gnb_mnu_1depth a::before { border-left-color: #ffc684;}
.SRV2210_category.gnb_menu_box .gnb_list_box .gnb_mnu:nth-of-type(4) .gnb_mnu_1depth a::before { border-left-color: #bd84ff;}
.SRV2210_category.gnb_menu_box .gnb_list_box .gnb_mnu:nth-of-type(5) .gnb_mnu_1depth a::before { border-left-color: #bd84ff;}
.SRV2210_category.gnb_menu_box .gnb_list_box .gnb_mnu:nth-of-type(6) .gnb_mnu_1depth a::before { border-left-color: #ba04db;}
/*category _ scroll style*/
.SRV2210_category.gnb_menu_box .gnb_list_box .gnb_mnu_scroll {
    display: flex; 
    flex-direction: column;
    max-height: 600px; 
    width: 100%; 
    overflow-y: auto;
    overflow-x: hidden;
}
.SRV2210_category.gnb_menu_box .gnb_list_box .gnb_mnu_scroll::-webkit-scrollbar { width: 4px;}
.SRV2210_category.gnb_menu_box .gnb_list_box .gnb_mnu_scroll::-webkit-scrollbar-thumb { background: #444; border-radius: 2px;} 
.SRV2210_category.gnb_menu_box .gnb_list_box .gnb_mnu_scroll::-webkit-scrollbar-track {background: rgba(0, 0, 0, .1); border: 1px solid #fff; }

/** footer(2023.12.26) //  **/
.main main + .footer { margin-top: 0 !important;}
.SRV2210 {background-color: #F5F5F5; border-top:1px solid #E6E6E6;}
.SRV2210 .fo_ssu_wrap  { padding: 40px 0; margin: 0 auto; max-width:1200px;}
.SRV2210 .fo_ssu_wrap  {display:block;}
.SRV2210 .fo_ssu_wrap li {display: inline; letter-spacing: -0.4px; font-size: 12px; color: #666666;}
.SRV2210 .fo_ssu_wrap li:first-child img {margin-right: 60px;}
.SRV2210 .fo_ssu_wrap li a {padding: 0 24px 0 0; color:#333333; font-size: 14px;}
.SRV2210 .fo_ssu_wrap li a:hover {color:#1e1e1e; font-size: 14px; font-weight: bold;text-decoration: underline;}
.SRV2210 .fo_ssu_wrap .logo { display: inline-block; color: transparent; background: url('../img/logo_area.svg')no-repeat left center; background-size: 221px; width: 221px; line-height: 20px; height: 20px; margin-right: 60px;}
.SRV2210 .fo_ssu_wrap ul:nth-child(1) li:last-child a {color: #1e1e1e; font-size: 14px; font-weight: bold; text-decoration: underline;} /*TOTALSR-106462*/
.SRV2210 .fo_ssu_wrap ul:nth-child(2) {padding: 24px 0 6px;}
.SRV2210 .fo_ssu_wrap ul:nth-child(2) li::after {content: "I"; color: #999; }
.SRV2210 .fo_ssu_wrap ul:nth-child(2) li span {padding: 0 10px;}
.SRV2210 .fo_ssu_wrap ul:nth-child(2) li:first-child span { padding-left: 0px;}
.SRV2210 .fo_ssu_wrap ul:nth-child(2) li:last-child::after {content: "";}
.SRV2210 .fo_ssu_wrap ul:nth-child(3) li {color: #999999;}
.SRV2210 .fo_ssu_wrap .fo_ssu_appdown {float: right; margin-top: -80px; }
.SRV2210 .fo_ssu_wrap .fo_ssu_appdown li {
    display: flex; 
    justify-content: right; 
    background-color: #ffffff; 
    opacity: 1;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    border: 1px solid #eaeaea;
    padding: 6px 0px 6px 15px;
}
.SRV2210 .fo_ssu_wrap .fo_ssu_appdown li a {padding-top: 12px;display: block; }
.SRV2210 .fo_ssu_wrap .fo_ssu_appdown li a:hover {padding-top: 12px;}
.SRV2210 .fo_ssu_wrap .fo_ssu_appdown li a > span { font-size: 15px; font-weight: 600; display: block;}
.SRV2210 .fo_ssu_wrap .fo_ssu_appdown li a > span + span {font-size: 14px; font-weight: 200; padding-top: 5px;}
.SRV2210 .fo_ssu_wrap .fo_ssu_appdown i {margin-right: 8px; width: 42px; height: 42px;}
.SRV2210 .fo_ssu_wrap .fo_ssu_appdown .SRV2210_ic_app { background: url('../img/SRV2210_fo_icApp.png') no-repeat center; width: 56px; height: 56px; font-size: 0;}
.SRV2210 .fo_ssu_wrap .fo_ssu_appdown li > i {margin-right: 8px;}

/**LNB menu // **/
.SRV2210 .lnb__title { font-size: 28px; font-weight: bold;padding-top: 5px;}
.SRV2210 .lnb .list__all-view:before, .SRV2210 .lnb .list__all-view:after {left: 0;}
.SRV2210 .lnb .list__all-view {padding: 15px 20px; font-weight: 700;}
.SRV2210 .lnb .list__arrow { left: 0;}
.SRV2210 .lnb .list__arrow:before {width: 2px;}
.SRV2210 .lnb .list__arrow:after {height: 2px;}
.SRV2210 .lnb .list__wrap--depth2 button.list__arrow.is-only + a,
.SRV2210 .lnb .list__wrap--depth3 button.list__arrow.is-active + a.is-only {color: #2189ff;}
.SRV2210 .lnb .list__wrap--depth2 button.list__arrow { left: -4px; }
.SRV2210 .lnb .list__wrap--depth3 button.list__arrow { left: 0; }
.SRV2210 .lnb .list__wrap--depth2 button.list__arrow.is-active + a { border-top: 1px solid #e5e5e5; border-bottom: 0; }
.SRV2210 .lnb .list__wrap--depth2 button.list__arrow.is-active + a:hover,.SRV2210 .lnb .list__btn--depth2.is-active { color: #2189ff !important; }
.SRV2210 .lnb .list__btn--depth2 {padding: 13px 15px 13px 20px; font-weight: 700;}
.SRV2210 .lnb .list__wrap--depth3 {padding: 0;}
.SRV2210 .lnb .list__wrap--depth3 .list__arrow { background: url('../img/SRV2210_lnb3_open.svg') no-repeat left center; }
.SRV2210 .lnb .list__wrap--depth3 button.list__arrow.is-active::before, .SRV2210 .lnb .list__wrap--depth3 button.list__arrow.is-active::after, 
.SRV2210 .lnb .list__wrap--depth3 button.list__arrow::before, .SRV2210 .lnb .list__wrap--depth3 button.list__arrow::after {width: 0; height: 0;}
.SRV2210 .lnb .list__wrap--depth3 button.list__arrow.is-active { background: url('../img/SRV2210_lnb3_close.svg') no-repeat left center; transform:none; }
.SRV2210 .lnb .list__wrap--depth3 button.list__arrow.is-active + a { background-color:transparent; font-size: 16px; color: #333333; border-top: 0; display: block;}
.SRV2210 .lnb .list__wrap--depth3 button:hover + a {color: #2189ff; text-decoration: none;  background-color: transparent;}
.SRV2210 .lnb .list__wrap--depth3 li > span > a.list__btn--depth3.is-only {color: #2189FF;}
.SRV2210 .lnb .list__btn--depth3 {font-size: 16px; font-weight: 500; color: #333333;  padding: 8px 10px 8px 20px;}
.SRV2210 .lnb .list__btn--depth3:hover {background-color: transparent; color: #2189ff !important;}
.SRV2210 .lnb .list__wrap--depth4 { border: 0; padding: 0; margin-bottom: 0;}
.SRV2210 .lnb .list__wrap--depth4 .list__btn--depth4:hover {background-color: transparent; text-decoration: underline; color:#333333;}
.SRV2210 .lnb .list__btn--depth4 {padding: 3px 0 3px 22px; font-size: 14px;}
.SRV2210 .lnb .list__btn--depth4.is-active, .SRV2210 .lnb .list__btn--depth4.now-active { color: #2189ff; }

/***  s : main --------------------------------------------------  ***/
/** portlet - banner **/
/*control*/
.ptl_main .portlet_cont.wide-banner .b2cpromotionbig2 .control-wrap { font-size: 14px; line-height: 24px; }
.ptl_main .portlet_cont.wide-banner .b2cpromotionbig2 .control-wrap.op1 { top: 290px; padding: 0 14px 0 0; margin-left: -540px; display: flex;}
.ptl_main .portlet_cont.wide-banner .b2cpromotionbig2 .control-wrap.op1 .slick_play { width: 24px; height: 24px; top: 2px;}
.ptl_main .portlet_cont.wide-banner .b2cpromotionbig2 .control-wrap.op1 .progressInfo { position: relative; width: 200px; height: 2px; border-radius: 1px; background: rgba(255, 255, 255, 0.4); margin-top: 12px;}
.ptl_main .portlet_cont.wide-banner .b2cpromotionbig2 .control-wrap.op1 .progressInfo span { height: 2px; background: rgba(255, 255, 255, 1); display: block;border-radius: 1px;transition-duration:2s, 2s;}
.ptl_main .portlet_cont.wide-banner .b2cpromotionbig2 .control-wrap.op2 { left:0; top: 50%; width: 100%; padding: 0; margin-left: -20px; margin-top: -25px; }
.ptl_main .portlet_cont.wide-banner .b2cpromotionbig2 .control-wrap.op2 .arrows .slick-prev { left: calc(50% - 652px); width: 48px; height: 48px; background: url("../img/SRV2210_main_arrow_01.png") no-repeat center #000000; opacity: 0.5; text-indent: -10000px; border-radius: 100%; transition: all 0.3s ease; }
.ptl_main .portlet_cont.wide-banner .b2cpromotionbig2 .control-wrap.op2 .arrows .slick-next { right: calc(50% - 688px) !important; width: 48px; height: 48px; background: url("../img/SRV2210_main_arrow_02.png") no-repeat center #000000; opacity: 0.5; text-indent: -10000px; border-radius: 100%; transition: all 0.3s ease; }
.ptl_main .portlet_cont.wide-banner .b2cpromotionbig2 .control-wrap.op2 .arrows .slick-prev:hover { background: #000000 url("../img/SRV2210_main_arrow_01.png") no-repeat center; border-radius:100%; opacity: 0.7; }
.ptl_main .portlet_cont.wide-banner .b2cpromotionbig2 .control-wrap.op2 .arrows .slick-next:hover { background: #000000 url("../img/SRV2210_main_arrow_02.png") no-repeat center; border-radius:100%; opacity: 0.7; }
.portlet_wrap .portlet_row .ptl_main .portlet_cont.wide-banner .b2cpromotionbig2 .control-wrap .arrows .slick-arrow span {width: 0; height: 0; border: 0;}
/* main banner*/
.portlet_wrap .portlet_row .portlet_cont {width: 100%;}
.ptl_main {
    position: relative;
    width: 100%;
    margin-top: -40px;
}
.ptl_main .portlet_cont .main_banner { 
    position: relative;
    display: block;
    width: auto; 
    height: 360px; 
}
.ptl_main .portlet_cont .main_banner .tuning_top.wop1 {
    max-width: 100%; 
    height: 360px;
    margin: 0 auto;
}

.ptl_main  .portlet_cont .main_banner .b2cpromotionbig2 .slider-for .slick-slide .nSRV_item .item {
    position: relative;
    z-index: 1;
    height: 360px;
}

.ptl_main  .portlet_cont .main_banner .b2cpromotionbig2 .slider-for .slick-slide .nSRV_item .item > a {
    overflow: inherit;
    position: relative;
    height: 100%;
    display: block;
}

.ptl_main .portlet_cont .main_banner .b2cpromotionbig2 .slider-for .slick-slide .nSRV_item .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 .ptl_main .portlet_cont.wide-banner .b2cpromotionbig2 .slick-list,
.portlet_wrap .portlet_row .ptl_main .portlet_cont.wide-banner .b2cpromotionbig2 .slider-for,
.portlet_wrap .portlet_row .ptl_main .portlet_cont.wide-banner {height: 360px !important;}

/* portlet - 학습 */
.SRV2210_ptl  { width: 1196px; margin: 0 auto; overflow: hidden; position: relative;}
.SRV2210_ptl h3,.SRV2210_keyword .con1 h3 { color: #1e1e1e; font-size: 26px; font-weight: 700; letter-spacing: -0.05em; }
.SRV2210_ptl .btn_more { position: absolute; right: 0; margin-top: -20px; font-size: 12px; font-weight: 400; letter-spacing: -0.3px;}
.SRV2210_ptl .btn_more > i {padding-left: 4px; font-weight: 700;}
.SRV2210_ptl .btn_more:hover { font-weight: 700; color: #333;}
.SRV2210_ptl_cont {position: relative; width: 1200px; margin: 0 auto;}
.SRV2210_ptl_cont .ctl { position: absolute; width: 1320px;margin-left: -62px; top:150px}
.SRV2210_ptl_cont .ctl a.btn_prev { display: inline-block; width: 38px; height: 38px; background: url("../img/SRV2210_btn_arrow_left.svg") no-repeat 0 0; text-indent: -10000px; z-index: 9; transition: all 0.2s ease; }
.SRV2210_ptl_cont .ctl a.btn_next { float: right; display: inline-block; width: 38px; height: 38px; background: url("../img/SRV2210_btn_arrow_right.svg") no-repeat 0 0; text-indent: -10000px; z-index: 9; transition: all 0.2s ease; }
.SRV2210_ptl_cont .ctl a.btn_prev:hover { background: url("../img/SRV2210_btn_arrow_leftH.svg") no-repeat 0 0; }
.SRV2210_ptl_cont .ctl a.btn_next:hover { background: url("../img/SRV2210_btn_arrow_rightH.svg") no-repeat 0 0; }
.SRV2210_ptl_cont .ctl a.btn_prev:disabled { background: url("../img/SRV2210_btn_arrow_leftD.svg") no-repeat 0 0; }
.SRV2210_ptl_cont .ctl a.btn_next:disabled { background: url("../img/SRV2210_btn_arrow_rightD.svg") no-repeat 0 0; }
.SRV2210_ptl_c,
.SRV2210_ptl2_c { display:flex; margin: 20px 0 0; overflow: hidden; }
.SRV2210_ptl_c .con { position:relative; margin: 0 18px 0 0; width: 285px; height: 307px; }
.SRV2210_ptl_c .con1 { position: relative; width: 285px; height: 160px; }
.SRV2210_ptl_c .con1 img { border-radius: 8px; width: 285px; height: 160px; }
.SRV2210_ptl_c .con2,.SRV2210_ptl2_c .con2 { margin: 16px 0 0 0; overflow: hidden; }
.SRV2210_ptl_c .con2 ul,.SRV2210_ptl2_c .con2 ul { overflow: hidden; display: flex; }
.SRV2210_ptl_c .con2 ul li:first-child,.SRV2210_ptl2_c .con2 ul li:first-child { float: left; margin: 0 6px 0 0; display: inline-block; padding-top: 4px; color: #2189ff; font-size: 14px; font-weight: 400; letter-spacing: -0.03em; }
.SRV2210_ptl_c .con2 ul li:last-child,.SRV2210_ptl2_c .con2 ul li:last-child { border-radius: 16px; padding: 0 5px; line-height: 18px; border: 1px solid #cccccc; font-size: 12px; color: #999999; letter-spacing: -0.3px; }
.SRV2210_ptl_c .con3,
.SRV2210_ptl2_c .con3 { 
    margin: 15px 0 0 0; 
    display: block;
    height: 44px; 
    color: #333333; 
    font-size: 16px; 
    font-weight: 700;
    line-height: 24px; 
    letter-spacing: -0.03em; 
    text-overflow: ellipsis; 
    overflow: hidden; 
    word-break: break-word; 
    display: -webkit-box; 
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical; 
    border:0px solid #000000; 
}
.SRV2210_ptl_c .con3 a,
.SRV2210_ptl2_c .con3 a { color: #333;}
.SRV2210_ptl_c .con3 a:hover,
.SRV2210_ptl2_c .con3 a:hover,
.SRV2210_ptl_c .con3:hover,
.SRV2210_ptl2_c .con3:hover { 
    color: #333333; 
    text-decoration: underline; 
}
.SRV2210_ptl_c .con4,.SRV2210_ptl2_c .con4 { margin: 10px 0 0 0; text-indent:20px ; display: block; background: url('../img/SRV2210_ptl_time.svg') no-repeat left center; color: #80848a; font-size: 13px; font-weight: 400; line-height: 19px; letter-spacing: -0.03em; text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.SRV2210_ptl_c .conin,.SRV2210_ptl2_c .conin { display: none; position: absolute; left: 0px; top: 0px; }
.SRV2210_ptl_c .conin:hover,.SRV2210_ptl2_c .conin:hover,.SRV2210_ptl_c .con3:hover,.SRV2210_ptl2_c .con3:hover  { cursor: pointer; }
.SRV2210_ptl_c .conin,.SRV2210_ptl2_c .conin { position: absolute; width: 100%; left: 0; top: 0; overflow: hidden; text-align: center;  }
.SRV2210_ptl_c .conin_b { padding: 40px 25px 0 25px; width: 285px; height: 160px; background: #222222; opacity: 0.9; border-radius: 8px; }
.SRV2210_ptl_c .conin_b a:hover,.SRV2210_ptl2_c .conin_b a:hover { color: #ffffff; background-color: rgba(255, 255, 255, 1);}
.SRV2210_ptl_c .conin_b span.play,.SRV2210_ptl2_c .conin_b span.play { margin: 0 auto; background: url('../img/SRV2210_ptl_play.svg')no-repeat center; border-radius: 100%; width: 58px; height: 58px; background-color: rgba(255, 255, 255, 0.4);}
.SRV2210_ptl_c .conin_b span.play:hover,.SRV2210_ptl2_c .conin_b span.play:hover {  background-color: #ffffff; opacity: 1; }
.SRV2210_ptl_c .conin_b span,.SRV2210_ptl2_c .conin_b span { display: block; padding: 10px 0 10px 0; color: #4d47f1; font-size: 16px; font-weight: 700; text-align: center; letter-spacing: -0.03em;transition:all 0.3s ease; }
.SRV2210_ptl_c .conin_b span.wop1,.SRV2210_ptl2_c .conin_b span.wop1 { margin: 0 auto;color: #cfd2d8; font-size: 12px; }
.SRV2210_ptl_c .conin_b span:hover,.SRV2210_ptl2_c .conin_b span:hover {  color: #ffffff; opacity: 1; }
.SRV2210_ptl_c .conin_p { position: absolute ; left: 30px; bottom: 12px; width: 190px; height: 5px; border-radius: 3px;  background-color: rgba(255, 255, 255, 0.4);}
.SRV2210_ptl_c .conin_p span { background-color: rgba(255, 255, 255, 1); display: block; height: 5px; border-radius: 3px; }
.SRV2210_ptl_c .conin_p em { position: absolute; right: -45px; top:-3px; font-size: 12px;color:rgba(255, 255, 255, 0.5);}
.SRV2210_ptl_c .conin_p b {color: #ffffff; opacity: 1;}
.SRV2210_ptl2_c .con { position:relative; margin: 0 18px 0 0; width: 386px; height: 340px; }
.SRV2210_ptl2_c .con1 { position: relative; width: 385px; height: 210px; }
.SRV2210_ptl2_c .con1 img { border-radius: 8px; width: 386px; height: 210px; }
.SRV2210_ptl2_c .conin_b { padding: 80px 25px 0 25px; width: 386px; height: 210px; background: #222222; opacity: 0.9; border-radius: 8px; }
.SRV2210_ptl_c .conin_b.notxt { padding-top:50px !important;} 
.SRV2210_ptl_noCont { position: relative; margin: 20px auto 0; border-radius: 35px; border: 1px dotted #cccccc; padding: 60px;}
.SRV2210_ptl_noCont p { background: url('../img/SRV2210_ptl_info.png') no-repeat center 30px; padding: 60px;text-align: center; line-height: 20px; color: #7e7e7e;}

/* portlet - 키워드 */
.portlet_cont.bgGray {background-color:#fafafa ;}
.portlet_wrap .portlet_row.pop2 { padding: 50px 0 40px 0; min-width: 1200px !important; margin: 0 auto; }
.SRV2210_keyword { position: relative;  width: 1200px; overflow: hidden; margin: 0 auto; }
.SRV2210_keyword .con1 { display: block; width: 100%; padding-top: 5px; }
.SRV2210_keyword .con1 h3 {margin-bottom: 20px;}
.SRV2210_keyword .con2 { display: block; width: 100%; min-height: 148px; background: url('../img/SRV2210_ptl3_bg.png');background-size: cover; text-align: center; border-radius: 30px;}
.SRV2210_keyword .con2 ul { overflow: hidden; display: inline-block; justify-content: center; max-width: 980px; margin: 25px auto 12px;}
.SRV2210_keyword .con2 ul li:first-child,.SRV2210_keyword .con2 ul li:nth-child(10n) { margin-left: 70px;}
.SRV2210_keyword .con2 li.bg01 { height: 36px; background-color: #ffffff; border-bottom-left-radius: 18px; border-top-right-radius: 18px; box-shadow:0 4px 12px rgba(0, 0, 0, 0.1);}
.SRV2210_keyword .con2 li.bg02 { height: 36px; background-color: #ffffff; border-top-left-radius: 18px; border-bottom-right-radius: 18px; box-shadow:0 4px 12px rgba(0, 0, 0, 0.1);}
.SRV2210_keyword .con2 li { float: left; margin: 0 20px 12px 0; padding: 0 10px; text-align: center; }
.SRV2210_keyword .con2 li a { display: inline-block; height: 36px; line-height: 36px; color: #222222; font-size: 14px; font-weight: 700; letter-spacing: -0.03em;  background-repeat: no-repeat;  transition: all 0.5s ease-in-out; }
.SRV2210_keyword .con2 li a:hover { background-position: 40px 24px; transform:scale(0.9);color: #2189FF; text-decoration: underline; }
.SRV2210_keyword .con2 li a span { margin:0 0 10px 0; color: #80848a; font-size: 14px; font-weight: 400; letter-spacing: -0.01em; }
.SRV2210_keyword .con2 li a:hover span {color: #2189ff;}
.SRV2210_keyword .SRV2210_keyword_img { position: absolute; right: 20px;top:-5px; background: url('../img/SRV2210_keyword_img.png') no-repeat; width: 164px; height: 129px ;}
.portlet_cont.bgGray > .portlet_wrap {margin-top: 0;}
.portlet_row:nth-of-type(3),.portlet_row:nth-of-type(4) {background-color:#fafafa ;}

/* portlet - curation *****/
/** -- s: curation (2024.02.19) -- **/
.SRV2210_curation.container {
    width: 1200px;
    max-width: 1200px;
    background-color: #f7fafc;
}
.bg_skyblue {background-color: #f7fafc; margin-bottom: -40px !important;}
.SRV2210_curation .space_left,
.SRV2210_curation .space_right { 
    position: absolute; 
    width:100px;
    height: 500px;
    background-color: #f7fafc;
    z-index: 9;
}
.SRV2210_curation .space_left {left: 0;}
.SRV2210_curation .space_right {right: 0;}
.SRV2210_curation .title {display: block; width: 100%; height: 50px; margin-top: 0; padding:30px 0 0;margin-top: 20px;}
.SRV2210_curation .title h3 { width: 1200px; margin: 0 auto; font-size: 26px; font-weight: 700; color: #1e1e1e; letter-spacing: -0.65px;}
.SRV2210_curation .title h3 .btn_more {float: right; margin-right: 10px; font-size: 12px; font-weight: 400; color: #1e1e1e; letter-spacing: -0.3px;}
.SRV2210_curation .title h3 .btn_more:hover { font-weight: 700;}
.SRV2210_curation .title h3 .btn_more > i {padding-left: 4px; font-weight: 700;}
.SRV2210_curation .row {
    width: 1400px;
    height: 590px;
    /* display: flex;
    flex-wrap: wrap; */
    --bs-gutter-x:14rem;
    --bs-gutter-y:0;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x)/ -2);
    margin-left: calc(var(--bs-gutter-x)/ -2);
}
.SRV2210_curation .col-12{
    flex: 0 0 auto;
    width: 100%;
}
.SRV2210_curation .slick .slick-list {
	padding: 40px 0 0!important;
	/* padding-top:20px!important;
	padding-bottom:20px!important; */
}
.SRV2210_curation .slick-slider .slick-track {
    display: flex;
    align-items: center;
    height: 450px;
}
.SRV2210_curation .slick .item .img_box a {
    position: relative;
    display: block;
    width: 225px;
	height:127px;
	/* transition:.2s; */
	/* margin:0 -24px; */
    border-radius: 24px;
    border-top-right-radius: 24px;
    border-bottom-left-radius: 0;
	opacity:.8;
	-webkit-transform: scale3d(0.89, 0.89, 1);
    transform: scale3d(0.89, 0.89, 1);
    overflow: hidden;
	transition: all 0.1s linear;
}
/* .SRV2210_curation .slick .item .img_box a > .cover_dark {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
} */
.SRV2210_curation .slick .item .img_box a > img {
    object-fit:cover;
    background-size:cover;
    background-position:center;
    width: 225px;
	height:127px;
}
.SRV2210_curation .slick .item {
    position: relative;
    
}
.SRV2210_curation .slick .item dl {
    padding-left: 10px;
    display: block;
    width: 220px;
}
.SRV2210_curation .slick .item dt a.text_link {
    color: #1E1E1E; 
    line-height: 29px; 
    font-size: 20px; 
    letter-spacing: -0.5px; 
    font-weight: bold; 
    max-height: 58px; 
    min-height: 32px; 
    cursor: pointer;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.SRV2210_curation .slick .item dt a.text_link:hover {
    text-decoration: underline;
}
.SRV2210_curation .slick .item dd .text {
    color: #666; 
    font-size: 12px; 
    line-height: 18px; 
    letter-spacing: -0.3px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 36px;
    }
.SRV2210_curation .slick .item .connect {display: none; }
.SRV2210_curation .slick .slick-center .item .connect { 
    position: absolute; 
    display: block; 
    right: 70px; 
    top: 55px; 
    background: rgba(255, 255, 255, 0.8) url('../img/SRV2210_icon_connect.svg')no-repeat 10px center;
    border-radius: 14px;
    padding: 5px 10px 5px 30px;
    line-height: 18px;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: -0.36px;
    color: #333;
    z-index: 99;
}
.SRV2210_curation .slick .slick-center .item {
    padding: 40px 40px 0;
    background:transparent url('../img/SRV2210_main_currentBg.png')no-repeat top; 
}
.SRV2210_curation .slick .slick-center .item dl { padding-left: 10px; height: 100px; width: 410px; }
.SRV2210_curation .slick .slick-center .img_box { padding: 50px; margin: 0 50px 30px;}
.SRV2210_curation .slick .slick-center .img_box a {
	opacity: 1;
    -webkit-transform: scale3d(1.78, 1.78, 1);
    transform: scale3d(1.78, 1.78, 1);
    border-radius: 16px;
    border-top-right-radius: 16px;
    border-bottom-left-radius: 0;
    box-shadow:0 8px 22px 0 rgba(0, 0, 0, 0.3);
}
.SRV2210_curation .slick-slide {
    outline: none
}

/* slide btn */
.SRV2210_curation .slick-slider .slick-arrow:before {   
    border: 0 !important;
    width: 0;
    height: 0;
    display: none;
}
.SRV2210_curation .slick-slider .slick-arrow{background-color: transparent;}
.SRV2210_curation .slick .nslick-prev,
.SRV2210_curation .slick .nslick-next {
	position:absolute;
	top:38%;
	z-index: 1;
}
.SRV2210_curation .slick .nslick-prev {left: 435px;}
.SRV2210_curation .slick .nslick-prev i.btn_prev{
    display: block;
    width: 38px;
    height: 38px;
    background: url("../img/SRV2210_btn_arrow_left.svg") no-repeat 0 0;
    border: 0;
}
.SRV2210_curation .slick .nslick-next{right: 440px;}
.SRV2210_curation .slick .nslick-next i.btn_next{
    display: block;
    width: 38px;
    height: 38px;
    background: url("../img/SRV2210_btn_arrow_right.svg") no-repeat 0 0;
    border: 0;
}
.SRV2210_curation .slick .nslick-prev i.btn_prev:hover { background: url("../img/SRV2210_btn_arrow_leftH.svg") no-repeat 0 0; }
.SRV2210_curation .slick .nslick-next i.btn_next:hover { background: url("../img/SRV2210_btn_arrow_rightH.svg") no-repeat 0 0; }
.SRV2210_curation .slick .nslick-prev i.btn_prev:disabled { background: url("../img/SRV2210_btn_arrow_leftD.svg") no-repeat 0 0; }
.SRV2210_curation .slick .nslick-next i.btn_next:disabled { background: url("../img/SRV2210_btn_arrow_rightD.svg") no-repeat 0 0; }
/**-- e: curation (2024.02.19) --**/
/***  e : main -------------------------------------------------- ***/

/** model popup / 공통 **/
.c-modal { border-radius: 20px; }
.c-modal__foot .o-button {border-radius: 4px;}
.srv2011_modal {
    z-index:1002;
    display:none;
    padding-top:100px;
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    overflow:auto;
    /* background-color:rgb(0,0,0); */
    background-color:rgba(0,0,0,0.4)
}
.srv2011_modal .modal_content {
    position:relative;
    margin:auto;
    background-color:#fff;
    padding:0;
    outline:0;
    width:560px;
    border-radius: 10px; 
    font-family: "Noto Sans KR", sans-serif;
}
.modal_header { padding: 27px 32px 13px; height: 75px; display: flex; justify-content: space-between;}
.modal_header h2 { font-size: 24px; font-weight: 500; color: #333333; line-height: 24px; }
.modal_container { padding: 0 35px 102px;}
.modal_container:after, 
.modal_container:before{
    content:"";
    display:table;
    clear:both;
}
.modal_container .tab_btn_box button { 
    border: 2px solid #E6E6E6; 
    border-bottom: 2px solid #2189ff; 
    color: #999999; 
    font-size: 14px; 
    width: 50%; 
    line-height: 56px; 
    border-radius: 4px 4px 0 0;
}
.modal_container .tab_btn_box button.btn_tab_sel { border: 2px solid #2189ff; border-bottom: 2px solid #ffffff; }
.modal_container .tab_btn_box button:last-child {margin-left: -4px; width: calc(50% - 2px);}
.modal_content_box { position:relative; padding: 10px 32px 0;}
.display_box { position:relative; padding: 20px 0;}
.display_box h3, 
.modal_content_box h3 {font-size: 20px; font-weight: 500; line-height: 30px; color: #333333; text-align: center; padding-bottom: 5px;}
.display_box p, 
.modal_content_box p {font-size: 16px; text-align: center; line-height: 25px; margin-bottom: 20px;}
.display_box li, 
.modal_content_box li {padding: 7px 0;}
.modal_content_box .SRV2210_pw_change { padding: 24px; }
.modal_content_box .SRV2210_pw_change li {display: flex; flex-wrap:wrap}
.modal_content_box .SRV2210_pw_change li > label { width: 120px; color: #333333; font-weight: bold; line-height: 35px;}
.modal_content_box .SRV2210_pw_change .o-input-type--password { width: calc(100% - 121px) !important;}
.modal_content_box .SRV2210_pw_change li > p {font-size: 12px; color: #999999; line-height: 18px; padding-left: 120px; padding-top: 5px; text-align: left; margin-bottom: 0;}
.modal_content_box .SRV2210_pw_change li > p.c-text--error { color: #ff4141;}
.modal_content_box .bgGray_rds12 .rds_mobile .label { padding-left: 50px ; }
.c-modal--size-3 .loginguide_box {width: 100%; display:flex;}
.c-modal--size-3 .loginguide_box .dxlang_loginguide {width: 48%; display: table-cell; background-color: #F7F7F7; border-radius: 12px;}
.c-modal--size-3 .loginguide_box .dxlang_loginguide:first-child {margin-right: 30px;}
.c-modal--size-3 .loginguide_box .dxlang_loginguide h3 { text-align: left; margin: 20px 30px 0; font-size: 17px; font-weight: 700;}
.c-modal--size-3 .loginguide_box .dxlang_loginguide ul { padding: 10px 30px 20px;}
.c-modal--size-3 .loginguide_box .dxlang_loginguide li { display: inline-block; width: calc(100% - 75px);}
.c-modal--size-3 .loginguide_box .dxlang_loginguide li:nth-child(2n) { width: 70px; padding: 7px 0 0 ;}
.c-modal--size-3 .loginguide_box .dxlang_loginguide li.btns {text-align: right; margin: 7px 0;}
.c-modal--size-3 .loginguide_box .dxlang_loginguide li.btns a { border-radius: 4px; background-color: #666666; color: #ffffff; min-width: 60px; padding: 6px 20px 7px; font-size: 14px;}
.c-modal--size-3 .loginguide_box .dxlang_loginguide li.btns a:hover { background-color: #333333;}
.c-modal--size-3 .modal_content_box p.txt_guide {width: 100%; margin-top: 20px; margin-bottom: 0;}
.modal_foot { display: table; position: absolute; bottom: 35px; left: 0; width: 100%; padding: 0 35px; text-align: center;}
.modal_foot .o-button:nth-child(n+2) {margin-left: 10px;}
.c-modal__title { font-size: 24px; line-height: 24px; height: 75px; color: #333333; padding: 27px 32px 13px; border-bottom: 1px solid #d3dadf; }
.c-modal__wrap {padding: 95px 0 40px;}
.c-modal.c-modal--size-2 {width: 560px;}
.c-modal.srv_noheader .c-modal__wrap { padding-top: 60px;}
.c-modal[role="alert"].c-modal--size-alert-1 {width: 400px; }
.c-modal[role="alert"] .c-modal__body {min-height: 30px;line-height: 25px;}
.marketing-alert .c-modal__content { padding-left: 32px !important; padding-right: 32px !important;} 
.c-modal__content .mypage-mt-20.c-table-wrap:first-child .c-table {border-top: 0px;}
.mypage-mt-20 .c-table {border-radius: 12px; border: 0; background-color: #F7F7F7; padding: 20px;}
.mypage-mt-20 .c-table th {font-weight: 700; color: #333333;}
.c-modal .display_box ul > li > p {margin-bottom: 0; text-align: left;}
.display_box li, 
.modal_content_box li {line-height: 1.2;}
.c-modal__wrap .c-modal__body .c-modal__scroll .agreebox-wrap {padding: 0;}
.c-modal .combobox__button {border-radius: 4px; background-color: #fff; border-color: #cfd2d8;}
.c-modal .combobox__button.is-opened {
    border-color:#2189ff; 
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.agreebox-wrap .bg-box {border-radius: 8px;}
.c-modal .c-modal__wrap .agreementBox dt.title {
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    border-bottom-width: 0;
    margin-top: 20px;
    text-align: center;
}
.c-modal .c-modal__wrap .agreementBox dd.agreementCon { padding: 20px; background-color: #F7F7F7 ; border-radius: 8px;}
.agreebox-wrap #agree-target4 + p + p + .c-table-wrap,
.agreebox-wrap #agree-target5 + p + p + .c-table-wrap { padding-top: 10px;}
.agreebox-wrap #agree-target4 + p + p + .c-table-wrap > .c-table,
.agreebox-wrap #agree-target5 + p + p + .c-table-wrap > .c-table {border-top: 1px solid #ccc !important; margin-top: 10px;}
.agreebox-wrap .list2 > li {font-size: 14px;}
.agreebox-wrap .txt-box.txt-box-table-top {margin-top: 20px;}
.btn_pop_close  { font-size: 35px; margin-top: -8px; color: #000;}
/*공통 - 기타*/
.h3 { font-size: 20px; font-weight: 400; line-height: 30px; color: #333333; }
.txt_center {text-align: center;}
.bgGray_rds12 { background-color: #F7F7F7 ; border-radius: 12px;}
.pd24 {padding: 24px;}
.mgB20 {margin-bottom: 20px;}
.bgGray_rds12 li.pd20 {padding: 7px 20px 20px;}
.txt_primary {color: #2189ff;}
.bgGray_rds12 .o-input--text,  
.bgGray_rds12 .o-input--email,  
.bgGray_rds12 .o-input--number,  
.bgGray_rds12 .o-input--password { 
    background-color: #ffffff;
}
.o-input--text,  
.o-input--email,  
.o-input--number,  
.o-input--password { 
    border-radius: 4px; 
    border:1px solid #CFD2D8; 
    background-color: #ffffff; 
    padding: 0 12px; 
    font-size: 14px;
}
.o-input--radio + label,  
.o-input--checkbox + label {font-size: 14px;}
.o-input--checkbox + label:before { border-radius: 4px;}
.o-input--radio + label:before:hover, 
.o-input--checkbox + label:before:hover { border-color: #2189FF;}
.o-input--checkbox:checked + label:before {background-color: #2189FF; border-color: #2189FF;}
.o-textarea-wrap {border-radius: 4px; border: 1px solid #cfd2d8; background-color: #ffffff;}
.o-textarea-wrap .o-textarea {background-color: #ffffff; padding: 10px 12px; font-size: 14px;}
.input-w--name {font-size: 14px;}
.o-button--inner.is-disabled, 
.o-button--inner[disabled], 
.o-button--inner.o-button--primary.is-disabled, 
.o-button--inner.o-button--primary[disabled],
.o-button--inner.is-disabled:hover, 
.o-button--inner[disabled]:hover, 
.o-button--inner.o-button--primary.is-disabled:hover, 
.o-button--inner.o-button--primary[disabled]:hover,
.o-button--inner.is-disabled:focus, 
.o-button--inner[disabled]:focus, 
.o-button--inner.o-button--primary.is-disabled:focus, 
.o-button--inner.o-button--primary[disabled]:focus  { border-color: #efefef; background-color: #efefef; cursor: default; color: #bcbcbc;}
.o-button--popup { border-radius: 4px; border:1px solid #999999; color:#333; min-width: 138px;}
.o-button--popup:hover {border-color: #333333; background-color: #fff; color: #333;}
.o-button--popup.o-button--primary { background-color: #2189FF; border-color: #2189FF; color: #ffffff; min-width: 138px; border-radius: 4px;}
.o-button--global {border-color: #999999;}
.o-button--global:hover,
.o-button--global:focus { background-color: #ffffff; border-color: #333333; color: #333333;}
.o-button--primary,
.o-button--popup.o-button--primary { background-color: #2189FF; border-color: #2189FF; color: #ffffff; min-width: 138px; border-radius: 4px;}
.o-button--primary:hover,
.o-button--primary:focus,
.o-button--global.o-button--primary:hover, 
.o-button--global.o-button--primary:focus,
.o-button--popup.o-button--primary:hover,
.o-button--popup.o-button--primary:focus  {background-color: #003abc;border-color: #003abc; color: #ffffff;}
.SRV2210 .o-button.o-button--inner {height: 38px; padding: 10px 18px;}
.SRV2210_selectBox { position: relative; display: flex; background-color: #F7F7F7 ; border: 1px solid #F7F7F7; border-radius: 12px; margin-bottom: 12px;}
.SRV2210_selectBox label { margin: 0 32px 0 24px; }
.SRV2210_selectBox .rds_mobile { background: url('../img/SVR2210_ico_mo.svg') no-repeat center left; padding: 20px 0 10px; }
.SRV2210_selectBox .rds_mobile p,.SRV2210_selectBox .rds_email p {margin-bottom: 0px; font-size: 14px; padding-left: 72px;}
.SRV2210_selectBox .rds_mobile p:last-child,.SRV2210_selectBox .rds_email p:last-child {margin-bottom: 10px;}
.SRV2210_selectBox .txt_primary {text-align: left;font-size: 16px; font-weight: bold;}
.SRV2210_selectBox .rds_email { background: url('../img/SVR2210_ico_email.svg') no-repeat center left; padding: 20px 0 10px; }
.SRV2210_selectBox.active { border:1px solid #2189FF;}
.SRV2210 .paging__number {min-width: 25px; height: 25px; line-height: 24px; font-size: 16px;}
.SRV2210 .paging__btn { height: 24px; }
.combobox__status:before { 
    background: url('../img/SRV2210_combo_arrow.svg')no-repeat right 50%; 
    width:16px; 
    height: 16px; 
    border-width: 0; top: 40%;
}
.o-icon__info--time {width: 15px;}
.top-control > button { 
    background: url('../img/SRV2210_ico_topbtn2.svg')no-repeat center; 
    border-radius: 50%; 
    margin-top: -1px;
    margin-left: -1px;
    box-shadow: 3px 3px 24px 0 rgba(170, 170, 170, 0.14);
    border: 1px solid #fff;
} 
/** modal_모바일서비스안내 **/
.c-modal .content_title28 { font-size: 28px; font-weight: 600; letter-spacing: -0.7px; line-height: 41px; text-align: left; margin-bottom: 20px;}
.c-modal .c-text__title--size4 { font-size: 20px; line-height: 28px; font-weight: 700; letter-spacing: -0.5px;color: #333;}
.txt_left {text-align: left !important;}
.display_flex {display: flex; justify-content: center;}
.txt_color_blue { color: #2189ff;}
.pdb36 {padding-bottom: 36px !important;}

/** 학습목록 **/
main .SRV2210 {
    background-color: #fff; 
    border-top: 0;
}
.SRV2210 .content_body { 
    padding-top: 60px; 
    min-height: calc(100vh - 433px);
}
.SRV2210 .content_title {
    font-size: 24px; 
    font-weight: 700; 
    line-height: 39px; 
    margin-bottom: 0;
}
.SRV2210 .content_title.result_tilte {font-size: 28px;}
.SRV2210 .course-list .o-input-type--search.o-input-wrap,
.SRV2210 .search-result .o-input-type--search.o-input-wrap {
    position: absolute;
    right: 0;
    z-index: 101;
    top: 0px;
}
.SRV2210 .course-list .c-bbs-top .c-bbs-top__col .c-bbs-top__counter,
.SRV2210 .totalsearch__part-tit { 
    font-size: 16px; font-weight: 500; 
}
.SRV2210 .c-bbs-top__counter > strong,
.SRV2210 .totalsearch__part-tit > strong,
.SRV2210 .c-bbs-top__counter > strong > strong {
    font-weight: 700 !important;
}
.SRV2210 .combobox__button { background-color: #ffffff; border-radius: 4px; border: 1px solid #cfd2d8; color: #999999; padding: 0 12px;}
.SRV2210 .combobox {height: 38px;}
.SRV2210 .combobox__button.is-opened {border-color: #2189FF; border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: #333333;}
.SRV2210 .combobox__scroll {border-color: #2189FF; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;}
.SRV2210 .combobox__item {color: #333333; padding: 10px 12px;}
/*.SRV2210 .combobox__status:before {background: url(../img/SRV2210_listView_listH.svg) no-repeat center; width: 10px; height: 8px; border-width: 0; display: block;}*/
/*content: '\f107'; font-family: 'FontAwesome';*/
.SRV2210 .list-viewtype .list-viewtype__button.list-viewtype__button--list.is-active {background: url('../img/SRV2210_listView_listH.svg') no-repeat center; width: 37px; height: 38px; }
.SRV2210 .list-viewtype .list-viewtype__button.list-viewtype__button--list {background: url('../img/SRV2210_listView_list.svg') no-repeat center; width: 37px; height: 38px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.SRV2210 .list-viewtype .list-viewtype__button.list-viewtype__button--gallery.is-active {background: url('../img/SRV2210_listView_galleryH.svg') no-repeat center; width: 37px; height: 38px; }
.SRV2210 .list-viewtype .list-viewtype__button.list-viewtype__button--gallery {background: url('../img/SRV2210_listView_gallery.svg') no-repeat center; width: 37px; height: 38px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.SRV2210 .c-thumb-list__content {margin: 0; border-top: 0;}
.SRV2210 .c-thumb-list__wrap .c-thumb-list__item { width: 300px; padding: 0; border: 1px solid #eaeaea; border-radius: 8px; box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.06); display: inline-block; margin-right: 25px;}
.SRV2210 .content-wide .c-thumb-list__wrap .c-thumb-list__item  {width: 281px !important;}
.SRV2210 .search-result .totalsearch__item {margin-top: 0 !important; }
.SRV2210 .search-result .totalsearch__part-tit { float: left; width: 70%; line-height: 38px; padding-bottom: 0;}
.SRV2210 .search-result .totalsearch__item .list-viewtype {display: flex; width: 75px;}
.SRV2210 .c-thumb-list__wrap .c-thumb-list__item:last-child,
.SRV2210 .content-wide .c-thumb-list__wrap .c-thumb-list__item:nth-of-type(4n){ margin-right: 0 !important;}
.SRV2210 .c-thumb-list__wrap:not(.slick-slider), .SRV2210 .c-thumb-list .slick-track { padding: 0 0 20px; border-bottom: 0;}
.SRV2210 .c-thumb-list__thumb {width: 100%; height: 170px; border-top-left-radius: 8px; border-top-right-radius: 8px;}
.SRV2210 .course-list .c-thumb-list .c-thumb-list__cont {padding: 20px 16px 15px;}
.SRV2210 .c-list-info__item--strong { font-size: 14px; color: #2189FF;}
.SRV2210 .o-label__round--chip {padding: 4px 8px; min-width: 48px; color: #999999;}
.SRV2210 .c-list-info--chip .c-list-info__item--tag {margin-left: 8px;}
.SRV2210 .c-thumb-list__title {font-size: 16px; font-weight: 700; color: #333333; letter-spacing: -0.4px;}
.SRV2210 .c-basic-list > ul {border-top: 0;}
.SRV2210 .c-basic-list__item { border: 1px solid #eaeaea; box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.06); border-radius: 8px; padding: 20px; margin-bottom: 20px;}
.SRV2210 .c-basic-list .has-thumbnail .c-basic-list__contents-wrap { padding: 0; }
.SRV2210 .c-basic-list__image {width: 300px; height: 170px; border-radius: 8px;}
.SRV2210 .c-basic-list__right--button { width: 128px; }
.SRV2210 .c-basic-list__right--button .c-basic-list__button > .o-button.o-button--primary { min-width: 128px; border-radius: 4px; height: 48px; background-color: #2189FF !important; border-color: #2189FF;}
.SRV2210 .c-basic-list__right--button .c-basic-list__button > .o-button.o-button--primary:hover { background-color: #003abc !important;border-color: #003abc;}
.SRV2210 .c-basic-list__title {font-size: 16px; color: #333333; font-weight: 700;}
.SRV2210 .c-basic-list__contents--right {padding-left: 50px; float: right;}
.SRV2210 .c-list-more__text {font-weight: 500; color: #333333;}
.SRV2210 .c-list-more__count {font-weight: 500; color: #2189ff;}
.SRV2210 .c-list-more__arrow:before {width: 2px; height: 10px;}
.SRV2210 .c-list-more__arrow:after {height: 2px; width: 10px;}
.SRV2210 .c-thumb-list__thumb .image, 
.SRV2210 .c-basic-list__image .image {  
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.SRV2210 .c-thumb-list__thumb .overlay, 
.SRV2210 .c-basic-list__image .overlay, 
.SRV2210 .course-image {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: #000000;
}
.SRV2210 .c-thumb-list__thumb:hover .overlay,
.SRV2210 .c-basic-list__image:hover .overlay {
    opacity: 0.8; 
    cursor: pointer;
}
.SRV2210 .c-thumb-list__thumb .play, 
.SRV2210 .c-basic-list__image .play {
    width: 50px;
    height: 50px;
    display: block;
    background: url('../img/SRV2210_ptl_play.svg')no-repeat 17px center;
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}
.SRV2210 .c-thumb-list__thumb .play:hover,
.SRV2210 .c-basic-list__image .play:hover { 
    background-color: rgba(255, 255, 255, 1);
}
.SRV2210 main .container_wrap .content_body .cont_wrap.content-wide {
    width: 100%;
}
.SRV2210 .totalsearch__item:nth-child(n+2) {
    margin-top: 60px;
}
.SRV2210 .totalsearch .totalsearch__area {margin-top: 16px;}
.SRV2210 .totalsearch .totalsearch__area .c-basic-list { border-top: 1px solid #333333;}
.SRV2210 .totalsearch .totalsearch__area .c-basic-list__item {border-radius: 0; padding: 20px 0; margin-bottom: 0; box-shadow: none; border-width: 0 0 1px 0; border-color: #cfd2d8; }
.SRV2210 .totalsearch .totalsearch__area .c-thumb-list__item {width: 285px; margin-right: 20px; border-radius: 0; border-width: 0; box-shadow: none;}
.SRV2210 .totalsearch .totalsearch__area .c-thumb-list__item:nth-child(4n) {margin-right: 0;}
.SRV2210 .totalsearch .totalsearch__area .c-thumb-list__thumb {height: 160px; border-radius: 8px;}
.SRV2210 .c-thumb-list .c-thumb-list__cont {min-height: 150px; }
.SRV2210 .totalsearch .c-thumb-list__title mark {color: #2189FF;}
.SRV2210 .detail_title { font-size: 28px; padding-bottom: 15px;}
.SRV2210 .course-detail {padding-top: 20px; border-top-width: 0; }
.SRV2210 .course-detail .detail-top__title {font-weight: 700;}
.SRV2210 .course-detail .course-index .index__th {font-weight: 500;}
.SRV2210 .course-detail .course-index .index__title {color: #666;}
.SRV2210 .course-detail .course-index__list::before { content: '└'; position: absolute;left: 15px; top: 22px; color: #999;}
.SRV2210 .course-detail .course-index__list {padding: 4px 20px 4px 28px; background-color: #f7f7f7;}
.SRV2210 .course-detail .course-index .index__item:before {display: none;}
.SRV2210 .course-detail .course-index .index__item {padding: 20px 0 20px 10px;}
.SRV2210 .course-detail .detail-top__thumb > img { width: 100%; object-fit: cover;}
.SRV2210 .detail-top__cont .detail-top__info {display: block; position: relative;}
.SRV2210 .detail-top__cont .c-basic-list__contents--right { position: absolute; bottom: 0; right: 0;}
.SRV2210 .detail-top__thumb {border-radius: 8px;}
.SRV2210 .detail-top__course-info { padding-left: 400px;}
.SRV2210 .detail-cont__box .detail_sum_row { border: 1px solid #e6e6e6; border-radius: 12px; width: 100%; padding: 24px 32px; display: inline-flex; font-size: 16px; color: #333333; background-color: #fcfcfc;}
.SRV2210 .detail-cont__box .detail_sum_row dt { font-weight: 700; line-height: 24px; width: 90px; float: left;}
.SRV2210 .detail-cont__box .detail_sum_row dd { width: calc(50% - 92px); line-height: 24px; font-size: 16px; float: left; }
.SRV2210 .detail-cont__title, .detail-cont__title--sm {margin-bottom: 15px;}
.SRV2210 .detail-cont__box {padding-top: 60px;}
.SRV2210 .detail-cont__title,.detail-cont__title--sm {font-size: 20px; line-height: 29px; letter-spacing: -0.5px; color: #1e1e1e; font-weight: bold;}
.SRV2210 .detail-intro__text,.SRV2210 .c-bullet--list.c-bullet--l > li {font-size: 14px; line-height: 20px; letter-spacing: -0.35px; color: #666666;}
.SRV2210 .detail-intro__text_bold { font-weight: 500; color: #333333; line-height: 20px; margin-bottom: 5px;}
.SRV2210 .detail-index .detail-index__item .detail-index__panel .course-index{
    border-radius: 12px;
    background-color: #f7f7f7;
    padding: 15px 10px;
}
.SRV2210 .detail-index__list--accordion .course-index .scroll-wrapper > .scroll-content {
    border-radius: 12px;
}
.SRV2210 .detail-profile__dl .detail-profile__dt, .SRV2210 .detail-prfile__dl .detail-profile__dt{ font-size: 15px; }
.SRV2210 .detail-profile__dd, .SRV2210 .detail-prfile__dl .detail-profile__dd {font-size: 14px; line-height: 20px; letter-spacing: -0.35px; color: #666666;}
.SRV2210 .detail-profile__dd::before {content: '·'; font-weight: 700; font-size: 23px; padding-right: 7px; line-height: 0.8;}
.SRV2210 .detail-top.type01 { padding-top: 30px; border-top: 1px solid #333333;}
.SRV2210 .o-button {height: 48px; min-width: 140px; border-radius: 4px;}
.SRV2210 .detail-top__cont .detail-top__function {position: absolute; bottom: 0; right: 0;}
.SRV2210 .detail-index__list {border-color: #999999;}
.SRV2210 .detail-profile .detail-intro__col:nth-child(2) .detail-profile__career .detail-profile__name { font-size: 16px; font-weight: 500; color: #333333; line-height: 20px; margin-bottom: 5px;}
.SRV2210 .detail-cont__box .detail-index__module {font-size: 16px; font-weight: 700;}
/** (2024.02.07) 검색결과 nodata일때 수정 **/
.SRV2210 .search-result .totalsearch > .totalsearch--left {width: 100%;}

/** filter **/
.SRV2210_loading.loading-dimmd::before {background-color: transparent; opacity: 0.1 !important;}
.SRV2210 .totalsearch { margin-top: 14px; }
.SRV2210 .search-filter {margin:0 0 30px 0;}
.SRV2210 .filter__cont { position: relative; background-color: #fcfcfc; border-radius: 10px; border: 1px solid #e6e6e6; padding:16px 32px;}
.SRV2210 .filter__cont ul {border: 0 !important;}
.SRV2210 .filter__cont h4 { width: 100%; display: inline-flex; align-items: center; font-size: 16px; font-weight: bold; color: #1e1e1e; text-indent: 5px; line-height: 32px; }
.SRV2210 .filter__cont h4::before { content:"" ;display: inline-block; width:32px; height: 32px; background: #f3f9ff url('../img/SRV2210_icon_filter.svg') no-repeat center; border-radius: 50%; }
.SRV2210 .filter__cont button.btn_refresh {position: absolute; right: 32px; top:15px; padding: 4px 10px 8px; background-color: #fff; border-radius: 18px; border: 1px solid #efefef;}
.SRV2210 .filter__cont button.btn_refresh > i.icon_refresh {display: inline-block; background: url('../img/SRV2210_icon_refresh.svg') no-repeat center 4px;  width: 15px; height: 18px;}
.SRV2210 .filter__cont button.btn_refresh:hover {border-color: #333;}
.SRV2210 .search-filter > details > summary::marker {font-size: 0;}
.SRV2210 .search-filter .filter-list__dd#yearCompDiv > button[name='yearComp'] {margin-right: 4px;  }
.SRV2210 .filter__cont h4::after {
    content: '';
    background: url('../img/SRV2210_combo_arrow.svg') no-repeat center;
    background-size: 16px;
    color: transparent;
    transform: rotate3d(0, 0, 1, 0deg);
    transition: transform 0.25s;
    width: 32px;
    height: 32px;
    display: block;
}
.filter__cont[open] > summary > h4::after {
    transform: rotate3d(0, 0, 1, 180deg);
}
.filter__cont[open] > summary > h4::before {
    background: #2189ff url('../img/SRV2210_icon_filterOpen.svg') no-repeat center;
}
.filter__cont[open] > summary > h4 {
    border-bottom: 1px solid #efefef;
    padding-bottom: 12px;
    color: #2189FF;
}
.filter__cont[open] > summary ~ * {
    animation: reveal 0.5s;
}
@keyframes reveal {
    from {
        opacity: 0;
        transform: translate3d(0, -10px, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}
.SRV2210 .search-filter .filter-list__row { border-bottom: 0; display: inline-flex;}
.SRV2210 .search-filter .filter-list__dt {padding: 8px 8px 8px 0 ; font-size: 14px; font-weight: 500; color: #333333; min-width: 100px; width: auto; line-height: 2;}
.SRV2210 .filter-list .filter-list__dd { padding: 8px 0 0;}
.SRV2210 .search-filter .filter-list li:first-child .filter-list__dt { padding: 20px 8px 8px 0;}
.SRV2210 .filter-list li:first-child .filter-list__dd {padding: 20px 0 0;}
.SRV2210 .search-filter .filter-list__option { background-color: #ffffff; border: 1px solid #cfd2d8; color: #999999; font-size: 12px; line-height: 12px; padding: 7px 10px; border-radius: 15px;}
.SRV2210 .search-filter .filter-list__option.is-active { background-color: rgba(33, 137, 255, 0.05); color: #2189ff; border: 1px solid #2189ff; }
.SRV2210 .search-filter .filter-list__option.is-active::before { display: inline-block;background: url('../img/SRV2210_filter_check.svg')no-repeat center; content:" ";  width: 14px; height: 10px;}

/** membership **/
.intro .membership_container_wrap #container {
    position: relative;
    display: flex;
    align-items: center;
    height: 100vh;
    width: 100%;
}
.intro .membership_container_wrap #container .intro_wrap {
    position: relative;
    left: 0;
    top: -40px;
    width: 1160px;
    margin: 0 auto;
}
.intro_wrap .intro_area .intro_box {top: 10px !important;}
.intro_wrap .intro_area .intro_box strong { font-size: 40px; font-weight: 700; color: #333; }
.intro_wrap .intro_area .intro_box p {font-size: 18px; line-height: 32px; color: #333; font-weight: 200;}
.intro_wrap .intro_area .intro_box p.op1 { padding: 17px 0 0 0 ; }
.intro_wrap .intro_area .intro_box .op1 + .op1 {padding: 0 !important; line-height: 1;}
.intro_wrap .intro_area .intro_box .intro_box_noti {
    padding-top: 20px;
    color: #666;
}
.intro_wrap .intro_area .intro_box .intro_box_noti h4 {font-size: 20px; font-weight: 700; color: #3b3b3b; padding-bottom: 15px;}
.intro_wrap .intro_area .intro_box .intro_box_noti li{ font-size: 14px; line-height: 20px;}
.intro_wrap .intro_area .intro_box .intro_box_noti li > span {color: #000; font-weight: 400;}
.intro_wrap .help_desk {bottom: -20px;}
.intro_wrap .help_desk dt { font-size: 16px; color: #666; font-weight: 200; }
.intro_wrap .help_desk .help_contact span { font-size: 20px; font-weight: 700; color: #3b3b3b; letter-spacing: -0.3px;}
.intro_wrap .help_desk .help_time span { line-height: 20px; font-size: 12px; color: #666;}
.intro_wrap .help_desk .help_contact { margin: 20px 0 10px;}
.intro_wrap .help_desk dl { bottom:0;}
.intro_wrap .login_area .login_box { box-shadow:5px 12px 18px rgba(0,0,0,0.4); border-radius: 20px; height: 560px;}
.intro_wrap .login_area .login_box strong.no-company { margin-top: 30px; }
.intro_wrap .login_area .login_box .input_box input[type=text], .intro_wrap .login_area .login_box .input_box input[type=password] { font-size: 14px; border-radius: 0; }
.intro_wrap .login_area .login_box .input_box > button { height: 48px; background-color: #2189ff; border-color: #2189ff; font-size: 16px; line-height: 48px; border-radius: 4px;}
.intro_wrap .login_area .login_box .input_box > button:hover,.intro_wrap .login_area .login_box .input_box > button:focus {background-color: #1428A0; border-color: #1428A0;}
.intro_wrap .login_area .login_box .input_box .o-input-wrap--selection { font-size: 14px; color: #1e1e1e; display: flex; justify-content: space-between; }
.intro_wrap .login_area .login_box .input_box .o-input-wrap--selection a {color: #999999; text-align: right; line-height: 20px;}
.intro_wrap .login_area .login_box .input_box .login_service {position: absolute; right: 50px; margin-top: -16px !important; }
.intro_wrap .login_area .login_box .login_info { margin-top: 97px; display: flex; justify-content: center; color: #cccccc; font-size: 12px; }
.intro_wrap .login_area .login_box .login_info a { color: #999999; font-size: 12px; padding:0 10px;}
.intro_wrap .login_area .login_box .login_info #btnPrivacy {text-decoration: underline; font-weight: 700;} /*TOTALSR-106462 */
.intro_wrap .login_area .login_box .login_info span:first-child::after { content:'I'; }
.intro_wrap .footer_membership .copy_right {font-size: 12px; color: #666; float: right; padding-right: 73px;}
.intro_wrap .footer_membership {bottom: -20px;}

/** Mypage **/
.SRV2210 .mypage-wrap { background-color: #fcfcfc; border: 1px solid #e6e6e6; border-radius: 12px; margin-top: 18px;}
.SRV2210 .mypage-wrap .mypage_info-title {font-size: 16px; line-height: 24px; letter-spacing: -0.4px; color: #333333; margin: 32px 32px 20px;}
.SRV2210 .mypage-wrap .mypage_info-title strong {font-weight: 700; color: #1e1e1e;}
.SRV2210 .mypage-profile--wrap .c-table-wrap { float: left; padding: 0 34px 0; width: 100%;  }
.SRV2210 .mypage-profile--wrap .c-table-wrap .c-table { padding: 20px 0 32px;}
.SRV2210 .mypage-profile--wrap .c-table th, .SRV2210 .mypage-profile--wrap .c-table td { border-bottom: 0 !important; height: 22px; padding: 14px 0;}
.SRV2210 .mypage-profile--wrap .c-table th {font-size: 14px; font-weight: 700; color: #333333; line-height: 20px;}
.SRV2210 .mypage-profile--wrap .c-table td {font-size: 14px; color: #1e1e1e; line-height: 20px;}
.SRV2210 .mypage-profile--wrap .c-table tr > td:nth-of-type(1) {border-right: 1px solid #e6e6e6; } 
.SRV2210 .mypage-profile--wrap .c-table tr:first-child > th,.SRV2210 .mypage-profile--wrap .c-table tr:first-child > td {padding: 0 0 14px;}
.SRV2210 .mypage-profile--wrap .c-table tr:last-child > th,.SRV2210 .mypage-profile--wrap .c-table tr:last-child > td {padding: 14px 0 0;}
.SRV2210 .mypage-profile--wrap .c-table tr > th:nth-of-type(2) {padding-left: 32px; } 
.SRV2210 .mypage-profile--wrap .c-table-wrap .o-button--inner-table { min-width: 112px; height: 38px; border-color: #999; font-weight: 400; color: #1E1E1E;}
.SRV2210 .mypage-profile--wrap .c-table-wrap .o-button--inner-table:hover,
.SRV2210 .mypage-profile--wrap .c-table-wrap .o-button--inner-table:focus { background-color: #fff; border-color: #333; color: #1E1E1E;}
.SRV2210 .my-history {border-top: 1px solid #333333; padding-top: 40px; margin-top: 16px;}
.SRV2210 .c-tab__header .c-tab__list .c-tab__item button{ font-size: 14px;  line-height: 20px; letter-spacing: -0.35px; height: 56px;}
.SRV2210 .c-tab__header .c-tab__list .c-tab__item {font-weight: 500; color: #999999; border-color: #e6e6e6 #e6e6e6 #2189ff; border-width: 1px 1px 2px; border-top-left-radius: 4px; border-top-right-radius: 4px; background-color: #fcfcfc}
.SRV2210 .c-tab__header .c-tab__list .c-tab__item.is-active { border-color: #2189ff #2189ff #ffffff; border-width: 2px; background-color: #ffffff;}
.SRV2210 .c-tab__header .c-tab__list .c-tab__item.is-active .is-active span {color: #2189FF; font-weight: 700;}
.SRV2210 .c-tab__panel .search-filter {border-top: 0; margin: 0 0 30px;}
.SRV2210 .c-tab__panel .search-filter .filter__cont {margin-top: 30px;}
.SRV2210 .c-tab__panel .tab_area1, .SRV2210 .c-tab__panel .tab_area2, .SRV2210 .c-tab__panel .tab_area3, .tab_area4 {margin-top: 30px;}
.SRV2210 .c-tab__panel .filter__cont {padding: 4px 32px 15px;}
.SRV2210 .my-history .c-basic-list > ul,.SRV2210 .inquiry-wrap .c-basic-list > ul { border-top:1px solid #333333; font-family: 'Roboto-Regular';}
.SRV2210 .my-history .c-basic-list .c-basic-list__item,.SRV2210 .inquiry-wrap .c-basic-list .c-basic-list__item {border-radius: 0; box-shadow: none; border-width: 0 0 1px; padding: 0; margin-bottom: 0;}
.SRV2210 .my-history .c-basic-list .c-list-info__item--dl {display: flex; align-items: center;}
.SRV2210 .my-history .c-basic-list .c-list-info__item--dl dd {color: #333333;}
.SRV2210 .my-history .c-basic-list .c-list-info__item--dl dt {color: #666666;}
.SRV2210 .my-history .c-basic-list .c-list-info__item--dl dt:nth-of-type(2) {border-left: 1px solid #cccccc; padding-left: 20px; margin-left: 20px;}
.SRV2210 .my-history .c-basic-list .c-list-info__item--dl dt, .SRV2210 .my-history .c-basic-list .c-list-info__item--dl dd {font-size: 12px; line-height: 1;}
.SRV2210 .my-history .c-basic-list .c-list-info__item--dl .txt_rate {font-weight: 700;font-family: 'Roboto'; color: #2189FF;} 
.SRV2210 .my-history .c-basic-list .progress {background-color: #eaeaea; border: 0; border-radius: 3px; height: 5px;}
.SRV2210 .my-history .c-basic-list .progress-bar {background-color: #2189FF; border-radius: 3px;}
.SRV2210 .my-history .c-basic-list .c-list-info__item--dl dd:nth-of-type(2) {width: 240px;} 
.SRV2210 .my-history .totalsearch__no-list { min-height: 170px; border-top:1px solid #333333; font-size: 16px;}
.o-input--text, .o-input--password, .o-input--tel, .o-input--email, .o-input--date, .o-input--number {height: 38px;}
.SRV2210 .my-history .c-basic-list .c-basic-list__item.noData,
.SRV2210 .faq-wrap .c-accordion-list__item.noData,
.SRV2210 .c-basic-list .noData { min-height: 170px; border-top:1px solid #333333; font-size: 16px; display: flex; justify-content: center;align-items: center;}
.SRV2210 .info_font_12 {font-size: 12px; color: #999; position: absolute; top: 15px; right: 0;}

/** notice **/
.SRV2210 .board_wrap {margin-top: 15px; border-color: #333333;}
.SRV2210 .board_wrap .c-table th, .SRV2210 .board_wrap .c-table__th { font-size: 14px; font-weight: 700; line-height: 20px; padding: 15px 20px;}
.SRV2210 .board_wrap .c-table--col th, 
.SRV2210 .board_wrap .c-table--col td, 
.SRV2210 .board_wrap .c-table--col .c-table__col, 
.SRV2210 .board_wrap .c-table--module th, 
.SRV2210 .board_wrap .c-table--module td, 
.SRV2210 .board_wrap .c-table--module .c-table__col { line-height: 20px; font-size: 14px; height: 52px; color: #333333;}
.SRV2210 .board_wrap .c-table .dotline__text {text-decoration: none; color: #333333;}
.SRV2210 .board_wrap .c-table .dotline__text:hover { color: #333333; text-decoration: underline;}
.SRV2210 .board_wrap .c-table tbody > tr:hover { background-color: rgba(33, 137, 255, 0.05);}
.SRV2210 .c-bbs-view .c-bbs-view__header { border-top: 2px solid #333; padding: 30px 0;}
.SRV2210 .board_wrap .c-bbs-view .o-button-wrap--center a,.SRV2210 .inquiry-wrap .o-button-wrap--center .o-button { height: 48px; min-width: 138px; }
.SRV2210 .c-bbs-view .c-bbs-view__title {font-size: 16px; font-weight: 700; line-height: 24px; letter-spacing: -0.4px; color: #333333;}
.SRV2210 .c-bbs-view .c-list-info__item {font-size: 12px; line-height: 1;}
.SRV2210 .c-bbs-view .c-bbs-view__body {font-size: 14px; font-weight: normal;}
.SRV2210 .board_wrap .c-bbs-top__counter {font-weight: 500;}

/** FAQ **/
.SRV2210 .faq-wrap {margin-top: 16px; border-top: 2px solid #333333; padding-top: 40px;}
.SRV2210 .faq-wrap .c-tab__anchor {min-width: 150px; }
.SRV2210 .faq-wrap .c-tab.is-initial .c-tab__header--default:not(.is-carousel) .c-tab__item { border-width: 1px 1px 2px; margin-right: 1px;}
.SRV2210 .faq-wrap .c-tab.is-initial .c-tab__header--default:not(.is-carousel) .c-tab__item.is-active { border-width: 2px; }
.SRV2210 .faq-wrap .c-bbs-top {margin-top: 30px;}
.SRV2210 .faq-wrap .c-accordion-list__anchor:before, .SRV2210 .faq-wrap .c-accordion-list__panel:before {font-size: 14px; font-weight: bold;}
.SRV2210 .faq-wrap .c-accordion-list__anchor {color: #333333; font-size: 14px; letter-spacing: -0.35px;line-height: 20px; font-weight: normal; padding: 16px 0 15px 60px;}
.SRV2210 .faq-wrap .c-accordion-list__panel {
    font-size: 14px; 
    line-height: 1.43; 
    color: #666666; 
    background-color: #f7f7f7; 
    padding: 16px 16px 17px 80px;
    border-top-width: 0; 
    border-radius: 12px;
    margin-bottom: 10px;
}
.SRV2210 .faq-wrap .c-accordion-list__panel:before {
    content: "└  A"; 
    line-height: 1.43; 
    letter-spacing: 8px; 
}
.SRV2210 .faq-wrap .c-accordion-list__anchor.is-active { font-weight: 500;}
.SRV2210 .paging__number {border-radius: 2px;}
.SRV2210 .paging__number--current, .SRV2210 .paging__number--current:hover {background-color: #2189FF; border-color: #2189FF;}
.SRV2210 .paging__number:hover {border-color: #2189FF;}
.SRV2210 .faq-wrap .totalsearch__no-list { padding: 50px; text-align: center; font-size: 14px; border-bottom: 1px solid #eaeaea;}

/** inquiry(문의하기) **/
.SRV2210 .inquiry-wrap.content-tit-border {border-color: #333333; margin-top: 14px; padding-top: 40px;}
.SRV2210 .inquiry-wrap .o-button-wrap.o-button-wrap--top-right {position: absolute; right: 0; top: -55px;}
.SRV2210 .inquiry-wrap .o-button-wrap.o-button-wrap--top-right .o-button {min-width: 86px; border-color: #999999; font-size: 14px; height: 38px; padding: 12px 0;}
.SRV2210 .inquiry-wrap .c-basic-list__item.noDate { min-height: 170px; border-top:1px solid #333333; font-size: 16px; display: flex; justify-content: center;align-items: center;}
.SRV2210 .inquiry-wrap .c-basic-list__title-inner {font-size: 16px;}
.SRV2210 .inquiry-wrap .c-list-info__item,.SRV2210 .inquiry-wrap .c-list-info__item--strong {font-size: 12px;}
.SRV2210 .inquiry-wrap .c-list-info--chip {margin-bottom: 4px;}
.SRV2210 .inquiry-wrap .c-list-info__group:last-child {margin: 5px 0 0; color: #999999;}
.SRV2210 .inquiry-wrap .c-basic-list__status.c-basic-list__status--blue,
.SRV2210 .inquiry-wrap .c-basic-list__status.c-basic-list__status--red {background-color: #f7f7f7; border-radius: 11px; padding: 2px 8px; font-size: 12px; line-height: 18px; font-weight: normal;margin-right: 20px;}
.SRV2210 .inquiry-wrap .c-basic-list__status.c-basic-list__status--blue {color: #2189FF;}
.SRV2210 .inquiry-wrap .c-basic-list__status.c-basic-list__status--red {color:#ff664a}
.SRV2210 .inquiry-wrap .c-basic-list__right--status {width: auto;}
.SRV2210 .inquiry-wrap.question_list {margin-top: 14px; }
.SRV2210 .c-bbs-view .c-bbs-view__body .c-bbs-view__contents {padding: 20px 0 50px; min-height: 150px;}
.SRV2210 .c-bbs-view .c-bbs-view__file { border-radius: 8px; padding: 16px; background: #f7f7f7;}
.SRV2210 .c-bbs-view .c-bbs-view__file .c-file__item {font-size: 12px;}
.SRV2210 .c-bbs-view__file .o-icon__extension--doc {background: url('../img/SRV2210_icFile_doc.svg')no-repeat center center; }
.SRV2210 .c-bbs-view__file .o-icon__extension--ppt { background: url('../img/SRV2210_icFile_ppt.svg')no-repeat center center; }
.SRV2210 .c-bbs-view__file .o-icon__extension--xls { background: url('../img/SRV2210_icFile_xls.svg')no-repeat center center; }
.SRV2210 .c-bbs-view__file .o-icon__extension--pdf { background: url('../img/SRV2210_icFile_pdf.svg')no-repeat center center; }
.SRV2210 .c-bbs-view__file .o-icon__extension--hwp { background: url('../img/SRV2210_icFile_hwp.svg')no-repeat center center; }
.SRV2210 .c-bbs-view__file .o-icon__extension--txt { background: url('../img/SRV2210_icFile_etc.svg')no-repeat center center;}
.SRV2210 .c-bbs-view__file .o-icon__extension--zip { background: url('../img/SRV2210_icFile_zip.svg')no-repeat center center; }
.SRV2210 .c-bbs-view__file .o-icon__extension--html { background: url('../img/SRV2210_icFile_etc.svg')no-repeat center center;}
.SRV2210 .c-bbs-view__file .o-icon__extension--img { background: url('../img/SRV2210_icFile_img.svg')no-repeat center center; opacity: .6;}
.SRV2210 .c-bbs-view__file .o-icon__extension--movie { background: url('../img/SRV2210_icFile_movie.svg')no-repeat center center; }
.SRV2210 .c-bbs-view__file .o-icon__extension--etc { background: url('../img/SRV2210_icFile_etc.svg')no-repeat center center; }
.SRV2210 .c-bbs-view__file .c-file__item i {width: 16px; height: 16px;}
.SRV2210 .c-bbs-view__file .c-file__item > a, .SRV2210 .c-bbs-view__file .c-file__item > div {
    display: flex; 
    align-items: flex-start;
    flex-direction: row; 
    line-height: 16px;}
.SRV2210 .c-file__item + .c-file__item {margin-top: 10px;}
.SRV2210 .inquiry-wrap .answer .c-bbs-view__header {border-top-width: 1px;}
.SRV2210 .inquiry-wrap .c-bbs-write .c-table {border-top-width: 0;}
.SRV2210 .inquiry-wrap .c-bbs-write {margin-top: -30px;}
.SRV2210 .inquiry-wrap .c-bbs-write .input-w--sort {width: 100%;}
.SRV2210 .inquiry-wrap .c-table th, .c-table__th {font-size: 14px; color: #333333;}
.SRV2210 span.required {width: 4px; height: 4px;}
.SRV2210 .inquiry-wrap .c-table--row th, .SRV2210 .inquiry-wrap .c-table--row td, .SRV2210 .inquiry-wrap .c-table--row .c-table__col {padding: 12px 24px;}
.SRV2210 .combobox__status {font-size: 14px;}
.SRV2210 .combobox > select.is-ready + .combobox__button .combobox__status {color: #333333}
.SRV2210 .inquiry-wrap .c-file .c-file-info,.SRV2210 .inquiry-wrap .c-file .c-file-info__cnt,.SRV2210 .inquiry-wrap .c-file .c-file-info__size { font-size: 12px; color: #666;}
.SRV2210 .inquiry-wrap .scroll-textarea > .scroll-content > textarea {min-height: 100px; font-size: 14px;}
.SRV2210 .c-file__dropzone {border-radius: 12px; padding: 20px;}
.SRV2210 .c-file .dropzone {min-height: 102px; background: transparent;padding: 0; border: 0; }
.SRV2210 .c-file .dropzone .dz-message {margin: 0;background: url('../img/SRV2210_ico_upload.svg') no-repeat 50% 18px; padding: 50px 0 28px;}
.SRV2210 .c-table th, 
.SRV2210 .c-table td, 
.SRV2210 .c-table__col {border-bottom: 1px solid #eaeaea;}
.c-table > thead > tr:last-child > td, 
.c-table > thead > tr:last-child > th, 
.c-table > thead > tr:last-child > .c-table__col, 
.c-table > tbody > tr:last-child > td, 
.c-table > tbody > tr:last-child > th, 
.c-table > tbody > tr:last-child > .c-table__col, 
.c-table__row:last-child > td, 
.c-table__row:last-child > th, 
.c-table__row:last-child > .c-table__col {border-bottom: 1px solid #eaeaea !important;}
.SRV2210 .inquiry-wrap .combobox-wrap {width: 100%;}
.SRV2210 select.combobox { 
    background-color: #4d47f1; 
    color: #fff;
}
.SRV2210 select::-ms-expand.combobox {display: none;}
.SRV2210 select.combobox option { border-radius: 0;}
.SRV2210 .selectBox-wrap {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 38px;
    padding: 0;
    border: 1px solid #CFD2D8; 
    border-radius: 4px; 
}
.SRV2210 select.selCombobox { 
    position: relative;
    font-size: 14px; 
    width: inherit;
    height: inherit;
    background: transparent;
    border: 0 none;
    outline: 0 none;
    padding: 0 20px 0 12px;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
    background: url('../img/SRV2210_combo_arrow.svg') no-repeat 97% 50%/15px auto;
    box-sizing: border-box;
}
.selectBox-wrap::after {
    position:absolute;
    right: 12px;
    content: '';
    top: 50%;
    transform: translate(0,-50%);
    background: url('../img/SRV2210_combo_arrow.svg')no-repeat right 50%;
    width: 16px;
    height: 16px;
    top: 40%;
}
.SRV2210 .c-bbs-view__contents img,
.SRV2210 .c-bbs-view .c-bbs-view__contents img {
    max-width: 100%; 
    display: block;
}
/* .is-opened .selCombobox:before {
    transform: rotate(-180deg);
} */
.SRV2210 select.selCombobox option { border-radius: 0; background-color: #fff; border: 0;}

/** curation **/
.SRV2210 .curation-list {border-top: 2px solid #333333; border-radius: 1px; margin-top: 14px; padding-top: 30px;}
.SRV2210 .curation-list .o-input-wrap.o-input-type--search {position: absolute;right: 0;top: 0px;}
.SRV2210 .curation-list .c-bbs-top__col--right .combobox {width: 220px;}
.SRV2210 .curation-list .c-thumb-list .c-table {border-top-width: 0;}
.SRV2210 .curation-list .c-thumb-list .c-thumb-list__wrap {padding: 0 0 30px;}
.SRV2210 .curation-list .c-thumb-list .c-thumb-list__wrap .c-thumb-list__item {width: 285px; margin-right: 25px; margin-bottom: 20px; border-radius: 0; border: 0; box-shadow: none;}
.SRV2210 .curation-list .c-thumb-list .c-thumb-list__wrap .c-thumb-list__item:last-child {margin-right: 0;}
.SRV2210 .curation-list .c-thumb-list .c-thumb-list__wrap .c-thumb-list__item .c-thumb-list__thumb { height: 158px; border-radius: 16px;}
.SRV2210 .curation-list .c-thumb-list .c-thumb-list__wrap .c-thumb-list__title--multiline { height: auto;line-height: 29px;font-size: 20px; font-weight: 700; letter-spacing: -0.5px;}
.SRV2210 .curation-list .c-thumb-list .c-thumb-list__wrap .c-thumb-list__title--multiline a {overflow: hidden; min-height: 29px; max-height: 58px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; color: #1e1e1e; }
.SRV2210 .curation-list .c-thumb-list .c-thumb-list__wrap .c-thumb-list__title--multiline a:hover { color: #636262; text-decoration: underline;}
.SRV2210 .curation-list .c-thumb-list .c-thumb-list__wrap .c-list-info .c-list-info__row {display:block; font-size: 12px;line-height: 18px; letter-spacing: -0.3px;}
.SRV2210 .curation-list .c-thumb-list .c-thumb-list__wrap .c-list-info .c-list-info_txt { color: #666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; }
.SRV2210 .curation-list .c-thumb-list .c-thumb-list__wrap .c-list-info .c-list-info__date{color: #999; margin-top: 12px; }
.SRV2210 .curation-list .c-thumb-list .c-thumb-list__item .c-thumb-list__connect {position: absolute; right: 16px; top: 16px; border-radius: 14px;  background: url('../img/SRV2210_icon_connect.svg') no-repeat 5px 50% rgba(255, 255, 255, 0.9); padding: 6px 10px 5px 25px; font-size: 12px; letter-spacing: -0.36px; color: #333;}
.SRV2210 .curation-list .c-thumb-list .c-thumb_noList { display: flex;align-items: center; justify-content: center; height: 150px; border-bottom: 1px solid #e5e5e5;}
.SRV2210 .curation-Detail {margin-top: 14px;}
.SRV2210 .curation-Detail .c-bbs-view__header {padding: 20px 0;}
.SRV2210 .curation-Detail .c-bbs-view__title {font-size: 20px; margin-bottom: 15px; line-height: 29px;}
.SRV2210 .curation-Detail .c-bbs-view__contents {padding: 20px 0;}
.SRV2210 .curation-Detail .curation_connect {border: 1px solid #e6e6e6; background-color: #f7f7f7; border-radius: 12px; margin: 0 6px;}
.SRV2210 .curation-Detail .curation_connect .c-basic-list { padding: 10px 30px 10px;}
.SRV2210 .curation-Detail .curation_connect .c-basic-list > ul { display: flex; flex-wrap: wrap; justify-content: space-between;}
.SRV2210 .curation-Detail .curation_connect .c-basic-list > ul > li {width: 48%;}
.SRV2210 .curation-Detail .curation_connect .c-basic-list__item {background-color: #fff; box-shadow:none;}
.SRV2210 .curation-Detail .curation_connect .c-basic-list__image { width: 240px; height: 135px;}
.SRV2210 .curation-Detail .curation_connect .c-basic-list__image img {height: 100%; width: auto;}
.SRV2210 .curation-Detail .curation_connect .connet_title_box { margin: 24px 0 0 -6px; background: url('../img/SRV2210_curation_connectBg.svg')no-repeat left; height: 44px; }
.SRV2210 .curation-Detail .curation_connect .connet_title_box span { display: inline-block; border-top-right-radius: 16px; border-bottom-right-radius: 16px;  background: url('../img/SRV2210_icon_connect2.svg') no-repeat 8px center #0050be;padding: 4px 15px 4px 34px; margin-left: 6px; line-height: 24px; color: #fff; font-size: 16px; font-weight: bold; }
.SRV2210 .curation-Detail .curation_connect .c-list-info--chip {margin-bottom: 5px;}
.SRV2210 .curation-Detail .curation_connect .c-basic-list__cont + .c-list-info {margin-top: 0; margin-bottom: 7px;}
.SRV2210 .curation-Detail .curation_connect .c-basic-list__title-inner {line-height: 20px !important; font-weight: 700; color: #333;}
.SRV2210 .curation-Detail .curation_connect .o-button {min-width: 80px;}
.SRV2210 .curation-Detail .o-button.o-button--global { min-width: 138px; min-height: 48px;}

/*수강신청*/
.SRV2210 .course-register { border-top: 1px solid #333; margin-top: 20px; }
.SRV2210 .process-step__item.is-active ~ .process-step__item .process-step__num {z-index: 1;}
.SRV2210 .process-step__item:before {z-index: 0;}
.SRV2210 .process-step__item.is-active .process-step__num {z-index: 1;}
.SRV2210 .process-step {padding: 50px 0 80px;}
.SRV2210 .course-register .course-info__cont .course-info__title { font-weight: 700; }
.SRV2210 .course-register .course-info__cont .course-info__function { position: relative; top: 10px;}
.SRV2210 .course-info { border-bottom: 1px solid #e5e5e5; padding-bottom: 40px;}
.SRV2210 .course-info .course-info__thumb { border-radius: 8px;}
.SRV2210 .course-info .course-info__function { font-size: 14px; }
.SRV2210 .course-info .course-info__function .course-info__dt { font-weight: 500; color: #333;}
.SRV2210 .course-info .course-info__function .course-info__dd { color: #666;}

/*앱다운로드팝업*/
.pop-appDown-info .qr-wrap {display: flex; margin-top: 20px; align-items: flex-end;}
.pop-appDown-info .qr-wrap .img {width: 120px; height: 120px}
.pop-appDown-info .qr-wrap > div + div {margin-left: 35px;}
.pop-appDown-info .qr-wrap .img img {width: 100%;}
.pop-appDown-info .qr-wrap .tit {font-size: 16px; line-height: 24px; color: #333; text-align: center; margin-top: 8px; font-weight: 500;}
.pop-appDown-info .qr-wrap .guide {min-height: 78px; padding: 12px 20px;  border-radius: 12px;  background-color: #f7f7f7;} /*TOTALSR-86292*/
.pop-appDown-info .qr-wrap .guide p { font-size: 12px; line-height: 1.5; letter-spacing: -0.3px; text-align: left; color: #666;}
.pop-appDown-info .qr-wrap .guide p.tit { font-weight: 700; margin-top: 0;}

.o-icon__star-text-su-extend { font-weight:unset; color:unset; }

/*TOTALSR-86326 [PC/MOB] 삼성U 과정 중 수료과정 표시 추가*/
.SRV2210 #corsThumbList .c-basic-list__status:nth-child(n+2), 
.SRV2210 #corsThumbList .c-basic-list__price-desc:nth-child(n+2) {margin-top: 12px;}
.SRV2210 #corsThumbList .c-basic-list__status--blue {color: #2189ff;}
.SRV2210 #corsThumbList .c-basic-list__status--black { color: #333;}
.SRV2210 #corsThumbList .c-list-info__row {display: flex; justify-content: space-between; align-items: center;}
.SRV2210 #corsThumbList .c-list-info__row .c-list-info__group {margin-right: auto;}
.SRV2210 #corsThumbList .c-list-info__row .c-list-info__group:before {display: none;}