.service_box {
    max-width: 1054px;
    margin: 0 auto;
	padding: 4rem 15px;
}

.service_box .fl_box {
	display: flex;
	justify-content: space-between;
	margin-bottom: 3rem;
}
.service_box .fl_box .left { width: 60%;}
.service_box .fl_box .right { width: 40%;}
.service_box .fl_box .right img { width: 100%;}
.service_box .main_tit {
    font-size: 1.4rem;
    font-weight: 600;
    padding-bottom: 1.5rem;
}
.service_box .sub_tit {
    font-weight: 500;
    padding-bottom: 1.5rem;
}
.service_box .top_text {
    display: block;
    color: #999999;
    letter-spacing: 1.1px;
    line-height: 1.5;
}

/* 자주 묻는 질문 모달 */
.modal_wrap {
	display: none;
	position: fixed;
	top: 0;
	left:0;
	width:100%;
	height: 100%;
	background: #0a0a0a60;
	z-index: 9999;
}
.modal_wrap.on {
	display: block;
}

.modal_wrap .inner {
	width: 80%;
	height: 80%;
	overflow-Y: scroll;
	max-width: 1024px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background: #fff;
	padding: 1.2rem;
}

.modal_wrap .inner .tit_wrap {
	background: var(--color_blue);
	padding: 1rem;
	position: relative;
}
.modal_wrap .inner .tit_wrap p {
	color: #fff;
	text-align: center;
	font-size: 1.2rem;
}
.modal_wrap .inner .tit_wrap button {
	position: absolute; right: 1rem; top: 50%; transform: translateY(-50%); 
}
.modal_wrap .inner ul li .question {
	padding: 1.5rem;
	background: #e0e0e0;
}
.modal_wrap .inner ul li .answer {
	padding: 1.5rem;
}
.modal_wrap .inner ul li .answer p {
	line-height: 1.5;
}
.modal_wrap .inner ul li .answer p span {
	line-height: 1.5;
	font-weight: 500;
	color: var(--color_blue);
	font-size: 1.1rem;
}
.modal_wrap .inner ul li ul.step {
	margin-top: 2rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1.5rem;
}
.modal_wrap .inner ul li ul.step li {
	width: 20%;
	text-align:center;
	border-radius: 10px;
	border: 1px solid var(--color_blue);
	padding: 1rem;
	position: relative;
}
.modal_wrap .inner ul li ul.step li:after {
	content: '';
	position: absolute;
	right: -1.2rem;
	top: 50%;
	transform: translateY(-50%);
	background: url(/img/renewal/arrow-7.png) no-repeat center / contain;
	width: 10px;
	height: 13px;
}
.modal_wrap .inner ul li ul.step li:nth-last-child(1):after {
	content: unset;
}

.tabs {
    display: flex;
    align-items: center;
	position: relative;
}
.tabs:after { content: ''; width: 100%; height: 1px; background: #a7a7a7; position: absolute; bottom: 0; left: 0;z-index: -1; }
.tabs .tab{
	padding: 1rem 1.5rem;
	cursor: pointer;
	background: #f3f3f4;
	border: 1px solid #dadada;
	border-bottom: 1px solid #a7a7a7;
}
.tabs .tab.on {
	font-weight: 500;
	background: #fff;
	border: 1px solid #afafb0;
	border-bottom: 1px solid #fff;
}
.tabs .tab span{
    font-size: 1.1rem;
    color: #606262;
}
.tabs .tab.on span { color: #333;}
.tit {
    display: flex;
    align-items: center;
    gap: .6rem;
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: .7rem;
}
.tit .grade_ico {
    display: block;
    width: 2rem; height: 2rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.tit .grade_ico.dia {
    background-image: url(/img/pc/icon-7.png);
}
.tit .grade_ico.pla {
    background-image: url(/img/pc/icon-8.png);
}
.tit .grade_ico.gold {
    background-image: url(/img/pc/icon-9.png);
}
.service_result .title {
    font-size: 1.3rem;
    font-weight: 800;
    padding-bottom: 2rem;
}
.tabCon {
    display: none;
	padding: 0 1px;	
}
.tabCon.on {
    display: block;
}
.tabCon > h3 { font-weight: 500; margin: 3rem 0 1rem; font-size: 1.2rem;}
.tabCon table {border-spacing: 0px; border-radius: 15px; overflow: hidden;border: 1px solid #f0f0f0; width: 100%;}
.tabCon table thead tr th { padding: 1rem ; background: #e0e0e0; border-right: 1px solid #bebebe; font-weight: 500;}
.tabCon table thead tr th:nth-last-child(1) { border-right: none;}
.tabCon table tbody tr td { padding: 1.2rem; border-right: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; }
.tabCon table tbody tr:nth-child(1) td:nth-child(1) { border-bottom: none; position: relative; text-align: center;}
.tabCon table tbody tr td:nth-last-child(1) { border-right: none; text-align: center; }
.tabCon table tbody tr td p.tit { font-size: .9rem;  line-height: 1.1; font-weight: 600; margin: 1rem 0 0.5rem; }
.tabCon table tbody tr td p.price { font-weight: 500;font-size: .9rem; line-height: 1.3;}
.tabCon table tbody tr td pre { font-size: .9rem; line-height: 1.5; color:#98989a;}
.tabCon table tbody tr:nth-last-child(1) td { border-bottom: none;}

/* 회원등급 mo */
.tabCon table.mo_table tbody tr td .img_wrap { text-align: center; width: fit-content; position: relative; height: 559px; overflow-y: scroll;border-radius: 20px; margin: 1.2rem auto;}
.tabCon table.mo_table tbody tr td .img_wrap::-webkit-scrollbar { width: 8px;}
.tabCon table.mo_table tbody tr td .img_wrap::-webkit-scrollbar-track { background-color: #858585; border-radius: 10px; }
.tabCon table.mo_table tbody tr td .img_wrap::-webkit-scrollbar-thumb { background-color: #ffffff; border-radius: 10px;}
.tabCon table.mo_table tbody tr td .img_wrap img { max-width: 100%;}
.tabCon table.mo_table tbody tr td .mokup_img { position: absolute; text-align: center;top: 1.5rem; left: 50%; transform: translateX(-50%); width: 100%; z-index: -1;}

.tabCon table.option_table { margin-top: 3rem;}
.tabCon table.option_table tbody tr td img { transition: .2s;}
.tabCon table.option_table tbody tr td.img_btn { position: relative;cursor: pointer;}
.tabCon table.option_table tbody tr td.img_btn:hover img { filter: brightness(0.7); }
.tabCon table.option_table tbody tr td.img_btn:before { content: '클릭시 확대'; font-size: 0.8rem; display: block; text-align: right; padding-right: 1.5rem; color: #8f8f8f;}
.tabCon table.option_table tbody tr td.img_btn:after { content: ''; display: none;background: url(/img/renewal/search_service.png) no-repeat center / contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 40px; height: 40px; }
.tabCon table.option_table tbody tr td.img_btn:hover:after { display: block;}
.tabCon table.option_table h3 { margin: 1rem 0; line-height: 1.3;}
.tabCon table.option_table .background {  font-size: .9rem;background: #f9f871;}
.tabCon table.option_table .effect { -webkit-animation: effet 2s infinite linear; -o-animation: effet 2s infinite linear; animation: effet 2s infinite linear;}
.tabCon table.option_table .effect_span {  -webkit-animation: effet_span 2.5s infinite; -o-animation: effet_span 2.5s infinite ; animation: effet_span 2.5s infinite ;padding: 1px 7px;
    border-radius: 5px;
    margin-right: 5px;
    display: inline-block;
    font-size: 0.8rem;
    line-height: 1.2;} 

.tabCon table.option_table .tabCon table.option_table .exam_text { font-weight: unset; color: #9d9d9e;}
.tabCon table.option_table tbody tr:nth-child(1) td:nth-child(1) { border-bottom: 1px solid #f0f0f0; text-align: center;}
.tabCon table.option_table tbody tr:nth-child(2) td:nth-child(1) { text-align: center;}
.tabCon table.option_table tbody tr .exam_text { color: #b7b7b7; font-size: .8rem; }

.detail_modal { display: none; position: fixed; z-index: 9999; width: 100%; height: 100%; background: #0a0a0a60; left: 0; top: 0;}
.detail_modal.on { display: block;}
.detail_modal .inner { position: absolute;max-width: 1024px; width: 90%;top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; padding: 40px 15px 15px; }
.detail_modal .inner button { position: absolute; right: 15px; top: 10px;}
.detail_modal .inner button img { filter: brightness(0.5); }
.detail_modal .inner img { max-width: 100%;}

@keyframes effet {
	0%, 40%, 80% {
		color: #ff1515;
	}
	10%, 50%, 90% {
		color: #c200ff;
	}
	20%, 60%, 100% {
		color: #008fff;
	}
	30%, 70% {
		color: #925bfa;
	}
}

@keyframes effet_span {
	0%, 20%, 40%, 60%, 80%, 100% {
		background: #1f884b;
		color: #ffffff;
	}
	10%, 30%, 50%, 70%, 90% {
		background: #7addfe;
		color: #1f884b;
	}
}
.cont_wrap .cont_box { width: calc(1024px / 4 - .23rem); margin: 0 auto;position: relative; display: flex; flex-direction: column; background: #fff; border: 1px solid #d3d3d3; height: 100%; padding: .5rem .7rem; transition: ease-in-out .3s;}
.cont_wrap .cont_box:nth-child(2) { margin-top: .5rem; }
.cont_wrap .cont_box .img_wrap { text-align: center; height: 2rem;}
.cont_wrap .cont_box .img_wrap img { height: 100%;}
.cont_wrap .cont_box p { line-height: 1.1; font-weight: 600; margin: 1rem 0 0.5rem;}
.cont_wrap .cont_box p.exam_text { margin: 0; font-weight: unset; }
.tabCon table.option_table h3{ line-height: 1.2; font-size: .9rem; margin: 0 0 .5rem;    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-all;}
.ot_recom1 { position: relative;}
.ot_recom1 .label_option { position: absolute; left: 4px; top: 9px; transform: rotate(-45deg); text-align: center; display: flex; align-items: center; justify-content: center; font-size: 11px; color: #fff; font-weight: 500;}
.ot_recom1 .label_option:before { width: 0; height: 0; position: absolute; z-index: -1; left: -11px; top: -7px; transform: rotate(45deg); filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.2));}
.ot_recom2 { position: relative;}
.ot_recom2 .label_option { position: absolute; left: 4px; top: 9px; transform: rotate(-45deg); text-align: center; display: flex; align-items: center; justify-content: center; font-size: 11px; color: #fff; font-weight: 500;}
.ot_recom2 .label_option:before { width: 0; height: 0; position: absolute; z-index: -1; left: -11px; top: -7px; transform: rotate(45deg); filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.2));}
.ot_recom1 .label_option:before { content:''; border-top: 45px solid #df222c; border-right: 45px solid transparent;}  
.ot_recom2 .label_option:before { content:''; border-top: 45px solid #276fb7; border-right: 45px solid transparent;}