@charset "utf-8";
@import url("//static.cdp.yna.co.kr/member/css/swiper-8.4.7.min.css");


/* =============== ####변수 정의 ======================== */
/* --ui-tag$$$ : element에 사용되는 색상 (border,bg 등)
 * --ui-bg$$$ : background-image 사용되는 변수 (기본)
 * --ui-bg500~ : background-image 사용되는 변수 (로고)
 * --ui-filter$$$ : filter 기능을 통해 element 및 이미지에 색상 변경 가능 (다크모드)
 * --font-color$$$ : 폰트에 사용되는 색상 */

:root{
	/* ---- ##ui-tag000 ~ 019 ---- */
	/* [ui]무채색 */
	--ui-tag000:transparent; /* (default) */
	--ui-tag001:#fff; /* (default) */
	--ui-tag002:#000; /* (default) */
	--ui-tag003:#111;
	--ui-tag004:#666;

	/* ---- ##ui-bg001 ~ 019 ---- */
	/* [ui]공통 이미지 요소 */
	--ui-bg001:url(../img/ico_arrow05.svg); /* Top 상단바로가기 */
}


/* 모듈별 요소 정의 */
/* 공통: 로고 */
[class*="logo-yna0"]{display:block;background-image:url('../img/logo_yna01.svg');background-size:auto 100%;background-position:left top;background-repeat:no-repeat;}
.logo-yna01{width:106px;height:30px;}
.logo-yna02{width:200px;height:50px;margin:60px 0 60px;}
.logo-yna03{width:130px;height:32px;margin:0 auto 30px;}
.logo-hello01{display:block;width:113px;height:35px;margin:0 auto 30px;}
.logo-hello01 img{width:100%;height:100%;display:block;}
.logo-hello02{width:95px;height:34px;background-size:100% auto;background-repeat:no-repeat;background-image:url('../img/logo_helloArchive.png');}
[class*="ico-"]{display:inline-block;background-repeat:no-repeat;background-size:100% 100%;flex-shrink:0;}
/* SNS 로고-아이콘 */
.ico-naver01{background-image:url('../img/ico_naver01.svg');}
.ico-kkt01{background-image:url('../img/ico_kkt01.svg');}
.ico-gg01{background-image:url('../img/ico_gg01.svg');}
.ico-apple01{background-image:url('../img/ico_apple01.svg');}
.ico-ms01{background-image:url('../img/ico_ms01.svg');}
.ico-yna01{background-image:url('../img/ico_yna01.svg');}
.ico-yna01{background-image:url('../img/ico_yna01.svg');}
.ico-hello01{background-image:url('../img/ico_hello01.svg');}
/* 화살표 아이콘 */
.ico-arrow01{width:24px;height:24px;background-image:url('../img/ico_arrow01.svg');}/*
.ico-arrow01{width:24px;height:24px;background-image:url('../img/ico_arrow01.png');}*/
.ico-arrow02{width:16px;height:16px;background-image:url('../img/ico_arrow02.svg');}
/* 닫기 아이콘 */
.ico-close01{width:24px;height:24px;background-image:url('../img/ico_close01.svg');}
.ico-close02{width:7px;height:8px;background-image:url('../img/ico_close02.svg');}
.ico-close03{width:24px;height:24px;background-image:url('../img/ico_close03.svg');}
/* ico-state$$ */
/* ico-state$$ 넘버링 규칙
	01~09 : 말풍선 타입 체크 아이콘
	10~19 : 말풍선 타입 느낌표 아이콘
	20~29 : 상태 느낌표 아이콘 빨강
	30~39 : 상태 느낌표 아이콘 블루
	40~49 : 체크 아이콘 회색
	50~59 : 체크 아이콘 블루
*/
/* 말풍선 타입 체크 아이콘 (before, after 배경 타입) 01~19 */
.ico-state01,
.ico-state10{position:relative;display:block;width:72px;height:52px;margin:0 auto 44px;background-color:#4F6FCB;}
.ico-state01:before,
.ico-state10:before{content:'';display:block;width:25px;height:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;}
.ico-state01:after,
.ico-state10:after{content:'';display:block;position:absolute;bottom:-12px;left:0;width:12px;height:12px;background-image:url('../img/bg_state.svg');background-size:100% 100%;background-repeat:no-repeat;}
.ico-state01:before{background-image:url('../img/ico_state01.svg');}
.ico-state10:before{background-image:url('../img/ico_state02.svg');}
/* 20~29 : 상태 느낌표 아이콘 빨강, 30~39 : 상태 느낌표 아이콘 블루 */
.ico-state20,
.ico-state30{margin:2px 5px 0 0;width:14px;height:14px;}
.ico-state20{background-image:url('../img/ico_state03_02.svg');}
.ico-state30{background-image:url('../img/ico_state03_01.svg');}
/* 40~49 : 체크 아이콘 회색, 50~59 : 체크 아이콘 블루 */
.ico-state40,
.ico-state50{margin:8px 4px 0 0;width:8px;height:6px;}
.ico-state40{background-image:url('../img/ico_check01_01.svg');}
.ico-state50{background-image:url('../img/ico_check01_02.svg');}
/*tooltip-unit0$
	tooltip-unit01 : 인풋 박스 메시지 : 하얀 말풍선 툴팁
	tooltip-unit02 : 최근 로그인 : 블루 말풍선 툴팁
	tooltip-unit03 : 뉴스 게임즈 : 블루 말풍선 툴팁
*/
[class*="tooltip-unit"]{position:absolute;left:0;z-index:2;display:none;box-sizing:border-box;box-shadow:0px 4px 16px 0px rgba(0, 0, 0, 0.20);backdrop-filter:blur(1.5px);}
[class*="tooltip-unit"]:before{content:'';display:block;position:absolute;width:10px;height:6px;}
[class*="tooltip-unit"].active01{display:flex;flex-direction:column;}
.tooltip-unit01{border-radius:2px;padding:8px 12px;bottom:-70px;left:8px;background-color:#fff;color:#888888;font-size:14px;}
.tooltip-unit01:before{top:-4px;left:24px;/*box-shadow:0px 4px 27px 0px rgba(0, 0, 0, 0.20);backdrop-filter:blur(1.5px);*//*background-image:url('../img/bg_msg01.svg');*/background-color:#fff;width:8px;height:8px;transform:rotate(45deg);}
.tooltip-unit02,
.tooltip-unit03{display:none;left:auto;right:20px;border-radius:6px;align-items:center;padding:0 12px;top:-26px;background-color:#4F6FCB;color:#fff;font-size:12px;height:36px;line-height:36px;}
.tooltip-unit02:before,
.tooltip-unit03:before{bottom:-6px;left:50%;transform:translateX(-50%);background-image:url('../img/bg_msg02.svg');}
.tooltip-unit02 .txt01{height:36px;align-items:center;color:#fff !important;}
/* tooltip-unit03 : 뉴스 게임즈 : 블루 말풍선 툴팁 */
.tooltip-unit03 {flex-direction:initial !important;right:auto;left:50%;top:0;transform:translateX(-50%);margin-bottom:18px;height:36px;box-shadow:none;background-color:#5B59FA;}
[class*="tooltip-unit"].active01{display:inline-flex;width:auto;}
.tooltip-unit03 .img-con01{display:flex;align-items:center;}
.tooltip-unit03:before{background-image:url('../img/bg_msg03.svg');}
.tooltip-unit03 .txt01{font-size:16px;}
/* btn-unit$$$ : 버튼 모듈 공통*/
/* btn-unit$$$ 넘버링 규칙
	001~009 : 64h : bg +텍스트 형태 버튼
	010~019 : 64h : 보더 +텍스트 형태 버튼 (사용안함 확장성을위해 추가.)
	020~029 : 56h : bg +텍스트 형태 버튼
	030~039 : 56h : 보더 +텍스트 형태 버튼
	040~049 : 라운드형태+텍스트
	060~069 : 단일 텍스트 형태 버튼(이메일변경,통합회원 이용약관 보기,로그인-아이디 찾기,비번찾기,회원가입)
	070~079 : 방향 화살표 버튼 (헤더 이전, 약관동의 내용보기 등)
	080~089 : 닫기 형태 버튼(X)
	090~099 : 아이콘형태 버튼(비번보기)
*/
[class*="btn-unit"]{display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:100%;box-sizing:border-box;border-radius:2px;line-height:1.5em;border:0;background:transparent;}
[class*="btn-unit"]:first-of-type{margin-top:0;}
[class*="btn-unit"] .txt01{display:inline-block; font-weight:600;flex-shrink:0;}
/* btn-unit 001~009 : 64h : bg +텍스트 형태 버튼 */
[class*="btn-unit00"]{height:64px;font-size:18px;}
.btn-unit001{background-color:#4F6FCB;}
.btn-unit001.disable{background-color:rgba(48, 97, 255, 0.2);}
.btn-unit002{background-color:#E9E9E9;}
.btn-unit001 .txt01{color:#fff;}
.btn-unit002 .txt01{color:#666666;}
/* btn-unit 20~29 : 56h : bg +텍스트 형태 버튼 */
[class*="btn-unit02"]{height:56px;/*flex-shrink:0;*/font-size:18px;}
.btn-unit020{min-width:88px;padding:0 16px;box-sizing:border-box;margin-right:0;font-size:17px;background-color:#293766;font-weight:500;}
.btn-unit021{background-color:#4F6FCB;}
.btn-unit022{background-color:#03C75A;}
.btn-unit023{background-color:#FDE90F;}
.btn-unit024{background-color:#111111;}
.btn-unit025{background-color:#E9E9E9;}
.btn-unit026{background-color:#2E5DFF;}
.btn-unit027{background-color:#FFED00;}
.btn-unit020 .txt01,
.btn-unit021 .txt01,
.btn-unit024 .txt01,
.btn-unit022 .txt01,
.btn-unit026 .txt01{color:#fff;}
.btn-unit023 .txt01{color:#444444;}
.btn-unit025 .txt01{color:#666666;}
/* btn-unit 30~39 : 56h : 보더 +텍스트 형태 버튼 */
[class*="btn-unit03"]{height:56px;flex-shrink:0;font-size:18px;background-color:#fff;}
.btn-unit030{color:#4F6FCB;border:2px solid #4F6FCB;}
.btn-unit031{border:2px solid #E9E9E9;}
.btn-unit030 .txt01{color:#4F6FCB;}
.btn-unit031 .txt01{color:#444444;}
.btn-unit032{border:1px solid #757575;}
.btn-unit032 .txt01{color:#444444;}
/* btn-unit 40~49 : 라운드형태+텍스트 */
[class*="btn-unit04"]{width:auto;flex-shrink:0;display:inline-flex;justify-content:center;align-items:center;min-width:88px;height:40px;padding:0 16px;box-sizing:border-box;font-size:16px;border-radius:100px;background-color:#fff;}
[class*="btn-unit04"] .txt01{font-weight:400;padding:0 !important;font-size:16px !important;}
.btn-unit040{border:1px solid #E9E9E9;}
.btn-unit041{background-color:#293766;}
.btn-unit041 .txt01{color:#fff !important;}
.btn-unit040 .txt01{color:#666666;}
/* btn-unit 60~69 : 단일 텍스트 형태 버튼 */
[class*="btn-unit06"]{display:inline-flex;position:relative;width:auto;font-size:16px;font-weight:500;}
.btn-unit060{padding-left:9px;color:#666666 !important;text-decoration:none;}
.btn-unit060:hover{text-decoration:underline;cursor:pointer;color:#666666;}
.btn-unit060:after{display:block;content:'';position:absolute;left:0;top:50%;margin-top:-6px;width:1px;height:12px;background-color:#CDCDCD;}
.btn-unit060:first-of-type:after{display:none;}
.btn-unit061{text-decoration:underline;margin:0 8px;color:#4F6FCB !important;}
.btn-unit062{height:21px;text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;color:#444444 !important;}
.btn-unit063{position:relative;color:#666666;padding-right:9px;font-weight:500;font-size:13px;width:auto;flex-shrink:0;}
.btn-unit063:after{content:'';position:absolute;width:1px;height:12px;display:block;top:50%;right:0;transform:translateY(-50%);background-color:#CDCDCD;}
.btn-unit063:last-of-type:after{display:none;}
.btn-unit064{text-decoration:underline;color:#111111 !important;}
/* btn-unit 70~79 : 방향 화살표 버튼 (헤더 이전, 약관동의 내용보기 등) */
.btn-unit070{height:50px;width:56px;}
.btn-unit071{position:absolute;top:0;right:0;z-index:2;margin-top:-9px !important;;display:inline-flex;align-items:center;justify-content:center;width:20px;height:40px;padding:0 24px;}
.btn-unit072{display:inline-flex;width:auto;height:30px;padding:0 12px 0 16px;border-radius:2px;border:1px solid #cdcdcd;box-sizing:border-box;align-items:center;justify-content:center;}
.btn-unit072 .txt01{font-size:13px;color:#444;font-weight:500;}
.btn-unit072 .ico-arrow02{margin-left:4px;width:13px;height:13px;filter: brightness(0) saturate(100%) invert(23%) sepia(22%) saturate(15%) hue-rotate(359deg) brightness(95%) contrast(85%);}
/* btn-unit 80~89 : 닫기 형태 버튼(X) */
.btn-unit080{display:block;position:absolute;right:3px;top:3px;width:56px;height:50px;box-sizing:border-box;}
.btn-unit080 .ico-close01{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);background-size:18px auto;background-position:center;}
.btn-unit081{position:relative;width:46px;height:48px;display:flex;align-items:center;}
.btn-unit081 .ico-close02{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);background-size:7px auto;background-position:center;}
.btn-unit081:before{content:'';display:block;width:14px;height:14px;border-radius:100%;flex-shrink:0;background-color:#888;}
/* btn-unit 90~99 : 아이콘형태 버튼(비번보기) */
.btn-unit090{display:flex;align-items:center;justify-content:center;width:52px;height:100%;cursor:pointer;}
.btn-unit090 .ico-view{width:18px;height:20px;background-image:url('../img/ico_view01.svg');background-size:100% auto;background-position:0 center;}
.btn-unit090.active01 .ico-view{background-image:url('../img/ico_view02.svg');}
/* 91 : play,stop 버튼 */
.btn-unit091{display:inline-flex;width:50px;align-items:flex-start;}
.ico-play01,
.ico-stop01{width:50px;height:50px;}
.ico-play01{background-image:url('../img/ico_play01.svg');}
.ico-stop01{background-image:url('../img/ico_stop01.svg');}
/* 100 : 헬로아카이브 라운드 버튼 */
.btn-unit100,
.btn-unit101{border-radius:8px;box-sizing:border-box;height:48px;}
.btn-unit100{border:1px solid #000;}
.btn-unit101{border:1px solid #2E5DFF;background-color:#2E5DFF;box-sizing:border-box;}
.btn-unit101.disable{background-color:rgba(46,93,255,0.2);border-color:rgba(46,93,255,0.2);}
.btn-unit100 .txt01,
.btn-unit101 .txt01{font-size:14px;font-weight:700;}
.btn-unit101 .txt01{color:#fff;}
/* 버튼 모듈 : 로그인 타입선택 */
.btn-area04{width:100%;}
.btn-area04 [class*="ico-"]{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:24px;height:24px;}
.btn-area04 [class*="btn-unit"]{position:relative;margin-top:8px;}
/* 로그인 페이지 : 로고 */
.btn-area05{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin:24px auto !important;}
.btn-area05 .logo-yna02{margin:0;}
.btn-area05 .ico-close03{margin:0 16px;}
.btn-area05 .txt-unit01{margin-top:24px;flex-shrink:0;width:100%;text-align:center;}
/* btn-area0$ : 버튼 묶음 */
/*btn-area0$ 모듈 넘버링 규칙
	btn-area01 : 기본 묶음 fixed 타입
	btn-area02 : 로그인 페이지 relative 타입
	btn-area03 : 레이어 팝업 하단 타입
*/
[class*="btn-area"]{display:flex;margin:0 auto;box-sizing:border-box;}
[class*="btn-area"] [class*="btn-unit"]{display:flex;justify-content:center;width:100%;margin-right:8px;box-sizing:border-box;}
[class*="btn-area"] .btn-unit021.disable{background-color:rgba(48, 97, 255, 0.2);}
[class*="btn-area0"]{width:calc(100% + 8px);}
.btn-area01{padding-top:80px;}
.btn-area02{flex-direction:column;width:100%;margin-top:40px;}
.btn-area02 [class*="btn-unit"]{position:relative;margin-top:8px;}
.btn-area02 [class*="btn-unit"]:first-of-type{margin-top:0;}
.btn-area03{margin-top:32px;}
.btn-area04{flex-direction:column;width:100%;}
.btn-area04 [class*="btn-unit"]:first-of-type{margin-top:0;}
.btn-area11{padding-left:16px;display:flex;align-items:center;font-weight:500;font-size:13px;margin:0;}
.btn-area11 [class*="btn-unit"]{width:auto;color:#888;}
.btn-area12{align-items:center;margin-top:40px;flex-wrap:wrap;justify-content:center;}
.btn-area12 [class*="btn-unit"]{width:auto;}
/* tab-unit01 : 탭 모듈 공통*/
.tab-unit01{position:relative;display:flex;justify-content:center;width:100%;margin:0 auto 60px;}
.tab-unit01:before{content:'';display:block;position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#CDCDCD;}
.tab-unit01 span{width:100%;}
.tab-unit01 .tab{display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:39px;font-size:18px;padding:8px 10px 15px;box-sizing:border-box;font-weight:700;}
.tab-unit01 .tab .txt01{font-weight:700;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:normal;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;line-height:1.5;}
.tab-unit01 .tab.active01:before{content:'';z-index:2;display:block;position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:#4F6FCB;}
.tab-unit01 .tab:hover{text-decoration:none;}
.tab-unit01 .tab:hover{color:#4F6FCB;}
/* label-radio01 : input radio 모듈 */
.label-radio01{position:relative;width:100%;height:56px;background-color:#fff;color:#888888;border-left:1px solid #CDCDCD;box-sizing:border-box;}
.label-radio01:first-of-type{border-left:0;}
.label-radio01 label{display:inline-flex;align-items:center;justify-content:center;position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;font-size:17px;text-align:center;color:#888888;cursor:pointer;font-weight:600;}
.label-radio01 input{position:absolute;left:0;top:0;opacity:0;}
/* input radio01 모듈 : 활성화 */
.label-radio01 input:checked + label{width:calc(100% + 2px);height:calc(100% + 2px);position:absolute;left:-1px;top:-1px;background-color:#293766;color:#fff;}

/* label-check$$ : 체크박스 모듈 */
/* label-check$$ 모듈 넘버링 규칙
	01 : 타입1(전체동의)
	02 : 타입2(약관동의)
	03 : 타입3(선택동의)
*/
/* label-check$$ : 체크박스 공통 */
[class*="label-check0"]{position:relative;align-items:center;}
[class*="label-check0"] input{position:absolute;left:0;top:0;opacity:0;}
.label-check01 input:focus+label:after{border:1px solid var(--ui-tag004);border-radius:3px;box-sizing:border-box;}
.label-check02 input:focus+label{border:1px solid #4F6FCB;}
/* 01 : 체크박스 모듈 타입1(전체동의) */
.label-check01{display:flex;min-height:20px;width:100%;font-weight:500;}
.label-check01 label{padding-left:32px;width:100%;box-sizing:border-box;font-size:18px;text-align:left;word-break:keep-all;}
.label-check01 label:hover{text-decoration:underline;}
.label-check01 label:before{display:none;content:'';position:absolute;z-index:2;left:0;top:2px;width:20px;height:20px;background-image:url('../img/ico_check02_02.svg');background-size:100% auto;background-repeat:no-repeat;background-position:center;}
.label-check01 label:after{display:block;content:'';position:absolute;z-index:1;left:0;top:2px;width:20px;height:20px;background-image:url('../img/ico_check02_01.svg');background-size:100% auto;background-repeat:no-repeat;background-position:center;}
.label-check01 input:checked + label:before{display:block;}
/* 02 : 체크박스 모듈 타입2(약관동의) */
.label-check02{}
.label-check02 label{display:flex;align-items:center;justify-content:center;position:relative;padding:0 10px;text-align:center;width:100%;height:60px;border-radius:2px;border:1px solid #E9E9E9;box-sizing:border-box;background-color:#F9F9F9;font-size:18px;color:#444444;}
.label-check02 input{position:absolute;left:0;top:0;opacity:0;}
.label-check02 label:after{display:block;content:'';position:absolute;right:6px;top:6px;width:14px;height:12px;background-image:url('../img/ico_check01_01.svg');background-size:100% auto;background-repeat:no-repeat;background-position:center;}
.label-check02 input:checked + label{border:2px solid #4F6FCB;font-weight:700;color:#4F6FCB;background-color:#fff;}
.label-check02 input:checked + label:after{right:5px;top:5px;background-image:url('../img/ico_check01_02.svg');}
/* 03 : 체크박스 모듈 타입3(선택동의) */
.label-check03{display:flex;align-items:center;justify-content:flex-start; margin-right:24px;}
.label-check03 label{position:relative;padding-left:24px;font-size:17px;color:#111111;cursor:pointer;}
.label-check03 label:after{display:block;content:'';position:absolute;left:0;top:50%;transform:translateY(-60%);width:14px;height:12px;background-image:url('../img/ico_check01_01.svg');background-size:100% auto;background-repeat:no-repeat;background-position:center;}
.label-check03 input:checked + label:after{background-image:url('../img/ico_check01_02.svg');}

/* form-area01 :  form의 전체 그룹핑 fieldset */
.form-area01{width:100%;}

/*  form-group : input공통구조*/
/* input공통구조 넘버링 규칙
	0~09 : 보더 박스 형태의 input 타입
	10~19 : select 형태
	20~29 : input type 체크박스
	30~39 : input type 라디오
*/
[class*='form-group'] .select-list21{width:100%;}
/* 00~09 : input 체크박스 그룹 */
.form-group01{padding-top:8px;box-sizing:border-box;}
.form-group01 .title-unit04{padding-top:16px;text-align:left;}
.form-area01 .form-group01:first-of-type,
.form-area01 .form-group01:first-of-type .title-unit04{padding-top:0;}
/* 20~29 : input 체크박스 그룹 */
[class*="form-group2"]{position:relative;display:flex;justify-content:space-between;align-items:center;padding:0 48px 0 16px;box-sizing:border-box;}
.form-group20{height:60px;background-color:#F9F9F9;font-weight:700;}
/* 21 : bg+체크박스 */
.form-group20+.form-group21{margin-top:24px;}
.form-group21{margin-top:32px;}
/* 22 : 단일 아이콘+체크박스 */
.form-group22{justify-content:flex-start;margin-top:20px;}
.form-group22 .label-check03{margin-right:24px;flex-shrink:0;}
.form-group22 .label-check03:first-of-type{margin-left:32px;}
.form-group23{margin-top:16px;padding:0;}
.form-group23 .label-check01{flex-shrink:0;width:auto;font-size:17px;color:#111111;}
.form-group23 .btn-unit060{height:auto;flex-shrink:0;padding-left:0;text-underline-position:under;text-decoration-thickness:1px;text-decoration-line:underline;text-decoration-color:currentColor;}
.form-group24{width:100%;padding:0;}
.form-group24 .label-check02{width:100%;}
/* 30 : 단일 아이콘+체크박스 */
.form-group30{position:relative;width:100%;border-radius:2px;box-sizing:border-box;}
/* 40 : 탈퇴사유 textarea */
.form-group40{margin-top:8px;}
.form-group40 .form-row01{position:relative;box-sizing:border-box;padding:16px 16px 40px;border-radius:2px;border:1px solid #CDCDCD;}
.form-group40 .form-row01 textarea{display:block;width:100%;height:112px;box-sizing:border-box;font-size:17px;border:0;color:#888888;text-align:left;resize:none;}
.form-group40 .form-row01 textarea::placeholder,
.form-group40 select{font-size:17px;color:#888888;}
.form-group40 .form-all{margin-top:48px;}

/* form-row : input row 그룹핑 */
/* input+요소 그룹핑 넘버링 규칙
	00~09 : input+요소
*/
[class*="form-row0"]{display:flex;width:100%;align-items:center;position:relative;}
[class*="form-row0"] input::placeholder{color:#888888;}
.form-row01 .btn-unit020{flex-shrink:0;width:120px;margin-left:8px;}
.form-row01 .txt01{font-weight:500;}
/* 02 : 보더라인(성별radio버튼 감싸는 row) */
.form-row02{border:1px solid #CDCDCD;}

/* input-text$$ : input모듈*/
/* input-text$$ 넘버링규칙
	input-text01 : 기본
	input-text02 : 주민번호뒷 1자리(디자인타입)
	input-text03 : 패스워드
*/
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button{appearance:none;-moz-appearance:none;-webkit-appearance:none;}
input[type="number"]{-moz-appearance:textfield;}

[class*="input-text0"]{position:relative;display:flex;justify-content:space-between;align-items:center;width:100%;height:56px;border:1px solid #CDCDCD;box-sizing:border-box;border-radius:2px;}
.input-text01 input{background-color:transparent}
.input:disabled{color:#000;}
.input-text01.disable{background-color:#F9F9F9;color:#888888;}
.input-text01.disable input{color:#888888;}
.input-text01.disable input::placeholder{color:#888888;}
.input-text01 [class*="btn-unit06"]{flex-shrink:0;margin-right:16px;}
.text01{width:100%;height:100%;padding:0 16px;box-sizing:border-box;border:0;font-size:17px;}
.mark{display:inline-block;flex-shrink:0;width:24px;text-align:center;font-size:16px;color:#444444;}
/* 01 : 주민번호뒷 1자리 */
.input-text02{overflow:hidden;}
.input-text02 input[type="number"]{position:relative;z-index:2;width:28px;overflow:hidden;padding-right:0;background-color:rgba(255,255,255,.6);color:transparent;appearance:none;-webkit-appearance:none;-moz-appearance:textfield;margin:0;}
.input-text02 input[type="number"]::placeholder{color:transparent;}
.input-text02 input[type="number"]:not(:-ms-input-placeholder){background:#fff;color:#333;}
.input-text02 input[type="number"]:not(:placeholder-shown){background:#fff;color:#333;}
.input-text02 .number-label{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
/* 03 : type: password */
.input-text03 .text01{font-size:64px;letter-spacing:-0.27em;color:#444444;line-height:54px;text-indent:-6px;box-sizing:border-box;padding-bottom:7px;}
.input-text03 .text01:placeholder-shown{font-size:17px;letter-spacing:0;text-indent:0;padding-bottom:0;}
.input-text03 .text01[type="text"]{font-size:17px!important;letter-spacing:0;text-indent:0;padding-bottom:0;}
/* ip-state$$ : input 상태 모듈 */
/*  ip-state$$상태 넘버링 규칙
	01 :  error타입
*/
.ip-state01{border:1px solid #CF4223;}
/* sns-box$$ > sns-group$$ : SNS 로고 */
/*
sns-box01 : 타이틀 + 계정정보 (gray 박스형)
sns-box02 : 간편로그인 그룹
*/
.sns-box01{position:relative;margin-top:24px;width:100%;}
.sns-box01:first-of-type{margin-top:0;}
/*
sns-group01 : 계정정보 (gray 박스형) 24x24
sns-group02 : 간편로그인 40x40
 */
[class*="sns-group0"]{position:relative;display:flex;align-items:center;flex-wrap:wrap;}
[class*="sns-group0"] [class*="btn-unit02"],
[class*="sns-group0"] [class*="btn-unit03"]{display:flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:2px;}
[class*="sns-group0"] .txt01{display:inline-block;font-size:17px;font-weight:400;color:#444444;}
[class*="sns-group0"] .txt02{word-break:break-word;}
[class*="btn-unit02"] [class*="ico-"],
[class*="btn-unit03"] [class*="ico-"]{width:24px;height:24px;}
.sns-group01{position:relative;display:flex;width:100%;flex-direction:row;padding:20px 0 20px 16px;background-color:#F9F9F9;border:1px solid #E9E9E9;box-sizing:border-box;border-radius:2px;}
.sns-group01:has(.btn-unit062){padding-right:100px;}
.sns-group01 [class*="btn-unit02"],
.sns-group01 [class*="btn-unit03"]{width:24px;height:24px;}
.sns-group01 .btn-unit031{border:1px solid #E9E9E9;background-color:#fff;}
.sns-group01 .txt01,
.sns-group01 .txt02{padding:0 8px;display:inline-block;font-size:16px;}
.sns-group01 [class*="ico-"]{width:18px;}
.sns-group01 [class*="btn-unit06"]{position:absolute;top:50%;right:16px;transform:translateY(-50%);font-weight:500;}
.sns-group02{margin-top:14px;}
.sns-group02:first-of-type{margin-top:0;}
.sns-group02 [class*="btn-unit02"],
.sns-group02 [class*="btn-unit03"]{width:40px;height:40px;}
.sns-group02 .txt01{padding:0 12px;}
.sns-group02 [class*="btn-unit04"]{position:absolute;top:0;right:0;}
.sns-group02 .btn-unit031{border-width:1px;}

/* ---- ##btn-unit099 : 스크롤 최상단 이동 버튼 ---- */
.btn-unit099{position:fixed;right:60px;bottom:80px;z-index:100;width:60px;min-width:auto;height:60px;border:1px solid var(--ui-bg001);background-color:rgba(255,255,255,.6);border-radius:2px;box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.20);}
.btn-unit099:before{content:'';position:absolute;top:50%;left:50%;width:26px;height:26px;background-image:var(--ui-bg001);background-size:100% auto;transform:translate(-50%, -50%);}
.btn-unit099{opacity:1;}
.btn-unit099.hide{display:block !important;z-index:-1;opacity:0;transition: opacity 0.3s ease-in-out;}
/* 중형 프레임 : 768px ~ 1023px - 컨테이너영역720px */
@media only screen and (min-width:768px) and (max-width:1023px){
	.btn-unit099{position:fixed;right:24px;bottom:99px;z-index:100;width:52px;min-width:auto;height:52px;box-shadow:0 3px 10px rgba(0,0,0,0.16);}
	.btn-unit099.btn-scroll-top{display:none;}
}
/* 소형 프레임 : 767px 이하 - 컨테이너 영역 가변 */
@media only screen and (max-width:767px){
	.btn-unit099{position:fixed;right:24px;bottom:99px;z-index:100;width:52px;min-width:auto;height:52px;box-shadow:0 3px 10px rgba(0,0,0,0.16);}
	.btn-unit099.btn-scroll-top{display:none;}
}

/* txt-color : 텍스트 꾸밈요소 */
/* 텍스트 꾸밈요소 넘버링 규칙
	00~19 : 색상 선언
	20~29 : 하이라이트 등 데코 스타일
*/
[class*="txt-color"]{display:inline-block;position:relative;font-weight:400;}
.txt-color01{color:#CF4223;}
.txt-color02{color:#4F6FCB !important;}
.txt-color03{color:#666666;}
.txt-color04{color:#0068D1;}
.txt-color21{font-weight:700;color:#4F6FCB;background-image:linear-gradient(transparent 30%,rgba(0, 208, 163, 0.15) 30%, rgba(0, 208, 163, 0.15) 30%);background-repeat:no-repeat;background-size:100% 40%;background-position:-10% 90%;}

/* title-unit$$ 타이틀 모듈 공통 */
/* title-unit$$ 넘버링 규칙
	00~19 : 일반 텍스트 타이틀
	20~29 : 로고,아이콘 요소 타이틀
*/
/* 00~19 : 일반 텍스트 타이틀*/
[class*="title-unit0"]{display:block;color:#111111;}
.title-group01{display:flex;justify-content:space-between;align-items:center;}
.title-unit01,
.title-unit02{width:100%;padding-bottom:60px;font-size:32px;line-height:1.4;text-align:center;word-break:keep-all;font-weight:700;}
.title-unit03{display:block;margin-bottom:12px;font-size:17px;line-height:1.4;font-weight:600;}
.title-unit04{display:inline-block;font-size:16px;margin-bottom:12px;}
.title-unit04 .txt-color01{padding-left:6px;}
.title-unit05{display:block;font-size:20px;}
.title-unit06{line-height:1.4;padding-top:12px;font-size:24px;font-weight:700;color:#111111;}
.title-unit07{line-height:1.4;padding-top:12px;font-size:24px;font-weight:700;color:#111111;}
.title-unit09{font-size:44px;line-height:1.3;padding-bottom:20px;}
.title-unit09 .txt-color04{display:block;}

/* txt-bold : 텍스트 꾸밈요소 */
/* 텍스트 weight 넘버링 규칙
	01~10 : font-weight 꾸밈요소
*/
.txt-bold01{font-weight:700;}

/* number-unit$$ 텍스트 숫자 모듈 공통 */
/* number-unit$$ 넘버링 규칙
	01~19 : 숫자 카운트(페이징,작성글자 수 등)
*/
.number-unit01{position:absolute;right:0;bottom:0;padding:0 16px 15px;color:#888888;font-size:17px;text-align:right;opacity:0.7;line-height:1.2;}

/* list-unit$$ : 리스트 모듈 */
/* list-unit$$ 리스트 넘버링 규칙
	00~19 : 일반 텍스트/링크 목록(dott, -dash 등)
	20~29 : 회원가입 단계
	30~39 체크박스 리스트
*/
[class*="list-unit0"]{width:100%;box-sizing:border-box;}
.list-unit02 [class*="txt-unit"]:first-of-type,
.list-unit03 [class*="txt-unit"]:first-of-type{margin-top:0;}
/* 01 : 인포텍스트(bg 없음) */
.list-unit01{padding-top:8px;}
/* 02 : 인포텍스트(bg 회색) */
.list-unit02{margin-top:56px;padding:24px 16px;border-radius:2px;background-color:#F9F9F9;}
/* 03 : 인포텍스트(bg 하늘색) */
.list-unit03{/*margin-top:32px;*/margin-bottom:60px;padding:24px 16px;border-radius:2px;background-color:#F2F8FF;}
.list-unit03 .txt-unit21{margin-top:12px;color:#444444;}
.list-unit03 .txt-unit21 strong{line-height:1.4;}
/* 21 : 회원가입 단계(프로그레스바) */
.list-unit21{display:flex;justify-content:center;margin:0 auto;counter-reset:number01;}
.list-unit21 li{position:relative;padding:0 16px;height:28px;}
.list-unit21 li:after{content:'';display:block;width:32px;height:1px;position:absolute;top:50%;right:44px;transform:translateY(-50%);background-color:#E9E9E9;}
.list-unit21 li:first-of-type:after{display:none;}
.list-unit21>li:before{counter-increment:number01;content:counter(number01,decimal);display:flex;flex-shrink:0;align-items:center;justify-content:center;font-size:16px;font-weight:600;width:28px;height:28px;border-radius:28px;color:#888888;box-sizing:border-box;border:1px solid #CDCDCD;}
.list-unit21>.active01:after{background-color:#4F6FCB;}
.list-unit21>.active01:before{border:0;background-color:#4F6FCB;color:#fff;}
/* 22 : 회원가입 단계(프로그레스바) */
.list-unit22{display:inline-flex;align-items:center;justify-content:center;position:relative;margin:0 auto;}
.list-unit22:before{display:block;content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;height:1px;background-color:#4F6FCB;}
.list-unit22 li{display:flex;align-items:center;margin-left:20px;position:relative;width:100px;height:100px;border-radius:100%;border:1px solid #e9e9e9;box-sizing:border-box;background-color:#fff;}
.list-unit22 li:first-of-type{margin-left:0;}
.list-unit22 li .txt-unit07{width:100%;position:relative;padding-top:22px;color:#444;}
.list-unit22 li.active01{border-color:#4F6FCB;background-color:#4F6FCB;}
.list-unit22 li.active01 .txt-unit07{color:#fff;}
.list-unit22 [class*="ico-"]{position:absolute;left:50%;top:0;transform:translateX(-50%);width:18px;height:18px;background-size:100% auto;background-repeat:no-repeat;}
.ico-id01{background-image:url('../img/ico_id01.svg');}
.ico-terms01{background-image:url('../img/ico_terms01.svg');}
.ico-check01{background-image:url('../img/ico_check01.svg');filter:brightness(0) saturate(100%) invert(47%) sepia(20%) saturate(2887%) hue-rotate(197deg) brightness(85%) contrast(85%);}
/*  31 : 체크박스 리스트(.label-check02의 목록) */
.list-unit31{display:flex;width:calc(100% + 8px);flex-wrap:wrap;margin-top:-8px;}
.list-unit31 li {display:block;padding:8px 8px 0 0;box-sizing:border-box;width:33.3%;}
.list-unit31 li span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.4;}


/* txt-unit : 텍스트 모듈 */
/* 텍스트 넘버링 규칙
	select-list01~19 : select리스트(기본 시스템)
	select-list21~29 : 레이어형(이전 개인정보처리 방침 보기)
*/
/* select-list01 : select리스트 모듈 */
.select-list01{display:flex;width:100%;}
.select-list01 select{padding:0 16px;width:100%;height:56px;color:#888888;border:1px solid #CDCDCD;border-radius:2px;box-sizing:border-box;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-position:right 16px center;background-image:url('../img/ico_arrow03.svg');background-repeat:no-repeat;font-size:17px;}

/*select-list21 : 이전 개인정보처리 방침 보기 */
/* 개인정보처리방침 내용(리스트) */
.select-list21{width:360px;position:relative;}
.btn-text01,
.select-list21 .list03 a,
.select-list21 .list03 button{display:block;width:100%;box-sizing:border-box;color:#111;font-size:17px;text-align:left;}
.select-list21 strong{font-weight:400;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:calc(100% - 30px);}
.btn-text01{position:relative;height:58px;padding:16px;border:1px solid #CDCDCD;background:transparent;}
.btn-text01:after{display:block;content:'';position:absolute;right:16px;top:50%;transform:translateY(-50%) rotate(0);width:20px;height:20px;background-image:url('../img/ico_arrow04.svg');background-size:20px auto;background-position:95% center;background-repeat:no-repeat;}
.select-list21 .list03{display:none;overflow-y:auto;position:absolute;left:0;bottom:55px;width:100%;background-color:#fff;border:1px solid #CDCDCD;box-sizing:border-box;}
.select-list21 .list03 ul{max-height:590px;height:100%;padding:9px 8px 9px 16px;}
.select-list21 .list03 li{padding:6px 0;}
.select-list21 .list03 button{border:none;background-color:transparent;}
.select-list21 .list03 a:hover,
.select-list21 .list03 button:hover,
.select-list21 .list03 li.active a,
.select-list21 .list03 li.active button{color:#4F6FCB !important;}
/* select 레이어 목록 open */
.select-list21.active01{z-index:3;}
.select-list21.active01 .list03{display:block;}
.select-list21.active01 .btn-text01:after{transform:translateY(-50%) rotate(180deg);}
.select-list21 .list03.style01{bottom:0;top:57px;height:236px;}
.select-list21 .list03.style01 button,
.select-list21 .list03 button,
.select-list21 .btn-text01{color:#888;}

/* 스크롤 바 전체에 대한 스타일 지정 */
.select-list21 .list03::-webkit-scrollbar{width:4px;background-color:#fff;padding-right:9px;}
/* 스크롤 바의 색상 */
.select-list21 .list03::-webkit-scrollbar-thumb{background-color:#E9E9E9;width:4px;border-radius:2px;}
/* txt-unit : 텍스트 모듈 */
/* 텍스트 넘버링 규칙
	00~19 : 타이틀+하위 설명 텍스트 or 기본 텍스트
	20~29 : dott,-dash 등 텍스트
	30~39 : 인포박스,팝업 내 텍스트
	40~49 : 상태 아이콘 텍스트
	91~ : 인풋 내 주민번호 뒷자리 dott텍스트
*/
[class*="txt-unit"]{display:block;font-weight:400;color:#444444;word-break:keep-all;}
/* 00~19 : dott,-dash 등 텍스트 */
.txt-unit01{font-size:16px;text-align:left;}
.txt-unit02{font-size:17px;text-align:center;margin-bottom:32px;line-height:1.5;}
.txt-unit03{display:block;font-size:18px;font-weight:600;text-align:center;margin-bottom:20px;color:#111111;line-height:1.5;}
.txt-unit04{padding-right:16px;font-size:14px;font-weight:400;color:#666;}
.txt-unit05{font-size:16px;text-align:center;}
.txt-unit06{font-size:17px;}
.txt-unit07{font-size:16px;font-weight:400;text-align:left;width:100%;}
.txt-unit07{font-size:16px;width:100%;font-weight:600;text-align:center;}
/* 20~29 : 타이틀+하위 설명 텍스트 or 기본 텍스트 */
.txt-unit21{text-align:left;}
.txt-unit21{position:relative;padding-left:6px;font-size:16px;line-height:1.4;color:#666666;font-weight:400;margin-top:8px;text-align:left;}
.txt-unit21:before{content:'';display:block;position:absolute;top:9px;left:0;width:2px;height:2px;border-radius:10px;background-color:#666666;}
/* 30~39 : 인포박스,팝업 내 텍스트 */
.txt-unit31{margin-top:32px;font-size:18px;text-align:center;}
.txt-unit33{font-size:18px;text-align:center;}
.txt-unit31+.txt-unit31,
.txt-unit33+.txt-unit33{margin-top:24px;}
.txt-unit31 .txt-color21{z-index:2;font-weight:700;}
/* 32 : 토스트 팝업 */
.txt-unit32{padding-top:20px;text-align:center;font-size:18px;line-height:1.4;font-style:normal;font-weight:400;color:#444444; word-break:keep-all;/*white-space:pre-wrap;*/}
.txt-unit34{font-size:18px;text-align:center;line-height:1.5;color:#444444;word-break:keep-all;}
/* 40~49 : 상태 아이콘 텍스트 */
.txt-unit40{display:flex;align-items:flex-start;font-size:14px;line-height:1.4;font-weight:400;margin-top:9px;}
.txt-unit41{color:#888888;padding:2px 0;box-sizing:border-box;position:relative;display:flex !important;font-size:14px;align-items:flex-start;}
.txt-unit41 .txt01{font-weight:500;}
/* 91 : 주민번호 뒷자리 dott */
.txt-unit91{position:absolute;z-index:1;display:flex;left:16px ;top:50%;height:12px;transform:translateY(-50%);}
.txt-unit91 i{display:block;width:12px;height:12px;border-radius:12px;background-color:#444444;margin-right:2px;}

/* info-group : 텍스트 그룹 */
/* 그룹 넘버링 규칙
	00~19 : 텍스트 그룹
	20~29 : sns 계정그룹
*/
/* 00~19 : 텍스트 그룹 : 텍스트 인포 그룹 */
[class*="info-group0"]{display:flex;justify-content:center;}
.info-group01{display:flex;padding-top:24px;align-items:flex-start;justify-content:space-between;width:100%;}
.info-group01 .txt-unit01{padding-right:20px;}
.info-group02{align-items:center;margin-top:40px;flex-wrap:wrap;}
.info-group02 .txt-unit01{margin-right:8px;font-size:16px;color:#444444;font-weight:500;}
.info-group03{display:flex;justify-content:center;flex-direction:column;align-items:center;margin:0;width:auto;}
.info-group03 .title-unit01{text-align:center;margin:0 auto;padding-bottom:30px;}
.info-group03 .txt-unit31:first-of-type{margin-top:0;}
.info-group04{margin-top:60px;display:block;}
.info-group04 .txt-unit31:first-of-type{margin-top:0;}
.info-group04{}
/* info-box$$ : sns 모듈 박스 */
[class*="info-box0"]{display:flex;justify-content:center;flex-direction:column;width:100%;}
/* 01 : 계정정보 안내 group 감싸는 박스 */
.info-box01{margin-top:24px;}
.info-box01:first-of-type{margin-top:0;}
.info-box01 .sns-group01 [class*="ico-"]{width:18px;height:18px;}

/* popup-wrap$$ : 팝업 */
/* popup-wrap$$팝업 넘버링 규칙
	00~09 : 레이어 팝업(이용약관)
	10~19 : 팝업타입 알럿
	50~59 : 팝업타입 토스트
*/
[class*="popup-wrap"]{position:fixed;top:0;left:0;height:100vh;width:100%;z-index:20;display:none;}
[class*="popup-wrap"].active01{display:block;}
[class*="popup-wrap"]:before{content:'';display:block;position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;background-color:rgba(27, 29, 31, 0.6);}
[class*="popup-wrap"] [class*="popup-unit"]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;border-radius:6px;background-color:#fff;}
[class*="popup-wrap"] .btn-area03{margin:40px 0 0 8px;}
/* 0~09 : 팝업타입 레이어 */
.pop-content{margin-top:32px;padding:0 20px;box-sizing:border-box;overflow:hidden;overflow-y:auto;width:100%;height:100%;max-height:100%;}
.popup-scroll{box-sizing:border-box;}
.popup-wrap01 .pop-header{padding-bottom:32px;}
.popup-wrap01 .popup-unit01{top:80px !important;transform:translate(-50%,0) !important;width:100%;max-width:640px;/*max-height:760px;*/max-height:80%;padding:20px 0 40px;border-radius:2px;}
.popup-wrap01 .pop-content{margin:0 20px;width:calc(100% - 40px);}
/* 10~19 : 팝업타입 토스트 */
.popup-wrap10{}
.popup-wrap10 .popup-unit01{padding:32px;max-width:440px;width:calc( 100% - 32px);}
.popup-wrap10 .txt-unit32{max-width:350px;}
.popup-wrap10 .title-unit06{text-align:center;}
.popup-wrap10 .btn-area02{margin-top:32px;}
/* 50~59 : 팝업타입 토스트 */
[class*='popup-wrap5']{display:none;}
[class*='popup-wrap5']:before{display:none;}
[class*='popup-wrap5'].active{display:block;z-index:600;}
[class*='popup-wrap5'] .popup-unit02{position:fixed;left:50%;top:auto;bottom:43px;transform:translateX(-50%);margin-right:-600px;width:100%;max-width:311px;height:auto;border-radius:2px;padding:12px;background-color:rgba(17, 17, 17, 0.60);justify-content:center;align-items:center;}
[class*='popup-wrap5'] .txt01{font-weight:500;line-height:1.5;color:#fff;}

/* --- 이용약관, 개인정보처리방침 내용(공통) --- */
/* style01 : dash 리스트
 * style02 : dott 리스트 */
[class*="colum-box"]>[class*="list"].style01,
[class*="colum-box"]>[class*="list"].style02{margin-top:16px;}
[class*="colum-box"]>[class*="list"].style01 li,
[class*="colum-box"]>[class*="list"].style02 li,
[class*="colum-box"]>[class*="list"].style01 dd,
[class*="colum-box"]>[class*="list"].style02 dd{margin-top:2px !important;}
[class*="colum-box"]>[class*="list"].style01 li,
[class*="colum-box"]>[class*="list"].style01 dd{position:relative;padding-left:8px;}
[class*="colum-box"]>[class*="list"].style01 li:after,
[class*="colum-box"]>[class*="list"].style01 dd:after{display:block;content:'';position:absolute;left:0;top:11px;width:4px;height:1px;background-color:#444;border-radius:100%;}
[class*="colum-box"]>[class*="list"].style02 li:after,
[class*="colum-box"]>[class*="list"].style02 dd:after{display:block;content:'';position:absolute;left:0;top:10px;width:2px;height:2px;background-color:#444;border-radius:100%;}
[class*="colum-box"]>[class*="list"].style02 li,
[class*="colum-box"]>[class*="list"].style02 dd{position:relative;padding-left:10px;}
/* --- 이용약관 내용(공통) --- */
[class*="colum-box"]:first-of-type{margin-top:16px;border-top:1px solid #111;}
[class*="colum-box0"]{padding:40px 20px 0 20px;}
[class*="colum-box0"] [class*="title0"],
[class*="colum-box0"] [class*="txt0"],
[class*="colum-box0"] [class*="list0"]{display:block;font-size:16px;font-weight:400;line-height:1.5;color:#111;}
[class*="colum-box0"] .list01{padding:8px 0 0;}
[class*="colum-box0"] .list02{padding:8px 20px;}
[class*="colum-box0"] .title01+.list01{padding-top:16px;}
/* 이용약관 내용(타이틀) */
[class*="colum-box0"] [class*="title0"]{font-weight:600;}
/* 이용약관 내용(내용) */
[class*="colum-box0"] .txt01{margin-top:16px;color:#444;}
[class*="colum-box0"] .txt03{margin-top:8px;padding-left:30px;}
.list02 + [class*="txt0"]{margin-top:8px;}
/* --- 개인정보처리방침 내용(공통) --- */
[class*="colum-box2"]{padding:40px 0 0 20px;}
.list02 li:has(.list02){margin-bottom:16px;}

/* 개인정보처리방침 내용(타이틀) */
[class*="colum-box2"] [class*="txt0"],
[class*="colum-box2"] [class*="title0"]{display:block;font-size:16px;font-weight:400;line-height:1.5;color:#111;}
[class*="colum-box2"] [class*="title0"]{font-weight:600;}
[class*="colum-box2"] .title01{flex-shrink:0;width:100%;}
[class*="colum-box2"] .title02{margin-top:16px;}
[class*="colum-box2"] .list04{display:flex;flex-wrap:wrap;width:100%;box-sizing:border-box;}
/* 개인정보처리방침 내용(내용) */
[class*="colum-box2"] .txt01{margin-top:4px;}
[class*="colum-box2"] .txt01+.txt01{margin-top:16px;}
[class*="colum-box2"] .txt01>strong{display:inline;}
[class*="colum-box2"] .txt02{margin-top:16px;padding-left:16px;}
[class*="colum-box2"] .txt02{display:block;}
[class*="colum-box2"] .txt02>strong{display:block;}
/* 개인정보처리방침 내용(리스트) */
[class*="colum-box2"] .list01{}
[class*="colum-box2"] .list01 li{margin-top:8px;}
[class*="colum-box2"] .list02{margin-top:16px;padding-left:16px;}
[class*="colum-box2"] .list03{margin-top:16px;padding-left:16px;box-sizing:border-box;}
[class*="colum-box2"] .list03 .title01{margin-bottom:8px;}
[class*="colum-box2"] .list03 dd{width:230px;margin-right:60px;}
[class*="colum-box2"] .txt02{margin-top:8px;padding-left:16px;}
[class*="colum-box2"] .txt03{margin-top:8px;padding-left:40px;}
/* 개인정보처리방침 내용(table 표) */
[class*="colum-box2"] .table-unit01{margin-top:16px;max-width:100%;overflow-x:auto;box-sizing:border-box;}
[class*="colum-box2"] .table-unit01+[class*='list0'],
[class*="colum-box2"] .table-unit01 table+[class*='list0']{margin-top:25px;}
[class*="colum-box2"] .table-unit01 table{margin-top:9px;width:100%;font-size:14px;border-top:2px solid #111;border-bottom:1px solid #e9e9e9;}
[class*="colum-box2"] th,
[class*="colum-box2"] td{padding:16px;box-sizing:border-box;text-align:center;border-left:1px solid #e9e9e9;}
[class*="colum-box2"] td.noline-l{border-left:none;}
[class*="colum-box2"] td.noline-r{border-right:none;}
[class*="colum-box2"] th:first-of-type{border-left:0;}
[class*="colum-box2"] th{background-color:#F9F9F9;color:#111;font-weight:500;border-top:1px solid #e9e9e9;}
[class*="colum-box2"] thead th{border-top:0;}
[class*="colum-box2"] td{padding:16px;color:#666;font-weight:400;border-top:1px solid #e9e9e9;word-break:keep-all;}
/* 팝업 : 스크롤바의 폭 너비 */
.pop-content::-webkit-scrollbar{width:4px;}
.pop-content::-webkit-scrollbar-thumb{background:#E9E9E9;border-radius:4px;} /* 스크롤바 색상,둥근 테두리*/
.pop-content::-webkit-scrollbar-track{background:#fff;} /*스크롤바 뒷 배경 색상*/

/* list-unit04 : 회원 탈퇴 시 */
.list-unit04{margin-top:32px;padding-bottom:48px;}
.list-unit04 li{margin-top:40px;}
.list-unit04 li:first-of-type{margin-top:0;}
.list-unit04 .title-unit03{margin-bottom:0;}
.list-unit04 .txt-unit06{margin-top:16px;}

/* box-slide01 : 스와이퍼 */
.box-slide01{position:relative;width:100%;max-width:440px;margin:40px auto 39px;}
.slide-unit01{margin-bottom:20px;overflow:hidden;width:100%;max-width:440px;height:50px;}
.slide-unit01 .swiper-wrapper{transition-timing-function:linear;}
.slide-unit01 .swiper-slide{display:flex;align-items:center;height:50px;justify-content:center;background-color:#fff;font-size:18px;font-weight:bold;}
.slide-unit01 .swiper-slide img{display:block; height:100%;}

/* 해상도별 media screen : 768~1024 */
@media screen and (max-width:1023px){
	/* T:약관 테이블 가로스크롤 */
	[class*="colum-box2"] .table-unit01.rowscroll table{min-width:980px;}
	/*T:21 : 회원가입 단계(프로그레스바)*/
	.list-unit21{position:absolute;top:50px;left:0;width:100%;height:4px;z-index:11;background-color:#F5F5F5;overflow:hidden;}
	.list-unit21 li:first-of-type{width:33.4%;}
	.list-unit21 li{height:4px;overflow:hidden;padding:0;width:33.3%;}
	.list-unit21 li:before,
	.list-unit21 li:after{display:none;}
	.list-unit21 .active01{background-color:#4F6FCB;}
	/* T : 버튼 */
	.btn-area01{z-index:5;position:fixed;left:calc(50% + 4px);bottom:0;transform:translateX(-50%);max-width:480px;flex-shrink:0;padding:40px 16px 20px 16px;}
	.btn-area01:before{content:'';display:block;position:absolute;bottom:0;left:0;background-color:#fff;height:84px;width:100%;}
	.btn-area01:after{content:'';display:block;position:absolute;bottom:84px;left:0;height:40px;width:100%;background:linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);}
	.btn-area02{position:static;transform:none;padding:0;}
	.btn-area02:before,
	.btn-area02:after{display:none;}
	/* T : box-slide01 : 스와이퍼 */
	.slide-unit01{height:42px;}
	.slide-unit01 .swiper-slide{height:42px;}
	/* T : 91 : play,stop 버튼 */
	.btn-unit091,
	.ico-play01,
	.ico-stop01{width:42px;height:42px;}
	/* T : 이용약관,개인정보처리 방침 내용*/
	[class*="colum-box0"],
	[class*="colum-box2"]{padding-left:20px;padding-right:0;}
	[class*="colum-box0"]:first-of-type{margin-top:12px;padding-top:30px;}
	[class*="colum-box0"] [class*="title0"],
	[class*="colum-box0"] [class*="txt0"],
	[class*="colum-box0"] [class*="list0"],
	[class*="colum-box2"] [class*="txt0"],
	[class*="colum-box2"] [class*="title0"],
	[class*="colum-box2"] [class*="list0"]{font-size:15px;}
	.table-unit01{padding-left:16px;}
	[class*="colum-box2"] .txt03{padding-left:32px;}
	[class*="colum-box2"] .list03{width:100%;}
	[class*="colum-box2"] .list03 dd{width:35%;margin-right:0;padding-right:10px;box-sizing:border-box;}
	/* T : select 레이어 목록 open */
	.select-list21{width:100%;}
	.btn-text01{height:55px;}
	.btn-text01,
	.select-list21 .list03 a{font-size:15px;}
	.select-list21 .list03.style01{top:54px;}
	/* M : 이용약관,개인정보처리 방침 내용*/
	[class*="colum-box0"],
	[class*="colum-box2"]{padding:30px 0 0 0;}
	.table-unit01{padding:0;}
	[class*="colum-box2"] .txt03{padding-left:20px;}
	[class*="colum-box0"] .list01{padding:8px 0 0;}
	[class*="colum-box0"] li .list02{padding-left:16px;padding-right:0;}
	.txt-unit34{font-size:14px;}
	.txt-unit07{font-size:15px;}
}

/* 해상도별 media screen : 0~767 */
@media screen and (max-width:767px){
	.info-group02{padding-bottom:90px;}
	/* M : 공통팝업 닫기x */
	.btn-unit080{right:0;top:0;}
	.btn-area04{min-width:220px;}
	.btn-area04 [class*="btn-unit"],
	.btn-area03 [class*="btn-unit"],
	[class*="btn-unit03"],
	[class*="btn-unit02"]{height:48px;font-size:16px; }
	[class*="btn-unit06"]{font-size:14px;}
	/* M : 토스트 팝업 */
	.title-unit06{font-size:19px;}
	/* M : tooltip-unit03 : 뉴스 게임즈 : 블루 말풍선 툴팁 */
	.tooltip-unit03 .txt01{font-size:14px;}
	/* M : 버튼모듈 */
	.btn-unit001,
	.btn-unit011,
	.btn-unit004{font-size:16px;}
	.btn-unit003,
	[class*="btn-unit02"]{height:48px;font-size:15px;}
	.form-row01 .btn-unit020{width:104px;font-size:15px;}
	.btn-unit060{font-size:14px;}

	.btn-unit071{padding:0 16px;margin-top:-8px !important;}
	.btn-unit072{height:30px !important;}
	/* M : 텍스트버튼 */
	/*.info-group02 .btn-unit060,*/
	.info-group02 .btn-unit061,
	.info-group02 .txt-unit01{font-size:14px;}
	/* M : info-group : 텍스트 그룹 */
	.info-group03{padding-top:40px;}
	.info-group03 .title-unit01{padding-bottom:20px;}
	.info-group04{margin-top:48px;}
	/* M : 가이드:링크연결형 */
	[class*="btn-text0"]{font-size:14px;}
	/* M : 내정보관리 라운드버튼 */
	[class*="btn-unit04"] .txt01{font-size:14px !important;}
	/* M : 탭버튼 */
	[class*="tab-unit0"]{margin-bottom:40px; margin-top:-15px;}
	[class*="tab-unit0"] span .tab{font-size:16px;}
	/* M : input모듈-text */
	[class*="input-text0"],
	.select-list01 select{height:48px;}
	.form-group01 .title-unit04{padding-top:12px;}
	.text01,
	.select-list01 select{font-size:15px;}
	/* M : txt-unit00~19 : 타이틀+하위 설명 텍스트 or 기본 텍스트 */
	.txt-unit01{text-align:left;font-size:14px;}
	.txt-unit01 br{display:none;}
	.txt-unit01{font-size:14px;}
	.txt-unit02{font-size:15px;text-align:left;margin-bottom:20px;}
	.txt-unit03{font-size:16px;text-align:left;margin-bottom:16px;}
	.txt-unit04{font-size:13px;}
	.txt-unit05{font-size:14px;}
	.txt-unit06,
	.txt-unit07{font-size:15px;}
	.txt-unit34{text-align:left;}
	
	.title-unit09{padding-bottom:10px;font-size:32px;}
	/* M : form-area0 :  form전체 감싸는 fieldset 그룹핑*/
	.btn-details{right:8px;}
	/* M : form-group20~29 : input type 체크박스 */
	[class*="form-group2"]{padding:0 32px 0 16px;}
	[class*="form-group2"]:first-of-type{margin-top:0;}
	.form-group21{margin-top:24px;}
	.form-group21 .btn-unit071{height:24px;margin-top:0 !important;}
	.form-group20{padding:0 16px;}
	.form-group20+.form-group21{margin-top:20px;}
	.form-group22{margin:16px 0 -4px;}
	.form-group23{padding:0;flex-wrap:wrap;}
	.form-group24{width:100%;padding:0;}
	.form-group24 .label-check02{width:100%;}
	/* M : 40 : 탈퇴사유 textarea */
	.form-group40 .form-row01 textarea::placeholder,
	.form-group40 select{font-size:15px;}
	.form-group40 .form-row01{height:106px;font-size:15px;}
	.form-group40 .form-row01 textarea{height:100%;}
	/* M : 팝업:이용약관 */
	.terms-text,
	.terms-list,
	.terms-table td,
	.terms-table th{font-size:15px;}
	.popup-unit01 .pop-header{padding-bottom:15px;width:100%;text-align:center;border-bottom:1px solid #E9E9E9;}
	.popup-unit01 .pop-content{padding:40px 15px;width:100%;}
	/* M : 텍스트 타입-타이틀 */
	.title-unit01,
	.title-unit02{font-size:24px;padding-bottom:40px;}
	.title-unit01{text-align:center;}
	.title-unit02{text-align:left;}
	.title-unit05{font-size:18px;}
	.title-unit03{font-size:15px;margin-bottom:8px;}
	.title-unit04{font-size:14px;}
	.title-unit01+[*="form-group0"] .title-unit04,
	.title-unit02+[*="form-group0"] .title-unit04{padding-top:0;}
	.title-unit07{font-size:17px;}
	.form-group01 .title-unit04{padding-top:12px;}
	/* M : number-unit$$ 텍스트 숫자 모듈 공통 */
	.number-unit01{font-size:14px;}
	/*M : logo*/
	.logo-hello01{width:90px;height:28px;margin:0 0 20px;}
	.logo-yna03{width:105px;height:28px;margin:0 0 20px;}
	.sns-name{font-size:15px;}
	/* M :  info-box$$ : sns 모듈 박스 */
	.info-box02{margin-top:48px;}
	/* M : 버튼 모듈 : default */
	[class*="btn-unit0"]{height:60px;}
	.btn-unit062{height:21px;}
	/* M : 버튼 모듈 : 라운드 버튼 */
	[class*="btn-unit04"]{min-width:80px;height:32px;font-size:15px;}
	/* M : input모듈-text */
	[class*="input-text0"],
	.select-list01 select{height:48px;}
	.text01,
	.select-list01 select{font-size:15px !important;}
	/* M : input모듈 :  checkbox 타입3 */
	.label-check02 label{font-size:16px;}
	.label-check03 label{font-size:15px;}
	/* M : input모듈 : radio버튼 박스형 */
	.label-radio01{height:48px;}
	.label-radio01 label{font-size:15px;}
	.label-check01 label{font-size:16px;}
	/* M : 공통-팝업 */
	[class*="popup-wrap"] .btn-area03{margin:0 0 0 8px;}
	/* M:팝업타입-토스트 */
	.popup-wrap10 .title-unit06{padding-top:12px;font-size:19px;}
	.popup-wrap10 .popup-unit01{padding:20px;}
	.popup-wrap10 .txt-unit32{max-width:252px;}
	/* M : 팝업타입-레이어 */
	.popup-wrap01 .popup-unit01{max-width:100%;height:100vh;max-height:100%;padding:0;left:0 !important;top:0 !important;transform:translate(0) !important;border-radius:0 !important;}
	.popup-wrap01 .title-unit06{flex-shrink:0;width:100%;padding-top:0 !important;height:50px;display:flex;align-items:center;justify-content:center;font-size:17px !important;border-bottom:1px solid #E9E9E9;}
	.pop-content{width:calc(100% - 32px);margin-top:40px;padding:0;}
	.popup-scroll{padding-bottom:80px;}
	/* M : 텍스트 타입:인포 박스 묶음2-하늘색 */
	.list-unit03{margin-bottom:40px;}
	.list-unit02{margin-top:20px;}
	/* M:회원탈퇴 */
	.list-unit04{margin-top:24px;padding-bottom:40px;}
	.list-unit04 li{margin-top:32px;}
	.list-unit04 .txt-unit06{margin-top:12px;}
	.list-unit04 .txt-unit06+.txt-unit06{margin-top:16px;}
	.textarea-info{font-size:15px;}
	/* M : 텍스트 타입: 정보리스트 */
	.mark-list{margin-top:20px;}
	/* M : 상태값 아이콘 */
	.ico-state01,
	.ico-state10{width:48px; height:36px;/*padding-bottom:8px;*/margin-bottom:20px;}
	.ico-state01:after,
	.ico-state10:after{width:8px;height:8px;bottom:-8px;}
	.ico-state01:before
	.ico-state10:before{width:24px;height:24px}
	/* M:상태값 : 텍스트 타입:텍스트 */
	.txt-unit21{font-size:14px;}
	.txt-unit32{padding-top:16px;font-size:16px;line-height:1.4;}
	.txt-unit31{font-size:16px;margin-top:20px;}
	.txt-unit31+.txt-unit31,
	.txt-unit33+.txt-unit33{margin-top:16px;}
	.txt-unit33{text-align:left;font-size:16px;}
	/* M : txt-color : 텍스트 꾸밈요소 */
	.txt-color01{padding-left:0;}
	/* M : 버튼 */
	[class*="btn-area"]{padding:32px 16px 16px 16px;}
	.btn-area11 {padding:0 0 0 8px;flex-wrap:wrap;}
	[class*="btn-area"]:before{height:76px;}
	[class*="btn-area"]:after{bottom:76px;height:32px;}
	.btn-area02{position:static;transform:none;padding:0;}
	.select-list21 .list03{max-height:70vh;}
	.select-list21 .list03.style01{top:47px;}
	.select-list21 .btn-text01{height:48px;padding:0 16px;}
	/* T: input영역 버튼 */
	[class*='form-row'] [class*='btn-unit0']{height:46px;}
	/* M : 간편로그인 32x32 */
	.sns-group02 [class*="btn-unit02"],
	.sns-group02 [class*="btn-unit03"]{width:32px;height:32px;}
	[class*="sns-group0"] .txt01{font-size:15px;}
	[class*="sns-group0"] .txt02{font-size:14px;}
	/* M : 이용약관,개인정보처리 방침 내용*/
	[class*="colum-box2"] .list03 dd{width:50%;}
	/* box-slide01 : 스와이퍼 */
	.box-slide01{margin:35px auto 20px;}
	.slide-unit01{margin-bottom:0;}
}

/* 해상도별 media screen : 0~375 */
@media screen and (max-width:375px){
	/* 통합회원 전환 */
	.list-unit22{width:100%;}
	.list-unit22 li{width:33.3%;padding-top:29.33%;height:0;}
	.list-unit22 li .txt-unit07{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);font-size:14px;}
}