@charset "UTF-8";
.index_popup_wrap {
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: var(--z-index-popup, 9999);
}

.index_popup_wrap img {
	display: block;
}

.index_popup_wrap button {
	cursor: pointer;
	background: none;
	border: none;
}

.index_popup_wrap .screen_out {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

.index_popup_wrap .index_popup {
	display: none;
	position: relative;
	margin: 5px 10px;
}

/* no fixed */ 
.index_popup_wrap_nofixed {
	display: flex;
	justify-content: flex-start;
    align-items: flex-start;
	flex-direction: column;
	position: absolute;
	pointer-events: none;
}

{? logout_chk == 'myclass' && page_index === 'class'}
.index_popup_wrap_nofixed {
	top: 11px;
    right: -10px;
	left: auto;
}
{/}

.index_popup_wrap_nofixed .index_popup {
	pointer-events: auto;
}

/* 전사 이벤트 */
.index_popup_wrap .wide_popup {
	width: 270px;
	height: 288px;
	z-index: 1;
}

.index_popup_wrap .wide_popup .btn_popup_close {
	position: absolute;
	top: 0;
	right: 0;
	height: 26px;
	width: 26px;
	z-index: 2;
}

.index_popup_wrap .wide_popup .bnt_popup_go {
	display: block;
	position: relative;
	width: 100%;
	height: calc(100% - 26px);
	z-index: 1;
}

.index_popup_wrap .wide_popup .btn_not_today {
	display: block;
	position: relative;
	width: 100%;
	height: 24px;
	margin-top: 2px;
	z-index: 1;
}

/* 할인 쿠폰 이벤트 */
.index_popup_wrap .coupon_popup {
	width: 302px;
	height: 337px;
}

.index_popup_wrap .coupon_popup .btn_popup_close {
	position: absolute;
	top: 35px;
	right: 18px;
	height: 38px;
	width: 37px;
}

.index_popup_wrap .coupon_popup .btn_event_download {
	display: block;
	width: 100%;
	height: calc(100% - 35px);
}

.index_popup_wrap .coupon_popup .btn_not_today {
	display: block;
	width: 200px;
	height: 24px;
	margin: 5px auto 0;
}

.index_popup_wrap .coupon_popup .popup_date {
	position: absolute;
	top: 130px;
	left: 15px;
	width: 71px;
	line-height: 1.2;
	text-align: center;
	white-space: nowrap;
	color: #fff;
	font-size: 16px;
	font-family: 'noto5';
}

.index_popup_wrap .coupon_popup .popup_note {
	position: absolute;
	top: 124px;
	left: 40px;
	width: 49px;
	line-height: 1.2;
	text-align: center;
	white-space: nowrap;
	color: #fff;
	font-size: 14px;
	font-family: 'market-m';
}

.index_popup_wrap .coupon_popup .event_coupon_date {
	position: absolute;
	top: 140px;
	left: 44px;
	line-height: 1.2;
	font-family: 'market-b';
	font-size: 20px;
	text-align: center;
	letter-spacing: -0.08em;
	color: #000000;
}

.index_popup_wrap .coupon_popup .event_coupon_date span {
	font-family: 'market-m';
	font-size: 14px;
}

/* 서버 점검 */
.index_popup_wrap .server_popup {
	width: 270px;
	border: 1px solid #000;
	text-align: center;
	background: url('//static-sdedu.akamaized.net/img1/_skin/sidae/popkon/images/popup/warning.png') no-repeat #fff;
}

.index_popup_wrap .server_popup h2 {
	margin: 0 0 15px 0;
	letter-spacing: -1px;
	color: #af030c;
	font-size: 18px;
	font-family: 'noto6';
}

.index_popup_wrap .server_popup p {
	line-height: 23px;
	word-break: keep-all;
	color: #000;
	font-size: 13px;
	font-family: 'noto3';
}

.index_popup_wrap .server_popup .popup_inner {
	padding: 40px 10px 14px 10px;
}

.index_popup_wrap .server_popup .btn_popup_close {
	position: absolute;
	top: 0;
	right: 0;
	height: 26px;
	width: 26px;
	text-align: center;
	color: #fff;
	font-size: 12px;
	font-family: 'spoqa4';
	background: #000;
}

.index_popup_wrap .server_popup .btn_not_today {
	display: block;
	width: 100%;
	height: 26px;
	line-height: 25px;
	color: #fff;
	font-family: 'noto3';
	font-size: 11px;
	background: #000;
}

/* 전화 불가 팝업 */
.index_popup_wrap .call_popup {
	position: fixed;
	left: 100px;
	top: 100px;
	/* right: 30px;
	top: 50%;
	transform: translateY(-50%); */
	width: 320px;
}

.index_popup_wrap .call_popup .popup_inner::before {
	content: '';
	position: absolute;
	top: -30px;
	left: 50%;
	transform: translateX(-50%);
	width: 99px;
	height: 98px;
	background: url('//static-sdedu.akamaized.net/img1/_skin/sidae/popkon/images/popup/error/popup_img2.png') no-repeat 0 0;
}

.index_popup_wrap .call_popup .popup_inner {
	position: relative;
	width: 100%;
	padding: 35px 0 33px 30px;
	border-radius: 20px;
	text-align: center;
	background: #fff url('//static-sdedu.akamaized.net/img1/_skin/sidae/popkon/images/popup/error/popup_bg2.png') no-repeat center bottom;
	box-shadow: 5px 9px 30px 0 rgba(0, 0, 0, 0.3);
}

.index_popup_wrap .call_popup .popup_inner h2 {
	line-height: 26px;
	letter-spacing: -0.08em;
	color: #6226ee;
	font-size: 20px;
	font-family: 'market-b';
}

.index_popup_wrap .call_popup .popup_inner p {
	margin-top: 10px;
	letter-spacing: -0.08em;
	color: #000;
	font-size: 15px;
	font-family: 'spoqa3';
	font-weight: 600;
}

.index_popup_wrap .call_popup .popup_inner .talk_banner_desc {
	font-size: 0;
}

.index_popup_wrap .call_popup .popup_btns {
	display: flex;
	justify-content: space-between;
	position: relative;
	width: 281px;
	height: 20px;
	margin: 12px auto 0;
	background: url('//static-sdedu.akamaized.net/img1/_skin/sidae/popkon/images/popup/error/btn_colse.png') no-repeat 0 center;
}

.index_popup_wrap .call_popup .btn_not_today {
	width: 120px;
	height: 100%;
}

.index_popup_wrap .call_popup .btn_popup_close {
	width: 45px;
	height: 100%;
}

/* 연휴 배송 안내 팝업 */
.index_popup_wrap .delivery_popup {
	position: fixed;
	top: 0;
	right: 0;
	width: 270px;
}

.index_popup_wrap .delivery_popup .popup_content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding-top: 148px;
}

.index_popup_wrap .delivery_popup .popup_content p {
	line-height: 1.25;
	letter-spacing: -0.065em;
	text-align: center;
	color: #fff;
	font-size: 14px;
	font-family: 'noto3';
}

.index_popup_wrap .delivery_popup .popup_content p + p {
	margin-top: 9px;
}

.index_popup_wrap .delivery_popup .popup_content p em {
	color: #6cffb8;
	font-family: 'noto5';
}

.index_popup_wrap .delivery_popup .btn_popup_close {
	position: absolute;
	top: 0;
	right: 0;
	width: 20px;
	height: 20px;
	/* background: url('/_skin/sidae/popkon/images/popup_close.png') no-repeat center center; */
	z-index: 1;
}

.index_popup_wrap .delivery_popup .btn_not_today {
	display: block;
	position: relative;
	width: 100%;
	height: 25px;
	color: #fff;
	font-size: 12px;
	background: #333;
	z-index: 1;
}

/*감정평가사 30% 할인쿠폰*/

/* 환급&수강연장 팝업 */
.hwan_popup {
	display: none;
	position: relative;
	width: 202px;
	text-align: center;
	box-sizing: border-box;
	font-family: 'noto3';
	font-weight: 100;
}
.hwan_popup .btn_popup_close {
	/*background:url(/_skin/sidae/popkon/images/popup_close.png) no-repeat center center;*/
	width: 20px;
	height: 20px;
	z-index: 9;
	right: 0;
	top: 0;
	position: absolute;
	font-size: 0;
	cursor: pointer;
}
.hwan_popup .content {
	position: relative;
	border: none;
}
.hwan_popup .content img {
	display: block;
	margin: 0 auto;
}
.hwan_popup .content .txt_num {
	display: block;
	position: absolute;
	top: 15px;
	left: 0;
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 20px;
	font-family: 'noto2';
}
.hwan_popup .content .txt_date {
	position: absolute;
	top: 45%;
	left: 0;
	width: 100%;
	text-align: center;
	color: #fefc8f;
	font-size: 16px;
	font-family: 'noto5';
}
.hwan_popup .content a {
	position: absolute;
	font-size: 0;
	width: 80%;
	height: 105px;
	bottom: 28px;
	left: 25px;
}
.hwan_popup .btn_not_today {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 24px;
	color: #fff;
	font-family: 'noto2';
	font-size: 13px;
	background: #000;
	z-index: 1;
}
.index_popup_wrap_right {
	position: fixed;
	right: 0;
	left: inherit;
	bottom: 393px;
	z-index: var(--z-index-popup, 200);
}
.right_popup_inner {
	position: relative;
	width: 270px;
	height: 290px;
}
.right_popup_inner .btn_popup_close {
	position: absolute;
	right: 0;
	top: 0;
	width: 20px;
	height: 20px;
}
.right_popup_inner .btn_not_today {
	position: absolute;
	display: block;
	height: 30px;
	width: 100%;
	left: 0;
	bottom: 0;
}
.right_popup_inner .divplaybtn {
	font-size: 12px;
	color: #ffffff;
	background: #000000;
}
.right_popup_inner a {
	position: absolute;
	width: 100%;
	height: 40px;
	left: 0;
	bottom: 33px;
}

/* 주 7일 배송 팝업 상세 : s */
.notice_popup_detail {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 556px;
	height: 682px;
	transform: translate(-50%, -50%);
	z-index: var(--z-index-modal, 101);
}

.notice_popup_detail img {
	display: block;
	width: 100%
}

.notice_popup_detail a {
	display: block;
}

.notice_popup_detail button {
	border: none;
	cursor: pointer;
	background: transparent;
}

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

.notice_popup_detail .detail_inner {
	position: relative;
	max-height: calc(100vh - 100px);
}

.notice_popup_detail .detail_inner > div {
	position: relative;
	width: 100%;
	height: 100%;
}

.notice_popup_detail .detail_inner .btn_close {
	position: absolute;
	top: 0;
	right: 0;
	width: min(80px, 8.705vh);
	height: min(80px, 8.705vh);
}
/* 주 7일 배송 팝업 상세 : e */

/* 독학사 환급 이벤트 상세 : s */
.index_popup_wrap {

}

.index_popup_wrap .popup_detail_wrap{
	display:none;
	position:fixed;
	width:100%;
	height:100%;
	z-index:999;
}
.index_popup_wrap .popup_detail_wrap .popup_bg{
	width:100%;
	height:100%;
	position:fixed;
	left:0;
	top:0;
	background:rgba(0,0,0,0.7);
}
.index_popup_wrap .close_btn{
	cursor: pointer;
}
.index_popup_wrap .popup > img{
	cursor: pointer;
}
.index_popup_wrap .popup_detail {
	width: 800px;
	height: 784px;
	position: relative;
	top: calc(50% - 440px);
	left: calc(50% - 400px);
	z-index: 999;
}
.index_popup_wrap .popup_detail .popup_top{
	width:100%;
	height: 53px;
	background: linear-gradient(to right, #073080, #061083);
	color:#fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 23px 0 23px;
	box-sizing:border-box;
}
/* .popup_detail .popup_top > * {
	display:table-cell;
} */
.po.index_popup_wrap pup_detail .popup_top > h2 {
	font-family:'noto5';
	font-weight:100;
}
.index_popup_wrap .popup_detail .popup_top .detail_close{
	position:relative;
		width: 60px;
		height: 26px;
	cursor: pointer;
		background: #ffffff;
	border-radius: 20px;
	text-align: left;
	padding-left: 16px;
	font-family: 'noto3';
	transition:all .2s;
	color:#000
}
.index_popup_wrap .popup_detail .popup_top .detail_close:hover{
	color:#ba8ccb;
	font-family:'noto5';
}
.index_popup_wrap .popup_detail .popup_top .detail_close:before{
	display: block;
	position: absolute;
	content: '+';
	left:49px;
	top: 2px;
	width: 24px;
	height: 24px;
	line-height: 22px;
	color: #fff;
	background: #ba8ccb;
	border-radius: 19px;
	text-align: center;
	font-size: 22px;
	transform: rotate(45deg);
	transition:all .3s;
}

.index_popup_wrap .popup_detail .popup_top .detail_close:hover:before{
	background:#ffffff;
	border:1px solid #ba8ccb;
	color:#ba8ccb;
	box-sizing:border-box;
	text-align: center;
}

.index_popup_wrap .popup_detail .detail_txt {
	height:700px;
	overflow:auto;
	overflow-x:hidden;
	box-sizing:border-box;
}

.index_popup_wrap .popup_detail .top {
	background:url('/_skin/tpl_skin/basic_dok3/popup/top_bg.png') center no-repeat;
	background-size:cover;
}

.index_popup_wrap .popup_detail_wrap .con1 ,
.index_popup_wrap .popup_detail_wrap  .con2 ,
.index_popup_wrap .popup_detail_wrap  .con3 ,
.index_popup_wrap .popup_detail_wrap  .con4 {
	background:#082d33;
	position:relative;
}
.index_popup_wrap .popup_detail_wrap .con5 {
background:#f6d229;
position:relative;
}
.index_popup_wrap .popup_detail_wrap .con6 {
background:#000;
position:relative;
}
.index_popup_wrap .popup_detail_wrap .link_wrap {
	position:absolute;
	display:table;
	overflow: hidden;
}

.index_popup_wrap .popup_detail_wrap .con1 .link_wrap{
	bottom: 80px;
	width:99%;
	left:calc(50% - 393px;)
}

.index_popup_wrap .popup_detail_wrap .con1  .link_wrap li {
	display:table-cell;
	vertical-align:middle;
	width:33.33%;
	text-align:left;
}

.index_popup_wrap .popup_detail_wrap .con1 .link_wrap .link {
	width:71px;
	height:27px;
	display:inline-block;
	margin-right: 3px;
	text-align: center;
}

.index_popup_wrap .popup_detail_wrap .con1 .link_wrap li:first-child{
	text-align:center;
}

.index_popup_wrap .popup_detail_wrap .con1 .link_wrap li .link2 {
	margin-left:54px;
}

.index_popup_wrap .popup_detail_wrap .con1 .link_wrap li .link4 {
	margin-left:16px;
}

.index_popup_wrap .popup_detail_wrap .con2 .link_wrap{
	top: 110px;
	left: calc(50% - 232px);
		width: 464px;
}

.index_popup_wrap .popup_detail_wrap .con3 .link_wrap{
	top: 100px;
	left: calc(50% - 250px);
	width: 500px;
	text-align: center;
}

.index_popup_wrap .popup_detail_wrap .con2 .link_wrap li {
	display:table-cell;
	vertical-align:middle;
	width:25%;
	text-align:center;
	padding:0 2px;
}

.index_popup_wrap .popup_detail_wrap .con3 .link_wrap li{
	display: inline-block;
	width:auto;
}

.index_popup_wrap .popup_detail_wrap .con3 .link_wrap li a{
	padding:0 12px;
}

.index_popup_wrap .popup_detail_wrap .con2 .link_wrap li  a,
.index_popup_wrap .popup_detail_wrap .con3 .link_wrap li  a{
	display:block;
	border:1px solid #fff;
	color:#fff;
	height: 32px;
	line-height: 32px;
	border-radius: 14px;
	font-size:15px;
}

.index_popup_wrap .popup_detail_wrap .con2  .link_wrap li  a:hover,
.index_popup_wrap .popup_detail_wrap .con3  .link_wrap li  a:hover{
	background:#60bb43;
}

.index_popup_wrap .popup_detail_wrap .con6 a {
	position:absolute;
	right:0;
	top:32px;
	width:150px;
	height:60px;
	display:block;
}
.index_popup_wrap .con2.inner{
	position: relative;
}
.index_popup_wrap .link_wrapper{
	width: 100%;
	height: 71px;
	position: absolute;
	/* margin-top: 49px; */
	top: 764px;
}
.index_popup_wrap .link_wrapper a{
	width: 100%;
	display: block;
	margin-bottom: 355px;
	height: 71px;
}
.index_popup_wrap .sugang > a{
	margin-bottom: 20px;
}
.index_popup_wrap .con8.inner{
	position: relative;
}
.index_popup_wrap .btn-halbu{
	position: absolute;
	bottom: 149px;
	left: 112px;
	width: 126px;
	height: 37px;
	}
.index_popup_wrap .halbu-popup-box{
	z-index: 1000;
}
/* #confirm_pop {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
	z-index: 1000;
	display: none;
}
.confirm_con{
	border: 1px #d5d5d5 solid;
	position: absolute;
	background: #fff;
	text-align: center;
	padding: 30px 0;
	top: 50%;
	left: 50%;
	width: 320px;
	margin: -77px 0 0 -160px;
	color: #000;
}
#confirm_pop p{
	font-size: 14px;
	padding: 0 0 20px 0;
}
#confirm_pop .btn_area a{
	border: 1px #000 solid;
	display: inline-block;
	zoom: 1;
	padding: 5px 10px;
	font-size: 14px;
	width: 50px;
	background: #000;
	color: #fff;
	margin: 0 0 0 10px;
} */
/* 독학사 환급 이벤트 상세 : e */