@charset "utf-8";

@import "/css/fonts.css";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav,
output, ruby, section, summary, time, mark, audio, video { margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;color: #222; }
body{ font:400 16px 'NanumSquareNeo', 'Malgun Gothic', '맑은 고딕', sans-serif; color:#666; line-height:1.4; font-weight: normal; -webkit-tap-highlight-color:transparent; }
strong { font-weight: 800; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: '';content: none; }
table { border-collapse: collapse;border-spacing: 0; }
input, textarea, select{width: 100%; height: 50px; padding: 0 20px; border: 1px solid #ccc; border-radius: 2px; box-sizing: border-box;font: 400 14px 'NanumSquareNeo', 'NotoSansKR', 'Malgun Gothic', '맑은 고딕', sans-serif; color: #111; line-height: 50px; transition: 0.3s; }
textarea { padding: 10px 20px; line-height: 22px; }
input:hover, textarea:hover { border: 1px solid #333; transition: 0.3s; }
input:focus { border: 1px solid #666; outline: 0; color: #333; }
input::placeholder, textarea::placeholder, select::placeholder { color: #999; }
input[readonly], input[disabled] { background: #f2f2f2; }
input:disabled:hover { border: 1px solid #ccc; }
a{display:inline-block; color:#666; text-decoration:none;}
a:focus, a:active, a:hover { outline: 0; }
img { border: 0;vertical-align: middle; }

select { background: url('/images/common/icon_select_arrow.png') no-repeat 95% 50%; appearance: none; outline: 0; }

/* 체크박스 */
input[type=checkbox] { width: 15px; height: 15px; }
.checkbox { padding: 0px 40px 0 0; overflow: hidden; float: left; }
.checkbox input[type=checkbox]{ display:none; }
.checkbox input[type=checkbox] + label { cursor:pointer; }
.checkbox input[type=checkbox] + label > span { padding: 0px 0 0 10px; font-size: 16px; color: #111; vertical-align: middle; }
.checkbox input[type=checkbox] + label:before { width: 18px; height: 18px; border: 1px solid #ccc; background: #fff; content:""; vertical-align:middle; display:inline-block; }
.checkbox input[type=checkbox]:checked + label:before { border: 1px solid #f8428c; background: url('/images/common/icon_checkon.png') no-repeat #f8428c; background-position: 50%; content:""; transition: 0.3s; }

/* 라디오박스 */
.radiobox { overflow: hidden; float: left; }
.radiobox input[type=radio] { display:none; }
.radiobox input[type=radio] + label { cursor:pointer; }
.radiobox input[type=radio] + label > span { padding: 0px 0 0 10px; font-size: 16px; color: #111; vertical-align: middle; }
.radiobox input[type=radio] + label:before { width: 18px; height: 18px; border: 1px solid #ccc; border-radius: 50%; background: #fff; content:""; vertical-align:middle; display:inline-block; }
.radiobox input[type=radio]:checked + label:before { border: 1px solid #f8428c; background: url('/images/common/icon_radio_checkon.png') no-repeat #fff; background-position: 50%; content:""; transition: 0.3s; }

/* 토글버튼 */
.btn_toggle label { align-items: center; gap: 5px; cursor: pointer; display: inline-flex; }
.btn_toggle [type="checkbox"] { position: relative; width: 30px; height: 25px; border-radius: 20px; border: 2px solid #ccc; appearance: none; }
.btn_toggle [type="checkbox"]::before { position: absolute; left: 0; width: 20px; height: 20px; border-radius: 50%; background: #f8428c; content: ""; transform: scale(0.8); transition: left 250ms linear; }
.btn_toggle [type="checkbox"]:checked { background-color: #f8428c; border-color: #f8428c; }
.btn_toggle [type="checkbox"]:checked::before { left: 20px; background-color: #fff; }
.btn_toggle [type="checkbox"]:disabled { border: 2px solid #ccc; opacity: 0.7; cursor: not-allowed; }
.btn_toggle [type="checkbox"]:disabled:before { background-color: #999; }
.btn_toggle [type="checkbox"]:disabled + span { opacity: 0.7; cursor: not-allowed; }
.btn_toggle [type="checkbox"]:enabled:hover { cursor: pointer; }

/* 페이지 넘버 */
.pagination { margin: 30px 0 0 50%; text-align: center; transform: translateX(-50%); display: inline-block; }
.pagination a { width: 30px; height: 30px; line-height: 30px; margin: 0 4px; border: 1px solid #ccc; border-radius: 50%; text-decoration: none; transition: .3s; float: left; }
.pagination a.active { border: 1px solid #f8428c; background: #f8428c; color: #fff; }
.pagination a:hover:not(.active) { border: 1px solid #f8428c; color: #f8428c; }
.pagination a:nth-child(8) { margin: 0 4px 0 15px; }
.pagination a.btn_next,
.pagination a.btn_last { transform: rotate(180deg); }
.pagination a.btn_next img,
.pagination a.btn_last img { margin: 0 3px 0 0; }
.pagination a.btn_first img,
.pagination a.btn_prev img { margin: -1px 3px 0 0; }

/* 공통 */
.common .inner { width: 1500px; margin: 0 auto; }
.common .sub_title { padding: 30px 0 25px 0; }
.common .sub_title > img { height: 70px; }
.common .sub_back { position: relative; padding: 50px 0 20px 0; overflow: hidden; }
.common .sub_back > a > img { position: absolute; top: 44px; left: -15px; float: left; }
.common .sub_back > h1 { padding: 0 0 0 25px; font-size: 20px; color: #111; font-weight: bold; float: left; }
#pageTitle { padding: 30px 0 0; }
#pageTitle > img { height: 70px; }


/* 탭(공모전) */
.tab { height: 50px; border-bottom: 1px solid #e8e8e8; background-color: #f8f8f8; overflow: hidden; }
.tab button { height: 50px; line-height: 50px; padding: 0 20px; border: none; outline: none; cursor: pointer; background-color: inherit; font-size: 16px; text-align: center; color: #999; transition: 0.3s; float: left;}
.tab button:hover { color: #f8428c; font-weight: bold; transition: 0.3s; }
.tab button.active { border-bottom: 2px solid #f8428c; background-color: #fff; color: #f8428c; font-weight: bold; }
.tab_content { display: inline-block; width: 100%; padding: 30px 0; border-top: none; }

textarea { overflow: auto;vertical-align: top;resize: vertical; }
button { padding:0;outline:0;border:0;cursor:pointer; }
button, input, select, textarea { font-size:100%;margin:0;font-family:inherit;color:inherit; }
button, input { line-height:normal; }
button, select { text-transform:none; }
table {	border-collapse:collapse;border-spacing:0; }
::selection { background:#b3d4fc;text-shadow:none; }
.line_through { text-decoration:line-through }


#loading { position:fixed;top:50%;left:50%;width:100px;height:100px;margin:-50px 0 0 -50px;z-index:15;display:none; }
#alertMessage { position:fixed;top:100px;left:50%;width:450px;padding:15px 10px;margin:0 0 0 -185px;line-height:20px;background:#835e3d;opacity:0.9;filter:alpha(opacity=90);border-radius:5px;color:#fff;font-size:13px;text-align:center;z-index:20;display:none; }
/* confirm 레이어 */
#confirmLayer { position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;display:none; }
#confirmLayer > .blind { position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.6;display:block; }
#confirmLayer > .inner { position:absolute;top:50%;left:50%;width:560px;height:auto;transform:translateX(-50%) translateY(-50%);border-radius:15px;background:#fff;overflow:hidden;z-index:11; }
#confirmLayer > .inner > .title { height:49px;padding:0 20px;line-height:49px;border-bottom:1px solid #d2d2d2;color:#ef7e1b; }
#confirmLayer > .inner > .message { line-height:30px;padding:20px;text-align:center;font-size:18px; }
#confirmLayer > .inner > .message span { font-size:16px; }
#confirmLayer > .inner > .message .font13 { font-size:13px; }
#confirmLayer > .inner > .button { padding: 0 0 25px 0;text-align:center; }
#confirmLayer > .inner > .button > * { width:105px;height:38px;line-height:38px;background:#ef7e1b;border:1px solid #ef7e1b;color:#fff;cursor:pointer;display:inline-block; }
#confirmLayer > .inner > .button > .cancel { background:#fff;border:1px solid #ef7e1b;color:#555; }
/* customerCenter 레이어 */
#customerCenter .blind { position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.6;display:block; }
#customerCenter .inner { position:absolute;top:50%;left:50%;width:560px;height:auto;transform:translateX(-50%) translateY(-50%);border-radius:15px;background:#fff;overflow:hidden;z-index:11; }
#customerCenter .inner > .title { height:49px;padding:0 20px;line-height:49px;border-bottom:1px solid #d2d2d2;color:#ef7e1b; }
#customerCenter .inner > .message { line-height:28px;padding:20px;text-align:center;font-size:14px; }
#customerCenter .inner > .message b { font-weight: 600; }
#customerCenter .inner > .button { padding: 0 0 25px 0;text-align:center; }
#customerCenter .inner > .button > * { width:105px;height:38px;line-height:38px;background:#ef7e1b;border:1px solid #ef7e1b;color:#fff;cursor:pointer;display:inline-block; }
#customerCenter .inner > .button > .cancel { background:#fff;border:1px solid #ef7e1b;color:#555; }
/* 공용 팝업 레이어 */
.common_layer { position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;display:none; }
.common_layer.on { display: block; }
.common_layer > .blind { position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.6;display:block; }
.common_layer > .inner { position:absolute;top:50%;left:50%;width:560px;height:70%;transform:translateX(-50%) translateY(-50%);border-radius:15px;background:#fff;overflow:hidden;z-index:11; }
.common_layer > .inner > .header { height:49px;padding:0 20px;line-height:49px;border-bottom:1px solid #d2d2d2; }
.common_layer > .inner > .header > .title { font-weight:700; }
.common_layer > .inner > .header > .close { position: absolute; top: 2px; right: 20px; }
.common_layer > .inner > .header > .close:after { content: '\00d7'; font-size: 30px; cursor: pointer; }
.common_layer > .inner > .content { height:calc(100% - 100px);padding:20px;overflow-x:hidden;overflow-y:auto;font-size:13px; }
.common_layer > .inner > .content img { width:100%; }
.common_layer > .inner > .content::-webkit-scrollbar { width:15px; }
.common_layer > .inner > .content::-webkit-scrollbar-thumb { background-color: #e3e3e3;border-radius:15px;background-clip:padding-box;border:2px solid transparent; }
.common_layer > .inner > .content::-webkit-scrollbar-track { background-color:#f7f7f7;border-radius:15px;box-shadow:inset 0px 0px 5px white; }

/* 탭(핑크색) */
.tabs { padding: 40px 0; }
.tabs > .tab_box { position: relative; border-bottom: 1px solid #f8428c; }
.tabs > .tab_box > .tab { position: absolute; bottom: -1px; width: 1450px; height: auto; border-bottom: 0; background: none; overflow: hidden; }
.tabs > .tab_box > .tab button { height: 36px; line-height: 36px; padding: 0 20px; margin: 0 5px; background: #f2f2f2; border: 1px solid #ccc; border-bottom: 1px solid #f8428c; border-radius: 10px 10px 0 0; font-size: 16px; color: #999; font-weight: bold; text-align: center; box-sizing: border-box; float: left; }
.tabs > .tab_box > .tab button.active { border: 1px solid #f8428c; border-bottom: 0; background: #f8428c; color: #fff; }
.tabs > .tab_box > .tab button.active:last-child { border-right: 1px solid #f8428c; }
.tabs > .tab_box > .tab button.on { border: 1px solid #f8428c; border-bottom: 0; box-sizing: border-box; background: #f8428c; color: #fff; }
.tabs > .tab_box > .tab button:hover { background: #f8428c; color: #fff; transition: .2s; }
.tabs > .tab_box > .tab button:last-child { border-right: 1px solid #ccc; }


/* 파일첨부 */
.file label { height: 50px; line-height: 50px; padding: 0 20px; border: 1px solid #cccccc; border-radius: 5px; background: #e3e3e3; font-size: 16px; color: #111; vertical-align: middle; cursor: pointer; display: inline-block; }
.file input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; border: 0; clip: rect(0, 0, 0, 0); overflow: hidden; }


/* 공통 등록 팝업 레이어 */
.common_popup { position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;display:none; }
.common_popup > .blind { position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.6;display:block; }
.common_popup > .inner { position:absolute;top:50%;left:50%;width:500px;height:70%;transform:translateX(-50%) translateY(-50%);border-radius:15px;background:#888;overflow:hidden;z-index:11; }
.common_popup > .inner > .header { height:49px;padding:0 20px;line-height:49px;border-bottom:1px solid #d2d2d2;background:#ef7e1b; }
.common_popup > .inner > .header > .title { font-weight:500;color:#fff; }
.common_popup > .inner > .header > .title > * { color:inherit; }
.common_popup > .inner > .header > .close { position:absolute;top:-1px;right:20px; }
.common_popup > .inner > .header > .close:after { content:'\00d7';font-size:20px;color:#fff;cursor:pointer; }
.common_popup > .inner > .content { height:calc(100% - 150px);padding:20px 30px;background:#fff;overflow-x:hidden;overflow-y:auto; }
.common_popup > .inner > .content img { width:100%; }
.common_popup > .inner > .content::-webkit-scrollbar { width:15px; }
.common_popup > .inner > .content::-webkit-scrollbar-thumb { background-color: #e3e3e3;border-radius:15px;background-clip:padding-box;border:2px solid transparent; }
.common_popup > .inner > .content::-webkit-scrollbar-track { background-color:#f7f7f7;border-radius:15px;box-shadow:inset 0px 0px 5px white; }
.common_popup > .inner > .content .red_mark { position:relative; }
.common_popup > .inner > .content .red_mark:before { content:'*';position:absolute;top:3px;left:10px;color:#fa4b4b; }
.common_popup > .inner > .content.form h3 { padding:0 0 10px 0;margin:0 0 10px 0;font-size:16px;font-weight:500;border-bottom:1px solid #e0e0e0; }
.common_popup > .inner > .content.form h3.mt10 { margin:10px 0; }
.common_popup > .inner > .content.form h3.mt20 { margin:20px 0 10px 0; }
.common_popup > .inner > .content.form h3.line { border-bottom:1px solid #ddd; }
.common_popup > .inner > .content.form ul > li { overflow:hidden; }
.common_popup > .inner > .content.form ul > li > dt { width:100px;height:50px;padding:0 0 0 20px;line-height:50px;float:left; }
.common_popup > .inner > .content.form ul > li > dd { width:calc(100% - 130px);height:50px;line-height:50px;float:left; }
.common_popup > .inner > .content.form ul > li > dd > label { margin:0 20px 0 0;cursor:pointer;display:inline-block; }
.common_popup > .inner > .content.form ul > li > dd > label.blank { width:47px; }
.common_popup > .inner > .content.form ul > li.double { height:70px; }
.common_popup > .inner > .content.form ul > li.double > dt { height:auto; }
.common_popup > .inner > .content.form ul > li.double > dd { height:auto;margin:10px 0 0;line-height:30px; }
.common_popup > .inner > .content.form ul > li.triple { height:auto; }
.common_popup > .inner > .content.form ul > li.triple > dt { height:auto; }
.common_popup > .inner > .content.form ul > li.triple > dd { height:auto;margin:10px 0 0;line-height:30px; }
.common_popup > .inner > .content.form ul > li.triple > dd > label { display:block; }
.common_popup > .inner > .button { height:60px;line-height:55px;border-top:1px solid #ccc;background:#e8e8e8;text-align:center; }


.pos_relative { position:relative; }
.pos_absolute { position:absolute; }
.float_left { float:left; }
.float_right { float:right; }
.clear::after { content:'';display:block;clear:both; }
.link { position:relative;color:#337ab7;cursor:pointer; }
.link.on, .link:hover { text-decoration:underline; }
.link.no_line:hover::after { height:0; }
.underline { position:relative; }
.underline::after { content:" ";position:absolute;left:0;top:20px;width:100%;height:1px;background-color:#666; }
.underline.color_cloudy::after { background-color:#ddd; }
.underline.color_gray::after { background-color:#aaa; }
.underline.color_blue::after { background-color:#2e6da4; }
.underline.color_red::after { background-color:#fa4b4b; }
.underline.color_green::after { background-color:#30b9a4; }
.underline.color_orange::after { background-color:#e34500; }
.underline.color_purple::after { background-color:#800080; }

.font15 { font-size:15px; }
.font18 { font-size:18px; }

.line20 { line-height:20px; }
.line25 { line-height:25px; }
.line30 { line-height:30px; }
.line40 { line-height:40px; }
.line70 { line-height:70px; }

.mg0 {margin:0;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt50 {margin-top:50px;}
.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml20 {margin-left:20px;}
.ml27 {margin-left:27px;}
.ml30 {margin-left:30px;}
.ml50 {margin-left:50px;}
.ml100 {margin-left:100px;}
.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr20 {margin-right:20px;}
.mr30 {margin-right:30px;}
.mr50 {margin-right:50px;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.pd0 {padding:0;}
.p10 {padding:10px;}
.p20 {padding:20px;}
.p30 {padding:30px;}
.left0 {left:0;}
.right0 {right:0;}
.h200 {height:200px;}
.color_white { color:#fff; }
.color_cloudy {color:#ddd;}
.color_gray {color:#aaa;}
.color_blue {color:#2e6da4;}
.color_red {color:#fa4b4b;}
.color_green {color:#30b9a4;}
.color_orange {color:#e34500;}
.color_purple {color:#800080;}
.color_black {color:#111;}
.cursor_pointer { cursor:pointer; }
.cursor_auto { cursor:auto; }
.font11 { font-size:11px; }
.font13 { font-size:13px; }
.font20 { font-size:20px; }
.bg_text { padding:0 5px 1px 5px;background-color:#888;color:#fff; }
.bg_text.cloudy { background-color:#ddd; }
.bg_text.gray { background-color:#aaa; }
.bg_text.skyblue {background-color:#31b0d5; }
.bg_text.blue { background-color:#2e6da4; }
.bg_text.red { background-color:#fa4b4b; }
.bg_text.green { background-color:#30b9a4; }
.bg_text.orange {background-color:#e34500; }
.bg_text.yellow {background-color:#fff4a2;color:#fa4b4b; }
.bg_text.circle {position:relative;top:-2px;padding:0;border-radius:17px;width:17px;height:17px;text-align:center;display:inline-block;font-size:11px;}
.bg_f9 { background-color:#f9f9f9; }
.highlight { padding:0 3px 1px 3px;margin:0 2px;background-color:#fff4a2;color:#000000; }
.h50 { height:50px; }

.hidden { display:none; }
.blind {position:fixed;background-color:#000;top:0px;right:0;bottom:0;left:0;opacity:0.6;filter:alpha(opacity=60);display:none;z-index:10}
.inner_blind {position:absolute;background-color:#000;top:0px;right:0;bottom:0;left:0;opacity:0.6;filter:alpha(opacity=60);display:none;z-index:10}
.select_none {user-select:none;}
.bold { font-weight: 800; }
.align_left { text-align:left; }
.align_center { text-align:center; }
.align_right { text-align:right; }
.plus { margin: -6px 0 0; vertical-align: super; display: inline-block; }
.w30 { width:30px; }
.w40 { width:40px; }
.w50 { width:50px; }
.w70 { width:70px; }
.w80 { width:80px; }
.w100 { width:100px; }
.w120 { width:120px; }
.w130 { width:130px; }
.w140 { width:140px; }
.w150 { width:150px; }
.w180 { width:180px; }
.w200 { width:200px; }
.w250 { width:250px; }
.w300 { width:300px; }
.w350 { width:350px; }
.w400 { width:400px; }
.w450 { width:450px; }
.w500 { width:500px; }
.w30p { width:30%; }
.w33p { width:33%; }
.w34p { width:34%; }
.w40p { width:40%; }
.w50p { width:50%; }
.w60p { width:60%; }
.w70p { width:70%; }
.w90p { width:90%; }
.w95p { width:95%; }
.w100p { width:100%; }
.w_auto { width:auto; }
.ellipsis { text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden; }
.ellipsis2{ text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient: vertical;box-orient:vertical; }

.btn { min-width: 90px; height: 35px; padding: 0 20px ; margin: 0 10px 0 10px; line-height: 35px; font-size: 14px; font-weight: normal; text-align: center; vertical-align: middle;touch-action: manipulation; cursor: pointer; user-select: none; white-space: nowrap; display: inline-block; }
.btn:hover { transition: 0.3s; }
.btn.hidden { display:none; }
.btn:focus { border-color:#aaa;outline:0;box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(151, 151, 151, .6); }
.btn.mini { min-width: auto; height: 27px; line-height: 27px; font-size: 12px; }
.btn.large { height: 50px; padding: 0 30px ;margin: 0 10px 0 10px;line-height: 50px; font-size: 16px; }
.btn.big { height: auto; padding:15px 30px; font-size:18px; line-height:1; border-radius: 6px; }
.btn.disable { cursor: not-allowed; box-shadow: none; opacity:.6; }
.btn.blue { border: 1px solid #3045cf; border-radius: 5px; background-color: #3045cf; color: #fff; }
.btn.blue:hover { background-color: #fff; color: #3045cf; }
.btn.skyblue { border: 1px solid #00d0ff; border-radius: 5px; background-color: #00d0ff; color: #fff; }
.btn.skyblue:hover { background-color: #fff; color: #00d0ff; }
.btn.dark { border: 1px solid #404040; border-radius: 5px; background-color: #404040; color: #fff; }
.btn.dark:hover { background-color: #fff; color: #404040; }
.btn.gray { border: 1px solid #a3a3a3; border-radius: 5px; background-color: #a3a3a3; color: #fff; }
.btn.gray:hover { border: 1px solid #a3a3a3; background-color: #fff; color: #666; }
.btn.darkgray { border: 1px solid #666; border-radius: 5px; background-color: #5c5c5c; color: #fff; }
.btn.darkgray:hover { border: 1px solid #666; background-color: #fff; color: #5c5c5c; }
.btn.green { border: 1px solid #107c41; border-radius: 5px; background-color: #107c41; color: #fff; }
.btn.green:hover { background-color: #fff; color: #107c41; }
.btn.white { border: 1px solid #404040; border-radius: 5px; background-color: #fff; color: #111; }
.btn.white:hover { border: 1px solid #404040; background-color: #f2f2f2; }
.btn.darkblue { border: 1px solid #2b528a; border-radius: 5px; background-color: #2b528a; color: #fff; }
.btn.darkblue:hover { background-color: #fff; color: #2b528a; }
.btn.pink { border: 1px solid #f8428c; border-radius: 5px; background-color: #f8428c; color: #fff; }
.btn.pink:hover { background-color: #fff; color: #f8428c; }
.btn.white_pink { border: 1px solid #f8428c; border-radius: 5px; background-color: #fff; color: #f8428c; }
.btn.white_pink:hover { background-color: #f8428c; color: #fff; }
.btn.purple { border: 1px solid #7000ff; border-radius: 5px; background-color: #7000ff; color: #fff; }
.btn.purple:hover { background-color: #fff; color: #7000ff; }
.btn.orange { border: 1px solid #ff8f51; border-radius: 5px; background-color: #ff8f51; color: #fff; }
.btn.orange:hover { background-color: #fff; color: #ff8f51; }
.btn.white_orange { border: 1px solid #ff8f51; border-radius: 5px; background-color: #fff; color: #ff8f51; }
.btn.white_orange:hover { background-color: #ff8f51; color: #fff; }
.btn.round { border-radius: 5px; float: none; }
.btn.login { width: 100px; height: 36px; line-height: 36px; padding: 0; border: 1px solid #999; border-radius: 18px; background: #fff; color: #666; }
.btn.login:hover { border: 1px solid #f8428c; color: #f8428c; }
.btn.amount { height: 32px; line-height: 32px; border: 1px solid #ccc; background: #fff; color: #555; }
.btn.amount:hover { background: #f2f2f2; }
.btn.lightgray { border: 1px solid #b4b4b4; border-radius: 5px; background-color: #fff; color: #999; }
.btn.lightgray:hover { border: 1px solid #ccc; background-color: #fff; color: #999; }
.btn.lightpink { position: relative; width: 325px; height: 64px; line-height: 64px; padding: 0; margin: 0; border-radius: 30px; background: #ff9ab4; text-align: center; box-shadow: 1px 4px 1px #f37394; }
.btn.lightpink:hover { background: #ff90ad; transition: .3s; }
.btn.lightorange { position: relative; width: 325px; height: 64px; line-height: 64px; padding: 0; margin: 0; border-radius: 30px; background: #f7af6a; text-align: center; box-shadow: 1px 4px 1px #e08126; }
.btn.lightorange:hover { background: #f4a455; transition: .3s; }