@charset 'utf-8';
.bestlecture_main_wrap,.seminarcate_main_wrap {
    width: 100%;
    overflow: hidden;
}

/* main banner */
.sp_head_banner_bg {
    background-image: url('../img/banner/1029392.png');
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66000000', endColorstr='#69000000',GradientType=1 ); /* IE6-9 */
    background-image: linear-gradient(rgba(0, 0, 0, 0.4),rgba(0, 0, 0, 0.4)),url('../img/banner/1029392.png');
}
.sp_head_banner_bg .head_banner_txt01 {
    display: inline-block;
    font-size: 40px;
    font-weight: 500;
    color: #000;
    letter-spacing: normal;
    line-height: 1.4em;
    text-align: left;
    margin-bottom: 15px;
    padding: 50px 0 0 0;
}
.sp_head_banner_bg .head_banner_txt01_w {
    display: inline-block;
    font-size: 40px;
    color: #ffffff;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.4em;
    text-align: left;
    margin-bottom: 15px;
    padding: 50px 0 0 0;
}
.sp_head_banner_bg .head_banner_txt02 {
    font-size: 15px;
    width: 670px;
    color: rgba(0, 0, 0, 0.8);
    text-align: left;
    letter-spacing: normal;
    line-height: 1.5;
    font-weight: normal;
}
.sp_head_banner_bg .head_banner_txt02_w {
    font-size: 15px;
    width: 670px;
    color: rgba(256, 256, 256, 0.8);
    text-align: left;
    letter-spacing: normal;
    line-height: 1.5;
    font-weight: normal;
}

/* 컨텐츠 영역 */
.seminarCategory_contents_wrap {
    width: 100%;
    margin: 0 auto;
    display: inline-block;
    margin-bottom: 60px;
}
/* .sub_container {
    width: 1200px;
    margin: 0 auto;
    margin-bottom: 60px;
} */

/* 프로그램 리스트 */
.program_list_wrap {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}
.program_list_container {
    padding-top: 60px;
}
.program_list_container .sp_category_wrap {
    display: block;
    padding-bottom: 30px;
}
.program_list_container .sp_category_wrap .sp_category_list {
    padding: 40px 0 30px 0;
}
.program_list_container .sp_category_wrap .sp_category_list:after {
    display: block;
    clear: both;
    content: '';
}
.sp_category_wrap .sp_category_list .sp_category {
    float: left;
    width: 100%;
    overflow: hidden;
}
.sp_category_wrap .sp_category_list .sp_category li {
    font-size: 18px;
    font-weight: normal;
    text-align: left;
    color: #000000;
    padding-left: 24px;
    padding-bottom: 18px;
    width: 300px;
    float: left;
}
.sp_category_wrap .sp_category_list .sp_category li:after {
    display: block;
    clear: both;
    content: '';
}
.sp_category_wrap .sp_category_list .subscription {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image:url('../img/contents/ico_subcription_selected_s.png');
    background-repeat:no-repeat;
    vertical-align: middle;
    margin-left: -24px;
    background-position-y: -2px;
}
.sp_category_wrap .sp_category_list .label_new {
    display: inline-block;
    width: 34px;
    height: 20px;
    background-image:url('../img/contents/ico_label_new_small.png');
    background-repeat:no-repeat;
    vertical-align: middle;
    margin-left: 6px;
}
.sp_category_wrap .sp_category_list .label_schedule {
    display: inline-block;
    width: 56px;
    height: 20px;
    background-image:url('../img/contents/ico_label_schedule_large.png');
    background-repeat:no-repeat;
    vertical-align: middle;
    margin-left: 6px;
}

/* 베스트 영상 */
.sp_best_video_wrap {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}
.sp_best_video_container {
    padding-top: 60px;
    display: inline-block;
    margin-bottom: 100px;
}
/* .sp_best_video_container .sp_best_video {
    margin-bottom: 40px;
    display: inline-block;
} */
.sp_best_video_container .sp_best_video_con {
    float: left;
    width: 580px;
    height: 236px;
    background-color: #f1f1f1;
    border: solid 1px rgba(0, 0, 0, 0.05);
    margin-right: 40px;
    padding: 40px;
    margin-bottom: 40px;
    display: block;
}
.sp_best_video_container .sp_best_video_con:nth-child(2n) {
    margin-right:0;
}
.sp_best_video_container .sp_best_video_con .info_area {
    float: left;
    width: 272px;
}
.sp_best_video_container .sp_best_video_con .img_area {
    float: right;
    width: 208px;
    height: 156px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    overflow: hidden;
    text-align: center;
    background-color: #f1f1f1;
}
.sp_program_name {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.71em;
    text-align: left;
    color: rgba(0, 0, 0, 0.6);
    margin-top: 8px;
}
.sp_lecture_name {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4em;
    text-align: left;
    letter-spacing: -0.4px;
    color: #000;
    margin-bottom: 25px;
}
.sp_lecture_sumtxt {
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5em;
    text-align: left;
    color: rgba(0, 0, 0, 0.8);
}
.sp_number {
    width: 22px;
    height: 32px;
    font-size: 19px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.9);
    text-align: center;
    border-bottom: 2px solid #000;
    display: block;
    margin-top: -6px;
}

/* 온라인 세미나 */
.sub_container .seminar_date_navi {
    height: 70px;
    background-color: #fafafa;
    text-align: center;
}
.sub_container .seminar_date_navi .date_text {
    display: inline-block;
    font-size: 20px;
    text-align: center;
    color: rgba(0, 0, 0, 0.4);
    line-height: 70px;
    margin-left: 20px;
    margin-right: 20px;
}
.sub_container .seminar_date_navi .date_text_active {
    font-size: 20px;
    text-align: center;
    font-weight: 500;
    color:  #000;
    line-height: 70px;
    margin-left: 20px;
    margin-right: 20px;

}
.sub_container .seminar_date_navi .date_navi_prev {
    display: inline-block;
    background-repeat:no-repeat;
    width: 26px;
    height: 26px;
    vertical-align: text-bottom;
    background-image:url('../img/common/btn_previous.png');
    margin-right: 15px;
}
.sub_container .seminar_date_navi .date_navi_next {
    display: inline-block;
    background-repeat:no-repeat;
    width: 26px;
    height: 26px;
    vertical-align: text-bottom;
    background-image:url('../img/common/btn_next.png');
    margin-left: 15px;
}
.sub_container .date_navi_next_disabled {
    display: inline-block;
    background-repeat:no-repeat;
    width: 26px;
    height: 26px;
    vertical-align: text-bottom;
    background-image:url('../img/common/btn_next_disable.png');
    margin-left: 15px;
}
.seminar_content_container {
    margin-top: 20px;
}
.seminar_content_container ul {
    float: left;
}
.seminar_content_container li {
    float: left;
    width: 590px;
    border-top: 1px solid #cccccc;
    margin-bottom: 20px;
    margin-right: 20px;
}
.seminar_content_container li:nth-child(2n) {
    margin-right: 0;
}
.seminar_content_container .month_container {
    width: 590px;
    margin-top: 20px;
    display: inline-block;
}
.seminar_content_container .title_month {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -0.4px;
    text-align: left;
    color: #000;
    margin-top: 10px;
}

/* 비디오 overlay */
.month_container> .video {
    float: left;
}
.month_container .video img {
    height: auto;
}
.month_container .video_list_info {
    float: left;
    width: 362px;
    height: 156px;
    margin-left: 20px;
    position: relative;
}
.month_container .video_list_info dt {
    font-size: 20px;
    font-weight: 500;
    color: rgb(0, 0, 0);
    letter-spacing: -0.4px;
    line-height: 1.5;
    text-align: left;
    margin-top: 0;
    margin-bottom: 5px;
}
.month_container .video_list_info .small_txt1 {
    font-size: 14px;
    font-weight: normal;
    line-height: 2.0;
    color:rgba(0, 0, 0, 0.6);
    text-align: left;
    padding-right: 20px;
}
.month_container .video_list_info .small_txt2 {
    padding-right: 12px;
}
.month_container .video_list_info .info_dd_btmtxt {
    width:677px;
    position:absolute;
    bottom: 0;
}

/* 세미나 상세 -개요 */
.seminarDetail_container {
    width: 100%;
    margin: 0 auto;
}
.seminarDetail_container .head_banner_container {
    width: 1200px;
    margin:0 auto;
    text-align: left;
    height: 340px;
    position: relative;
}
.seminarDetail_head_banner_bg {
    height: 340px !important;
    background-image:url('../img/contents/seminar_banner_01.png');
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.05);
    background-size: auto !important;
    background-position: center top !important;
}
.seminarDetail_head_banner_bg01 {
    height: 340px !important;
    background-image:url('../img/contents/seminar_banner_01.png') !;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.05);
    background-size: auto !important;
    background-position: center top !important;
}
.seminarDetail_head_banner_bg02 {
    height: 340px !important;
    background-image:url('../img/contents/seminar_detail_banner_02.png');
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.05);
    background-size: auto !important;
    background-position: center top !important;
}
.seminarDetail_head_banner_bg03 {
    height: 519px !important;
    background-image:url('../img/contents/seminar_detail_banner_03.png');
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.05);
    background-size: auto !important;
    background-position: center top !important;
}
.seminarDetail_head_banner_bg .head_banner_container {
    width: 1200px;
    margin: 0 auto;
    text-align: left;
}
.seminarDetail_head_banner_container {
    width: 1200px;
    height: 519px;
    margin: 0 auto;
    position: relative;
}
.seminarDetail_head_banner_container .seminar_textview {
    padding: 75px 0 0 680px;
    width: 430px;
    height: 525px;
}
.seminarDetail_head_banner_container .seminar_textview .txtdetail {
    width: 430px;
}
.seminarDetail_head_banner_container .seminar_textview .txtdetail.ht {
    height: 220px;
}
.seminarDetail_head_banner_container .seminar_play_people {
    text-align: center;
    line-height: 1.0;
}
.seminarDetail_head_banner_container .seminar_play_count {
    position: absolute;
    bottom: 60px;
    left: 685px;
    width: 130px;
    height: 20px;
    text-align: left;
}
.seminarDetail__head_banner_txt01 {
    font-size: 40px;
    font-weight: 500;
    color: #000000;
    line-height: 1.4em;
    text-align: left;
    padding: 10px 0 120px 0;
}
.seminarDetail__banner_program_s_name {
    display: inline-block;
    font-size: 14px;
    color: rgba( 0, 0, 0, 0.6);
    text-align: left;
    line-height: 2.29em;
    margin-top: 50px;
}
.head_banner_container .btm_btn_area {
    position: absolute;
    bottom: 30px;
}
.head_banner_container .dtl_btm_btn_area {
    position: relative;
    top: 268px;
}
.btm_btn_area .list_btn {
    padding: 0 20px;
    height: 42px;
    border: 1px solid #999999;
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.8);
    position: relative;
    margin-right: 10px;
}
.btm_btn_area .btn_ico_play {
    display: inline-block;
    width: 26px;
    height: 26px;
    background-image:url('../img/contents/ico_play_b.png');
    background-repeat:no-repeat;
    margin-right: 10x;
    vertical-align: middle;
}
.btm_btn_area .btn_ico_cardview {
    display: inline-block;
    width: 26px;
    height: 26px;
    background-image:url('../img/contents/ico_cardview_b.png');
    background-repeat:no-repeat;
    margin-right: 10x;
    vertical-align: middle;
}
.seminarDetail_banner_navi {
    width: 1200px;
    height: 80px;
    margin-top: 30px;
    margin-bottom: 60px;
}
.seminarDetail_banner_navi .date_navi_prev {
    display: block;
    background-repeat:no-repeat;
    width: 26px;
    height: 26px;
    background-image:url('../img/common/btn_previous.png');
    margin-right: 14px;
    margin-top: 25px;
    float: left;
}
.seminarDetail_banner_navi .date_navi_next {
    display: block;
    background-repeat:no-repeat;
    width: 26px;
    height: 26px;
    background-image:url('../img/common/btn_next.png');
    margin-left: 14px;
    margin-top: 25px;
    float: left;
}
.seminarDetail_banner_navi .navi_select {
    width: 450px;
    height: 80px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
    float: left;
}
.navi_select .date {
    float: left;
    width: 80px;
    height: 80px;
    background-color: #141e4c;
    font-size: 14px;
    text-align: center;
    padding: 18px;
    color: #fff;
}
.navi_select .date.oneline {
    padding: 30px 15px;
}
.navi_select .con_box {
    float: right;
    width: 370px;
    height: 80px;
    background-color: #f2f4f7;
    border: solid 1px rgba(14, 34, 70, 0.05);
    text-align: left;
    padding: 18px 20px;
}
.navi_select .con_box_txt1 {
    font-size: 14px;
    color: #808080;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.navi_select .con_box_txt2 {
    font-size: 16px;
    font-weight: 500;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}
.seminarDetail_banner_navi .navi_disabled {
    width: 333px;
    height: 80px;
    border: solid 1px #f2f4f7;
    float: left;
}
.navi_disabled .disabled_date {
    float: left;
    width: 80px;
    height: 80px;
    text-align: center;
    font-size: 14px;
    letter-spacing: -0.3px;
    color: #808080;
    padding: 18px;
}
.navi_disabled .disabled_date.oneline {
    padding: 30px 15px;
}
.navi_disabled .disabled_con_box {
    float: right;
    width: 251px;
    padding: 18px 20px;
    text-align: left;
}
.navi_disabled .disabled_con_box_txt1 {
    font-size: 14px;
    color: #b2b2b2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.navi_disabled .disabled_con_box_txt2 {
    font-size: 16px;
    font-weight: 500;
    color: #808080;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}
.seminarSummary_container {
    width: 1200px;
    margin: 0 auto;
}
.seminarSummary_container .content_info {
    padding: 20px 0;
    text-align: left;
    border-bottom: 1px solid #cccccc;
    margin-bottom: 60px;
}
.content_info .dtR_btn_area {
    float: right;
}
.seminarSummary_container .content_info dt {
    float: left;
    width: 540px;
    font-size: 26px;
    font-weight: 500;
    line-height: 1.46;
    text-align: left;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.seminarSummary_container .content_info dd {
    font-size: 18px;
    line-height: 1.78;
    text-align: left;
    color: rgba( 0, 0, 0, 0.9);
    padding-top: 20px;
    clear: both;
}
.seminarSummary_container .content_info_dd_btmtxt {
    padding-top: 20px;
}
.seminarSummary_container .content_info_dd_btmtxt .small_txt2 {
    font-size: 14px;
    font-weight: normal;
    color: #000;
    text-align: left;
    padding-right: 12px;
}
.seminarSummary_container .content_info_dd_btmtxt .small_txt2_ico {
    display: inline-block;
    background-repeat:no-repeat;
    padding-right: 2px;
    vertical-align: middle;
    line-height: 18px;
}

/* 강연자 데이터 없는 경우 */
.seminarSummary_container .lecturer .lecturerCon_noData {
    width: 100%;
}
.seminarSummary_container .lecturerCon_noData>.lecturerName {
    text-align: left;
}

.seminarSummary_container .detailContent {
    width: 100%;
}
.detailContent .table_wrap {
    width: 100%;
}
.table_wrap .content_table {
    border-top: 1px solid rgba( 0, 0, 0, 0.9);
}
.content_table thead tr {
    height: 60px;
    border-bottom: 1px solid #ccc;
}
.content_table thead th {
    border-bottom: 1px solid #ccc;
}
.content_table .title {
    font-size: 16px;
    font-weight: 500;
    text-align: left;
    color: #000;
    padding-left: 30px;
}
.content_table tbody tr {
    height: 64px;
}
.content_table tbody tr:hover {
    background-color: rgba(0, 0, 0, 0.02);
}
.content_table tbody td {
    padding-left: 30px;
    border-bottom: 1px solid #ccc;
}
.content_table .td_time {
    font-size: 16px;
    text-align: left;
    color: #666666;
}
.content_table .td_subject {
    font-size: 20px;
    font-weight: 500;
    text-align: left;
    color: #292929;
}
.content_table .td_subject>a {
    color: #292929;
}
.content_table .td_subject>.label_play {
    padding: 4px 10px;
    height: 28px;
    background-color: #236be3;
    color: rgba(255,255,255,.9);
    font-size: 14px;
    margin-left: 20px;
}
.content_table .td_palytime {
    font-size: 14px;
    text-align: left;
    color: #000;
}
.td_palytime .palytime_ico {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-repeat:no-repeat;
    margin-right: 6px;
    vertical-align: middle;
}

/* 온라인 세미나 상세 - 추첨안내 */
.lotteryInfo_container {
    width: 1200px;
    margin: 0 auto;
}
.lotteryInfo_container li {
    height: 216px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin-top: 20px;
}
.lotteryInfo_container li:after {
    content: "";
    display: block;
    clear: both;
}
.lotteryInfo_container .thumb {
    width: 147px;
    float: left;
}
.lotteryInfo_container .thumb img {
    width: 147px;
    height: 196px;
    display: inline-block;
    background-repeat:no-repeat;
}
.lotteryInfo_textWrap {
    width: 896px;
    margin-left: 20px;
    float: left;
}
.lotteryInfo_textWrap dt {
    font-size: 20px;
    font-weight: 500;
    text-align: left;
    color: #000;
    margin-bottom: 6px;
}
.lotteryInfo_textWrap dd {
    font-size: 16px;
    text-align: left;
    color: rgba( 0, 0, 0, 0.6);
}
.lotteryInfo_textWrap .r_btn {
    width: 140px;
    margin-right: 20px;
    top: 0;
    float: right;
    position: absolute;
}
.r_btn .list_btn {
    padding: 0 20px;
    height: 42px;
    border: 1px solid #999999;
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.8);
    position: relative;
}
.btmtxt_support .s_txt {
    font-size: 14px;
    color: #666;
}
.btmtxt_support .s_txt_blue {
    font-size: 14px;
    color: #7ba6ee;
}
.btmtxt_support {
    margin-top: 10px;
    text-align: left;
}

/* 특별기획 프로그램 목록 */
.spcialProgramL_banner {
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.05);
    /* background-image: linear-gradient(rgba(255, 255, 255, 0.2),rgba(255, 255, 255, 0.2));
    background-position: center !important;
    background-size:cover !important; */
}
.spcialProgramL_banner.t02 {
    background-image:url('../img/contents/special_main_banner_01.png') !important;
    background-size:cover !important;
}
.spcialProgramL_banner.t03 {
    background-image:url('../img/contents/madeWithCeo_main_banner.png') !important;
    background-size:cover !important;
}
.spcialProgramL_banner.t04 {
    background-image:url('../img/contents/madeWithCeo_detail_banner.png') !important;
    background-size:cover !important;
}
/* .head_banner_container {
    width: 1200px;
    margin:0 auto;
    text-align: left;
}
.spcialProgramL_banner .head_banner_txt01 {
    vertical-align: -webkit-baseline-middle;
}
 */
.spcialProgramL_banner .head_banner_txt01.white {
    color: #fff;
}
.spcialProgramL_banner .head_banner_txt02.white {
    color: rgba(256, 256, 256, 0.8);
}
.spcialProgramL_banner .banner_category_s_name.white {
    color: #fff;
}
.spcialProgramL_banner .banner_prgm_name {
    font-size: 14px;
    line-height: 1.71;
    text-align: left;
    color:rgba( 0, 0, 0, 0.6);
}
.spcialProgramL_banner .banner_prgm_name.white {
    color:rgba( 256, 256, 256, 0.6);
}

.spcialProgramL_banner .btn_subscribe {
    display: inline-block;
    height:42px;
    border: 1px solid;
    color:#999999;
    line-height: 30px;
    text-align: left;
    vertical-align: text-bottom;
    padding: 4px 20px;
}
.spcialProgramL_banner .btn_subscribe_w {
    display: inline-block;
    height:42px;
    border: 1px solid;
    color:#ffffff;
    line-height: 30px;
    text-align: left;
    vertical-align: text-bottom;
    padding: 4px 20px;
}
.spcialProgramL_banner .subscribe_type {
    display: inline;
    font-size: 16px;
    color:rgba( 0, 0, 0, 0.8);
    line-height: 1.5;
    text-align: left;
}
.spcialProgramL_banner .subscribe_type_w {
    display: inline;
    font-size: 16px;
    color: rgba( 255, 255, 255, 0.8);
    line-height: 1.5;
    text-align: left;
}
/* .spcialProgramL_banner .ico_subscribe {
    display: inline-block;
    width: 26px;
    height: 26px;
    background-image:url('../img/contents/ico_subscription.png');
    background-repeat:no-repeat;
    vertical-align: middle;
    margin-right: 6px;
}
.spcialProgramL_banner .ico_subscribe_w {
    display: inline-block;
    width: 26px;
    height: 26px;
    background-image:url('../img/contents/ico_subscription_w.png');
    background-repeat:no-repeat;
    vertical-align: middle;
    margin-right: 6px;
}
.spcialProgramL_banner .ico_subscribe_on {
    display: inline-block;
    width: 26px;
    height: 26px;
    background-image:url('../img/contents/ico_subcription_selected.png');
    background-repeat:no-repeat;
    vertical-align: middle;
    margin-right: 6px;
} */

.spcialProgramL_contents_wrap {
    width: 100%;
    top: 0;
}
.spcialProgramL_sub_container {
    width: 1200px;
    margin: 0 auto;
    margin-bottom: 60px;
}
.spcialProgramL_sub_container .lecturerList_wrap {
    width: 100%;
    margin: 0 auto;
    display: inline-block;
}
.spcialProgramL_sub_container .lecturer {
    width: 100%;
}
.spcialProgramL_sub_container .lecturer .lecturerTit {
    font-size: 26px;
    font-weight: 500;
    color: #000000;
    padding-bottom: 20px;
    text-align: left;
}
.spcialProgramL_sub_container .lecturer .lecturerCon {
    width: 100%;
    height: 246px;
    position: relative;
}
.spcialProgramL_sub_container .lecturerCon .lecturerPhoto{
    position: absolute;
}
.spcialProgramL_sub_container .lecturerCon .lecturerPhoto img{
    width: 440px;
    height: 246px;
}
.spcialProgramL_sub_container .lecturerCon .lecturerName{
    padding-left: 48px;
    position: absolute;
    left: 440px;
}
.spcialProgramL_sub_container .lecturerName .name{
    font-size: 26px;
    font-weight: 500;
    color: #000000;
}
.spcialProgramL_sub_container .lecturerName .name_ico {
    display: inline-block;
    width: 26px;
    height: 26px;
    background-image:url('../img/contents/btn_lecturer_info.png');
    background-repeat:no-repeat;
    margin-left: 10px;
}
.spcialProgramL_sub_container .lecturerName .belong{
    font-size: 18px;
    color: rgba( 0, 0, 0, 0.6);
}
.spcialProgramL_sub_container .lecturerCon .lecturerField{
    width: 320px;
    padding-left: 48px;
    position: absolute;
    left: 440px;
    bottom: 0;
}
.spcialProgramL_sub_container .lecturerField .fieldTit{
    font-size: 16px;
    font-weight: 500;
    color: rgba( 0, 0, 0, 0.99);
}
.spcialProgramL_sub_container .lecturerField .fieldCon{
    font-size: 16px;
    color: rgba( 0, 0, 0, 0.6);
}
.spcialProgramL_sub_container .lecturerCon .lecturerBook{
    width: 410px;
    position: absolute;
    right: 0;
    bottom: 0;
}
.spcialProgramL_sub_container .lecturerBook .bookTit{
    font-size: 16px;
    font-weight: 500;
    color: rgba( 0, 0, 0, 0.99);
}
.spcialProgramL_sub_container .lecturerBook .bookCon{
    font-size: 16px;
    color: rgba( 0, 0, 0, 0.6);
}
.spcialProgramL_sub_container .lecturerList>ul {
    width: 100%;
    margin: 0 auto;
    margin-top: 40px;
    display: inline-block;
}
.spcialProgramL_sub_container .lecturerList>ul>li {
    width: 50%;
    float: left;
    margin-bottom: 20px;
}
.spcialProgramL_sub_container .lecturerList>ul>li::after {
    display: block;
    clear: both;
    content: '';
}
.spcialProgramL_sub_container .lecturerList>ul>li>span:after {
    display: block;
    clear: both;
    content: '';
}
.spcialProgramL_sub_container .lecturerList>ul>li>span>img {
    float: left;
}
.spcialProgramL_sub_container .lecturerList>ul>li>span p {
    float: left;
}
.spcialProgramL_sub_container .lecturerList_profile_img {
    margin-right: 16px;
}
.spcialProgramL_sub_container .lecturerList_profile_name {
    width: 50px;
    font-size: 16px;
    font-weight: 500;
    text-align: left;
    color: #292929;
    width: 70px;
}
.lecturerList_profile_name .btn_arrow_next {
    display: inline-block;
    background-position-x: 3px;
    background-position-y: -3px;
    vertical-align: middle;
}
.spcialProgramL_sub_container .lecturerList_profile_career {
    font-size: 14px;
    width: 360px;

}
.lecturerContents_list_container {
    margin-top: 40px;
}
.lecturerContents_list_container > ul {
    width: 100%;
    margin: 0 auto;
    display: inline-block;
    margin-top: 10px;
}
.lecturerContents_list_container > ul > li {
    width: 590px;
    float: left;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
    margin-right: 20px;
}
.lecturerContents_list_container > ul > li:last-child {
    border-bottom: 0;
}
.lecturerContents_list_container > ul > li:nth-child(2n) {
    margin-right: 0;
}
.lecturerContents_list_container .lecturerContents_title_line {
    font-size: 26px;
    font-weight: 500;
    letter-spacing: -0.4px;
    text-align: left;
    color: #000;
    margin-top: 10px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
}
.lecturerContents_list_container .title_chapter {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -0.4px;
    text-align: left;
    color: #000;
}
.lecturerContents_list_container .title_chapter2 {
    width: 100%;
    height: 85px;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -0.4px;
    text-align: left;
    color: #000;
}
.lecturerContents_list_container .chapter_container {
    margin-top: 20px;
}
.lecturerContents_list_container .chapter_container::after {
    content: "";
    display: block;
    clear: both;
}
.chapter_container .video_list_info {
    float: right;
    width: 362px;
    height: 156px;
    margin-left: 20px;
    position: relative;
}
.chapter_container .video_list_info>.detail_descript {
    margin-top:45px !important;
}
.prgm_chapter_thumb {
    float: left;
}

/* Made with CEO */
.madeWithCeo_contents_wrap {
    width: 100%;
    top: 0;
}
.madeWithCeo_sub_container {
    width: 1200px;
    margin: 0 auto;
}
.madeWithCeo_list_container {
    margin-top: 60px;
    margin-bottom: 60px;
}
.madeWithCeo_list_container>ul {
    width: 100%;
    margin: 0 auto;
    display: inline-block;
}
.madeWithCeo_list_container>ul>li {
    width: 100%;
    float: left;
    margin-bottom: 20px;
    border-top: 1px solid #ccc;
}
.madeWithCeo_list_container .madeWithCeo_title_month {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -0.4px;
    text-align: left;
    color: #000;
    margin-top: 10px;
    margin-bottom: 20px;
}
.madeWithCeo_container .thumb_area {
    width: 208px;
    height: 156px;
    display: block;
    background-repeat:no-repeat;
    margin-right: 20px;
    float: left;
}
.madeWithCeo_container .thumb_area img {
    width: 100%;
    height: 100%;
}
.madeWithCeo_container>dl.info01 {
    width: 400px;
    text-align: left;
    margin-right: 30px;
    float: left;
}
.madeWithCeo_container>dl.info02 {
    width: 542px;
    text-align: left;
    float: left;
}
.madeWithCeo_container>dl>dt {
    font-size: 20px;
    font-weight: 500;
    color: #000;
    margin-bottom: 5px;
}
.madeWithCeo_container>dl>dd {
    font-size: 16px;
    line-height: 1.5;
    color: rgba(0, 0, 0, 0.6);
}
.madeWithCeo_container>dl>dt a {
    color: #000;
}
.madeWithCeo_container>dl>dd a {
    color: rgba(0, 0, 0, 0.8);
}
.madeWithCeo_list_container .content_info {
    padding-bottom: 35px;
    text-align: left;
    border-bottom: 1px solid #cccccc;
}
.madeWithCeo_list_container .content_info>dl>dt {
    width: 580px;
    font-size: 26px;
    font-weight: 500;
    line-height: 1.46;
    text-align: left;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 20px;
}
.madeWithCeo_list_container .content_info>dl>dd {
    font-size: 18px;
    line-height: 1.78;
    text-align: left;
    width: 580px;
    color: rgba( 0, 0, 0, 0.9);
}
.madeWithCeo_list_container .lecturer {
    margin-top: 40px;
}
.madeWithCeo_list_container .lecturer .lecturerTit {
    font-size: 26px;
    font-weight: 500;
    color: #000000;
    padding-bottom: 20px;
    text-align: left;
}
.madeWithCeo_list_container .lecturer .lecturerCon {
    width: 100%;
    height: 270px;
}
.madeWithCeo_list_container .lecturer .lecturerCon::after {
    content: "";
    clear: both;
    display: block;
}
.madeWithCeo_list_container .lecturerCon>.lecturerPhoto{
    width: 260px;
    height: 270px;
    float: left;
    margin-right: 30px;
}
.madeWithCeo_list_container .lecturerCon>.lecturerPhoto img{
    width: 100%;
    height: 100%;
}
.madeWithCeo_list_container .lecturerCon>.lecturerName{
    padding-left: 290px;
    height: 70px;
}
.madeWithCeo_list_container .lecturerName>.name{
    font-size: 26px;
    font-weight: 500;
    color: #000000;
}
.madeWithCeo_list_container .lecturerName>.name .name_ico {
    display: inline-block;
    width: 26px;
    height: 26px;
    background-image:url('../img/contents/btn_lecturer_info.png');
    background-repeat:no-repeat;
    margin-left: 10px;
}
.madeWithCeo_list_container .lecturerName .belong{
    font-size: 18px;
    color: rgba( 0, 0, 0, 0.6);
}
.madeWithCeo_list_container .lecturerCon .lecturerField{
    width: 290px;
    float: left;
    margin-top: 55px;
    margin-right: 20px;
}
.madeWithCeo_list_container .lecturerCon .lecturerField:last-child {
    margin-right: 0;
}
.madeWithCeo_list_container .lecturerField .fieldTit{
    font-size: 16px;
    font-weight: 500;
    color: rgba( 0, 0, 0, 0.99);
    margin-bottom: 10px;
}
.madeWithCeo_list_container .lecturerField .fieldCon{
    font-size: 16px;
    color: rgba( 0, 0, 0, 0.6);
    height: 120px;
    overflow: hidden;
}


.seminarSummary_container .btn_basic .ico_library {
    background-position: center 4px;
}
.seminarSummary_container .btn_basic .ico_playlist {
    background-position: center -1px;
    height: 34px;
}

/* 베스트 강연 */
.bestlecture_contents_wrap {
    width: 100%;
    margin: 0 auto;
    display: inline-block;
}
.top_title_area {
    margin-top: 60px 0 30px 0;
}
.bestvideo_list_container {
    margin-top: 40px;
}
.video_listThum ul>li .label_best_icon {
    z-index: 1;
}
.video_listThum ul>li:nth-child(1) .label_best_icon{background-image:url('../img/common/ico_best_label_1.png');}
.video_listThum ul>li:nth-child(2) .label_best_icon {background-image:url('../img/common/ico_best_label_2.png');}
.video_listThum ul>li:nth-child(3) .label_best_icon {background-image:url('../img/common/ico_best_label_3.png');}
.video_listThum ul>li:nth-child(4) .label_best_icon {background-image:url('../img/common/ico_best_label_4.png');}
.video_listThum ul>li:nth-child(5) .label_best_icon {background-image:url('../img/common/ico_best_label_5.png');}
.video_listThum ul>li:nth-child(6) .label_best_icon {background-image:url('../img/common/ico_best_label_6.png');}

.seminarcate_main_wrap .customize-tools .controls .btn {
    margin-top: 0;
}

.guru-txt {color: #fff; font-size: 15px; line-height: 22px; margin-top: 10px;}
.guru-link1 {margin: 58px 0 0; padding:15px 0 15px 27px; background-color: #fafafa; font-size: 0;}
.guru-link1 a {display: inline-block; color: #000; margin: 6px 12px 6px 0; border: 1px solid #ccc; width: 218px; white-space: nowrap; line-height: 20px; font-size: 14px; padding: 10px 0; text-align: center;}
.guru-link1 a span {color:#666;}
.guru-link1 a:hover span,
.guru-link1 a:hover {color: #236be3; border-color: #236be3;}

.guru-detail1 .guru-item {position: relative; border-bottom: 1px solid #000; padding: 65px 0 50px; border-bottom: 1px solid #cecece;}
.guru-detail1 .guru-item:after {content:''; display: table; clear:both;}
.guru-detail1 .guru-item .pic {float: left;}
.guru-detail1 .guru-item .des {margin: 0 0 0 292px; color: #000;}
.guru-detail1 .guru-item .des * {word-wrap:break-word; word-break:keep-all;}
.guru-detail1 .guru-item .des .txt1 {margin-right: 270px; font-size: 26px; line-height: 39px;}
.guru-detail1 .guru-item .des .txt2 {margin: 10px 0; font-size: 18px; line-height: 22px; color: #236be3;}
.guru-detail1 .guru-item .des .txt2 span {margin-right: 6px;}
.guru-detail1 .guru-item .des .des-list {font-size: 16px; line-height: 24px;}
.guru-detail1 .guru-item .des .des-list li {padding: 0 0 0 10px; text-indent: -10px;}
.guru-detail1 .guru-item .des .info {margin-top:20px;}
.guru-detail1 .guru-item .des .txt3 {font-size: 18px; font-weight: 500;}
.guru-detail1 .guru-item .des .txt4 {font-size: 16px; line-height: 24px;}
.guru-detail1 .guru-item .go-q {position: absolute; top: 65px; right: 0;}
.guru-detail1 .guru-item .go-q button {width: 260px;}


.guru-link {margin: 58px 0 0; font-size: 0;}
.guru-link a {display: inline-block; color: #000; border: 1px solid #ccc; margin: 8px 0 8px 16px; width: 227px; font-size: 19px; line-height: 24px;  padding: 21px 24px; cursor: default;}
.guru-link a:nth-child(1),
.guru-link a:nth-child(6) {margin-left: 0;}
.guru-link a span {display: inline-block; padding: 0 5px; margin-bottom: 10px; line-height: 19px; color:#929292; font-size: 11px; border: 1px solid #ddd;}
.guru-link a p {height: 48px;
  overflow:hidden;text-overflow:ellipsis; word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
}
.guru-link a.active {cursor: pointer;}
.guru-link a.active span {color: #236BE3; border-color: #236BE3;}
.guru-link a.active:hover span,
.guru-link a.active:hover {color: #236be3; border-color: #236be3;}
.guru-detail .guru-item {position: relative; border-bottom: 1px solid #000; padding: 65px 0 50px; border-bottom: 1px solid #cecece;}
.guru-detail .guru-item:after {content:''; display: table; clear:both;}
.guru-detail .guru-item .pic {position: relative; float: left; width: 260px; height: 270px; overflow: hidden;}
.guru-detail .guru-item .pic img {position: absolute; left: 0; bottom: 0; width: 100%;}
.guru-detail .guru-item .des {margin: 0 0 0 292px; color: #000;}
.guru-detail .guru-item .des * {word-wrap:break-word; word-break:keep-all;}
.guru-detail .guru-item .des .txt1 {margin-right: 420px; font-size: 26px; line-height: 39px;}
.guru-detail .guru-item .des .txt2 {margin: 10px 0; font-size: 18px; line-height: 22px; color: #236be3;}
.guru-detail .guru-item .des .txt2 span {margin-right: 6px;}
.guru-detail .guru-item .des .des-list {font-size: 16px; line-height: 24px;}
.guru-detail .guru-item .des .des-list li {padding: 0 0 0 10px; text-indent: -10px;}
.guru-detail .guru-item .des .info {margin-top:20px;}
.guru-detail .guru-item .des .txt3 {font-size: 18px; font-weight: 500;}
.guru-detail .guru-item .des .txt4 {font-size: 16px; line-height: 24px;}
.guru-detail .guru-item .go-q {position: absolute; top: 65px; right: 0;}
.guru-detail .guru-item .go-q button {width: 130px; padding: 0;}
a.btn_basic.go-top-btn {position: fixed; z-index: 20; left: 50%; bottom: 50px; margin-left: 474px; width: 126px; line-height: 46px;}
/* 20190823 */
.spcialProgramL_sub_container .thinkMap {padding: 47px 0 0;}
.thinkMap .think-movie {overflow: hidden; margin-bottom: 50px;}
.thinkMap .think-movie li {float: left; border: 1px solid #ddd; width: 227px; padding: 22px 0 0 0; margin: 0 0 0 16px;}
.thinkMap .think-movie li > div > a {display: block; cursor: default;}
.thinkMap .think-movie li > .ing > a {cursor: pointer;}
.thinkMap .think-movie li:first-child {margin-left: 0;}
.thinkMap .think-movie li .status {display: inline-block; margin: 0 0 0 22px; padding: 2px 3px; border: 1px solid #ddd; font-size: 13px; line-height: 15px; color: #888;}
.thinkMap .think-movie li .copy {height: 52px; margin: 17px 22px; font-size: 20px; line-height: 26px; color: #888;}
.thinkMap .think-movie li .pic {position: relative; overflow: hidden; height: 141px;}
.thinkMap .think-movie li .pic img {position: absolute; left: 0; top: 0; width: 100%; margin-top: -50%;}
.thinkMap .think-movie li .ing .status {border-color: #236be3; color: #236be3;}
.thinkMap .think-movie li .ing .copy {color: #000;}

.thinkMap .performer-list {overflow: hidden;}
.thinkMap .performer-list .performerItem {margin: 0 1px;}
.thinkMap .performer-list li {position: relative; overflow: hidden; float: left; color: #fff; width: 25%; height: 179px; margin: 1px 0;}
.thinkMap .performer-list li .pic {overflow: hidden; width: 100%; height: 100%;}
.thinkMap .performer-list li .pic img {
  -webkit-transition: transform 0.4s;
  transition: transform 0.4s;
}
.thinkMap .performer-list li .name {position: absolute; top: 23px; right: 15px; font-size: 20px; line-height: 24px; text-align: right;}
.thinkMap .performer-list li .mc {position: absolute; top: 0; left: 0; background-color: #236be3; font-size: 16px; padding: 7px 13px; display: inline-block;}
.thinkMap .performer-list li .nameColor {color: #333;}
.thinkMap .performer-list li .des {position: absolute; visibility: hidden; opacity: 0; top: 0; left: 1px; right: 1px; bottom: 0; padding: 15px 10px 0 20px; background-color: rgba(0,0,0,0.7);
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}
.thinkMap .performer-list li .des .dName {font-weight: bold; font-size: 20px;}
.thinkMap .performer-list li .des .ex {margin-top: 7px; font-size: 15px; line-height: 22px;}
.thinkMap .performer-list li:hover .des {visibility: visible; opacity: 1;}
.thinkMap .performer-list li:hover .pic img {
  transform: scale(1.1)
}

.guru-detail .guru-item .dtR_btn_area .date {text-align: right; line-height: 40px; color: #000; font-size: 16px;}
.guru-detail .guru-item .dtR_btn_area .date span {padding: 0 20px; display: inline-block; border: 1px solid #999; background-color: #fff;}
.guru-detail .guru-item .des .history {margin-top: 18px; padding: 13px 25px; background-color: #fafafa; line-height: 24px;}
.guru-detail .guru-item .des .history .name {font-size: 18px; font-weight: 600;}
.guru-detail .guru-item .des .history .detail {font-size: 16px; margin-top: 3px;}

.guru-detail .content_info_dd_btmtxt {
    padding-top: 20px;
}
.guru-detail .content_info_dd_btmtxt .small_txt2 {
    font-size: 14px;
    font-weight: normal;
    color: #000;
    text-align: left;
    padding-right: 15px;
}
.guru-detail .content_info_dd_btmtxt .small_txt2_ico {
    display: inline-block;
    background-repeat:no-repeat;
    padding-right: 2px;
    vertical-align: middle;
    line-height: 18px;
}

/* 20200629 */
.thinkMap3 {padding-top: 1px;}
.thinkMap3 .think-movie ul {overflow: hidden; margin: 0 -10px;}
.thinkMap3 .think-movie ul li {float: left; width: 50%;}
.thinkMap3 .think-movie ul li .item {margin: 0 10px 20px;}
.thinkMap3 .think-movie ul li .item .play,
.thinkMap3 .think-movie ul li .item .link {overflow: hidden; display: block; position: relative; height: 190px; border: 1px solid #ccc; color: #fff;}
.thinkMap3 .think-movie ul li .item .link:after {content:''; position: absolute; top: 0; right: 0; bottom: 0; left: 0;
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);
}
.thinkMap3 .think-movie ul li .item .link .img {position: absolute; left: 0; bottom: 0; right: 0;}
.thinkMap3 .think-movie ul li .item .link .img img {width: 100%;
  transition: transform 0.4s;
}
.thinkMap3 .think-movie ul li .item .link:hover .img img {transform: scale(1.1);}
.thinkMap3 .think-movie ul li .item .tit {position: relative; z-index: 1; padding: 90px 0 0 40px; font-size: 28px; font-weight: bold; color: #fff;}
.thinkMap3 .think-movie ul li .item .info {position: relative; z-index: 1; overflow: hidden; margin-top: 10px; padding: 0 0 0 40px; font-size: 16px;}
.thinkMap3 .think-movie ul li .item [class^='info'] span {display: inline-block; color: #fff;}
.thinkMap3 .think-movie ul li .item .info1 {float: left;}
.thinkMap3 .think-movie ul li .item .info2 {float: right;}
.thinkMap3 .think-movie ul li .item .info2 span {width: 77px; line-height: 20px;}
.thinkMap3 .think-movie ul li .item .info2 span:before {content:''; display: inline-block; margin-right: 3px; width: 20px; height: 20px; vertical-align: top; background: url('../img/special/thinkmap3/icons.png') 0 center no-repeat;}
.thinkMap3 .think-movie ul li .item .info2 .point:before {background-position: -25px center;}
.thinkMap3 .think-movie ul li .item .info2 .reply {width: 70px;}
.thinkMap3 .think-movie ul li .item .info2 .reply:before {background-position: -50px center;}
.thinkMap3 .think-movie ul li .item .info2 .share:before {background-position: -75px center;}
.thinkMap3 .think-movie ul li .item .play {color: #56595d; text-align: center;}
.thinkMap3 .think-movie ul li .item .play:after {content:''; display: inline-block; height: 100%; vertical-align: middle;}
.thinkMap3 .think-movie ul li .item .play span {position: relative; display: inline-block; font-size: 26px;}
.thinkMap3 .think-movie ul li .item .play span.p {padding-left: 38px; color: #0056a8;}
.thinkMap3 .think-movie ul li .item .play span.p:before,
.thinkMap3 .think-movie ul li .item .play span.p:after {content:''; position: absolute; top: 50%; left: 0;}
.thinkMap3 .think-movie ul li .item .play span.p:after {left: 12px; margin-top: -5px; border-left: 8px solid #fff; border-top: 5px solid transparent; border-bottom: 5px solid transparent;}
.thinkMap3 .think-movie ul li .item .play span.p:before {width: 28px; height: 28px; margin-top: -14px; background-color: #0056a8;
    border-radius: 50%;
}
.thinkMap3 .think-movie ul li .item .icon {position: absolute; top: 0; right: 0; z-index: 3; display: block; padding: 16px 14px; color: #fff; font-size: 14px; font-weight: bold; background-color: #000;}

.thinkMap3 .performer > ul {overflow: hidden;}
.thinkMap3 .performer > ul li {float: left; position: relative; overflow: hidden;}
.thinkMap3 .performer > ul li .mc,
.thinkMap3 .performer > ul li .copy {position: absolute;}
.thinkMap3 .performer > ul li .mc {z-index: 1; display: block; padding: 0 30px 0 48px; top: 40px; left: 0; line-height: 60px; color: #fff; font-size: 30px; background-color: #0056a8;
    border-radius: 0 30px 30px 0;
}
.thinkMap3 .performer > ul li .img img {
  transition: transform 0.4s;
}
.thinkMap3 .performer > ul li:hover .img img {
  transform: scale(1.1);
}
.thinkMap3 .performer > ul li .copy {top: 20px; right: 20px; color: #fff; text-align: right;}
.thinkMap3 .performer > ul li .copy .name {font-size: 18px; font-weight: bold;}
.thinkMap3 .performer > ul li .copy .other {margin-top: 0.2em; color: #b6b6b6; font-size: 14px;}
.thinkMap3 .performer > ul li:first-child .copy {top: auto; left: 48px; bottom: 40px; text-align: left;}
.thinkMap3 .performer > ul li:first-child .copy .name {font-size: 46px; font-weight: 900;}
.thinkMap3 .performer > ul li:first-child .copy .other {font-size: 24px; font-weight: bold;}
.thinkMap3 .h4_type_tit {margin-top: 50px;}
.thinkMap3 .h4_type_tit span {font-size: 0.8em;}
.thinkMap3 .h4_type_tit span span {vertical-align: top; color: #bababa;}

/* 20210318 축의 시대 */
.spcialProgramL_sub_container .bc-list {position: relative; z-index: 13; display: flex; justify-content: space-between; margin-top: -66px;}
.spcialProgramL_sub_container .bc-list .item .link {display: block;}
.spcialProgramL_sub_container .bc-list .item {border: 1px solid #D8D8D8; width: 380px; background-color: #fff;}
.spcialProgramL_sub_container .bc-list .item-in {padding: 20px 20px 0 20px;}
.spcialProgramL_sub_container .bc-list .item .list-state {line-height: 30px; font-size: 15px;}
.spcialProgramL_sub_container .bc-list .item .list-state .ing {display: inline-block; margin-right: 17px; padding-left: 16px; padding-right: 16px; color: #fff; background-color: #B2B1B1;
  border-radius: 15px;
}
.spcialProgramL_sub_container .bc-list .item .list-state .date {color: #B2B1B1;}
.spcialProgramL_sub_container .bc-list .item .list-state.current .ing {background-color: #236BE3;}
.spcialProgramL_sub_container .bc-list .item .list-state.current .date {color: #236BE3;}
.spcialProgramL_sub_container .bc-list .item .list-copy,
.spcialProgramL_sub_container .bc-list .item .list-tit {font-size: 20px; line-height: 25px; color: #000; font-weight: 500;}
.spcialProgramL_sub_container .bc-list .item .list-copy {margin-top: 8px;}
.spcialProgramL_sub_container .bc-list .item .pic {position: relative; overflow: hidden; padding-top: 26.32%; margin-top: 22px;}
.spcialProgramL_sub_container .bc-list .item .pic img {position: absolute; left: 0; top: 50%; width: 100%;
    transform:translateY(-50%);
}

#head_banner_area.banner-age-of-bc {height: 542px;
  background-size: cover;
}
#head_banner_area.banner-age-of-bc .head_banner_txt01,
#head_banner_area.banner-age-of-bc .banner_category_s_name {color: #fff;}
#head_banner_area.banner-age-of-bc .banner_category_s_name {padding-top: 40px;}

#head_banner_area.banner-age-of-bc .data-section {padding-top: 20px; color: #fff;}
#head_banner_area.banner-age-of-bc .data-section .banner-state {font-size: 20px; line-height: 38px;}
#head_banner_area.banner-age-of-bc .data-section .banner-state .ing {display: inline-block; margin-right: 17px; padding: 0 18px; background-color: #B2B1B1;
  border-radius: 20px;
}
#head_banner_area.banner-age-of-bc .data-section .banner-state .ing.isIng {background-color: #236BE3;}
#head_banner_area.banner-age-of-bc .data-section .banner-title {margin-top: 9px; font-size: 56px; line-height: 83px;}
#head_banner_area.banner-age-of-bc .data-section .banner-des {margin-top: 10px; font-size: 20px; line-height: 25px;}
#head_banner_area.banner-age-of-bc .data-section .banner-auth {margin-top: 15px; font-size: 20px; line-height: 25px;}
#head_banner_area.banner-age-of-bc .data-section .banner-auth strong {margin-right: 10px;}
#head_banner_area.banner-age-of-bc:after {content:''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,0.5);}

.spcialProgramL_sub_container .bc-content {color: #000;}
.spcialProgramL_sub_container .bc-content .h2 {margin-top: 60px; padding-bottom: 5px; font-weight: 500; font-size: 26px; line-height: 40px; border-bottom: 1px solid #ddd;}
.spcialProgramL_sub_container .bc-content .bc-content-copy {margin-top: 18px; font-size: 18px; line-height: 27px;}
.spcialProgramL_sub_container .bc-content .bc-content-info {margin-top: 30px;}
.spcialProgramL_sub_container .bc-content .bc-content-info li {overflow: hidden; padding: 40px; border: 1px solid #ddd;}
.spcialProgramL_sub_container .bc-content .bc-content-info li + li {margin-top: 30px;}
.spcialProgramL_sub_container .bc-content .bc-content-info li .des {float: left;}
.spcialProgramL_sub_container .bc-content .bc-content-info li .des .p1 {font-size: 24px; line-height: 40px; font-weight: 500;}
.spcialProgramL_sub_container .bc-content .bc-content-info li .des .p1 span {color: #236BE3;}
.spcialProgramL_sub_container .bc-content .bc-content-info li .des .p2 {margin-top: 20px; font-size: 16px; line-height: 25px;}
.spcialProgramL_sub_container .bc-content .bc-content-info li .auths {float: right;}
.spcialProgramL_sub_container .bc-content .bc-content-info li .auth {position: relative; float: left;}
.spcialProgramL_sub_container .bc-content .bc-content-info li .auths .ps {position: absolute; top: 10px; left: 10px; color: #fff;}
.spcialProgramL_sub_container .bc-content .bc-content-info li .auth:first-child .ps {left: auto; right: 10px; text-align: right;}
.spcialProgramL_sub_container .bc-content .bc-content-info li .auths .ps .name {font-size: 18px; line-height: 25px; font-weight: 500;}
.spcialProgramL_sub_container .bc-content .bc-content-info li .auths .ps .doing {font-size: 14px; line-height: 20px;}

/* 20210913 */
.seri-viewpoint-box {padding: 40px 0 0 0;}
.seri-viewpoint-list > ul > li {border-top: 5px solid #185DE0;}
.seri-viewpoint-list > ul > li .seri-viewpoint-item {padding: 40px; border: 1px solid #E1E1E1; border-top: 0 none;}
.item-suggest .period,
.seri-viewpoint-list > ul > li .period {position: relative; display: inline-block; padding: 0 30px; color: #fff; font-size: 14px; line-height: 36px; background-color: #000;}
.item-suggest .period:after,
.seri-viewpoint-list > ul > li .period:after {content:''; position: absolute; top: 0; right: -20px; border-top: 36px solid #000; border-right: 20px solid transparent;}
.item-suggest .tit,
.seri-viewpoint-list > ul > li .tit {margin-top: 12px; font-size: 40px; line-height: 1.5em; font-weight: 500; color: #222;}
.seri-viewpoint-list > ul > li .explain {margin-top: 12px; padding: 45px 24px 45px 48px; font-size: 18px; line-height: 1.5em; color: #000; background-color: #ECECEC;}
.seri-viewpoint-list > ul > li + li {margin-top: 30px;}

.item-suggest {margin-top: 50px; padding: 40px; background-color:#FAFAFA;}
.item-suggest .tit {padding-bottom: 15px; border-bottom: 1px solid #969AA3;}
.item-suggest .msg {padding-top: 1em; font-size: 18px; line-height: 1.5em; color: #000;}
.item-suggest .msg p + p {margin-top: 1.5em;}
.item-suggest-box {margin-top: 40px; border: 1px solid #999; }
.item-suggest-box.type-poll {padding: 47px 40px 33px 40px; background-color: #fff;}
.item-suggest-box .poll-item > dl {font-size: 18px; line-height: 1.5em; color: #000;}
.item-suggest-box .poll-item > dl dt {font-weight: 500;}
.item-suggest-box .poll-item > dl dd {padding-top: 20px;}
.item-suggest-box .poll-item > dl dd + dt {margin-top: 50px;}
.item-suggest-box .poll-item > dl dd .form-line + .form-line {margin-top: 20px;}
.item-suggest-box .poll-item > dl dd .-fdp-radio {line-height: 27px; height: 27px;}
.item-suggest-box .poll-item > dl dd .-fdp-radio .-fdp-radio__label {font-size: 1em !important;}
.item-suggest-box.type-idea,
.item-suggest-box.type-reply {border: 0 none;}
.item-suggest-box .reply-item .comment_container.inner .commentWrite,
.item-suggest-box .reply-item .comment_container.inner .reply_wrap {padding-left: 0; padding-right: 0;}
.item-suggest-box .reply-item .comment_container.inner .commentWrite {padding-top: 0;}
.item-suggest-box .reply-item .comment_container.inner .reply_wrap .reply_con .comment_txt {font-size: 20px; line-height: 25px;}
.item-suggest-box .reply-item .comment_container.inner .reply_wrap .reply_con .comment_txt .secret-comment {padding-left: 30px; color: #082F7A; background: url('../img/special/seriviewpoint/icon-secret.png') 0 0 no-repeat;}
.item-suggest.item-suggest-idea {background-color: #E9F7FF;}
.item-suggest.item-suggest-idea .add-files {padding: 15px 20px; min-height:120px; background-color: #CEE2ED;}
.item-suggest.item-suggest-idea .add-files > ul > li {line-height: 26px; font-size: 16px; color: #495161;}
.item-suggest.item-suggest-idea .add-files > ul > li * {vertical-align: middle;}
.item-suggest.item-suggest-idea .add-files > ul > li img {margin-right: 5px;}
.item-suggest.item-suggest-idea .add-files > ul > li .delete {position: relative; width: 20px; height: 20px; font-size: 0;}
.item-suggest.item-suggest-idea .add-files > ul > li .delete:before,
.item-suggest.item-suggest-idea .add-files > ul > li .delete:after {content:''; position: absolute; top: 50%; left: 0; margin: -2px 0 0 4px; width: 12px; height: 2px; background-color: #495161;}
.item-suggest.item-suggest-idea .add-files > ul > li .delete:before {transform:rotate(-45deg)}
.item-suggest.item-suggest-idea .add-files > ul > li .delete:after {transform:rotate(45deg)}
.item-suggest.item-suggest-idea .sub-tit {font-size: 16px; line-height: 1.5em; color: #000;}
.item-suggest.item-suggest-idea .textarea {margin-top: 10px;}
.item-suggest.item-suggest-idea .textarea textarea {border: 1px solid #999; width: 100%; padding: 20px; background: trans;}
.item-suggest.item-suggest-idea .textarea .count {text-align: right; font-size: 14px; line-height: 20px; margin-top: 5px; color: #151515;}
.item-suggest.item-suggest-idea .sub-tit-wrap {display: flex; margin: 7px 0 6px; justify-content:space-between;}

/* 20211207 */
.spcialProgramL_sub_container .bc-content .bc-content-info-type1 li {padding-right: 30px;}
.spcialProgramL_sub_container .bc-content .bc-content-info-type1 li .auths,
.spcialProgramL_sub_container .bc-content .bc-content-info-type1 li .des {float: none; display: block;}
.spcialProgramL_sub_container .bc-content .bc-content-info-type1 li .auths {overflow: hidden; margin-top: 40px;}
.spcialProgramL_sub_container .bc-content .bc-content-info-type1 li .auth + .auth {margin-left: 1px;}
.spcialProgramL_sub_container .bc-content .bc-content-info-type1 li .auth:first-child .ps,
.spcialProgramL_sub_container .bc-content .bc-content-info-type1 li .auths .ps {display: flex; flex-direction: column; justify-content: center; position: relative; top: auto; left: auto; right:auto; height: 123px; color: #000; text-align: left; padding-left: 26px; background-color: #EEEEEE;}
.spcialProgramL_sub_container .bc-content .bc-content-info-type1 li .auths .ps .name {font-weight: bold;}
.spcialProgramL_sub_container .bc-content .bc-content-info-type1 li .auths .ps .doing {margin-top: 4px;}
.spcialProgramL_sub_container .bc-content .bc-content-info-type1 li .ce-link {display: block;}
#head_banner_area.banner-age-of-bc .data-section .banner-auth strong.engname {margin-right: 0;}
#head_banner_area.banner-age-of-bc .data-section .banner-auth strong.engname + span {margin-right: 10px; font-size: 0.9em;}
#head_banner_area.banner-age-of-bc .data-section .banner-des.banner-des-type1 {min-height: 50px;}

/* LCUX-9442 */
#head_banner_area.brand-profile-head {height: 500px;}
#head_banner_area.brand-profile-head .head_banner_txt01,
#head_banner_area.brand-profile-head .banner_category_s_name {color: #fff;}
#head_banner_area.brand-profile-head .btn_basic.hand>.ico_subscibe_w {margin-right: 10px;}
#head_banner_area.brand-profile-head .btn_basic.hand>.ico_subscibe_w:before {width: 32px; height: 32px; background-image: url('../img/brand/icon-choice-hand-off.png');}
#head_banner_area.brand-profile-head .btn_basic.hand.on>.ico_subscibe_w:before {background-image: url('../img/brand/icon-choice-hand-on.png');}
#head_banner_area.brand-profile-head .btn_basic.hand.on {background-color: #fff; color: #185DE0; border-color: #185DE0;}
#head_banner_area.brand-profile-head .head_banner_txt01 {display: block; padding-top: 125px; text-align: center;}
#head_banner_area.brand-profile-head .head_banner_txt01 .p1 {font-size: 24px; line-height: 40px; font-weight: normal;}
#head_banner_area.brand-profile-head .head_banner_txt01 .p2 {font-size: 40px; line-height: 60px;}
#head_banner_area.brand-profile-head .guru-txt {position: absolute; left: 0; bottom: 30px;}

/* anniv */
.anniv-wrap {background-color: #DFEAF7;}
.anniv-wrap .anniv-wrap-in {margin: 0 auto; width: 1200px;}
.anniv-wrap .top-msg {padding: 45px 0 220px; text-align: center; background: url('../img/main/2023/anniv/bg-anniv-top.png') no-repeat center bottom;}
.anniv-wrap .top-msg .tm1 {color: #10368C; font-size: 34px; line-height: 50px; font-weight: 700;}
.anniv-wrap .top-msg .tm2 {font-size: 22px; line-height: 33px; font-weight: 300;}
.anniv-wrap .top-ex {padding: 0 50px; background-color: #fff;
  box-shadow: 0 10px 20px rgba(0,0,0,0.06);
}
.anniv-wrap .top-ex p {padding: 50px 0; color: #5162D8; font-size: 24px; line-height: 42px; text-align: center;
	word-wrap:break-word; word-break:keep-all;
}
.anniv-wrap .top-ex p a {position: relative; display: inline-flex; align-items:center; color: #000; font-size: 28px; font-weight: bold;}
.anniv-wrap .top-ex p a:before {content:''; position: absolute; left: 0; bottom: 0; right: 0; height: 1px; font-size: 0; background-color: #7F7F7F;}
.anniv-wrap .top-ex p a > i {content:''; position: relative; width: 30px; height: 30px; margin-left: 2px; background-color: #000;
  border-radius: 50%;
}
.anniv-wrap .top-ex p a > i:after {content:''; position: absolute; top: 50%; left: 50%; border-left: 12px solid #fff; border-top: 6px solid transparent; border-bottom: 6px solid transparent;
	transform:translate(-35%, -50%);
}
.anniv-wrap .top-ex p + p {border-top: 1px solid #E3E3E3;}
.anniv-list {margin: 80px 50px 0; color: #212121;}
.anniv-list .item {padding-bottom: 50px;}
.anniv-list .item:not(:first-child) {padding-top: 50px; border-top: 1px solid #97A5E7;}
.anniv-list .item .tit {position: relative; padding-left: 12px; font-size: 21px; line-height: 27px;}
.anniv-list .item .tit:after {content:''; position: absolute; top: 0; left: 0; margin-top: 3px; height: 22px; width: 4px; font-size: 0; background-color: #000;}
.anniv-list .item .item-in {display: flex; margin-top: 50px;}
.anniv-list .item .item-in .pic {overflow: hidden; position: relative; width: 282px; height: 202px; margin-right: 48px;}
.anniv-list .item .item-in .pic > img {position: absolute; left: 0; bottom: 0; width: 100%;}
.anniv-list .item .item-in .des-wrap {flex: 1;}
.anniv-list .item .item-in .des-wrap .t-link {}
.anniv-list .item .item-in .des-wrap .t-link .cate {font-size: 20px; line-height: 34px; font-weight: 300;}
.anniv-list .item .item-in .des-wrap .t-link .subject {font-size: 24px; line-height: 38px; font-weight: bold;}
.anniv-list .item .item-in .des-wrap .des {margin-top: 9px; font-size: 18px; line-height: 1.5em;}

/* LCUX-12398 */
.anniv-wrap {background-color: #FFF0DB;}
.anniv-wrap .top-msg {padding: 0; height: 350px; display: flex; align-items:center; justify-content: center; flex-direction: column;
	box-sizing: border-box;
}
.anniv-wrap-type1 {background-color: #D6E1D3;}
.anniv-wrap-type1 .top-msg {background-image: url('../img/main/2023/anniv/bg-anniv-top2.png');}

.anniv-wrap .top-msg .tm1,
.anniv-wrap .top-msg .tm2 {color: #395DB5;}
.anniv-wrap .top-msg .tm1 {padding-top: 20px;}

.anniv-wrap-type1 {background-color: #D6E1D3;}
.anniv-wrap-type1 .top-msg {background-image: url('../img/main/2023/anniv/bg-anniv-top2.png');}

.anniv-wrap-type1 .top-msg .tm1,
.anniv-wrap-type1 .top-msg .tm2 {color: #000;}
.anniv-wrap-type1 .top-msg .tm1 {padding-top: 0;}
.anniv-wrap-type1 .top-ex p {color: #676C4E;}

.anniv-wrap .top-ex p i {position: relative; display: inline-flex; align-items:center; color: #000; font-size: 28px; font-weight: bold; font-style: normal; font-family:'NotoSerifKR';
}
.anniv-wrap .top-ex p i:before {content:''; position: absolute; left: 0; bottom: 0; right: 0; height: 1px; font-size: 0; background-color: #7F7F7F;}
/* .anniv-wrap .top-ex p i:after {content:''; display: inline-block; margin-left: 3px; width: 30px; height: 30px; background:url('../img/main/2023/anniv/icon-play.png') 0 0 no-repeat;} */

/* 2023.08.25 */
.top-visual-area {height: 164px; color: #fff; background-repeat: no-repeat; background-position: center 0;
	background-size: cover;
}
.top-visual-area .mille {height: 100%;}
.top-visual-area .mille-txt1 {line-height: 54px; font-size: 45px; font-weight: bold;}
.top-visual-area .mille-txt1 .x {margin: 0 15px;}
.top-visual-area .mille-txt2 {margin-left: 60px; font-size: 18px; line-height: 27px;}
.sub-content-box {padding-top: 20px; margin: 0 auto; width: 1100px;}
.sub-content-box .mille-banner {align-items: flex-end; padding: 32px 50px 28px; background:#4B3966 url('../../appcssimg/img/special/mille/mille-item.png') 554px 100% no-repeat; border-radius: 6px;}
.sub-content-box .mille-banner1 {}
.sub-content-box .mille-banner1 .p1 {font-size: 32px; line-height: 48px; font-weight: bold; color: #FEEB60;}
.sub-content-box .mille-banner1 .mille-table {table-layout: auto; margin-top: 12px;}
.sub-content-box .mille-banner1 .mille-table th,
.sub-content-box .mille-banner1 .mille-table td {font-size: 16px; line-height: 24px; color: #fff; padding-top: 4px; padding-bottom: 4px;}
.sub-content-box .mille-banner1 .mille-table th {line-height: 0; text-align: justify; font-weight: bold;}
.sub-content-box .mille-banner1 .mille-table th:before,
.sub-content-box .mille-banner1 .mille-table th:after {content:''; display: inline-block; width: 100%;}
.sub-content-box .mille-banner1 .mille-table td {position: relative; padding-left: 25px;}
.sub-content-box .mille-banner1 .mille-table td:before {content:''; position: absolute; top: 50%; left: 12px; margin-top: -6px; width: 1px; height: 12px; background-color: #fff;}
.sub-content-box .mille-banner1 .mille-table td span {margin-left: 8px; font-size: 14px; color: rgba(255,255,255,0.8);}
.sub-content-box .mille-banner2 {padding-bottom: 4px;}
.sub-content-box .mille-banner2 a {display: inline-block; padding: 0 54px; color: #7332B4; font-size: 24px; line-height: 70px; font-weight: bold; background-color: #FEEB60;
	border-radius: 100px;
}

.mille-con {color: #222;}
.mille-con .h3 {margin-top: 80px; font-size: 32px; line-height: 47px; font-weight: bold;}
.mille-con .h4 {margin-top: 40px; font-size: 24px; line-height: 36px; font-weight: bold;}
.mille-con .des {margin-top: 20px; font-size: 20px; line-height: 29px;}
.mille-con .list {margin-top: 20px;}
.mille-con .list > li {position: relative; padding-left: 14px; font-size: 16px; line-height: 24px;}
.mille-con .list > li:before {content:''; position: absolute; top: 10px; left: 0; width: 4px; height: 4px; background-color: #222;
	border-radius: 50%;
}
.mille-con .des2 {margin-top: 60px; font-size: 24px; line-height: 38px;}
.mille-con .caution {margin-top: 10px; font-size: 16px; line-height: 24px; color: #666;}
.mille-con .msg {margin-top: 60px; padding: 28px 0 28px 50px; background-color: #F5F5F5;
	border-radius: 6px;
}
.mille-con .msg dl {display: flex; font-size: 16px; line-height: 24px;}
.mille-con .msg dl + dl {margin-top: 12px;}
.mille-con .msg dl dt {padding-right: 12px; font-weight: bold;}
.mille-con .msg dl dd {position: relative; padding-left: 13px;}
.mille-con .msg dl dd:before {content:''; position: absolute; top: 4px; left: 0; width: 1px; height: 14px; background-color: #222;}

/* 22주년 */
.promotion22y {letter-spacing: -1px;}
.promotion22y .top {background: #11B262 url('../../appcssimg/img/special/promotion22/bg22.png') center top no-repeat;}
.promotion22y .top-in {position: relative; margin: 0 auto; width: 1200px; height: 686px;}
.promotion22y .top-in:after {content:''; position: absolute; left: 50%; bottom: -12px; margin-left: -8px; border-top: 12px solid #11B262; border-left: 8px solid transparent; border-right: 8px solid transparent;}
.promotion22y .top-in .top-info {padding-top: 25px; text-align: center; color: #fff;}
.promotion22y .top-in .top-info .logo22 {text-align: left;}
.promotion22y .top-in .top-info .p1 {margin-top: 15px; font-size: 35px; line-height: 52px; color: #D6FFFA;}
.promotion22y .top-in .top-info .p1 strong {display: block; font-size: 70px; line-height: 78px; color: #fff;}
.promotion22y .top-in .top-info .p2 {}
.promotion22y .top-in .top-info .p3 {font-size: 21px; line-height: 33px; font-weight: 500;}
.promotion22y .top-in .mcard {position: absolute; overflow: hidden; padding: 24px 0 24px 23px; width: 280px; letter-spacing: -1.5px; color: #6D6C6C; line-height: 26px; background-position: center bottom; background-repeat: no-repeat;
	border-radius: 20px;
	box-shadow: 6px 6px 6px 0 rgba(0,0,0,0.08);
	box-sizing: border-box;
}
.promotion22y .top-in .mcard .p1 {font-family: 'NotoSerifKR'; color: #000; font-size: 17px; font-weight: bold;}
.promotion22y .top-in .mcard .p2 {margin-top: 10px; font-size: 16px; font-weight: 500;}
.promotion22y .top-in .mcard .p3 {font-size: 14px;}
.promotion22y .top-in .card1 {height: 340px; top: 183px; right: 0;
	background-color: #fff;
	background-image: url('../../appcssimg/img/special/promotion22/person1.png');
}
.promotion22y .top-in .card2 {height: 393px; left: 0; bottom: -75px;
	background-color: #E4FFFC;
	background-image: url('../../appcssimg/img/special/promotion22/person2.png');
}

.promotion22y .promotion22-con {margin-top: 97px; color: #222;}
.promotion22y .promotion22-con .inbox {margin: 0 auto; width: 1200px;}
.promotion22y .promotion22-con .copy1 {font-size: 40px; line-height: 1.5em; color: #000; font-weight: bold; text-align: center;}
.promotion22y .promotion22-con .copy2 {margin-top: 7px; font-size: 20px; line-height: 1.5em; text-align: center;}
.promotion22y .promotion22-con .box-type {display: flex; margin-top: 43px;}
.promotion22y .promotion22-con .box-type > li {overflow: hidden; flex:1;
	border-radius: 8px;
	box-shadow:4px 3px 10px 0 rgba(34,34,34,0.11);
}
.promotion22y .promotion22-con .box-type > li:not(:nth-child(3n+1)) {margin-left: 30px;}
.promotion22y .promotion22-con .box-type > li .s {display: block; font-size: 20px; line-height: 52px; text-align: center; color: #fff; background-color: #185DE0;
}
.promotion22y .promotion22-con .box-type > li .p {padding: 13px 24px 24px; font-size: 18px; line-height: 26px;}
.promotion22y .promotion22-con .box-type > li .p strong {color: #185DE0;}
.promotion22y .promotion22-con .btns {margin-top: 34px; text-align: center;}
.promotion22y .promotion22-con .btns > .link {display: inline-block; position: relative; width: 235px; padding-left: 20px; letter-spacing: 0; line-height: 57px; font-size: 18px; font-weight: 900; text-align: center; font-weight: bold; color: #fff; background-color: #000;
	border-radius: 30px;
	box-sizing: border-box;
}
.promotion22y .promotion22-con .btns > .link:before {content:''; position: absolute; top: 5px; left: 6px; width: 48px; height: 48px; background: #11B262 url('../../appcssimg/img/special/promotion22/icon-goods.png') center center no-repeat;
	border-radius: 50%;
}

.promotion22y .promotion22-con .box-line {margin-top: 63px; padding-top: 47px;  border-top: 2px dashed rgba(0,0,0,0.2);}
.promotion22y .promotion22-con .party {display: flex; padding: 42px 0 0 52px;}
.promotion22y .promotion22-con .party-item {position: relative; padding: 0 0 0 52px;}
.promotion22y .promotion22-con .party-item + .party-item {margin-left: 156px;}
.promotion22y .promotion22-con .party-item .num {position: absolute; top: 0; left: 0; display: block; color: #fff; width: 39px; font-weight: bold; font-size: 21px; line-height: 39px; text-align: center; background-color: #185DE0;
	border-radius: 8px;
}
.promotion22y .promotion22-con .party-item .copy-wrap {}
.promotion22y .promotion22-con .party-item .copy-wrap .cp1 {font-size: 26px; line-height: 39px; color: #000; font-weight: bold;}
.promotion22y .promotion22-con .party-item .copy-wrap .cp2 {margin-top: 7px; color: #6D6C6C; font-size: 19px; line-height: 30px;}
.promotion22y .promotion22-con .party-item .copy-wrap .cp2 .go {position: relative; top: -1px; vertical-align: middle; display: inline-block; width: 24px; height: 24px; font-size: 0; background-color: #000;
	border-radius: 50%;
}
.promotion22y .promotion22-con .party-item .copy-wrap .cp2 .go:after {content:''; position: absolute; top: 7px; left: 5px; width: 10px; height: 10px; border-top: 2px solid #fff; border-right: 2px solid #fff;
	transform: rotate(45deg);
	box-sizing: border-box;
}
.promotion-goods {margin-top: 85px; padding: 68px 0 80px; background-color: #E4FFFC;}
.promotion-goods .inbox {}
.promotion-goods .inbox .calendar {display: flex; justify-content: space-between; padding: 0 47px;}
.promotion-goods .inbox .calendar1 {}
.promotion-goods .inbox .calendar1 .q {display: flex; font-size: 24px; line-height: 29px; font-weight: bold; color: #000;}
.promotion-goods .inbox .calendar1 .q .icon-q {margin-right: 10px; width: 29px; font-size: 16px; font-weight: 500; line-height: 29px; text-align: center; color: #fff; background-color: #185DE0;
	border-radius: 50%;
}
.promotion-goods .inbox .calendar1 .a {margin-top: 10px; font-size: 18px; line-height: 28px; font-weight: 500;}
.promotion-goods .inbox .calendar2 .cal-p1 span,
.promotion-goods .inbox .calendar1 .a strong {color: #185DE0;}
.promotion-goods .inbox .calendar1 .goods {margin-top: 45px; text-align: center;}
.promotion-goods .inbox .calendar2 {width: 508px;}
.promotion-goods .inbox .calendar2 .cal-p1 {font-size: 37px; line-height: 50px;}
.promotion-goods .inbox .calendar2 .cal-p1 strong {display: block;}
.promotion-goods .inbox .calendar2 .cal-list {margin-top: 12px;}
.promotion-goods .inbox .calendar2 .cal-list > li {position: relative; padding: 17px 0 16px 34px; font-size: 18px; line-height: 1.5em; background-color: #fff;
	box-shadow: 4px 5px 10px 0 rgba(34,34,34,0.11);
	border-radius: 8px;
}
.promotion-goods .inbox .calendar2 .cal-list > li + li {margin-top: 12px;}
.promotion-goods .inbox .calendar2 .cal-list > li:before {content:'ㆍ'; position: absolute; top: 17px; left: 17px;}
.promotion-goods .inbox .calendar2 .cal-list > li .u {text-decoration:underline;}
.promotion-goods .inbox .calendar2 .btns {margin-top: 30px; text-align: left;}
.promotion-goods .inbox .calendar2 .btns .link2 {display: inline-block; padding: 0 30px; font-size: 18px; font-weight: 500; color: #fff; line-height: 57px; background-color: #282B38;
	border-radius: 8px;
}

/* 어드밴트 캘린더 */
.ad-calendar {}
.ad-calendar .ad-header {text-align: center; background:#0c0c0c url('../../appcssimg/img/special/adCalendar/bg.jpg') center bottom no-repeat;
	box-sizing: border-box;
}
.ad-calendar .ad-header .ad-header-in {position: relative; padding: 87px 0 0; height: 815px;  margin: 0 auto; width: 1200px;}
.ad-calendar .ad-header .ad-header-in .star {position: absolute; background-repeat: no-repeat; background-position: 0 0;}
.ad-calendar .ad-header .ad-header-in .star-l1 {top: 425px; left: -122px; width: 102px; height: 131px; background-image: url('../../appcssimg/img/special/adCalendar/star-left1.png');
	animation-name: star1;
	animation-duration: 2s;
	animation-iteration-count: infinite;
}
.ad-calendar .ad-header .ad-header-in .star-l2 {top: 346px; left: -4px; width: 73px; height: 73px; background-image: url('../../appcssimg/img/special/adCalendar/star-left2.png');
	animation-name: star2;
	animation-duration: 3s;
	animation-iteration-count: infinite;
}
.ad-calendar .ad-header .ad-header-in .star-l3 {top: 569px; left: -9px; width: 26px; height: 26px; background-image: url('../../appcssimg/img/special/adCalendar/star-left3.png');
	animation-name: star3;
	animation-duration: 2s;
	animation-iteration-count: infinite;
}
.ad-calendar .ad-header .ad-header-in .star-r1 {right: -186px; top: 559px; width: 100px; height: 131px; background-image: url('../../appcssimg/img/special/adCalendar/star-right1.png');
	animation-name: star1;
	animation-duration: 2s;
	animation-iteration-count: infinite;
}
.ad-calendar .ad-header .ad-header-in .star-r2 {right: -284px; top: 687px; width: 73px; height: 73px; background-image: url('../../appcssimg/img/special/adCalendar/star-right2.png');
	animation-name: star2;
	animation-duration: 2s;
	animation-iteration-count: infinite;
}
.ad-calendar .ad-header .ad-header-in .star-r3 {right: -194px; top: 550px; width: 20px; height: 20px; background-image: url('../../appcssimg/img/special/adCalendar/star-right3.png');
	animation-name: star3;
	animation-duration: 2s;
	animation-iteration-count: infinite;
}
.ad-calendar .ad-header .tit {}
.ad-calendar .ad-header .des {margin-top: 42px; font-size: 20px; line-height: 1.5em; color: #fff;}
.ad-calendar .ad-header .des + .des {margin-top: 12px;}
.ad-calendar .ad-calendar-box {padding: 76px 0 120px; background-color: #d1141a;}
.ad-calendar .ad-calendar-box .ad-calendar-items {display: flex; flex-wrap: wrap; justify-content: center; margin: 0 auto; gap:20px; width: 1200px;}
.ad-calendar .ad-calendar-box .ad-calendar-items .item {width: 285px;}
.ad-calendar .ad-calendar-box .ad-calendar-items .item > p {font-size: 0;}
.ad-calendar .ad-calendar-box .ad-calendar-items .item .mouseover {cursor: pointer;}

@keyframes star1 {
	0%, 100% {opacity: 1; transform: translate(-2px, 2px);}
	50% {opacity: 0.3; transform: translate(2px, -2px);}
}
@keyframes star2 {
	0%, 100% {opacity: 1; transform: translate(2px, 2px);}
	50% {opacity: 0.3; transform: translate(-2px, -2px);}
}
@keyframes star3 {
	0%, 100% {opacity: 1; transform: translate(-2px, -3px);}
	50% {opacity: 0.3; transform: translate(1px, 2px);}
}

/* LCUX-16260 */
.anniv-wrap .top-msg {height:350px; text-align: center; background:none;}
.anniv-wrap .top-ex {width:1200px;margin:0 auto}
.anniv-wrap .top-ex p {color:#000}
.anniv-wrap .top-msg .tm1,
.anniv-wrap .top-msg .tm2 {color: #000}
.anniv-list .item:not(:first-child) {border-color:#A5AC9A}
.anniv-wrap .top-msg .tm1 {padding:0}
.anniv-wrap,
.anniv-wrap.anniv-wrap-type0 {background:#FFF0DB url('../img/main/2023/anniv/bg-anniv-top.png') no-repeat center top}
.anniv-wrap.anniv-wrap-type1 {background:#F1E8F2 url('../img/main/2024/anniv/bg-anniv-top.png') no-repeat center top}
.anniv-wrap.anniv-wrap-type2 {background:#DCEBFF url('../img/main/2024/anniv/bg-anniv-top2.png') no-repeat center top}
.anniv-wrap.anniv-wrap-type3 {background:#D6E1D3 url('../img/main/2023/anniv/bg-anniv-top2.png') no-repeat center top}
.anniv-wrap.anniv-wrap-type4 {background:#F5F0EA url('../img/main/2024/anniv/bg-anniv-top3.png') no-repeat center top}
.anniv-wrap.anniv-wrap-type5 {background:#D7D7D7 url('../img/main/2024/anniv/bg-anniv-top4.png') no-repeat center top}

/* ------------------------------------- */
/* LCUX-18818: 23주년 이벤트               */
/* ------------------------------------- */

/* special 레이아웃 공통 */
.special-wrap {position:relative;}
.special-wrap .special-header,
.special-wrap .special-cont {position:relative;}

.special-wrap .hidden {display:none;}

/* content header */
.anniversary-23rd .special-header {height:578px;background-image:url(../img/special/anniversary_23rd/header_bg.jpg);background-size:1920px auto;background-position:center;background-repeat:no-repeat;padding-top:331px;}
.anniversary-23rd .special-header .txt {line-height:33px;font-size:21px;color:#000;font-weight:500;text-align:center;letter-spacing:0;}
.anniversary-23rd .special-header .txt + .txt {margin-top:21px;}

/* tab */
.anniversary-23rd .-fdp-tab-div-type__header {background-color:#000;border-bottom:0;}
.anniversary-23rd .-fdp-tab-div-type__header ul {width:1200px;display:grid;grid-template-columns:repeat(3, 1fr);height:100px;margin:0 auto;}
.anniversary-23rd .-fdp-tab-div-type__header li {width:100%;height:100px;background-size:165px 55px;background-position:center;background-repeat:no-repeat;}
.anniversary-23rd .-fdp-tab-div-type__header li.-fdp-tab-div-type--active {background-color:#fff;border-bottom:0;}
.anniversary-23rd .-fdp-tab-div-type__header li a {display:block;height:100%;opacity:0;}

.anniversary-23rd .-fdp-tab-div-type__header li:nth-child(1) {background-image:url(../img/special/anniversary_23rd/cont_menu_01.png);}
.anniversary-23rd .-fdp-tab-div-type__header li:nth-child(2) {background-image:url(../img/special/anniversary_23rd/cont_menu_02.png);}
.anniversary-23rd .-fdp-tab-div-type__header li:nth-child(3) {background-image:url(../img/special/anniversary_23rd/cont_menu_03.png);}
.anniversary-23rd .-fdp-tab-div-type__header li:nth-child(1).-fdp-tab-div-type--active {background-image:url(../img/special/anniversary_23rd/cont_menu_01_active.png);}
.anniversary-23rd .-fdp-tab-div-type__header li:nth-child(2).-fdp-tab-div-type--active {background-image:url(../img/special/anniversary_23rd/cont_menu_02_active.png);}
.anniversary-23rd .-fdp-tab-div-type__header li:nth-child(3).-fdp-tab-div-type--active {background-image:url(../img/special/anniversary_23rd/cont_menu_03_active.png);}

/* content */
.anniversary-23rd .cont-inner {padding-bottom:80px;margin-top:60px;}
.anniversary-23rd .cont-inner p {line-height:33px;font-size:21px;color:#000;font-weight:500;letter-spacing:0;}
.anniversary-23rd .cont-inner p + p {margin-top:21px;}
.anniversary-23rd .cont-inner p.sub-txt {font-weight:300;}
.anniversary-23rd .cont-inner span.accent {color:#005de4;font-weight:bold;}

.anniversary-23rd .wrap-callout {display:flex;align-items:center;justify-content:space-between;width:800px;gap:24px;background-color:#fff;border-radius:8px;box-shadow:4px 5px 20px rgba(34, 34, 34, .11);padding:60px;margin:40px auto 0;}
.anniversary-23rd .cont-inner.cont-01 .wrap-callout {padding:23px 78px 22px 70px;}
.anniversary-23rd .cont-inner.cont-02 .wrap-callout {padding:16px 85px 19px 70px;}
.anniversary-23rd .wrap-callout p {text-align:left;}
.anniversary-23rd .wrap-callout p + p {margin-top:15px;}

.anniversary-23rd .comment_container {width:1200px;margin:0 auto;}
.anniversary-23rd .comment_container > .commentWrite {padding-left:0;padding-right:0;}

/* 인사이트 포럼 초청 팝업 */
.insight-forum-23rd-popup .wrap-cont {padding-top:30px;}
.insight-forum-23rd-popup .wrap-cont + .wrap-cont {border-top:1px solid #ccc;margin-top:40px;}
.insight-forum-23rd-popup .wrap-cont h3 {line-height:30px;font-size:20px;color:#000;font-weight:bold;text-align:left;letter-spacing:0;}
.insight-forum-23rd-popup .wrap-cont .msg {margin-top:30px;}
.insight-forum-23rd-popup .wrap-cont p {line-height:24px;font-size:16px;color:#000;font-weight:normal;text-align:left;letter-spacing:0;}

.insight-forum-23rd-popup .wrap-cont .wrap-member-info {margin-top:20px;}
.insight-forum-23rd-popup .wrap-cont .wrap-member-info table {margin-top:30px;}
.insight-forum-23rd-popup .wrap-cont .wrap-member-info th,
.insight-forum-23rd-popup .wrap-cont .wrap-member-info td {padding:10px 0;}
.insight-forum-23rd-popup .wrap-cont .wrap-member-info th {font-size:16px;color:rgba(0,0,0,.8);font-weight:500;}
.insight-forum-23rd-popup .wrap-cont .wrap-member-info input {font-size:16px;color:rgba(0,0,0,.8);font-weight:normal;}

.insight-forum-23rd-popup .wrap-cont .btns {gap:20px;margin-top:40px;}

/* 설문조사 팝업 */
.survey-23rd-popup .-fdp-popup__wrapper {padding:0 40px}

.survey-23rd-popup .-fdp-popup__title-area {border-bottom:0;}
.survey-23rd-popup h1 {font-size:0;background-image:url(../img/common/2022/logo_202205.gif);background-size:auto 40px;background-position:center left;background-repeat:no-repeat;}

.survey-23rd-popup h3 {width:calc(100% + 80px);transform:translateX(-40px);}
.survey-23rd-popup h3 img {width:100%;height:auto;}

.survey-23rd-popup .wrap-survey {width:calc(100% + 80px);background-color:#f0f0f0;transform:translateX(-40px);padding:40px;}
.survey-23rd-popup .wrap-survey .inner {text-align:left;border:1px solid #e7ddd3;background-color:#fff;padding:84px 46px 90px;}

.survey-23rd-popup .wrap-survey .question,
.survey-23rd-popup .wrap-survey .answer {position:relative;padding-left:58px;}
.survey-23rd-popup .wrap-survey .question p {color:#000;font-weight:bold;letter-spacing:0;}
.survey-23rd-popup .wrap-survey .question .num {position:absolute;top:0;left:0;height:40px;line-height:39px;font-size:26px;border-bottom:1px solid #185de0;}
.survey-23rd-popup .wrap-survey .question .txt {line-height:32px;font-size:21px;padding-top:2px;margin-top:0;}

.survey-23rd-popup .wrap-survey .answer {margin-top:21px;}
.survey-23rd-popup .wrap-survey .answer li + li {margin-top:21px;}
.survey-23rd-popup .wrap-survey .answer .inp-radio label {line-height:24px;font-size:21px;color:#000;font-weight:normal;letter-spacing:0;}
.survey-23rd-popup .wrap-survey .answer .textarea-wrap {padding-left:28px;margin-top:11px;}
.survey-23rd-popup .wrap-survey .answer .textarea-wrap textarea {width:100%;height:120px;border:1px solid #707070;}

.survey-23rd-popup .wrap-survey .btns {padding:0 58px;}
.survey-23rd-popup .wrap-survey .btns button.hide {opacity:0;}
.survey-23rd-popup .wrap-survey .btns .icon-prev {padding:0 60px 0 40px;}
.survey-23rd-popup .wrap-survey .btns .icon-prev span {padding-right:0;padding-left:30px;}
.survey-23rd-popup .wrap-survey .btns .icon-prev span:after {right:initial;left:0;transform:rotate(180deg) translateY(50%);}
.survey-23rd-popup .wrap-survey .btns .icon-next {padding:0 40px 0 60px;}

/* ------------------------------------- */
/* 웹폰트 - G마켓 산스                      */
/* ------------------------------------- */
@font-face {
    font-family: 'Gmarket Sans';
    font-style: normal;
    font-weight: 500;
      font-display: swap;
    src: url('./font/GmarketSansMedium.woff2') format('woff2'),
    url('./font/GmarketSansMedium.woff') format('woff'),
    url('./font/GmarketSansMedium.otf') format('opentype'),
      url('./font/GmarketSansMedium.ttf') format('truetype');
  }
  
  @font-face {
    font-family: 'Gmarket Sans';
    font-style: normal;
    font-weight: 700;
      font-display: swap;
    src: url('./font/GmarketSansBold.woff2') format('woff2'),
    url('./font/GmarketSansBold.woff') format('woff'),
    url('./font/GmarketSansBold.otf') format('opentype'),
      url('./font/GmarketSansBold.ttf') format('truetype');
  }
  
/* ------------------------------------- */
/* 세시어워즈 - 공통                         */
/* ------------------------------------- */

/* content header */
.special-wrap.awards .special-header {height:500px;background-size:1920px auto;background-position:center;background-repeat:no-repeat;}


/* tab */
.special-wrap.awards .-fdp-tab-div-type__header {background-color:#000;border-bottom:0;}
.special-wrap.awards .-fdp-tab-div-type__header ul {width:1200px;display:grid;grid-template-columns:repeat(3, 1fr);height:80px;margin:0 auto;}
.special-wrap.awards .-fdp-tab-div-type__header li {width:100%;height:80px;background-size:165px 55px;background-position:center;background-repeat:no-repeat;}
.special-wrap.awards .-fdp-tab-div-type__header li.-fdp-tab-div-type--active {background-color:#fff;border-bottom:0;}
.special-wrap.awards .-fdp-tab-div-type__header li a {display:block;height:100%;opacity:0;}

/* tab: custom tab */
.special-wrap.awards .wrap-tab-nav {background-color:#fff;}
.special-wrap.awards .wrap-tab-nav ul {width:1200px;display:grid;grid-template-columns:repeat(3, 1fr);height:80px;margin:0 auto;}
.special-wrap.awards .wrap-tab-nav li {width:100%;height:80px;background-size:165px 55px;background-position:center;background-repeat:no-repeat;}

/* 섹션 콘텐츠 */
.special-wrap.awards .section-cont-wrap {position:relative;width:100%;background-color:#fff;overflow:hidden;padding:120px 0;}
.special-wrap.awards .section-cont-wrap > .inner {position:relative;width:1200px;margin:0 auto;}



/* ------------------------------------- */
/* 세시어워즈 2024                         */
/* ------------------------------------- */

/* content header */
.awards.awards-2024 {min-width:1450px;}
.awards.awards-2024 .special-header {height:501px;background-image:url(../img/special/awards/2024/header_bg.jpg);}
.awards.awards-2024 .special-header .desc {display:flex;align-items:center;justify-content:center;padding-top:362px;}
.awards.awards-2024 .special-header .btn-download-pdf {display:block;width:232px;height:54px;font-size:0;border:0;border-radius:0;background-color:transparent;background-image:url(../img/special/awards/2024/btn_pdf.png);background-size:contain;background-position:center;background-repeat:no-repeat;}

/* tab */
.awards.awards-2024 .wrap-tab-nav {background-color:#ebff3a;z-index:30;}
.awards.awards-2024 .wrap-tab-nav.is-fixed {position:fixed;top:0;left:0;width:100%;z-index:30;}

.awards.awards-2024 .wrap-tab-nav > .inner {min-width:1450px;margin:0 auto;}
.awards.awards-2024 .wrap-tab-nav ul {width:1200px;height:80px;}
.awards.awards-2024 .wrap-tab-nav li {width:100%;height:80px;}
.awards.awards-2024 .wrap-tab-nav .awards-tab-btn {position:relative;display:block;width:100%;height:100%;font-size:0;border:0;background-size:contain;background-position:center;background-repeat:no-reppeat;transition:background-image .2s;}

.awards.awards-2024 .wrap-tab-nav li:nth-child(1) .awards-tab-btn {background-image:url(../img/special/awards/2024/cont_menu_01.png);}
.awards.awards-2024 .wrap-tab-nav li:nth-child(2) .awards-tab-btn {background-image:url(../img/special/awards/2024/cont_menu_02.png);}
.awards.awards-2024 .wrap-tab-nav li:nth-child(3) .awards-tab-btn {background-image:url(../img/special/awards/2024/cont_menu_03.png);}

.awards.awards-2024 .wrap-tab-nav li:nth-child(1) .awards-tab-btn.active {background-image:url(../img/special/awards/2024/cont_menu_01_active.png);}
.awards.awards-2024 .wrap-tab-nav li:nth-child(2) .awards-tab-btn.active {background-image:url(../img/special/awards/2024/cont_menu_02_active.png);}
.awards.awards-2024 .wrap-tab-nav li:nth-child(3) .awards-tab-btn.active {background-image:url(../img/special/awards/2024/cont_menu_03_active.png);}

/* 섹션: 헤더 */
.awards.awards-2024 .award-section .section-header {position:relative;display:flex;flex-direction:column;align-items:center;background-color:#ebff3a;box-shadow:0px 14px 25px 0px rgba(0,0,0,0.16) inset;z-index:10;}
.awards.awards-2024 .award-section .section-header:before {content:'';position:absolute;bottom:-8px;left:50%;width:20px;height:20px;background-color:#ebff3a;transform:translateX(-50%) rotate(45deg);}
.awards.awards-2024 .award-section .section-header p {position:relative;width:100%;line-height:42px;font-family:'Gmarket Sans';font-size:30px;color:#000;font-weight:500;text-align:center;letter-spacing:0;overflow:hidden;padding:60px 0 50px;}
.awards.awards-2024 .award-section .section-header p:before {content:'';position:absolute;bottom:-10px;left:0;width:100%;height:600px;background-image:url(../img/special/awards/2024/bg_noise.png);background-size:cover;background-position:center;background-repeat:no-repeat;}
.awards.awards-2024 .award-section .section-header p em {font-weight:700;}

/* 섹션: 콘텐츠 */
.awards.awards-2024 .section-cont-wrap {margin:0 auto;}
.awards.awards-2024 .wrap-tab-nav.is-fixed + .wrap-tab-content {margin-top:80px;}
.awards.awards-2024 .section-cont-wrap.flex .inner {display:flex;align-items:flex-start;justify-content:center;}
.awards.awards-2024 .section-cont-wrap .tit {line-height:44px;font-size:32px;color:#000;font-weight:bold;text-align:center;letter-spacing:-.4px;}
.awards.awards-2024 .section-cont-wrap .tit.align-left {text-align:left;}
.awards.awards-2024 .section-cont-wrap .tit em {color:#9fb100;}
.awards.awards-2024 .section-cont-wrap.flex .tit {flex-basis:404px;flex-shrink:0;flex-grow:0;text-align:left;}
.awards.awards-2024 .section-cont-wrap .tit .sub-txt {font-size:22px;color:#3a3a3a;font-weight:300;margin-left:10px;}
.awards.awards-2024 .section-cont-wrap.flex .cont-inner {flex:1;}

.awards.awards-2024 .tab-content > .cont-inner.cont-02 {position:relative;}

/* 섹션: 슬롯 넘버 */
.awards.awards-2024 .slot-timer-wrap {position:relative;}
.awards.awards-2024 .timer-container {position:relative;display:flex;justify-content:center;align-items:center;max-width:1200px;background-color:#efefef;border:1px solid #efefef;border-radius:28px;box-shadow:0px 0px 50px 0px rgba(255,255,255,1) inset;padding:60px 0;margin:41px auto 0;}
.awards.awards-2024 .timer-container:before,
.awards.awards-2024 .timer-container:after {content:'';position:absolute;top:50%;width:15px;height:190px;transform:translateY(-50%);background-image:url(../img/special/awards/2024/slot_bg.png);background-size:contain;background-position:center;background-repeat:no-repeat;}
.awards.awards-2024 .timer-container:before {left:20px;}
.awards.awards-2024 .timer-container:after {right:20px;}

.awards.awards-2024 .timer-container .number-group {display:flex;align-items:center;gap:10px;}

.awards.awards-2024 .timer-container .number-box {position:relative;width:121px;height:141px;background-color:#fff;border:3px solid #9fb100;border-radius:19px;overflow:hidden;}

.awards.awards-2024 .timer-container .number-slot {position:absolute;display:flex;top:0;left:0;width:100%;flex-direction:column;will-change:transform;transform-style:preserve-3d;backface-visibility:hidden;transition:none;}

.awards.awards-2024 .timer-container .number {display:flex;align-items:center;justify-content:center;flex-shrink:0;width:100%;height:135px;line-height:135px;font-family:'Gmarket Sans';font-size:99px;font-weight:900;color:#b1b1b1;background-color:#fff;backface-visibility:hidden;user-select:none;transform:translateZ(0);padding:18px 0 0;margin:0;}

.awards.awards-2024 .timer-container .number.final {color:#000;}

.awards.awards-2024 .timer-container .unit {font-size:32px;font-weight:300;color:#000;margin:0 20px 0 8px;}


/* 캐릭터 플로팅 UI */
.character-wrap {position:relative;max-width:100%;z-index:10;}
.floating-character {position:absolute;}
.floating-character .inner {position:relative;}

.floating-character .msg {position:absolute;background-size:contain;background-position:center;background-repeat:no-repeat;}

.floating-character.character-e.cheering {bottom:47px;left:calc(50% + 542px);transform:scale(.9);}
.floating-character.character-e.cheering .msg {right:-114px;}
.floating-character.character-e.cheering .msg.min {top:-140px;width:334px;height:142px;background-image:url(../img/special/awards/2024/cheering_bubble_min.png);}
.floating-character.character-e.cheering .msg.mid {top:-156px;width:340px;height:160px;background-image:url(../img/special/awards/2024/cheering_bubble_mid.png);}
.floating-character.character-e.cheering .msg.max {top:-132px;width:269px;height:134px;background-image:url(../img/special/awards/2024/cheering_bubble_max.png);}

.floating-character.character-o.study-rank {top:-70px;left:calc(50% + 460px);}
.floating-character.character-o.study-rank .msg {top:-64px;left:-262px;width:263px;height:172px;background-image:url(../img/special/awards/2024/study_rank_bubble_1.png);}
.floating-character.character-o.study-rank .msg-2 {top:4px;right:-207px;left:initial;width:53px;height:29px;background-image:url(../img/special/awards/2024/study_rank_bubble_2.png);}

.floating-character.character-c.new-class {bottom:380px;left:calc(50% - 609px);}
.floating-character.character-c.new-class .msg {top:-121px;right:-184px;width:205px;height:172px;background-image:url(../img/special/awards/2024/new_class_bubble.png);z-index:10;}
.floating-character.character-c.new-class .msg.aos-animate {animation:surprised-txt-bounce 1s ease-in-out 2;animation-delay:1.05s;}

.floating-character.character-watch.topic-25 {top:509px;left:calc(50% + 398px);}
.floating-character.character-watch.topic-25 {top:-755px;left:calc(50% + 387px);}
.floating-character.character-watch.topic-25 .msg {top:-107px;left:-47px;width:257px;height:123px;background-image:url(../img/special/awards/2024/topic_25_bubble.png);}

.floating-character .character {position:absolute;top:0;left:0;background-size:contain;background-position:center;background-repeat:no-repeat;}
.floating-character.character-e .character {width:198px;height:167px;background-image:url(../img/special/awards/2024/character_e.svg);}
.floating-character.character-o .character {width:161px;height:172px;background-image:url(../img/special/awards/2024/character_o.svg);}
.floating-character.character-c .character {width:243px;height:163px;background-image:url(../img/special/awards/2024/character_c.svg);}
.floating-character.character-c .character.aos-animate {animation:surprised-bounce 1s ease-in-out 2;animation-delay:1s;}
.floating-character.character-watch .character {width:291px;height:215px;background-image:url(../img/special/awards/2024/character_watch.png);}


/* 올해 공부한 시간 */
.awards.awards-2024 .estimate-wrap {display:flex;align-items:center;justify-content:center;gap:27px;max-width:1200px;margin:30px auto 0;}
.awards.awards-2024 .estimate-wrap .estimate-txt {position:relative;height:44px;line-height:44px;font-size:26px;color:#000;font-weight:normal;padding-left:54px;}
.awards.awards-2024 .estimate-wrap .estimate-txt:before {content:'';position:absolute;top:0;left:0;width:44px;height:44px;background-size:contain;background-position:center;background-repeat:no-repeat;}
.awards.awards-2024 .estimate-wrap .estimate-txt.vid:before {background-image:url(../img/special/awards/2024/icon_estimate_vid.png);}
.awards.awards-2024 .estimate-wrap .estimate-txt.rank:before {background-image:url(../img/special/awards/2024/icon_estimate_rank.png);}
.awards.awards-2024 .estimate-wrap .estimate-txt.percent:before {background-image:url(../img/special/awards/2024/icon_estimate_percent.png);}
.awards.awards-2024 .estimate-wrap .estimate-txt em {font-weight:bolder;}

.awards.awards-2024 .section-cont-wrap.favorites {position:relative;background-color:#fdffe8;}
.awards.awards-2024 .section-cont-wrap.favorites .heart-icon {content:'';position:absolute;background-size:contain;background-position:center;background-repeat:no-repeat;}
.awards.awards-2024 .section-cont-wrap.favorites .heart-icon.before {top:103px;left:calc(50% - 777px);width:290px;height:270px;background-image:url(../img/special/awards/2024/bg_heart_blur.png);}
.awards.awards-2024 .section-cont-wrap.favorites .heart-icon.after {top:490px;left:calc(50% + 560px);width:170px;height:160px;background-image:url(../img/special/awards/2024/bg_heart.png);z-index:1;}
.awards.awards-2024 .section-cont-wrap.favorites .cont-inner {display:flex;align-items:flex-start;justify-content:center;gap:12px;margin-top:41px;}

/* card content */
.awards.awards-2024 .card-wrap {flex:1;flex-shrink:0;width:100%;}
.awards.awards-2024 .card-wrap .card-link {display:block;border-radius:28px;overflow:hidden;box-shadow:0px 6px 40px 0px rgba(0,0,0,0.08);transition:box-shadow .2s;}
.awards.awards-2024 .card-wrap .card-link:hover {box-shadow:0px 6px 40px 0px rgba(0,0,0,0.2);}
.awards.awards-2024 .card-wrap .card {background-color:#fff;border:0;}
.awards.awards-2024 .card-wrap .thumb {position:relative;height:220px;overflow:hidden;}
.awards.awards-2024 .card-wrap .thumb img {position:absolute;bottom:0;left:50%;width:110%;height:auto;transform:translateX(-50%);transition:width .2s;}
.awards.awards-2024 .card-wrap:hover .thumb img {width:115%;}
.awards.awards-2024 .card-wrap .txt-wrap {padding:30px 36px 39px;}
.awards.awards-2024 .card-wrap .txt-wrap p {text-align:left;letter-spacing:-.4px;}
.awards.awards-2024 .card-wrap .tit {display:-webkit-box;height:66px;line-height:33px;font-size:22px;color:#000;font-weight:bold;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;word-break:break-all;}
.awards.awards-2024 .card-wrap .card-link:hover .tit {text-decoration:underline;}
.awards.awards-2024 .card-wrap .time {height:24px;line-height:24px;font-size:16px;color:#3a3a3a;margin-top:8px;}

/* 마스터클래스 아이템 */
.awards.awards-2024 .section-cont-wrap.master-class {background-color:#efefef;}
.awards.awards-2024 .section-cont-wrap.master-class .cont-inner {display:grid;grid-template-columns:repeat(2, 1fr);gap:16px 10px;}
.awards.awards-2024 .cont-inner .master-class-item {position:relative;height:175px;background-color:#fff;border-radius:28px;box-shadow:0px 6px 40px 0px rgba(23,45,83,0.08);padding:36px 40px 30px;}
.awards.awards-2024 .cont-inner .master-class-item:first-child {grid-column:1 / -1;}
.awards.awards-2024 .cont-inner .master-class-item:before {content:'';position:absolute;bottom:30px;right:30px;width:80px;height:80px;background-size:contain;background-position:center;background-repeat:no-repeat;}
.awards.awards-2024 .cont-inner .master-class-item.ceo:before {background-image:url(../img/special/awards/2024/icon_masterclass_ceo.png);}
.awards.awards-2024 .cont-inner .master-class-item.writer:before {background-image:url(../img/special/awards/2024/icon_masterclass_writer.png);}
.awards.awards-2024 .cont-inner .master-class-item.davinch:before {background-image:url(../img/special/awards/2024/icon_masterclass_davinch.png);}
.awards.awards-2024 .cont-inner .master-class-item p {letter-spacing:-.4px;text-align:left;}
.awards.awards-2024 .cont-inner .master-class-item .name {height:35px;line-height:35px;font-size:24px;color:#000;font-weight:bold;}
.awards.awards-2024 .cont-inner .master-class-item .cnt {height:29px;line-height:29px;font-size:20px;color:#9fb100;margin-top:9px;}

/* 섹션: 개인 공부왕, 법인 공부왕 */
.awards.awards-2024 .section-cont-wrap.study-rank {overflow:hidden;}
.awards.awards-2024 .section-cont-wrap.study-rank.person {background-color:#fff;}
.awards.awards-2024 .section-cont-wrap.study-rank.company {background-color:#fdffe8;}

.awards.awards-2024 .section-cont-wrap.study-rank .cont-inner {position:relative;margin-top:40px;}

.awards.awards-2024 .section-cont-wrap.study-rank .swiper-guide {position:absolute;top:-77px;right:0;width:184px;height:29px;font-size:0;background-image:url(../img/special/awards/2024/swiper_guide.png);background-size:contain;background-position:center;background-repeat:no-repeat;}

.awards.awards-2024 .section-cont-wrap.study-rank .swiper-container {cursor:grab;overflow:visible;}
.awards.awards-2024 .section-cont-wrap.study-rank .swiper-slide {width:232px;}

.awards.awards-2024 .section-cont-wrap.study-rank .item {position:relative;width:232px;height:259px;border-radius:28px;}
.awards.awards-2024 .section-cont-wrap.study-rank.person .item {background-color:#efefef;padding:38px 38px 0;}
.awards.awards-2024 .section-cont-wrap.study-rank.company .item {background-color:#fff;box-shadow:0px 6px 40px 0px rgba(23,45,83,0.08);padding:32px 23px 0;}

.awards.awards-2024 .section-cont-wrap.study-rank .item .rank {display:flex;align-items:flex-end;justify-content:flex-start;height:48px;line-height:48px;font-family:'Roboto', 'NotoSans';font-size:36px;color:#9fb100;font-weight:bold;text-align:left;}
.awards.awards-2024 .section-cont-wrap.study-rank .item .rank em {height:45px;font-size:24px;}

.awards.awards-2024 .section-cont-wrap.study-rank .user-name {display:-webkit-box;color:#000;font-weight:bold;letter-spacing:-.4px;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;word-break:break-all;}
.awards.awards-2024 .section-cont-wrap.study-rank.person .user-name {font-size:24px;text-align:right;margin-top:54px;}
.awards.awards-2024 .section-cont-wrap.study-rank.person .user-id {font-size:16px;color:#3a3a3a;text-align:right;margin-top:10px;}

.awards.awards-2024 .section-cont-wrap.study-rank.company .user-name {display:block;height:32px;line-height:32px;font-size:26px;text-align:left;margin-top:12px;}
.awards.awards-2024 .section-cont-wrap.study-rank.company .user-desc {display:block;font-size:16px;color:#3a3a3a;letter-spacing:-1px;text-align:left;margin-top:14px;}

.awards.awards-2024 .section-cont-wrap.study-rank .swiper-slide:first-child .item:after {content:'';position:absolute;width:73px;height:26px;background-image:url(../img/special/awards/2024/rank_accent.png);background-size:contain;background-position:center;background-repeat:no-repeat;}
.awards.awards-2024 .section-cont-wrap.study-rank.person .swiper-slide:first-child .item:after {top:50px;left:24px;}
.awards.awards-2024 .section-cont-wrap.study-rank.company .swiper-slide:first-child .item:after {top:46px;left:11px;}

.awards.awards-2024 .section-cont-wrap.study-rank .star-icon.before {position:absolute;bottom:30px;left:calc(50% - 767px);width:210px;height:210px;background-image:url(../img/special/awards/2024/bg_star_blur.png);background-size:contain;background-position:center;background-repeat:no-repeat;}

/* 섹션: 콘텐츠/프로그램 순위 */
.awards.awards-2024 .section-cont-wrap.top-10 {overflow:hidden;}
.awards.awards-2024 .section-cont-wrap.top-10.top-program {background-color:#efefef;}
.awards.awards-2024 .section-cont-wrap.top-10 .cont-inner {position:relative;margin-top:40px;}
.awards.awards-2024 .section-cont-wrap.top-10 .swiper-container {cursor:grab;overflow:visible;}
.awards.awards-2024 .section-cont-wrap.top-10 .swiper-slide {width:392px;}

.awards.awards-2024 .section-cont-wrap.top-10 .card-wrap {position:relative;width:392px;background-color:#fff;border-radius:28px;}
.awards.awards-2024 .section-cont-wrap.top-10 .card-wrap .thumb {}
.awards.awards-2024 .section-cont-wrap.top-10 .card-wrap .txt-wrap {background-color:#ebecf0;padding:26px 36px 40px;}
.awards.awards-2024 .section-cont-wrap.top-10 .card-wrap p {display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;word-break:break-all;}
.awards.awards-2024 .section-cont-wrap.top-10 .card-wrap .rank {position:relative;display:flex;align-items:flex-end;justify-content:flex-start;height:48px;line-height:48px;font-family:'Roboto', 'NotoSans';font-size:36px;color:#9fb100;font-weight:bold;overflow:visible;}
.awards.awards-2024 .section-cont-wrap.top-10 .swiper-wrapper .swiper-slide:first-child .card-wrap .rank:before {content:'';position:absolute;bottom:11px;left:-14px;width:73px;height:26px;background-image:url(../img/special/awards/2024/rank_accent.png);background-size:contain;background-position:center;background-repeat:no-repeat;}
.awards.awards-2024 .section-cont-wrap.top-10 .card-wrap .rank em {font-size:24px;height:45px;}
.awards.awards-2024 .section-cont-wrap.top-10 .card-wrap .tit {height:33px;line-height:33px;color:#000;font-weight:bold;letter-spacing:-.4px;margin-top:7px;}
.awards.awards-2024 .section-cont-wrap.top-10 .card-wrap .desc {height:24px;line-height:24px;font-size:16px;color:#3a3a3a;margin-top:8px;}

/* 섹션: 2024년 NEW 클래스 & 서비스 */
.awards.awards-2024 .section-cont-wrap.new-class .cont-inner {display:flex;flex-direction:column;gap:10px;}
.awards.awards-2024 .section-cont-wrap.new-class .new-class-item {position:relative;display:flex;align-items:center;justify-content:space-between;height:145px;background-color:#fff;border:1px solid #9fb100;border-radius:28px;box-shadow:0px 6px 40px 0px rgba(23,45,83,0.08);transition:box-shadow .2s;cursor:default;padding:0 40px;}
.awards.awards-2024 .section-cont-wrap.new-class .new-class-item.link {cursor:pointer;}
.awards.awards-2024 .section-cont-wrap.new-class .new-class-item.sns {cursor:default;}
.awards.awards-2024 .section-cont-wrap.new-class .new-class-item:hover {box-shadow:0px 6px 40px 0px rgba(23,45,83,0.2);}
.awards.awards-2024 .section-cont-wrap.new-class .new-class-item:not(.sns):before {content:'';position:absolute;top:50%;right:40px;width:44px;height:44px;background-size:contain;background-position:center;background-repeat:no-repeat;transform:translateY(-50%);}
.awards.awards-2024 .section-cont-wrap.new-class .new-class-item.link:before {background-image:url(../img/special/awards/2024/icon_next.svg);}
.awards.awards-2024 .section-cont-wrap.new-class .new-class-item.popup:before {background-image:url(../img/special/awards/2024/icon_plus.svg);}

.awards.awards-2024 .section-cont-wrap.new-class .new-class-item p {text-align:left;letter-spacing:-.4px;}
.awards.awards-2024 .section-cont-wrap.new-class .new-class-item .name {height:32px;line-height:32px;font-size:22px;color:#000;font-weight:bold;}
.awards.awards-2024 .section-cont-wrap.new-class .new-class-item .desc {height:24px;line-height:24px;font-size:16px;color:#3a3a3a;margin-top:10px;}

.awards.awards-2024 .section-cont-wrap.new-class .new-class-item .link-wrap {display:flex;align-items:center;justify-content:flex-end;gap:10px;}
.awards.awards-2024 .section-cont-wrap.new-class .new-class-item .sns-link {position:relative;width:58px;height:58px;font-size:0;background-size:contain;background-position:center;background-repeat:no-repeat;}
.awards.awards-2024 .section-cont-wrap.new-class .new-class-item .sns-link.instagram {background-image:url(../img/special/awards/2024/icon_sns_instagram.svg);}
.awards.awards-2024 .section-cont-wrap.new-class .new-class-item .sns-link.naver {background-image:url(../img/special/awards/2024/icon_sns_naver.svg);}

/* 섹션: `25 화두 Story */
.awards.awards-2024 .section-cont-wrap.topic-25 {background-color:#000;}
.awards.awards-2024 .section-cont-wrap.topic-25 .cont-inner {display:flex;flex-direction:column;align-items:center;justify-content:center;}
.awards.awards-2024 .section-cont-wrap.topic-25 h3,
.awards.awards-2024 .section-cont-wrap.topic-25 .txt-wrap {width:800px;}
.awards.awards-2024 .section-cont-wrap.topic-25 .img-wrap {width:990px;margin-top:80px;}

.awards.awards-2024 .section-cont-wrap.topic-25 h3 {line-height:54px;font-size:54px;color:#e2f254;font-weight:bold;text-align:left;letter-spacing:0;}
.awards.awards-2024 .section-cont-wrap.topic-25 h3 span {font-size:22px;font-weight:normal;}

.awards.awards-2024 .section-cont-wrap.topic-25 .img-wrap img {display:block;width:100%;height:auto;}
.awards.awards-2024 .section-cont-wrap.topic-25 p {line-height:38px;font-size:26px;color:#fff;font-weight:500;text-align:left;letter-spacing:0;}
.awards.awards-2024 .section-cont-wrap.topic-25 p + p {margin-top:17px;}
.awards.awards-2024 .section-cont-wrap.topic-25 .txt-header {margin-top:30px;}
.awards.awards-2024 .section-cont-wrap.topic-25 .txt-cont {margin-top:80px;}
.awards.awards-2024 .section-cont-wrap.topic-25 .txt-cont p {font-weight:300;}

/* 섹션: 특별기획 예고 */
.awards.awards-2024 .section-cont-wrap.special-plan {position:relative;background-color:#efefef;}
.awards.awards-2024 .section-cont-wrap.special-plan:before,
.awards.awards-2024 .section-cont-wrap.special-plan:after {content:'';position:absolute;top:226px;width:400px;height:490px;background-size:contain;background-position:center;background-repeat:no-repeat;}
.awards.awards-2024 .section-cont-wrap.special-plan:before {left:calc(50% - 967px);background-image:url(../img/special/awards/2024/plan_bg_01.jpg);}
.awards.awards-2024 .section-cont-wrap.special-plan:after {right:calc(50% - 967px);background-image:url(../img/special/awards/2024/plan_bg_02.jpg);}

.awards.awards-2024 .section-cont-wrap.special-plan > .inner {position:relative;z-index:1;}

.awards.awards-2024 .section-cont-wrap.special-plan .cont-inner {position:relative;display:grid;grid-template-columns:repeat(3, 1fr);gap:12px;margin-top:120px;}
.awards.awards-2024 .section-cont-wrap.special-plan .cont-inner:before {content:'';position:absolute;top:-25px;left:50%;width:809px;height:1px;background-color:#9fb100;transform:translateX(-50%);}

.awards.awards-2024 .section-cont-wrap.special-plan .plan-wrap {position:relative;background-color:#fff;border-radius:28px;padding:40px;}
.awards.awards-2024 .section-cont-wrap.special-plan .plan-wrap:before {position:absolute;top:-78px;left:50%;height:37px;line-height:37px;font-size:28px;color:#9fb100;font-weight:bold;letter-spacing:0;transform:translateX(-50%);}
.awards.awards-2024 .section-cont-wrap.special-plan .plan-wrap.plan-1:before {content:'01';}
.awards.awards-2024 .section-cont-wrap.special-plan .plan-wrap.plan-2:before {content:'02';}
.awards.awards-2024 .section-cont-wrap.special-plan .plan-wrap.plan-3:before {content:'03';}
.awards.awards-2024 .section-cont-wrap.special-plan .plan-wrap:after {content:'';position:absolute;top:-31px;left:50%;width:13px;height:13px;background-color:#9fb100;border-radius:100%;transform:translateX(-50%);}
.awards.awards-2024 .section-cont-wrap.special-plan p,
.awards.awards-2024 .section-cont-wrap.special-plan span,
.awards.awards-2024 .section-cont-wrap.special-plan li {text-align:left;letter-spacing:-.4px;}
.awards.awards-2024 .section-cont-wrap.special-plan .plan-header .tit {line-height:38px;font-size:22px;color:#9fb100;font-weight:bold;}
.awards.awards-2024 .section-cont-wrap.special-plan .plan-header .tit span {font-size:16px;font-weight:300;}
.awards.awards-2024 .section-cont-wrap.special-plan .plan-header .meta {display:flex;align-items:center;justify-content:flex-start;gap:21px;margin-top:9px;}
.awards.awards-2024 .section-cont-wrap.special-plan .plan-header .meta span {position:relative;display:block;height:24px;line-height:24px;font-size:16px;color:#3a3a3a;}
.awards.awards-2024 .section-cont-wrap.special-plan .plan-header .meta span + span:before {content:'';position:absolute;top:50%;left:-10px;width:1px;height:12px;background-color:rgba(0,0,0,.16);transform:translateY(-50%);}

.awards.awards-2024 .section-cont-wrap.special-plan .plan-cont {margin-top:27px;}
.awards.awards-2024 .section-cont-wrap.special-plan .plan-cont p,
.awards.awards-2024 .section-cont-wrap.special-plan .plan-cont li {line-height:30px;font-size:20px;color:#000;}
.awards.awards-2024 .section-cont-wrap.special-plan .plan-cont li {position:relative;padding-left:22px;}
.awards.awards-2024 .section-cont-wrap.special-plan .plan-cont li:before {content:'';position:absolute;top:9px;left:0;width:15px;height:10px;background-image:url(../img/special/awards/2024/icon_check.svg);background-size:contain;background-position:center;background-repeat:no-repeat;}
.awards.awards-2024 .section-cont-wrap.special-plan .plan-cont p + p,
.awards.awards-2024 .section-cont-wrap.special-plan .plan-cont ul,
.awards.awards-2024 .section-cont-wrap.special-plan .plan-cont ul + p {margin-top:20px;}

/* 태그로 보기 팝업 */
.award2024-popup .tag-info .desc .txt-bold {font-weight:bold;}
.award2024-popup .tag-info .img-wrap {margin-top:20px;}
.award2024-popup .tag-info .img-wrap img {display:block;width:100%;height:auto;}

.award2024-popup .wrap-cont {padding-top:30px;}
.award2024-popup .inner {display:flex;align-items:center;justify-content:flex-start;gap:28px;}
.award2024-popup .tag-info {display:flex;flex-direction:column;flex:1;flex-shrink:0;}

.award2024-popup .tag-info .num {display:inline-block;width:50px;height:24px;line-height:24px;font-size:16px;color:#333;font-weight:bolder;text-align:center;letter-spacing:0;background-color:#ebff3a;border-radius:12px;margin:0 auto;}

.award2024-popup .tag-info .desc {line-height:28px;font-size:20px;color:rgba(0,0,0,.8);letter-spacing:0;margin-top:10px;}
.award2024-popup .tag-info .desc .txt-blue {color:#407ee5;}
.award2024-popup .tag-info .desc .txt-bold {font-weight:bold;}

/* 맨 위로 */
.awards.awards-2024 .btn-go-top {position:fixed;bottom:30px;left:calc(50% + 600px);width:78px;height:78px;font-size:0;border:0;background-color:transparent;background-image:url(../img/special/awards/2024/btn_top.png);background-size:contain;background-position:center;background-repeat:no-repeat;z-index:100;}

/* keyframes */
@keyframes surprised-bounce {
	0% { transform:translateY(0); }
  20% { transform:translateY(-10px); }
  30% { transform:translateY(0); }
	50% { transform:translateY(-10px); }
	70% { transform:translateY(0); }
  100% { transform:translateY(0); }
}
@keyframes surprised-txt-bounce {
	0% { transform:translateY(0); }
  20% { transform:translateY(-5px); }
  30% { transform:translateY(0); }
	50% { transform:translateY(-5px); }
	70% { transform:translateY(0); }
  100% { transform:translateY(0); }
}