/* 공통 */
html body {background:#f5f5f5; letter-spacing:0.01em;}
input[type=text] {width:100%; height:40px; border:1px solid #c7c7c7; background:#fff; border-radius:8px; padding:11px 8px; box-sizing:border-box; font-size:14px;}
input[type=number] {width:100%; border:1px solid #c7c7c7; background:#fff; border-radius:8px; padding:11px 8px; margin-bottom:10px; box-sizing:border-box; font-size:14px;}
input[type=email] {width:100%; border:1px solid #c7c7c7; background:#fff; border-radius:8px; padding:11px 8px; margin-bottom:10px; box-sizing:border-box; font-size:14px;}
input[type=password] {width:100%; border:1px solid #c7c7c7; background:#fff; border-radius:8px; padding:11px 8px; margin-bottom:10px; box-sizing:border-box; font-size:14px;}
input[type=checkbox] {display:none;}
input[type=checkbox] + label{display:block; width:20px; height:20px; background:url('/img/cmm/icon_checkbox_off.png') no-repeat; margin-right:5px;}
input[type=checkbox]:checked+label {display:block; width:20px; height:20px; background:url('/img/cmm/icon_checkbox_on.png') no-repeat; }
input[type=button] {width:80px; height:40px; border-radius:8px; background:#e3e3e3 url('/img/cmm/flower_bg_e9.png'); border:1px solid #c7c7c7; box-sizing:border-box; color:#5b5b5b; font-size:15px; font-weight:400; letter-spacing:0.07em; cursor:pointer;}
input[type=button].disabled {background:#e6e6e6 url('/img/cmm/flower_bg_e9.png'); border-color:#c7c7c7; color:#9f9f9f;}
button {cursor:pointer;}
textarea {width: 100%; height: 100px; border-radius: 8px; background: #fff; border: 1px solid #c7c7c7; padding: 8px; box-sizing: border-box; font-size: 14px; font-weight: 300; color: #000; resize:none;}
textarea.cItemCenterText {width: 190px; height: 198px; border-radius:8px; line-height:15px;}
textarea.cItemDetailText {max-width:440px; width: 100%; height: 300px;}
textarea.cNoteDetailText {max-width:440px; width: 100%; height: 1280px; max-height:30vh;}
input[type=text]:read-only {background:#e6e6e6; color:#9f9f9f;}
input[type=email]:read-only {background:#e6e6e6; color:#9f9f9f;}
input::placeholder {color:#9f9f9f; letter-spacing:-0.05em;}
textarea::placeholder {color:#9f9f9f; letter-spacing:-0.05em;}
.select_box {position:relative;}
.select_box::after {content:""; background:url("/img/cmm/icon_down.png") no-repeat; position:absolute; width:12px; height:12px; right:8px; top:14px;}
.select_box select {width:100%; height:40px; border:1px solid #c7c7c7; color:#5b5b5b; background:#fff; border-radius:8px; padding:11px 8px; box-sizing:border-box; font-size:14px; appearance: none; -webkit-appearance: none;}
.filebox {margin-left:5px; display:flex; align-items:center; width:100%; max-width:100px; height:40px;}
.filebox input[type="file"] {position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0;}
.label_btn {width:80px; height:40px; border-radius:8px; background:#e3e3e3 url('/img/cmm/flower_bg_e9.png'); border:1px solid #c7c7c7; box-sizing:border-box; line-height:39px; color:#5b5b5b; font-size:15px; font-weight:400; letter-spacing:0.07em; cursor:pointer; text-align:center;}
.default_btn {height:40px; line-height:40px; padding:0px; text-align:center; font-size:15px; font-weight:400; color:#5b5b5b; letter-spacing:0.07em; background:#e3e3e3 url('/img/cmm/flower_bg_e9.png'); border-radius:8px; border:1px solid #c7c7c7;}
.default_small_btn {text-align:center; max-width:40px; width:100%; height:30px; padding:0px; border:1px solid #c7c7c7; box-sizing:border-box; font-size:14px; font-weight:400; color:#5b5b5b; letter-spacing:0.07em; background:#e2e2e2 url('/img/cmm/flower_bg_e9.png'); background-size: 680px 480px; border-radius:6px;}
.page_title {height:42px; line-height:42px; text-align:center; font-size:17px; font-weight:400; color:#000; letter-spacing:0.1em; border-bottom:1px solid #e6e6e6; box-sizing: border-box;}
.loadingIcon {display:flex; justify-content:center; align-items:center; z-index:99999; display:none; top:50%; left:50%; transform: translate(-50%, -50%); position:fixed;}
.search_block {max-width:380px; width:calc(100% - 25px); height:45px; border-radius:8px; margin:15px auto 18px; padding:0px 10px 0px 0px; box-sizing:border-box; background:#fff; box-shadow: 1px 3px 5px 2px rgba(0, 0, 0, 0.12); position:relative; display:flex; align-items:center;}
.search_block .search-count {width:90px; height:45px; line-height:45px; border-right:1px solid #e6e6e6; text-align:right; padding-right:5px; font-size:14px; color:#000;}
.search_block .search-option {width:100px; height:45px; line-height:45px; border-right:1px solid #e6e6e6; text-align:center; font-size:14px; color:#000;}
.search_block .search-option select{color:#5b5b5b;}
.search_block .search-keyword {width:100%; height:45px; display:flex;}
.search_block .search-keyword input[type=text] {border:0px; border-radius:0px; height:45px;}
.search_block .search-keyword button {background:none; border:0px; margin-top:2px; margin-right:-8px}
.triple_box {display:flex; justify-content:center; padding-top:40px; border-top:1px solid #e6e6e6; padding:5px;}
.triple_box li {margin:30px 5px;}
.dual_box {display:flex; justify-content:center; padding-top:40px; border-top:1px solid #e6e6e6;}
.dual_box li {margin:0px 8px;}
.w200 {max-width:200px; width:100% !important;}
.w190 {max-width:190px; width:100% !important;}
.w180 {max-width:180px; width:100% !important;}
.w170 {max-width:170px; width:100% !important;}
.w160 {max-width:160px; width:100% !important;}
.w155 {max-width:155px; width:100% !important;}
.w150 {max-width:150px; width:100% !important;}
.w145 {max-width:145px; width:100% !important;}
.w140 {max-width:140px; width:100% !important;}
.w120 {max-width:120px; width:100% !important;}
.w115 {max-width:115px; width:100% !important;}
.w110 {max-width:110px; width:100% !important;}
.w100 {max-width:100px; width:100% !important;}
.w95 {max-width:95px; width:100% !important;}
.w90 {max-width:90px; width:100% !important;}
.w85 {max-width:85px; width:100% !important;}
.w80 {max-width:80px; width:100% !important;}
.w70 {max-width:70px; width:100% !important;}
.w65 {max-width:65px; width:100% !important;}
.w60 {max-width:60px; width:100% !important;}
.w55 {max-width:55px; width:100% !important;}
.w50 {max-width:50px; width:100% !important;}
.w40 {max-width:40px; width:100% !important;}
.flex-wrap {flex-wrap:wrap;}
.no-margin {margin:0px !important;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.pt15 {padding-top:15px !important;}
.pt30 {padding-top:30px !important;}
.crest_icon_wrap {position:absolute; display:flex; right:35px; top:5px;}
.crest_icon_wrap img {cursor:pointer; width:35px; height:35px;}
.crest_share_wrap {position:absolute; right:0px; top:5px;}
.crest_share_wrap img {cursor:pointer; width:35px; height:35px;}
.crest_share_wrap .share_box {top:-5px; position:relative; z-index:10; display:none;}
/* 공통 */
/* 헤더 ul li{margin-right:-20px;}을 더 -되게하면 foot,가로 터치 시 스크롤 비슷한 현상이 생 길 수 있음*/
.app-down_banner {display:none; z-index:1;}
.app-down_banner ul {display:flex; justify-content:space-around; max-width:80px; width:100%;}
.help_banner {display:none; z-index:1;}
.help_banner ul {display:flex; justify-content:space-around; max-width:80px; width:100%;}
.send_banner {display:none; z-index:1;}
.send_banner ul {display:flex; justify-content:space-around; max-width:80px; width:100%;}
.banner_main {width:100%; height:40px; background:#ffffff; color:#000; display:flex; justify-content:space-between; align-items:center; padding:0px 10px; box-sizing:border-box;}
.banner_main ul li{padding-top:0px; margin-right:-15px;}
.banner_main p {font-size:14px; line-height:18px;}
.banner_main button {font-size:13px; letter-spacing:0.15em;}
.banner_horizon {height:5px; background:url('/img/cmm/top_horizon.png')}
/* 헤더 */
/* 사이드 메뉴 */
.dim_background {width:100%; height:100vh; top:0px; position:fixed; z-index:9; background:rgba(0,0,0,0.6); display:none; max-width:100%;}
.side-menu__block {max-width:290px; width:100%; height:100%; padding:20px 20px 20px 25px; box-sizing:border-box; top:0px; right:-500px; position:fixed; background: #fcfcfc url('/img/cmm/flower_bg_fa.png'); z-index:10; transition:.4s; overflow:hidden;}
.side-menu__block::after {content:""; width:440px; height:400px; background:url(/img/cmm/mark_400.png) no-repeat; background-size:95% 95%; position:absolute; left:-140px; top:80px; z-index:-1;}
.side-menu__block .side_menu {width:100%; height: 100%; position: relative; box-sizing:border-box; overflow-y:auto; overflow-x:hidden;}
.side-menu__block .side_menu .side_menu_top {width:100%; display:flex; justify-content:space-between; align-items: center;}
.side-menu__block .side_menu .side_menu_top a {font-size:17px; font-weight:400; color: #000; display:flex; align-items:center;}
.side-menu__block .side_menu .side_menu_top a span {white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width:160px;}
.side-menu__block .side_menu .side_menu_top .profile_img {border-radius:50%; margin-right:7px;}
.side-menu__block .side_menu .side_menu_top button.side_menu_close {width: 45px; height: 45px; border:0; background:transparent; cursor:pointer; margin-top:-43px; margin-left: -30px}
.side-menu__block .side_menu .side_menu_middle {}
.side-menu__block .side_menu .side_menu_middle ul {width:100%; }
.side-menu__block .side_menu nav {width:100%; margin-top:40px}
.side-menu__block .side_menu nav > ul{}
.side-menu__block .side_menu nav > ul > li + li{margin-top: 30px}
.side-menu__block .side_menu nav > ul > li > a {font-size: 19px; font-weight:400; letter-spacing:0.08em; text-align: left; color: #000;}
.side-menu__block .side_menu_bottom {margin-top:1000px; position:absolute; bottom:35px;}
.side-menu__block .side_menu_bottom .footer_logo {font-size: 14px; font-weight: 500; letter-spacing:0.05em; text-align: left; color: #000; line-height: 1.45;}
.side-menu__block .side_menu_bottom .footer_policy-info ul {display:flex;}
.side-menu__block .side_menu_bottom .footer_policy-info ul li{position:relative;}
.side-menu__block .side_menu_bottom .footer_policy-info ul li:first-child{margin-right:10px; padding-right:10px;}
.side-menu__block .side_menu_bottom .footer_policy-info ul li:first-child::after{content:""; position:absolute; right:-2px; top:4px; width:1px; height: 10px; background: #000; opacity:0.2;}
.side-menu__block .side_menu_bottom .footer_policy-info ul li a {font-size: 12px; font-weight: 300; text-align: left; color: #000;}
.side-menu__block .side_menu_bottom .footer_info {margin-top:6px}
.side-menu__block .side_menu_bottom .footer_info p{word-break:keep-all; font-size: 12px; font-weight: 300; letter-spacing:0.02em; line-height: 1.45; text-align: left; color: #000;}
.side-menu__block .side_menu_bottom .footer_info p + p{margin-top:1px;}
.side-menu__block .side_menu_bottom .copyright{margin-top:6px; font-size: 11px; font-weight: 300; text-align: left; color: #000;}
/* 사이드 메뉴 */
/* 로그인 */
.login_section {}
.login_section .login_horizon_bg {position:absolute; left:0px; top:0px; width:100%; height:20px; background:url('/img/cmm/pillar_horizon.png'),#f5f5f5; background-position:center; background-size:auto 20px; z-index:-1;}
.login_section .login_bg {position:absolute; left:0px; top:20px; width:100%; height:600px; background:url('/img/cmm/Pillar_05.png'),#f5f5f5; background-position:center; background-size:auto 600px; z-index:-1;}
.login_section .logo_title {width:100%; font-size:30px; font-weight:bold; color:#fff; text-align:center; margin:0 auto; padding-top:105px; margin-bottom:25px;}
.login_section .login_box {background:#fff; border-radius:10px; box-shadow: 1px 3px 5px 2px rgba(0, 0, 0, 0.12); max-width:380px; width:calc(100% - 30px); height:auto; margin:0 auto; position:relative; z-index:1; box-sizing:border-box; opacity:0.8;}
/*.login_section .login_box h2 {font-size:16px; font-weight:300; letter-spacing:0.2em; color:#000; text-align:center; padding:25px 0px 20px 0px; font-family: 'GmarketSansMedium';}*/
.login_section .login_box .login_form {padding:40px 12% 0px 12%}
.login_section .login_box .login_form .login_btn_wrap {margin:0px 0px 10px 0px;}
.login_section .login_box .login_form .login_btn_wrap .login_btn {width:100%; background:#e3e3e3; height:40px; border-radius:8px; text-align:center; color:#000; font-size:15px; font-weight:500; letter-spacing:0.2em; border:1px solid #c7c7c7; margin-bottom:5px;}
.kakao_login_btn {width:100%; height:42px; margin: 0 0 20px; border-radius: 8px; background-color: #ffe200; display:flex; align-items:center; justify-content:center; position:relative; text-align:center; font-size:15px; font-weight:500; letter-spacing:0.1em; margin:5px auto; color:#000; box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.3), inset 1px 1px 1px 0 rgba(255, 255, 255, 0.3); border: 1px solid rgba(180, 180, 180, 1);}
.kakao_login_btn img {margin-right:5px;}
.login_box .sns_login_wrap .kakao_login_btn {margin-top:0px;}
.login_section .login_box .login_form .auto_login_box {display:flex; align-items:center; margin:0 0 12px 5px;}
.login_section .login_box .login_form .auto_login_box label {font-size:14px; font-weight:300;}
.login_section .login_box .login_form .cert_center_btn {width:100%; background:#e3e3e3; height:50px; border-radius:8px; text-align:center; color:#000; font-size:17px; font-weight:500; letter-spacing:0.12em; box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.5), inset 7px 12px 12px 0 rgba(255, 255, 255, 0.5); border: solid 1px rgba(130, 130, 130, 1); position:relative;}
.login_section .login_box .sign_box {padding:15px 10px 20px;}
.login_section .login_box .sign_box ul {display:flex; justify-content:center;}
.login_section .login_box .sign_box ul li {position:relative; margin-right:15px;}
.login_section .login_box .sign_box ul li::after {content:""; width:1px; height:10px; opacity:0.2; background:#000; position:absolute; right:-10px; top:4px;}
.login_section .login_box .sign_box ul li:last-child::after {display:none;}
.login_section .login_box .sign_box ul li a {color:#000; font-size:13px; font-weight:300;}
/* 로그인 */
/* 회원가입 */
.register_box {padding-bottom:100px;}
.preview_profile_img {max-width:1200px; width:100%; margin:0 auto; text-align:center; margin-top:20px; margin-bottom:20px;}
.preview_profile_img > div {width:120px; overflow:hidden; margin:0 auto;}
.preview_profile_img > div > img {width:100%; height:120px; border:1px solid #e6e6e6; border-radius:50%; object-fit:cover;}
.preview_profile_img > p {font-size:18px; font-weight:500; font-family: 'GmarketSansMedium'; margin-top:20px; color:#000;}
.regist_info {max-width:1200px; width:100%; margin:0 auto; padding:0px 10px; box-sizing:border-box; }
.regist_info li {padding:20px 0px;}
.regist_info li > div {display:flex; align-items:center;}
.regist_info li > div input[type=text] {max-width:440px; margin-bottom:0px;}
.regist_info li > div input[type=email] {max-width:440px; margin-bottom:0px;}
.regist_info li > div input[type=password] {max-width:440px; margin-bottom:0px;}
.regist_info li > div input[type=button] {margin-left:5px;}
.regist_info li > div.full_input input[type=text] {max-width:100%;}
.regist_info li > p.ipt_title {font-size:16px; font-weight:500; letter-spacing:0.05em; font-family: 'GmarketSansMedium'; color:#000; margin-bottom:10px; position:relative; display:inline-block;}
.regist_info li > p.ipt_title.required::after {content:""; position:absolute; width:4px; height:4px; background:#000; top:-5px; right:-10px; border-radius:50%;}
.phone_certify_box {display:none; width:100%; margin-top:10px;}
.email_certify_box {display:none; width:100%; margin-top:10px;}
.tips {font-size:14px; font-weight:300; color:#666; letter-spacing:-0.35px; width:100%; margin-top:10px; }
/* 회원가입 */
/* 프로필이미지 공통으로 빼볼려고 했는데 조금씩 달라서 일단 보류...언젠가 공통에 맞춰서 회면 조정을 해야할듯*/
/* 프로필 이미지 60px 공통 */
.profile_img_c {width:60px; height:60px; border-radius:50%; overflow:hidden; margin-right:7px; border:2.5px solid #c99f5e; box-sizing:border-box;}
.profile_img_a {width:60px; height:60px; border-radius:50%; overflow:hidden; margin-right:7px; border:2.5px solid #515151; box-sizing:border-box;}
.profile_img_m {width:60px; height:60px; border-radius:50%; overflow:hidden; margin-right:7px; border:2.5px solid #d0d0d0; box-sizing:border-box;}
.profile_img_c img {width:100%;}
.profile_img_a img {width:100%;}
.profile_img_m img {width:100%;}
/* 프로필 이미지 60px 공통 */
/* 프로필 페이지 */
.profile_section {}
.profile_section .profile_block {max-width:380px; width:calc(100% - 25px); height:115px; border-radius:8px; margin:12px auto 0px; padding:15px; box-sizing:border-box; background: #fff url('/img/cmm/flower_bg_fa.png'); background-position:top right; box-shadow: 1px 3px 5px 2px rgba(0, 0, 0, 0.12); position:relative;}
.profile_section .profile_block .profile_info_wrap {display:flex; justify-content:space-between; width:100%; }
.profile_section .profile_block .profile_info_wrap .profile_info_left {display:flex; align-items:center; width:100%; }
.profile_section .profile_block .profile_info_wrap .profile_info {width:calc(100% - 70px); margin-top: 4px; margin-left:2px;}
.profile_section .profile_block .profile_info_wrap .profile_info .profile-name {font-size:21px; font-weight:300; color:#000; margin-bottom:1px; letter-spacing:0.05em; white-space:nowrap; text-overflow: ellipsis; overflow: hidden; width:100%;}
.profile_section .profile_block .profile_info_wrap .profile_info .profile-archives {font-size:18px; font-weight:200; color:#5b5b5b; letter-spacing:-0.07em; position: relative; top:1px;}
.profile_section .profile_block .profile_info_wrap .profile_info .profile-detail {font-size:19px; font-weight:300; color:#000; letter-spacing:0.01em; display:flex; align-items:center; margin-top:1px;}
.profile_section .profile_block .profile_info_wrap .profile_info .profile-detail span {margin-right:3px}
.profile_section .profile_block .profile_info_wrap .profile_info .profile-detail img {margin-top:-5px; margin-left:-3px; cursor:pointer;}
.profile_section .profile_block .profile_memo_wrap {display:flex; justify-content:space-between; margin-top:9px; height:16px; overflow:hidden; width:100%;}
.profile_section .profile_block .profile_memo_wrap .profile-memo {margin-left:0px; max-width:1150px; font-size:14px; line-height:1.23; color:#000; font-weight:normal; letter-spacing:0.03em; width:calc(100% - 15px);}
.profile_section .profile_block .profile_memo_wrap .more_memo_btn {position:absolute; top:76px; right:4px;}
.profile_section .profile_top_bg {position:absolute; top:0px; width:100%; height:157px; background:#e9e9e9; z-index:-1;}
.profile_section .profile_middle_horizon_bg {position:absolute; left:0px; top:157px; width:100%; height:15px; background:url('/img/cmm/pillar_horizon.png'),#f5f5f5; background-position:center; background-size:auto 15px; z-index:-1;}
.profile_section .profile_middle_Pillar_bg {position:absolute; left:0px; top:172px; width:100%; height:600px; background:url('/img/cmm/Pillar_05.png'),#f5f5f5; background-position:center; background-size:auto 600px; z-index:-1;}
.profile_section .profile_bottom_logo_con {max-width:140px; width:100%; margin:0 auto; text-align:center;}
.profile_section .profile_bottom_logo {position:absolute; padding-top:270px; margin:auto; text-align:center; z-index:-1;}
/*.profile_section .profile_bottom_logo_text {position:absolute; padding-top:550px; text-align:center; z-index:-1; font-size:14px; font-weight:200;}*/
/* 프로필 페이지 */
/* 마이페이지 CREST 리스트 */
.crest-lists-block{position:relative; width:100%; margin-top:36px; padding-bottom:93px;}
.crest-list .crest_box {max-width:300px; min-width:300px; height:480px; position:relative; background:#fff; box-sizing:border-box; box-shadow: 1px 3px 5px 2px rgba(0, 0, 0, 0.12); border-radius:8px; display:flex; flex-direction:column; justify-content:space-between; align-items:center; text-align:center; background-position:center; background-size:cover; background-repeat: no-repeat; overflow:hidden; margin-top:0px; margin-left:10px; right:1px;}
.crest_box .crest {width:480px; height:100% !important; position:absolute; display:flex; align-items:center; justify-content:center; cursor:pointer; margin:0 auto; z-index:1; max-height:480px;}
.crest_box .crest .crest_frame {position:absolute; max-width:100%; width:480px; height:100% !important;}
.crest_box .crest .crest_img {position:absolute; max-width:180px; height:180px; width:60%; overflow:hidden; z-index:-1;}
.crest_box .crest .crest_img img {width:180px; height:180px;}
.crest_box .crest .crest_contents {position:absolute; width:180px; height:180px; word-break:break-word; text-align:left; font-size:14px;}
.crest_box .crest_name {width:auto; height:30px; background:rgba(0,0,0,0.13); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.0); display: flex; align-items: center; justify-content: center; overflow:hidden; text-overflow: ellipsis; white-space:nowrap; text-align:center; font-size:15px; font-weight:400; letter-spacing:0.04em; margin-top:20px; color:#fff; z-index:2; padding: 0 6px; border-radius:7px;}
.crest_box .crest_name a {color:#fff;}
.crest_box .crest_name img {width:13px; height:26px;}
.crest_box .crest_name .link_c {color:#c99f5e; font-weight:400; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); animation: neon_crest_name-flicker 7s infinite alternate;}
.crest_box .crest-box_info {width:auto; z-index:1; background:rgba(0,0,0,0.13); border-radius:7px; margin-bottom:15px; padding:1px 5px; }
.crest_box .crest-box_info .crest-box_bottom {width:100%; display:flex; align-items:center; z-index:2}
.crest_box .crest-box_info .crest-box_bottom li {display:flex; align-items:center; justify-content:center; position:relative;}
.crest_box .crest-box_info .crest-box_bottom li:last-child {margin-right:0px;}
.crest_box .crest-box_info .crest-box_bottom li img{width:40px; height:40px; cursor:pointer;}
.crest_box .crest-box_info .crest-box_bottom li a {display:flex; align-items:center; justify-content:center; position:relative;}
.crest_box .crest-box_info .crest-box_bottom li a span{font-size: 13px; text-align: center; color:#c99f5e; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); z-index:0; animation: neon_crest_name-flicker 7s infinite alternate;}
.crest-list .crest-list__swiper {position: relative; padding-bottom:60px;}
.crest-list .swiper-pagination{position:absolute; display: flex; justify-content: center; align-items: center; bottom:30px !important;}
.crest-list .swiper-pagination .swiper-pagination-bullet{width: 10px; height: 10px; background: #b7b7b7;}
.crest-list .swiper-pagination .swiper-pagination-bullet-active{width: 10px; height: 10px; background: #979797;}
/* 마이페이지 CREST 리스트 끝 */
/* My Crest */
.btn_wrap {width:100%; padding:10px; border-bottom:1px solid #e6e6e6; box-sizing:border-box;}
.btn_wrap > div {max-width:1200px; width:100%; margin:0 auto; display:flex; justify-content:flex-end;}
.btn_wrap > div a {max-width:140px; width:100%; margin-right:15px;}
.btn_wrap > div a:last-child {margin-right:0px;}
.crest_list_board {padding-bottom:100px;}
.crest_list_board table {max-width:1200px; margin:0 auto; background:#fff; border-spacing: 0;}
.crest_list_board table input[type=checkbox] {width:20px; height:20px;}
.crest_list_board table tbody {}
.crest_list_board table th {padding:15px 1px; border-bottom:1px solid #e6e6e6; font-size:15px; letter-spacing:0.1em; color:#000; background:#fff; vertical-align:middle; text-align:left;}
.crest_list_board table th:first-child {padding:0px;}
.crest_list_board table th.tcenter {text-align:center;}
.crest_list_board table th p:last-child {margin-bottom:0px;}
.crest_list_board table th input[type=checkbox] + label {margin:0 auto;}
.crest_list_board table td {text-align:left; vertical-align:middle; background:#fff; background:#fff; border-bottom:1px solid #e6e6e6; box-sizing:border-box;}
.crest_list_board table td.tcenter {text-align:center;}
.crest_list_board table td input[type=checkbox] + label {margin:0 auto;}
.crest_list_board table td p {margin-top:0px; margin-left:7px; font-size:15px; color:#000; font-weight:normal; letter-spacing:0.03em;}
/*.crest_list_board table td .crest_list_name {width:auto; height:15px; display: flex; align-items: center; overflow:hidden; text-overflow: ellipsis; white-space:nowrap; text-align:center; font-size:15px; color:#c99f5e !important; font-weight:400; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); letter-spacing:0.04em;}
.crest_list_board table td .crest_list_name a {color:#c99f5e !important;}
.crest_list_board table td .crest_list_name img {width:10px; height:20px;}*/
.crest_list_board table td .crest_list_grey {color:#5b5b5b;}
.crest_list_board table td .crest_list_date {margin-top:5px; margin-left:7px; font-size:13px; color:#5b5b5b; letter-spacing:0.03em;}
.crest_list_board table td .crest_list_title {margin-top:6px; margin-left:7px; font-size:15px; color:#000; font-weight:400; letter-spacing:0.01em;}
.crest_list_board table td .crest_list_cert {margin-top:6px; margin-left:7px; font-size:14px; color:#3b3b3b; font-weight:500; letter-spacing:0.01em;}
.crest_list_board table .default_small_btn {margin-bottom:5px; }
.crest_list_board table .default_small_btn:last-child {margin-bottom:0px;}
.crest_list_board table td.crest_td {width:94px; height:105px; overflow:hidden; position:relative; overflow:hidden;}
.crest_list_board table td.crest_td .border-rounding {width:94px; height:94px; border-radius:8px; border:1px solid #c7c7c7; box-sizing:border-box; overflow:hidden; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.crest_list_board table td .crest_box {
width: 140px;
height: 140px;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.crest_list_board table .crest_box .crest {width:140px;}
.crest_list_board table .crest_box .crest .crest_frame {width:140px;}
.crest_list_board table .crest_box .crest .crest_img {width:52px; height:52px !important; position: relative; z-index: 1;}
.crest_list_board table .crest_box .crest .crest_img img {width:52px; height:52px; position: absolute; /* 절대 위치로 설정 */ z-index: 5; /* 텍스트보다 뒤에 위치 */}
.crest_list_board table .crest_box .crest .crest_contents {width:52px; height:52px; position: relative; overflow: hidden; top:1px; right:2px;}
.crest_list_board table .crest_box .crest .crest_contents .scale_wrap {
transform: scale(0.265);
transform-origin: top left;
width: 399%;
height: 399%;
padding: 0;
position: absolute; /* z-index를 쓰려면 필수! */
z-index: 10;
}
.crest_list_board .icon-box_info {max-height:104px; z-index:1; background:rgba(0,0,0,0.0); margin: 0 auto;}
.crest_list_board .icon-box_right {max-width:35px; margin: 0px auto;}
.crest_list_board .icon-box_right li {max-width:35px; max-height:35px;}
.crest_list_board .icon-box_right li:last-child {margin-right:0px;}
.crest_list_board .icon-box_right li img{width:35px; height:35px; cursor:pointer;}
.crest_list_board .icon-box_right li a {display:flex; align-items:center; justify-content:center; position:relative;}
.crest_list_board .icon-box_right li a span {font-size:12px; color:#c99f5e; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); z-index:0; margin-top:-2px;}
/* My Crest */
/* 크레스트 등록 */
.preview_form .crest_box {max-width:480px; width:100%; height:480px; border:1px solid #e6e6e6; background:#fff; position:relative; display:flex; flex-direction:column; justify-content:space-between; align-items:center; text-align:center; margin:0 auto 10px; overflow:hidden;}
.crest_form_box {max-width:1200px; width:100%; margin:0 auto;}
.crest_form_box .frame_select > ul {display:flex; width:100%; overflow-x:auto; overflow-y:hidden;}
.crest_form_box .frame_select > ul > li {width:140px; margin-right:10px; cursor:pointer;}
.crest_form_box .frame_select > ul > li div {width:140px; height:140px;}
.crest_form_box .frame_select > ul > li div img{width:140px; height:140px; object-fit:contain;}
.crest_form_box .frame_select > ul > li p{text-align:center; font-size:14px; font-weight:300; margin-top:5px;}
.crest_form_box .crestInfo {padding-bottom:100px;}
.crest_form_box .crestInfo .crestInfo-contents > li {padding:20px 10px;}
.crest_form_box .crestInfo .crestInfo-contents > li:last-child {border:0px;}
.crest_form_box .crestInfo .crestInfo-contents > li > div {display:flex; align-items:center; }
.crest_form_box .crestInfo .crestInfo-contents > li > div input[type=button] {margin-left:5px;}
.crest_form_box .crestInfo .crestInfo-contents > li > div input[type=text] {max-width:440px; margin:0px;}
.crest_form_box .crestInfo .crestInfo-contents > li > p.ipt_title {font-size:16px; font-weight:500; letter-spacing:0.05em; font-family: 'GmarketSansMedium'; color:#000; margin-bottom:10px; position:relative; display:inline-block;}
.crest_form_box .crestInfo .crestInfo-contents > li > p.ipt_title.required::after {content:""; position:absolute; width:4px; height:4px; background:#000; top:-5px; right:-10px; border-radius:50%;}
.crest_form_box .crestInfo input[type=text] {max-width:330px;}
.crest_form_box .crestInfo .crest_select {display:flex; align-items:center;}
.crest_form_box .crestInfo .crest_select .select_box {max-width:440px; width:100%;}
.centerTextWrite .note-editor {
font-size: 14px; /* 기본 폰트 크기 */
max-width: 182px !important;
width: 100% !important;
background: #f2f2f2;
}
.centerTextWrite .note-editable {
padding: 1px !important; /* 무조건 덮어씀 */
}
/* 에디터 내부 textarea (로딩전 기본 영역) */
.centerTextWrite textarea.cItemCenterText {
width: 100%;
resize: none; /* 크기 조절 막기 */
border: none;
outline: none;
font-size: 14px;
}
/* 툴바 버튼 아이콘 크기 조정 */
.centerTextWrite .note-toolbar .note-btn {
font-size: 9px; /* 버튼 내부 글자 (아이콘) 크기 */
/*padding: 6px 10px;*/
}
/* 툴바 안의 i 태그 (아이콘) 크기 */
.centerTextWrite .note-toolbar i {
font-size: 9px;
}
/* SVG 아이콘 크기 조정 (버전 따라 다를 수 있음) */
.centerTextWrite .note-toolbar svg {
width: 9px;
height: 9px;
}
/* 크레스트 등록 */
/* 크레스트 엑셀등록 */
#crestExcelForm .crestInfo ul li > p.ipt_title {font-size:16px; font-weight:500; letter-spacing:0.05em; font-family: 'GmarketSansMedium'; color:#000; margin-bottom:10px; position:relative; display:inline-block;}
#crestExcelForm .crestInfo ul li {padding-bottom:50px;}
#crestExcelForm .crestInfo ul li > div {display: flex; align-items: center;}
/* 크레스트 엑셀등록 */
/* 인증화면 */
.logo_title {margin:0 auto; padding-top:90px; margin-bottom:50px;}
.cert_wrap { max-width:504px; width:100%; margin:0 auto; text-align:center;}
.cert_wrap .cert_bg {position:absolute; left:0px; top:0px; width:100%; height:600px; background:url('/img/cmm/Pillar_05.png'),#f5f5f5; background-position:center; background-size:auto 600px; z-index:-1;}
.cert_wrap .text_box p {font-size:15px; font-weight:400; line-height:1.2; letter-spacing:0.04em; color:#000; margin:90px 0px 10px;}
.cert_wrap .video_box {aspect-ratio: 19200/10345; margin-top:20px; margin-bottom:45px;}
.cert_wrap .cert_video {height:100%; max-width:480px; width:calc(100% - 20px); border-radius:8px; box-sizing:border-box; border:2px solid rgba(0, 0, 0, 1); box-shadow: 1px 3px 5px 2px rgba(0, 0, 0, 0.12);}
.cert_wrap .cert_box {max-width:480px; margin:0px 12px; border-radius:8px; background:#f2f2f2; margin-bottom:50px; box-shadow: 1px 3px 5px 2px rgba(0, 0, 0, 0.12);}
.cert_wrap .cert_box .cert_box_contents {position: relative; overflow:hidden; min-height:420px; background: url('/img/cmm/flower_bg_fa.png');}
.cert_wrap .cert_box .cert_box_contents .cert_box_top {min-height:240px; border-radius:5px; background-repeat: no-repeat; background-position:top 0px center;}
/*.cert_wrap .cert_box .cert_box_contents .cert_box_top img {max-width:99%; width:auto;}*/
.cert_wrap .cert_box .cert_box_contents .cert_box_bottom {padding-bottom:40px;}
/*.cert_wrap .cert_box .cert_box_contents p.cert_box_title {color:#c99f5e; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); font-size:18px; font-weight:500; margin-bottom:5px; padding-top: 10px;}*/
.cert_wrap .cert_box .cert_box_contents p.cert_box_title {width:auto; height:30px; display: flex; align-items: center; justify-content: center; overflow:hidden; text-align:center; letter-spacing:0.04em; font-size:18px; font-weight:500; padding-top: 20px;}
.cert_wrap .cert_box .cert_box_contents p.cert_box_title img {width:65px; height:20px;}
/*.land_shape {width:79px; height:25px; background: url('/img/cmm/cc_deco_center.png') no-repeat center center; background-size: 79px 25px; margin:5px auto;}*/
.land_shape {width:30px; height:2px; background:#5b5b5b; margin:15px auto 25px;}
.cert_wrap .cert_box .cert_box_contents p {font-size:14px; color:#5b5b5b; line-height:1.29; padding:0px 10px;}
.cert_wrap .cert_box .cert_box_contents p b {font-weight:bold;}
.cert_wrap .dual_box {border:0px; padding-top:144px;}
/* 인증화면 */
/* 가이드 */
.guide_wrap {max-width:1200px; width:100%; padding:0px 12px; margin:0 auto; box-sizing:border-box; padding-bottom:60px; position: relative;}
.guide_wrap::after {
content: "";
position: absolute;
/* right: 0;*/
left: 50%;
transform: translateX(-50%);
bottom: -10px;
width: 300px; /* 배경 크기 조정 */
height: 300px;
background: url('/img/guide/curator_04.png') no-repeat center;
background-size: contain;
z-index: -1;
}
.guide_wrap p {font-size:14px; font-weight:300; line-height:1.43; color:#000;}
.guide_wrap p b {font-weight:bold;}
.guide_wrap .guide_main_title {font-size:16px; font-weight:500; color:#000; font-family: 'GmarketSansMedium';}
.guide_wrap .tip_box {background:#fff; position:relative; width:100%; height:40px; display:flex; align-items:center; margin:10px 0px;}
.guide_wrap .tip_box img {margin:0px 10px 0px 14px;}
.guide_wrap .tip_box::before {content:""; position:absolute; left:0px; width:5px; height:40px; background:#000;}
.guide_wrap .gray_shape {width:100%; margin:25px 0px; height:1px; background:#e6e6e6;}
.guide_wrap .guide_section_title {font-size:16px; font-weight:500; color:#000; margin-bottom:5px;}
.guide_wrap .guide_sub_title {font-size:16px; font-weight:500; color:#000; margin-bottom:5px;}
.guide_wrap .guide_img {max-width:100%; width:auto; margin:20px 0px;}
.guide_wrap .default_btn {width:100%; margin-top:10px;}
/* 가이드 */
/* REST API 관련 */
.api_apply_box {max-width:1200px; width:100%; margin:0 auto; padding:0px 10px; box-sizing:border-box;}
.api_apply_box ul li {padding:20px 0px;}
.api_apply_box ul li p{font-size:16px; font-weight:500; color:#000; font-family: 'GmarketSansMedium'; margin-bottom:10px;}
.api_apply_box .rest_api_key {margin-top:40px; text-align:center;}
.api_apply_box .api_btn_wrap {width:100%; margin:0 auto; text-align:center;}
/* REST API 관련 */
/* 프레임 관리 */
.frame_list {display:flex; max-width:1280px; width:100%; margin:0 auto; flex-wrap:wrap; justify-content:space-evenly; padding-bottom:100px;}
.frame_list > div {width:100%; height:480px; text-align:center; max-width:300px; background:#fff; box-shadow: 1px 3px 5px 2px rgba(0, 0, 0, 0.12); border-radius:8px; margin-bottom:100px;}
.frame_list > div .frame_img {width:100%; height:480px; object-fit:contain; border-radius:8px;}
.frame_list > div h3 {font-size:17px; color:#5b5b5b; font-weight: 400; letter-spacing:-0.5px; margin-top:10px;}
.frame_list > div p {font-size:20px; color:#5b5b5b; font-weight: 600; letter-spacing:-0.5px; margin-top:10px;}
/* 프레임 관리 */
/* 프레임 등록 */
.frame_form_box .prview_form {width:100%; height:480px; text-align:center; max-width:300px; margin:0 auto; background:#fff; box-shadow: 1px 3px 5px 2px rgba(0, 0, 0, 0.12); border-radius:8px; }
.frame_form_box { max-width:1280px; width:100%; margin:0 auto; flex-wrap:wrap; padding-bottom:100px;}
.frame_form_box .frame_contents {padding:0px 10px;}
.frame_form_box .frame_contents > li {padding:20px 0px;}
.frame_form_box .frame_contents > li > p.ipt_title {font-size:16px; font-weight:500; letter-spacing:0.05em; font-family: 'GmarketSansMedium'; color:#000; margin-bottom:10px; position:relative; display:inline-block;}
.frame_form_box .frame_contents > li > p.ipt_title.required::after {content:""; position:absolute; width:4px; height:4px; background:#000; top:-5px; right:-10px; border-radius:50%;}
.frame_form_box .frame_contents > li > div {display:flex; align-items:center; }
.frame_form_box .frame_contents > li > div input[type=text] {margin-bottom:0px;}
.crest_form_box .frame_contents .frame_select {display:flex; align-items:center;}
.crest_form_box .frame_contents .frame_select .select_box {max-width:440px; width:100%;}
.crest_guideline {position: absolute; left: 0; top: 0; background: url('/img/common/frame_guideline.png') no-repeat center/cover; z-index: 100; width: 100%; height: 100%; display: none;}
/* 프레임 등록 */
/* 문의 */
.note_form_box .noteInfo {padding-bottom:100px; max-width:410px; margin:0 auto;}
.note_form_box .noteInfo .noteInfo-contents > li {padding:10px 13px;}
.note_form_box .noteInfo .noteInfo-contents > li:last-child {border:0px;}
.note_form_box .noteInfo .noteInfo-contents > li > div {display:flex; align-items:center; }
.note_form_box .noteInfo .noteInfo-contents > li > div input[type=button] {margin-left:5px;}
.note_form_box .noteInfo .noteInfo-contents > li > div input[type=text] {max-width:440px; margin:0px;}
.note_form_box .noteInfo .noteInfo-contents > li > p.ipt_title {font-size:16px; font-weight:500; letter-spacing:0.05em; font-family: 'GmarketSansMedium'; color:#000; margin-bottom:10px; position:relative; display:inline-block;}
.note_form_box .noteInfo .noteInfo-contents > li > p.ipt_title.required::after {content:""; position:absolute; width:4px; height:4px; background:#000; top:-5px; right:-10px; border-radius:50%;}
/* 문의 */
/* 하단 네비게이션 */
.footer {width:100%; position:fixed; bottom:0px; z-index:100; background:#fff;}
.footer .footer_navigation ul {display:flex; box-shadow: 0 -2px 5px 0 rgba(0, 0, 0, 0.15);}
.footer .footer_navigation ul li {width:25%; text-align:center; height:50px; display:flex; align-items:center; justify-content:center;}
.footer .footer_navigation ul li .icon_bell_count {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 14px; font-weight: 400; text-align: center; margin-top:-4px; z-index:-1;}
/* 하단 네비게이션 */
/* 약관 */
/*.policy_wrap {max-width:1200px; width:100%; margin:0 auto; padding-bottom:100px; }*/
.policy_wrap {max-width:1200px; width:calc(100% - 20px); margin:0 auto; padding-bottom:100px; color:#5b5b5b;}
.policy_wrap p {line-height:1.47; font-size:14px;}
/* 약관 */
.app-link_banner {}
.app-link_banner ul {max-width:440px; width:100%; margin:25px auto; display:flex; justify-content:center;}
.app-link_banner ul li {margin:3px;}
.app-link_banner img {border-radius:5px; border:2px solid #c7c7c7;}
@media(max-width:325px){
.side-menu__block {max-width:85%;}
}
@media (max-height:590px) {
.side-menu__block .side_menu nav {width:100%; margin-top:30px}
.side-menu__block .side_menu nav > ul > li + li{margin-top: 28px}
}
@media (min-width:1005px) {
.profile_section .profile_middle_Pillar_bg {position:absolute; left:0px; top:172px; width:100%; height:600px; background:url(''),#f5f5f5; background-position:center; background-size:auto 600px; z-index:-1;}
}
.neon_acc {
animation: neon_acc-flicker 11.5s infinite alternate;
}
@keyframes neon_acc-flicker {
0% {
text-shadow: 0 0 3px rgba(255, 255, 255, 1);
background:#dcdcdc url('/img/cmm/flower_bg_e9.png');
color:#323232;
}
25% {
text-shadow: 0 0 1px rgba(0, 0, 0, 0.25);
background:#f0f0f0 url('/img/cmm/flower_bg_fa.png');
color:#323232;
}
50% {
text-shadow: 0 0 3px rgba(255, 255, 255, 1);
background:#e2e2e2 url('/img/cmm/flower_bg_e9.png');
color:#000;
}
75% {
text-shadow: 0 0 1px rgba(0, 0, 0, 0.25);
background:#f0f0f0 url('/img/cmm/flower_bg_fa.png');
color:#323232;
}
100% {
text-shadow: 0 0 3px rgba(255, 255, 255, 1);
background:#dcdcdc url('/img/cmm/flower_bg_e9.png');
color:#323232;
}
}
.neon_pa {
animation: neon_pa-flicker 6.5s infinite alternate;
}
@keyframes neon_pa-flicker {
0% {border:2px solid rgba(0,0,0, 0.7);}
10% {border:2px solid rgba(0,0,0, 0.65);}
20% {border:2px solid rgba(0,0,0, 0.6);}
30% {border:2px solid rgba(0,0,0, 0.55);}
40% {border:2px solid rgba(0,0,0, 0.45);}
50% {border:2px solid rgba(0,0,0, 0.35);}
60% {border:2px solid rgba(0,0,0, 0.45);}
70% {border:2px solid rgba(0,0,0, 0.55);}
80% {border:2px solid rgba(0,0,0, 0.6);}
90% {border:2px solid rgba(0,0,0, 0.65);}
100% {border:2px solid rgba(0,0,0, 0.7);}
}
.neon_pa_bold {
animation: neon_pa-flicker_bold 7.5s infinite alternate;
}
@keyframes neon_pa-flicker_bold {
0% {border:2.6px solid rgba(0,0,0, 0.7);}
10% {border:2.6px solid rgba(0,0,0, 0.65);}
20% {border:2.6px solid rgba(0,0,0, 0.6);}
30% {border:2.6px solid rgba(0,0,0, 0.55);}
40% {border:2.6px solid rgba(0,0,0, 0.45);}
50% {border:2.6px solid rgba(0,0,0, 0.35);}
60% {border:2.6px solid rgba(0,0,0, 0.45);}
70% {border:2.6px solid rgba(0,0,0, 0.55);}
80% {border:2.6px solid rgba(0,0,0, 0.6);}
90% {border:2.6px solid rgba(0,0,0, 0.65);}
100% {border:2.6px solid rgba(0,0,0, 0.7);}
}
.neon_pc {
animation: neon_gold-flicker 5.5s infinite alternate;
}
@keyframes neon_gold-flicker {
0% {border:2px solid rgba(201, 159, 94, 0.9);}
10% {border:2px solid rgba(201, 159, 94, 0.82);}
20% {border:2px solid rgba(201, 159, 94, 0.75);}
30% {border:2px solid rgba(201, 159, 94, 0.65);}
40% {border:2px solid rgba(201, 159, 94, 0.55);}
50% {border:2px solid rgba(201, 159, 94, 0.45);}
60% {border:2px solid rgba(201, 159, 94, 0.55);}
70% {border:2px solid rgba(201, 159, 94, 0.65);}
80% {border:2px solid rgba(201, 159, 94, 0.75);}
90% {border:2px solid rgba(201, 159, 94, 0.82);}
100% {border:2px solid rgba(201, 159, 94, 0.9);}
}
.neon_pc_bold {
animation: neon_gold-flicker_bold 5.5s infinite alternate;
}
@keyframes neon_gold-flicker_bold {
0% {border:2.7px solid rgba(201, 159, 94, 0.9);}
10% {border:2.7px solid rgba(201, 159, 94, 0.82);}
20% {border:2.7px solid rgba(201, 159, 94, 0.75);}
30% {border:2.7px solid rgba(201, 159, 94, 0.65);}
40% {border:2.7px solid rgba(201, 159, 94, 0.55);}
50% {border:2.7px solid rgba(201, 159, 94, 0.45);}
60% {border:2.7px solid rgba(201, 159, 94, 0.55);}
70% {border:2.7px solid rgba(201, 159, 94, 0.65);}
80% {border:2.7px solid rgba(201, 159, 94, 0.75);}
90% {border:2.7px solid rgba(201, 159, 94, 0.82);}
100% {border:2.7px solid rgba(201, 159, 94, 0.9);}
}
.neon_crest_new {
animation: neon_gold-flicker_crest 9.3s infinite alternate;
}
@keyframes neon_gold-flicker_crest {
0% {border:2px solid rgba(201, 159, 94, 1); box-shadow: rgba(201, 159, 94, 0.7) 2px 2px 4px, rgba(201, 159, 94, 0.6) 2px 7px 13px -3px, rgba(201, 159, 94, 0.5) 1px -1px 0px inset;}
10% {border:2px solid rgba(201, 159, 94, 0.9); box-shadow: rgba(201, 159, 94, 0.65) 2px 2px 4px, rgba(201, 159, 94, 0.55) 2px 7px 13px -3px, rgba(201, 159, 94, 0.45) 1px -1px 0px inset;}
20% {border:2px solid rgba(201, 159, 94, 0.8); box-shadow: rgba(201, 159, 94, 0.6) 2px 2px 4px, rgba(201, 159, 94, 0.5) 2px 7px 13px -3px, rgba(201, 159, 94, 0.4) 1px -1px 0px inset;}
30% {border:2px solid rgba(201, 159, 94, 0.7); box-shadow: rgba(201, 159, 94, 0.5) 2px 2px 4px, rgba(201, 159, 94, 0.4) 2px 7px 13px -3px, rgba(201, 159, 94, 0.3) 1px -1px 0px inset;}
40% {border:2px solid rgba(201, 159, 94, 0.6); box-shadow: rgba(201, 159, 94, 0.4) 2px 2px 4px, rgba(201, 159, 94, 0.3) 2px 7px 13px -3px, rgba(201, 159, 94, 0.2) 1px -1px 0px inset;}
50% {border:2px solid rgba(201, 159, 94, 0.5); box-shadow: rgba(201, 159, 94, 0.3) 2px 2px 4px, rgba(201, 159, 94, 0.2) 2px 7px 13px -3px, rgba(201, 159, 94, 0.1) 1px -1px 0px inset;}
60% {border:2px solid rgba(201, 159, 94, 0.6); box-shadow: rgba(201, 159, 94, 0.4) 2px 2px 4px, rgba(201, 159, 94, 0.3) 2px 7px 13px -3px, rgba(201, 159, 94, 0.2) 1px -1px 0px inset;}
70% {border:2px solid rgba(201, 159, 94, 0.7); box-shadow: rgba(201, 159, 94, 0.5) 2px 2px 4px, rgba(201, 159, 94, 0.4) 2px 7px 13px -3px, rgba(201, 159, 94, 0.3) 1px -1px 0px inset;}
80% {border:2px solid rgba(201, 159, 94, 0.8); box-shadow: rgba(201, 159, 94, 0.6) 2px 2px 4px, rgba(201, 159, 94, 0.5) 2px 7px 13px -3px, rgba(201, 159, 94, 0.4) 1px -1px 0px inset;}
90% {border:2px solid rgba(201, 159, 94, 0.9); box-shadow: rgba(201, 159, 94, 0.65) 2px 2px 4px, rgba(201, 159, 94, 0.55) 2px 7px 13px -3px, rgba(201, 159, 94, 0.45) 1px -1px 0px inset;}
100% {border:2px solid rgba(201, 159, 94, 1); box-shadow: rgba(201, 159, 94, 0.7) 2px 2px 4px, rgba(201, 159, 94, 0.6) 2px 7px 13px -3px, rgba(201, 159, 94, 0.5) 1px -1px 0px inset;}
}
.neon_crest_new_icon {
animation: neon_crest_new_icon-flicker 4.5s infinite alternate;
}
@keyframes neon_crest_new_icon-flicker {
0% {font-weight:500;}
5% {opacity:0.95;}
10% {opacity:0.9;}
15% {opacity:0.85;}
20% {opacity:0.8;}
25% {opacity:0.75;}
30% {opacity:0.7;}
35% {opacity:0.65;}
40% {opacity:0.6;}
45% {opacity:0.53;}
50% {opacity:0.46;}
55% {opacity:0.53;}
60% {opacity:0.6;}
65% {opacity:0.65;}
70% {opacity:0.7;}
75% {opacity:0.75;}
80% {opacity:0.8;}
85% {opacity:0.85;}
90% {opacity:0.9;}
95% {opacity:0.95;}
100% {font-weight:500;}
}
@keyframes neon_crest_name-flicker {
0% {opacity:1;}
39% {opacity:1;}
40% {opacity:0.98;}
42% {opacity:0.96;}
44% {opacity:0.94;}
46% {opacity:0.92;}
48% {opacity:0.90;}
50% {color:#cba160;}
52% {opacity:0.90;}
54% {opacity:0.92;}
56% {opacity:0.94;}
58% {opacity:0.96;}
60% {opacity:0.98;}
62% {opacity:1;}
100% {opacity:1;}
}
@keyframes neon_new_notice-flicker {
0% {}
5% {opacity:0.97;}
10% {opacity:0.94;}
15% {opacity:0.91;}
20% {opacity:0.88;}
25% {opacity:0.85;}
30% {opacity:0.82;}
35% {opacity:0.79;}
40% {opacity:0.76;}
45% {opacity:0.73;}
50% {opacity:0.73;}
55% {opacity:0.73;}
60% {opacity:0.76;}
65% {opacity:0.79;}
70% {opacity:0.82;}
75% {opacity:0.85;}
80% {opacity:0.88;}
85% {opacity:0.91;}
90% {opacity:0.94;}
95% {opacity:0.97;}
100% {}
}