@charset "UTF-8";
div,
p {
    margin: 0;
    padding: 0;
}

/* 푸시알림 및 헤더 스타일 변경 추가 S */
.alram_pop {
    position: fixed;
    top: 13%;
    /* width: 40%; */
    width: 400px;
    min-width: 750px;
    transform: translateX(-50%);
    left: 50%;
    /* height: 670px; */
    /* height: 485px; */
    background: #fff;
    z-index: var(--z-index-modal, 151);
    /* overflow: auto; */
    border-top: 1px solid transparent;
    border-right: 1px solid transparent;
    border-left: 1px solid transparent;
    border-radius: 10px;
    display: none;
    line-height: initial;
}
.alram_pop_bg {
    display: none;
    position: fixed;
    background: rgba(0, 0, 0, 0.6);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: var(--z-index-dimmed, 150);
}
.alram_pop .inner {
    /* height: calc(670px - 21px); */
    /* height: calc(485px - 35px); */
    width: auto;
    padding: 37px 20px 0 30px;
}

.alram_pop .alarm_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.alram_pop .right_wrap {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.alram_pop .alram_txt {
    letter-spacing: -0.5px;
    font-family: 'market-b';
    font-size: 35px;
    color: #161616;
}
.alram_pop .non_read {
    display: block;
    text-align: left;
    letter-spacing: -0.5px;
    font-family: 'market-l';
    font-size: 20px;
    font-weight: 600;
    color: #161616;
    /* margin-top: 8px; */
}
.alram_pop .readnon_number {
    letter-spacing: -0.5px;
    color: #ff1230;
    font-family: 'market-m';
    font-weight: 500;
}
.alram_pop .right_wrap li {
    margin-right: 7px;
    transform: skew(-0.1deg);
}
.alram_pop .right_wrap .setting {
    margin-left: 5px;
    margin-right: 15px;
}
.alram_pop .right_wrap li:nth-child(2) a {
    padding: 5px 14px;
}
.alram_pop .right_wrap li:last-child {
    margin-right: 0;
}
.alram_pop .right_wrap li a {
    font-size: 14px;
    display: block;
    border: 1px solid #d4d4d4;
    border-radius: 25px;
    padding: 5px 23px;
    background: #eeeeee;
    letter-spacing: -0.5px;
    font-family: 'Nanum Square';
    font-weight: 600;
    color: #000;
}
.alram_pop .right_wrap li a:focus {
    outline: none;
}
.alram_pop .right_wrap .setting i {
    display: block;
    background: url('/_skin/sidae/popkon/images/pc_img.png') no-repeat -117px -89px;
    width: 22px;
    height: 22px;
    cursor: pointer;
}
.alram_pop .right_wrap .cancel_alram i {
    display: block;
    background: url('/_skin/sidae/popkon/images/pc_img.png') no-repeat -161px -89px;
    width: 39px;
    height: 39px;
    cursor: pointer;
}
.alram_pop .menu_choice {
    display: flex;
    /* justify-content: space-between; */
    margin-top: 18px;
}
.alram_pop .menu_choice li.all_btn {
    width: 11%;
}
.alram_pop .menu_choice li {
    width: calc(89% / 5);
    cursor: pointer;
    transform: skew(-0.1deg);
    margin-right: 7px;
    text-align: center;
}
.alram_pop .menu_choice li.selected > span {
    color: #fff;
    background: #1b4b9f;
}
.alram_pop .menu_choice li:hover span {
    background: #1b4b9f;
    color: #fff;
}
.alram_pop .menu_choice li span {
    font-size: 15px;
    display: block;
    border-radius: 3px;
    border: 1px solid #c3c3c3;
    padding: 4px 0;
    letter-spacing: -0.5px;
    font-family: 'Nanum Square';
    font-weight: 300;
    color: #000;
    /* padding: 5px 0;*/
    white-space: nowrap;
}
.alram_pop .scroll_box {
    display: none;
    padding: 0 10px 11px 30px;
}
.alram_pop .scroll_box.selected {
    display: block;
}

.alram_pop .list_alram {
    position: relative;
    height: 447px;
    overflow-y: auto;
    margin: 20px 0 0;
    transform: skew(-0.1deg);
    padding-right: 14px;
    overscroll-behavior: contain;
}
.alram_pop .list_alram::after {
    position: absolute;
    border-top: 1px solid #d4d4d4;
    content: '';
    display: block;
    width: 98%;
}
.alram_pop .list_alram::-webkit-scrollbar {
    position: absolute;
    right: 0;
    background-color: #eaeaea;
    width: 3px;
    height: 80%;
    padding-right: 10px;
    margin-bottom: 20px;
}
.alram_pop .list_alram::-webkit-scrollbar-thumb {
    background-color: #acacac;
    height: 60px;
}
.alram_pop .list_alram li:first-child {
    /* border-top: 1px solid #d4d4d4; */
}
.alram_pop .list_alram li:last-child {
    border-bottom: none;
    border-bottom: 1px solid #d4d4d4;
}
.alram_pop .list_alram li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    text-align: left;
    padding: 20px 10px 20px 12px;
    border-bottom: 1px solid #d4d4d4;
    float: left;
}
.alram_pop .list_alram li .list_left {
    width: 80%;
}

.alram_pop .list_alram li.on {
    opacity: 0.4;
}

.alram_pop .list_right {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.alram_pop .cancel_btn i {
    display: block;
    background: url('/_skin/sidae/popkon/images/pc_img.png') no-repeat -251px -92px;
    width: 21px;
    height: 22px;
    cursor: pointer;
}
.alram_pop .list_left span {
    line-height: 20px;
    font-size: 15px;
    font-family: 'Nanum Square';
    font-weight: 400;
}
.alram_pop .list_left a,
.alram_pop .list_left p {
    color: #000;
    font-size: 18px;
    font-family: 'Nanum Square';
    font-weight: 500;
    letter-spacing: -1.2px;
}
.alram_pop .alram_list {
    letter-spacing: 0px;
    color: #000;
}
.alram_pop span.date {
    position: relative;
    color: #888888;
    padding-left: 10px;
    letter-spacing: -0.5px;
    font-family: 'Nanum Square';
    font-weight: 300;
}
.alram_pop .date::before {
    color: #000;
    content: '·';
    position: absolute;
    left: 0;
    top: 0;
    display: block;
}
.alram_pop .alram_name {
    color: #000;
    font-size: 17px;
    font-weight: 600;
    font-family: 'Nanum Square';
    display: block;
    margin-top: 6px;
    width: 90%;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-break: keep-all;
}
.alram_pop .alram_download {
    margin-right: 16px;
}
.alram_pop .alram_download a {
    display: block;
    color: #fff;
    background: #373737;
    padding: 7px 20px;
    border-radius: 17px;
    font-family: 'Nanum Square';
    font-weight: 300;
    font-size: 14px;
}
.alram_pop .guide {
    display: block;
    background: #dcdcdc;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    padding: 9px 0;
    letter-spacing: -0.5px;
    font-size: 15px;
    font-family: 'Nanum Square';
    font-weight: 300;
    transform: skew(-0.1deg);
    color: #454545;
    text-align: center;
}

/* 읽지 않은 알림 0개일때 S */
.alram_off {
    display: none;
    margin-top: 45px;
    margin-bottom: 90px;
    text-align: center;
}
.alram_off .bell_img {
    margin-bottom: 10px;
}
.alram_off .bell_img i {
    display: inline-block;
    background: url('/_skin/sidae/popkon/images/pc_img.png') no-repeat -218px -9px;
    width: 85px;
    height: 65px;
}
.alram_off .txt_puple {
    margin-bottom: 5px;
}
.alram_off .txt_puple span {
    font-size: 24px;
    color: #440be7;
    font-family: 'market-b';
    letter-spacing: -1px;
}
.alram_off .ment {
    margin-bottom: 22px;
}
.alram_off .ment span {
    font-family: 'Nanum Square';
    font-weight: 300;
    font-size: 17px;
    color: #000;
}

.alram_off .alram_setting a {
    display: inline-block;
    background: #440be7;
    border-radius: 35px;
    font-size: 19px;
    font-family: 'market-m';
    font-weight: 600;
    padding: 9px 34px;
    letter-spacing: 0px;
    color: #fff;
}
/* 읽지 않은 알림 0개일때 E */

.alram_none {
    margin-top: 50px;
    margin-bottom: 50px;
    text-align: center;
}
.alram_none .txt_puple {
    margin-bottom: 5px;
}
.alram_none .txt_puple span {
    font-size: 24px;
    color: #440be7;
    font-family: 'market-b';
    letter-spacing: -1px;
    font-weight: 400;
}

/* 알림 수신 설정 S: */
.title_cancel {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 96px;
    padding: 0 20px 0 30px;
    border-bottom: 2px solid #000;
}
.topic_name span {
    display: block;
    line-height: normal;
    letter-spacing: -0.5px;
    font-family: 'market-b';
    font-size: 35px;
    font-weight: 400;
    color: #161616;
}
.cancel_alram i {
    display: block;
    background: url('/_skin/sidae/popkon/images/pc_img.png') no-repeat -161px -89px;
    width: 39px;
    height: 39px;
    cursor: pointer;
}
.recive_setting_inner {
    /* padding: 24px 20px 28px 30px; */
    text-align: left;
}
.alram_recive_setting {
    /* display: none; */
    position: fixed;
    top: 13%;
    /* width: 40%; */
    transform: translateX(-50%);
    left: 50%;
    height: 685px;
    /* height: 485px; */
    background: #fff;
    z-index: 999999;
    /* overflow: auto; */
    /* border: 2px solid; */
    /* border: 1px solid transparent; */
    border-radius: 10px;
    width: 400px;
    min-width: 750px;
}
.alram_recive_setting .bg {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    /* background: rgba(0,0,0,0.6); */
    z-index: 1;
}
.alram_recive_setting .subject {
    font-family: 'Nanum Square';
    font-weight: 400;
    font-size: 17px;
    color: #000;
}
.alram_recive_setting .guide_ment {
    transform: skew(-0.1deg);
    font-size: 14px;
    margin-top: 5px;
}
.alram_recive_setting .guide_ment span {
    color: #7d7d7d;
    font-family: 'Nanum Square';
    font-weight: 600;
}
.alram_recive_setting .swichbox input {
    display: none;
}
.alram_recive_setting .swichbox label {
    display: block;
    background: url('/_skin/sidae/popkon/images/pc_img.png') no-repeat -394px -90px;
    width: 67px;
    height: 27px;
    cursor: pointer;
}
.alram_recive_setting .swichbox input:checked + label {
    background: url('/_skin/sidae/popkon/images/pc_img.png') no-repeat -320px -90px;
}

.alram_recive_setting .push_alram {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 23px 20px 18px 30px;
    border-bottom: 1px solid #d4d4d4;
}
.alram_recive_setting .push_alram.psi2 {
    border-bottom: none;
}
.alram_recive_setting span.title {
    display: block;
    letter-spacing: -0.5px;
    font-family: 'Nanum Square';
    font-weight: 700;
    font-size: 18px;
    color: #000;
    padding: 16px 30px 15px;
    background: #ebf0f7;
    text-align: left;
}
.alram_recive_setting .alram_item .wrap li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 15px 20px 15px 30px;
    border-bottom: 1px solid #d4d4d4;
}
.alram_recive_setting .alram_item .wrap li:last-child {
    border-bottom: none;
}
.alram_recive_setting .all_alram_recive li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 23px 20px 18px 30px;
    text-align: left;
    border-bottom: 1px solid #d4d4d4;
}
.alram_recive_setting .all_alram_recive li:nth-child(2) {
    padding: 20px 20px 17px 30px;
}
.alram_recive_setting .all_alram_recive li:nth-child(3) {
    padding: 17px 20px 17px 30px;
}
.alram_recive_setting .all_alram_recive li:nth-child(4) {
    padding: 20px 20px 18px 30px;
}
.alram_recive_setting .all_alram_recive li:nth-child(5) {
    padding: 20px 20px 17px 30px;
}
.alram_recive_setting .all_alram_recive li:nth-child(6) {
    padding: 21px 20px 18px 30px;
}
.alram_recive_setting .all_alram_recive li:nth-child(7) {
    padding: 17px 20px 17px 30px;
}
.alram_recive_setting .all_alram_recive li:nth-child(8) {
    padding: 19px 20px 30px 30px;
}
.alram_recive_setting .all_alram_recive .all_alram {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    background: #ebf0f7;
    padding: 12px 20px 12px 30px;
    /* border-bottom: 1px solid #d4d4d4; */
}
.alram_recive_setting .all_alram_recive li:last-child {
    border-bottom: none;
}
.alram_recive_setting .all_alram_recive .title {
    padding: 0;
}
.alram_recive_setting .scroll_bar {
    /* height: 500px; */
    overflow-y: auto;
    padding-right: 15px;
    margin-top: 10px;
}
.alram_recive_setting .alram_box.scroll_bar .inner_box {
    height: 555px;
    overflow-y: auto;
    padding-right: 10px;
}
.alram_recive_setting .alram_box.scroll_bar .inner_box::-webkit-scrollbar {
    /* background-color: #eaeaea; */
    width: 3px; /* 스크롤바의 너비 */
}
.alram_recive_setting .alram_box.scroll_bar .inner_box::-webkit-scrollbar-track {
    background: #eaeaea; /*스크롤바 뒷 배경 색상*/
}
.alram_recive_setting .alram_box.scroll_bar .inner_box::-webkit-scrollbar-thumb {
    height: 75%; /* 스크롤바의 길이 */
    background: #acacac; /* 스크롤바의 색상 */
    background-clip: padding-box;
    border: 2px solid #acacac;
    border-radius: 50px;
}
.alram_recive_setting .link {
    font-family: 'Nanum Square';
    font-weight: 300;
    font-size: 14px;
    padding: 3px 15px;
    border-radius: 5px;
    background: #e9e9e9;
    border: 1px solid #d4d4d4;
    margin-left: 15px;
}
.alram_recive_setting .link:focus {
    outline: none;
}
.alram_recive_setting .link.book_confirm {
    margin-left: 15px;
}
.alram_recive_setting .link.isbn {
    margin-left: 5px;
}
.left_area {
    display: flex;
    align-items: center;
    transform: skew(-0.1deg);
}
.fav_name {
    color: #333;
    font-family: 'Nanum Square';
    font-weight: 300;
    font-size: 15px;
    margin-left: 10px;
}
/* 알림 수신 설정 E: */

/* *관심과정 팝업 스타일 S  */
.fav_popup {
    /* display: none; */
    position: absolute;
    /* top: 50%; */
    top: 58%;
    left: 50%;
    width: 46%;
    transform: translate(-50%, -50%);
    /* height: 575px; */
    /* height: 485px; */
    background: #fff;
    z-index: 999999;
    /* overflow: auto; */
    border: 2px solid #000;
    border-radius: 10px;
    /* padding: 27px 22px; */
    min-width: 350px;
    text-align: center;
}
.fav_popup > .inner {
    padding: 31px 25px 0;
}
.fav_popup .top_line {
    display: flex;
    justify-content: space-between;
    /* align-items: center; */
    margin-bottom: 15px;
}
.fav_popup .top_line span {
    font-family: 'market-b';
    color: #000;
    letter-spacing: -1px;
    font-size: 29px;
}
.fav_popup .top_line i {
    display: block;
    background: url('/_skin/sidae/popkon/images/pc_img.png') no-repeat -211px -90px;
    width: 30px;
    height: 30px;
    cursor: pointer;
}
.fav_popup select {
    display: block;
    width: 100%;
    font-size: 17px;
    border: 1px solid #a8a8a8;
    border-radius: 4px;
    padding: 11px 13px;
    font-family: 'Nanum Square';
    font-weight: 300;
    font-size: 16px;
    transform: skew(-0.1deg);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.fav_popup select option {
    font-family: 'noto3';
}
.fav_popup .sub_tab_menu {
    display: flex;
    padding: 13px 0 18px;
    width: 222px;
    margin-left: 23px;
}
.fav_popup .sub_tab_menu li {
    display: flex;
    width: 100%;
    padding: initial;
    border: initial;
    margin-right: 6px;
}
.fav_popup .sub_tab_menu li a {
    display: block;
    /* padding: 0px 18px; */
    background: #efefef;
    border: 1px solid #d1d1d1;
    border-radius: 3px;
    font-size: 15px;
    width: 70px;
    font-family: 'noto3';
}
.fav_popup .sub_tab_menu li a.selected {
    background: #414141;
    color: #fff;
}
.fav_popup .sub_tab_menu li a:focus {
    outline: none;
}
.fav_popup .subtab-contents {
    padding: 0 10px 0 23px;
}
.fav_popup .sb {
    margin-top: 18px;
}
.fav_popup .fav_list {
    overflow-y: scroll;
    height: 255px;
    padding-right: 10px;
}
.fav_popup .fav_list::-webkit-scrollbar {
    position: absolute;
    right: 0;
    background-color: #eaeaea;
    width: 3px;
    height: 80%;
    padding-right: 10px;
}
.fav_popup .fav_list::-webkit-scrollbar-thumb {
    background-color: #acacac;
    height: 60px;
}
.fav_popup .fav_list li {
    float: none;
    text-align: left;
    border-bottom: 1px solid #e0e0e0;
    transform: skew(-0.1deg);
    cursor: pointer;
}
.fav_popup .fav_list li:first-child {
    border-top: 1px solid #e0e0e0;
}
.fav_popup .fav_list li:last-child {
}
.fav_popup .fav_list li span {
    color: #333;
    font-family: 'Nanum Square';
    font-weight: 600;
    font-size: 16px;
    user-select: none;
}
.fav_popup .fav_list .fav_step {
    display: block;
    cursor: pointer;
    padding: 14px 0 14px 10px;
}
.fav_popup .fav_list .fav_step i {
    display: inline-block;
    background: url('/_skin/sidae/popkon/images/pc_img.png') no-repeat -56px -125px;
    width: 22px;
    height: 22px;
    cursor: pointer;
    position: relative;
    vertical-align: bottom;
    margin-right: 8px;
}
.fav_popup .fav_list li {
    padding: 0;
}
.fav_popup .fav_list .cmRadio:checked + label i {
    background: url('/_skin/sidae/popkon/images/pc_img.png') no-repeat -83px -126px;
}
.fav_popup .fav_list .cmRadio {
    display: none;
}
.fav_popup .select_box_fav {
    position: relative;
}
.fav_popup #fav_sec {
    background: url('/_skin/sidae/popkon/images/arrow_bottom.png') no-repeat 97%;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    outline: none;
}
/* .fav_popup .select_box_fav::after{
	position: absolute;
	top: 12px;
	right: 13px;
	display: block;
	content: '';
	background: url('/_skin/sidae/popkon/images/pc_img.png') no-repeat -119px -127px;
	width: 19px;
	height: 19px;
} */
.fav_popup .check_btn {
    display: inline-block;
    width: 87%;
    padding: 11px 0;
    background: #440be7;
    font-family: 'market-m';
    font-weight: 400;
    font-size: 20px;
    text-align: center;
    color: #fff;
    border-radius: 3px;
    margin-top: 15px;
    margin-bottom: 25px;
}
/* *관심과정 팝업 스타일 E  */
/* *신청한 강의 팝업 스타일 S  */
.leced_subscription {
    /* display: none; */
    position: absolute;
    /* top: 50%; */
    top: 52%;
    left: 50%;
    width: 46%;
    transform: translate(-50%, -50%);
    height: 440px;
    background: #fff;
    z-index: 102;
    /* overflow: auto; */
    border: 2px solid #000;
    border-radius: 10px;
    min-width: 350px;
    text-align: center;
}
.leced_subscription > .inner {
    position: relative;
    padding: 27px 23px 0;
}
.leced_subscription .scr_box {
    padding: 0 10px 0 23px;
}
.leced_subscription ul {
    overflow-y: scroll;
    height: 246px;
    padding-right: 10px;
}
.leced_subscription ul::-webkit-scrollbar {
    position: absolute;
    right: 0;
    background-color: #eaeaea;
    width: 3px;
    height: 80%;
    padding-right: 10px;
}
.leced_subscription ul::-webkit-scrollbar-thumb {
    background-color: #acacac;
    height: 60px;
}
.leced_subscription li:first-child {
    border-top: 1px solid #e0e0e0;
}
.leced_subscription li:last-child {
}
.leced_subscription li {
    float: none;
    text-align: left;
    border-bottom: 1px solid #e0e0e0;
    transform: skew(-0.1deg);
    cursor: pointer;
}
.leced_subscription li span {
    color: #333;
    font-family: 'Nanum Square';
    font-weight: 600;
    font-size: 16px;
    user-select: none;
    width: 90%;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.leced_subscription li p span {
    width: 100%;
}
.leced_subscription .top_line {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
}
.leced_subscription .top_line span {
    font-family: 'market-b';
    color: #000;
    letter-spacing: -1px;
    font-size: 29px;
}
.leced_subscription .top_line i {
    display: block;
    background: url('/_skin/sidae/popkon/images/pc_img.png') no-repeat -211px -90px;
    width: 30px;
    height: 30px;
    cursor: pointer;
}
.leced_subscription p {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 10px 14px 3px;
    height: 60px;
    cursor: default;
}
.leced_subscription label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 10px 14px 3px;
    height: 60px;
    cursor: pointer;
}
.leced_subscription label i {
    background: url('/_skin/sidae/popkon/images/pc_img.png') no-repeat -10px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
}
.leced_subscription .lecRadio:checked + label i {
    background: url('/_skin/sidae/popkon/images/pc_img.png') no-repeat -10px -91px;
}
.leced_subscription .lecRadio {
    display: none;
}
.leced_subscription .check_btn {
    display: inline-block;
    width: 87%;
    padding: 13px 0;
    background: #440be7;
    font-family: 'market-m';
    font-weight: 400;
    font-size: 20px;
    text-align: center;
    color: #fff;
    border-radius: 3px;
    margin-top: 15px;
    margin-bottom: 25px;
}
/* *신청한 강의 팝업 스타일 E  */

/* *등록된 도서 팝업 스타일 S  */
.book_isbn {
    /* display: none; */
    position: absolute;
    /* top: 50%; */
    top: 52%;
    left: 50%;
    width: 46%;
    transform: translate(-50%, -50%);
    height: 440px;
    background: #fff;
    z-index: 999999;
    /* overflow: auto; */
    border: 2px solid #000;
    border-radius: 10px;
    min-width: 350px;
    text-align: center;
}
.book_isbn > .inner {
    position: relative;
    padding: 27px 23px 0;
}
.book_isbn .scr_box {
    padding: 0 10px 0 23px;
}
.book_isbn ul {
    overflow-y: scroll;
    height: 246px;
    padding-right: 10px;
}
.book_isbn ul::-webkit-scrollbar {
    position: absolute;
    right: 0;
    background-color: #eaeaea;
    width: 3px;
    height: 80%;
    padding-right: 10px;
}
.book_isbn ul::-webkit-scrollbar-thumb {
    background-color: #acacac;
    height: 60px;
}
.book_isbn li:first-child {
    border-top: 1px solid #e0e0e0;
}
.book_isbn li {
    float: none;
    text-align: left;
    border-bottom: 1px solid #e0e0e0;
}
.book_isbn li span {
    color: #333;
    font-family: 'Nanum Square';
    font-weight: 600;
    font-size: 16.5px;
    user-select: none;
    width: 90%;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.book_isbn li p span {
    width: 100%;
}
.book_isbn .top_line {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
}
.book_isbn .top_line span {
    font-family: 'market-b';
    color: #000;
    letter-spacing: -1px;
    font-size: 29px;
}
.book_isbn .top_line i {
    display: block;
    background: url('/_skin/sidae/popkon/images/pc_img.png') no-repeat -211px -90px;
    width: 30px;
    height: 30px;
    cursor: pointer;
}
.book_isbn p {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 10px 14px 3px;
    height: 60px;
    cursor: default;
}
.book_isbn label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 10px 14px 3px;
    height: 75px;
    cursor: pointer;
}
.book_isbn label i {
    background: url('/_skin/sidae/popkon/images/pc_img.png') no-repeat -10px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
}
.book_isbn .bookRadio:checked + label i {
    background: url('/_skin/sidae/popkon/images/pc_img.png') no-repeat -10px -91px;
}
.book_isbn .bookRadio {
    display: none;
}
.book_isbn .check_btn {
    display: inline-block;
    width: 87%;
    padding: 13px 0;
    background: #440be7;
    font-family: 'market-m';
    font-weight: 400;
    font-size: 20px;
    text-align: center;
    color: #fff;
    border-radius: 3px;
    margin-top: 15px;
    margin-bottom: 25px;
}
/* *등록된 도서 팝업 스타일 E  */
/* 푸시알림 및 헤더 스타일 변경 추가 E */

/* header : s */
.popkon-new {
    min-width: 1200px;
    overflow-x: hidden;
}

.popkon-head {
	height: auto;
}

.global_header {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    min-width: 1200px;
    border-bottom: 1px solid #d4d4d4;
    color: #000;
    background: #fff;
    z-index: var(--z-index-header, 200);
}

{? cat_id }
.global_header {
     z-index: var(--z-index-popup2, 300);
}
{/}

.global_header.is_fixed {
    border-bottom: none;
    z-index: var(--z-index-sticky-header, 300);
}

.global_header a,
.global_header button {
    cursor: pointer;
}

.global_header button {
    padding: 0;
    border: none;
    background: none;
}

.global_header img {
    width: 100%;
}

.global_header .screen_out {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.global_header .header_inner {
    position: relative;
    width: 1200px;
    margin: 0 auto;
}

.global_header .toggle_target {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.4s ease-in-out, opacity 0.2s ease-in-out 0.4s;
}

.global_header .list_item:hover > .toggle_target,
.global_header .toggle_wrap:hover > .toggle_target,
.global_header .toggle_wrap.is_active > .toggle_target {
    max-height: 400px;
    opacity: 1;
    transition: max-height 0.4s ease-in-out, opacity 0.2s ease-in-out;
}

.global_header .header_top {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 120px;
    padding: 49px 0 0;
    background: #fff;
}

.global_header .header_top .header_logo {
    flex: 0 0 auto;
}

.global_header .header_top .header_logo a {
    display: block;
    width: 115px;
    margin: 2px 0 0;
}

.global_header .header_top .search_form {
    position: relative;
    margin: 0 0 0 35px;
}

.global_header .header_top .ipt_search {
    width: 510px;
    height: 48px;
    border: none;
    padding: 0 31px;
    border-radius: 48px;
    letter-spacing: -0.05em;
    font-size: 15px;
    font-family: 'noto4';
    background: #eff0f4;
}

.global_header .header_top .ipt_search::placeholder {
    color: #afb1b9;
}

.global_header .header_top .search_suggestion {
    position: absolute;
    top: calc(100% + 5px);
    left: 0;
    width: 100%;
    max-height: 0;
    border-radius: 20px;
    box-shadow: 0px 18px 32px 0px rgba(0, 0, 0, 0.32);
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.4s ease-in-out, opacity 0.2s ease-in-out 0.4s;
    z-index: 2;
}

.global_header .header_top .search_suggestion.is_active {
    max-height: 400px;
    opacity: 1;
    transition: max-height 0.4s ease-in-out, opacity 0.2s ease-in-out;
}

.global_header .header_top .suggestion_inner {
    width: 100%;
    height: 200px;
    padding: 17px 0 17px 36px;
    background: #fff;
}

.global_header .header_top .suggestion_title {
    letter-spacing: -0.06em;
    font-size: 19px;
    font-family: 'noto4';
}

.global_header .header_top .suggestion_box {
    display: flex;
    margin: 8px 0 0;
}

.global_header .header_top .suggestion_list {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%;
}

.global_header .header_top .suggestion_list .list_item {
    letter-spacing: -0.06em;
    font-size: 15px;
}

.global_header .header_top .suggestion_list .list_item a {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: inherit;
    font: inherit;
}

.global_header .header_top .suggestion_list .list_item a:hover {
    text-decoration: underline;
    text-underline-offset: 2px;
    font-family: 'noto5';
}

.global_header .header_top .suggestion_list .list_point {
    font-family: 'noto5';
}

.global_header .header_top .suggestion_list .icon_new {
    letter-spacing: -0.06em;
    color: #ff4e4e;
    font-size: 11px;
}

.global_header .header_top .btn_submit {
    position: absolute;
    top: 0;
    right: 8px;
    width: 48px;
    height: 48px;
    background: url('/_skin/sidae/popkon/images/layout/icon_header_utils.png') no-repeat -177px 5px;
    border: none;
    padding: 0;
}

.global_header .header_top .top_utils {
    flex: 0 0 auto;
    display: flex;
    align-items: flex-end;
    gap: 7px;
    margin: 0 0 0 auto;
}

.global_header .header_top .top_utils .btn_go {
    width: 65px;
    height: 68px;
    padding: 46px 0 0;
    line-height: 1.2;
    text-align: center;
    letter-spacing: -0.05em;
    font-size: 12px;
    font-family: 'noto4';
    background: url('/_skin/sidae/popkon/images/layout/icon_header_utils.png') no-repeat;
}

.global_header .header_top .top_utils .btn_event {
    background-position: -210px 3px;
}

.global_header .header_top .top_utils .btn_test {
    background-position: -255px 2px;
}

.global_header .header_top .utils_slide {
    position: relative;
    width: 221px;
    height: 70px;
    overflow: hidden;
}

.global_header .header_top .utils_slide .swiper-slide {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 2px;
    padding: 0 0 0 100px;
    background: no-repeat right 128px center;
}

.global_header .header_top .utils_slide .swiper-slide_1 {
    background-image: url('/_skin/sidae/popkon/images/layout/top_banner_img_01.png');
}

.global_header .header_top .slide_desc {
    line-height: 1.2;
    letter-spacing: -0.05em;
    white-space: nowrap;
    font-size: 14px;
    font-family: 'noto4';
}

.global_header .header_top .slide_title {
    line-height: 1.2;
    letter-spacing: -0.05em;
    white-space: nowrap;
    font-size: 16px;
    font-family: 'noto6';
}

.global_header .header_gnb {
    position: relative;
    background: #fff;
}

.global_header.is_fixed .header_gnb {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    min-width: 1200px;
    border-bottom: 1px solid #d4d4d4;
}

.global_header .header_gnb .header_inner {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
    height: 72px;
    padding: 0 0 0 2px;
}

.global_header .header_gnb .btn_open_all {
    flex: 0 0 auto;
    width: 42px;
    height: 42px;
    border: none;
    background: url('/_skin/sidae/popkon/images/layout/icon_header_utils.png') no-repeat -321px -10px;
}

.global_header .gnb_list {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 60px;
    width: 100%;
}

.global_header.is_loaded .gnb_list {
    transition: gap 0.3s ease-in-out;
}

.global_header.is_fixed .gnb_list {
    gap: 50px;
    margin: 0 37px 0 0;
}

.global_header .gnb_list .list_item {
    position: relative;
}

.global_header .gnb_list .item_title {
    display: block;
    line-height: 1.35;
    letter-spacing: -0.04em;
    white-space: nowrap;
    color: #000;
    font-size: 19px;
    font-family: 'noto5';
}

.global_header .gnb_list .list_item:hover > .item_title {
    font-family: 'noto6';
}

.global_header .gnb_list .gnb_depth {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 36px;
    left: 50%;
    transform: translate(-50%, 0);
    border: 1px solid #dcdcdc;
    border-radius: 10px;
    background: #fff;
}

.global_header .gnb_list .depth_item {
    margin: 0 5px;
}

.global_header .gnb_list .depth_item:first-child {
    margin-top: 9px;
}

.global_header .gnb_list .depth_item:last-child {
    margin-bottom: 9px;
}

.global_header .gnb_list .depth_item a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 29px;
    padding: 0 14px;
    white-space: nowrap;
    letter-spacing: -0.065em;
    font-size: 15px;
}

.global_header .gnb_list .depth_item a:hover {
    background: #f3f8fe;
    font-family: 'noto6';
}

.global_header .gnb_list .btn_naver .talk_banner_preview {
    display: none;
}

.global_header .gnb_list .btn_naver a::after {
    content: '실시간 상담';
}

.global_header .header_gnb .search_form {
    position: relative;
    margin: 0 3px 0 auto;
    opacity: 0;
    pointer-events: none;
}

.global_header.is_loaded .header_gnb .search_form {
    transition: 0.4s ease-in-out;
}

.global_header.is_fixed .header_gnb .search_form {
    opacity: 1;
    pointer-events: auto;
}

.global_header .header_gnb .ipt_search {
    width: 272px;
    height: 40px;
    padding: 0 24px;
    border-radius: 40px;
    border: 2px solid #000;
    letter-spacing: -0.05em;
    color: #000;
    font-size: 15px;
}

.global_header .header_gnb .ipt_search::placeholder {
    color: #999b9f;
}

.global_header .header_gnb .btn_submit {
    position: absolute;
    top: 0;
    right: 9px;
    width: 40px;
    height: 40px;
    background: url('/_skin/sidae/popkon/images/layout/icon_header_utils.png') no-repeat -179px 1px;
    border: none;
    padding: 0;
}

.global_header .header_gnb .gnb_quick {
    display: flex;
    flex-wrap: nowrap;
    gap: 7px;
    opacity: 0;
    pointer-events: none;
}

.global_header.is_loaded .header_gnb .gnb_quick {
    transition: 0.4s ease-in-out;
}

.global_header.is_fixed .header_gnb .gnb_quick {
    opacity: 1;
    pointer-events: auto;
}

.global_header .header_gnb .quick_item {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 40px;
    height: 40px;
    border: 1px solid #000;
    border-radius: 50%;
}

.global_header .header_gnb .quick_item p {
    line-height: 1.1;
    letter-spacing: 0.05em;
    font-size: 12px;
}

.global_header .header_gnb .quick_item_2::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: url('/_skin/sidae/popkon/images/layout/icon_header_utils.png') no-repeat -223px -5px;
    transform: scale(0.8);
}

.global_header .header_gnb .quick_item_3 {
    border: none;
    background: linear-gradient(135deg, #928fff 0%, #7b90fe 100%);
}

.global_header .header_gnb .quick_item_3::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    border: none;
    background: url('/_skin/sidae/popkon/images/layout/icon_header_utils.png') no-repeat -143px -1px;
}

.global_header .header_gnb .quick_item .btn_go {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.global_header .header_gnb .quick_depth {
    position: absolute;
    top: calc(100% + 5px);
    left: 50%;
    transform: translateX(-42%);
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 10px 29px rgba(51, 51, 51, 0.22);
}

.global_header .header_gnb .quick_depth_inner {
    width: 144px;
    padding: 17px 25px 17px 20px;
    background: #fff;
}

.global_header .header_gnb .quick_depth em {
    display: block;
    line-height: 1.2;
    margin: 0 0 11px;
    letter-spacing: -0.04em;
    color: #3b70f6;
    font-size: 18px;
    font-family: 'noto5';
}

.global_header .header_gnb .quick_depth ul {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.global_header .header_gnb .quick_depth a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    line-height: 1.23;
    letter-spacing: -0.06em;
    font-size: 14px;
}

.global_header .header_gnb .quick_depth a:hover {
    text-decoration: underline;
    font-family: 'noto5';
}
/* header : e */

/* header : 로그인 영역 : s */
.header_utils {
    display: flex;
    justify-content: center;
    position: relative;
    width: 100%;
    background: #f6f6f9;
    z-index: 2;
}

.header_utils a:hover {
    color: inherit;
}

.header_utils .header_inner {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 42px;
}

.header_utils .utils_links {
    display: flex;
    gap: 12px;
    height: 100%;
}

.header_utils .utils_links .list_item {
    display: flex;
    align-items: center;
    position: relative;
    height: 100%;
}

.header_utils .utils_links .list_item + .list_item::before {
    content: '';
    position: absolute;
    top: 18px;
    left: -7px;
    width: 1px;
    height: 6px;
    background: #c5cbd3;
}

.header_utils .utils_links a,
.header_utils .utils_links button {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 40px;
    height: 23px;
    padding: 0 6px;
    letter-spacing: -0.06em;
    line-height: 1.2;
    font-size: 14px;
    font-family: 'noto2';
}

.header_utils .utils_links a:hover,
.header_utils .utils_links button:hover {
    text-decoration: underline;
    text-underline-offset: 2px;
}

.header_utils .utils_links .toggle_wrap {
    display: flex;
    align-items: center;
    height: 100%;
}

.header_utils .utils_links .btn_toggle::after {
    content: '';
    display: block;
    width: 18px;
    height: 100%;
    background: url('/_skin/sidae/popkon/images/layout/icon_header_utils.png') no-repeat -89px -1px;
}

.header_utils .utils_links .toggle_wrap:hover .btn_toggle::after {
    transform: rotate(180deg);
}

.header_utils .utils_links .btn_point {
    padding: 0 2px 0 8px;
    margin: 0 3px;
    border-radius: 4px;
    color: #fff;
    background: linear-gradient(to right, #948fff, #7594ff);
}

.header_utils .utils_links .btn_toggle.btn_point::after {
    background-position: -119px -1px;
}

.header_utils .utils_links .list_depth {
    display: flex;
    flex-direction: column;
    gap: 5px;
    position: absolute;
    top: calc(100% + -6px);
    left: 50%;
    transform: translateX(-37%);
    min-width: 139px;
    padding: 14px 15px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0px 10px 29px rgba(51, 51, 51, 0.22);
}

.header_utils .utils_links .list_depth li {
    width: 100%;
}

.header_utils .utils_links .list_depth a {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: auto;
    letter-spacing: -0.06em;
    font-size: 14px;
}

.header_utils .utils_links .list_depth a:hover {
    font-family: 'noto5';
}

.header_utils .utils_links .list_depth a:hover span {
    text-decoration: underline;
}


.header_utils .utils_links .item_tag {
    display: flex;
    align-items: center;
    position: absolute;
    top: calc(100% - 5px);
    left: 50%;
    transform: translateX(-50%);
    height: 19px;
    padding: 0 7px;
    border-radius: 3px;
    color: #fff;
    font-size: 11px;
    white-space: nowrap;
    letter-spacing: -0.05em;
    font-family: 'noto5';
    background: #ff4e4e;
}

.header_utils .utils_links .item_tag::after {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #ff4e4e;
}

.header_utils .utils_family {
    flex: 0 0 auto;
    position: relative;
    width: 124px;
    margin: 0 0 0 33px;
    font-size: 12px;
    z-index: 1;
}

.header_utils .utils_family .family_title {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 26px;
    padding: 0 23px 0 0;
    border: 1px solid #bbc8d9;
    border-radius: 4px;
    color: #000;
    font: inherit;
    background: #fefefe;
    cursor: pointer;
}

.header_utils .utils_family .family_title::after {
    content: '';
    position: absolute;
    top: 0;
    right: 4px;
    width: 0;
    height: 100%;
    width: 20px;
    height: 100%;
    background: url('/_skin/sidae/popkon/images/layout/icon_header_utils.png') no-repeat -88px -1px;
}

.header_utils .utils_family.is_active .family_title::after {
    transform: rotate(180deg);
}

.header_utils .utils_family .list_depth {
    display: flex;
    flex-direction: column;
    gap: 5px;
    position: absolute;
    top: 27px;
    left: 0;
    max-height: 0;
    width: 100%;
    border-radius: 10px;
    background: #fff;
    overflow: hidden;
    text-align: left;
    opacity: 0;
    transition: max-height 0.4s ease-in-out, opacity 0.2s ease-in-out 0.4s;
    box-shadow: 0px 10px 29px 0px rgba(0, 0, 0, 0.22);
}

.header_utils .utils_family .btn_toggle + .list_depth {
    width: 139px;
}

.header_utils .utils_family.is_active .list_depth {
    max-height: 400px;
    opacity: 1;
    transition: max-height 0.4s ease-in-out, opacity 0.2s ease-in-out;
}

.header_utils .utils_family .list_depth .depth_item {
    margin: 0 21px;
}

.header_utils .utils_family .list_depth .depth_item:first-child {
    margin-top: 12px;
}

.header_utils .utils_family .list_depth .depth_item:last-child {
    margin-bottom: 20px;
}

.header_utils .utils_family .list_depth .depth_item a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    line-height: 1.23;
    letter-spacing: -0.06em;
    font-size: 14px;
}

.header_utils .utils_family .list_depth .depth_item a:hover {
    text-decoration: underline;
    text-underline-offset: 2px;
    font-family: 'noto6';
}
/* header : 로그인 영역 : e */