@charset "utf-8";
/* ---- 요소 공통 ---- */
@media only screen and (min-width:1025px){
	body{font-family:'Pretendard','Malgun Gothic','맑은 고딕',Gulim,'굴림',AppleSDGothicNeo-Regular,sans-serif;}
}
@media only screen and (max-width:1024px){
	body{font-family:'Pretendard',sans-serif;}
}
body,.container01,input{color:#111111;}
[class*="ir-txt0"]{overflow:hidden;border:0;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);display:inline-block;}
em{font-style:normal}
h1[class*="ir-txt0"]{position:fixed;top:0;left:0;}
/* 공통 : 풋터 */
.footer01{z-index:1;position:relative;width:100%;height:53px;background-color:#F9F9F9;display:flex;align-items:center;justify-content:center;}
.footer01 .inner{width:100%;max-width:1200px;flex-shrink:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;color:#666666;}
/* 공통 : 헤더 */
.header01{z-index:10;position:relative;width:100%;height:60px;display:flex;justify-content:center;background-color:#fff;border-bottom:1px solid #E9E9E9;box-sizing:border-box;}
.header01 .inner{width:100%;max-width:1200px;flex-shrink:0;display:flex;align-items:center;}
.header01 .inner .logo-yna01{margin-left:16px; margin-bottom:0;}
.header01 .ico-close03{margin:0 16px;}
.header01 .logo-hello02{width:93px;height:29px;background-repeat:no-repeat;background-position:left center;}
/* 공통 : 모바일 헤더 */
.header02{display:flex;align-items:center;position:relative;width:100%;background-color:#fff;justify-content:center;}
.header02:before{display:none;content:'';height:1px;width:100%;position:absolute;bottom:0;left:0;background-color:#E9E9E9;}
.header02 .title-unit08{display:flex;align-items:center;font-size:17px;color:#111111;}
.header02 .title-unit08 a{text-decoration:none;display:block; font-size:18px;color:#111111;justify-content:center;}
.header02.h-hide{display:none;}
.header02 .btn-unit070{position:absolute;top:0;left:0;display:none;align-items:center;justify-content:center;height:50px;width:56px;}
.header02 .btn-unit080{position:absolute;top:0;right:0;display:none;align-items:center;justify-content:right;height:50px;width:56px;}
.title-page01{position:fixed;top:0;left:0;}
/* 공통 : 레이아웃 */
.container01{min-height:calc(100vh - 113px);box-sizing:border-box;padding:80px 0 120px;width:100%;margin:0 auto;}
.content01{position:relative;box-sizing:border-box;max-width:440px;padding:60px 0 0;margin:0 auto;}
.content01 fieldset{width:100%;}
.content01 [class*="section0"]{width:100%;margin:0 auto;display:flex;align-items:center;flex-direction:column;box-sizing:border-box;}
/* 타이틀 예외처리 공통 */
body[class*="body-signup-"] .header02,
body[class*="body-reg-step0"] .header02,
.body-find-guide .header02,
.body-find-duplicate .header02,
.body-user-safe .header02,
.body-user-mail .header02,
.body-user-pw .header02,
.body-user-nickname .header02{display:none;}
body[class*="body-signup-"] .content01,
.body-find-guide .content01,
.body-find-duplicate .content01,
.body-user-safe .content01,
.body-user-mail .content01,
.body-user-pw .content01,
.body-user-nickname .content01{padding:0;}
/* error : 에러페이지 */
.page-error .header01{border-color:#fff;}
.page-error .header01 .inner{display:none;}
/* login : 로그인 */
[class*="body-login-"] .content01{padding:0 !important;}
[class*="body-login-"] .header01{border-color:#fff;}
[class*="body-login-"] .header01 .inner{display:none;}
[class*="body-login-"] .header02 .title-unit08{display:none;}
[class*="body-login-"] .section01{position:relative}
[class*="body-login-"] .btn-area04+.label-check01{width:auto;position:absolute;bottom:0;left:0;}
[class*="body-login-"] .label-check01+.info-group02{width:100%;display:flex;justify-content:flex-end;}
.logo-title02{display:block;flex-shrink:0;width:200px;height:50px;margin:60px 0 52px;}
[class*="body-login-"] .btn-area04 .btn-type02{position:relative;}
[class*="body-login-"] .btn-area04 .btn-type02 .msg-unit02{right:20px;left:auto;top:auto;bottom:51px;}
[class*="body-login-"] .form-area01{width:100%;margin-top:0;}
[class*="body-login-"] .form-area01 .form-group01{display:block;width:100%;}
.body-login-yna .info-group02 .txt-color03{color:#666666 !important;}
.body-login-yna .header02 .title-unit08,
.body-login-yna .header02 .btn-unit070,
.body-login-yna .header02:before,
.body-subscription-cancel02 .header02 .title-unit08,
.body-subscription-cancel02 .header02 .btn-unit070{display:none;}
/* 로그인 하단 버튼그룹 */
[class*="body-login-"] .info-group30{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 8px;margin-top:40px;width:100%;}
[class*="body-login-"] .info-group30>div{flex-shrink:0;}
[class*="body-login-"] .info-group30 .label-check01{width:auto;display:inline-flex;}
[class*="body-login-"] .info-group30 .label-check01+.info-group02{width:auto;}
[class*="body-login-"] .info-group30 .info-group02,
[class*="body-login-"] .info-group30 .btn-area12{margin:0;}
[class*="body-login-"] .info-group30 + .info-group02 .btn-unit064{height:auto;}
/* 해상도별 media screen : 768~1024 */
@media screen and (max-width:767px){
	[class*="body-login-"] .label-check01+.info-group02{margin-top:21px;}
	[class*="body-login-"] .btn-area04+.label-check01{bottom:18px;left:16px;}
	[class*="body-login-"] .info-group30{margin-top:40px;}
	[class*="body-login-"] .info-group30 .label-check01+.info-group02{margin-top:0;}
	[class*="body-login-"] .info-group30 [class*="btn-unit0"]{height:auto;}
}
/* login : 로그인 : 뉴스 게임즈 */
.body-login-games .info-group03{}
.body-login-games .img-con02{margin:40px auto;}
.body-login-games .footer01{display:none;}
.body-login-games .btn-area04{position:relative;padding-top:54px;}
/* signup : 회원가입 이용약관 */
.body-signup-agree .title-unit02{padding-bottom:30px;}
.body-signup-agree .form-area01{margin-top:60px;}
.body-signup-agree .pop-header{max-width:calc(100% - 40px);padding:0 20px;word-break:keep-all;box-sizing:border-box;margin:0 auto;}
/* signup : 회원가입 환영 */
.body-signup-success .btn-unit062{margin-top:40px;}
.body-signup-success .section02{position:relative;padding:0 !important;margin-top:20px;}
.body-signup-success .btn-unit091{position:absolute;left:0;top:0;z-index:2;background-color:#fff;}
.body-signup-success .box-slide01:after{display:block;content:'';position:absolute;left:0;top:0;z-index:1;width:110px;height:100%;background:linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 65%,rgba(255,255,255,0) 100%);}
.body-signup-success .img-con{max-width:440px; width:100%;}
.body-signup-success .img-con img{display:block;width:100%;}
@media screen and (max-width:440px){
	.body-signup-success .btn-unit091{left:16px;}
}
/* register : 추가정보입력 : 관심분야선택 */
.body-reg-step03 .content01{display:block;}
.body-reg-step03 .section01 .txt-unit03{margin-bottom:60px;}
.body-reg-step03 .section02{margin-top:60px;}
/* find : 공통 */
/*.body-find-id01 .content01,*/
.body-find-id02 .content01,
.body-find-pw01 .content01,
.body-find-pw02 .content01{padding:40px 0 0;}
/* find : 통합 회원 안내 */
.body-find-guide .sns-group01{margin-top:60px;}
.body-find-guide .btn-unit061{margin-top:40px;}
/* find : 통합 회원 안내 : 아이디찾기,비밀번호 찾기 */
.body-find-id02 .title-unit02,
.body-find-pw02 .title-unit02{padding-bottom:30px;}
/* my : 내정보관리 */
.body-user-info [class*="section0"]{display:block;padding:58px 0 56px;border-top:2px solid #F9F9F9;box-sizing:border-box;}
.body-user-info [class*="section0"]:first-of-type{padding-top:0;border-top:0;}
.body-user-info .sns-group01,
.body-user-info .sns-box02,
.body-user-info .content01 fieldset{margin-top:40px;}
.body-user-info .section03 .list-unit01{margin-top:16px;padding-top:17px;border-top:1px solid #E9E9E9;box-sizing:border-box;}
.body-user-info .section03 .txt-unit21:first-of-type{margin-top:0;}
.body-user-info .section05 [class*="form-group2"]{padding:0 48px 0 0;}
.body-user-info .section05 [class*="form-group2"]:first-of-type{margin-top:0;}
.body-user-info .pop-header{padding:0 40px 15px;box-sizing:border-box;}
/* my : 회원탈퇴 */
.body-user-withdraw .title-unit02{padding-bottom:30px;}
.body-user-withdraw .btn-unit061{font-weight:600;height:auto;}
.body-user-withdraw .title-unit05{text-align:left;width:100%;}
.body-user-withdraw .select-list21 .list03.style01{height:200px;}
.body-user-withdraw .btn-text01:after{transform:translateY(-50%) rotate(180deg);}
.body-user-withdraw .select-list21.active01 .btn-text01:after{transform:translateY(-50%) rotate(0deg);}
.body-user-withdraw .select-list21 .list03 button{color:#888;}
/* --- 이용약관,개인정보처리방침(공통) --- */
[class*="body-policy-"] .title-unit08 a{font-size:32px;min-height:48px;line-height:1.5;}
[class*="body-policy-"] .content01{max-width:980px;}
[class*="body-policy-"] [class*="section0"]{flex-direction:initial;justify-content:flex-end;}
[class*="body-policy-"] .section01{display:block;padding-bottom:40px;border-bottom:1px solid #E9E9E9;}
[class*="body-policy-"] .section02{padding-top:40px;}
[class*="body-policy-"] .txt-unit07{text-align:left;}
.body-policy-privacy [class*="txt-unit"] [class*="txt-color"],
.body-policy-terms [class*="txt-unit"] [class*="txt-color"]{display:inline;}
/* 이용약관 */
.body-policy-terms{}
.body-policy-terms .content01{padding-top:60px;}
.body-policy-terms .section01{}
.body-policy-terms .btn-unit072{position:absolute;right:0;top:-98px;}
/* 개인정보처리방침 */
.body-policy-privacy{}
.body-policy-privacy .content01{padding-top:12px;}
.body-policy-privacy .txt-unit07{margin-top:60px;}

/* 통합회원 전환 (로그인) */
[class*="body-united-"] .header02 .title-unit08{display:none;}
.body-united-login01 .btn-area04{margin-top:60px;}
[class*="body-united-"] .info-group03+.sns-group01{margin-top:60px;}
.body-united-accounts01 .list-unit22{margin-top:60px;}

/* 헬로아카이브 페이지 제어 */
.body-login-archive .btn-area04 .btn-unit032,
.body-login-archive .btn-area04 .btn-unit026{border-radius:8px;}
.body-login-archive .logo-yna02{width:127px;height:35px;background-size:100% auto;}
.page-archive .header01{border-bottom:none;}
.page-archive .label-check01{max-width:440px;width:100%;margin-top:80px;}
.page-archive .label-check01+.btn-area01{padding-top:33px;}
.page-archive .label-check01 label:after,
.page-archive .label-check01 label:before{top:0;width:24px;height:24px;}
.page-archive .label-check01 label:after{background-image:url('../img/ico_check03_01.svg');}
.page-archive .label-check01 label:before{background-image:url('../img/ico_check03_02.svg');}
/* 해상도별 media screen : 768~1024 */
@media screen and (max-width:1023px){
	.page-archive .label-check01{position:fixed;left:50%;bottom:97px;z-index:6;transform:translateX(-50%);}
}
/* 해상도별 media screen : 0~767 */
@media screen and (max-width:767px){
	.page-archive .label-check01{width:calc(100% - 32px);}
	body-login-archive .info-group02 [class*="btn-unit0"]{height:auto;}
}

/* 로그인(연합뉴스x헬로아카이브 로고) */
.body-login-mail .btn-area05{margin:0 auto 60px !important;}
.body-login-mail .btn-area05 .logo-yna02{width:177px;}
.body-login-mail .btn-area05 .ico-close03{width:24px;height:24px;margin:0 24px;background-size:34px auto;background-position:center;filter:brightness(0) saturate(100%) invert(90%) sepia(5%) saturate(26%) hue-rotate(24deg) brightness(94%) contrast(84%);}
.body-login-mail .btn-area05 .logo-hello02{width:145px;height:45px;}
/* 해상도별 media screen : 768~1024 */
@media screen and (max-width:1023px){
	.body-login-mail .btn-area05{margin:80px auto 60px !important;}
}
/* 해상도별 media screen : 0~767 */
@media screen and (max-width:767px){
	.body-login-mail .btn-area05{margin:80px auto 48px !important;}
	.body-login-mail .btn-area05 .logo-yna02{width:142px;}
	.body-login-mail .btn-area05 .ico-close03{width:20px;height:20px;margin:0 20px;background-size:30px auto;background-position:center;filter:brightness(0) saturate(100%) invert(90%) sepia(5%) saturate(26%) hue-rotate(24deg) brightness(94%) contrast(84%);}
	.body-login-mail .btn-area05 .logo-hello02{width:113px;height:35px;}
}
/* 해상도별 media screen : 0~320 */
@media screen and (max-width:320px){
	.body-login-mail .btn-area05{margin:28px auto 40px !important;}
	.body-login-mail .btn-area05 .logo-yna02{width:132px;background-size:100% auto;}
	.body-login-mail .btn-area05 .ico-close03{width:18px;height:18px;margin:0 16px;background-size:30px auto;background-position:center;filter:brightness(0) saturate(100%) invert(90%) sepia(5%) saturate(26%) hue-rotate(24deg) brightness(94%) contrast(84%);}
	.body-login-mail .btn-area05 .logo-hello02{position:relative;top:-1px;width:81px;height:25px;}
}

/* 뉴스레터 구독 해지 */
.body-subscription-apply01 .wrapper{width:100%;}
.body-subscription-apply01 .header02 .title-unit08{display:none;}
.body-subscription-apply01 .form-area01{margin-top:40px;}
.body-subscription-apply01 .form-group21{padding-left:0;}
.body-subscription-apply01 .label-check01 label{width:auto;cursor:pointer;}
.body-subscription-apply01 .btn-unit071 .ico-arrow02{position:absolute;right:0;top:50%;transform:translateY(-50%);}
/* 해상도별 media screen : 768~1024 */
@media screen and (max-width:1023px){
	.body-subscription-apply01 .header02 .title-unit08{display:block;}
}
/* [세줄요약] 가로 모드 일때 */
@media (orientation: landscape){
	.body-subscription-apply01 .popup-wrap01 .popup-unit01{top:50% !important;transform:translate(-50%,-50%) !important;}
}


/* 해상도별 media screen : 768~1024 */
@media screen and (max-width:1023px){
	/* T : 공통 : 풋터 */
	.footer01{display:none;}
	/* T : 공통 : 모바일 헤더 */
	.header02 .btn-unit070,
	.header02 .btn-unit080,
	.header02 > a,
	.header02.h-hide{display:flex;}
	.header02{display:flex;padding-top:0;height:50px;}
	.header02{padding-top:0;display:flex;}
	.header02:before{display:block;}
	.header02 .title-unit08 a{display:block;}
	/* T : 공통 : 레이아웃 */
	.content01{justify-content:space-between;min-height:calc(100vh - 50px);padding:80px 0 124px !important;}
	/* 타이틀 예외처리 공통 */
	body[class*="body-signup-"] .header02,
	body[class*="body-reg-step0"] .header02,
	.body-find-guide .header02,
	.body-find-duplicate .header02,
	.body-user-safe .header02,
	.body-user-mail .header02,
	.body-user-pw .header02,
	.body-user-nickname .header02{display:flex;}
	/* T : login : 로그인 */
	[class*="body-login-"] .footer01{display:flex;min-height:53px;height:auto;}
	.header01{display:none;}
	.container01{min-height:calc(100vh - 50px);padding-top:0;padding-bottom:0;}
	[class*="body-login-"],
	[class*="body-login-"] .container01,
	[class*="body-login-"] .content01{min-height:calc(100vh - 103px);}
	[class*="body-login-"] .header02 .title-unit08{display:block;}
	.body-login-yna .header02 .title-unit08,
	.body-login-yna .header02 .btn-unit070,
	.body-login-yna .header02:before,
	.body-login-archive .header02 .title-unit08,
	.body-login-archive .header02 .btn-unit070,
	.body-login-archive .header02:before,
	.body-subscription-cancel02 .header02:before{display:none;}
	/* T : login : 로그인 : 뉴스 게임즈 */
	.body-login-games .info-group03{padding-top:40px;}
	.body-login-games .img-con02{margin-bottom:30px;width:100%;max-width:290px;}
	.body-login-games .img-con02 img{width:100%;}
	.body-login-games .btn-area04{padding-top:50px !important;}
	.body-login-games .footer01{display:none;}
	/* T : 통합회원 전환 */
	[class*="body-united-"] .header02 .title-unit08{display:block;}
	[class*="body-united-"] .info-group03+.sns-group01{margin-top:48px;}
	/* T : signup : 공통 */
	[class*="body-signup-"] .title-unit08{display:block;}
	.body-signup-agree .pop-header{padding:0 40px 15px;}
	/* T : signup : 회원가입 환영 */
	.body-signup-success .box-slide01:after{width:102px;}
	/* T : 이용약관,개인정보처리방침(공통) */
	[class*="body-policy-"] [class*="section0"]{padding:0;width:calc(100% - 48px);}
	[class*="body-policy-"] .content01{padding-top:90px !important;}
	[class*="body-policy-"] .btn-unit072{top:30px;right:24px;}
	[class*="body-policy-"] .title-unit08 a{font-size:17px;min-height:auto;}
	[class*="body-policy-"] .section02{margin-top:40px;}
	[class*="body-policy-"] .section01{border-bottom:0;}
	/* M : 이용약관,개인정보처리방침 */
	.body-policy-privacy .txt-unit07{margin-top:40px;}
	/* M : 회원탈퇴 */
	.body-user-withdraw .select-list21 .list03{top:auto;bottom:54px;}
	.body-user-withdraw .select-list21 .list03 button{font-size:15px;}
	.body-user-info .pop-header{padding:0 40px 15px;}
}
/* 해상도별 media screen : 0~767 */
@media screen and (max-width:767px){
	/* M : 공통 : 레이아웃 */
	.content01{padding-top:40px !important;}
	.content01 [class*="section0"]{padding:0 16px;}
	/* M : login : 로그인 */
	.logo-yna02{width:160px;height:40px;margin:50px 0 48px;}
	[class*="body-login-"] [class*="content0"] [class*="btn-area"]{padding:0;}
	[class*="body-login-"] .label-check01 label{position:relative;font-size:15px;}
	[class*="body-login-"] .content01{padding:0 !important;}
	[class*="body-login-"] .footer01{padding:16px 0;min-height:auto;}
	/* M : login :  푸터 */
	[class*="body-login-"] .footer01 .inner{display:block;}
	[class*="body-login-"] .footer01 .btn-area11{width:260px;margin:0 auto;justify-content:center;}
	[class*="body-login-"] .footer01 [class*="btn-unit0"]{height:20px;font-size:13px;}
	[class*="body-login-"] .footer01 .txt-unit04{padding:4px 8px 0;text-align:center;}
	/* M : login : 로그인 : 뉴스 게임즈 */
	.body-login-games .content01{padding-bottom:40px !important;}
	/* M : register : 추가정보입력 : 관심분야선택 */
	.body-reg-step03 .content01{padding:40px 0 100px !important}
	.body-reg-step03 .section01 .txt-unit03{margin-bottom:20px;}
	.body-reg-step03 .section02{margin-top:40px;}
	/* M : signup : 회원가입 이용약관 */
	.body-signup-agree .title-unit02{padding-bottom:20px;}
	.body-signup-agree .form-area01{margin-top:40px;}
	.body-signup-agree .colum-box01:first-of-type{margin-top:0;padding-top:0;border-top:none;}
	.body-signup-agree .pop-header{padding:0 50px 15px;max-width:100%;}
	.body-signup-agree [class*="colum-box"]:first-of-type{border-top:0;margin-top:0;padding-top:0;}

	/* M : signup : 회원가입 환영 */
	.body-signup-success .section02{margin-top:0;}
	.body-signup-success .btn-unit062{font-size:14px;}
	/* M : find : 통합 회원 안내 */
	.body-find-guide .sns-group01{margin-top:48px;}
	.sns-group01:has(.btn-unit062){padding-right:90px;}
	/* M : find : 통합 회원 안내 : 아이디찾기,비밀번호 찾기 */
	.body-find-id02 .title-unit02,
	.body-find-pw02 .title-unit02{padding-bottom:20px;}
	/* M : my : 내정보관리 */
	.body-user-safe{}
	.body-user-info .content01{padding:40px 0 124px !important}
	.body-user-info [class*="section0"]{padding:50px 16px 40px;border-top-width:10px;}
	.body-user-info .sns-group01,
	.body-user-info .sns-box02,
	.body-user-info .content01 fieldset{margin-top:24px;}
	.body-user-info .btn-area03 {padding:0;margin-top:24px;}
	.body-user-info .btn-unit062{margin-left:16px;}
	.body-user-info .pop-header{padding:0 50px 15px;max-width:100%;}
	.body-user-info [class*="colum-box"]:first-of-type{border-top:0;margin-top:0;padding-top:0;}
	/* M : 이용약관,개인정보처리방침(공통) */
	[class*="body-policy-"] [class*="section0"]{width:100%;}
	[class*="body-policy-"] .btn-unit072{right:16px;}
	/* M : 이용약관,개인정보처리방침 */
	[class*="colum-box"]:first-of-type{margin-top:12px;}
	.txt-unit07 + [class*="colum-box"]:first-of-type{border-top:1px solid #111;}
	/* M : 회원탈퇴 */
	.body-user-withdraw .select-list21 .list03{top:auto;bottom:47px;}
	.body-user-withdraw .select-list21 .list03 button{font-size:14px;}
}