:root { 
	--color-main:#D92D50;
	--color-main-bg:#ffeff5;
	--color-point:#FFCF08;
	--color-white:#fff;
	--color-black:#000;
	--color-blue:#1595FF;
	--color-blue2:#0050dd;
	--color-red:#e60707;

	--font-color1:#191919;
	--font-color2:#505050;
	--font-color3:#888888;
	--font-color4:#acacac;
	--font-color5:#262D3A;
	--font-color6:#E588A7;
	--color-lightpurple1:#F5F2FB;
	--color-lightpurple2:#F0F3FF;
	--color-lightpink1:#fff4f8;
	--color-lightpink2:#FFF6F6;
	--color-skyblue:#EDF3F8;
	--color-skyblue2:#F5F8FF;
	--color-gray-medium:#bbbbbb;
	--color-gray-light:#dddddd;
	--color-gray-brighter:#e9e9e9;
	--color-gray-brighter1:#f0f0f0;
	--color-gray-brighter2:#f4f4f4;
	--color-gray-brighter3:#f5f5f5;
	--color-gray-brighter4:#f6f6f6;
	--color-gray-brighter5:#f9f9f9;
	--color-darkblack:#272E44;
	--color-darkblack-font:#405E9B;
	--color-darkblack-font2:#454a5a;
	--color-green:#04644C;
    --color-skt: #6246D8;
    --color-skt-bg: #E6E0FF;
    --color-kt-bg: #D9F3EF;
    --color-kt: #0D7E74;
    --color-lgt: #D23B7E;
    --color-lgt-bg: #FFE0EB;
	--body-color:#F9F9F9;

	--color-lifetime-bg: #FEF2F2;
	--color-lifetime: #EF4444;
	--color-autopay-bg: #EFF6FF;
	--color-autopay: #1D4ED8;
	/* .badge.condition — 자동이체 신청 조건 배지. 흰 글자가 얹히므로 짙은 톤이어야 한다. */
	--badge-condition: var(--color-autopay);
	/* 할인 강조 — 흰 글자 배경과 회색 배경 위 글자 양쪽에 쓰이므로 --color-main 보다 한 톤 짙게 */
	--badge-discount: #B91C3C;
	--color-status-bg: #F1F5F9;
	--color-status: #475569;
	--color-prepaid-bg: #DCFCE7;
	--color-prepaid: #15803D;
	--color-postpaid-bg: #DBEAFE;
	--color-postpaid: #1E40AF;
	--color-review-bg: #FFE5C2;
	--color-review: #78350F;
	--color-data-bg: #e3f2ff;
	--color-data: #1D4ED8;
	--color-speed-bg: #ebfbc5;
	--color-speed: #365314;

	--bg-point1: #E9F5FF;
	--bg-point2: #F7FEE7;
	--bg-point3: #FFE9FC;

	--event-btn-bg: #FFE8D1;
	--event-btn-text: #D35400;
	--event-btn-border: #FFDAB9;

}

/* HTML5 display definitions */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display:block;}
audio, canvas, video {display:inline-block;}
audio:not([controls]) {display:none; height:0;}
[hidden], template {display:none;}

/*  reset */
* {margin:0; padding:0; font-family:"Pretendard", "Lato", sans-serif; font-weight:400; word-break: keep-all; box-sizing:border-box;}
body {font-family:"Pretendard", "Lato", sans-serif; font-size:100%; letter-spacing:0; line-height:1.42;
-webkit-font-smoothing:antialiased;
-webkit-text-size-adjust:none;
    -moz-text-size-adjust:none;
    -ms-text-size-adjust:none;
        -o-text-size-adjust:none;
            text-size-adjust:none; 
}
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:400;}
img {max-width:100%; max-height:100%; border:0; vertical-align:top;}
a {display:inline-block; color:inherit; text-decoration:none; background:transparent;}
a:active, a:hover, a:focus {outline:none;}
ol, ul, li {list-style:none;-webkit-padding-start:0;}
table {width:100%; border-collapse:collapse; table-layout:fixed; border-spacing:0;}
table, th, td {word-break: keep-all; word-wrap:break-word;}
legend, caption {position:absolute; left:-256410.2564vw; top:auto; overflow:hidden; height:0; font-size:0; line-height:0; clip:rect(0 0 0 0);}
button {padding:0; border:none; text-align:center; vertical-align:middle; background:none; cursor:pointer;}
button::-moz-focus-inner {margin:0; padding:0; border:0;}
strong, em, b, i {font-weight:400; font-style:normal; font-style:normal;}
blockquote, q {quotes:none;}
label {vertical-align:baseline; font-size:inherit;}
textarea {border:0.2564vw solid var(--color-gray-light); color:var(--color-black); line-height:1.5; overflow-y:auto; resize:vertical;}
input {outline:none; word-break: keep-all;}

input,
select,
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="search"],
input[type="date"],
input[type="number"],
select{outline:none; width:100%; height:11.7949vw; padding:0 4.1026vw; font-size:4.1026vw; border:0.2564vw solid var(--color-gray-light); border-radius:1.5385vw;}
textarea {width:100%; height:30.7692vw; padding:3.5897vw; font-size:4.6154vw;}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="date"]:focus,
input[type="number"]:focus,
select:focus {border:0.2564vw solid var(--color-main)}
input[type="text"]:disabled,
input[type="email"]:disabled,
input[type="tel"]:disabled,
input[type="password"]:disabled,
input[type="search"]:disabled,
input[type="date"]:disabled,
input[type="number"]:disabled,
select:disabled {background:var(--color-gray-brighter1); border: 0;}
button:disabled {background:var(--color-gray-light) !important; color: var(--font-color3) !important; cursor: not-allowed;}

input::placeholder,
textarea::placeholder {color:var(--font-color4); border-radius:1.5385vw;}
input[readonly],
select[readonly] {background:var(--color-gray-brighter); color:var(--font-color-sub1); border:0;}
input[type="file"] {overflow:hidden; position:absolute; width:0; height:0; margin:-0.2564vw; padding:0; clip:rect(0,0,0,0); border:0; }
label {font-size:4.1026vw;}
select {display:block; color: var(--color-black); background:#fff url('../img/icon/select-btn-arrow.png') no-repeat right 5.1282vw center; background-size:2.5641vw 1.5385vw; appearance:none; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; -o-appearance:none}


/* IE10, 11 화살표 없애기 */  
select::-ms-expand {display:none;}


/* spin 제거 */  
input::-webkit-search-cancel-button {-moz-appearance:none; -webkit-appearance:none; appearance:none;}
input::-webkit-clear-button, input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {display:none; -moz-appearance:none; -webkit-appearance:none; appearance:none;}
input::-webkit-datetime-edit-fields-wrapper {padding:0;}


/* 체크박스 */
input[type="checkbox"] {display: none; width:0 !important; height:0 !important; margin:0; padding:0; background:inherit}
input[type="checkbox"] + label {cursor:pointer; display:inline-block; position:relative; padding-left:8.2051vw; line-height:1.6;}
input[type="checkbox"] + label:before {content:""; display:block; position:absolute; left:0; top:0; width:5.6410vw; height:5.6410vw; background: url(../img/icon/icon_check.png) no-repeat; background-size: contain;}
input[type="checkbox"]:checked + label::before {background: url(../img/icon/icon_check_active.png); background-size: contain;}

.checkLineBox {display:flex; margin:-1.5385vw;}
.checkLineBox li {margin-right:0; padding:1.5385vw;}
.checkLineBox li input[type="checkbox"] + label {overflow: hidden; display:flex; flex-wrap: wrap; align-items: center; justify-content:center; border:none; width:100%; height: 100%; margin:0; padding:3.8462vw; box-sizing:border-box; text-align: center; border-radius: 1.5385vw; font-size:4.1026vw; color:var(--font-color2); background:var(--color-gray-brighter2);}
.checkLineBox li input[type="checkbox"] + label::before {content: ""; display: block; position: absolute; left: 0.2564vw; top: 0.2564vw; width: 5.6410vw; height: 5.6410vw; background: url(../img/icon/icon_check.png) no-repeat; background-size: contain;}
.checkLineBox li input[type="checkbox"]:checked + label {position: relative; color:var(--color-main); background: var(--color-lightpink1);}
.checkLineBox li input[type="checkbox"]:checked + label::before {background: url(../img/icon/icon_check_active.png); background-size: contain;}
.checkLineBox li input[type="checkbox"]:checked + label:after {content: ''; display: block; width: calc(100% - 1.0256vw); height: calc(100% - 1.0256vw); position: absolute; top: 0; left: 0; border:0.5128vw solid var(--color-main); border-radius: 1.5385vw; transform: rotate(0deg);}


/* 라디오 */
input[type="radio"] {display: none; background: none; vertical-align: middle;}
input[type="radio"] + label {display: inline-block; position: relative; padding-left: 7.6923vw; font-size:4.1026vw; color:var(--font-color3); line-height:1.47; cursor: pointer}

.radioDefBox {display:flex; margin:-1.5385vw;}
.radioDefBox li {margin-right:0; padding:1.5385vw;}
.radioDefBox li:last-child{margin-right: 0}
.radioDefBox li input[type="radio"] + label {overflow: hidden; display:flex; flex-wrap: wrap; align-items: center; justify-content:center; border:none; width:100%; height: 100%; margin:0; padding:3.8462vw; box-sizing:border-box; text-align: center; border-radius: 1.5385vw; font-size:4.1026vw; color:var(--font-color2); background:var(--color-gray-brighter2);}
.radioDefBox li input[type="radio"] + label::before {display: none;}
.radioDefBox li input[type="radio"]:checked + label {position: relative; color:var(--color-main); background: var(--color-lightpink1);}
.radioDefBox li input[type="radio"]:checked + label:after {content: ''; display: block; width: calc(100% - 1.0256vw); height: calc(100% - 1.0256vw); position: absolute; top: 0; left: 0; border:0.5128vw solid var(--color-main); border-radius: 1.5385vw;}
.radioDefBox.simTab li{width: 50%;}

.col-res1 li {width:calc(100%);}
.col-res2 li {width:calc(100% / 2) !important}
.col-res3 li {width:calc(100% / 3) !important}
.col-res4 li {width:calc(100% / 4) !important}