@charset "utf-8";

main.keyword .inner {max-width: calc(1400px - 120px);}

.adbox {display: flex; justify-content: center; align-items: center;
	border: 1px solid #DADADA; margin: 0 auto;
	background: url('/img/google_ads_logo.png') no-repeat center center #fff;
}
main.mypage .adbox.left {width: 300px; height: 250px; transform: translate(-40px, 30px); position: absolute;}
main.mypage .adbox:not(.left) {transform: translate(150px, -50px);}
main.mypage .adbox:not(.left),
main.keyword .sub_visual .adbox,
main.keyword .adbox.bottom, main.bbs .adbox.bottom {width: 970px; max-width: 93.75%; height: 90px; background-size: 56px 70px;}
main.keyword .adbox.bottom {margin: 50px auto 120px;}
main.keyword .adbox.left, main.bbs .adbox.left {width: 160px; height: 600px; position: absolute;
	left: calc(50vw - 700px - 130px);
/* 	left: 50%; transform: translateX(-50%); */
}
@media all and (max-width:1400px) {
	main.mypage .adbox:not(.left) {transform: translate(0, -50px);}
}
@media all and (max-width:1024px) {
	main.keyword .sub_visual .adbox, main.keyword .adbox.bottom {
		width: 93.75%;
	}
	main.mypage .adbox.left {display: none;}
}


main.keyword .board {display: flex; flex-direction: column; gap: 30px;}
.boardform {display: flex; gap: 20px; flex-direction: column;}
.boardform .tit {font-size: 20px; font-weight: 600; line-height: 1.4;}
.boardform textarea {height: 150px; min-height: 150px; background: #F6F6F6; padding: 20px; border-radius: 8px; border: none;}
.boardform button {font-size: 18px; border-width: 1.5px; width: 120px; height: 48px; display: inline-flex;}
main.keyword .board .list {}
main.keyword .board .list li {border-top: 1px solid #D4D4D4; padding: 30px 0;}
main.keyword .board .list li header {display: flex; gap: 12px; align-items: center;}
main.keyword .board .list li header .name {min-width: 140px; font-size: 15px; font-weight: 600; color: var(--color-green);}
main.keyword .board .list li header span {font-size: 14px; color: #636363;}
main.keyword .board .list li .contents {margin-top: 12px; font-weight: 500; line-height: 1.4;}

/* main.rival_m_scroll .sub_visual .adbox .ri_val_box {display: flex; justify-content: end;} */
.rival-adbox {display: flex; justify-content: end;}
main.rival_m_scroll .sub_visual .adbox.rival-adbox {width: 468px; height: 60px; background-size: 36px 44px;}
main.rival_m_scroll .adbox.rival-adbox.bottom {width: 970px; height: 250px; background-size: 36px 44px; margin-top: 20px; margin-bottom: 80px;}


#popChkDup, .sin_go_air, #editHashtags, #editMajorLinks {display: none;}


section.section{padding: 100px 0;}
section.section.pt-0{padding-top: 0;}
section.section.pb-0{padding-bottom: 0;}
section.section.last{padding-bottom: 150px;}
main.rival_m_scroll section.section.last,
main.keyword section.section.last {padding-bottom: 0;}

.sub_visual {background: #fff;}
.sub_visual.sticky{position: sticky; top: 89px; z-index: 11;}
/* .sub_visual:before{position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(0, 0, 0, 0) 100%);
    content: '';
    pointer-events: none; opacity: 0;}
    .sub_visual.before_on:before{opacity: 1;} */
.sub_visual .sv_tit{padding: 120px 0 30px;}
main.rival_m_scroll .sub_visual.top_empty.before_on .rival_dou_ble .day-box:first-child .sv_tit,
.sub_visual .sv_tit.space_between{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; background-color: #fff;
	border-radius: 12px;
/* 	transition: .3s background, backdrop-filter, box-shadow, padding; */
}
.sub_visual .sv_tit h2{font-size: 36px; letter-spacing: 0; color: #222222; font-weight: 400; position: relative;}
.sub_visual .sv_tit h2 .won_su_t{display: flex; gap: 15px;}
.sub_visual .sv_tit h2 .won_su_t .won_sub_yy{font-size: 18px; position: relative; align-self: flex-end;}
.sub_visual .sv_tit h2 b{font-weight: 600; min-width: fit-content; position: relative;}
.sub_visual .sv_tit h2 .won_sub_yy:before{position: absolute; left: -7.5px; bottom: 5px; width: 1px; height: 10px; background-color: #d2d2d2; content: '';}
.sub_visual .sv_tit h2:hover .air_code{opacity: 1;}
.sub_visual .sv_tit h2 .air_code{position: absolute; top: 100%; left: 0; opacity: 0; transition: .5s; padding: 5px 0;}
.sub_visual .sv_tit h2 .air_code a{font-size: 16px; color: #888888; letter-spacing: -0.025em; text-decoration: underline; text-underline-offset: 3px; white-space: nowrap;}
.sub_visual .sv_tit .jo_hwi{font-size: 14px; color: #444444; letter-spacing: -0.025em; display: flex; align-items: center; gap: 5px;}


.sub_visual .sv_tit .won_su_t {font-size: 36px; letter-spacing: 0; color: #222222; font-weight: 400; position: relative;}
.sub_visual .sv_tit .won_su_t {display: flex; gap: 26px; flex-wrap: wrap; align-items: center;}
.sub_visual .sv_tit h2 {font-weight: 600; min-width: fit-content; position: relative;}
.kw-ex-infor {display: flex; gap: 15px; flex-wrap: wrap; font-size: 18px; position: relative; align-self: flex-end;  align-self: center; margin-top: 10px;}
.kw-ex-infor > * {position: relative; /* flex: 0 0 auto; */}
.kw-ex-infor > *:before{position: absolute; left: -7.5px; bottom: 5px; width: 1px; height: 10px; background-color: #d2d2d2; content: '';}
.kw-ex-infor > *:first-child:before {left: -13px;}
.sub_visual.top_empty.before_on .kw-ex-infor > *:before {filter: invert(100%);}
main.keyword .sub_visual.before_on .sv_tit h2 {font-size: 26px;}
main.rival_m_scroll .sub_visual.before_on .sv_tit h2 {font-size: 22px;}
main.keyword .sub_visual.before_on .kw-ex-infor, main.rival_m_scroll .sub_visual.before_on .kw-ex-infor {margin-top: 0;}

.sub_visual .sv_btn_box {flex: 1 0 auto; text-align: right;}
.sub_visual .sv_btn {
	color: #222;
	background-color: #F1F3F8;
	font-size: 16px;
	font-weight: 600;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	border-radius: 8px;
	border: none;
	padding: 10px 14px;
	transition: .3s;
}
.sub_visual .sv_btn::before {
	content: '';
	display: block; width: 12px; height: 12px; transition: .3s;
	background-color: #222;
	mask-image: var(--icon-plus);
	mask-repeat: no-repeat;
	mask-position: center left;
	mask-size: contain;
}
.sub_visual .sv_btn:hover, .sub_visual .sv_btn:focus, .sub_visual .sv_btn:active {background-color: #222; color: #fff;}
.sub_visual .sv_btn:hover::before, .sub_visual .sv_btn:focus::before, .sub_visual .sv_btn:active::before {background-color: #fff;}
.sub_visual.top_empty.before_on .sv_btn {
	border: 1px solid #80D0B0;
	background-color: #fff;
}
.sub_visual.top_empty.before_on .sv_btn img {}

.sub_visual > .inner {transition: .5s position, background, top;}
/* main:not(.rival_m_scroll) .sub_visual.top_empty.before_on .sv_tit, */
main.keyword .sub_visual.top_empty.before_on .sv_tit,
main.rival_m_scroll .sub_visual.top_empty.before_on .rival_dou_ble .day-box:first-child
 {width: 100%; max-width: calc(1400px - 120px); box-sizing: border-box; position: fixed; z-index: 4; left: 50%; transform: translateX(-50%);}
@media (max-width: 1400px) {
  main.keyword .sub_visual.top_empty.before_on .sv_tit, main.rival_m_scroll .sub_visual.top_empty.before_on .rival_dou_ble .day-box:first-child,
  main.keyword .inner {
    width: 93.75%;
  }
  main.rival_m_scroll .sub_visual.top_empty.before_on .rival_dou_ble .day-box:first-child {
	position: static;
	/* left: 50%;
	transform: translateX(-50%); */
  } 
}
@media (max-width: 1000px) {
	main:not(.rival_m_scroll) .sub_visual.top_empty.before_on .sv_tit,
	main.rival_m_scroll .sub_visual.top_empty.before_on .rival_dou_ble .day-box:first-child {
		width: 93.75%; top: 60px;
	}
}
main.rival_m_scroll .sub_visual.top_empty.before_on .rival_dou_ble .day-box:first-child {width: 1400px; max-width: 100%; top: 100px;}

main:not(.rival_m_scroll) .sub_visual.top_empty.before_on .sv_tit.space_between,
main.rival_m_scroll .sub_visual.top_empty.before_on .rival_dou_ble .day-box:first-child .sv_tit
{
	/* 	filter: invert(100%);  */
	padding: 1rem 1.5rem; 
	/* background-color: rgb(255, 255, 255, .8);  */
	background: linear-gradient(283.24deg, rgba(202, 255, 208, 0.8) -44.28%, rgba(218, 248, 255, 0.8) 71.76%);
	backdrop-filter: blur(20px);
	box-shadow: 3px 3px 3px 0px #0000002E;
}
/* main:not(.rival_m_scroll) .sub_visual.top_empty.before_on .sv_tit.space_between .sv_btn:hover img,
main.rival_m_scroll .sub_visual.top_empty.before_on .rival_dou_ble .day-box:first-child .sv_tit .sv_btn:hover img
{filter: invert(100%);} */

main.keyword .sub_visual.top_empty.before_on .sv_tit.space_between .sv_btn:hover,
main.keyword .sub_visual.top_empty.before_on .sv_tit.space_between .sv_btn:focus,
main.keyword .sub_visual.top_empty.before_on .sv_tit.space_between .sv_btn:active,
main.rival_m_scroll .sub_visual.top_empty.before_on .rival_dou_ble .day-box:first-child .sv_tit .sv_btn:hover,
main.rival_m_scroll .sub_visual.top_empty.before_on .rival_dou_ble .day-box:first-child .sv_tit .sv_btn:focus,
main.rival_m_scroll .sub_visual.top_empty.before_on .rival_dou_ble .day-box:first-child .sv_tit .sv_btn:active
{
/* 	border-color: #FF7907; background-color: #FF7907; */
/* 	filter: none; */
	color: #fff;
background-image: var(--green-Gra);
}

main:not(.rival_m_scroll) .sub_visual.top_empty.before_on .sv_tit h2,
main:not(.rival_m_scroll) .sub_visual.top_empty.before_on .sv_tit .won_su_t,
main:not(.rival_m_scroll) .sub_visual.top_empty.before_on .sv_tit .jo_hwi {color: #000;}
/* .sub_visual.top_empty.before_on .ref-count {background-color: #404040;} */
/* .sub_visual.top_empty.before_on .ref-count .tooltip {color: #222222; box-shadow: 0px 0px 20px 1px rgba(60, 60, 60, 0.20); background-color: #fff;} */
.img_wa_box .ref-count-box, .img_yoyo_yo_box .ref-count-box {
	margin-top: 1.5rem; padding: 12px 30px; border-radius: 2rem; border: 1px solid #d2d2d2;
	font-weight: 500; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;
}
.img_wa_box {max-width: 340px;}
.img_yoyo_yo_box {max-width: 180px;}
.img_wa_box .ref-count-box > *, .img_yoyo_yo_box .ref-count-box > * {flex: 0 0 auto;}
.img_yoyo_yo_box .ref-count-box {padding: 6px 16px;}
.img_wa_box .ref-count, .img_yoyo_yo_box .ref-count {
	font-size: 18px;
	color: var(--color-green);
	background: transparent;
	position: relative;
}
.img_wa_box .ref-count-wrap {flex: 1 0 auto !important; text-align: right; padding-left: 1.5em;}
.img_wa_box .ref-count::before {
	/* content: ''; */
	display: block;
	content: url('/img/share_icon.png');
	width: 15px;
	height: 17px;
	position: absolute;
	left: -20px;
}
main.rival_m_scroll .sub_visual .rival_dou_ble .day-box:first-child .flex_flex_yo {
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
main.rival_m_scroll .sub_visual  .img_wa_text {flex: 1;}

.add_item {padding: 12px 16px; background-color: #E3E3E3; color: #5E5E5E; border: 0; border-radius: 8px; font-weight: 600; font-size: 14px;
	display: flex; gap: 10px; justify-content: center; align-items: center;
}
.add_item::after {
	content: '';
	display: block;
	width: 14px; height: 14px;
	background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 7L13 7' stroke='%235E5E5E' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M7 1L7 13' stroke='%235E5E5E' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.add_item:hover, .add_item:focus {background-color: #0086F8; color: #fff;}
.add_item:hover::after, .add_item:focus::after {background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 7L13 7' stroke='%23FFFFFF' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M7 1L7 13' stroke='%23FFFFFF' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");}
.edit_ha_go.popup-overlay .top_tit .tit {gap: 24px;}
.edit_ha_go .in_put_textarea, .edit_ha_go .row {display: flex; gap: 20px;}
.edit_ha_go .in_put_textarea {flex-direction: column;}
.edit_ha_go .row {justify-content: space-between; align-items: center;}
.edit_ha_go .row > * {flex: 1; flex-basis: 55%;}
.edit_ha_go .row > *:first-child {flex-basis: 80%;}
.edit_ha_go .row > *:last-child {flex-basis: 15%;}

/* .edit_ha_go input:text, .edit_ha_go input:password, .edit_ha_go input:search, .edit_ha_go input:number, .edit_ha_go input:email, .edit_ha_go input:url, .edit_ha_go input:tel, .edit_ha_go input:file, 
.edit_ha_go input:date, .edit_ha_go input:datetime-local, .edit_ha_go input:month, .edit_ha_go input:time, .edit_ha_go input:week,
.edit_ha_go input:not([type=button]):not([type=image]):not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=reset]):not([type=file]) */
#frm_editHashtags input, #frm_editMajorLinks input {padding: 12px 20px; border: 1px solid #d2d2d2; border-radius: 10px; width: 100%;}
/* #frm_editHashtags input:hover, #frm_editHashtags input:focus,
#frm_editMajorLinks input:hover, #frm_editMajorLinks input:focus
.edit_ha_go input
{border-color: #000;} */
.edit_ha_go .btn-del {padding: 12px 20px; background-color: #E3E3E3; color: #5E5E5E; border: 0; border-radius: 8px; font-weight: 600; font-size: 14px;
	display: flex; gap: 10px; justify-content: center; align-items: center; white-space: nowrap;}
.edit_ha_go .btn-del:hover, .edit_ha_go .btn-del:focus {background-color: #FD8989; color: #fff;}
.edit_ha_go .e_btn button, .edit_ha_go .e_btn a {/* background-color: #0086F8; */}
.edit_ha_go button.chi_so_btn, .edit_ha_go .e_btn a.gray_btn, .edit_ha_go .e_btn button.gray_btn {background-color: #454545;}
.edit_ha_go .e_btn button:hover, .edit_ha_go .e_btn button:focus, 
.edit_ha_go .e_btn a:hover, .edit_ha_go .e_btn a:focus {/* background-color: #090CC2; */}
.edit_ha_go button.chi_so_btn:hover, .edit_ha_go button.chi_so_btn:focus,
.edit_ha_go .e_btn a.gray_btn:hover, .edit_ha_go .e_btn a.gray_btn:focus, 
.edit_ha_go .e_btn button.gray_btn:hover, .edit_ha_go .e_btn button.gray_btn:focus
 {background-color: #000;}

.btn-detail-open, .btn-detail-close {
	padding: 12px 30px;
	color: #333;
	font-weight: 500;
	font-size: 15px;
	margin: 2em auto 0;
}

.edit_top_gong {position: relative;}




.sub_cast .sv_bot{display: flex; justify-content: space-between; align-items: flex-end; padding: 30px 0 15px; border-bottom: 1px solid #cccccc; gap: 20px; flex-wrap: wrap; margin-bottom: 40px;}
.sub_cast .all_txt p{font-size: 14px; color: #888888; letter-spacing: -0.025em;}
.right_new_btn .sv_btn{display: flex; align-items: center; justify-content: center; gap: 8px; border-radius: 10px; border: 1px solid #cccccc; background-color: #005399; padding: 11px 15px;}
/* .sub_cast .sv_btn:hover{background-color: #ededed;} */
.right_new_btn .sv_btn span{font-size: 14px; font-weight: 700; color: #ffffff;}
.sub_cast .sv_bot .jo_hwi{font-size: 14px;
    color: #444444;
    letter-spacing: -0.025em;
    display: flex;
    align-items: center;
    gap: 5px;
}
@media all and (max-width:1024px){
    .sub_visual.sticky{top: 63px;}
    .sub_visual .sv_tit{padding: 50px 0 30px;}
    main:not(.rival_m_scroll) .sub_visual .sv_tit h2{font-size: 26px;}
    /* .sub_cast .sv_bot{justify-content: flex-end;} */
/*     .sub_visual .sv_tit .jo_hwi{width: 100%; justify-content: flex-end;} */
}

@media all and (max-width:768px){
    main:not(.rival_m_scroll) .sub_visual .sv_tit{padding: 30px 0 15px;}
    .sub_visual .sv_tit h2 .air_code{opacity: 1;}
}

/* 검색결과 페이지 */
.sear_ch_list ul{display: flex; flex-direction: column; }
.sear_ch_list ul li{border-bottom: 1px solid #cccccc;}
.sear_ch_list ul li:hover .se_ch_href .tit{color: #0086f8; text-decoration: underline; text-underline-offset: 3px;}
.sear_ch_list .se_ch_href{display: block; padding: 40px 0;}
.sear_ch_list .se_ch_href .tit{font-size: 24px; font-weight: 600; letter-spacing: -0.025em; color: #222222; overflow:hidden; text-overflow:ellipsis;
	/* white-space:nowrap; */
	white-space: normal; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;
}
.sear_ch_list .se_ch_href .txt{font-size: 16px; color: #333333; letter-spacing: -0.025em; margin-top: 20px; line-height: 1.75em; white-space: normal; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.sear_ch_list .se_ch_href .blue_sp{ color: #fff; background-color: #0086f8; padding: 0 3px;}
.sear_ch_list li.affair .se_ch_href .tit {font-size: 16px; font-weight: normal; line-height: 1.4;}
.sear_ch_list li.affair .se_ch_href .txt {line-height: 1.4}

.sear_ch_list .none_result{display: flex; justify-content: center; text-align: center; padding: 140px 0;}
.sear_ch_list .none_result .center_box{display: flex; flex-direction: column; gap: 30px;}
.sear_ch_list .none_result .center_box span{font-size: 22px; color: #0086f8; letter-spacing: -0.025em; font-weight: 700;}

.li_arrow_btn {margin: 50px 0 170px;}
.li_arrow_btn ul{display: flex; justify-content: center; align-items: center; gap: 8px;}
.li_arrow_btn ul li a{display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 5px; box-sizing: border-box; font-size: 500; color: #666666; letter-spacing: 0; font-size: 18px;}
.li_arrow_btn ul li.arr_btn a{background-color: #f9f9f9;}
.li_arrow_btn ul li:hover a{background-color: #ededed;}
.li_arrow_btn ul li.active a{background-color: #0086f8; color: #fff;}

@media all and (max-width:1024px){
    .sear_ch_list .se_ch_href .tit{font-size: 20px;}
    
    .sear_ch_list .none_result .center_box span{font-size: 18px;}
}

/* 로그인 페이지 */
.sub_login .quick_search{display: none;}
.log_in_top .login_logo{text-align: center;}
.log_in_top .login_tit{text-align: center; font-size: 36px; letter-spacing: 0; color: #222222; font-weight: 600; margin-top: 20px;}
.login_page{max-width: 480px; width: 93.75%; margin-right: auto; margin-left: auto; padding: 100px 0;}
.login_le_vel {display: flex; justify-content: center; align-items: center; gap: 70px;}
.login_le_vel .le_vel{width: 40px; aspect-ratio: 1/1; box-sizing: border-box; display: flex; align-items: center; justify-content: center; background-color: #efefef; border-radius: 50%; position: relative;}
.login_le_vel .le_vel + .le_vel:before{position: absolute; right:calc(100% + 5px); top: 50%; width: 60px; height: 2px; content: ''; background-color: #efefef; transform: translateY(-50%);}
.login_le_vel .le_vel img{filter: invert(61%) sepia(0%) saturate(1458%) hue-rotate(181deg) brightness(88%) contrast(90%);}
.login_le_vel .le_vel.on{background-color: var(--color-green);}
.login_le_vel .le_vel.on img{filter: brightness(0) invert(1) ;}
.login_le_vel .le_vel.on:before{background-color: var(--color-green);}

.log_in_bot .log_sub_tit{font-size: 16px; font-weight: 600; color: #444444; letter-spacing: -0.025em; text-align: center; line-height: 1.625em;}

.check_la_bel label{display: flex; justify-content: space-between; padding: 15px 20px; box-sizing: border-box; align-items: center;}
.check_la_bel label p{font-size: 18px; letter-spacing: -0.025em; color: #666666;}
.check_la_bel label p .under_li_ne{text-decoration: underline; text-underline-offset: 3px;}
.check_la_bel label input[type="checkbox"]{display: none;}
.check_la_bel label input[type="checkbox"] ~ i{width: 30px; height: 30px; border-radius: 50%; box-sizing: border-box; border: 1px solid #888888; background-image: url(/img/check_new_icon01.png); background-repeat: no-repeat; background-position: center;}

.check_la_bel label input[type="checkbox"]:checked ~ i{background-color: var(--color-green); border-color: var(--color-green); background-image: url(/img/check_new_icon02.png);}
.check_la_bel label input[type="checkbox"]:checked ~ p{color: #222222;}

.check_la_bel.check_all label{border-radius: 10px; border: 1px solid #d2d2d2; background-color: #f9f9f9;}
.check_la_bel.check_all label:has(input[type="checkbox"]:checked){background-color: #F3FFFA; border-color: var(--color-green);}
.check_la_bel.check_all label p{font-weight: 700;}
.log_sub_mit .btn{width: 100%; display: flex; align-items: center; justify-content: center; text-align: center; height: 70px; border-radius: 10px; background-color: #BFBFBF; color: #fff; font-size: 18px; letter-spacing: -0.025em; font-weight: 700;}
.log_sub_mit.on .btn,
.log_sub_mit .btn.btn-green {background-color: var(--color-green);}
.log_sub_mit .btn.btn-green:hover, .log_sub_mit .btn.btn-green:focus, .log_sub_mit .btn.btn-green:active,
.log_sub_mit.on .btn:hover, .log_sub_mit.on .btn:focus, .log_sub_mit.on .btn:active {background-color: var(--color-green2);}
body.sub_login .social {
	margin-top: 40px;
	display: flex;
	flex-direction: column;
	gap: 30px;
	position: relative;
	text-align: center;
}
/* body.sub_login .social::before {
	display: block;
	content: '또는';
	width: 100%;
	text-align: center;
} */
body.sub_login .social .line {position: relative;}
body.sub_login .social .line span {
	padding: 0 1.5em;
	background: #fff;
	color: #888888;
	font-weight: 500;
	z-index: 1;
}
body.sub_login .social .line::before {
	content: '';
	width: 100%;
	border-top: 1px solid #ccc;
	position: absolute;
	top: .5em; left: 0;
	z-index: -1;
}
body.sub_login .social > div {}
body.sub_login .social .login-button {
	display: inline-block; width: 120px; text-align: center; font-weight: 500; color: #6E6E6E;
}
body.sub_login .social .login-button:hover, 
body.sub_login .social .login-button:focus, 
body.sub_login .social .login-button:active {color: #222;}
body.sub_login .social .login-button::before {
	content: '';
	display: block;
	width: 60px; height: 60px;
	background-color: #F5F5F5;
	border-radius: 9999px;
	margin: 0 auto 8px;
	background-position: center center;
	background-repeat: no-repeat;
	transition: .3s;
}
body.sub_login .social .login-button.kakao-button::before {
	background-image: url("data:image/svg+xml,%3Csvg width='34' height='30' viewBox='0 0 34 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.2077 25.6332C16.2404 25.6413 15.2758 25.5954 14.3166 25.459C14.1707 25.4387 14.0559 25.4657 13.9316 25.5535C12.0281 26.8896 10.1259 28.2284 8.16028 29.4727C7.92116 29.624 7.67258 29.7577 7.4267 29.8982C7.34024 29.9482 7.24567 29.9806 7.1457 29.9942C6.83228 30.036 6.64719 29.851 6.71339 29.5389C6.82957 28.9904 6.99304 28.4554 7.14705 27.9164C7.53478 26.5573 7.92251 25.1982 8.31429 23.8391C8.34806 23.7203 8.33725 23.6635 8.21297 23.6014C6.35944 22.6625 4.72477 21.4385 3.39001 19.8349C2.07147 18.2502 1.18118 16.4602 0.863702 14.4121C0.501643 12.0722 0.913688 9.85933 2.0431 7.78289C3.14819 5.74969 4.74233 4.17446 6.66881 2.92211C8.72498 1.58601 10.9811 0.75381 13.3858 0.320149C15.1772 -0.00273192 16.9848 -0.081088 18.7978 0.08373C22.2103 0.393102 25.3581 1.44415 28.1343 3.49087C29.9771 4.84994 31.4591 6.52379 32.3602 8.64751C33.803 12.0479 33.5004 15.3348 31.582 18.469C30.3513 20.4793 28.6247 21.9856 26.5983 23.1596C24.6623 24.2809 22.5792 24.9888 20.3757 25.3576C19.3274 25.5333 18.2723 25.6251 17.2091 25.6332H17.2077Z' fill='black'/%3E%3Cpath d='M24.7577 11.9358C24.7928 11.8859 24.8225 11.8291 24.8644 11.7872C25.6642 10.9848 26.4666 10.1823 27.2691 9.38117C27.5704 9.0799 27.9406 9.03532 28.2999 9.25147C28.6606 9.46898 28.8403 9.89048 28.7309 10.2633C28.689 10.4066 28.6012 10.5173 28.4972 10.6214C27.8406 11.2766 27.1867 11.9358 26.5261 12.587C26.4342 12.6775 26.4383 12.7302 26.5126 12.8275C27.2462 13.7907 27.9743 14.758 28.7011 15.7267C29.0186 16.1495 28.9754 16.6913 28.6039 17.0195C28.1878 17.3897 27.569 17.3303 27.2232 16.875C26.5693 16.0185 25.9236 15.1566 25.2737 14.296C25.2575 14.2744 25.244 14.2487 25.2238 14.2298C25.1481 14.1568 25.1265 14.0123 25.0076 14.0055C24.9157 14.0001 24.7023 14.3325 24.7023 14.4419C24.7023 15.0863 24.7077 15.7307 24.6982 16.3765C24.6928 16.8263 24.3753 17.1817 23.9241 17.2695C23.5175 17.3492 23.0906 17.1236 22.9136 16.7331C22.8555 16.6048 22.8285 16.471 22.8285 16.3292C22.8285 14.2001 22.8285 12.0723 22.8298 9.94317C22.8298 9.40819 23.2432 8.99344 23.7634 8.99074C24.2808 8.98803 24.6955 9.40008 24.7009 9.93641C24.7063 10.5471 24.7023 11.159 24.7023 11.771V11.8994C24.7212 11.9115 24.7401 11.925 24.759 11.9372L24.7577 11.9358Z' fill='%23FFE700'/%3E%3Cpath d='M13.5556 15.6516C13.122 15.6516 12.6883 15.6543 12.2546 15.6489C12.156 15.6489 12.1087 15.6759 12.075 15.7719C11.9642 16.0799 11.8426 16.3838 11.7264 16.6892C11.5467 17.1593 11.2185 17.3484 10.7118 17.2741C10.0553 17.1769 9.82966 16.8432 9.96881 16.1704C10.0553 15.7502 10.239 15.3612 10.389 14.9626C11.0212 13.2888 11.6575 11.6149 12.2938 9.94243C12.4803 9.45203 12.8248 9.12239 13.3449 9.01837C13.9339 8.90083 14.554 9.28045 14.7904 9.89379C15.1444 10.8084 15.4889 11.7271 15.8374 12.6444C16.2292 13.6752 16.6223 14.7046 17.0128 15.7367C17.1208 16.0245 17.1911 16.3203 17.1614 16.6324C17.137 16.8999 17.0087 17.0904 16.7493 17.1836C16.5602 17.2525 16.3656 17.2944 16.163 17.2822C15.7888 17.2593 15.5078 17.1174 15.3862 16.7256C15.2876 16.4095 15.1471 16.1055 15.0363 15.7921C14.9998 15.6881 14.9552 15.6476 14.8377 15.6503C14.4094 15.6597 13.9825 15.6543 13.5543 15.6543L13.5556 15.6516Z' fill='%23FFE700'/%3E%3Cpath d='M7.06524 13.6728C7.06524 12.7839 7.06254 11.895 7.06794 11.006C7.06794 10.8655 7.04363 10.8142 6.88826 10.8183C6.47217 10.8304 6.05472 10.825 5.63862 10.8223C5.09283 10.8196 4.69024 10.4359 4.68619 9.91986C4.68213 9.39569 5.08202 8.98905 5.63051 8.9877C7.21385 8.98229 8.79718 8.98364 10.3805 8.9877C10.879 8.98905 11.2722 9.3376 11.3221 9.80233C11.3721 10.2603 11.0857 10.6724 10.6372 10.7953C10.544 10.821 10.4508 10.8223 10.3562 10.8223C9.9401 10.8223 9.52265 10.8291 9.10655 10.8196C8.97011 10.8169 8.94309 10.8615 8.94309 10.9885C8.94714 12.7609 8.94579 14.5321 8.94579 16.3045C8.94579 16.7774 8.71072 17.1192 8.30138 17.2475C7.67723 17.4434 7.07065 17.0097 7.06659 16.3545C7.06119 15.4602 7.06524 14.5658 7.06524 13.6715V13.6728Z' fill='%23FFE700'/%3E%3Cpath d='M17.6588 13.0987C17.6588 12.0436 17.6561 10.9872 17.6588 9.93207C17.6601 9.43626 18.0141 9.05799 18.5207 8.9945C18.9719 8.93776 19.4164 9.24713 19.5407 9.69835C19.5718 9.81318 19.5691 9.92937 19.5691 10.0455C19.5691 11.7842 19.5718 13.5229 19.5664 15.2616C19.5664 15.4102 19.6042 15.4467 19.7501 15.444C20.3607 15.4359 20.9727 15.4359 21.5834 15.4427C22.0589 15.4481 22.4426 15.8074 22.4615 16.2505C22.4817 16.718 22.1143 17.1408 21.6428 17.1476C20.5877 17.1597 19.5312 17.1597 18.4761 17.1476C18.0182 17.1422 17.6615 16.7463 17.6601 16.2816C17.6574 15.2211 17.6601 14.1592 17.6601 13.0987H17.6588Z' fill='%23FFE700'/%3E%3Cpath d='M13.5554 11.3303C13.8756 12.2395 14.1796 13.1041 14.4916 13.989H13.3095C13.1258 13.989 12.9421 13.9823 12.7597 13.9917C12.6408 13.9971 12.6232 13.9674 12.6624 13.8553C12.9042 13.1825 13.1407 12.5084 13.3784 11.8342C13.4325 11.6829 13.4852 11.5316 13.5554 11.3317V11.3303Z' fill='black'/%3E%3C/svg%3E%0A");
}
body.sub_login .social .login-button.google-button::before {
	background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.32886 17.6052L7.38843 17.7703C8.51659 20.8959 11.4995 23.1276 14.9998 23.1277C16.5814 23.1277 18.057 22.6729 19.3035 21.8855L19.449 21.7927L19.5876 21.8962L24.2986 25.4412L24.5466 25.6277L24.3123 25.8298C21.8148 27.9963 18.5596 29.3074 14.9998 29.3074C9.49585 29.3073 4.72202 26.1741 2.34839 21.5896L2.25366 21.407L2.41479 21.2791L6.99878 17.6589L7.06714 17.6052H7.32886Z' fill='%2334A853' stroke='%2334A853' stroke-width='0.5'/%3E%3Cpath d='M14.9995 0.692383C18.6807 0.692383 22.0365 2.0943 24.5649 4.39453L24.7603 4.57227L24.5728 4.75684L20.5415 8.76074L20.3784 8.92188L20.2036 8.77441C18.7965 7.58697 16.9813 6.87207 14.9995 6.87207C11.4379 6.87209 8.4121 9.18263 7.33057 12.3945L7.21631 12.7334L6.93799 12.5107L2.34814 8.84766L2.18994 8.72168L2.28076 8.54004C4.63076 3.88465 9.44355 0.692404 14.9995 0.692383Z' fill='%23EA4335' stroke='%23EA4335' stroke-width='0.5'/%3E%3Cpath d='M2.66107 8.45776L7.24994 12.1199L7.38666 12.2292L7.33099 12.3953C7.05591 13.2125 6.90621 14.0883 6.90619 14.9998C6.90619 15.973 7.07652 16.9062 7.38861 17.7703L7.45013 17.9392L7.30853 18.0515L2.72455 21.6707L2.48724 21.8582L2.3476 21.5896C1.32627 19.6166 0.749939 17.324 0.749939 14.9998C0.749966 12.6762 1.30151 10.4814 2.28119 8.54077L2.41986 8.26538L2.66107 8.45776Z' fill='%23FFB902' stroke='%23FFB902' stroke-width='0.5'/%3E%3Cpath d='M7.09424 12.3154H7.09435M20.3658 8.58423H20.3659' stroke='%23231F20' stroke-miterlimit='10'/%3E%3Cpath d='M29.0442 12.3333V12.5676C29.1792 13.3584 29.2502 14.1712 29.2502 15.0002C29.2502 15.9943 29.1487 16.9652 28.9563 17.9026C28.3113 21.0444 26.6416 23.8101 24.3127 25.8303L24.1594 25.9622L23.9983 25.8411L19.2864 22.2961L18.9973 22.0784L19.303 21.885C20.7177 20.9914 21.8374 19.6698 22.4827 18.1018H14.5481V12.3333H29.0442Z' fill='%234285F4' stroke='%234285F4' stroke-width='0.5'/%3E%3C/svg%3E%0A");
}
body.sub_login .social .login-button.naver-button::before {
	background-image: url("data:image/svg+xml,%3Csvg width='28' height='26' viewBox='0 0 28 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0V26H9.03569V12.1016L19.3214 26H28V0H18.9643V13.8644L8.67861 0H0Z' fill='%2303C75A'/%3E%3C/svg%3E%0A");
}
body.sub_login .social .kakao-button:hover::before,
body.sub_login .social .kakao-button:focus::before,
body.sub_login .social .kakao-button:active::before {background-color: #FFE700;}
body.sub_login .social .google-button:hover::before,
body.sub_login .social .google-button:focus::before,
body.sub_login .social .google-button:active::before {background-color: #000;}
body.sub_login .social .naver-button:hover::before,
body.sub_login .social .naver-button:focus::before,
body.sub_login .social .naver-button:active::before {background-color: var(--color-green);
/* 	background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='60' height='60' rx='30' fill='%2303C75A'/%3E%3Cpath d='M16 17V43H25.0357V29.1016L35.3214 43H44V17H34.9643V30.8644L24.6786 17H16Z' fill='white'/%3E%3C/svg%3E%0A"); */
	background-image: url("data:image/svg+xml,%3Csvg width='28' height='26' viewBox='0 0 28 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0V26H9.03569V12.1016L19.3214 26H28V0H18.9643V13.8644L8.67861 0H0Z' fill='%23fff'/%3E%3C/svg%3E%0A");
}

.log_info_wrap{display: flex; flex-wrap: wrap; gap: 20px;}
.log_input_box{width: 100%; height: 50px; border-radius: 10px; border: 1px solid #d2d2d2; overflow: hidden; position: relative;}
.log_input_box:not(:has(input[readonly])):hover {border: 2px solid #000;}
.log_input_box input{width: 100%; height: 100%; outline: none; border: none; padding: 0 20px; box-sizing: border-box; font-size: 16px; letter-spacing: -0.025em; color: #222;}
.log_input_box.readonly input{background-color: #f5f5f5; color: #888888;}

.log_input_box.on{border-color:#444444}
.log_input_box .air_time{position: absolute; right: 20px; top: 50%; transform: translateY(-50%); z-index: 3; font-size: 16px; font-weight: 500; letter-spacing: -0.025em; color: #222222; line-height: 1;}
.log_radio_box{display: flex; border-radius: 10px; border: 1px solid #d2d2d2; width: 100%; box-sizing: border-box; overflow: hidden;}
.log_radio_box.w50{width: calc(50% - 10px);}
.log_radio_box.item04 label{width: 25%;}
.log_radio_box.item02 label{width: 50%;}
.log_radio_box label:first-child{border-radius: 10px 0 0 10px;}
.log_radio_box label:last-child{border-radius: 0 10px 10px 0;}

.log_radio_box label{ box-sizing: border-box; text-align: center; background-color: #f9f9f9; height: 50px; display: flex; align-items: center; justify-content: center; position: relative;}
.log_radio_box label + label:before{content: ''; left: 0; top: 0; height: 100%; width: 1px; background-color: #d2d2d2; position: absolute;}
.log_radio_box label input[type="radio"]{display: none;}
.log_radio_box label span{font-size: 16px; color: #888888; letter-spacing: -0.025em; color: #888888;}
.log_radio_box label:has(input[type="radio"]:checked){background-color: #ffffff; border:2px solid var(--color-green)}
.log_radio_box label input[type="radio"]:checked ~ span{color: var(--color-green); font-weight: 700;}

.log_input_type{display: flex; gap: 5px; width: 100%; position: relative;}
.log_input_type .log_input_box{width: calc(100% - 125px);}
.log_input_type .yo_chung_btn{min-width: 120px; }
.log_input_type .yo_chung_btn a{width: 100%; height: 100%; background-color: #4F4F4F; color: #fff; font-size: 16px; font-weight: 700; letter-spacing: -0.025em; display: flex; text-align: center; justify-content: center; align-items: center; border-radius: 10px; height: 50px;}
.log_input_type .yo_chung_btn a:hover, .log_input_type .yo_chung_btn a:focus, .log_input_type .yo_chung_btn a:active {background-color: #000;}
.log_input_type .yo_chung_btn a.on{background-color: var(--color-green);}

.log_input_type .air_txt{position: absolute; left: 0; bottom: 100%; display: flex; align-items: center; gap:3px; /* margin-bottom: 5px; */}
.log_input_type .air_txt span{color:var(--color-green); font-size: 14px; letter-spacing: -0.025em;}

.log_in_href{display: flex; justify-content: center;}
.log_in_href a{padding: 0 20px; display: block; color: #888888; font-size: 16px; font-weight: 500; letter-spacing: -0.025em; position: relative;}
.log_in_href a + a:before{position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 10px; background-color: #d2d2d2; content: '';}
.log_in_href a:hover{color: #222222;}

.x_input_box .air_time{display: none; cursor: pointer;}
.x_input_box.chat .air_time{display: block;}

.new_yo_hwi > span {
	position: relative;
	padding-right: 13px;
	font-size: 17px;
	color: #333;
	font-weight: 400;
	flex-shrink: 0;
}
.new_yo_hwi > span + span {padding: 0 13px;}
.new_yo_hwi > span + span:before{position: absolute; content: ''; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 14px; background-color: #d2d2d2;}
.ye_ar_li .in_fo .info_tit .affair-title {font-size: 16px; font-weight: 500; line-height: 1.75;}

.new_sv_btn{display: flex; align-items: center; flex: 0 0 auto;}
.new_sv_btn .btn_c{display: flex; align-items: center; gap: 5px; padding: 0 15px; position: relative; position: relative; border: 0; background: transparent;}
.new_sv_btn .txt_c:hover span{color: #222222; text-decoration: underline; text-underline-offset: 3px;}
.new_sv_btn .btn_c + .btn_c:before{position: absolute; content: ''; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 14px; background-color: #d2d2d2;}
.new_sv_btn i img{filter: invert(60%) sepia(0%) saturate(0%) hue-rotate(138deg) brightness(90%) contrast(94%);}
.new_sv_btn .btn_c span{font-size: 15px; color: #888888; font-weight: 600;}
.new_sv_btn .num{font-size: 14px; color: #ffffff; font-weight: 600; letter-spacing: -0.025em; padding: 3px 8px; border-radius: 11px; background-color: #404040; display: inline-block; line-height: 1;}
.new_sv_btn .num.no_bg{padding: 0; background-color: transparent; color: #222222;}

.ref-count {
	font-size: 14px;
	color: #ffffff;
	font-weight: 600;
	letter-spacing: -0.025em;
	padding: 3px 8px;
	border-radius: 11px;
	background-color: #404040;
	display: inline-block;
	line-height: 1;
	position: relative;
	flex: 1 0 auto !important;
	text-align: right;
}
.ref-count .tooltip {
	position: absolute;
	top: calc(100% + 10px);
	left: 10px;
	width: fit-content;
	white-space: nowrap;
	font-size: 16px;
	font-weight: 400;
	color: #222222;
	letter-spacing: -0.025em;
	z-index: 2;
	box-shadow: 0px 0px 20px 1px rgba(60, 60, 60, 0.20);
	padding: 10px 30px;
	border-radius: 20px;
	opacity: 0;
	visibility: hidden;
	transition: .5s;
	background-color: #fff;
}
.ref-count .tooltip::before {
	content: '';
	position: absolute;
	top: 0;
	left: 13px;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-bottom-color: transparent;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: transparent;
	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: transparent;
	border-bottom-color: #fff;
	border-top: 0;
	border-left: 0;
	margin-top: -10px;
}
.ref-count:hover .tooltip {
  opacity: 1;
  visibility: visible;
}

.new_sv_btn .like_c:hover span{color: #F3810F;}
.new_sv_btn .like_c:hover .num{background-color: #F3810F;}

.new_sv_btn .siren_c:hover span{color: #f55342;}
.new_sv_btn .siren_c:hover i img{filter: invert(40%) sepia(67%) saturate(2304%) hue-rotate(337deg) brightness(100%) contrast(93%);}

.new_sv_btn .pen_c:hover span{color: var(--color-green);}
.new_sv_btn .pen_c:hover i img{filter: invert(46%) sepia(95%) saturate(4822%) hue-rotate(190deg) brightness(104%) contrast(102%);}

.quick_keyword{position: fixed; right: 0; top: 30vh; z-index: 12; box-shadow: 4px 4px 16px rgba(34, 34, 34, 0.1); border-radius: 10px 0 0 10px; overflow: hidden;}
.quick_keyword .btn_keyword{ font-size: 18px; color: #ffffff; letter-spacing: -0.025em; display: flex; align-items: center; justify-content: center; gap: 0 20px; padding: 20px 30px; cursor: pointer; background-color: var(--color-green); }
.quick_keyword.on .btn_keyword{ color: #222222; background-color: #f9f9f9;}
.quick_keyword .btn_keyword i img{filter: brightness(0) invert(1);}
.quick_keyword ul{display: none; width: 100%; box-sizing: border-box; background-color: #f9f9f9; padding: 10px 0;}
.quick_keyword.on ul{display: block;}
.quick_keyword ul li a{padding: 10px 30px; display: block; font-size: 15px; color: #0086f8; letter-spacing: -0.025em; font-weight: 700; overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;}

.quick_keyword ul li:hover a{text-decoration: underline; text-underline-offset: 2px;}
.quick_keyword.on .btn_keyword i img{transform: rotate(-180deg); filter: unset;}

@media all and (max-width:768px){
    .quick_keyword{top: 15vh;}
}

.img_wa_text{display: flex; gap: 20px; align-items:}
.img_wa_text .img_wa{width: 340px; min-width: 340px; aspect-ratio: 1/1; align-self: flex-start;}
.img_wa_text .img_wa img{width: 100%; height: 100%; object-fit: cover;}
.img_wa_text .won_te_xt{width: calc(100% - 360px); display: flex; flex-direction: column; justify-content: space-between; gap: 30px 0;}
.img_wa_text .won_te_xt.w100{width: 100%;}
.img_wa_text .text_wa{border-radius: 5px;  width: 100%;}
/* .img_wa_text .text_wa .tit{padding: 20px 40px; width: 100%; box-sizing: border-box; font-size: 24px; font-weight: 600; color: #222222; letter-spacing: -0.025em; line-height: 1.5em; background-color: #ededed; border-bottom: 1px solid #d2d2d2;} */
.img_wa_text .text_wa .txt{padding: 30px 40px; width: 100%; box-sizing: border-box; font-size: 16px; color: #333333; letter-spacing: -0.025em; font-weight: 400; line-height: 1.75em; }
.img_wa_text .text_wa .txt a{color: var(--color-link);}
.img_wa_text .text_wa .txt .green_c{color: #00aa4b;}
.img_wa_text .text_wa .txt .blue_c{color: #0086f8;}

.img_wa_text .text_wa .txt .hashtags {display: flex; flex-wrap: wrap; gap: .8em;}
/* .img_wa_text .text_wa .txt .hashtags li {display: inline;}
.img_wa_text .text_wa .txt .hashtags li:nth-child(n + 2) {margin-left: 10px;} */

@media all and (max-width:768px){
    .img_wa_text{flex-direction: column;}
    .img_wa_text .img_wa{margin: 0 auto; max-width: 100%; min-width: auto;}
    .img_wa_text .text_wa{width: 100%;}
    .img_wa_text .won_te_xt{width: 100%;}

    .img_wa_text .text_wa .tit{font-size: 22px;}
    .img_wa_text .text_wa .tit,
    main:not(.rival_m_scroll) .img_wa_text .text_wa .txt{padding: 20px;}
    .img_wa_text .ye_ar_li .in_fo_box{width: 100%;}
}

    .ye_ar_li{padding-top: 100px;}
    .ye_ar_li .li_box{display: flex; gap: 40px; flex-direction: row-reverse;}
    .ye_ar_li .ye_ar{ position: relative; margin-top: 10px;}
    .ye_ar_li .ye_ar:before{position: absolute; left: 50%; top: -40px; height: calc(100% + 10px); width: 2px; transform: translateX(-50%); background-color: #DFDFDF; content: '';}
    .ye_ar_li .ye_ar .year_nyeon{width:100%; border-radius: 25px; background-color: #222; color: #fff; height: 50px; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 16px; font-weight: 700; letter-spacing: -0.025em; position: relative; z-index: 3; width: 120px; min-width: 120px; position: absolute; bottom: calc(100% + 40px); left: 50%; transform: translateX(-50%);}
    .ye_ar_li .in_fo_box{width: 100%; box-sizing: border-box; padding-bottom: 100px;}
    
    .ye_ar_li.rival .li_box:last-child .day-box:last-child .in_fo_box,
    main.keyword .ye_ar_li .li_box:last-child .in_fo_box {padding-bottom: 50px;}
    .ye_ar_li .in_fo {width:100%; border-radius: 5px; margin-bottom: 30px; box-sizing: border-box; scroll-margin-top: 400px; overflow: hidden; position: relative;}
    .ye_ar_li .in_fo:not(.juyo_info) {border: 1px solid #d2d2d2;}
    main.rival_m_scroll .ye_ar_li .in_fo {scroll-margin-top: 250px;}
    .ye_ar_li .in_fo.color_on{position: relative;}
    .ye_ar_li .in_fo.color_on:before{content: ''; width: 20px; height: 20px; 
/*     	background-color: #ff4d0f; */
    	background: linear-gradient(91.78deg, #2DC537 0%, #237DBD 107.42%); 
    	position: absolute; left: 0; top: 0; z-index: 2; 
/*     	border-radius: 5px 0 0 0;  */
    	clip-path: polygon(0 0, 0% 100%, 100% 0);
    }
    /* .ye_ar_li .in_fo.color_on .info_tit:before{content: ''; width: 24px; height: 24px; background-color: #ff4d0f; position: absolute; left: -76px; top: 50%; clip-path: polygon(100% 50%, 0 0, 0 100%); transform: translateY(-50%);} */
    .ye_ar_li .ri_val_left .in_fo.color_on:before{left: auto; right: 0; clip-path: polygon(100% 0, 0 0, 100% 100%); /* border-radius: 0 5px 0 0; */}
    .ye_ar_li .ri_val_left .in_fo.color_on .info_tit:before{left: auto; right: -76px; clip-path: polygon(0 50%, 100% 0, 100% 100%);}
    @keyframes blink {
        0%, 100% {
            opacity: 1;
        }
        50% {
            opacity: 0;
        }
    }
	
	.ye_ar_li .ul_box .in_fo .bottom {
		/* content: '접기';
		color: #0086f8;
		color: #007de8;
		text-shadow: 0px 0px 5px #dadada,
			2px 2px 2px #dadada,
			-2px -2px 2px #dadada,
			-2px -2px 2px #dadada,
			-2px 2px 2px #dadada,
			1px 1px 2px #dadada;
		background: linear-gradient(to top, rgba(100, 100, 100, .5) 0%, rgba(100, 100, 100, 0) 100%);
		background: linear-gradient(to top, rgba(200, 200, 200, 1) 0%, rgba(220, 220, 220, .9) 50%, rgba(230, 230, 230, .8) 70%, rgba(249, 249, 249, 0) 100%); */
/* 		background: #fff; */
		position: absolute;
		bottom: 0; left: 0; width: 100%;
		height: 3em;
		text-align: center;
		display: flex; justify-content: center; align-items: center;
		cursor: pointer;
		transition: .5s all;
/* 		opacity: 0; height: 0; */
		height: 3em;
		border-top: 2px solid #F9F9F9;
	}
	.ye_ar_li .ul_box .in_fo .btn-collapse {
		display: block; width: 100%; height: 100%;
		border: 0; background-color: #fff; border-radius: 0 0 5px 5px;
		font-family: inherit; font-size: 16px; font-weight: 500; line-height: 1.4; color: #222;
		display:flex; justify-content: center; align-items: center; gap: 10px; 
	}
	.ye_ar_li .ul_box .in_fo.juyo_info .btn-collapse {border-radius: 0 0 3px 3px;}
/* 	.ye_ar_li .ul_box .in_fo.collapse .bottom {opacity: 1; height: 3em;} */
	.ye_ar_li .ul_box .in_fo .btn-collapse span::after {content: '접기';}
	.ye_ar_li .ul_box .in_fo.collapse .btn-collapse span::after {content: '펼쳐보기';}
	.ye_ar_li .ul_box .in_fo .btn-collapse::after {content: ''; background: url(/img/new_arrow_img01.png) no-repeat center center; background-size: contain; width: 12px; height: 10px; transform: rotate(-180deg); transition: .3s;}
	.ye_ar_li .ul_box .in_fo.collapse .btn-collapse::after {transform: rotate(0);}
/* 	affair_ */
	.ye_ar_li .ul_box .in_fo.can-collapse {padding-bottom: 3em;}
	.ye_ar_li .ul_box .in_fo:not(.can-collapse) .bottom {display: none;}
	
	
    .ye_ar_li .in_fo + .in_fo{margin-top: 30px;}
    .ye_ar_li .in_fo .info_tit{
    	position: relative; padding: 20px 70px; width: 100%; box-sizing: border-box; 
/*     	background-color: #EFF6FB;  */
/*     	cursor: pointer;  */
    	font-size: 24px; font-weight: 400; color: #222222; letter-spacing: -0.025em; border-radius: 5px;
/*     	overflow: hidden; */
    	background: #F9F9F9;
    }
    .ye_ar_li .in_fo.collapse {overflow: hidden;}
    .ye_ar_li .in_fo.collapse .info_tit .affair-title {
    	text-overflow: ellipsis;
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
    }
    
    .ye_ar_li .in_fo .info_tit.no_click{padding-left: 40px; background-color: #EFF6FB;}
    main.rival_m_scroll .rival_dou_ble .ye_ar_li .in_fo .info_tit.no_click {padding-right: 200px;}
    .ye_ar_li .in_fo .info_tit.no_click:before,
    .ye_ar_li .in_fo .info_tit.no_click:after{content: none;}
    .ye_ar_li .in_fo .info_tit .new_yo_hwi{position: relative; padding-right: 130px;
		padding-right: 130px;
		display: flex;
		flex-wrap: wrap;
		justify-content: start;
		align-items: center;
		padding: 7px 0 0 27px;
		margin-right: 130px;
		margin-left: -27px;
    }
.ye_ar_li .in_fo.can-collapse .info_tit .new_yo_hwi {cursor: pointer;}
.ye_ar_li .in_fo .info_tit .new_yo_hwi:before{width: 15px; height: 11px; content: ''; background: url(/img/new_arrow_img01.png)no-repeat center center; position: absolute; left: 0; top: 12px; transition: .5s; transform: rotate(-180deg); pointer-events: none;}

.ye_ar_li .info4box {position: relative;}
.ye_ar_li .info4box::before {
	position: absolute; content: ''; box-sizing: border-box;
	top: 1.5em;
	left: 100%;
	width: 40px;
	height: 2px;
	background-color: #DFDFDF;
}
.ye_ar_li .ri_val_right .info4box::before {right: 100%; left: auto;}
/* .ye_ar_li .ri_val_left .in_fo .info_tit::after{right: auto; left: 100%;}
.ye_ar_li .ri_val_left .in_fo.juyo_info .info_tit::after {left: calc(100% + 2px); width: 39px;}
.ye_ar_li .ri_val_right .in_fo .info_tit::after{right: 100%; left: auto;}
.ye_ar_li .ri_val_right .in_fo.juyo_info .info_tit::after {right: calc(100% + 2px); width: 39px;} */
    
    .ye_ar_li .in_fo .info_tit.on {}
    .ye_ar_li .in_fo.collapse .info_tit .new_yo_hwi:before{transform: rotate(0);}
    .ye_ar_li .in_fo .info_txt{padding: 30px 40px; width: 100%; box-sizing: border-box;}
    .ye_ar_li .in_fo.collapse .info_txt,
    .ye_ar_li .in_fo.collapse .btn-detail-close,
    .ye_ar_li .in_fo .info_txt.collapse {display: none;}
    .ye_ar_li .in_fo .info_txt .txt_box {font-size: 16px; color: #333333; line-height: 1.75; padding-left: 30px;}
/*     .ye_ar_li .in_fo .info_txt .txt_box p{font-size: 17px; color: #333333; letter-spacing: -0.025em; line-height: 1.75em;} */
	.ye_ar_li .in_fo .affair-title a,
    .ye_ar_li .in_fo .info_txt .txt_box p a,
    .ye_ar_li .in_fo .info_txt .txt_box a {color: var(--color-link);}
    .ye_ar_li .in_fo .info_txt img{width: 100%; max-width: fit-content;}
    .tag_won_shu{margin-top: 40px; padding-top: 20px; border-top: 1px solid #d2d2d2; display: flex;}
    .tag_won_shu.no_border{margin-top: 0; padding-top: 0; border-top: none;}
    .tag_won_shu .tit{font-size: 16px; font-weight: 700; color: #333333; letter-spacing: -0.025em; min-width: 65px;}  
    .tag_won_shu .shop_tag{display: flex; width: calc(100% - 90px); gap: 5px 10px; flex-wrap: wrap;}
    .tag_won_shu .shop_tag a{font-size: 16px; font-weight: 600; color: var(--color-link); letter-spacing: -0.025em; text-decoration: underline; text-underline-offset:3px;}
    .ye_ar_li .new_sv_btn,
    .img_wa_text .text_wa .tit .new_sv_btn{position: absolute; right: 30px; top: 25px;}
    
    .ye_ar_li.rival .li_box .day-box:nth-child(n + 2) .year_nyeon {display: none;}
    .ye_ar_li.rival .in_fo_box {padding-bottom: 0;}
    .ye_ar_li.rival .li_box .day-box:last-child .in_fo_box {padding-bottom: 100px;}
    
    .affair-switch {display: flex; gap: 30px; justify-content: center;}

/*     .ye_ar_li .li_box:last-child .in_fo{margin-bottom: 0;} */
    /* .ye_ar_li .li_box:last-child .ye_ar:before{content: none;} */

    @media all and (max-width:1400px){
        .img_wa_text .ye_ar_li .in_fo_box{width: 100%;}
        .ye_ar_li .li_box{gap: 10px;}
/*         .ye_ar_li .ye_ar{width: 90px; min-width: 90px;} */
        main.keyword .ye_ar_li .in_fo_box {width: 100%;}
        main.keyword .ye_ar_li .in_fo .info_tit{font-size: 22px;}
        main.keyword .ye_ar_li .in_fo .info_tit:before{left: 20px; top:28px;}
        main.keyword .ye_ar_li .in_fo .info_txt{padding: 20px;}
        main.keyword .ye_ar_li .in_fo .info_tit::after{width: 55px;}
        main.keyword .ye_ar_li .in_fo .info_tit.no_click{padding-left: 20px;}

		/* c9 */
/* 		.ye_ar_li .info4box::before {width: 55px !important;} */
/* 		.ye_ar_li .ye_ar {width: auto; min-width: auto;} */
/* 		.ye_ar_li .ye_ar::before {display: none;} */
		main.keyword .ye_ar_li .li_box {gap: 0;}
		main.keyword .ye_ar_li .ye_ar::before, .ye_ar_li .info4box::before {display: none;}
		main.keyword .ye_ar_li .ye_ar .year_nyeon {left: auto; right: 0; transform: initial;}
    }

    .sin_go_air{
/*     	position: absolute; top: calc(100% + 10px); right: 0;  */
    	width: 460px; max-width: 93.75vw;
    	border: 1px solid #444444; border-radius: 5px;
    	background-color: #fff; padding: 40px 30px; box-sizing: border-box; z-index: 3; cursor: auto;
    }
    .sin_go_air .sin_titt{font-size: 20px; font-weight: 600; color: #333333; letter-spacing: -0.025em; line-height: 1.5em;}
    .sin_go_air .sin_txtt{font-size: 14px; color: #888888; letter-spacing: -0.025em;}
    .sin_che_ck li + li{margin-top: 20px;}
    .sin_che_ck label{display: flex; align-items: center; gap: 8px;}
    .sin_che_ck label input{display: none;}
    .sin_che_ck label input ~ i{width: 25px; height: 25px; box-sizing: border-box; border: 2px solid #888888; border-radius: 5px;}
    .sin_che_ck label input:checked ~ i{border-color: #0086f8; background: url(/img/check_arrow_icon01.png)no-repeat center center;}
    .sin_che_ck .label_txtt{font-size: 16px; color: #333333; font-weight: 600; letter-spacing: -0.025em;}
    .sin_che_ck label input:checked ~ .label_txtt{color: #0086f8;}

    .text_area_yo{width: 100%; height: 200px; border: 1px solid #d2d2d2; border-radius: 10px; overflow: hidden; position: relative;}
    .text_area_yo textarea{width: 100%; height: 100%; padding: 20px 25px; box-sizing: border-box; resize: none; outline: none; border: none; font-size: 16px; color: #222; letter-spacing: -0.025em; line-height: 1.625em;}
    .text_area_yo textarea::placeholder{color: #888;}
    .text_area_yo .text_area_air{position: absolute; bottom: 10px; right: 20px; font-size: 14px; font-weight: 300; color: #888888; letter-spacing: -0.025em; display: flex; align-items: center; background-color: #fff;}
    .sin_go_sub .sin_submit{width: 160px; height: 50px; display: flex; align-items: center; justify-content: center; text-align: center; background-color: #0086f8; color: #fff; border-radius: 10px; font-size: 15px; font-weight: 600; border:none; outline: none; margin: 0 auto;}

    @media all and (max-width:768px){
        .sin_go_air{right: -100%; max-width: 86vw;}
    }

    /* c9 */
    .new_edit_ha_go.popup_content {background: none;}
    .edit_ha_go.popup_content {width: 740px; max-width: 95%;}
    .sujung_edit_ha_go.popup_content, .edit_ha_go.popup_content .edit_ba_ck {margin-bottom: 0;}
    .in_puut .in_check_yo:has(input[type=radio], input[type=checkbox]) {min-height: 48px;}
    
/*     .new_edit_ha_go{position:fixed; top:0; left:0; width:100%; height:100%; z-index:100; background-color:rgba(0,0,0,.7);} */
    .sujung_edit_ha_go{margin-bottom: 30px; width: 100%;}
/*     .new_edit_ha_go .edit_ba_ck{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:1000px; width:93.75%; max-height:80vh; overflow-y:auto;} */
    .edit_ha_go .edit_ba_ck{padding: 50px 40px; box-sizing: border-box; border-radius: 10px; border: 1px solid #d2d2d2; background-color: #f9f9f9; margin-bottom: 100px;}
    .edit_ha_go .top_tit{display: flex; justify-content: space-between; align-items: center;}
    .edit_ha_go .top_tit .tit{display: flex; align-items: center; gap: 10px; flex-wrap: wrap;}
    .edit_ha_go .top_tit p{font-size: 24px; color: #222222; letter-spacing: 0; font-weight: 600;}
    .edit_ha_go .top_tit span{font-size: 16px; color: #888888; letter-spacing: -0.025em;}
    .edit_ha_go .e_btn{display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 10px; margin-top: 30px;}
    .edit_ha_go .e_btn a, .edit_ha_go .e_btn button{width: 120px; height: 50px; border-radius: 10px; display: flex; align-items: center; justify-content: center; color: #fff; letter-spacing: -0.025em; font-size: 15px; border: 0;
/*     	background-color: #0086f8; */
    }
    .edit_ha_go .e_btn button {font-family: 'Pretendard', sans-serif;}
    .edit_ha_go .e_btn a.gray_btn, .edit_ha_go .e_btn button.gray_btn{background-color: #222222;}
    .edit_ha_go .in_put_gong{margin-top: 30px; display: flex; flex-wrap: wrap; gap: 20px 40px;}
    .edit_ha_go .in_puut{display: flex; width: 100%;}
    .edit_ha_go .in_puut.w100{width: 100%;}
    .edit_ha_go .in_puut.w270{width: 270px;}
    .edit_ha_go .in_puut.w80{width: calc(100% - 310px);}
    .edit_ha_go .in_puut .in_tit{font-size: 16px; font-weight: 700; color: #444444; letter-spacing: -0.025em; margin-top: 13px;}
    .edit_ha_go .in_puut .in_tit.mw-105{min-width: 105px;}
    .edit_ha_go .in_puut .in_tit.mw-80{min-width: 80px;}
    .edit_ha_go .in_puut .in_tit.mw-55{min-width: 55px;}
    .btn-del-keyword, .btn-del-affair {
    	margin-left: 3em;
/*     	margin-left: 18em; */
/*     	align-self: self-end; */
    }


    .in_tit span.fill{color: var(--color-green);}
    .edit_ha_go .in_puut .in_yoyo{width: 100%; border: 1px solid #d2d2d2; height: 50px; background-color: #fff; border-radius: 10px; box-sizing: border-box; display: block;
    	  position: relative;
    }
    .edit_ha_go .in_puut input{
    	width: 100%; height: 100%;
		height: 48px; /* c9 */
		border: none; outline: none; padding: 15px 25px; box-sizing: border-box; border-radius: 10px; font-size: 16px; letter-spacing: -0.025em; color: #222;}
    .edit_ha_go .in_puut input::placeholder{color: #888888;}
    .edit_ha_go .in_nalzza input{background: #fff url(/img/date_picker_icon01.png)no-repeat right 10px center; cursor: pointer;}

    .edit_ha_go .in_put_textarea{margin-top: 40px; width: 100%;}
    /* .edit_ha_go .in_puut .in_yoyo{width: calc(100% - 55px);}
    .edit_ha_go .in_puut .in_put_key{width: calc(100% - 80px);} */
    
    .edit_ha_go .input_textarea, .edit_ha_go .input_textarea textarea {width: 100%; min-height: 100px;}
    .edit_ha_go .input_textarea textarea {
    	width: 100%;
		height: 100%;
		border: none;
		outline: none;
		padding: 15px 25px;
		box-sizing: border-box;
		border: 1px solid #d2d2d2;
		border-radius: 10px;
		font-size: 16px;
		letter-spacing: -0.025em;
		color: #222;
    }

    /* 회원가입 이메일 자동완성 */
.key_word_yo { 
	border: 1px solid #ccc; 
	max-height: 150px; 
	overflow-y: auto; 
/* 	position: relative;  */
	position: absolute; 
	background-color: white; 
	z-index: 2; 
	width: 100%;
    box-sizing: border-box;
    padding: 10px 0;
    border-radius: 10px;
} 
.key_word_yo li {padding: 10px 25px; width: 100%; box-sizing: border-box; font-size: 16px; letter-spacing: -0.025em; color: #888888; cursor: pointer; overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;}
.key_word_yo li .blue_color{font-weight: 600; color: #0086f8;}

@media all and (max-width:768px){
    .edit_ha_go .edit_ba_ck{padding: 30px 20px;}
    .edit_ha_go .in_puut.w270,
    .edit_ha_go .in_puut.w80{width: 100%;}
    .edit_ha_go .in_puut .in_tit.mw-55{min-width: 80px;}
    .edit_ha_go .in_puut .in_yoyo{width: calc(100% - 80px);}
    .edit_ha_go .in_puut input{padding: 15px;}
}
.img_wa_text .bot_wa{display: flex; justify-content: space-between; align-items: flex-end;}
.img_wa_text .tag_won_shu {width: calc(100% - 90px);}

.bi_kyo_yo{position: relative;}
.bi_kyo_yo .bi_kyo_btn{display: flex; flex-direction: column; align-items: flex-end;}
.bi_kyo_yo .mul_eum{display: flex; align-items: center; justify-content: center; width: 22px; height: 22px; box-sizing: border-box; text-align: center; border-radius: 50%; background-color: #454545; color: #fff; font-size: 14px; letter-spacing: -0.025em;}
.bi_kyo_yo .han_geul{width: 86px; height: 36px; color: #222222; border: 1px solid #313131; box-sizing: border-box; border-radius: 18px; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 16px; font-weight: 600; margin-top: 5px;}
.bi_kyo_yo:hover .bi_kyo_air{opacity: 1; visibility: visible;}
.bi_kyo_yo .bi_kyo_air{position: absolute; right: 10px; bottom: calc(100% + 10px); width: fit-content; white-space: nowrap; font-size: 16px; color: #222222; letter-spacing: -0.025em; z-index: 2; box-shadow: 0px 0px 20px 1px rgba(60, 60, 60, 0.20); padding: 10px 30px; border-radius: 20px; opacity: 0; visibility: hidden; transition: .5s; background-color: #fff;}
.bi_kyo_yo .bi_kyo_air:before{
    content: '';
	position: absolute;
	bottom: 0;
    right: 13px;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top-color: #fff;
	border-bottom: 0;
	border-right: 0;
	margin-bottom: -10px;
}

    .se_gae_input{display: flex; gap: 10px; flex-wrap: wrap; width: calc(100% - 55px); max-width: 495px;}
    .se_gae_input.mw-500{max-width: 500px;}
    .edit_ha_go .in_puut .in_select{overflow: hidden;}
    .edit_ha_go .in_puut .in_select select{
        width: 100%;
        height: 100%;
        border: none;
        outline: none;
        padding: 0 25px;
        font-size: 16px;
        color: #888888;
        letter-spacing: -0.025em;
    }

    .edit_ha_go .in_puut .in_yoyo.mw-120{max-width: 120px; width: 100%;}
    .edit_ha_go .in_puut .in_yoyo.mw-140{max-width: 140px; width: 100%;}
    .edit_ha_go .in_puut .in_yoyo.mw-145{max-width: 145px; width: 100%;}
    .edit_ha_go .in_puut .in_yoyo.mw-215{max-width: 215px; width: 100%;}

    @media all and (max-width:768px){
        .edit_ha_go .in_puut .in_select.mw-120{max-width:100%; width: 100%;}
        .edit_ha_go .se_gae_input .in_yoyo.mw-120,
        .edit_ha_go .se_gae_input .in_yoyo.mw-140,
        .edit_ha_go .se_gae_input .in_yoyo.mw-145{width: calc(50% - 5px); max-width: none;}
        .edit_ha_go .se_gae_input .in_yoyo.mw-215{width: 100%; max-width: none;}
        .edit_ha_go .in_puut .in_select select{padding: 0 15px;}
    }

    .edit_ha_go .edit_bot_gong{margin-top: 50px;}
    .link_choo_ga .link_tit{font-size: 20px; font-weight: 700; color: #444444; letter-spacing: -0.025em; margin-bottom: 10px;}
    .link_choo_ga{margin-bottom: 25px;}
    .link_choo_ga .in_puut{display: flex; gap: 10px;}
    .link_choo_ga .choo_ga_btn{width: 88px; height: 50px; border-radius: 10px; border: 1px solid #404040; min-width: 88px; padding: 0;}
    .link_choo_ga .choo_ga_btn a{display: flex; align-items: center; justify-content: center; text-align: center; font-size: 16px; /* color: #222222; */ font-weight: 700; letter-spacing: -0.025em; gap: 10px; width: 100%; height: 100%;}
    .link_choo_ga .in_puut .in_yoyo.in_linkyo{width: calc(25% - 54px); min-width: 160px;}
    .link_choo_ga .in_puut .in_yoyo.in_put_key{width: calc(100% - 230px);}
    .choo_li_nk{width: 100%; margin-top: 20px;}
    .choo_li_nk ul{display: flex; flex-wrap: wrap; gap: 5px;}
    .choo_li_nk ul li a{padding: 10px; border-radius: 20px; border: 1px solid #00aa4b; font-size: 16px; color: #00aa4b; letter-spacing: -0.025em; background-color: #f1fff6; position: relative; display: flex; align-items: center; gap: 10px; font-weight: 500;}
    .choo_li_nk ul li a:after{content: ''; width: 20px; height: 20px; border-radius: 50%; display: flex; align-items: center; justify-content: center; text-align: center; background: #00aa4b url(/img/choo_lin_icon01.png)no-repeat center center;}
    @media all and (max-width:768px){
        .link_choo_ga .in_puut{flex-wrap: wrap; justify-content: flex-end;}
        .link_choo_ga .in_puut .in_yoyo.in_linkyo,
        .link_choo_ga .in_puut .in_yoyo.in_put_key{width: 100%;}
        
    }

    .real_check_bbon{display: flex; align-items: center; gap: 5px;}
    .real_check_bbon input{display: none;}
    .real_check_bbon i{width: 20px; height: 20px; border-radius: 50%; border: 2px solid var(--color-green); box-sizing: border-box; min-width: 20px; aspect-ratio: 1/1;}
    .real_check_bbon input:checked ~ i{background: var(--color-green) url(/img/real_check_icon01.png)no-repeat center center;}
    .real_check_bbon input:checked ~ span{font-weight: 600;}
    .real_check_bbon span{font-size: 18px; color: #222222; letter-spacing: -0.025em; white-space: nowrap;}
    .in_check_yo{display: flex; align-items: center; width: 100%; gap: 10px; }

    @media all and (max-width:768px){
        .in_check_yo{flex-wrap: wrap;}
        .in_puut .in_check_yo:has(#age_startyear) {gap: 5px;}
        .edit_ha_go .in_puut .in_check_yo .in_yoyo{width: 100%;}
        .edit_ha_go .in_puut .in_check_yo .se_gae_input{width: 100%;}
        .edit_ha_go .in_puut .in_check_yo .se_gae_input.mw-500{width: 100%; max-width: none;}
    }


    .bi_kyo_pop {position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0,0,0,.5); z-index: 102; display: none;}
    #popChkDup {width: 100%;}
    .bi_kyo_pop .bi_kyo_cont, #popChkDup .bi_kyo_cont {max-width: 93.75%; padding: 55px 40px; background-color: #fff; border-radius: 20px; width: 1000px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); box-sizing: border-box; }
    .bi_kyo_pop .kyo_tit, #popChkDup .kyo_tit {display: flex; align-items: center; justify-content: space-between;}
    .bi_kyo_pop .kyo_tit .tit, #popChkDup .kyo_tit .tit{font-size: 24px; font-weight: 700; letter-spacing: -0.025em; color: #444444; margin-bottom: 20px;}
    .bi_kyo_pop .bi_kyo_yong, #popChkDup .bi_kyo_yong {width: 110px; height: 50px; background-color: #222222; border-radius: 10px; margin-left: 10px;} 
    .bi_kyo_pop .bi_kyo_yong a, #popChkDup .bi_kyo_yong a {width: 100%; height: 100%; font-size: 16px; color: #fff; letter-spacing: -0.025em; font-weight: 700; display: flex; align-items: center; 
        justify-content: center; text-align: center; }

    @media all and (max-width:768px){
        .bi_kyo_pop .bi_kyo_cont, #popChkDup .bi_kyo_cont {padding: 40px 20px;}
    }

    .my_page_model{display: flex; gap: 40px; padding-top: 8px; align-items: start;}
    .my_left_menu{width: 260px; box-sizing: border-box; border-radius: 20px; box-shadow: 0px 0px 8px 1px rgba(78, 78, 78, 0.17); background-color: #fff; min-width: 260px; max-width: 260px; height: 100%;
		background-image: linear-gradient(#fff, #fff), var(--stroke-Gra);
		border: 1px solid transparent; background-origin: border-box; background-clip: content-box, border-box;
/* 		backdrop-filter: blur(4px); */
    }
    .my_left_menu > ul {padding: 30px;}
    .my_left_menu .depth01 > a{font-size: 20px; font-weight: 600; color: #222222; letter-spacing: 0; padding: 15px 0; display: block;}
    .my_left_menu .depth01.active > a{color: var(--color-green); display: flex; align-items: center; gap: 10px;}
    .my_left_menu .depth01.active > a:before{content: ''; width: 20px; height: 20px; border-radius: 50%; background: var(--color-green) url(/img/my_page_icon01.png)no-repeat center center;}
    
    .my_left_menu .depth02{display: none;}
    .my_left_menu .depth01.active .depth02{display: block;}
    .my_left_menu .depth02 li a{color: #aaaaaa; font-size: 18px; letter-spacing: -0.025em; display: block; width: 100%; box-sizing: border-box; padding: 10px 20px;}
    .my_left_menu .depth02 li.active a{background-color: var(--color-green-bright); color: var(--color-green); border-radius: 18px; font-weight: 500;}

    .my_right_cont{width: calc(100% - 300px); box-sizing: border-box; box-shadow: 0px 0px 8px 1px rgba(78, 78, 78, 0.17); background-color: #fff;border-radius: 20px; height: 100%;
    	background-image: linear-gradient(#fff, #fff), var(--stroke-Gra);
		border: 1px solid transparent; background-origin: border-box; background-clip: content-box, border-box;
    }
    .my_right_cont > div {padding: 60px 50px;} 
    .my_right_cont .my_tit_yo span{font-size: 26px; color: #222222; letter-spacing: 0; font-weight: 600;}
    .my_right_cont .my_tit_yo .arw_yo{width: 6px; height: 12px; margin: 3px 8px; background-color: var(--color-green); display: inline-block; clip-path: polygon(0 0, 0% 100%, 100% 50%);}

    .mypage_yong{max-width: 470px;}

    .my_sub_name{display: flex; padding: 13px 0; border-bottom: 2px solid #eeeeee;}
    .my_sub_name .name_tti{min-width: 85px; margin-top: 10px; font-size: 18px; color: #222222; letter-spacing: 0; font-weight: 600;}
    .my_sub_name .wa_tti{display: flex; flex-wrap: wrap;}
    .my_sub_name .log_input_type .yo_chung_btn{min-width: 75px;}
    .my_sub_name .log_input_type .yo_chung_btn a{/* background-color: #222222; */}
    .my_sub_name .log_input_type .log_input_box{width: 100%;}
    .mypage_yong .mypage_yong_btn{width: 120px; height: 50px; border-radius: 10px; /* background-color: var(--color-green); */ border-radius: 10px; overflow: hidden; margin-top: 40px;}
    .mypage_yong .mypage_yong_btn a{display: flex; align-items: center; justify-content: center; text-align: center; color: #fff; font-size: 15px; letter-spacing: -0.025em; width: 100%; height: 100%;}
    @media all and (max-width:1024px){
        .my_page_model{flex-wrap: wrap; flex-direction: column; align-items: stretch;}
        .my_left_menu > ul {display: flex; flex-wrap: wrap; gap: 20px; justify-content: space-between;}
        .my_left_menu{width: 100%; max-width: none; min-width: auto;}
        .my_right_cont{width: 100%;}
        .my_right_cont > div {padding: 30px 25px;}
    }
    @media all and (max-width:768px){
    	.my_left_menu > ul {justify-content: initial;}
    }
    

    .input_seol_myung{margin-top: 10px;}
    .input_seol_myung p{font-size: 14px; color: #aaaaaa; letter-spacing: -0.025em;}

    .key_it_sum p{font-size: 20px; color: #444444; letter-spacing: -0.025em; line-height: 1.3em; text-align: center;}
    .key_it_sum p span{color: var(--color-green);}
    .gong_tong_key{margin-top: 40px; border-top: 1px solid #000000; border-bottom: 1px solid #e5e5e5; box-sizing: border-box; position: relative;}
    .gong_tong_key.border_none{border: none;}
    .gong_tong_key.max-height{max-height: 430px; overflow-y: auto;}
    .gong_tong_key .key_item{padding: 30px 20px; width: 100%; display: flex; box-sizing: border-box; gap: 30px; }
    .gong_tong_key .key_item + .key_item{border-top: 1px solid #e5e5e5;}
    .gong_tong_key .key_img{width: 145px; aspect-ratio: 1/1; box-sizing: border-box; min-width: 145px; align-self: flex-start;}
    .gong_tong_key .key_img img{width: 100%; height: 100%; object-fit: cover;}
    .gong_tong_key .key_text{width: calc(100% - 175px); box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between;}
    .gong_tong_key .key_tetop{display: flex; justify-content: space-between; align-items: center;}
    .gong_tong_key .tetop_tit b{font-size: 18px; color: #222222; font-weight: 500; letter-spacing: -0.025em;}
    .gong_tong_key .tetop_tit span{font-size: 18px; font-weight: 300; color: #888888; letter-spacing: -0.025em; display: inline-block; padding-left: 8px; margin-left: 10px; position: relative;}
    .gong_tong_key .tetop_tit span:before{position: absolute; left: 0; width: 1px; height: 10px; background-color: #d2d2d2; content: ''; top: 6px;}
    .gong_tong_key .tetop_tit em {font-size: smaller; color: orangered; font-style: normal;}
    .gong_tong_key .tetop_sub {font-size: small; color: #888888; }
    .gong_tong_key .key_nae_yong{font-size: 16px; color: #666666; letter-spacing: -0.025em; line-height: 1.625em; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
    .gong_tong_key .key_gogo{font-size: 16px; color: #222222; letter-spacing: -0.025em; }
    .go_sub_mit{margin-top: 40px; display: flex; justify-content: center;}
    .go_sub_mit a{width: 140px; height: 50px; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 16px; font-weight: 700; color: #fff; letter-spacing: -0.025em; background-color: #222222; border-radius: 10px;}
    .file_chum_boo{
        width: 100%;
        height: 100%;
        border: none;
        outline: none;
        padding: 15px 25px;
        box-sizing: border-box;
        border-radius: 10px;
        font-size: 16px;
        letter-spacing: -0.025em;
        color: #888888;
        position: relative;
        display: block;
    }
    .file_chum_boo input{display: none;}
    .file_chum_boo .file_btn{position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 72px; height: 32px; border-radius: 6px; border: 1px solid #d2d2d2; background-color: #ededed; color: #888888; font-size: 14px; letter-spacing: -0.025em; box-sizing: border-box; display: flex; align-items: center; justify-content: center; text-align: center;}

    .gong_tong_key .word_item{padding: 50px; width: 100%; box-sizing: border-box; border: 1px solid #dcdcdc; border-radius: 20px; display: block;}
    .gong_tong_key .word_item.word_flex{display: flex; gap: 30px;}
    .gong_tong_key .word_item:hover{border-color: var(--color-green); background-color: var(--color-green-bright2);}
    .gong_tong_key .word_item + .word_item{margin-top: 30px;}
    .blue_key_word{display: flex; gap: 5px; flex-wrap: wrap; margin-top: 30px;}
    .blue_key_word .blue_key_box{padding: 5px 15px; border-radius: 15.5px; background-color: #363636; letter-spacing: -0.025em; color: #fff; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 20px; font-weight: 700;}
    .key_yo_tit{/* display: flex; */ justify-content: space-between; gap: 10px; margin-top: 20px; letter-spacing: -0.025em; color: #222; align-items: center; align-items: end;}
    .key_yo_tit.flex-wrap{flex-wrap: wrap; justify-content: flex-end;}
    .key_yo_tit.flex-wrap .tt_yo_txt{width: 100%; font-weight: 18px;}
    .key_yo_tit .tt_yo_ti{font-size: 26px; font-weight: 700; box-sizing: border-box;
    	/* width: calc(100% - 140px); */
    	overflow:hidden; text-overflow:ellipsis;
        /* white-space:nowrap; */
	    display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;
    }
    .key_yo_tit > .text-right {margin-top: .5em;}
    .tt_yo_txt{font-size: 16px; color: #666666;}
    .key_yo_tit .ba_ro_go{font-size: 16px; }
    .su_jung_il{position: absolute; bottom: 100%; left: 0; font-size: 16px; color: #666666; letter-spacing: -0.025em; margin-bottom: 5px;}
    .num_ber_ing{display: flex; gap: 6px; margin-top: 50px;}
    .num_ber_ing .num_ber_yo{background-color: #d8d8d8; border-radius: 10px; width: 40px; aspect-ratio: 1/1; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 16px; letter-spacing: -0.025em; font-weight: 700;}
    .num_ber_ing .num_ber_yo.active{background-color: #222222;}

    @media all and (max-width:768px){
        .gong_tong_key .key_img,
        .gong_tong_key .key_text{width: 100%;}
        .gong_tong_key .key_img:not(:has(img)) {aspect-ratio: auto;}
        .gong_tong_key .key_tetop{gap: 10px 0; align-items: flex-start;}
        .gong_tong_key .key_tetop.mo_flex_di{flex-direction: column;}
        .gong_tong_key .key_tetop.mo_flex_di .tt_yo_txt{width: 100%; text-align: center;}
        .gong_tong_key .key_text{gap: 15px 0;}
        .gong_tong_key .key_gogo{text-align: center;}
        .gong_tong_key .key_item{ flex-wrap: wrap;}
        .gong_tong_key .tetop_tit{display: flex; flex-direction: column; gap: 10px 0;}
        .gong_tong_key .tetop_tit span{margin-left: 0; padding-left: 0;}
        .gong_tong_key .tetop_tit span:before{content: none;}
        .key_it_sum p{font-size: 18px;}

        .gong_tong_key .word_item{padding: 30px 20px;}
        .key_yo_tit{justify-content: center; flex-direction: column;}
        .key_yo_tit .tt_yo_ti{font-size: 22px; width: 100%;}
        .blue_key_word{justify-content: center;}
        .gong_tong_key .word_item.word_flex{flex-wrap: wrap;}
    }

    .revise_page_li + .revise_page_li{margin-top: 30px;}
.wi_eyo_ki{padding: 25px 45px; width: 100%; box-sizing: border-box; border: 1px solid #dcdcdc;  border-radius: 20px 20px 0 0; background-color: #f9f9f9; box-sizing: border-box;}
.are_eyo_ki{padding: 40px 45px; width: 100%; border-radius: 0 0 20px 20px; border: 1px solid #dcdcdc; border-top: none; box-sizing: border-box;}
.are_eyo_ki .nal_zza_t{font-size: 18px; color: #222222; letter-spacing: -0.025em; font-weight: 700;}
.are_eyo_ki .ze_mok_t{margin-top: 15px; font-size: 26px; color: #222222; letter-spacing: -0.025em; font-weight: 700;} 
.are_eyo_ki .basi_c_geul{font-size: 16px; color: #333333; letter-spacing: -0.025em; margin-top: 20px; padding-top: 20px; line-height: 1.625em; border-top: 1px solid #1b1b1b;}
.are_eyo_ki .tag_won_shu{margin-top: 30px;}

@media all and (max-width:768px){
    .wi_eyo_ki{padding: 20px 30px;}
    .are_eyo_ki{padding: 30px;}
}

.rival_dou_ble{padding-top: 120px;}
.rival_dou_ble .day-box {display: flex; gap: 40px;}
.rival_dou_ble.gap-160 .day-box {gap: 160px;}
.rival_dou_ble.pt0{padding-top: 0;}
.rival_dou_ble .sv_tit{padding-top: 0;}
.rival_dou_ble .ri_val_box{width: calc(50% - 20px);}
.rival_dou_ble .in_fo .info_tit{
/* 	padding: 20px 210px 20px 70px; */
	padding: 20px 70px;
}
/* .rival_dou_ble .in_fo .info_tit .new_yo_hwi {padding-right: 170px;} */

/* .ye_ar_li .in_fo.juyo_info {border-color: #E27222;} */
.ye_ar_li .in_fo .info_tit .nal_zza_yo{font-size: 17px;  color: #333; font-weight: 400;}
.ye_ar_li .in_fo .info_tit .nal_zza_yo.uncertain {text-decoration: line-through;}
/* .ye_ar_li .in_fo.juyo_info .info_tit .nal_zza_yo:before{content: ''; display: inline-block; width: 18px; background: url(/img/juyo_icon01.png)no-repeat center center / cover; aspect-ratio: 15/17; margin-right: 5px;} */

/* .ye_ar_li .in_fo.juyo_info .info_tit{font-weight: 700;} */
/* .ye_ar_li .in_fo.juyo_info .info_txt{display: block;} */

@media all and (max-width:1024px){
    .ye_ar_li .in_fo .info_tit .nal_zza_yo{display: block;}
}

/* .ri_val_left {text-align: right;}
.ri_val_left .sv_bot{justify-content: flex-end;}
.ri_val_left .sv_tit h2 .won_su_t{flex-direction: row-reverse;}
.ri_val_left .sv_tit h2 .air_code{left: auto; right: 0;}
.ri_val_left .sv_tit h2 b:before{right: auto; left: -7.5px;}
.ri_val_left .in_fo .info_tit{padding: 20px 70px 20px 20px;}
.ri_val_left .in_fo .info_tit:before{left: auto; right: 40px;}
.ri_val_left .tag_won_shu{text-align: left;}
.ye_ar_li .ri_val_left .li_box{flex-direction: row-reverse;} */

.majorLinks {display: flex; flex-direction: column; list-style: inside;}
.majorLinks.order-reverse {flex-direction: column-reverse;}
.ye_ar_li .ul_box {display: flex; flex-direction: column;}
.ye_ar_li .ul_box.order-reverse {flex-direction: column-reverse;}
.ye_ar_li.rival .ul_box.order-reverse .li_box .rival_dou_ble,
.ye_ar_li .ul_box.order-reverse .li_box .in_fo_box {display: flex; flex-direction: column-reverse;}
.ye_ar_li.rival .ul_box.order-reverse .li_box .in_fo_box {justify-content: start;}
.ye_ar_li.rival .ul_box.order-reverse .li_box .day-box .year_nyeon {display: none;}
.ye_ar_li.rival .ul_box.order-reverse .li_box .day-box:last-child .ri_val_box .year_nyeon {display: flex;}
.ye_ar_li.rival .ul_box.order-reverse .in_fo {margin-top: 0;}
.ye_ar_li.rival .ul_box.order-reverse .li_box .day-box .in_fo_box {padding-bottom: 0px;}
.ye_ar_li.rival .ul_box.order-reverse .li_box .rival_dou_ble .day-box:first-child .in_fo_box {padding-bottom: 100px;}

/* .ye_ar_li .ri_val_left{flex-direction: row-reverse;} */
.ye_ar_li.rival .ri_val_left{flex-direction: row-reverse;}
.ye_ar_li .ri_val_box{display: flex; gap: 40px;}
.ye_ar_li .rival_dou_ble{width: 100%;}

.rival_dou_ble .ye_ar.on:before{content: none;}


/* .ri_val_left  .flex_flex_yo{flex-direction: row-reverse;} */
.flex_flex_yo{display: flex; gap: 15px;}
.flex_flex_yo .img_yoyo_yo{min-width: 180px; width: 180px; aspect-ratio: 1/1; box-sizing: border-box;}
.flex_flex_yo .img_yoyo_yo img{width: 100%; height: 100%; object-fit: cover;}
.flex_flex_yo h2{height: 100%; align-self: flex-end;}

/* @media all and (max-width:1024px){
    .m_scroll_boox{overflow-x: auto;}
    .m_scroll_boox > section{width: 1200px;}
} */

.right_new_btn{display: flex; gap: 10px; justify-content: end;}
.right_new_btn:has(.ju_yo_swich) {gap: 30px;}

.sub_cast .none_on{border-color: #005399; background-color: #fff;}
.sub_cast .none_on span{color: #005399; }

.sub_cast .none_on.on{background-color: #005399;}
.sub_cast .none_on.on span{color: #fff;}


.air-datepicker-global-container .air-datepicker-nav--title i{font-size: 0;}

.ju_yo_swich, .order-switch {display: flex; align-items: center; gap:10px;}
.ju_yo_swich span, .order-switch span {font-size: 16px;}
.ju_yo_swich a, .order-switch a {display: block; width: 60px; height: 35px; border-radius: 25px; border: 1px solid #cccccc; padding: 5px; box-sizing: border-box; position: relative;}
.ju_yo_swich a i, .order-switch a i {display: block; height: 22.5px; min-width: 22.5px; box-sizing: border-box; border-radius: 50%; background-color: #ccc; position: absolute; left: 5px; top: 50%; transform: translateY(-50%); aspect-ratio: 1/1;}
.ju_yo_swich a.on i, .order-switch a.on i {background-color: #222; left: 30px;}

.ye_ar_li .in_fo .info_tit .new_yo_hwi:hover .air_code{opacity: 1;}
.ye_ar_li .in_fo .info_tit .air_code{position: absolute; bottom:calc(100% - 7px); left: 0; opacity: 0; transition: .5s; padding: 5px 0;}
.ye_ar_li .in_fo .info_tit .air_code a{
    font-weight: 400;
font-size: 16px;
    color: #888888;
    letter-spacing: -0.025em;
    text-decoration: underline;
    text-underline-offset: 3px;
    white-space: nowrap; background-color: #fff;}

.note-editor .note-editable{font-size: 16px; background-color: #fff;}

.text_kil_e{margin-top: 5px; font-size: 16px; text-align: right;}

@media all and (max-width:1400px){
    /* .rival_dou_ble .in_fo .info_tit{padding: 50px 30px 20px 70px;}
    .ye_ar_li .new_sv_btn, .img_wa_text .text_wa .tit .new_sv_btn{top: 20px;} */
}


@media all and (max-width:1400px){
    
    main.keyword .ye_ar_li .new_sv_btn{position: unset; margin-top: 20px; width: fit-content; margin-left: auto;}
    main.keyword .ye_ar_li .in_fo .info_tit{padding: 20px 20px 20px 45px; }
    main.keyword .ye_ar_li .ri_val_box{gap: 10px;}
    main.keyword .ri_val_box .ye_ar_li .in_fo_box{width: 100%;}
}

/* @media all and (max-width:1200px){
    .rival_m_scroll{overflow-x: auto;}
    .rival_m_scroll section{width: 1400px;}

} */


.programPage a.active{border-color: #0086f8; color: #0086f8;}

.human_page03 .my_sub_name .name_tti{min-width: 123px; margin-top: 15px;}
.human_page03 .btn_flex_yoyo{display: flex; gap: 10px; width: 100%;}
.human_page03 .btn_flex_yoyo .log_sub_mit{width: calc(50% - 5px);}


.new_edit_ha_go{z-index: 1041;}

.file_sae_ro{display: flex; width: 100%; position: relative; flex-wrap: wrap; justify-content: space-between; gap: 10px 0;}
.file_sae_ro .input_seol_myung{width: 100%; margin-top: 0;}

.edit_ha_go  .file_sae_ro .in_yoyo{width: calc(100% - 150px);}
.file_sae_ro .real_check_bbon{min-width: 140px;}

@media all and (max-width:1024px){
    .file_sae_ro .real_check_bbon{min-width: none; width: 100%;}
    .edit_ha_go  .file_sae_ro .in_yoyo{width: 100%}
}

.rival_dou_ble .ri_val_box.mw-680{min-width: 680px; width: 680px;}
.rival_dou_ble .ri_val_box.mw-620{min-width: 620px; width: 620px;}

.rival .rival_dou_ble .day-box .ri_val_box{min-width: 700px; width: 700px;}
.rival .rival_dou_ble .day-box .ri_val_box.ri_val_right {margin-left: -160px;}