@charset "utf-8";

@import url("/assets/web/css/width-bf7a3ebf6c929553df1811dd1c329573.css");
/*지워보세 2021.3
.wd170 {width:170px !important;} launching버전 단체만들기 select딱 한번 쓰임
.pb0 {padding-bottom:0 !important;} 검색결과 검색된 단체가 없음 딱 한번
.pt0-pc {padding-top:0 !important;} 안쓰임
.pd0 {padding:0 !important;} Launching버전 캠페인만들기 모금목표 title부분 딱 한번 쓰임
.plr0 {padding-left:0 !important;padding-right:0 !important;} 캠페인만들기 캠페인 태그 및 대표지표 설정
.highLightsColorTy02 {color:#9d9999 !important;} 주로 체리픽
.icoStarPoint {width:22px;height:20px;background-image:url(/assets/web/images/ico/btn-star-default-867384f685cea350d81fa8ea420b752e.png)} 시작될 캠페인
.icoSirenRed {width:32px;height:32px;background-image:url(/assets/web/images/ico/ic-siren-red-05ca43b3be49da585dc5ce9f24f53f2f.png);} launching 캠페인 설정
.icoShareBK {width:24px;height:24px;background-image:url(/assets/web/images/ico/btn-share-black-cf51161ea2485f912e19f7258f804fbb.png)} launching 체리픽
*/

/* 임팩트 레벨 컬러 */
:root {
  --impact-level-white: transparent;
  --impact-level-red: #EF6565;
  --impact-level-orange: #F6963E;
  --impact-level-yellow: #F5C416;
  --impact-level-green: #79C78A;
  --impact-level-blue: #70CBE8;
  --impact-level-indigo: #83A0EC;
  --impact-level-purple: #AC85DE;
}

.pt0 {padding-top:0 !important;}
.pt64,
.pt64-pc {padding-top:64px !important;}
.mt50 {margin-top:50px !important;}
.pcHidden {display:none !important;}
button:disabled {cursor: not-allowed;}

/* Text */
.highLightsColorTy01 {color:#f4907e !important;}
.highLightsColorTy02 {color:#f88570 !important;}
.txtNormal {color:#524e4e;font-size:14px !important;}
.txtMidium {color:#9d9d9d;font-size:14px !important;}
.txt_red {color:#f9455f !important;}
.success {color:#3591e7 !important;}
.error {color:#dd3c3c !important;}

.underline {text-decoration:underline !important;}
.bgColorTy01 {background-color:#f1f1f1 !important;}

.al {text-align:left !important;}
.ac {text-align:center !important;}
.ar {text-align:right !important;}

[class*="ico"] {display:block;background-position:0 0;background-repeat:no-repeat;background-size:100% auto;}
.icoStarBlack {width:16px;height:16px;background-image:url(/assets/web/images/ico/ic-star-black-8f7486c7b73449e4f9d7ff07ee5dec66.png)}
.icoStarGray {width:16px;height:16px;background-image:url(/assets/web/images/ico/ic-star-gray-5cfedc8fa8d046a3588a7d8926c5a24e.png)}
.icoSearch {width:24px;height:24px;background-image:url(/assets/web/images/ico/btn-search-fc470a46aa8ceeefda7c2db01b4b0226.png)}
.icoUser {width:40px;height:40px;background-image:url(/assets/web/images/ico/btn-gnb-my-default-0573a36cb658fd90fe30ea97cd1b13f6.png)}
.icoCart {width:24px;height:24px;position:relative;background-image:url(/assets/web/images/ico/btn-cart-60e4fc494e4ea36d62bb283a22acd34a.png)}
.icoCart > span {display:none;width:17px;height:17px;line-height:16px;padding:0 1px;box-sizing:border-box;position:absolute;top:0;right:-30%;background-color:#f4907e;border-radius:20px;font-size:11px;font-weight:lighter;color:#fff;text-align:center;letter-spacing:-0.5px;} /* width:13px;height:13px;*/
.icoCart.on > span {display:block;}
.icoCart.digits > span {width:20px;line-height:15px;padding:0 1px;}	/* height:20px;line-height:20px; */
.icoNotice {width:24px;height:24px;background-image:url(/assets/web/images/ico/btn-notice-8fb5b74c8acd162c1928f935d7ed9fb2.png)}
.icoNotice.on {background-image:url(/assets/web/images/ico/btn-notice-new-8223df19ea61c615bd62e20dfb2940b5.png)}
.icoAnn {width:24px;height:24px;background-image:url(/assets/web/images/ico/btn-announce@3x-215077cbeb840262b11314ad1d78cb84.png);}
.icoAnn.on {width:24px;height:24px;background-image:url(/assets/web/images/ico/btn-announce@3x-on-5e1962e6523cb30c48db0d220bee57b0.png);}
.icoArrowLeft {width:24px;height:24px;background-image:url(/assets/web/images/ico/ic-arrow-left-6d9e12425c89e130b6e9dbf78bd13056.png)}
.icoArrowRight {width:24px;height:24px;background-image:url(/assets/web/images/ico/ic-arrow-right-be3a98c731270458b1e79ba4d439154b.png)}
.icoHeartWhite {width:24px;height:24px;background-image:url(/assets/web/images/ico/btn-heart-white-default-d0baf11c17195f0c4cd3676970565040.png)}
.icoHeartWhite.on, .icoHeart {background-image:url(/assets/web/images/ico/btn-heart-white-sel-37d12fdca60d849dba70ee9cbf30dfd8.png)}
.icoHeart {width:24px;height:24px;}
.icoMember {width:21px;height:21px;background-image:url(/assets/web/images/ico/ic-group-ccf8b6c4e669e83e344f97e2c539dbe0.png)}
.icoShare {width:24px;height:24px;background-image:url(/assets/web/images/ico/btn-share-default-a0045c83de333905e0d46c47254205c8.png)}
.icoInputDelete {width:24px;height:24px;background-image:url(/assets/web/images/ico/btn-input-delete-5321cf42a1e96ffbbc9744622702c101.png)}
.icoLink {width:21px;height:21px;background-image:url(/assets/web/images/ico/btn-link-effd9af415d902d0aa90ec3830d3d7ad.png)}
.icoTagDelete {width:16px;height:16px;background-image:url(/assets/web/images/ico/btn-delete-tag-73e555bcf5b7ad165f8641d5f7d438d0.png)}
.icoLove {width:32px;height:32px;background-image:url(/assets/web/images/ico/btn-tab-bar-love-default-5e8981ba7fe6c5a0930eeec0ab0ae6ee.png)}
.icoLove.on {background-image:url(/assets/web/images/ico/btn-tab-bar-love-sel-ba2bde140bff1d068e9d34053c746a5b.png)}
.icoMy {width:32px;height:32px;background-image:url(/assets/web/images/ico/btn-tab-bar-my-default-6fd2c67cd587c6cb174674bb7aaaf713.png)}
.icoMy.on {background-image:url(/assets/web/images/ico/btn-tab-bar-my-sel-d4458ba429c9dcce0258a7652fd5c538.png)}
.icoScan {width:24px;height:24px;background-image:url(/assets/web/images/ico/btn-scan-b92378d3d662811062e4516a91f7e189.png)}
.icoProfileModify {width:24px;height:24px;background-image:url(/assets/web/images/ico/btn-profile-modify-8c894ec229b3228643ab70c0e302b7d6.png)}
.icoDelete {width:24px;height:24px;background-image:url(/assets/web/images/ico/btn-delete-tag-list-55ae0d3823107bd9001285a1e55110f3.png)}
.icoAdd {width:24px;height:24px;background-image:url(/assets/web/images/ico/btn-plus-tag-list-75ae3b5bf6b4541786d574d14e9b4667.png)}
.icoInfo {width:16px;height:16px;background-image:url(/assets/web/images/ico/ic-info-b7bcd2827532bb027eb9661556f61b7b.png)}
.icoProfileDefault {width:60px;height:60px;background-image:url(/assets/web/images/ico/ic-default-profile-3fd931879af48b00e878784b1dee1398.png);border-radius:50%;}
.icoPrev {width:24px;height:24px;background-image:url(/assets/web/images/ico/btn-arrow-gray-left-2fecd40dda17703ab7625e3eb82c1034.png)}
.icoNext {width:24px;height:24px;background-image:url(/assets/web/images/ico/btn-arrow-gray-right-5b7a8037070d324f2409440aa5b7e029.png)}
.icoSns01 {width:56px;height:56px;background-image:url(/assets/web/images/ico/btn-homepage-eb7fa5d64503aed8a29e77238eeb475d.png)}
.icoSns02 {width:56px;height:56px;background-image:url(/assets/web/images/ico/btn-facebook-74f8d2449b6cb33c120ee55b943a0598.png)}
.icoSns03 {width:56px;height:56px;background-image:url(/assets/web/images/ico/btn-instagam-4a82af5a19e3dc4028f9ad20302c5524.png)}
.icoSns04 {width:56px;height:56px;background-image:url(/assets/web/images/ico/btn-twitter-375a4321c4be4bd01ae391b79fc9f2f3.png)}
.icoSns05 {width:56px;height:56px;background-image:url(/assets/web/images/ico/btn-blog-2d8fc935125e76e9afaace39abd7fefa.png)}
.icoSns06 {width:56px;height:56px;background-image:url(/assets/web/images/ico/btn-kakaotalk-dc58f8863603ad278887a9ef6e8e86e1.png)}
.icoSns07 {width:56px;height:56px;background-image:url(/assets/web/images/ico/btn-youtube-d72f016e032da14090d24154a882d086.png)}
.icoSns08 {width:56px;height:56px;background-image:url(/assets/web/images/ico/btn-url-b8271afc9d61c070c95c237d184a5e56.png)}
.icoSns09 {width:56px;height:56px;background-image:url(/assets/web/images/ico/btn-sms-ca608b0e32471efca3b3a3ad59e08263.png)}
.icoRevert {width:24px;height:24px;background-image:url(/assets/web/images/ico/invalid-name-841dce1ed4ce7acc8d8c77eec79da139.png)}
.icoDownload {width:30px;height:30px;background-image:url(/assets/web/images/ico/btn-down-fe61376f12efd90c84610482dc49cbe4.png)}
.icoStarPoint.on {background-image:url(/assets/web/images/ico/btn-star-sel-e0046fba8556d098e246664022ce197c.png)}
.icoCamera {width:51px;height:51px;background:#fff url(/assets/web/images/ico/icon-camera-fbeb2e7681683f7926d0ca2f411ffdf3.png) center center no-repeat;background-size:28px 23px;border-radius:50%;}

.icoSiren {width:32px;height:32px;background-image:url(/assets/web/images/ico/ic-siren-bc11b658605499cb482598841b190bb2.png)}
.icosiren {width:25px;height:25px;background-image: url(/assets/web/images/ico/ic-siren-red-05ca43b3be49da585dc5ce9f24f53f2f.png)}

.icoICT {width:135px;height:24px;background-image:url(/assets/web/images/ico/logo-ict-cb82a0ff1893bcf5f5384c6238620f4b.png)}
.icoKISA {width:120px;height:24px;background-image:url(/assets/web/images/ico/logo-kisa-ebd83102072d3045bbe522ea42e0f793.png)}
.icoViewdown {width: 24px;height: 24px;background-image: url(/assets/web/images/ico/btn-dropdown-view-3628c1567032357c35eb4f5b20ecf68a.png)}
.ico-pre {width:24px;height:24px;background-image: url(/assets/web/images/ico/ic-arrow-left@3x-4067351b55fefcbcd7a2ec21f6493fa3.png)}
.ico-next {width:24px;height:24px;background-image: url(/assets/web/images/ico/ic-arrow-right@3x-bdd8d8cb1b9812118a1ea782ffd0a529.png)}
.icoTime {width:14px;height:14px;background-image:url(/assets/web/images/ico/ic-time-f8711d5b953fc7506afdf8a6ed88c90a.png)}
.icoTimePass {width:14px;height:14px;background-image:url(/assets/web/images/ico/ic-time-pass-039a6344cd9f0fc4b388e9c98c7b7a7a.png)}
.icoIng {width:16px;height:17px;background-image:url(/assets/web/images/ico/ic-ing-592dd09a82f6bc84655e03a4f911dfe2.png)}
.icoRock {width:16px;height:17px;background-image:url(/assets/web/images/ico/ic-lock-f3d95087da3326660504933ef1a8e7ad.png);background-position:center center}
.icoEdit {width:38px;height:38px;background-image:url(/assets/web/images/ico/btn-edit-6731117a539552e0b3d39b76569fd7c5.png);}
.icoCopy {width:16px;height:19px;background-image:url(/assets/web/images/ico/ic-copy-10d9948a80852332b94458ea9e08a66e.png);}

[class*="icoWrapTy"] {font-size:0}
[class*="icoWrapTy"] > * {display:inline-block;vertical-align:middle;}
[class*="icoWrapTy"] > *:first-child {margin-left:0;}

.icoWrapTy01 > * {margin-left:17px;}
.icoWrapTy02 > * {margin-left:24px;}

/* Button */
[class*="btnPrimary"] {width:auto;height:64px;display:block;border-radius:4px;}
[class*="btnPrimary"] > span {font-size:16px;font-weight:500;color:#fff;line-height:2;}

.btnPrimaryTy01 {background-color:#f4907e;border:1px solid #f4907e;}
.btnPrimaryTy01.hover {background-color:#f7806b;border-color:#f7806b;}
.btnPrimaryTy01:disabled, .btnPrimaryTy01.disabled, .btnPrimaryTy01:disabled:hover, .btnPrimaryTy01.disabled:hover {background-color:#c8c6c6;border-color:#c8c6c6;}
.btnPrimaryTy01:disabled span, .btnPrimaryTy01:disabled:hover span {color:rgba(255, 255, 255, 0.7)}

.btnPrimaryTy02 {background-color:#242424;border:1px solid #242424;}
.btnPrimaryTy02.hover {background-color:#151515;border-color:#151515;}
.btnPrimaryTy02:disabled, .btnPrimaryTy02:disabled:hover {background-color:#c8c6c6;border-color:#c8c6c6;}
.btnPrimaryTy02:disabled span, .btnPrimaryTy02:disabled:hover span {color:rgba(255, 255, 255, 0.7)}

.btnPrimaryTy03 {background-color:#fff;border:1px solid #c8c6c6;}
.btnPrimaryTy03 > span {color:#242424;}
.btnPrimaryTy03.hover {border-color:#242424;}
.btnPrimaryTy03:disabled, .btnPrimaryTy03:disabled:hover {border-color:#c8c6c6}

.btnPrimaryTy04 {background-color:#9d9999;border:1px solid #9d9999;}
.btnPrimaryTy04 > span {color:#fff;}
.btnPrimaryTy04.hover {background-color:#928f8f; border-color:#928f8f;}

.btnPrimaryTy05 {background-color:#524e4e;}

[class*="btnLineTy"] {min-width:107px;display:block;padding:7px;box-sizing:border-box;border-radius:4px;}
[class*="btnLineTy"] > span {font-size:14px;font-weight:500;}
.btnLineTy01 {border:1px solid #f4907e;}
.btnLineTy01 > span {color:#f4907e;}
.btnLineTy02 {border:1px solid #242424;}
.btnLineTy02 > span {color:#242424;}
.btnLineTy03 {border:1px solid #C8C6C6;}
.btnLineTy03 > span {font-weight:400;color:#524E4E;line-height:1.8;}
.btnLineTy04 {border:1px solid #9d9999;text-align:center;}
.btnLineTy04 > span {font-size:16px;font-weight:500;color:#524e4e;}
.btnLineTy05 {border:1px solid #9d9999;text-align:center;line-height:23px;}
.btnLineTy05 > span {font-size:13px;color:#9d9999;}
.btnLineTy06 {border: 1px solid #dbdbdb;text-align: center;line-height: 27px;}
.btnLineTy06 > span {font-size:17px;color:#9b9b9b;}
.btnLineTyFill{font-size: 14px;font-weight:500;line-height: 1.93;color: #4a4a4a;background-color: #f2f2f2;border-radius: 2px;border: solid 1px #dbdbdb;height:34px;min-width: auto;padding: 3px 10px;}
.btnLineTy07 {border: 1px solid #fff;text-align: center;line-height: 18px;min-width:94px;background-color: rgba(0, 0, 0, 0.1);}
.btnLineTy07 > span {font-size:13px;color:#fff;}
.btnLineTy08 {border:1px solid #9d9d9d;}
.btnLineTy08 > span {color:#9d9d9d}

.btnUnderLineTy01 {font-size:13px;color:#f4907e;line-height:1.5;text-decoration:underline;}
.btnUnderLineTy02 {font-size:14px;font-weight:500;color:#9d9999;line-height:1.78;text-decoration:underline;}
.btnUnderLineTy03 {font-size:13px;color:#9d9999;line-height:1.53;text-decoration:underline;}
.btnUnderLineTy04 {font-size:11px;color:#9d9999;text-decoration:underline;}
.btnUnderLineTy05 {font-size:13px;color:#524e4e;text-decoration:underline;}
.btnUnderLineTy06 {font-size:14px;font-weight:500;color:#524e4e;text-decoration:underline;}
.btnUnderLineTy07 {font-size:13px;font-weight:500;color:#9d9d9d;text-decoration:underline;}
.btnUnderLineTy08 {font-size:15px;font-weight:500;color:#7e7e7e;text-decoration:underline;line-height:20px;}
.btnUnderLineTy09 {font-size:14px;font-weight:400;color:#202020;text-decoration:none;white-space: nowrap;}

[class*="btnRoundedTy"] {width:auto;height:32px;padding:0 18px;box-sizing:border-box;border-radius:23.5px;}
[class*="btnRoundedTy"] > span {font-size:13px;font-weight:500;line-height:30px;}
.btnRoundedTy01 {border:1px solid #242424;}
.btnRoundedTy01 > span {color:#242424;}
.btnRoundedTy02 {border:1px solid #f4907e;}
.btnRoundedTy02 > span {color:#f4907e;}
.btnRoundedTy03 {border:1px solid #3591e7;}
.btnRoundedTy03 > span {color:#3591e7;}

[class*="btnInlineTy"] {width:auto;height:32px;padding:0 10px;box-sizing:border-box;border-radius: 4px;display:inline-block;vertical-align:middle}
.btnInlineTy01 {background-color: #524e4e;}
.btnInlineTy01:disabled {background-color: #c8c6c6;}
.btnInlineTy01 > span {color: #fff;font-size:13px;display:inline-block;line-height:32px;}
.btnInlineTy02 {background-color: #f1f1f1;height:27px;padding: 0 6px;}
.btnInlineTy02 > span {color: #524e4e;font-size:13px;display:inline-block;line-height:27px;}
.btnInlineTy03 {background-color: #f4907e;}
.btnInlineTy03:disabled {background-color: #fac8bf;}
.btnInlineTy03 > span {color: #fff;font-size:13px;display:inline-block;line-height:32px;}

.btnTyfixLine {width:186px;line-height:32px;border-radius: 4px;border: solid 1px #9d9999;font-size:13px;color:#524e4e}
.btnTyfixLine.stress {border: solid 1px #f4907e;color:#f4907e;}

.btnArrowTy01 {padding-right:15px;background: url(/assets/web/images/ico/icon-arrow-red-ce39b29c2331078efe82703e9ed79d1c.png) center right no-repeat;}
.btnArrowTy01 span {line-height:22px;color:#f4907e;font-size: 14px;display:inline-block;}
.toggle.on .btnArrowTy01 {background: url(/assets/web/images/ico/icon-arrow-red-up-f00f3c845e5daa1024fb43bf188cb41e.png) center right no-repeat;}

.btnWrapTy01 {display:inline-block;font-size:0;border-radius:4px;overflow:hidden;}
.btnWrapTy01 [class*="btnPrimary"] {display:inline-block;}

.btnWrapTy02 {display:inline-block;font-size:0;}
.btnWrapTy02 [class*="btnPrimary"] {width:135.6px;height:48px;display:inline-block;border-radius:4px;}
.btnWrapTy02 [class*="btnPrimary"] + [class*="btnPrimary"] {margin-left:8.7px;}

.btnWrapTy03 {margin: 55px auto;}

.btnCommMore {width: 24px;height: 24px;display: inline-block;background: url(/assets/web/images/ico/ic-arrow-right@3x-bdd8d8cb1b9812118a1ea782ffd0a529.png) 0 0 no-repeat;background-size: 100% auto;}

/* Badge */
[class*="badgeTy"] {display:inline-block;padding:2px;box-sizing:border-box;border-radius:4px;font-size:13px;font-weight:500;color:#fff;text-align:center;}
.badgeTy01 {min-width:70px;background-color:#f4907e;}
.badgeTy02 {min-width:60px;background-color:rgba(36, 36, 36, .9);padding-left:5px;padding-right:5px;}
.badgeTy03 {min-width:48px;background-color:#242424;font-size:12px;font-weight:500;color:#c9c9c9;}
.badgeTy03 > * {display:inline-block;vertical-align:bottom;}
.badgeTyGray{background-color: #ececec;color:#524e4e;}
.badgeTy04 {min-width:70px;background-color:rgba(244, 144, 126, 0.15);}
.badgeTy04 strong {font-weight:500;}
.badgeTy05 {background-color: #f1f1f1;color:#797979; font-size: 12px; padding: 3px 5px;}/*2022.05.12추가*/

/* Tag */
.tag {padding:8px 11px;box-sizing:border-box;background-color:#f1f1f1;border-radius:4px;font-size:0;text-align:center;}
.tag > * {display:inline-block;margin-left:5px;vertical-align:middle;}
.tag > *:first-child {margin-left:0;}
.tag > span {font-size:13px;color:#9d9999;text-align:left}

/* Input */
[class*="inputBox"] {width:auto;position:relative;}
[class*="inputBox"] input {width:100%;max-height:48px;display:block;padding:11px 4px;box-sizing:border-box;font-weight:500;}
[class*="inputBox"] .line {width:100%;height:2px;position:absolute;top:46px;left:0;transform-origin:0% 50%;transform:scaleX(0);transition:350ms transform ease;}
[class*="inputBox"] .btnDelete,
[class*="inputBox"] .btnSearch {position:absolute;top:11px;right:0;}
[class*="inputBox"] .btnDelete {display:none;}
[class*="inputBox"] input:valid ~ .btnDelete {display:block;}
[class*="inputBox"] input[type="text"]:valid {padding:11px 22px 11px 4px;} /*X버튼을 가지고 있는 input*/
.admin [class*="inputBox"] input[type="text"]:valid, .hasUnit input[type="text"]:valid {padding:5px 10px}
[class*="inputBox"] .message {margin-top:14px;font-size:13px;line-height:1.38;}

.inputBoxTy01 input {border-bottom:2px solid #9d9999;font-size:20px;font-weight:500;color:#242424;}
.inputBoxTy01 input::placeholder {font-size:16px;font-weight:500;color:#c8c6c6;}
.inputBoxTy01 input::-webkit-input-placeholder {font-size:16px;font-weight:500;color:#c8c6c6;}
.inputBoxTy01 input::-moz-placeholder {font-size:16px;font-weight:500;color:#c8c6c6;}
.inputBoxTy01 input:-ms-input-placeholder {font-size:16px;font-weight:500;color:#c8c6c6;}
.inputBoxTy01 input:-moz-placeholder {font-size:16px;font-weight:500;color:#c8c6c6;}
.inputBoxTy01 input:focus + .line {transform:scaleX(1);background-color:#242424;}

.inputBoxTy02 input {padding:15px 9px;border-bottom:1px solid #9d9999;font-size:16px;font-weight:500;color:#524e4e;}
.inputBoxTy02 input::placeholder {font-size:14px;font-weight:500;color:#9d9999;}
.inputBoxTy02 input::-webkit-input-placeholder {font-size:14px;font-weight:500;color:#9d9999;}
.inputBoxTy02 input::-moz-placeholder {font-size:14px;font-weight:500;color:#9d9999;}
.inputBoxTy02 input:-ms-input-placeholder {font-size:14px;font-weight:500;color:#9d9999;}
.inputBoxTy02 input:-moz-placeholder {font-size:14px;font-weight:500;color:#9d9999;}
.inputBoxTy02 input:focus + .line {height:1px;bottom:-1px;transform:scaleX(1);background-color:#242424;}

.inputBoxTy03 input {padding:15px 0;border-bottom:2px solid #242424;font-size:16px;font-weight:500;color:#242424;}
.inputBoxTy03 input::placeholder {font-size:16px;font-weight:500;color:#c8c6c6;}
.inputBoxTy03 input::-webkit-input-placeholder {font-size:16px;font-weight:500;color:#c8c6c6;}
.inputBoxTy03 input::-moz-placeholder {font-size:16px;font-weight:500;color:#c8c6c6;}
.inputBoxTy03 input:-ms-input-placeholder {font-size:16px;font-weight:500;color:#c8c6c6;}
.inputBoxTy03 input:-moz-placeholder {font-size:16px;font-weight:500;color:#c8c6c6;}

.inputBoxTy03 .btnDelete {right:40px;}

.inputBoxTy03 .wordList {width:100%;display:none;padding:26px 0;box-sizing:border-box;position:absolute;top:48px;left:0;z-index:10;background-color:#fff;border:1px solid #c8c6c6;box-shadow:0 10px 15px 0 rgba(0, 0, 0, 0.1);}
.inputBoxTy03 .word {margin-top:29px;}
.inputBoxTy03 .word:first-child {margin-top:0;}
.inputBoxTy03 .word > button {width:100%;display:block;padding:0 24px;box-sizing:border-box;position:relative;text-align:left;}
.inputBoxTy03 .word .txt {font-size:16px;font-weight:500;color:#524e4e;}
.inputBoxTy03 .word .btnLink {position:absolute;top:50%;right:24px;transform:translateY(-50%);opacity:.4;}


.inputBoxWrapTy01 {overflow:hidden;} 
.inputBoxWrapTy01 [class*="inputBox"] {width:50%;float:left;}
.inputBoxWrapTy01 [class*="inputBox"]:last-child {width:calc(50% - 11px);margin-left:11px;}
.inputBoxWrap02 [class*="inputBox"] {float:left;width:49%;margin-right:2%;}
.inputBoxWrap02 [class*="inputBox"]:last-child {margin-right:0;}
.inputBoxWrap03 [class*="inputBox"] {float:left;width:32%;margin-right:2%;}
.inputBoxWrap03 [class*="inputBox"]:last-child {margin-right:0;}
.inputBoxWrap02_2n1 [class*="inputBox"] {width:64%;}
.inputBoxWrap02_2n1 .btnLineTyFill {width:32%;}
.inputBoxWrap02_2n1 .btnLineTyFill span {font-size:14px;}

/* Checkbox */
.checkbox {min-height:30px;position:relative;}
.checkbox .checkboxInner {width:100%;overflow:hidden;}
.checkbox input[type="checkbox"] {width:0;height:0;display:block;position:absolute;top:0;left:0;visibility:hidden;opacity:0;}
.checkbox input[type="checkbox"] + label {width:100%;position:relative;font-size:0;overflow:hidden;}
.checkbox input[type="checkbox"] + label:before {content:'';width:24px;height:24px;display:inline-block;background:url(/assets/web/images/newLogin/btn-check-circle-gray-0fd1337018eaf5aa339fdcb29af06977.png) 0 0 no-repeat;background-size:100% auto;vertical-align:middle;}
.checkbox input[type="checkbox"] + label > span {display:inline-block;margin-left:16px;font-size:16px;font-weight:500;color:#524e4e;line-height:1.5;vertical-align:middle}
.checkbox.lineTy input[type="checkbox"] + label:before {width:18px;height:18px;background: url(/assets/web/images/ico/btn-checkbox-blank-e27c2f6d2a05cd8d4f5cf3b8cf644227.png) 0 0 no-repeat;background-size:100% auto;}
.checkbox.lineTy input[type="checkbox"]:checked + label:before {background: url(/assets/web/images/ico/btn-checkbox-pink-sel-8607fcae2431afa37da3a8ed92b019bf.png) 0 0 no-repeat;background-size:100% auto;}
.checkbox.lineTy input[type="checkbox"] + label > span {margin-left: 6px;}

.checkbox.solidTy input[type="checkbox"] + label:before {width:24px;height:24px;background: url(/assets/web/images/ico/ic-check-gray@2x-03501330cca631a94b7885e3376ab51d.png) 0 0 no-repeat;background-size:100% auto;}
.checkbox.solidTy input[type="checkbox"]:checked + label:before {background: url(/assets/web/images/ico/ic-check-black@2x-104903f045745d81295d06fca58cc746.png) 0 0 no-repeat;background-size:100% auto;}
.checkbox.solidTy input[type="checkbox"] + label > span {margin-left: 10px;}
  
.checkbox input[type="checkbox"]:checked + label:before {background:url(/assets/web/images/newLogin/btn-check-circle-on-edfe2417c49543c141941230c0fd0267.png) 0 0 no-repeat;background-size:100% auto;}
.checkbox.chryTy input[type="checkbox"]:checked + label:before {background: url(/assets/web/images/ico/btn-checkbox-pink-sel-8607fcae2431afa37da3a8ed92b019bf.png) 0 0 no-repeat;background-size:100% auto;}
.checkbox input[type="checkbox"]:disabled + label:before {content:none;}
.checkbox input[type="checkbox"]:disabled + label > span {margin-left:0;}
.checkbox .btnMore {position:absolute;top:0;right:0;}
.checkbox .btnMore span {font-size:16px;font-weight:500;color:#524e4e;line-height:1.5;}

/* Radio */
.radioBox, .radioBlack {position:relative;}
.radioBox input[type="radio"], .radioBlack input {width:0;height:0;display:block;position:absolute;top:0;left:0;visibility:hidden;opacity:0;}
.radioBox input[type="radio"] + label, .radioBlack input + label {width:100%;position:relative;font-size:0;overflow:hidden;}
.radioBox input[type="radio"] + label:before, .radioBlack input + label:before {content:'';width:24px;height:24px;display:inline-block;background:url(/assets/web/images/ico/btn-radio-nor-29e275210e844ef583ccf1d660433753.png) 0 0 no-repeat;background-size:100% auto;vertical-align:middle;}
.radioBox input[type="radio"] + label > span {display:inline-block;margin-left:16px;font-size:16px;font-weight:500;color:#524e4e;line-height:1.5;vertical-align:middle;}
.radioBox input[type="radio"]:checked + label:before {background:url(/assets/web/images/ico/btn-radio-sel-c7e198e1dc05314def4b56ccc60b0aa4.png) 0 0 no-repeat;background-size:100% auto;}
.radioBox input[type="radio"]:checked:disabled + label:before {background:url(/assets/web/images/ico/btn-radio-sel-copy-3-8cc6242bf12ce5d3beb1d97d7e751cf1.png) 0 0 no-repeat;background-size:100% auto;}
.radioBlack input + label:before {content:'';width:20px;height:20px;display:inline-block;vertical-align:middle;border: solid 1px #d8d8d8;background-color: #ffffff;border-radius:50%;background:inherit}
.radioBlack input:checked + label:before {background: url(/assets/web/images/ico/ic-check-step-bb8ef63d8b9fb3f07bacc35bce7120bb.png) 0 0 no-repeat;background-size: 100% auto;background-color: #242424;border: solid 1px #242424;}
.radioBlack input + label > span {display:inline-block;margin-left:9px;font-size:14px;color:#9d9d9d;line-height:25px;vertical-align:middle;}
.radioBlack input:checked + label > span {color:#524e4e;}
.radioBlack input:disabled + label:before {background: url(/assets/web/images/ico/btn-check-off@3x-b4275b428daf740a2abdffc739aa00a4.png) 0 0 no-repeat;background-size: 100% auto;border: 0;}
.radioBox input:disabled + label:before {background-color: #ddd;border-radius: 50%;}


/* SelectBox */
.selectBoxWrap {width:100%;}
.selectBoxWrap .selectBox {width:50%;position:relative;float:left;}
.selectBoxWrap .selectBox:first-child {width:calc(50% - 20px);margin-right:20px;}
.selectBoxWrap .selectBox .btnSelect {width:100%;height:56px;display:block;padding:15px 9px;box-sizing:border-box;position:relative;border-bottom:1px solid #c8c6c6;text-align:left;}
.selectBoxWrap .selectBox .btnSelect:after {content:"";width:24px;height:24px;display:block;position:absolute;top:50%;right:9px;background:url(/assets/web/images/ico/btn-dropdown-down-450058355137a644fce71122dddd9291.png) 0 0 no-repeat;background-size:100% auto;transform:translateY(-50%);}
.selectBoxWrap .selectBox .btnSelect > span {font-size:14px;font-weight:500;color:#242424;}
.selectBoxWrap .selectBox .optionList {width:100%;display:none;padding:24px;box-sizing:border-box;position:absolute;top:56px;left:0;z-index:10;background-color:#fff;border:1px solid #cbcbcb;border-top:none;box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.1);}
.selectBoxWrap .selectBox .option { margin-top: 24px; text-align: left; }
.selectBoxWrap .selectBox .option:first-child {margin-top:0;}
.selectBoxWrap .selectBox .option button > span {font-size:16px;font-weight:500;color:#9d9999;}
.selectBoxWrap .selectBox .option.selected button > span {color:#242424;}

.selectBoxWrap  .selectBox .btnSelect.open + .optionList {display:block;}

/* FORM SelectBox */
[class*="formSelectBox"] {width:380px;}
[class*="formSelectBox"] select {width:100%;display:block;padding:15px 9px;box-sizing:border-box;background:url(/assets/web/images/ico/btn-dropdown-down-450058355137a644fce71122dddd9291.png) right 9px center no-repeat;background-size:24px 24px;border-bottom:1px solid #c8c6c6;font-size:14px;font-weight:500;color:#c8c6c6;}
[class*="formSelectBox"] select:focus {background:url(/assets/web/images/ico/btn-dropdown-up-1a47bc4f958377c8a0f11abd785b5e54.png) right 9px center no-repeat;background-size:24px 24px;}
.formSelectBoxTy02 select {color:#242424;}

.formSelectBoxTy02 .btnSelect {width:100%;display:block;padding:15px 9px;box-sizing:border-box;background:url(/assets/web/images/ico/btn-dropdown-down-450058355137a644fce71122dddd9291.png) right 9px center no-repeat;background-size:24px 24px;border-bottom:1px solid #c8c6c6;text-align:left;}
.formSelectBoxTy02 .btnSelect > span {font-size:14px;font-weight:500;}

.formSelectBoxTy03 .btnSelect {width:100%;display:block;padding-right:30px;box-sizing:border-box;background:url(/assets/web/images/ico/btn-dropdown-down-450058355137a644fce71122dddd9291.png) right center no-repeat;background-size:24px 24px;}
.formSelectBoxTy03 .btnSelect > span {display:block;font-size:16px;font-weight:400;color:#9d9999;line-height:1.56;border:none;}

/* Textarea */
.textareaBox textarea {width:100%;height:200px;display:block;padding:20px 30px;box-sizing:border-box;border:1px solid #c8c6c6;font-size:16px;font-weight:500;line-height:1.4}
.textareaBox textarea::placeholder {font-size:16px;font-weight:500;color:#c8c6c6;line-height:1.4}
.textareaBox textarea::-webkit-input-placeholder {font-size:16px;font-weight:500;color:#c8c6c6;line-height:1.4}
.textareaBox textarea::-moz-placeholder {font-size:16px;font-weight:500;color:#c8c6c6;line-height:1.4}
.textareaBox textarea:-ms-input-placeholder {font-size:16px;font-weight:500;color:#c8c6c6;line-height:1.4}
.textareaBox textarea:-moz-placeholder {font-size:16px;font-weight:500;color:#c8c6c6;line-height:1.4}

/* Tab */
.tabWrap {width:100%;position:relative;}
.tabWrap .btnTabWrap {width:100%;font-size:0;}
.tabWrap .btnTab, .tabWrap .btnfixed {display:inline-block;padding:20px 0;box-sizing:border-box;position:relative;text-align:center;vertical-align:middle;}
.tabWrap .btnTab button {width:100%;}
.noticeContainer .tabWrap .btnTab button {width:inherit} 
.tabWrap .btnTab:after, .tabWrap .btnfixed:after {content:'';width:100%;height:2px;display:block;position:absolute;bottom:0;left:0;background-color:#242424;transform-origin:50% 100%;transform:scaleX(0);transition:450ms transform ease-out;}
.tabWrap .btnTab span,  .tabWrap .btnfixed span {font-size:14px;font-weight:500;color:#9d9999;width:100%;}
.tabWrap .btnTab.on:after {transform:scaleX(1);}
.tabWrap .btnTab.on span {color:#242424;}
.tabWrap .tabCon {width:100%;display:none;}
.tabWrap .tabCon.on {display:block;}

/* tab style */
.tabWrapSt {width:100%;position:relative;}
.tabWrapSt .btnTabWrap {width:100%;font-size:0;}
.tabWrapSt .btnTab {display:inline-block;padding:20px 0;box-sizing:border-box;position:relative;text-align:center;vertical-align:middle;}
.tabWrapSt .btnTab:after {content:'';width:100%;height:2px;display:block;position:absolute;bottom:0;left:0;background-color:#242424;transform-origin:50% 100%;transform:scaleX(0);transition:450ms transform ease-out;}
.tabWrapSt .btnTab span {font-size:14px;font-weight:500;color:#9d9999;}
.tabWrapSt .btnTab.on:after {transform:scaleX(1);}
.tabWrapSt .btnTab.on span {color:#242424;}

/* Display:Table */
.tableWrapTy01 {width:100%;display:table;table-layout:fixed;}
.tableWrapTy01 > * {display:table-cell;text-align:left;white-space:nowrap;vertical-align:middle;}
.tableWrapTy01 > *:last-child {text-align:right;}

/* Table */
.tableTy01 {width:100%;}
.tableTy01 tr th,
.tableTy01 tr td {font-size:14px;color:#524e4e;line-height:2;text-align:left;}

.tableTy02 {width:100%}
.tableTy02 tr td {font-size:14px;color:#524e4e;line-height:2;text-align:left;}
.tableTy02 tr td:last-child {text-align:right;}

.tableTy03 {width:100%;}
.tableTy03 tr td {font-size:13px;color:#524e4e;text-align:left;line-height:1.53;vertical-align:middle;}
.tableTy03 tr td:last-child {font-weight:500;}

.toggleWrap .toggle > button {width:100%;display:block;padding:13px 48px 13px 8px;position:relative;border-bottom:1px solid #c8c6c6;box-sizing:border-box}
.toggleWrap .toggle > button:after {content:'';width:24px;height:24px;display:block;position:absolute;top:50%;right:16px;background:url(/assets/web/images/ico/btn-dropdown-down-450058355137a644fce71122dddd9291.png) 0 0 no-repeat;transform:translateY(-50%);}
.toggleWrap .toggle > button span {font-size:15px;font-weight:500;color:#524e4e;line-height:1.93;}
.toggleWrap .toggle > .toggleCon {width:100%;display:none;padding:16px 16px 16px 8px;box-sizing:border-box;}
.toggleWrap .toggle > .toggleCon > li {line-height:2;}
.toggleWrap .toggle > .toggleCon > li > span {font-size:14px;color:#524e4e;}

.toggleWrap .toggle.on > button:after {background:url(/assets/web/images/ico/btn-dropdown-up-1a47bc4f958377c8a0f11abd785b5e54.png) 0 0 no-repeat;}
.toggleWrap .toggle.on > .toggleCon {display:block;}


.flWrapTy01 > .left {float:left;}
.flWrapTy01 > .right {width:272px;margin-left:48px;float:right;}

/* Layer Popup */
[class*="popTy"] {position:fixed;left:50%;z-index:400;}
[class*="popTy"] figure:before {z-index: 410;}
.popTyLayer {min-width:490px;max-width:490px;padding:60px 60px 26px;box-sizing:border-box;top:50%;background-color:#fff;border-radius:4px;transform:translate(-50%, -50%);text-align:center;}
.popTyLayer .starCountWrap {font-size:0;}
.popTyLayer .starCountWrap > * {display:inline-block;margin-left:4px;vertical-align:middle;}
.popTyLayer .starCountWrap > *:first-child {margin-left:0;}
.popTyLayer .starCountWrap .count {font-size:21px;font-weight:500;color:#242424;}
.popTyLayer .tit {font-size:18px;font-weight:500;line-height:1.375;}
.popTyLayer .titTy02 {font-size:21px;font-weight:500;}
.popTyLayer .txt {font-size:14px;color:#524e4e;line-height:1.53;word-break:keep-all;}
.popTyLayer .txt .left {display:block;text-align:left;word-break:keep-all;}
.popTyLayer .titTy02 + .txt {margin-top:11px;}
.popTyLayer .subTxt {margin:25px 12px 0;padding-top:17px;box-sizing:border-box;border-top:1px solid #c8c6c6;font-size:11px;color:#524e4e;text-align:left;line-height:1.63;word-break:keep-all;}
.popTyLayer .starCountWrap + .txt {margin-top:11px;}

.popTyLayer .btnWrapTy02 {margin-top:52px;}
.popTyLayer > .icoDelete {position:absolute;top:20px;right:20px;}

.popTyLayer.popRoundLayer {min-width:246px;text-align:center;padding:0;background:none;}
.popTyLayer.popRoundLayer span{display:block;color:#fff;font-size:40px;font-weight: 500;position:absolute;top: 98px;left:0;right:0;text-align:center;box-sizing: border-box;animation: txtmove .1s .1s ease-in  both;}
.popTyLayer.popRoundLayer .roundStartBtn{background:#f4907e;width:246px;height:246px;border-radius:50%;position:relative;display:block;}
.popTyLayer.popRoundLayer .roundStartBtn{-webkit-animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;}
.popTyLayer.popRoundLayer .roundStartBtn.hide{-webkit-animation: scale-down-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;animation: scale-down-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}

.popTyToast {min-width:252px;padding:24px 32px;box-sizing:border-box;bottom:39px;background-color:rgba(0, 0, 0, .7);border-radius:31px;transform:translateX(-50%);text-align:center;transform:translate(-50%, 100%);visibility:hidden;opacity:0;z-index:700;}
.popTyToast .txt {font-size:13px;color:#fff;word-break:keep-all;}
.popTyToast .btnPrimaryTy02 {width:160px;height:32px;margin:15px auto 0;} 
.popTyToast .btnPrimaryTy02 > span {font-size:13px;}

.popTyBackDrop {width:780px;top:50%;background-color:#fff;border-radius:13px;box-shadow:0 10px 20px 0 rgba(0, 0, 0, 0.2);transform:translate(-50%, -50%);text-align:center;}
.popTyBackDrop .popHeader {padding:38px 0 22px;box-sizing:border-box;}
.popTyBackDrop .tit {font-size:33px;font-weight:500;color:#242424;}
.popTyBackDrop .btnWrapTy01 {margin:27.2px 0 57px;}

.popTyFull {width:780px;margin:0 auto;top:50%;background-color:#fff;}
.popTyFull .popHeader .popInner {padding:38px 0 22px;box-sizing:border-box;}
.popTyFull .popHeader .tit {font-size:25px;font-weight:500;color:#242424;text-align:center;}
.popTyFull .popHeader .btnPopClose {position:absolute;top:20px;right:20px;}
.popTyFull .popContents {min-height:420px;position:relative;}
.popTyFull .btnWrapTy01 {margin:27.2px 0 57px;}
.popTyFull .btnWrapTy03 {margin:30px 0 40px;}
.popTyFull .btnWrapTy01 [class*="btnPrimary"] {width:200px;}
.popTyFull .btnWrapTy03 [class*="btnPrimary"] {width:200px;display:inline-block;}
.popTyFull.sizeMid {width:650px;max-height:inherit;}
.popTyFull.sizeSml {width:500px;}
.popTyFull.sizeMid .popContents, .popTyFull.sizeSml .popContents {height:auto;min-height:auto;}
.popTyFull [class*="Container"] + .btnWrapTy01, .popTyFull [class*="Container"] + .btnWrapTy03 {width:100%;text-align:center}
.popTyFull [class*="Container"] + .btnWrapTy01 button + button {margin-left:10px;}
.popTyFull [class*="Container"] + .btnWrapTy03 button + button {margin-left:8px;}
.popTyFull [class*="Container"] .scrollWrap .inner {padding-left:60px;padding-right:60px;width:auto;}

#alertPopup,
#backDropPopup,
#accessPopup {visibility:hidden;opacity:0;}
#fullPop {text-align:center;}

#accessPopup dl {margin-top:35px;padding-left:12px;box-sizing:border-box;text-align:left;}
#accessPopup dt {font-size:13px;font-weight:500;color:#524e4e;line-height:1.38;}
#accessPopup dd {font-size:13px;color:#524e4e;}
#accessPopup dd + dt {margin-top:18px;}

#agreementPopup .tit {margin-bottom:25px;}
#agreementPopup .scrollWrap {height:300px;position:relative;overflow:hidden;}

[class*="lineBoxTy"] {width:100%;padding:16px 24px;box-sizing:border-box;border-radius:4px;}
[class*="lineBoxTy"] .group {font-size:16px;font-weight:500;text-align:left;line-height:1.375;}
[class*="lineBoxTy"] .amount {font-size:23px;font-weight:500;text-align:right;}
[class*="lineBoxTy"] .group + * {margin-top:14px;}

.lineBoxTy01 {border:1px solid #f4907e;}
.lineBoxTy01 > * {color:#f4907e;word-break: keep-all;}
.lineBoxTy01 > p {font-weight:500;line-height:1.375;word-break: keep-all;}
.lineBoxTy01 strong {font-weight:500;}

.lineBoxTy02 {border:1px solid #242424;}
.lineBoxTy02 > * {color:#242424;}
.lineBoxTy02 .total {width:20%;font-size:13px;color:#524e4e;}

.lineBoxTy03 {padding:56px 24px;border:1px solid #c8c6c6;}
.lineBoxTy03 > p {font-size:23px;font-weight:500;color:#9d9d99;line-height:1.43;}
.lineBoxTy03 > p > strong {font-weight:500;color:#242424;}

.lineBoxTy04 {padding:40px 28px 24px;border:1px solid #c9c9c9;border-radius:0;}
.lineBoxTy04 .tit {font-size:15px;font-weight:500;vertical-align:bottom;}
.lineBoxTy04 .subTxt {font-size:13px;color:#9b9b9b;vertical-align:bottom;}
.lineBoxTy04 .btnMore {display:inline-block;margin:16px auto 0;text-align:center;}

.lineBoxTy05 {padding:32px;border:1px solid #9d9999;}
.lineBoxTy06 {background-color: #feefec;display:flex;align-items:center}

.bgBoxTy01 {width:100%;padding:32px;box-sizing:border-box;background-color:#f1f1f1;}
.bgBoxTy01 > .txt {font-size:13px;font-weight:500;color:#9d9d99;line-height:1.53;word-break:keep-all;}
.bgBoxTy01 > .highLightsTxt {display:block;font-size:13px;font-weight:500;color:#524e4e;}
.bgBoxTy01 > .txt + .highLightsTxt {margin-top:36px;}

.bgBoxTy02 {width:100%;padding:10px 20px;box-sizing:border-box;background-color:rgba(241, 241, 241, .5);}
.bgBoxTy03 {width:100%;position:relative;background-color:#feefec;}

.listTy01 dt > span {font-size:16px;color:#474747;text-align:left;}
.listTy01 dd {margin-top:5px;line-height:1.875;}
.listTy01 dd > strong {font-size:16px;font-weight:500;text-align:left;}
.listTy01 dd + dt {margin-top:21px;}

.listTy02 dt > span {font-size:13px;color:#9d9999;}
.listTy02 dd > strong {font-size:16px;font-weight:500;}
.listTy02 dd .txt_small {font-size:14px;word-break:keep-all;margin-top:5px;}
.listTy02 dd + dt {margin-top:18px;}

.infoBoxWrap {width:311px;display:none;padding:18px;box-sizing:border-box;position:absolute;top:0;left:0;z-index:50;background-color:rgba(36, 36, 36, 0.7);border-radius:8px;text-align:center;overflow:hidden;}
.infoBoxWrap > .infoTxt {font-size:13px;color:#fff;line-height:1.38;}

.toggle .icoInfo {margin-left:auto;}
.toggle.on .infoBoxWrap {display:block;}

.temperature {font-size:0;text-align:right;}
.temperature > span {display:inline-block;font-size:16px;font-weight:500;line-height:1;vertical-align:bottom;}
.temperature:after {content:'';width:32px;height:32px;display:inline-block;margin-left:2px;background-position:left bottom;background-repeat:no-repeat;vertical-align:middle;}
.temperature:after{-webkit-animation:bounce-bottom 5s infinite;animation: bounce-bottom 5s infinite;}
.temperature.lv1 > span {color:#8bafe8;}
.temperature.lv1:after {background-image:url(/assets/web/images/ico/ic-temperature-lv-5-bf1313d1642c0d71d920101dae8a1289.png)}
.temperature.lv2 > span {color:#78e89d;}
.temperature.lv2:after {background-image:url(/assets/web/images/ico/ic-temperature-lv-4-892dabd61d70b2b3dcbd5d19bb86f7b5.png)}
.temperature.lv3 > span {color:#ffd461;}
.temperature.lv3:after {background-image:url(/assets/web/images/ico/ic-temperature-lv-3-feef0586ad77ce7aef4fad70b282e6dc.png)}
.temperature.lv4 > span {color:#ffa371;}
.temperature.lv4:after {background-image:url(/assets/web/images/ico/ic-temperature-lv-2-ca819c7f82782bc36848579ef4c86755.png)}
.temperature.lv5 > span {color:#ff8f9a;}
.temperature.lv5:after {background-image:url(/assets/web/images/ico/ic-temperature-lv-1-498423b1050974d3c4be9019a2d2cbae.png)}
/*wrap*/
.rightbtnWrap button {float:right;}
.rightbtnWrap:after {content: "";visibility: hidden;display: block;height: 0;clear: both;}

.toggleBox {display:inline-block;position:relative;overflow:hidden;}
.toggleBox .inputBox {font-size:0;}
.toggleBox .inputBox input {width:0;height:0;display:block;position:absolute;top:0;left:0;visibility:hidden;opacity:0;}
.toggleBox .inputBox label {width:56px;height:24px;display:inline-block;margin-left:8px;position:relative;background-color:#c8c6c6;border-radius:12px;vertical-align:middle;}
.toggleBox .inputBox label:before {content:'';width:20px;height:20px;display:block;position:absolute;top:2px;left:2px;background-color:#fff;border-radius:50%;transition:450ms transform ease}
.toggleBox .inputBox > span {display:inline-block;vertical-align:middle;}
.toggleBox .inputBox > span:before {content:'OFF';min-width:28px;display:block;font-size:13px;font-weight:500;color:#9d9999;text-align:right;line-height:1;}

.toggleBox .inputBox input:checked ~ label {background-color:#f4907e;}
.toggleBox .inputBox input:checked ~ label:before {transform:translateX(32px);}
.toggleBox .inputBox input:checked + span:before {content:'ON'}
/* 관리자 UI */

/* Input */
.inputBoxTyAD01, .inputLineTyAD01 {font-size:0;}
.inputBoxTyAD01 input {display:inline-block;padding:5px 10px;border:1px solid #c8c6c6;border-radius:4px;font-size:13px;color:#524e4e;text-align:left;transition:350ms border-color ease-out;vertical-align:middle;}
.inputLineTyAD01 input {display:inline-block;padding:5px 10px;border-bottom:1px solid #c8c6c6;font-size:13px;color:#524e4e;text-align:left;transition:350ms border-color ease-out;vertical-align:middle;}
.inputBoxTyAD01 input::placeholder, .inputLineTyAD01 input::placeholder {font-size:13px;color:#9d9999;}
.inputBoxTyAD01 input::-webkit-input-placeholder, .inputLineTyAD01 input::-webkit-input-placeholder {font-size:13px;color:#9d9999;}
.inputBoxTyAD01 input::-moz-placeholder, .inputLineTyAD01 input::-moz-placeholder {font-size:13px;color:#9d9999;}
.inputBoxTyAD01 input:-ms-input-placeholder, .inputLineTyAD01 input:-ms-input-placeholder {font-size:13px;color:#9d9999;}
.inputBoxTyAD01 input:-moz-placeholder, .inputLineTyAD01 input:-moz-placeholder {font-size:13px;color:#9d9999;}
.inputBoxTyAD01 input:focus, .inputLineTyAD01 input:focus {border-color:#524e4e;}
.inputBoxTyAD01 input:disabled, .inputLineTyAD01 input:disabled, .inputBoxTyAD01 input:read-only, .inputLineTyAD01 input:read-only {background-color:#f1f1f1;border-color:#c8c6c6;color:#9d9999;}
.inputBoxTyAD01 .unit {display:inline-block;margin-left:6px;font-size:13px;color:#9d9999;vertical-align:middle;}

.inputBoxTyAD01.hasUnit input {width:calc(100% - 18px);}

.inputBoxTyAD01.hasUnitTy02 .unit {position:absolute;top:50%;right:10px;transform:translateY(-50%);}

.textareaBoxTyAD {width:100%;}
.textareaBoxTyAD textarea {width:100%;display:block;padding:13px;box-sizing:border-box;border:1px solid #c8c6c6;border-radius:4px;font-size:14px;color:#524e4e;text-align:left;line-height:1.5;transition:350ms border-color ease-out;}
.textareaBoxTyAD textarea::placeholder {font-size:13px;color:#9d9999;}
.textareaBoxTyAD textarea::-webkit-input-placeholder {font-size:13px;color:#9d9999;}
.textareaBoxTyAD textarea::-moz-placeholder {font-size:13px;color:#9d9999;}
.textareaBoxTyAD textarea:-ms-input-placeholder {font-size:13px;color:#9d9999;}
.textareaBoxTyAD textarea:-moz-placeholder {font-size:13px;color:#9d9999;}
.textareaBoxTyAD textarea:focus {border-color:#524e4e;}
.textareaBoxTyAD .textCount, .inputBoxTyAD01 .textCount {display:block;margin-top:3px;font-size:11px;color:#999;line-height:1.36;text-align:right;}

.textareaBoxTyAD.disabled textarea {background-color:#f1f1f1;}


.selectBoxTyAD {position:relative;}
.selectBoxTyAD .btnSelect {min-width:92px;max-height:32px;display:block;padding:4px 30px 4px 8px;position:relative;border:1px solid #c8c6c6;border-radius:4px;font-size:14px;color:#524e4e;line-height:1.5;text-align:left;}
.selectBoxTyAD .btnSelect:after {content:"";width:24px;height:24px;display:block;position:absolute;top:50%;right:6px;background:url(/assets/web/images/ico/btn-dropdown-down-450058355137a644fce71122dddd9291.png) 0 0 no-repeat;background-size:100% auto;transform:translateY(-50%);}
.selectBoxTyAD .optionList {width:100%;display:none;padding:8px 10px;box-sizing:border-box;position:absolute;top:31px;left:0;z-index:10;background-color:#fff;border:1px solid #524e4e;border-top:none;border-radius:4px;}
.selectBoxTyAD .option button > span {font-size:14px;font-weight:500;color:#9d9999;line-height:2.14;}
.selectBoxTyAD .option.selected button > span {color:#524e4e;}

.selectBoxTyAD .btnSelect.open {border-color:#524e4e;}
.selectBoxTyAD .btnSelect.open + .optionList {display:block;}

.selectBoxTyAD .btnSelect.disabled {background-color:#f2f2f2;}
.selectBoxTyAD .btnSelect.disabled > span {color:#9d9999;}
.selectBoxTyAD .btnSelect.disabled:after {content:none;}

.selectBoxTyAD02 {width:140px;position:relative;}
.selectBoxTyAD02 select {width:100%;padding:5px 30px 6px 11px;box-sizing:border-box;background:url(/assets/web/images/ico/btn-dropdown-down-450058355137a644fce71122dddd9291.png) right 6px center no-repeat;background-size:24px 24px;border:1px solid #c8c6c6;border-radius:4px;font-size:13px;color:#9d9999;line-height:1.5;text-align:left;transition:450ms border ease;}
.selectBoxTyAD02 select:valid {color:#524e4e;}
.selectBoxTyAD02 select:focus {border-color:#524e4e;}
.selectBoxTyAD02 select:disabled {background:#f1f1f1;color:#9d9999;}

.selectBoxTyAD10 {width:100%;position:relative;}
.selectBoxTyAD10 select {width:100%;padding:5px 30px 6px 11px;box-sizing:border-box;background:url(/assets/web/images/ico/btn-dropdown-down-450058355137a644fce71122dddd9291.png) right 6px center no-repeat;background-size:24px 24px;border:1px solid #c8c6c6;border-radius:4px;font-size:13px;color:#9d9999;line-height:1.5;text-align:left;transition:450ms border ease;}
.selectBoxTyAD10 select:valid {color:#524e4e;}
.selectBoxTyAD10 select:focus {border-color:#524e4e;}
.selectBoxTyAD10 select:disabled {background:#f1f1f1;color:#9d9999;}

.calenderWrap .controller {font-size:0;}
.calenderWrap .controller > * {display:inline-block;vertical-align:middle;}
.calenderWrap .controller .inputBoxTyAD01 input {padding:8px 10px;text-align:center;}
.calenderWrap .controller > span {margin:0 3px;font-size:13px;color:#9d9999;}

.tableTyAD {border:1px solid #f1f1f1;box-sizing:border-box;}
.tableTyAD .checkbox input[type="checkbox"]:checked + label:before {background:url(/assets/web/images/ico/btn-checkbox-pink-sel-8607fcae2431afa37da3a8ed92b019bf.png) 0 0 no-repeat;}
.tableTyAD .row {width:100%;display:table;table-layout:fixed;}
.tableTyAD .row .cell {width:21%;display:table-cell;padding:11px 0;box-sizing:border-box;text-align:center;vertical-align:middle;}
.tableTyAD .row .cell > * {font-size:13px;}

.tableTyAD .row .checkbox,
.tableTyAD .row .expand {width:64px;}
.tableTyAD .row .noticeDate {width:127px;}
.tableTyAD .row .type {width:116px;}
.tableTyAD .row .title {width:470px;}

.tableTyAD .title > p {width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.tableTyAD .tHead {background-color:#f1f1f1;}
.tableTyAD .tHead .cell > span {font-size:14px;font-weight:500;color:#524e4e;line-height:1.78;vertical-align:middle;}
.tableTyAD .tHead .cell > span + button {width:8px;height:12px;display:inline-block;margin-left:5px;background:url(/assets/web/images/ico/sort-5a1fbceb0f55b5c02bd68ea71b6a82e7.png) 0 0 no-repeat;vertical-align:middle;}

.tableTyAD .tBody .toggle {border-top:1px solid #f1f1f1;}
.tableTyAD .tBody .toggle .detail {display:none;width:100%;padding:10px 0 10px 81px;box-sizing:border-box;background-color:rgba(241, 241, 241, 0.5);border-top:1px solid #f1f1f1;}
.tableTyAD .tBody .toggle.on .detail {display:block;}

.tableTyAD .tBody .toggle .detail.notice {padding:10px 0 17px;text-align:center;}
.tableTyAD .tBody .toggle .detail.notice .btnWrapTy01 {display:block;margin-top:10px;}
.tableTyAD .tBody .toggle .detail.notice .btnWrapTy01 > [class*="btnLine"] {min-width:186px;display:inline-block;vertical-align:middle}
.tableTyAD .tBody .toggle .detail.notice .btnWrapTy01 > [class*="btnLine"] + [class*="btnLine"] {margin-left:10px;}
.tableTyAD .tBody .toggle .detail.notice .btnWrapTy01 > [class*="btnLine"] > span {font-size:13px;}

.tableTyAD .tBody .toggle .detail > p {display:inline-block;font-size:13px;color:#524e4e;line-height:1.61;}
.tableTyAD .tBody .toggle .detail > p > strong {font-weight:500;}
.tableTyAD .tBody .toggle .detail > p + p:before {content:'|';display:inline-block;margin-right:4px;font-size:13px;color:#524e4e;}

.tableTyAD .toggle .expand > button {width:24px;height:24px;display:block;margin:0 auto;background:url(/assets/web/images/ico/btn-dropdown-down-450058355137a644fce71122dddd9291.png) 0 0 no-repeat;}
.tableTyAD .toggle.on .expand > button {background:url(/assets/web/images/ico/btn-dropdown-up-1a47bc4f958377c8a0f11abd785b5e54.png) 0 0 no-repeat;}

.tableTyAD .tBody .row.done .cell > span,
.tableTyAD .tBody .row.disabled .cell > span {color:#9d9999;}
.tableTyAD .tBody .row.disabled .state > span {color:#524e4e;}

/* Done */
.tableTyAD .tBody .row.done {background-color:rgba(254, 239, 236, .5);}

.tableTyManage {width:100%;margin-top:20px;border:1px solid #f1f1f1;border-top:none;box-sizing:border-box;}
.tableTyManage tr th,
.tableTyManage tr td {padding:10px 0;box-sizing:border-box;color:#524e4e;text-align:center;line-height:1.78;vertical-align:middle;}
.tableTyManage tr th {background-color:#f1f1f1;font-size:14px;font-weight:500;}
.tableTyManage tr td {height:50px;font-size:13px;line-height:1.38;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tableTyManage tr td .btnLineTy04 {min-width:53px;height:32px;margin:0 auto;}
.tableTyManage tr td .btnLineTy04 > span {font-size:13px;}
.tableTyManage tr td [class*="ico"] {margin:0 auto;}
.tableTyManage tr:hover > td {background-color:rgba(241, 241, 241, .2);}

.tableTyManage tbody tr + tr {border-top:1px solid #f1f1f1;} 
.tableTyManage tr .add {color:#f4907e;}
.tableTyManage tr .campaignName {text-align:left;}
.tableTyManage tr .campaignName > * {display:inline-block;}
.tableTyManage tr .amount {text-align:right;}
.tableTyManage tr .date {font-size:11px;color:#9d9999;text-align:left;line-height:1.63;white-space:normal;text-overflow:unset;overflow:visible;word-break:keep-all;}

.tableTyManage .storage td {color:#9d9d99;}
.tableTyManage .storage .campaignName > p {width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.tableTyManage .btnManageMore {width:100%;display:block;padding:13px;box-sizing:border-box;border-top:1px solid #f1f1f1;font-size:14px;font-weight:500;color:#9d9999;text-align:center;}
.tableTyManage .btnManageMore:after {content:'';width:24px;height:24px;display:inline-block;background:url(/assets/web/images/ico/btn-dropdown-down-type02-09c563f121a1f595320618a8f49eaa6c.png) 0 0 no-repeat;vertical-align:middle;}

.pagingWrap {padding: 20px 0; text-align: center; font-size:0;}/* 2019-10-30 수정 */
.pagingWrap > * {display:inline-block;vertical-align:middle;}
.pagingWrap .paging {font-size:0;}
.pagingWrap .paging > span, 
.pagingWrap .paging > strong {width:24px;height:24px;display:inline-block;margin-left:4px;font-size:14px;color:#524e4e;line-height:24px;text-align:center;}
.pagingWrap .paging > *:first-child {margin-left:0;}
.pagingWrap .paging > strong {font-weight:500;}

.fileBoxTyDefault {position:relative;}
.fileBoxTyDefault input[type="file"] {width:0;height:0;display:block;position:absolute;top:0;left:0;opacity:0;visibility:hidden;}
.fileBoxTyDefault label {display:inline-block;font-size:0;}
.fileBoxTyDefault label > span {width:89px;height:32px;display:inline-block;border-radius:4px;background-color:#524e4e;font-size:13px;font-weight:500;color:#fff;line-height:32px;text-align:center;vertical-align:middle;}
.fileBoxTyDefault label > p {display:inline-block;margin-left:10px;font-size:14px;color:#9d9999;vertical-align:middle;}

.fileBoxTyDefault .underline {text-decoration:underline;}

.fileBoxTyImage {position:relative;overflow:hidden;}
.fileBoxTyImage input[type="file"] {width:0;height:0;display:block;position:absolute;top:0;left:0;opacity:0;visibility:hidden;}
.fileBoxTyImage label {display:inline-block;font-size:0;}
.fileBoxTyImage label > .uploadImage {width:80px;height:80px;display:inline-block;margin-right:10px;vertical-align:bottom;}
.fileBoxTyImage label > .uploadImage > img {width:100%;border-radius: 50%;}
.fileBoxTyImage label .txtWrap {display:inline-block;vertical-align:bottom;}
.fileBoxTyImage label .txtWrap .filePath {font-size:14px;color:#9d9999;line-height:1.69}
.fileBoxTyImage label .txtWrap .description {margin-top:3px;font-size:13px;color:#9d9999;line-height:1.69;}

.fileBoxTyCamera input[type="file"] {width:0;height:0;display:block;position:absolute;top:0;left:0;opacity:0;visibility:hidden;}
.fileBoxTyCamera label > .icoCamera {margin:0 auto;}
.fileBoxTyCamera label > p {font-size:14px;color:#9d9999;text-align:center;line-height:1.92;}
.fileBoxTyCamera label > .tit {margin-top:11px;}
.fileBoxTyCamera .btnUnderLineTy03 {margin-top:9px; font-size: 16px;}

.loading {position:fixed;top:0;left:0;z-index:300;width:100%;height:100%;background:rgba(0,0,0,.6) url("/assets/web/images/content/loading-9e6e15f8c365cdfc2bfd20bb327bcde9.svg") no-repeat 50%;background-size:66px 66px;}

.roundBgWrap{width:150px;height:150px;margin:0 auto;position:relative;}
.roundBgWrap .imgWrap{width:120px;height:120px;margin: 0 auto;border-radius: 50%;padding-top:15px;}
.roundBgWrap .imgWrap img{border-radius:50%;}

[class*="impactCherr"]{position:relative;}
[class*="impactCherr"]:before{
  content:'';
  position: absolute;;
  display:block;
  width:120%;
  height:120%;
  top:-10%;
  left:-10%;
  z-index:-1;
  background-position:center;background-repeat:no-repeat;background-size:100%;
  border-radius:50%;
}
.impactCherrible:before{background-image:url(/assets/web/images/content/impact-effect-Cherrible-c9ddeccb4edc4f213c07226c1436991c.gif)} /*cherrible: 자라나*/
.impactCherried:before{background-image:url(/assets/web/images/content/impact-effect-Cherried-47ad7fd620625213779ea392e6b7d092.gif)} /*cherried: 피우니*/
.impactCherrier:before{background-image:url(/assets/web/images/content/impact-effect-Cherrier-a29c4d6291b731f9c31c7655e1a5851e.gif)} /*cherrier: 달코미*/
.impactCherriest:before{background-image:url(/assets/web/images/content/impact-effect-Cherriest-f93e6f8e50c48ba7adf9e7834e96f0c9.gif)} /*cherriest: 아름드리*/

[class*="level-"] > img {padding: 2px !important;}
.level-white > img {border: 2px solid var(--impact-level-white) !important;}
.level-red > img {border: 2px solid var(--impact-level-red)!important;}
.level-orange > img {border: 2px solid var(--impact-level-orange)!important;}
.level-yellow > img {border: 2px solid var(--impact-level-yellow)!important;}
.level-green > img {border: 2px solid var(--impact-level-green)!important;}
.level-blue > img {border: 2px solid var(--impact-level-blue)!important;}
.level-indigo > img {border: 2px solid var(--impact-level-indigo)!important;}
.level-purple > img {border: 2px solid var(--impact-level-purple)!important;}

.icoFame {background-image:url(/assets/web/images/ico/btn-fame-eb87ac201057a4d98a06ef91993692b5.gif);width:38.5px;height:30px;}/*명예의 전당*/

@media screen and (max-width:767px) {
  .pt0-mb {padding-top:0 !important;}
  .pt56-mb {padding-top:56px !important;}
  .pt64-mb {padding-top:64px !important;}

  .pb64-mb {padding-bottom:70px !important;box-sizing:border-box;}
  .payOptionPop.pb64-mb {padding-bottom:64px !important;}

  .bgColorTy01-mb {background-color:#f1f1f1 !important;}

  .icoStarBlack {background-image:url(/assets/web/images/ico/ic-star-black@3x-4b92c3bec3901c98fe9cf469b19e9f38.png)}
  .icoStarGray {background-image:url(/assets/web/images/ico/ic-star-gray@3x-f399ba09b6a13ea9ab9f53171f100069.png)}
  .icoSearch {background-image:url(/assets/web/images/ico/btn-search@3x-fa7ab231c4ae82f5166d52297dc23327.png)}
  .icoUser {background-image:url(/assets/web/images/ico/btn-gnb-my-default@3x-b2d654f2fe71cef123f9c2cbbecb6492.png)}
  .icoCart {background-image:url(/assets/web/images/ico/btn-cart@3x-baddaf7ea940535ac7653fc4a20e41b4.png)}
  .icoNotice {background-image:url(/assets/web/images/ico/btn-notice@3x-ecd6a5b3fcfca7270fff34c15f94c26e.png)}
  .icoNotice.on {background-image:url(/assets/web/images/ico/btn-notice-new@3x-79bdd509adefa10f2c2be6107ec2cbd9.png)}
  .icoMore {width:24px;height:24px;background-image:url(/assets/web/images/ico/btn-more@3x-204983d597a8356e1710db752776fdb0.png);position:relative}
  .icoMore.on:before {display:block;width:3px;height:3px;border-radius:100%;content:"";background-color:#f4907e;position:absolute;bottom:0;left:0}
  .icoMore.on.animate-rotate:before {display:none;}
  .icoArrowLeft {background-image:url(/assets/web/images/ico/ic-arrow-left@3x-4067351b55fefcbcd7a2ec21f6493fa3.png)}
  .icoArrowRight {background-image:url(/assets/web/images/ico/ic-arrow-right@3x-bdd8d8cb1b9812118a1ea782ffd0a529.png)}
  .icoHeartWhite {background-image:url(/assets/web/images/ico/btn-heart-white-default@3x-4227d5a839cbb0ac5c47a36509ed4f80.png)}
  .icoHeartWhite.on {background-image:url(/assets/web/images/ico/btn-heart-white-sel@3x-9c683a4716828e3ba7e58d4ed1621f5e.png)}
  .icoShare {background-image:url(/assets/web/images/ico/btn-share-default@3x-a41e447cc7c3287d7ac878d107f7f028.png)}
  .icoLink {background-image:url(/assets/web/images/ico/btn-link@3x-d7859855242e6d4d73f87d177799b645.png)}
  .icoTagDelete {background-image:url(/assets/web/images/ico/btn-delete-tag@3x-2e6338c8f8731b2524493c41a4db8237.png)}
  .icoLove {background-image:url(/assets/web/images/ico/btn-tab-bar-love-default@3x-ed227d9a8a18d73a0aea2e36d677b62d.png)}
  .icoLove.on {background-image:url(/assets/web/images/ico/btn-tab-bar-love-sel@3x-08a38630d826783121b57fe3c4c55b67.png)}
  .icoMy {background-image:url(/assets/web/images/ico/btn-tab-bar-my-default@3x-797692949279b29f067caf8c950d0bc2.png)}
  .icoMy.on {background-image:url(/assets/web/images/ico/btn-tab-bar-my-sel@3x-aa28609ec12003decd722a3e12366ce7.png)}
  .icoScan {background-image:url(/assets/web/images/ico/btn-scan@3x-5e4b2e06dc7fa60274bcd80921d6a5d5.png)}
  .icoRun {background-image:url(/assets/web/images/ico/btn-run@3x-4194c2eed821ed6f826e4553bd31a9fb.png);width:24px;height:24px;}  
  .icoRun.on {background-image:url(/assets/web/images/ico/btn-run-6a1862cd1087836c383eecbd03b03614.gif)}
  .icoLease {background-image:url(/assets/web/images/ico/btn-lease-baf47a539a82ad988a8f8ceed38cc5ef.gif);width:27px;height:30px;}
  .icoProfileModify {background-image:url(/assets/web/images/ico/btn-profile-modify@3x-cc32bce3c18fe069da2b5318fc75fb31.png)}
  .icoDelete {background-image:url(/assets/web/images/ico/btn-delete-tag-list@3x-b8b798fd6b3dff89cca2fd74c2f84cb8.png)}
  .icoAdd {background-image:url(/assets/web/images/ico/btn-plus-tag-list@3x-8d0c4c68a60ad25b507592e77d63e71b.png)}
  .icoInfo {background-image:url(/assets/web/images/ico/ic-info@3x-0dab5b1c89eb403ca8623291d54f1fa3.png)}
  .icoProfileDefault {background-image:url(/assets/web/images/ico/ic-default-profile@3x-3fd931879af48b00e878784b1dee1398.png);border-radius:50%;}
  .icoSiren {background-image:url(/assets/web/images/ico/ic-siren@3x-d8f2826a9d4eacd5048f88284b63d920.png)}
  .icoPrev {background-image:url(/assets/web/images/ico/btn-arrow-gray-left@3x-8bc19308e388c6e84be5ff3805129770.png)}
  .icoNext {background-image:url(/assets/web/images/ico/btn-arrow-gray-right@3x-e3da94da59a47f6dca115adb26bfd1cf.png)}
  .icoSns01 {background-image:url(/assets/web/images/ico/btn-homepage@3x-fbacaea644b272067be55a3be5406c34.png)}
  .icoSns02 {background-image:url(/assets/web/images/ico/btn-facebook@3x-a4e6f5a496631cfff47cf1f7ef2203a8.png)}
  .icoSns03 {background-image:url(/assets/web/images/ico/btn-instagam@3x-a222263ef334ca99dde63ee0f125f898.png)}
  .icoSns04 {background-image:url(/assets/web/images/ico/btn-twitter@3x-50db6d75c93c1c92bdd97bcafb714156.png)}
  .icoSns05 {background-image:url(/assets/web/images/ico/btn-blog@3x-55b01f4af17d3741fc1c5b11c391bc14.png)}
  .icoSns06 {background-image:url(/assets/web/images/ico/btn-kakaotalk@3x-bb9687cb16ba2029c0214b63b268ddfa.png)}
  .icoSns07 {background-image:url(/assets/web/images/ico/btn-youtube@3x-d72f016e032da14090d24154a882d086.png)}
  .icoSns08 {background-image:url(/assets/web/images/ico/btn-url@3x-244116a1e4439d965032d4cc5b5bce15.png)}
  .icoSns09 {background-image:url(/assets/web/images/ico/btn-sms@3x-0632849351211982c17ea6e7f47963f4.png)}
  .icoRevert {background-image:url(/assets/web/images/ico/invalid-name@3x-e4976b583c292379a5ef9f7da4263a23.png)}
  .icoStarPoint {background-image:url(/assets/web/images/ico/btn-star-default@3x-57e26ec11534f633ee981a981bcfd6b4.png)}
  .icoStarPoint.on {background-image:url(/assets/web/images/ico/btn-star-sel@3x-f56235dfb4cb4a7eed2f757c194ba1dd.png)}
  .icoShareBK {background-image:url(/assets/web/images/ico/btn-share-black@3x-45cdf73e973f7666755f26a9db71c818.png)}
  .icoICT {background-image:url(/assets/web/images/ico/logo-ict@3x-ceca16e941d895dee9f5aff053982af1.png)}
  .icoKISA {background-image:url(/assets/web/images/ico/logo-kisa@3x-1d77fc051d84a4cccba608407d6a4ec2.png)}

  .pcHidden {display:block !important ;}
  .mbHidden {display:none !important;}

  .btnWrapTy01 {width:100%;display:flex;display:-webkit-flex;border-radius:0;}
  .btnWrapTy01 [class*="btnPrimary"] {flex:1;-webkit-flex:1;border-radius:0;}
  .btnWrapTy02 {width:100%;display:flex;display:-webkit-flex;border-radius:0;}
  .btnWrapTy02 [class*="btnPrimary"] {flex:1;-webkit-flex:1;}
  .btnWrapTy03 {width:100%;}
  .btnWrapTy03 [class*="btnPrimary"] {width:100%;display:block;border-radius:0;}

  
  /* Input */

  .checkbox input[type="checkbox"] + label:before {background:url(/assets/web/images/newLogin/btn-check-circle-gray-0fd1337018eaf5aa339fdcb29af06977.png) 0 0 no-repeat;background-size:100% auto;}
  .checkbox input[type="checkbox"]:checked + label:before {background:url(/assets/web/images/newLogin/btn-check-circle-on-edfe2417c49543c141941230c0fd0267.png) 0 0 no-repeat;background-size:100% auto;}

  .radioBox input[type="radio"] + label:before {background:url(/assets/web/images/ico/btn-radio-nor@3x-4887964d5eca53c2d90b0ff025af455a.png) 0 0 no-repeat;background-size:100% auto;}
  .radioBox input[type="radio"]:checked + label:before {background:url(/assets/web/images/ico/btn-radio-sel@3x-7d42f4553893e15ca2eb4761bcab5899.png) 0 0 no-repeat;background-size:100% auto;}

  /* SelectBox */
  .selectBoxWrap .selectBox:first-child {width:calc(50% - 11px);margin-right:11px;}
  .selectBoxWrap .selectBox .btnSelect:after {background:url(/assets/web/images/ico/btn-dropdown-down@3x-8fe02ad2b4ea72621f5c0378bd4ae162.png) 0 0 no-repeat;background-size:100% auto;}

  [class*="formSelectBox"] {width:auto;}

  /* Tab */
  .tabWrap .btnTabWrap {width:100%;display:table;table-layout:fixed;}
  .tabWrap .btnTab {width:auto;max-height:56px;display:table-cell;}

  /* Layer Popup */
  .popTyLayer {min-width:310px;padding:35px 14px 16px;}
  .popTyLayer .btnWrapTy02 {margin-top:25px;justify-content:space-between;-webkit-justify-content:space-between;}
  .popTyLayer .btnWrapTy02 [class*="btnPrimary"] {width:auto;}

  .popTyToast {bottom:24px;z-index:700;}

  .popTyBackDrop {width:100%;padding:0;top:auto;left:0;bottom:0;border-radius:20px 20px 0 0;transform:translate(0, 200%)}
  .popTyBackDrop .popHeader {padding:29px 0;}
  .popTyBackDrop .tit {font-size:23px;}
  .popTyBackDrop .btnWrapTy01 {margin:0;}
  .popTyBackDrop .btnWrapTy01 [class*="btnPrimary"] {width:auto;}
  .popTyBackDrop .btnWrapTy01 .btnPrimaryTy03 { margin: 0 20px 20px 20px; }

  .popTyFull {width:100%;height:100%;display:block;position:fixed;top:0;left:0;z-index:50;}
  .popTyFull .popHeader {width:100%;min-height:56px;max-height:56px;position:relative;background-color:#fff;}
  .popTyFull .popHeader .tit {font-size:23px;font-weight:500;}
  .popTyFull .popHeader .popInner {width:100%;padding:16px;box-sizing:border-box;overflow:hidden;}
  .popTyFull .popHeader .popInner > .btnBack {float:left;}
  .popTyFull .popHeader .popInner > .tit {float:left;}
  .popTyFull .popHeader .popInner > .btnBack + .tit {margin-left:8px;}
  .popTyFull .popHeader .popInner .icoWrapTy01 {float:right;}
  .popTyFull .popContents {height:calc(100% - 56px);position:relative;overflow-y:auto;-webkit-overflow-scrolling:touch}
  .popTyFull .btnWrapTy01 {display:none;}

  #agreementPopup .scrollWrap {overflow:auto;}
  #stplatPopup .scrollWrap {overflow:auto;height:320px;} /*scroll이 존재하는 popTyLayer 개인정보처리방침*/
      
  .listTy01 dt + dd {margin-top:10px;}

  .lineBoxTy03 {padding:44px 24px;}
  .lineBoxTy03 > p {font-size:16px;color:#9d9d99;line-height:1.56;}
  .temperature:after {background-size:100% auto;}
  .temperature.lv1:after {background-image:url(/assets/web/images/ico/ic-temperature-lv-5@3x-e8a0053bba6797358302f37976949e2b.png)}
  .temperature.lv2:after {background-image:url(/assets/web/images/ico/ic-temperature-lv-4@3x-2c5fa42c467be5711afec242ddbb7d51.png)}
  .temperature.lv3:after {background-image:url(/assets/web/images/ico/ic-temperature-lv-3@3x-e8f4fcaf33618c316aad05bc604535ea.png)}
  .temperature.lv4:after {background-image:url(/assets/web/images/ico/ic-temperature-lv-2@3x-210ea12e2cedb77c6f3b6e112b1c1c2d.png)}
  .temperature.lv5:after {background-image:url(/assets/web/images/ico/ic-temperature-lv-1@3x-01827e047058400548b33c8b874ed031.png)}

/*-----------------------------------------------------------2020 Customizing-----------------------------------------------------------*/
	.btnInfo {line-height:23px;font-size:12px;}
	.icoGrayInfo:before {width:16px;height:16px;left:-21px;}
}
/*PC버젼*/
@media screen and (min-width:768px) {
	.btnInfo {line-height:25px;font-size:14px;}
	.icoGrayInfo:before {width:18px;height:18px;left:-23px;}
	.popTyFull {-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);border-radius: 13px;}
	
	.press:hover {opacity:.6;}
	.btnPrimaryTy01:hover {background-color:#f7806b;border-color:#f7806b;}
	.btnPrimaryTy02:hover {background-color:#151515;border-color:#151515;}
	.btnPrimaryTy03:hover {border-color:#242424;}
	.btnPrimaryTy04:hover {background-color:#928f8f; border-color:#928f8f;}
	.btnInlineTy02:hover {background-color: #d1d1d1;}
	
	.popTyBackDrop .btnWrapTy01 [class*="btnPrimary"] {width:200px;}
}
.txtAddition {color: #9d9d9d;font-size:13px;line-height:20px;}
.btnInfo {color:#9d9d9d;}
.icoGrayInfo {position:relative}
.icoGrayInfo:before {content:"";display:block;position: absolute;background-image: url(/assets/web/images/ico/ic-info-gray-b9a46102b6546d3a0ff7e18798dbbc1b.png);background-size: 100% auto;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}

.ellipsis {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;}
.ellipsis2 {overflow: hidden !important;text-overflow: ellipsis;word-wrap: break-word;	display: -webkit-box;-webkit-line-clamp: 2;	-webkit-box-orient: vertical;line-height: 20px;height: 40px;}

.setTerm + .setDetail {display:none;margin-top:15px;}
.setTerm.on + .setDetail {display:block;}
.setTerm + .setDetail .msg {line-height:32px;font-size:12px;color:#9d9999}
.setTerm + .setDetail .btnPrimaryTy01 {width:100%;height:48px;margin-top:6px;}
.calenderWrap.wide {margin-top:inherit;}
.calenderWrap.wide .controller {width:100%;display: flex;align-items: center;justify-content: space-between;}
.calenderWrap.wide .controller .inputBoxTyAD01 {width:50%}
.calenderWrap.wide .controller > span {text-align: center;padding: 10px;}

/*나눔단체*/
.namun .profile > img {width: 100%;height: 100%;border-radius: 50%;box-sizing: border-box;border: solid 1px var(--color-pLine);object-fit: cover;}
	.btnSpon {display:block;border-radius: 50%;background-color:#f4907e;text-align:center;}
    .btnSpon .txt {color:#fff;line-height: 1.17;}
.campaignList.ordinary .campaign .description {padding-top:0;display:flex;align-items:center}
.swiper-container-main.ordinary .swiper-slide-main:before {border-radius: 13px;}
.privateWrap .toggleBox .inputBox > span:before {content: 'OFF';}
.privateWrap .toggleBox .inputBox input:checked + span:before {content: 'ON';}
.privateWrap.settingList li > .tit {padding-right: 90px;display: block;}

.toggle .toggleContent {display:none;}
.toggle.on .toggleContent {display:block;}

.thumblist .info {position:relative;}
.thumblist .info .thumb {position:absolute;top:50%;left:0;margin-top: -35px;}
.thumblist .info .thumb img {width:100%;height:100%}
.thumblist .info .description {text-align:left}

/*관리자*/
span.next {display:block}
.innerWide {width:940px}
.innerExtensive {width:940px;box-sizing: border-box;position: relative;margin: 0 auto;}
.flexTable {display:flex;width:100%;}
.flexTable .asideSub {flex: 1 auto;}
.flexTable .asideFul {width:100%}
.subcallWrap .subCont {display:none;}
.inputBoxTyAD01.lenthTy35 {width:350px;}
.inputBoxTyAD01.lenthTy22 {width:220px;}
.selectBoxfk {display:inline-block;vertical-align:middle}
.selectBoxfk span {width: 100%;display:inline-block;padding: 5px 30px 6px 11px;box-sizing: border-box;background: url(/assets/web/images/ico/btn-dropdown-down-450058355137a644fce71122dddd9291.png) right 6px center no-repeat;background-size: 24px 24px;border: 1px solid #c8c6c6;border-radius: 4px;font-size: 13px;color: #9d9999;line-height: 1.5;text-align: left;transition: 450ms border ease;}
.btnSort {width: 8px;height: 12px;display: inline-block;margin-left: 5px;background: url(/assets/web/images/ico/sort-5a1fbceb0f55b5c02bd68ea71b6a82e7.png) 0 0 no-repeat;vertical-align: middle;}
.opticalInfo .thumb {display:block}
.opticalInfo .thumb img {width:100%;height:auto;}
.opticalInfo .ellipsis {width:100%}
.leftAttach {color: #524e4e;font-size: 13px;line-height:32px;margin-left:8px;}
.titleArea .tit {color:#242424;font-size: 23px;font-weight: 500;display:inline-block}
.titleArea .btnPrimaryTy01 {height:32px;padding-left:15px;padding-right:15px;display:inline-block}
.titleArea .btnPrimaryTy01 span {font-size:14px;}
.tableTyAdmin {border-left: solid 1px #f1f1f1;border-right: solid 1px #f1f1f1;}
.thirdDlWrap {display:flex;justify-content:space-between}
.thirdDlWrap li {width:33.33%}
.emphasisList em {color:#524e4e}
.emphasisList span {color:#9d9d9d}
.msgCenter {text-align:center;color:#524e4e;font-size:16px;line-height:25px;}
.standardDl dt {color:#524e4e;font-size:14px;margin-bottom:8px;}
.standardDl dd {color:#9d9d9d;font-size:13px;line-height:18px;}

[class*="trigonal"] {display:inline-block; width:0; height:0;border-bottom: 9px solid;border-left: 7px solid rgba(0, 0, 0, 0);border-right: 7px solid rgba(0, 0, 0, 0);vertical-align:middle}
.trigonalGrow, .colorGrow {color: #f88570;}
.trigonalFall {color: #4e9ce5;transform: rotate(180deg);}
.colorFall {color: #4e9ce5;}