@charset "UTF-8";
/* 2016.0728 */
/* ------------------------------------
* Vendors :
*------------------------------------*/
/** bootstarp */
.container { margin-left: auto; margin-right: auto; padding-left: 0.9375rem; padding-right: 0.9375rem; }
.container::after { content: ""; display: table; clear: both; }
@media (min-width: 544px) { .container { max-width: 576px; } }
@media (min-width: 768px) { .container { max-width: 720px; } }
@media (min-width: 799px) { .container { max-width: 757px; } }
@media (min-width: 1200px) { .container { max-width: 1140px; } }

.container-fluid { margin-left: auto; margin-right: auto; padding-left: 0.9375rem; padding-right: 0.9375rem; }
.container-fluid::after { content: ""; display: table; clear: both; }

.row { margin-left: -0.9375rem; margin-right: -0.9375rem; }
.row::after { content: ""; display: table; clear: both; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 { position: relative; min-height: 1px; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; }

.col-xs-1 { width: 8.33333% !important; }

.col-xs-2 { width: 16.66667% !important; }

.col-xs-3 { width: 25% !important; }

.col-xs-4 { width: 33.33333% !important; }

.col-xs-5 { width: 41.66667% !important; }

.col-xs-6 { width: 50% !important; }

.col-xs-7 { width: 58.33333% !important; }

.col-xs-8 { width: 66.66667% !important; }

.col-xs-9 { width: 75% !important; }

.col-xs-10 { width: 83.33333% !important; }

.col-xs-11 { width: 91.66667% !important; }

.col-xs-12 { width: 100% !important; }

.col-xs-pull-0 { right: auto; }

.col-xs-pull-1 { right: 8.33333%; }

.col-xs-pull-2 { right: 16.66667%; }

.col-xs-pull-3 { right: 25%; }

.col-xs-pull-4 { right: 33.33333%; }

.col-xs-pull-5 { right: 41.66667%; }

.col-xs-pull-6 { right: 50%; }

.col-xs-pull-7 { right: 58.33333%; }

.col-xs-pull-8 { right: 66.66667%; }

.col-xs-pull-9 { right: 75%; }

.col-xs-pull-10 { right: 83.33333%; }

.col-xs-pull-11 { right: 91.66667%; }

.col-xs-pull-12 { right: 100%; }

.col-xs-push-0 { left: auto; }

.col-xs-push-1 { left: 8.33333%; }

.col-xs-push-2 { left: 16.66667%; }

.col-xs-push-3 { left: 25%; }

.col-xs-push-4 { left: 33.33333%; }

.col-xs-push-5 { left: 41.66667%; }

.col-xs-push-6 { left: 50%; }

.col-xs-push-7 { left: 58.33333%; }

.col-xs-push-8 { left: 66.66667%; }

.col-xs-push-9 { left: 75%; }

.col-xs-push-10 { left: 83.33333%; }

.col-xs-push-11 { left: 91.66667%; }

.col-xs-push-12 { left: 100%; }

.col-xs-offset-0 { margin-left: 0%; }

.col-xs-offset-1 { margin-left: 8.33333%; }

.col-xs-offset-2 { margin-left: 16.66667%; }

.col-xs-offset-3 { margin-left: 25%; }

.col-xs-offset-4 { margin-left: 33.33333%; }

.col-xs-offset-5 { margin-left: 41.66667%; }

.col-xs-offset-6 { margin-left: 50%; }

.col-xs-offset-7 { margin-left: 58.33333%; }

.col-xs-offset-8 { margin-left: 66.66667%; }

.col-xs-offset-9 { margin-left: 75%; }

.col-xs-offset-10 { margin-left: 83.33333%; }

.col-xs-offset-11 { margin-left: 91.66667%; }

.col-xs-offset-12 { margin-left: 100%; }

@media (min-width: 544px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; }
  .col-sm-1 { width: 8.33333% !important; }
  .col-sm-2 { width: 16.66667% !important; }
  .col-sm-3 { width: 25% !important; }
  .col-sm-4 { width: 33.33333% !important; }
  .col-sm-5 { width: 41.66667% !important; }
  .col-sm-6 { width: 50% !important; }
  .col-sm-7 { width: 58.33333% !important; }
  .col-sm-8 { width: 66.66667% !important; }
  .col-sm-9 { width: 75% !important; }
  .col-sm-10 { width: 83.33333% !important; }
  .col-sm-11 { width: 91.66667% !important; }
  .col-sm-12 { width: 100% !important; }
  .col-sm-pull-0 { right: auto; }
  .col-sm-pull-1 { right: 8.33333%; }
  .col-sm-pull-2 { right: 16.66667%; }
  .col-sm-pull-3 { right: 25%; }
  .col-sm-pull-4 { right: 33.33333%; }
  .col-sm-pull-5 { right: 41.66667%; }
  .col-sm-pull-6 { right: 50%; }
  .col-sm-pull-7 { right: 58.33333%; }
  .col-sm-pull-8 { right: 66.66667%; }
  .col-sm-pull-9 { right: 75%; }
  .col-sm-pull-10 { right: 83.33333%; }
  .col-sm-pull-11 { right: 91.66667%; }
  .col-sm-pull-12 { right: 100%; }
  .col-sm-push-0 { left: auto; }
  .col-sm-push-1 { left: 8.33333%; }
  .col-sm-push-2 { left: 16.66667%; }
  .col-sm-push-3 { left: 25%; }
  .col-sm-push-4 { left: 33.33333%; }
  .col-sm-push-5 { left: 41.66667%; }
  .col-sm-push-6 { left: 50%; }
  .col-sm-push-7 { left: 58.33333%; }
  .col-sm-push-8 { left: 66.66667%; }
  .col-sm-push-9 { left: 75%; }
  .col-sm-push-10 { left: 83.33333%; }
  .col-sm-push-11 { left: 91.66667%; }
  .col-sm-push-12 { left: 100%; }
  .col-sm-offset-0 { margin-left: 0%; }
  .col-sm-offset-1 { margin-left: 8.33333%; }
  .col-sm-offset-2 { margin-left: 16.66667%; }
  .col-sm-offset-3 { margin-left: 25%; }
  .col-sm-offset-4 { margin-left: 33.33333%; }
  .col-sm-offset-5 { margin-left: 41.66667%; }
  .col-sm-offset-6 { margin-left: 50%; }
  .col-sm-offset-7 { margin-left: 58.33333%; }
  .col-sm-offset-8 { margin-left: 66.66667%; }
  .col-sm-offset-9 { margin-left: 75%; }
  .col-sm-offset-10 { margin-left: 83.33333%; }
  .col-sm-offset-11 { margin-left: 91.66667%; }
  .col-sm-offset-12 { margin-left: 100%; } }
@media (min-width: 768px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; }
  .col-md-1 { width: 8.33333% !important; }
  .col-md-2 { width: 16.66667% !important; }
  .col-md-3 { width: 25% !important; }
  .col-md-4 { width: 33.33333% !important; }
  .col-md-5 { width: 41.66667% !important; }
  .col-md-6 { width: 50% !important; }
  .col-md-7 { width: 58.33333% !important; }
  .col-md-8 { width: 66.66667% !important; }
  .col-md-9 { width: 75% !important; }
  .col-md-10 { width: 83.33333% !important; }
  .col-md-11 { width: 91.66667% !important; }
  .col-md-12 { width: 100% !important; }
  .col-md-pull-0 { right: auto; }
  .col-md-pull-1 { right: 8.33333%; }
  .col-md-pull-2 { right: 16.66667%; }
  .col-md-pull-3 { right: 25%; }
  .col-md-pull-4 { right: 33.33333%; }
  .col-md-pull-5 { right: 41.66667%; }
  .col-md-pull-6 { right: 50%; }
  .col-md-pull-7 { right: 58.33333%; }
  .col-md-pull-8 { right: 66.66667%; }
  .col-md-pull-9 { right: 75%; }
  .col-md-pull-10 { right: 83.33333%; }
  .col-md-pull-11 { right: 91.66667%; }
  .col-md-pull-12 { right: 100%; }
  .col-md-push-0 { left: auto; }
  .col-md-push-1 { left: 8.33333%; }
  .col-md-push-2 { left: 16.66667%; }
  .col-md-push-3 { left: 25%; }
  .col-md-push-4 { left: 33.33333%; }
  .col-md-push-5 { left: 41.66667%; }
  .col-md-push-6 { left: 50%; }
  .col-md-push-7 { left: 58.33333%; }
  .col-md-push-8 { left: 66.66667%; }
  .col-md-push-9 { left: 75%; }
  .col-md-push-10 { left: 83.33333%; }
  .col-md-push-11 { left: 91.66667%; }
  .col-md-push-12 { left: 100%; }
  .col-md-offset-0 { margin-left: 0%; }
  .col-md-offset-1 { margin-left: 8.33333%; }
  .col-md-offset-2 { margin-left: 16.66667%; }
  .col-md-offset-3 { margin-left: 25%; }
  .col-md-offset-4 { margin-left: 33.33333%; }
  .col-md-offset-5 { margin-left: 41.66667%; }
  .col-md-offset-6 { margin-left: 50%; }
  .col-md-offset-7 { margin-left: 58.33333%; }
  .col-md-offset-8 { margin-left: 66.66667%; }
  .col-md-offset-9 { margin-left: 75%; }
  .col-md-offset-10 { margin-left: 83.33333%; }
  .col-md-offset-11 { margin-left: 91.66667%; }
  .col-md-offset-12 { margin-left: 100%; } }
@media (min-width: 799px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; }
  .col-lg-1 { width: 8.33333% !important; }
  .col-lg-2 { width: 16.66667% !important; }
  .col-lg-3 { width: 25% !important; }
  .col-lg-4 { width: 33.33333% !important; }
  .col-lg-5 { width: 41.66667% !important; }
  .col-lg-6 { width: 50% !important; }
  .col-lg-7 { width: 58.33333% !important; }
  .col-lg-8 { width: 66.66667% !important; }
  .col-lg-9 { width: 75% !important; }
  .col-lg-10 { width: 83.33333% !important; }
  .col-lg-11 { width: 91.66667% !important; }
  .col-lg-12 { width: 100% !important; }
  .col-lg-pull-0 { right: auto; }
  .col-lg-pull-1 { right: 8.33333%; }
  .col-lg-pull-2 { right: 16.66667%; }
  .col-lg-pull-3 { right: 25%; }
  .col-lg-pull-4 { right: 33.33333%; }
  .col-lg-pull-5 { right: 41.66667%; }
  .col-lg-pull-6 { right: 50%; }
  .col-lg-pull-7 { right: 58.33333%; }
  .col-lg-pull-8 { right: 66.66667%; }
  .col-lg-pull-9 { right: 75%; }
  .col-lg-pull-10 { right: 83.33333%; }
  .col-lg-pull-11 { right: 91.66667%; }
  .col-lg-pull-12 { right: 100%; }
  .col-lg-push-0 { left: auto; }
  .col-lg-push-1 { left: 8.33333%; }
  .col-lg-push-2 { left: 16.66667%; }
  .col-lg-push-3 { left: 25%; }
  .col-lg-push-4 { left: 33.33333%; }
  .col-lg-push-5 { left: 41.66667%; }
  .col-lg-push-6 { left: 50%; }
  .col-lg-push-7 { left: 58.33333%; }
  .col-lg-push-8 { left: 66.66667%; }
  .col-lg-push-9 { left: 75%; }
  .col-lg-push-10 { left: 83.33333%; }
  .col-lg-push-11 { left: 91.66667%; }
  .col-lg-push-12 { left: 100%; }
  .col-lg-offset-0 { margin-left: 0%; }
  .col-lg-offset-1 { margin-left: 8.33333%; }
  .col-lg-offset-2 { margin-left: 16.66667%; }
  .col-lg-offset-3 { margin-left: 25%; }
  .col-lg-offset-4 { margin-left: 33.33333%; }
  .col-lg-offset-5 { margin-left: 41.66667%; }
  .col-lg-offset-6 { margin-left: 50%; }
  .col-lg-offset-7 { margin-left: 58.33333%; }
  .col-lg-offset-8 { margin-left: 66.66667%; }
  .col-lg-offset-9 { margin-left: 75%; }
  .col-lg-offset-10 { margin-left: 83.33333%; }
  .col-lg-offset-11 { margin-left: 91.66667%; }
  .col-lg-offset-12 { margin-left: 100%; } }
@media (min-width: 1200px) { .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 { float: left; }
  .col-xl-1 { width: 8.33333% !important; }
  .col-xl-2 { width: 16.66667% !important; }
  .col-xl-3 { width: 25% !important; }
  .col-xl-4 { width: 33.33333% !important; }
  .col-xl-5 { width: 41.66667% !important; }
  .col-xl-6 { width: 50% !important; }
  .col-xl-7 { width: 58.33333% !important; }
  .col-xl-8 { width: 66.66667% !important; }
  .col-xl-9 { width: 75% !important; }
  .col-xl-10 { width: 83.33333% !important; }
  .col-xl-11 { width: 91.66667% !important; }
  .col-xl-12 { width: 100% !important; }
  .col-xl-pull-0 { right: auto; }
  .col-xl-pull-1 { right: 8.33333%; }
  .col-xl-pull-2 { right: 16.66667%; }
  .col-xl-pull-3 { right: 25%; }
  .col-xl-pull-4 { right: 33.33333%; }
  .col-xl-pull-5 { right: 41.66667%; }
  .col-xl-pull-6 { right: 50%; }
  .col-xl-pull-7 { right: 58.33333%; }
  .col-xl-pull-8 { right: 66.66667%; }
  .col-xl-pull-9 { right: 75%; }
  .col-xl-pull-10 { right: 83.33333%; }
  .col-xl-pull-11 { right: 91.66667%; }
  .col-xl-pull-12 { right: 100%; }
  .col-xl-push-0 { left: auto; }
  .col-xl-push-1 { left: 8.33333%; }
  .col-xl-push-2 { left: 16.66667%; }
  .col-xl-push-3 { left: 25%; }
  .col-xl-push-4 { left: 33.33333%; }
  .col-xl-push-5 { left: 41.66667%; }
  .col-xl-push-6 { left: 50%; }
  .col-xl-push-7 { left: 58.33333%; }
  .col-xl-push-8 { left: 66.66667%; }
  .col-xl-push-9 { left: 75%; }
  .col-xl-push-10 { left: 83.33333%; }
  .col-xl-push-11 { left: 91.66667%; }
  .col-xl-push-12 { left: 100%; }
  .col-xl-offset-0 { margin-left: 0%; }
  .col-xl-offset-1 { margin-left: 8.33333%; }
  .col-xl-offset-2 { margin-left: 16.66667%; }
  .col-xl-offset-3 { margin-left: 25%; }
  .col-xl-offset-4 { margin-left: 33.33333%; }
  .col-xl-offset-5 { margin-left: 41.66667%; }
  .col-xl-offset-6 { margin-left: 50%; }
  .col-xl-offset-7 { margin-left: 58.33333%; }
  .col-xl-offset-8 { margin-left: 66.66667%; }
  .col-xl-offset-9 { margin-left: 75%; }
  .col-xl-offset-10 { margin-left: 83.33333%; }
  .col-xl-offset-11 { margin-left: 91.66667%; }
  .col-xl-offset-12 { margin-left: 100%; } }
/* ------------------------------------
* Base
*------------------------------------*/
/** Font */
@font-face { font-family: 'Nanum Gothic'; font-style: normal; font-weight: 700; src: url("../../font/front/NanumGothic-Bold.eot"); src: url("../../font/front/NanumGothic-Bold.eot?#iefix") format("embedded-opentype"), url("../../font/front/NanumGothic-Bold.woff") format("woff"), url("../../font/front/NanumGothic-Bold.ttf") format("truetype"); }
@font-face { font-family: 'Nanum Gothic'; font-style: normal; font-weight: 400; src: url("../../font/front/NanumGothic-Regular.eot"); src: url("../../font/front/NanumGothic-Regular.eot?#iefix") format("embedded-opentype"), url("../../font/front/NanumGothic-Regular.woff") format("woff"), url("../../font/front/NanumGothic-Regular.ttf") format("truetype"); }
@font-face { font-family: 'Nanum Gothic'; font-style: normal; font-weight: 800; src: url("../../font/front/NanumGothic-ExtraBold.eot"); src: url("../../font/front/NanumGothic-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../../font/front/NanumGothic-ExtraBold.woff") format("woff"), url("../../font/front/NanumGothic-ExtraBold.ttf") format("truetype"); }
/** Reset */
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, a, button, form, fieldset, p, blockquote { margin: 0; padding: 0; }

html { overflow-y: scroll; }

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, 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, textarea { font-family: "Nanum Gothic", "나눔고딕", 돋움, Dotum, 굴림, Gulim, AppleGothic, Sans-serif; font-size: 14px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

img, fieldset { border: 0; }

body, dl, dt, dd, div, p, a, button, li { color: #666; font-size: 14px; }

form, fieldset, legend, input, button, textarea, input, select { *zoom: 1; display: inline-block; color: #333; font-size: 14px; }

form, fieldset, legend { width: 100%; display: block; }

ul, ol { list-style: none; }

table { border-collapse: collapse; width: 100%; font-size: 13px; letter-spacing: -1px; }

input, textarea { font-size: 14px; vertical-align: middle; }

textarea { resize: none; }

address, em { font-style: normal; }

th, td { padding: 0; vertical-align: middle; text-align: left; font-weight: normal; }

a { color: #666; text-decoration: none; font-size: 14px; }

a:hover { cursor: pointer; text-decoration: underline; }

blockquote, p { margin: 0; }

legend { text-indent: -9999px; height: 0; }

button { border: 0; cursor: pointer; }

table th, table td { text-align: center; font-size: 13px; }

caption { height: 0; overflow: hidden; font-size: 0; line-height: 0; text-indent: -20000px; }

input[type="text"], input[type="password"], input[type="tel"] { height: 18px; padding: 0 4px; border: 1px solid #ccc; }
@media (max-width: 800px) { input[type="text"], input[type="password"], input[type="tel"] { min-width: 30px !important; } }

input[type="file"] { width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; filter: alpha(opacity=0); opacity: 0; }

select { height: 20px; border: 1px solid #ccc; }

h1, h2, h3, h4, h5, h6 { font-size: 1.000em; color: #333; }

h2 { font-size: 20px; line-height: 1.2; }

img { display: inline-block; border: 0 none; vertical-align: top; }

a, cite, code, dfn, del, em, ins, label, q, strong, select, span { display: inline-block; vertical-align: middle; }

cite, em, dfn { font-style: normal; }

hr { display: none; }

sub { vertical-align: bottom; font-family: Arial; }

sup { vertical-align: top; font-family: Arial; }

div, li, p { line-height: 1.8; color: #666; }

#sidebar div, #sidebar li, #sidebar p, #footer div, #footer li, #footer p, .location_area div, .location_area li, .location_area p { line-height: 18px; color: #666; }

a[href^="tel"] { font-size: inherit; }

/** Magic Class */
.cl_blue { color: #3366cc; }

.cl_black { color: #333; }

.cl_yellow { color: #ffba4a !important; }

.clearfix { *zoom: 1; }

.clearfix:before, .clearfix:after { display: block; clear: both; content: ""; }

.clear { clear: both; }

.fl { float: left !important; }

.fr { float: right !important; }

.fz14 { font-size: 14px !important; }

.fz16 { font-size: 16px !important; }

.fz20 { font-size: 20px !important; }

.ls-1 { letter-spacing: -1px; }

.txt_c { text-align: center !important; }

.txt_l { text-align: left !important; }

.txt_r { text-align: right !important; }

.al_l { text-align: left; }

.al_c { text-align: center; }

.al_r { text-align: right; }

.ver_t { vertical-align: top !important; }

.ver_m { vertical-align: middle !important; }

.ver_b { vertical-align: bottom !important; }

.bg_n { background-image: none !important; padding-left: 0; }

.dis_n, .hide { display: none !important; }

.dis_b, .show { display: block !important; }

.dis_ib { display: inline-block !important; }

.blind, .txt_blind, .hidden { font-size: 1px; text-indent: -9999px; padding: 0; margin: -1px 0 0 -1px; overflow: hidden; display: inline-block; position: absolute; left:-10000px;}

.deco_no { text-decoration: none !important; }

.ov_hide { overflow: hidden; }

@media (max-width: 800px) { .mo_fl { float: left !important; }
  .mo_fr { float: right !important; }
  .mo_txt_c { text-align: center !important; }
  .mo_txt_l { text-align: left !important; }
  .mo_txt_r { text-align: right !important; }
  .mo_al_l { text-align: left; }
  .mo_al_c { text-align: center; }
  .mo_al_r { text-align: right; }
  .mo_ver_t { vertical-align: top !important; }
  .mo_ver_m { vertical-align: middle !important; }
  .mo_ver_b { vertical-align: bottom !important; }
  .mo_bg_n { background-image: none !important; padding-left: 0; }
  .mo_dis_n, .mo_hide, .view_table > tbody > tr > th { display: none !important; }
  .mo_dis_b, .mo_show { display: block !important; }
  .mo_dis_ib, .mo_show_inline { display: inline-block !important; }
  .mo_hidden { font-size: 0; width: 0; height: 0; text-indent: -9999px; padding: 0; margin: 0; visibility: hidden; overflow: hidden; }
  .mo_blind { position: absolute; width: 0; height: 0; text-indent: -20000px; font-size: 0; line-height: 0; padding: 0; margin: 0; }
  .mo_deco_no { text-decoration: none !important; }
  .mo_ov_hide { overflow: hidden; }
  .mo_btn_pad { min-width: 90px !important; padding: 11px 16px 12px !important; } }
@media (min-width: 0) { .pc_show { display: none !important; } }
@media (min-width: 800px) { .pc_show { display: block !important; } }

@media (min-width: 0) { .mobile_show { display: block !important; } }
@media (min-width: 800px) { .mobile_show { display: none !important; } }

@media (min-width: 0) { .pc_show_inline { display: none !important; } }
@media (min-width: 800px) { .pc_show_inline { display: inline-block !important; } }

@media (min-width: 0) { .mobile_show_inline { display: inline-block !important; } }
@media (min-width: 800px) { .mobile_show_inline { display: none !important; } }

html.desktop .device_desktop_show { display: block !important; }
html.desktop .device_mobile_show { display: none !important; }

html.mobile .device_desktop_show { display: none !important; }
html.mobile .device_mobile_show { display: block !important; }

.txt_bar, #header .header_top .login_area li:after, #header .header_top .lang_area li:after, #footer .footer_area .foot_nav ul li a:after, #footer .footer_area .foot_addr p span:after, #footer .footer_area .foot_addr p span:first-child:after, #sidebar .lang_btn a:after, #sidebar .login_area .login.login_prev li:after, .totalmenu .totalmenu_wrap .login_area .login.login_prev .btn_box li:after, .visual_area .info_area .member_info ul li strong:after, .visual_area.no_card .info_area .member_info ul li strong:after { position: absolute; content: ""; zoom: 1; top: 7px; left: 0; width: 1px; height: 11px; background-color: #666; }

.txt_link { position: relative; }
.txt_link:before { position: absolute; content: ""; zoom: 1; left: -3px; right: -3px; bottom: 2px; height: 1px; background-color: #666; }

.ellipsis { overflow: hidden; display: block; text-overflow: ellipsis; white-space: nowrap; }

.bg_stripe { color: white; background: repeating-linear-gradient(-55deg, #fff, #fff 20px, #f6f6f6 20px, #f6f6f6 40px); }
html.ie9 .bg_stripe { background-color: #f6f6f6; }

.bg_stripe2 { background: repeating-linear-gradient(-45deg, #f0f0f0, #f0f0f0 20px, #f5f5f5 20px, #f5f5f5 40px); }
html.ie9 .bg_stripe2 { background-color: #f5f5f5; }

.bg_gray { background-color: #f7f7f7; }

@media (max-width: 800px) { .mo_bg_gray { background-color: #f7f7f7; } }
.bd_top, .with_border, .head_box, .line_strong, .hr, .first_line, .top_strong_bd { position: relative; }
.bd_top::after, .with_border::after, .head_box::after, .line_strong::after, .hr::after, .first_line::after, .top_strong_bd::after { content: ""; display: table; clear: both; }
.bd_top, .with_border, .head_box, .line_strong, .hr, .first_line, .top_strong_bd { border-top: 1px solid #666 !important; }

.with_border_light { position: relative; }
.with_border_light::after { content: ""; display: table; clear: both; }
.with_border_light { border-top: 1px solid #ececec !important; }

.with_border2 { position: relative; }
.with_border2::after { content: ""; display: table; clear: both; }
.with_border2 { border-top: 2px solid #666 !important; }

.bd_bottom { position: relative; }
.bd_bottom::after { content: ""; display: table; clear: both; }
.bd_bottom { border-bottom: 1px solid #666 !important; }

.width_half { min-width: 464px !important; }

.mw0 { min-width: 0 !important; }

/** Magic Number */
.m0 { margin: 0 !important; }

.mt-50 { margin-top: -50px !important; }

.mt-40 { margin-top: -40px !important; }

.mt-30 { margin-top: -30px !important; }

.mt-35 { margin-top: -35px !important; }

.mt-20 { margin-top: -20px !important; }

.mt-10 { margin-top: -10px !important; }

.mt-5 { margin-top: -5px !important; }

.mt-2 { margin-top: -2px !important; }

.mt0 { margin-top: 0 !important; }

.mt5 { margin-top: 5px !important; }

.mt6 { margin-top: 6px !important; }

.mt10 { margin-top: 10px !important; }

.mt15 { margin-top: 15px !important; }

.mt20 { margin-top: 20px !important; }

.mt25 { margin-top: 25px !important; }

.mt30 { margin-top: 30px !important; }

.mt35 { margin-top: 35px !important; }

.mt40 { margin-top: 40px !important; }

.mt45 { margin-top: 45px !important; }

.mt50 { margin-top: 50px !important; }

.mt70 { margin-top: 70px !important; }

.mt100 { margin-top: 100px !important; }

.mb0 { margin-bottom: 0 !important; }

.mb5 { margin-bottom: 5px !important; }

.mb10 { margin-bottom: 10px !important; }

.mb20 { margin-bottom: 20px !important; }

.mb25 { margin-bottom: 25px !important; }

.mb30 { margin-bottom: 30px !important; }

.mb35 { margin-bottom: 35px !important; }

.mb40 { margin-bottom: 40px !important; }

.mb50 { margin-bottom: 50px !important; }

.mb100 { margin-bottom: 100px !important; }

.ml-40 { margin-left: -40px !important; }

.ml-35 { margin-left: -35px !important; }

.ml-20 { margin-left: -20px !important; }

.ml-10 { margin-left: -10px !important; }

.ml-5 { margin-left: -5px !important; }

.ml-1 { margin-left: -1px !important; }

.ml0 { margin-left: 0 !important; }

.ml5 { margin-left: 5px !important; }

.ml10 { margin-left: 10px !important; }

.ml20 { margin-left: 20px !important; }

.ml25 { margin-left: 25px !important; }

.ml30 { margin-left: 30px !important; }

.ml40 { margin-left: 40px !important; }

.ml50 { margin-left: 50px !important; }

.ml100 { margin-left: 100px !important; }

.mr0 { margin-right: 0 !important; }

.mr5 { margin-right: 5px !important; }

.mr10 { margin-right: 10px !important; }

.mr15 { margin-right: 15px !important; }

.mr20 { margin-right: 20px !important; }

.mr30 { margin-right: 30px !important; }

.mr40 { margin-right: 40px !important; }

.mr50 { margin-right: 50px !important; }

.p5 { padding: 5px !important; }

.p10 { padding: 10px !important; }

.p20 { padding: 20px !important; }

.p30 { padding: 30px !important; }

.p40 { padding: 40px !important; }

.p50 { padding: 50px !important; }

.pt0 { padding-top: 0 !important; }

.pt5 { padding-top: 5px !important; }

.pt10 { padding-top: 10px !important; }

.pt20 { padding-top: 20px !important; }

.pt25 { padding-top: 25px !important; }

.pt30 { padding-top: 30px !important; }

.pt40 { padding-top: 40px !important; }

.pt50 { padding-top: 50px !important; }

.pb0 { padding-bottom: 0 !important; }

.pb10 { padding-bottom: 10px !important; }

.pb20 { padding-bottom: 20px !important; }

.pb30 { padding-bottom: 30px !important; }

.pb40 { padding-bottom: 40px !important; }

.pb50 { padding-bottom: 50px !important; }

.pb100 { padding-bottom: 100px !important; }

.pl0 { padding-left: 0 !important; }

.pl10 { padding-left: 10px !important; }

.pl15 { padding-left: 15px !important; }

.pl20 { padding-left: 20px !important; }

.pl25 { padding-left: 25px !important; }

.pl30 { padding-left: 30px !important; }

.pl60 { padding-left: 60px !important; }

.pr10 { padding-right: 10px !important; }

.pr20 { padding-right: 20px !important; }

.pr30 { padding-right: 30px !important; }

.pr35 { padding-right: 35px !important; }

.pr40 { padding-right: 40px !important; }

.pb30 { padding-bottom: 30px !important; }

.w30 { width: 30px !important; }

.w40 { width: 40px !important; }

.w45 { width: 45px !important; }

.w50 { width: 50px !important; }

.w70 { width: 70px !important; }

.w80 { width: 80px !important; }

.w100 { width: 100px !important; }

.w110 { width: 110px !important; }

.w160 { width: 160px !important; }

.w180 { width: 180px !important; }

.w195 { width: 195px !important; }

.w200 { width: 200px !important; }

.w240 { width: 240px !important; }

.w280 { width: 280px !important; }

.w300 { width: 300px !important; }

.w310 { width: 310px !important; }

.w350 { width: 350px !important; }

.w380 { width: 380px !important; }

.w400 { width: 400px !important; }

.w450 { width: 450px !important; }

.w500 { width: 500px !important; }

.w540 { width: 540px !important; }

.w650 { width: 650px !important; }

.w100p { width: 100% !important; }

.h100 { height: 100px !important; }

.h290 { height: 290px !important; }

.hauto { height: auto !important; }

@media (max-width: 800px) { .mo_m0 { margin: 0 !important; }
  .mo_mt-90 { margin-top: -90px !important; }
  .mo_mt-30 { margin-top: -30px !important; }
  .mo_mt-20 { margin-top: -20px !important; }
  .mo_mt-10 { margin-top: -10px !important; }
  .mo_mt-5 { margin-top: -5px !important; }
  .mo_mt0 { margin-top: 0 !important; }
  .mo_mt5 { margin-top: 5px !important; }
  .mo_mt10 { margin-top: 10px !important; }
  .mo_mt15 { margin-top: 15px !important; }
  .mo_mt20 { margin-top: 20px !important; }
  .mo_mt25 { margin-top: 25px !important; }
  .mo_mt30 { margin-top: 30px !important; }
  .mo_mt35 { margin-top: 35px !important; }
  .mo_mt40 { margin-top: 40px !important; }
  .mo_mt50 { margin-top: 50px !important; }
  .mo_mt100 { margin-top: 100px !important; }
  .mo_ml5 { margin-left: 5px !important; }
  .mo_ml10 { margin-left: 10px !important; }
  .mo_mr5 { margin-right: 5px !important; }
  .mo_mr10 { margin-right: 10px !important; }
  .mo_mb0 { margin-bottom: 0 !important; }
  .mo_mb5 { margin-bottom: 5px !important; }
  .mo_mb10 { margin-bottom: 10px !important; }
  .mo_mb20 { margin-bottom: 20px !important; }
  .mo_mb30 { margin-bottom: 30px !important; }
  .mo_mb40 { margin-bottom: 40px !important; }
  .mo_mb50 { margin-bottom: 50px !important; }
  .mo_mb100 { margin-bottom: 100px !important; }
  .mo_p0 { padding: 0 !important; }
  .mo_p10 { padding: 10px !important; }
  .mo_pb0 { padding-bottom: 0 !important; }
  .mo_pt0 { padding-top: 0 !important; }
  .mo_pl10 { padding-left: 10px !important; }
  .mo_pr5 { padding-right: 5px !important; }
  .mo_plr5 { padding-left: 5px !important; padding-right: 5px !important; } }
/* ------------------------------------
* 01.Layout 
* -------------------------------------
* Header * Footer * Sidebar * Navigation * Sitemap * Breadcrumb * Boxees * Chart
*/
/* ------------------------------------
* Grid
*------------------------------------*/
.div2, .visual_area .info_area, .visual_area .chart_area, .div2_1 { width: 49.67742%; float: left; margin-right: 0.64516%; min-width: 0 !important; }
.div2.last, .visual_area .last.info_area, .visual_area.no_card .info_area .guide_info ul li.info_area:last-child, .visual_area .chart_area, .visual_area.no_card .info_area .guide_info ul li.div2:last-child, .visual_area.no_card .info_area .guide_info ul li.chart_area:last-child, .div2_1.last, .visual_area .div2_1.chart_area, .visual_area.no_card .info_area .guide_info ul li.div2_1:last-child { width: 49.67742%; float: right; margin-right: 0; }

.div3, .div3_1 { width: 32.78689%; float: left; margin-right: 0.81967%; min-width: 0 !important; }
.div3.last, .visual_area .div3.chart_area, .visual_area.no_card .info_area .guide_info ul li.div3:last-child, .div3_1.last, .visual_area .div3_1.chart_area, .visual_area.no_card .info_area .guide_info ul li.div3_1:last-child { width: 32.78689%; float: right; margin-right: 0; }

.div3_2 { width: 66.39344%; float: left; margin-right: 0.81967%; min-width: 0 !important; }
.div3_2.last, .visual_area .div3_2.chart_area, .visual_area.no_card .info_area .guide_info ul li.div3_2:last-child { width: 66.39344%; float: right; margin-right: 0; }

.div4, .div4_1 { width: 24.59016%; float: left; margin-right: 0.54645%; min-width: 0 !important; }
.div4.last, .visual_area .div4.chart_area, .visual_area.no_card .info_area .guide_info ul li.div4:last-child, .div4_1.last, .visual_area .div4_1.chart_area, .visual_area.no_card .info_area .guide_info ul li.div4_1:last-child { width: 24.59016%; float: right; margin-right: 0; }

.div4_2 { width: 49.72678%; float: left; margin-right: 0.54645%; min-width: 0 !important; }
.div4_2.first { width: 49.72678%; float: left; margin-right: 0.54645%; }
.div4_2.last, .visual_area .div4_2.chart_area, .visual_area.no_card .info_area .guide_info ul li.div4_2:last-child { width: 49.72678%; float: right; margin-right: 0; }

.div4_3 { width: 74.86339%; float: left; margin-right: 0.54645%; min-width: 0 !important; }
.div4_3.first { width: 74.86339%; float: left; margin-right: 0.54645%; }
.div4_3.last, .visual_area .div4_3.chart_area, .visual_area.no_card .info_area .guide_info ul li.div4_3:last-child { width: 74.86339%; float: right; margin-right: 0; }

.div5, .div5_1 { width: 19.60784%; float: left; margin-right: 0.4902%; min-width: 0 !important; }
.div5.last, .visual_area .div5.chart_area, .visual_area.no_card .info_area .guide_info ul li.div5:last-child, .div5_1.last, .visual_area .div5_1.chart_area, .visual_area.no_card .info_area .guide_info ul li.div5_1:last-child { width: 19.60784%; float: right; margin-right: 0; }

.span1 { width: 7.22892%; float: left; margin-right: 1.20482%; min-width: 0 !important; }
.span1.last, .visual_area .span1.chart_area, .visual_area.no_card .info_area .guide_info ul li.span1:last-child { width: 7.22892%; float: right; margin-right: 0; }

.span2 { width: 15.66265%; float: left; margin-right: 1.20482%; min-width: 0 !important; }
.span2.last, .visual_area .span2.chart_area, .visual_area.no_card .info_area .guide_info ul li.span2:last-child { width: 15.66265%; float: right; margin-right: 0; }

.span3 { width: 24.09639%; float: left; margin-right: 1.20482%; min-width: 0 !important; }
.span3.last, .visual_area .span3.chart_area, .visual_area.no_card .info_area .guide_info ul li.span3:last-child { width: 24.09639%; float: right; margin-right: 0; }

.span4, .visual_area.no_card .info_area .guide_info ul li { width: 32.53012%; float: left; margin-right: 1.20482%; min-width: 0 !important; }
.span4.last, .visual_area .span4.chart_area, .visual_area.no_card .info_area .guide_info ul li.chart_area, .visual_area.no_card .info_area .guide_info ul li.last, .visual_area.no_card .info_area .guide_info ul li:last-child { width: 32.53012%; float: right; margin-right: 0; }

.span5 { width: 40.96386%; float: left; margin-right: 1.20482%; min-width: 0 !important; }
.span5.last, .visual_area .span5.chart_area, .visual_area.no_card .info_area .guide_info ul li.span5:last-child { width: 40.96386%; float: right; margin-right: 0; }

.span6 { width: 49.39759%; float: left; margin-right: 1.20482%; min-width: 0 !important; }
.span6.last, .visual_area .span6.chart_area, .visual_area.no_card .info_area .guide_info ul li.span6:last-child { width: 49.39759%; float: right; margin-right: 0; }

.span7 { width: 57.83133%; float: left; margin-right: 1.20482%; min-width: 0 !important; }
.span7.last, .visual_area .span7.chart_area, .visual_area.no_card .info_area .guide_info ul li.span7:last-child { width: 57.83133%; float: right; margin-right: 0; }

.span8 { width: 66.26506%; float: left; margin-right: 1.20482%; min-width: 0 !important; }
.span8.last, .visual_area .span8.chart_area, .visual_area.no_card .info_area .guide_info ul li.span8:last-child { width: 66.26506%; float: right; margin-right: 0; }

.span9 { width: 74.6988%; float: left; margin-right: 1.20482%; min-width: 0 !important; }
.span9.last, .visual_area .span9.chart_area, .visual_area.no_card .info_area .guide_info ul li.span9:last-child { width: 74.6988%; float: right; margin-right: 0; }

.span10 { width: 83.13253%; float: left; margin-right: 1.20482%; min-width: 0 !important; }
.span10.last, .visual_area .span10.chart_area, .visual_area.no_card .info_area .guide_info ul li.span10:last-child { width: 83.13253%; float: right; margin-right: 0; }

.span11 { width: 91.56627%; float: left; margin-right: 1.20482%; min-width: 0 !important; }
.span11.last, .visual_area .span11.chart_area, .visual_area.no_card .info_area .guide_info ul li.span11:last-child { width: 91.56627%; float: right; margin-right: 0; }

@media (max-width: 800px) { .mo_div1 { width: 100%; float: left; min-width: 0 !important; }
  .mo_div1.last, .visual_area .mo_div1.chart_area, .visual_area.no_card .info_area .guide_info ul li.mo_div1:last-child, .mo_div1.mo_last { width: 100%; float: right; margin-right: 0; }
  .mo_div2 { width: 49.39759%; float: left; margin-right: 1.20482%; min-width: 0 !important; }
  .mo_div2.last, .visual_area .mo_div2.chart_area, .visual_area.no_card .info_area .guide_info ul li.mo_div2:last-child, .mo_div2.mo_last { width: 49.39759%; float: right; margin-right: 0; }
  .mo_div3, .mo_div3_1 { width: 31.57895%; float: left; margin-right: 2.63158%; min-width: 0 !important; }
  .mo_div3.last, .visual_area .mo_div3.chart_area, .visual_area.no_card .info_area .guide_info ul li.mo_div3:last-child, .mo_div3.mo_last, .mo_div3_1.last, .visual_area .mo_div3_1.chart_area, .visual_area.no_card .info_area .guide_info ul li.mo_div3_1:last-child, .mo_div3_1.mo_last { width: 31.57895%; float: right; margin-right: 0; }
  .mo_div3_2 { width: 65.78947%; float: left; margin-right: 2.63158%; min-width: 0 !important; }
  .mo_div3_2.last, .visual_area .mo_div3_2.chart_area, .visual_area.no_card .info_area .guide_info ul li.mo_div3_2:last-child, .mo_div3_2.mo_last { width: 65.78947%; float: right; margin-right: 0; }
  .mo_div4 { width: 24.59016%; float: left; margin-right: 0.54645%; min-width: 0 !important; }
  .mo_div4.last, .visual_area .mo_div4.chart_area, .visual_area.no_card .info_area .guide_info ul li.mo_div4:last-child, .mo_div4.mo_last { width: 24.59016%; float: right; margin-right: 0; }
  .mo_div5 { width: 19.60784%; float: left; margin-right: 0.4902%; min-width: 0 !important; }
  .mo_div5.last, .visual_area .mo_div5.chart_area, .visual_area.no_card .info_area .guide_info ul li.mo_div5:last-child, .mo_div5.mo_last { width: 19.60784%; float: right; margin-right: 0; }
  .mo_span1 { width: 7.22892%; float: left; margin-right: 1.20482%; min-width: 0 !important; }
  .mo_span1.last, .visual_area .mo_span1.chart_area, .visual_area.no_card .info_area .guide_info ul li.mo_span1:last-child, .mo_span1.mo_last { width: 7.22892%; float: right; margin-right: 0; }
  .mo_span2 { width: 15.66265%; float: left; margin-right: 1.20482%; min-width: 0 !important; }
  .mo_span2.last, .visual_area .mo_span2.chart_area, .visual_area.no_card .info_area .guide_info ul li.mo_span2:last-child, .mo_span2.mo_last { width: 15.66265%; float: right; margin-right: 0; }
  .mo_span3 { width: 24.09639%; float: left; margin-right: 1.20482%; min-width: 0 !important; }
  .mo_span3.last, .visual_area .mo_span3.chart_area, .visual_area.no_card .info_area .guide_info ul li.mo_span3:last-child, .mo_span3.mo_last { width: 24.09639%; float: right; margin-right: 0; }
  .mo_span4 { width: 32.53012%; float: left; margin-right: 1.20482%; min-width: 0 !important; }
  .mo_span4.last, .visual_area .mo_span4.chart_area, .visual_area.no_card .info_area .guide_info ul li.mo_span4:last-child, .mo_span4.mo_last { width: 32.53012%; float: right; margin-right: 0; }
  .mo_span5 { width: 40.96386%; float: left; margin-right: 1.20482%; min-width: 0 !important; }
  .mo_span5.last, .visual_area .mo_span5.chart_area, .visual_area.no_card .info_area .guide_info ul li.mo_span5:last-child, .mo_span5.mo_last { width: 40.96386%; float: right; margin-right: 0; }
  .mo_span6 { width: 49.39759%; float: left; margin-right: 1.20482%; min-width: 0 !important; }
  .mo_span6.last, .visual_area .mo_span6.chart_area, .visual_area.no_card .info_area .guide_info ul li.mo_span6:last-child, .mo_span6.mo_last { width: 49.39759%; float: right; margin-right: 0; }
  .mo_span7 { width: 57.83133%; float: left; margin-right: 1.20482%; min-width: 0 !important; }
  .mo_span7.last, .visual_area .mo_span7.chart_area, .visual_area.no_card .info_area .guide_info ul li.mo_span7:last-child, .mo_span7.mo_last { width: 57.83133%; float: right; margin-right: 0; }
  .mo_span8 { width: 66.26506%; float: left; margin-right: 1.20482%; min-width: 0 !important; }
  .mo_span8.last, .visual_area .mo_span8.chart_area, .visual_area.no_card .info_area .guide_info ul li.mo_span8:last-child, .mo_span8.mo_last { width: 66.26506%; float: right; margin-right: 0; }
  .mo_span9 { width: 74.6988%; float: left; margin-right: 1.20482%; min-width: 0 !important; }
  .mo_span9.last, .visual_area .mo_span9.chart_area, .visual_area.no_card .info_area .guide_info ul li.mo_span9:last-child, .mo_span9.mo_last { width: 74.6988%; float: right; margin-right: 0; }
  .mo_span10 { width: 83.13253%; float: left; margin-right: 1.20482%; min-width: 0 !important; }
  .mo_span10.last, .visual_area .mo_span10.chart_area, .visual_area.no_card .info_area .guide_info ul li.mo_span10:last-child, .mo_span10.mo_last { width: 83.13253%; float: right; margin-right: 0; }
  .mo_span11 { width: 91.56627%; float: left; margin-right: 1.20482%; min-width: 0 !important; }
  .mo_span11.last, .visual_area .mo_span11.chart_area, .visual_area.no_card .info_area .guide_info ul li.mo_span11:last-child, .mo_span11.mo_last { width: 91.56627%; float: right; margin-right: 0; } }
/* ------------------------------------
* box : default
*------------------------------------*/
.wrap_box, .section, #sidebar .login_area .login.login_prev, #sidebar .login_area .login.login_after .user, #header .header_gnb, .location_area .location_nav .menu_area, #content .title_area, .scrollx, .data_table { position: relative; max-width: 1000px; margin-left: auto; margin-right: auto; }
.wrap_box::after, .section::after, #sidebar .login_area .login.login_prev::after, #sidebar .login_area .login.login_after .user::after, #header .header_gnb::after, .location_area .location_nav .menu_area::after, #content .title_area::after, .scrollx::after, .data_table::after { content: ""; display: table; clear: both; }
.wrap_box:after, .section:after, #sidebar .login_area .login.login_prev:after, #sidebar .login_area .login.login_after .user:after, #header .header_gnb:after, .location_area .location_nav .menu_area:after, #content .title_area:after, .scrollx:after, .data_table:after { content: " "; display: block; clear: both; }

@media (min-width: 0) { .section, #sidebar .login_area .login.login_prev, #sidebar .login_area .login.login_after .user { max-width: 94%; margin-left: auto; margin-right: auto; }
  .section:after, #sidebar .login_area .login.login_prev:after, #sidebar .login_area .login.login_after .user:after { content: " "; display: block; clear: both; } }
@media (min-width: 800px) { .section, #sidebar .login_area .login.login_prev, #sidebar .login_area .login.login_after .user { max-width: 1000px; margin-left: auto; margin-right: auto; }
  .section:after, #sidebar .login_area .login.login_prev:after, #sidebar .login_area .login.login_after .user:after { content: " "; display: block; clear: both; } }

.section { margin-top: 50px; }
.content_wrap > .section:first-child { margin-top: 0; }
@media (max-width: 800px) { .content_wrap > .section:first-child { margin-top: 25px; } }
.pop_content > .section:first-child { margin-top: 0; }
.section.full { max-width: 100%; margin-left: auto; margin-right: auto; }
.section.full:after { content: " "; display: block; clear: both; }
.section.full .section_wrap, .section.full .title_box, .section.full .head_box { position: relative; }
@media (max-width: 800px) { .section.full .section_wrap, .section.full .title_box, .section.full .head_box { max-width: 94%; margin-left: auto; margin-right: auto; }
  .section.full .section_wrap:after, .section.full .title_box:after, .section.full .head_box:after { content: " "; display: block; clear: both; } }
@media (min-width: 800px) { .section.full .section_wrap, .section.full .title_box, .section.full .head_box { max-width: 1000px; margin-left: auto; margin-right: auto; }
  .section.full .section_wrap:after, .section.full .title_box:after, .section.full .head_box:after { content: " "; display: block; clear: both; } }
@media (max-width: 800px) { .section.mo_full { max-width: 100%; margin-left: auto; margin-right: auto; }
  .section.mo_full:after { content: " "; display: block; clear: both; }
  .section.mo_full .section_wrap, .section.mo_full .title_box, .section.mo_full .head_box { max-width: 94%; margin-left: auto; margin-right: auto; }
  .section.mo_full .section_wrap:after, .section.mo_full .title_box:after, .section.mo_full .head_box:after { content: " "; display: block; clear: both; } }

.h4_font, .box dt, .title_box h4 { font-size: 16px; font-weight: 700; color: #333; }

.box { border: 1px solid #ececec; border-top: 1px solid #666; }
.box::after { content: ""; display: table; clear: both; }
.box dt { padding: 10px 20px; border-top: solid 1px #ececec; }
.box dt label { font-size: 16px; }
.box dt:first-child { border: none; }
.box dd { font-size: 14px; padding: 10px 20px 30px; overflow: hidden; }
.box dd dt, .box dd dd { margin-left: -20px; margin-right: -20px; }
.box dd dt, .box dd dd:last-child { padding-bottom: 0; }
.box.no_bd, .box.bd_no { border: none; }
.box.light_bdt, .box.bdt_light { border-top: 1px solid #ececec; }
.box.no_bdt, .box.bdt_no { border-top: none; }
.box.no_bdb, .box.bdb_no { border-bottom: none; }
.box.no_bdtb, .box.bdtb_no { border-top: none; border-bottom: none; }
@media (max-width: 800px) { .box dt, .box dd { padding-left: 10px; padding-right: 10px; } }
.box.column2 dl { border-top: 1px solid #ececec; }
.box.column2 dl:first-child { border-top: none; }
.box.column2 dl:nth-child(2) { border-top: none; }
@media (max-width: 800px) { .box.column2 dl:nth-child(2) { border-top: 1px solid #ececec; } }
.box.column2 dl:nth-child(odd) { width: 50%; float: left; }
@media (max-width: 800px) { .box.column2 dl:nth-child(odd) { width: 100%; float: left; margin-left: 0; margin-right: 0; } }
.box.column2 dl:nth-child(even) { width: 50%; float: right; margin-right: 0; }
@media (max-width: 800px) { .box.column2 dl:nth-child(even) { width: 100%; float: left; margin-left: 0; margin-right: 0; } }

/** skip */
.skip { position: absolute; top: -1000px; left: -1000px; height: 1px; width: 1px; text-align: left; overflow: hidden; }
.skip:active, .skip:focus, .skip:hover { top: 0; left: 0; position: relative; display: block; width: 100%; height: 30px; overflow: visible; text-align: center; }

/**  btn_top */
.btn_top { z-index: 498; position: fixed; bottom: 0; right: 20px; height: 83px; }
.btn_top a.top_btn { display: block; width: 50px; height: 51px; background: url("../../img/front/common/quick_top.png") 0 0 no-repeat; }
.btn_top a.down_btn { margin-top: 2px; display: block; width: 50px; height: 51px; background: url("../../img/front/common/quick_down.png") 0 0 no-repeat; }
@media (max-width: 800px) { .btn_top { right: 3%; height: 50px; }
  .btn_top a.top_btn { width: 40px; height: 41px; background-size: 40px 42px; background: url("../../img/front/common/quick_top_mo.png") 0 top no-repeat; }
  .btn_top a.down_btn { width: 40px; height: 41px; background-size: 40px 42px; background: url("../../img/front/common/quick_down_mo.png") 0 top no-repeat; } }

body.cbtaxi .btn_top, body.cbev .btn_top { height: 150px; }
@media (max-width: 800px) { body.cbtaxi .btn_top, body.cbev .btn_top { height: 100px; } }

/* ------------------------------------
* Layout
*------------------------------------*/
html { height: 100%; }

#container { position: relative; min-height: 100%; }

/*#content{min-height:$content-min-height;}*/
#footer { position: relative; padding-bottom: 30px; }

/*
html, body{height:100%;overflow:hidden;}
#wrap{height:100%; position:relative; }
#container{position:relative; min-height:100%;}
#content{min-height:450px;}
#footer{position:absolute; bottom:0; height:215px;}

// #content{min-height:$content-min-height;}
// html.desktop #content{min-height:$content-min-height;}
// html.mobile #content{min-height:100%;}// 모바일경우 min-height 제거

// #footer{position:relative;padding-bottom:30px;}
*/
html { position: relative; width: 100%; min-width: 319px; margin: 0; padding: 0; background-color: #fff; overflow-x: hidden; }
@media (min-width: 800px) { html { width: 1000px; overflow-x: scroll; } }
@media (min-width: 1000px) { html { width: 100%; margin: 0 auto; overflow-x: hidden; } }

body { position: relative; min-height: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 14px; font-weight: 400; overflow-x: hidden !important; overflow-y: auto; }

#wrap { width: 100%; min-height: 100%; }
@media (min-width: 0) { #wrap { width: 100%; overflow-x: hidden; } }
@media (min-width: 800px) { #wrap { width: 1000px; margin: 0 auto; } }
@media (min-width: 1000px) { #wrap { width: 100%; margin: 0 auto; } }

/* ------------------------------------
* header
*------------------------------------*/
#header { position: relative; margin: 0 auto; border-bottom: 1px solid #ececec; }

#header .header_top { width: 100%; background-color: #eee; }
#header .header_top .top_gnb::after { content: ""; display: table; clear: both; }
#header .header_top .top_gnb li { float: left; border-left: 1px solid #eaeaea; background-color: #eee; }
#header .header_top .top_gnb li a { display: block; text-align: center; color: #333; }
#header .header_top .top_gnb li a:hover { text-decoration: none; background-color: #e6e6e6; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; }
#header .header_top .top_gnb li.on, #header .header_top .top_gnb li.active, #header .header_top .top_gnb li:active { background-color: #fff; }
#header .header_top .top_gnb li.on a, #header .header_top .top_gnb li.active a, #header .header_top .top_gnb li:active a { border-bottom: 1px solid #fff; }
#header .header_top .top_gnb li.on a:hover, #header .header_top .top_gnb li.active a:hover, #header .header_top .top_gnb li:active a:hover { background-color: #fff; }
#header .header_top .top_gnb li:first-child { border-left: none; }
@media (min-width: 0) { #header .header_top .top_gnb li { width: 16.66667%; float: left; }
  #header .header_top .top_gnb li a { font-size: 12px; padding: 5px 7px 6px; border-bottom: 1px solid #ececec; }
  #header .header_top .top_gnb li:nth-of-type(3) a { padding: 5px 0; } }
@media (min-width: 800px) { #header .header_top .top_gnb li { width: 80px; }
  #header .header_top .top_gnb li a { font-size: 14px; padding: 5px 18px 6px; /* border-bottom:none */ }
  #header .header_top .top_gnb li:nth-of-type(3) a { padding: 5px 0; } }
#header .header_top .top_gnb.num4::after { content: ""; display: table; clear: both; }
#header .header_top .top_gnb.num4 li { width: auto; }
#header .header_top .top_gnb.num4 li a { font-size: 14px; padding: 5px 18px 6px; /* border-bottom:none */ }
@media (max-width: 800px) { #header .header_top .top_gnb.num4 li { width: 20%; float: left; }
  #header .header_top .top_gnb.num4 li:last-child { width: 40%; float: left; }
  #header .header_top .top_gnb.num4 li a { font-size: 12px; padding: 5px 7px 6px; border-bottom: 1px solid #ececec; } }
@media (max-width: 360px) { #header .header_top .top_gnb.num4 li { float: left; width: auto; }
  #header .header_top .top_gnb.num4 li:first-child { margin-left: 14px; }
  #header .header_top .top_gnb.num4 li a { font-size: 12px; padding: 5px 5px 6px; border-bottom: 1px solid #ececec; } }
#header .header_top .login_area .login, #header .header_top .lang_area .login { display: none; }
#header .header_top .login_area .login.on, #header .header_top .lang_area .login.on { display: block; }
#header .header_top .login_area::after, #header .header_top .lang_area::after { content: ""; display: table; clear: both; }
#header .header_top .login_area li, #header .header_top .lang_area li { position: relative; float: left; border-left: 1px solid #eaeaea; background-color: #eee; }
#header .header_top .login_area li a, #header .header_top .lang_area li a { display: block; padding: 5px 18px 6px; color: #333; }
#header .header_top .login_area li a:hover, #header .header_top .lang_area li a:hover { text-decoration: none; background-color: #e6e6e6; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; }
#header .header_top .login_area li a .user, #header .header_top .lang_area li a .user { margin-left: 5px; line-height: 1.8; display: inline-block; vertical-align: top; font-size: 14px; }
#header .header_top .login_area li.on, #header .header_top .login_area li.active, #header .header_top .login_area li:active, #header .header_top .lang_area li.on, #header .header_top .lang_area li.active, #header .header_top .lang_area li:active { background-color: #fff; }
#header .header_top .login_area li.on a, #header .header_top .login_area li.active a, #header .header_top .login_area li:active a, #header .header_top .lang_area li.on a, #header .header_top .lang_area li.active a, #header .header_top .lang_area li:active a { border-bottom: 1px solid #fff; }
#header .header_top .login_area li.on a:hover, #header .header_top .login_area li.active a:hover, #header .header_top .login_area li:active a:hover, #header .header_top .lang_area li.on a:hover, #header .header_top .lang_area li.active a:hover, #header .header_top .lang_area li:active a:hover { background-color: #fff; }
#header .header_top .login_area li:after, #header .header_top .lang_area li:after { top: 12px; background-color: #d9d9d9; }
#header .header_top .login_area li:first-child:after, #header .header_top .lang_area li:first-child:after { width: 0; }
@media (min-width: 0) { #header .header_top .login_area, #header .header_top .lang_area { display: none; } }
@media (min-width: 800px) { #header .header_top .login_area, #header .header_top .lang_area { display: block; position: absolute; top: 0; right: -20px; } }

/** gnb */
#header .header_gnb.pc { height: 110px; }
#header .header_gnb.pc h1 { position: absolute; top: 25px; left: 15px; }
#header .header_gnb.pc .menu_area { position: absolute; top: 45px; left: 141px; z-index: 600; }
#header .header_gnb.pc .menu_area::after { content: ""; display: table; clear: both; }
#header .header_gnb.pc .menu_area li { position: relative; float: left; }
#header .header_gnb.pc .menu_area li a { display: block; padding: 10px 0; text-align: left; color: #333; font-size: 16px; }
#header .header_gnb.pc .menu_area li a:hover { text-decoration: none; }
#header .header_gnb.pc .menu_area li .sub { visibility: hidden; position: relative; top: 45px; left: 0; border: 1px solid #707070; background-color: #fff; }
#header .header_gnb.pc .menu_area li .sub .arr { display: inline-block; position: absolute; top: -5px; left: 50%; width: 9px; height: 6px; margin-left: -5px; content: ""; zoom: 1; background: url("../../img/front/common/gnb_arrow.png") 0 0 no-repeat; }
#header .header_gnb.pc .menu_area li .sub strong { display: block; padding: 18px 17px 17px; color: #333; font-size: 14px; font-weight: 700; background-color: #fff; }
#header .header_gnb.pc .menu_area li .sub ul li { float: inherit; border-top: 1px solid #ececec; }
#header .header_gnb.pc .menu_area li .sub ul li a { padding: 7px 17px 8px; font-size: 14px; font-weight: 400; }
#header .header_gnb.pc .menu_area li .sub ul li a .fa { margin-top: 4px; color: #b7b7b7; }
#header .header_gnb.pc .menu_area li .sub ul li a:hover { text-decoration: none; background-color: #e8e8e8; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; }
#header .header_gnb.pc .menu_area li .sub ul li ul { display: none; }
#header .header_gnb.pc .menu_area li .sub ul li ul li a { position: relative; padding-left: 30px; background-color: #f7f7f7; }
#header .header_gnb.pc .menu_area li .sub ul li ul li a:hover { text-decoration: none; background-color: #efefef; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; }
#header .header_gnb.pc .menu_area li .sub ul li ul li a:after { position: absolute; content: ''; top: 18px; left: 18px; width: 6px; height: 2px; background-color: #ccc; }
#header .header_gnb.pc .menu_area li .sub ul li ul li:first-child { border-top: 1px solid #ececec; }
#header .header_gnb.pc .menu_area li .sub ul li:first-child { border-top: 1px solid #ccc; }
#header .header_gnb.pc .menu_area li.on .sub { display: block; }
#header .header_gnb.pc .btn_area { position: absolute; top: 48px; right: 12px; }
#header .header_gnb.pc .btn_area a { margin-left: 37px; color: #333; width: 26px; height: 28px; }
#header .header_gnb.pc .btn_area a:first-child { margin-left: 0; }
#header .header_gnb.mobile { width: 100%; height: 50px; }
#header .header_gnb.mobile h1 { width: 110px; margin: 0 auto; }
#header .header_gnb.mobile h1 a { margin-top: 10px; }
#header .header_gnb.mobile h1 img { width: 110px; /* height:32px; */ }
#header .header_gnb.mobile .gnb_btn { display: block; position: absolute; top: 10px; left: 20px; color: #333; }
#header .header_gnb.mobile .search_btn { display: inline-block; position: absolute; top: 10px; right: 12px; color: #333; }
@media (min-width: 0) { #header .header_gnb.pc { visibility: hidden; }
  #header .header_gnb.pc.load_on { display: none; }
  #header .header_gnb.mobile { display: block; } }
@media (min-width: 800px) { #header .header_gnb.pc.load_on { display: block; }
  #header .header_gnb.mobile { display: none; } }

body.eb #header .header_gnb.pc h1 { top: 57px; left: 15px; }
body.eb #header .header_gnb.pc .menu_area { left: 189px; }
body.eb #header .header_gnb.mobile h1 { width: 130px; margin: 0 auto; }
body.eb #header .header_gnb.mobile h1 a { margin-top: 14px; }
body.eb #header .header_gnb.mobile h1 img { width: 130px; height: auto; }

body.cbtaxi #header .header_gnb.pc .menu_area { left: 170px; }
body.cbtaxi #header .header_gnb.mobile h1 { width: 127px; margin: 0 auto; }
body.cbtaxi #header .header_gnb.mobile h1 a { margin-top: 10px; }
body.cbtaxi #header .header_gnb.mobile h1 img { width: 127px; height: auto; }

body.cbev #header .header_gnb.pc .menu_area { left: 170px; }
body.cbev #header .header_gnb.mobile h1 { width: 143px; margin: 0 auto; }
body.cbev #header .header_gnb.mobile h1 a { margin-top: 10px; }
body.cbev #header .header_gnb.mobile h1 img { width: 143px; height: auto; }

body.mybi #header .header_gnb.pc h1 { top: 43px; }
body.mybi #header .header_gnb.mobile h1 { width: 75px; margin: 0 auto; }
body.mybi #header .header_gnb.mobile h1 img { width: 75px; height: auto; }

body.hanaro #header .header_gnb.pc h1 { top: 48px; }
body.hanaro #header .header_gnb.pc .menu_area { left: 165px; }
body.hanaro #header .header_gnb.mobile h1 { width: 117px; margin: 0 auto; }
body.hanaro #header .header_gnb.mobile h1 img { width: 117px; height: auto; }

/* ------------------------------------
* container
*------------------------------------*/
#container { position: relative; min-height: 100%; margin: 0 auto; padding-bottom: 0; -webkit-overflow-scrolling: touch; }

/** location */
.location_area .location { border-bottom: 1px solid #ececec; text-align: center; }
.location_area .location li { display: inline-block; padding: 10px 18px 10px 0; }
.location_area .location li .fa { color: #b7b7b7; padding-right: 18px; }
.location_area .location li span { display: inline-block; vertical-align: middle; }
.location_area .location_nav { position: fixed; width: 100%; background-color: #fff; z-index: 501; top: -40px; border-bottom: 1px solid #666; display: none; }
.location_area .location_nav.on { display: block; }
.location_area .location_nav .menu_area { position: relative; }
.location_area .location_nav .menu_area > ul::after { content: ""; display: table; clear: both; }
.location_area .location_nav .menu_area > ul > li { position: relative; float: left; /*border-right:1px solid $light-line-color; border-left:1px solid #fff;*/ }
.location_area .location_nav .menu_area > ul > li.home { border-left: 1px solid #ececec; }
.location_area .location_nav .menu_area > ul > li.home a { padding: 10px 18px; }
.location_area .location_nav .menu_area .btn_area { position: absolute; top: 3px; right: 12px; }
.location_area .location_nav .menu_area .btn_area a { margin-left: 37px; color: #333; }
.location_area .location_nav .menu_area .btn_area a:first-child { margin-left: 0; }
@media (min-width: 0) { .location_area { display: none; } }
@media (min-width: 800px) { .location_area { display: block; } }

/** content */
#content, #content .content_area, #content .content_wrap { position: relative; }
@media (min-width: 0) { #content { padding-bottom: 50px; } }
@media (min-width: 800px) { #content { padding-bottom: 100px; } }
#content .title_area h2 { font-size: 18px; text-align: center; font-weight: 400; background-color: #fff; }
#content .title_area .sub_title { margin-top: 12px; text-align: center; }
@media (min-width: 0) { #content .title_area { border-bottom: 1px solid #ececec; }
  #content .title_area h2 { padding: 16px 0; }
  #content .title_area .sub_title { display: none; } }
@media (min-width: 800px) { #content .title_area { padding-bottom: 45px; border-bottom: none; }
  #content .title_area h2 { padding: 45px 0 0; font-size: 30px; }
  #content .title_area .sub_title { display: block; /* padding-bottom:50px; */ } }
#content .title_area.fix { z-index: 502; position: fixed; top: 0; width: 100%; text-align: center; background-color: #fff; border-bottom: 1px solid #666; }
#content .title_area .total_search_area { max-width: 500px; margin: 0 auto; text-align: center; }
#content .title_area .total_search_area .result { margin-top: 34px; font-weight: 700; font-size: 16px; }
#content .title_area .total_search_area .result span { margin-top: -4px; font-weight: bold; font-size: 16px; color: #333; }
@media (max-width: 800px) { #content .title_area .total_search_area { padding: 16px; }
  #content .title_area .total_search_area .result { margin-top: 15px; padding-bottom: 10px; } }

/* ------------------------------------
* content_wrap
*------------------------------------*/
.title_box { margin-bottom: 10px; }
.title_box h3, .title_box .h3_font { font-size: 20px; font-weight: 700; }

.head_box { padding: 20px 20px 0; margin-bottom: 20px; }
@media (max-width: 800px) { .head_box { padding-left: 0; padding-right: 0; } }
.head_box.no_pad { padding: 0; margin-top: -20px; border-top: none !important; }
.head_box .info_txt { display: inline-block; padding-top: 12px; }
.head_box .search_module { float: right; }
.head_box.title { font-size: 20px; text-align: center; padding: 40px 0 20px 0; }
.head_box.title strong, .head_box.title p, .head_box.title span { font-size: 20px; }
.head_box.money_type { margin-top: 20px; margin-bottom: 0; background-color: #f7f7f7; border-top: 1px solid #ccc !important; border-bottom: 1px solid #ccc; }
.head_box.money_type .val { font-size: 28px; margin-top: -10px; letter-spacing: -0.5px; }
.head_box.money_type p, .head_box.money_type span { font-size: 14px; }
@media (max-width: 800px) { .head_box.money_type .val { font-size: 24px; } }

@media (max-width: 800px) { .head_box .search_module { width: 100%; float: none; }
  .head_box .search_module .form_obj01 { width: 49.39759%; float: left; margin-right: 1.20482%; }
  .head_box .search_module .form_obj02 { width: 49.39759%; float: right; margin-right: 0; /* margin-top:-25px; */ }
  .head_box .search_module .btn, .head_box .search_module .btn_white, .head_box .search_module .btn_default, .head_box .search_module .btn_green, .head_box .search_module .btn_act, .head_box .search_module .btn_dark, .head_box .search_module .btn_can, .head_box .search_module .btn_gray, .head_box .search_module .btn_dis, .head_box .search_module .btn_taxi, .head_box .search_module .btn_lg, .head_box .search_module .btn_com, .head_box .search_module .btn_md, .head_box .search_module .btn_sub, .head_box .search_module .btn_sm, .head_box .search_module .btn_info { margin-top: 10px; width: 100%; }
  .head_box .double.search_module .form_obj01 { width: 66.26506%; float: left; margin-right: 1.20482%; }
  .head_box .double.search_module .btn, .head_box .double.search_module .btn_white, .head_box .double.search_module .btn_default, .head_box .double.search_module .btn_green, .head_box .double.search_module .btn_act, .head_box .double.search_module .btn_dark, .head_box .double.search_module .btn_can, .head_box .double.search_module .btn_gray, .head_box .double.search_module .btn_dis, .head_box .double.search_module .btn_taxi, .head_box .double.search_module .btn_lg, .head_box .double.search_module .btn_com, .head_box .double.search_module .btn_md, .head_box .double.search_module .btn_sub, .head_box .double.search_module .btn_sm, .head_box .double.search_module .btn_info { width: 32.53012%; float: right; margin-right: 0; margin-top: 0; }
  .head_box .solo.search_module .form_obj01 { width: 100%; float: left; margin-left: 0; margin-right: 0; } }

/* ------------------------------------
* footer
*------------------------------------*/
#footer { width: 100%; background-color: #f0f0f0; }
#footer .footer_area { position: relative; margin: 0 auto; }
#footer .footer_area .foot_nav ul::after { content: ""; display: table; clear: both; }
#footer .footer_area .foot_nav ul li { display: inline-block; }
#footer .footer_area .foot_nav ul li a { position: relative; display: block; padding: 3px 15px; }
#footer .footer_area .foot_nav ul li:first-child a { padding-left: 0; }
#footer .footer_area .foot_nav ul li:first-child a:after { width: 0; }
#footer .footer_area .foot_addr p { line-height: 1.5; }
#footer .footer_area .foot_addr p span { position: relative; display: inline-block; padding: 0 7px; }
#footer .footer_area .foot_addr p span:after { top: 5px; background-color: #ccc; }
#footer .footer_area .foot_addr p span:first-child { padding-left: 0; }
#footer .footer_area .foot_addr p span:first-child:after { background: none; width: 0; height: 0; }
#footer .footer_area .foot_copy { font-size: 12px; color: #cc6600; }
#footer .footer_area.pc .wrap_box, #footer .footer_area.pc .section, #footer .footer_area.pc #sidebar .login_area .login.login_prev, #sidebar .login_area #footer .footer_area.pc .login.login_prev, #footer .footer_area.pc #sidebar .login_area .login.login_after .user, #sidebar .login_area .login.login_after #footer .footer_area.pc .user, #footer .footer_area.pc #header .header_gnb, #header #footer .footer_area.pc .header_gnb, #footer .footer_area.pc .location_area .location_nav .menu_area, .location_area .location_nav #footer .footer_area.pc .menu_area, #footer .footer_area.pc #content .title_area, #content #footer .footer_area.pc .title_area, #footer .footer_area.pc .scrollx, #footer .footer_area.pc .data_table { padding-top: 25px; }
#footer .footer_area.pc .foot_nav { width: 66%; }
#footer .footer_area.pc .foot_btn { position: absolute; top: 25px; right: 0; }
#footer .footer_area.pc .foot_btn span { font-size: 14px; color: #fff; font-weight: 700; }
#footer .footer_area.pc .foot_btn span.guide_title { display: block; font-size: 12px; color: #ccc; font-weight: normal; text-align: center; }
#footer .footer_area.pc .ect_box { position: relative; width: 1000px; margin: 0 auto; }
#footer .footer_area.pc .ect_box .web_acc { position: absolute; bottom: 40px; right: 0; }
#footer .footer_area.pc .ect_box .foot_sns { position: absolute; bottom: -10px; right: 200px; }
#footer .footer_area.pc .ect_box .foot_family { position: absolute; bottom: -20px; right: 0; }
#footer .footer_area.mobile { text-align: center; }
#footer .footer_area.mobile .wrap_box, #footer .footer_area.mobile .section, #footer .footer_area.mobile #sidebar .login_area .login.login_prev, #sidebar .login_area #footer .footer_area.mobile .login.login_prev, #footer .footer_area.mobile #sidebar .login_area .login.login_after .user, #sidebar .login_area .login.login_after #footer .footer_area.mobile .user, #footer .footer_area.mobile #header .header_gnb, #header #footer .footer_area.mobile .header_gnb, #footer .footer_area.mobile .location_area .location_nav .menu_area, .location_area .location_nav #footer .footer_area.mobile .menu_area, #footer .footer_area.mobile #content .title_area, #content #footer .footer_area.mobile .title_area, #footer .footer_area.mobile .scrollx, #footer .footer_area.mobile .data_table { padding-top: 10px; }
#footer .footer_area.mobile .wrap_box:first-child, #footer .footer_area.mobile .section:first-child, #footer .footer_area.mobile #sidebar .login_area .login.login_prev:first-child, #sidebar .login_area #footer .footer_area.mobile .login.login_prev:first-child, #footer .footer_area.mobile #sidebar .login_area .login.login_after .user:first-child, #sidebar .login_area .login.login_after #footer .footer_area.mobile .user:first-child, #footer .footer_area.mobile #header .header_gnb:first-child, #header #footer .footer_area.mobile .header_gnb:first-child, #footer .footer_area.mobile .location_area .location_nav .menu_area:first-child, .location_area .location_nav #footer .footer_area.mobile .menu_area:first-child, #footer .footer_area.mobile #content .title_area:first-child, #content #footer .footer_area.mobile .title_area:first-child, #footer .footer_area.mobile .scrollx:first-child, #footer .footer_area.mobile .data_table:first-child { padding-top: 20px; }
#footer .footer_area.mobile .foot_nav { display: inline-block; text-align: center; }
#footer .footer_area.mobile .foot_nav a { font-size: 11px; }
#footer .footer_area.mobile .foot_btn span { font-size: 12px; }
#footer .footer_area.mobile .foot_btn span.guide_title { display: block; font-size: 11px; color: #ccc; font-weight: normal; text-align: center; }
#footer .footer_area.mobile .foot_addr p { font-size: 11px; }
#footer .footer_area.mobile .foot_addr p span { font-size: 11px; }
#footer .footer_area.mobile .foot_addr p span:after { top: 2px; }
#footer .footer_area.mobile .foot_ans { position: relative; text-align: center; }
#footer .footer_area.mobile .foot_copy { font-size: 11px; }
@media (min-width: 0) { #footer .footer_area.pc { display: none; }
  #footer .footer_area.mobile { display: block; } }
@media (min-width: 800px) { #footer .footer_area.pc { display: block; }
  #footer .footer_area.mobile { display: none; } }

/* ------------------------------------
* sidebar
*------------------------------------*/
#sidebar { position: relative; display: none; z-index: -1; width: 1px; height: 1px; }
@media (min-width: 0) { #sidebar { display: none; z-index: 599; height: 100%; -webkit-transform: translateZ(0); }
  #sidebar .sidebar_wrap { position: absolute; left: 0; right: 60px; height: 100%; overflow-y: auto; background: #f7f7f7; }
  #sidebar .close_sidebar { display: inline-block; position: absolute; font-size: 26px; top: 17px; right: 20px; color: #fff; } }
@media (min-width: 800px) { #sidebar { display: none; z-index: -1; } }
@media (min-width: 1000px) { #sidebar { display: none; z-index: -1; } }
#sidebar .lang_btn { text-align: center; }
#sidebar .lang_btn a { position: relative; display: block; padding: 11px 0; text-align: center; color: #666; font-weight: 700; }
#sidebar .lang_btn a:after { top: 14px; background-color: #ccc; }
#sidebar .lang_btn a:first-child:after { width: 0; }
#sidebar .login_area .login { display: none; }
#sidebar .login_area .login.on { display: block; }
#sidebar .login_area .login.login_prev { padding-top: 10px; }
#sidebar .login_area .login.login_prev .btn_login { display: block; width: 100%; padding: 9px 0; background-color: #fff; border: 1px solid #ccc; border-radius: 3px; color: #666; text-align: center; font-weight: 700; }
#sidebar .login_area .login.login_prev ul::after { content: ""; display: table; clear: both; }
#sidebar .login_area .login.login_prev li { position: relative; width: 60%; float: left; }
#sidebar .login_area .login.login_prev li:first-child { width: 40%; float: left; }
#sidebar .login_area .login.login_prev li.full_width:first-child { width: 100%; float: left; margin-left: 0; margin-right: 0; }
#sidebar .login_area .login.login_prev li a { display: block; padding: 11px 0; text-align: center; color: #666; font-weight: 700; }
#sidebar .login_area .login.login_prev li:after { top: 14px; background-color: #ccc; }
#sidebar .login_area .login.login_prev li:first-child:after { width: 0; }
#sidebar .login_area .login.login_prev ul.col2 li { width: 50%; float: left; }
#sidebar .login_area .login.login_after { padding-top: 15px; padding-bottom: 25px; background-color: #fff; }
#sidebar .login_area .login.login_after .user { font-weight: 700; }
#sidebar .login_area .login.login_after .user p { margin-top: 5px; color: #333; }
#sidebar .login_area .login.login_after table { max-width: 320px; margin-left: auto; margin-right: auto; margin-top: 10px; }
#sidebar .login_area .login.login_after table:after { content: " "; display: block; clear: both; }
#sidebar .login_area .login.login_after table th, #sidebar .login_area .login.login_after table td { padding: 5px 0; vertical-align: top; }
#sidebar .login_area .login.login_after table th { color: #009999; font-weight: 700; }
#sidebar .login_area .login.login_after table td { font-size: 14px; color: #333; }
#sidebar .login_area .login.login_after table td strong { font-size: 28px; letter-spacing: -0.2px; color: #282828; }
#sidebar .login_area .login.login_after .info_area dl { margin-top: 15px; padding-top: 15px; border-top: 1px solid #ccc; }
#sidebar .login_area .login.login_after .info_area dl dt, #sidebar .login_area .login.login_after .info_area dl dd { padding: 5px 3%; vertical-align: top; }
#sidebar .login_area .login.login_after .info_area dl dt { color: #009999; font-weight: 700; }
#sidebar .login_area .login.login_after .info_area dl dd { font-size: 14px; color: #333; text-align: right; }
#sidebar .login_area .login.login_after .info_area dl dd strong { font-size: 28px; letter-spacing: -0.2px; color: #282828; }
#sidebar .util_area { border-top: 1px solid #ccc; }
#sidebar .util_area ul::after { content: ""; display: table; clear: both; }
#sidebar .util_area li { position: relative; width: 33.33333%; float: left; border-left: 1px solid #ececec; }
#sidebar .util_area li a { display: block; padding: 17px 0 14px; text-align: center; color: #666; font-weight: 700; }
#sidebar .util_area li a img { text-align: center; display: inline-block; }
#sidebar .util_area li a strong { display: block; padding-top: 5px; font-size: 11px; }
#sidebar .util_area li:first-child { border-left: 0; }
#sidebar .util_area.num2 li { width: 50%; float: left; }
#sidebar .util_area.num1 li { width: 100%; float: left; margin-left: 0; margin-right: 0; }
#sidebar .sidebar_menu ul li { position: relative; border-top: 1px solid #fff; }
#sidebar .sidebar_menu ul li:first-child { border-top: none; }
#sidebar .sidebar_menu ul li i { position: absolute; top: 15px; right: 20px; font-size: 16px; }
#sidebar .sidebar_menu ul li a { display: block; padding: 11px 20px; color: #333; font-size: 14px; font-weight: 700; background-color: #ffba4a; }
#sidebar .sidebar_menu ul li ul { display: none; }
#sidebar .sidebar_menu ul li ul li { border-top: 1px solid #ececec; }
#sidebar .sidebar_menu ul li ul li a { padding: 9px 20px; color: #666; font-weight: normal; background-color: #fff; }
#sidebar .sidebar_menu ul li ul li ul { display: block; }
#sidebar .sidebar_menu ul li ul li ul li:first-child { border-top: 1px solid #ececec; }
#sidebar .sidebar_menu ul li ul li ul li a { padding-left: 30px; background-color: #f7f7f7; }

/* ------------------------------------
* totalmenu
*------------------------------------*/
.totalmenu .totalmenu_wrap .login_area { width: 245px; float: left; }
.totalmenu .totalmenu_wrap .login_area .login { display: none; }
.totalmenu .totalmenu_wrap .login_area .login.on { display: block; }
.totalmenu .totalmenu_wrap .login_area .login.login_prev { margin: 4px 0; background-color: #f7f7f7; }
.totalmenu .totalmenu_wrap .login_area .login.login_prev .login_btn_wrap { padding: 12px 20px 0; }
.totalmenu .totalmenu_wrap .login_area .login.login_prev ul::after { content: ""; display: table; clear: both; }
.totalmenu .totalmenu_wrap .login_area .login.login_prev .btn_box { border-bottom: 1px solid #ececec; }
.totalmenu .totalmenu_wrap .login_area .login.login_prev .btn_box li { position: relative; width: 60%; float: left; }
.totalmenu .totalmenu_wrap .login_area .login.login_prev .btn_box li:first-child { width: 40%; float: left; }
.totalmenu .totalmenu_wrap .login_area .login.login_prev .btn_box li.full_width:first-child { width: 100%; float: left; margin-left: 0; margin-right: 0; }
.totalmenu .totalmenu_wrap .login_area .login.login_prev .btn_box li a { display: block; padding: 11px 0; text-align: center; color: #666; font-weight: 700; }
.totalmenu .totalmenu_wrap .login_area .login.login_prev .btn_box li:after { top: 18px; background-color: #ccc; }
.totalmenu .totalmenu_wrap .login_area .login.login_prev .btn_box li:first-child:after { width: 0; }
.totalmenu .totalmenu_wrap .login_area .login.login_prev .btn_box.col2 li { width: 50%; float: left; }
.totalmenu .totalmenu_wrap .login_area .login.login_after { margin: 4px 0; background-color: #fff; }
.totalmenu .totalmenu_wrap .login_area .login.login_after .user { padding: 12px 10px 12px 20px; border-bottom: 1px solid #ececec; font-weight: 700; }
.totalmenu .totalmenu_wrap .login_area .login.login_after .user p { margin-top: 5px; color: #333; }
.totalmenu .totalmenu_wrap .login_area .login.login_after dl { background-color: #f7f7f7; }
.totalmenu .totalmenu_wrap .login_area .login.login_after dl dt { padding: 8px 10px 0 20px; color: #009999; font-weight: 700; font-size: 12px; }
.totalmenu .totalmenu_wrap .login_area .login.login_after dl dd { padding: 0 10px 9px 20px; border-bottom: 1px solid #ececec; font-size: 14px; color: #333; }
.totalmenu .totalmenu_wrap .login_area .login.login_after dl dd strong { font-size: 28px; letter-spacing: -0.2px; color: #282828; line-height: 28px; }
.totalmenu .totalmenu_wrap .login_area .login .favorite_box li a { display: block; border-bottom: 1px solid #ececec; text-align: center; padding: 12px 5px; color: #666; font-weight: 700; background-color: #fff; }
.totalmenu .totalmenu_wrap .login_area .login .favorite_box li a:hover { text-decoration: none; background-color: #efefef; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; }
.totalmenu .totalmenu_wrap .login_area .login .quick_box .banner_box .bg { height: 160px; background: url("../../img/front/common/icon_totalmenu_quick.png") center center no-repeat; }
.totalmenu .totalmenu_wrap .login_area .login .quick_box .banner_box .title { display: block; font-size: 16px; color: #333; text-align: center; }
.totalmenu .totalmenu_wrap .menu_area { position: absolute; top: 0; left: 252px; padding-bottom: 50px; z-index: 600; }
.totalmenu .totalmenu_wrap .menu_area::after { content: ""; display: table; clear: both; }
.totalmenu .totalmenu_wrap .menu_area > .div3 > ul > li { margin: 4px; }
.totalmenu .totalmenu_wrap .menu_area > .div4 > ul > li { margin: 4px; }
.totalmenu .totalmenu_wrap .menu_area li { position: relative; float: left; width: 243px; }
.totalmenu .totalmenu_wrap .menu_area li a { display: block; padding: 10px 0; text-align: left; color: #333; font-size: 16px; }
.totalmenu .totalmenu_wrap .menu_area li a:hover { text-decoration: none; }
.totalmenu .totalmenu_wrap .menu_area li .sub { position: relative; background-color: #fff; }
.totalmenu .totalmenu_wrap .menu_area li .sub strong { display: block; padding: 18px 17px 17px; color: #333; font-size: 14px; font-weight: 700; background-color: #ffba4a; }
.totalmenu .totalmenu_wrap .menu_area li .sub ul li { float: inherit; border-top: 1px solid #ececec; }
.totalmenu .totalmenu_wrap .menu_area li .sub ul li a { padding: 7px 17px 8px; font-size: 14px; font-weight: 400; }
.totalmenu .totalmenu_wrap .menu_area li .sub ul li a .fa { margin-top: 4px; color: #b7b7b7; }
.totalmenu .totalmenu_wrap .menu_area li .sub ul li a:hover { text-decoration: none; background-color: #e8e8e8; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; }
.totalmenu .totalmenu_wrap .menu_area li .sub ul li ul { display: none; }
.totalmenu .totalmenu_wrap .menu_area li .sub ul li ul li a { position: relative; padding-left: 30px; background-color: #f7f7f7; }
.totalmenu .totalmenu_wrap .menu_area li .sub ul li ul li a:hover { text-decoration: none; background-color: #efefef; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; }
.totalmenu .totalmenu_wrap .menu_area li .sub ul li ul li a:after { position: absolute; content: ''; top: 18px; left: 18px; width: 6px; height: 2px; background-color: #ccc; }
.totalmenu .totalmenu_wrap .menu_area li .sub ul li ul li:first-child { border-top: 1px solid #ececec; }
.totalmenu .totalmenu_wrap .menu_area li .sub ul li:first-child { border-top: 1px solid #ccc; }
.totalmenu .totalmenu_wrap .menu_area li.on .sub { display: block; }

.totalmenu_open { height: auto !important; }

@media (max-width: 1000px) { .layer_popup .pop_wrap.totalmenu { width: 760px; }
  .layer_popup .pop_wrap.totalmenu .menu_area > .div3 { width: 49.67742%; float: left; margin-right: 0.64516%; }
  .layer_popup .pop_wrap.totalmenu .menu_area > .div4 { width: 32.90323%; float: left; margin-right: 0.64516%; } }
@media (max-width: 800px) { .layer_popup .pop_wrap.totalmenu { width: 240px; }
  .layer_popup .pop_wrap.totalmenu .menu_area { position: relative; left: 1px; }
  .layer_popup .pop_wrap.totalmenu .menu_area > .div3, .layer_popup .pop_wrap.totalmenu .menu_area > .div4 { width: 100%; float: left; margin-right: 0.64516%; }
  .layer_popup .pop_wrap.totalmenu .menu_area > .div3 > ul > li, .layer_popup .pop_wrap.totalmenu .menu_area > .div4 > ul > li { margin-left: 0; } }
/* layout common */
@media (max-width: 800px) { .d_block { display: inline !important; }
  .m_blind { font-size: 1px; width: 1px; height: 1px; text-indent: -9999px; padding: 0; margin: -1px 0 0 -1px; visibility: hidden; overflow: hidden; display: block; }
  .m_dsnone { display: none !important; }
  .box.dd_width dd { padding: 20px; }
  .m_dsblock { display: block; } }
@media (min-width: 800px) { .d_block { display: block; }
  .box.dd_width dd { padding: 20px 567px 20px 20px; }
  .m_dsblock { display: none; } }
/* common */
.cl_point { color: #009999 !important; }

.cl_red { color: #ff0000 !important; }

.cl_event { color: #ff8600 !important; }

.lh38 { line-height: 38px !important; }

.lh2em { line-height: 2em !important; }

table td .cl_point, table td .cl_red, table td .cl_event { font-size: 13px; }

.de_line, .de_line:hover { text-decoration: underline; display: inline; }

.de_line.no_underline { text-decoration: none; }

.de_line.no_underline:hover { text-decoration: underline; }

.ov_hidden { overflow: hidden; }

.tb_info { padding: 10px 0 0 15px; position: relative; }
.tb_info::before { content: "※"; font-size: 16px; position: absolute; left: 0; top: 8px; }

.bdt_dark { border-top-color: #333 !important; }

.bdt_none { border-top: none !important; }

.bd_none { border: none !important; }

.mw_none { min-width: auto !important; }

.posStatic { position: static !important; }

.maxhe100 { max-height: 100px !important; }

.compul { color: transparent; font-size: 0; }
.compul:after { content: "*"; color: #009999; font-size: 16px; vertical-align: middle; }

input[type=password], input[type=text] { border: solid 1px #ccc; -khtml-border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; height: 38px; line-height: 38px; box-sizing: border-box; padding: 0 10px; font-size: 14px; min-width: 230px; }
input[type=password]:focus, input[type=text]:focus { border: solid 2px #80dcd1; }
@media (max-width: 800px) { input[type=password], input[type=text] { min-width: 50px; } }

.amount { background: #f7f7f7; text-align: right; color: #009999; font-weight: bold; font-size: 20px; }

select { -webkit-appearance: button; -webkit-padding-end: 48px; -webkit-padding-start: 10px; -webkit-user-select: none; background: url("../../img/front/common/bg_select.png") right center no-repeat #fff; background-size: 38px; border: 1px solid #ccc; color: #414141; font-size: 14px; overflow: hidden; line-height: 38px; text-overflow: ellipsis; white-space: nowrap; height: 38px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; filter: alpha(opacity=0); -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; padding-left: 10px; padding-right: 40px; min-width: 230px; }
@media (max-width: 800px) { select { min-width: 50px; } }
@media (min-width: 800px) { select { max-width: 500px; } }

select::-ms-expand { display: none; }

html.ie9 select { filter: initial; background: none; }

.col-xs-1 input, .col-xs-1 select, .col-xs-2 input, .col-xs-2 select, .col-xs-3 input, .col-xs-3 select, .col-xs-4 input, .col-xs-4 select, .col-xs-5 input, .col-xs-5 select, .col-xs-6 input, .col-xs-6 select, .col-xs-7 input, .col-xs-7 select, .col-xs-8 input, .col-xs-8 select, .col-xs-9 input, .col-xs-9 select, .col-xs-10 input, .col-xs-10 select, .col-xs-11 input, .col-xs-11 select, .col-xs-12 input, .col-xs-12 select { min-width: 0 !important; }

input.col-xs-1, input.col-xs-2, input.col-xs-3, input.col-xs-4, input.col-xs-5, input.col-xs-6, input.col-xs-7, input.col-xs-8, input.col-xs-9, input.col-xs-10, input.col-xs-11, input.col-xs-12 { min-width: 0 !important; }

select.col-xs-1, select.col-xs-2, select.col-xs-3, select.col-xs-4, select.col-xs-5, select.col-xs-6, select.col-xs-7, select.col-xs-8, select.col-xs-9, select.col-xs-10, select.col-xs-11, select.col-xs-12 { min-width: 0 !important; }

/* checkbox */
input[type=checkbox] { display: inline-block; position: absolute; left: -9999px; }

input[type=checkbox] + label { display: inline-block; cursor: pointer; position: relative; /*margin:2px 15px 0 0;*/ font-size: 14px; line-height: 22px; padding: 5px 0 5px 30px; z-index: 500; }

input[type=checkbox] + label:before { content: ""; display: inline-block; width: 22px; height: 22px; margin-right: 10px; position: absolute; left: 0; /*bottom:1px;*/ background: url("../../img/front/common/radchek.png") 0px -23px no-repeat; }

input[type=checkbox]:checked + label:before { background: url("../../img/front/common/radchek.png") 0 0 no-repeat; text-align: center; line-height: 22px; }

input[type=checkbox]:focus + label:before { content: ""; display: inline-block; width: 22px; height: 22px; margin-right: 10px; position: absolute; left: 0; /*bottom:1px;*/ background: url("../../img/front/common/radchek.png") -23px -23px no-repeat; }

input[type=checkbox]:focus:checked + label:before { background: url("../../img/front/common/radchek.png") -23px 0 no-repeat; text-align: center; line-height: 22px; }

input[type=radio] { display: inline-block; position: absolute; left: -9999px; }

input[type=radio] + label { display: inline-block; cursor: pointer; position: relative; /*margin:2px 15px 0 0;*/ font-size: 14px; line-height: 22px; padding: 5px 0 5px 25px; z-index: 500; }

input[type=radio] + label:before { content: ""; display: inline-block; width: 22px; height: 22px; margin-right: 10px; position: absolute; left: 0; /*bottom:1px;*/ background: url("../../img/front/common/radchek.png") -46px -23px no-repeat; }

input[type=radio]:checked + label:before { background: url("../../img/front/common/radchek.png") -46px 0 no-repeat; text-align: center; line-height: 22px; }

input[type=radio]:focus + label:before { content: ""; display: inline-block; width: 22px; height: 22px; margin-right: 10px; position: absolute; left: 0; /*bottom:1px;*/ background: url("../../img/front/common/radchek.png") -69px -23px no-repeat; }

input[type=radio]:focus:checked + label:before { background: url("../../img/front/common/radchek.png") -69px 0px no-repeat; text-align: center; line-height: 22px; }

/*  step  */
.step { background: #f7f7f7; border: solid 1px #ececec; overflow: hidden; font-size: 16px; font-weight: bold; }
.step li { display: inline-block; text-align: center; float: left; height: 108px; vertical-align: middle; position: relative; }
.step li .right { background: url("../../img/front/common/bg_step.png") -15px 50% no-repeat; display: block; width: 15px; height: 108px; position: absolute; top: 0; right: -15px; z-index: 10; }
.step li span { display: block; padding-top: 35px; margin-top: 28px; position: relative; /*background:url($imgpath + 'common/bg_step_icon.png') center 0 no-repeat;*/ }
.step li.step_ing { background: #fff; }
.step li.step_ing .right { background-position: 0 50%; }
.step .on { color: #009999; }

.step02 li { width: 50%; }

.step03 li { width: 33.33333%; }

.step04 li { width: 25%; }

.step05 li { width: 20%; }

/* calendar */
.calendar { border: solid 1px #ccc; -khtml-border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; height: 38px; line-height: 38px; box-sizing: border-box; font-size: 14px; }
.calendar > input { border: none; border-right: solid 1px #ccc; background: none; }

/* result */
.result_box { /* border-top:solid 1px #666; */ text-align: center; }
.result_box .msg_tit { line-height: 40px; margin-bottom: 25px; color: #333; }
.result_box .msg_tit span { color: #009999; font-size: 30px; font-weight: bold; }
.result_box .info_tel { font-size: 14px; color: #333; }

@media (min-width: 0) { .result_box { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; }
  .rs_img { width: 80px; height: 80px; margin: 50px 0 25px; background: url("../../img/front/common/bg_result.png") 0 center no-repeat; background-size: 400px 80px; }
  .open_img { width: 199px; height: 172px; margin: 50px 0 25px; background: url("../../img/front/common/bg_openpage.png") 0 center no-repeat; background-size: 199px 172px; }
  .msg_tit { font-size: 20px; letter-spacing: -1px; }
  .msg_info1 { font-size: 15px; font-weight: bold; }
  .msg_info1 span { color: #009999; font-size: 15px; }
  .msg_info2 { font-size: 14px; margin-bottom: 20px; letter-spacing: -1px; }
  .msg_info2 span { color: #009999; font-size: 12px; }
  .msg_button { margin: 20px 0 50px; }
  .msg_button a { letter-spacing: -1px; }
  .result_box.rs_err > .rs_img { background-position: -80px; }
  .result_box.rs_leave > .rs_img { background-position: -160px; }
  .result_box.rs_no > .rs_img { background-position: -240px; }
  .result_box.rs_check > .rs_img { background-position: -320px; }
  .result_check { border: solid 1px #ececec; border-top-color: #333; max-width: 498px; padding: 15px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: left; margin: 0 auto 25px; letter-spacing: -1px; } }
@media (min-width: 800px) { .result_box { max-width: 1000px; margin: 0 auto; }
  .rs_img { width: 160px; height: 160px; margin: 100px 0 45px; background: url("../../img/front/common/bg_result.png") 0 center no-repeat; background-size: 800px 160px; }
  .open_img { width: 399px; height: 344px; margin: 90px 0 50px; background: url("../../img/front/common/bg_openpage.png") 0 center no-repeat; background-size: 399px 344px; }
  .msg_tit { font-size: 30px; }
  .msg_info1 { font-size: 20px; font-weight: bold; }
  .msg_info1 span { color: #009999; font-size: 20px; }
  .msg_info2 { font-size: 16px; margin-bottom: 45px; }
  .msg_info2 span { color: #009999; font-size: 16px; }
  .msg_button { margin: 40px 0 100px; }
  .result_box.rs_err > .rs_img { background-position: -160px; }
  .result_box.rs_leave > .rs_img { background-position: -320px; }
  .result_box.rs_no > .rs_img { background-position: -480px; }
  .result_box.rs_check > .rs_img { background-position: -640px; }
  .result_check { border: solid 1px #ececec; border-top-color: #333; max-width: 498px; padding: 15px 100px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: left; margin: 0 auto 25px; letter-spacing: -1px; }
  .result_check.open_page { padding: 15px 60px; } }
.browser_box { margin-top: 100px; background-color: #fff; padding: 30px 0; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; outline: 0; }

.browser_box .cur_ver { color: #009999; font-size: 24px; font-weight: bold; margin-top: -10px; }

.browser_box .cur_ver span { color: #009999; font-size: 20px; font-weight: bold; }

.browser_icon { max-width: 300px; margin: 40px auto; }

.browser_icon li a { display: block; text-decoration: underline; color: #009999; }

.browser_icon li .comment { font-size: 12px; color: 333px; line-height: 14px; }

@media (min-width: 800px) { .browser_box .result_check { padding: 15px 25px !important; }
  .browser_icon { max-width: 490px; } }
.tb_type01 { border-top: solid 1px #ccc; border-left: solid 1px #ececec; overflow-x: auto; overflow-y: hidden; }
.tb_type01 table { min-width: 999px; }
.tb_type01 th, .tb_type01 td { border-bottom: solid 1px #ececec; border-right: solid 1px #ececec; padding: 11px 10px 10px; width: auto; float: none; }
.tb_type01 th .btn_sub, .tb_type01 td .btn_sub { margin: -8px -20px; }
.tb_type01 th .icon_lock, .tb_type01 td .icon_lock { display: inline-block; width: 16px; height: 21px; background: url("../../img/front/common/icon_noti.png") -20px 0 no-repeat; margin: 0  0 0 5px; }
.tb_type01 th .icon_noAns, .tb_type01 td .icon_noAns { display: inline-block; width: 20px; height: 21px; background: url("../../img/front/common/icon_noti.png") -37px 0 no-repeat; margin: -3px 5px 0 0; }
.tb_type01 th .icon_Ans, .tb_type01 td .icon_Ans { display: inline-block; width: 20px; height: 21px; background: url("../../img/front/common/icon_noti.png") -58px 0 no-repeat; margin: -3px 5px 0 0; }
.tb_type01 td:before { content: ""; }
.tb_type01 .bg_noti th, .tb_type01 .bg_noti td { background: #f7f7f7; }
.tb_type01 .bg_noti .icon_noti { display: inline-block; width: 20px; height: 21px; background: url("../../img/front/common/icon_noti.png") 0 0 no-repeat; margin: -3px 5px 0 0; }

@media (min-width: 0) { .tb_type02 { border-top: solid 1px #ccc; border-left: solid 1px #ececec; overflow-x: auto; overflow-y: hidden; }
  .tb_type02 th, .tb_type02 td { border-bottom: solid 1px #ececec; border-right: solid 1px #ececec; padding: 11px 15px 10px 100px; width: 100%; float: left; text-align: right; }
  .tb_type02 th .btn_sub, .tb_type02 td .btn_sub { margin: -8px -20px; }
  .tb_type02 th .icon_lock, .tb_type02 td .icon_lock { display: inline-block; width: 16px; height: 21px; background: url("../../img/front/common/icon_noti.png") -20px 0 no-repeat; margin: 0  0 0 5px; }
  .tb_type02 th .icon_noAns, .tb_type02 td .icon_noAns { display: inline-block; width: 20px; height: 21px; background: url("../../img/front/common/icon_noti.png") -37px 0 no-repeat; margin: -3px 5px 0 0; }
  .tb_type02 th .icon_Ans, .tb_type02 td .icon_Ans { display: inline-block; width: 20px; height: 21px; background: url("../../img/front/common/icon_noti.png") -58px 0 no-repeat; margin: -3px 5px 0 0; }
  .tb_type02 td { position: relative; }
  .tb_type02 tr { border-bottom: solid 1px #ccc; }
  .tb_type02 td:before { position: absolute; left: 4px; top: 50%; content: "" attr(data-label) ""; border-right: 1px solid #dddddd; width: 90px; text-align: center; margin-top: -8px; }
  .tb_type02 .bg_noti th, .tb_type02 .bg_noti td { background: #f7f7f7; }
  .tb_type02 .bg_noti .icon_noti { display: inline-block; width: 20px; height: 21px; background: url("../../img/front/common/icon_noti.png") 0 0 no-repeat; margin: -3px 5px 0 0; } }
@media (min-width: 800px) { .tb_type02 { border-top: solid 1px #ccc; border-left: solid 1px #ececec; overflow-x: auto; overflow-y: hidden; }
  .tb_type02 table { min-width: 999px; }
  .tb_type02 th, .tb_type02 td { border-bottom: solid 1px #ececec; border-right: solid 1px #ececec; padding: 13px 20px 12px; width: auto; float: none; text-align: center; }
  .tb_type02 th .btn_sub, .tb_type02 td .btn_sub { margin: -8px -20px; }
  .tb_type02 th .icon_lock, .tb_type02 td .icon_lock { display: inline-block; width: 16px; height: 21px; background: url("../../img/front/common/icon_noti.png") -20px 0 no-repeat; margin: 0  0 0 5px; }
  .tb_type02 th .icon_noAns, .tb_type02 td .icon_noAns { display: inline-block; width: 20px; height: 21px; background: url("../../img/front/common/icon_noti.png") -37px 0 no-repeat; margin: -3px 5px 0 0; }
  .tb_type02 th .icon_Ans, .tb_type02 td .icon_Ans { display: inline-block; width: 20px; height: 21px; background: url("../../img/front/common/icon_noti.png") -58px 0 no-repeat; margin: -3px 5px 0 0; }
  .tb_type02 td:before { content: ""; }
  .tb_type02 .bg_noti th, .tb_type02 .bg_noti td { background: #f7f7f7; }
  .tb_type02 .bg_noti .icon_noti { display: inline-block; width: 20px; height: 21px; background: url("../../img/front/common/icon_noti.png") 0 0 no-repeat; margin: -3px 5px 0 0; } }
.no_data { border: solid 1px #ececec; background: #f7f7f7; text-align: center; color: #333; font-size: 16px; padding: 20px 0 20px; }
.no_data span.rs_img { display: block; background: url("../../img/front/common/bg_nodata.png") 0 0 no-repeat; width: 92px; height: 82px; margin: 0 auto 20px auto; }
.no_data span.rs_img.error { display: block; background: url("../../img/front/common/bg_error.png") 0 0 no-repeat; width: 73px; height: 82px; margin: 0 auto 20px auto; }
.no_data span.rs_img.end { display: block; background: url("../../img/front/common/bg_end.png") 0 0 no-repeat; width: 118px; height: 118px; margin: 0 auto 20px auto; }
.no_data .rs_info { color: #333; font-size: 16px; }
.no_data .rs_info span { color: #333; font-size: 16px; }

/* 로그인 */
.login_area { /*border-top:solid 1px #ececec;*/ }
.login_area .input_area { position: relative; }
.login_area .input_area .icon_txt { background: #f6f6f6; border: solid 1px #ececec; text-align: center; }
.login_area .input_area .icon_txt span { display: block; width: 67px; height: 79px; background: url("../../img/front/common/bg_login.png") 0 0 no-repeat; margin: 32px auto 22px auto; }
.login_area .input_area .icon_txt.icon02 span { background-position: -69px 0; }
.login_area .input_area .log_input01 input { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; height: 50px; line-height: 50px; background: url("../../img/front/common/bg_loginput.png") 95% 16px no-repeat; }
.login_area .input_area .log_input01 .id_input01 { margin-bottom: 9px; }
.login_area .input_area .log_input01 .ipin_area01 { position: relative; }
.login_area .input_area .log_input01 .ipin_area01 .btn_ipin { display: block; font-size: 14px; text-align: center; vertical-align: middle; font-weight: bold; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
.login_area .input_area .log_input01 .ipin_area02 .ipin_txt { padding: 0 0 0 16px; position: relative; }
.login_area .input_area .log_input01 .ipin_area02 .ipin_txt .icon { position: absolute; top: -1px; left: 0; }
@media (min-width: 0) { .login_area .input_area { width: 100%; }
  .login_area .input_area .icon_txt { width: 100%; height: 169px; margin-bottom: 9px; }
  .login_area .input_area .log_input01 input { width: 100%; }
  .login_area .input_area .log_input01 .pass_input01 { background-position: 95% -45px; margin-bottom: 20px; }
  .login_area .input_area .log_input01 input[type=checkbox] + label { margin-bottom: 20px; }
  .login_area .input_area .log_input01 .btn_login { display: block; width: 100%; font-size: 18px; text-align: center; vertical-align: middle; font-weight: bold; padding: 10px 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
  .login_area .input_area .log_input01 .btn_search { overflow: hidden; margin-top: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .login_area .input_area .log_input01 .btn_search a { width: 48%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-width: auto; }
  .login_area .input_area .log_input01 .btn_search a:last-child { margin: 0; float: right; }
  .login_area .input_area .log_input01 .ipin_area01 .btn_ipin { width: 100%; margin-top: 20px; }
  .login_area .input_area .log_input01 .ipin_area02 { padding-top: 20px; } }
@media (min-width: 800px) { .login_area .input_area { margin: 100px auto; width: 745px; height: 171px; }
  .login_area .input_area .icon_txt { position: absolute; top: 0; left: 0; width: 197px; height: 169px; }
  .login_area .input_area .log_input01 { margin-left: 249px; width: 496px; postion: relative; }
  .login_area .input_area .log_input01 input { width: 372px; }
  .login_area .input_area .log_input01 .pass_input01 { background-position: 337px -45px; }
  .login_area .input_area .log_input01 input[type=checkbox] + label { position: absolute; top: 141px; left: 249px; }
  .login_area .input_area .log_input01 .btn_login { position: absolute; top: 0; right: 0; display: block; width: 113px; font-size: 18px; text-align: center; vertical-align: middle; ont-weight: bold; padding: 38px 0 39px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
  .login_area .input_area .log_input01 .btn_search { position: absolute; bottom: 0; right: 0; width: 220px; }
  .login_area .input_area .log_input01 .btn_search a, .login_area .input_area .log_input01 .btn_search a + a { width: auto; }
  .login_area .input_area .log_input01 .ipin_area01 { height: 79px; }
  .login_area .input_area .log_input01 .ipin_area01 .btn_ipin { position: absolute; top: 0; right: 0; width: 204px; margin: 0; }
  .login_area .input_area .log_input01 .ipin_area02 { border-top: solid 1px #ececec; padding-top: 25px; } }

.user_info01 .box, .user_info01 .box > dt:first-child, .user_info02 .box, .user_info02 .box > dt:first-child, .user_info03 .box, .user_info03 .box > dt:first-child { border-top: none !important; }

.user_info02 > .box.txt_c > p { font-size: 20px; padding: 95px 0; }

@media (min-width: 0) { .check_con { padding: 10px 20px 30px !important; border-top: solid 1px #ececec; }
  .us_result { text-align: center; padding: 35px 0 30px; }
  .us_result .rs_info { font-size: 20px; margin-bottom: 20px; }
  .us_result .rs_info span { font-size: 20px; } }
@media (min-width: 800px) { .check_con { padding: 10px 20px 30px !important; border-top: solid 1px #ececec; }
  .us_result { text-align: center; padding: 92px 0 85px; }
  .us_result .rs_info { font-size: 20px; margin-bottom: 40px; }
  .us_result .rs_info span { font-size: 20px; } }
.p_info { font-size: 20px; line-height: 20px !important; text-align: center; margin-bottom: 50px; color: #333; }

.p_info01 { border-top: solid 1px #666; padding: 16px 20px 31px; text-align: right; }

.return_step { overflow: hidden; border-top: solid 1px #666; padding: 50px 0; }
.return_step.no_bd { border-top: none; padding: 0; }
.return_step li { text-align: center; line-height: 48px; background: #f7f7f7; border: solid 1px #ececec; position: relative; width: 22.22222%; float: left; margin-right: 3.7037%; }
.return_step li:nth-child(4n) { width: 22.22222%; float: right; margin-right: 0; }
.return_step li span { width: 6px; height: 13px; position: absolute; top: 50%; right: 0; margin: -7px -11% 0 0; display: block; background: url("../../img/front/cashbee/icon_arrow.png") 0 0 no-repeat; }
@media (max-width: 800px) { .return_step li { width: 100%; margin: 0 0 27px 0; }
  .return_step li:last-child { width: 100%; margin-bottom: 0; }
  .return_step li span { width: 13px; height: 6px; position: absolute; bottom: 6px; top: inherit; left: 50%; margin: 0 0 -20px -6px !important; display: block; background: url("../../img/front/cashbee/icon_arrow.png") -6px 0px no-repeat; } }

.return_step.step3 { border-top: none !important; padding: 25px 0 50px 0 !important; }
.return_step.step3 li { width: 30%; float: left; margin-right: 5%; }
.return_step.step3 li:last-child { width: 30%; float: right; margin-right: 0; }
@media (max-width: 800px) { .return_step.step3 li { width: 100%; }
  .return_step.step3 li:last-child { width: 100%; margin-bottom: 0; } }

.return_step.step7 { border-top: none !important; padding: 0 !important; }
.return_step.step7 li { min-height: 120px; padding: 14px 10px; line-height: 25px; width: 12.5%; float: left; margin-right: 2.08333%; }
.return_step.step7 li * { color: #333; }
.return_step.step7 li:last-child { width: 12.5%; float: right; margin-right: 0; }
.return_step.step7 li strong { display: block; line-height: 20px; }
@media (max-width: 800px) { .return_step.step7 li { width: 100%; min-height: auto; }
  .return_step.step7 li:last-child { width: 100%; margin-bottom: 0; } }

.cdnum_area { overflow: hidden; clear: both; }
.cdnum_area .cdnum_input { width: 20%; float: left; }
.cdnum_area .cdnum_bar { line-height: 38px; text-align: center; width: 6.66667%; float: left; }

.none_login { background: #fff4e2; border: solid 1px #ffeac7; position: relative; width: 1000px; margin: 0 auto; font-weight: bold; color: #333; }
.none_login .nl_icon { display: block; position: absolute; top: 50%; left: 25px; width: 55px; height: 48px; background: url("../../img/front/cashbee/icon_nologin.png") 0 0 no-repeat; margin-top: -24px; }
.none_login .nl_txt { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 25px 80px 25px 100px; position: relative; }
.none_login .nl_btn { position: absolute; top: 20px; right: 20px; display: block; }

@media (max-width: 800px) { .none_login { width: 94%; margin-top: 30px; }
  .none_login .nl_txt { padding-right: 20px; }
  .none_login .nl_btn { width: 100%; text-align: center; position: relative; top: 0; right: 0; padding-bottom: 18px; } }
.fold_head.bg_green { background: #009999; }
.fold_head.bg_green a { padding: 11px 10px !important; }
.fold_head.bg_green a .title strong { font-size: 20px; color: #fff !important; }
.fold_head.bg_green a .fa { color: #fff !important; margin-top: 5px; }
.fold_head.bg_green + .fold_body { border: 1px solid #ececec; background: #f7f7f7; }

.letter_area { text-align: center; margin-bottom: 30px; }
@media (max-width: 800px) { .letter_area img { width: 100%; } }

.card_refund { position: relative; height: 100px; display: table-cell; vertical-align: middle; padding: 0 0 0 136px; }
.card_refund .rf_img { position: absolute; top: 0; left: 15px; display: block; width: 100px; height: 100px; background: url("../../img/front/cashbee/img_letter01.png") 0 0 no-repeat; }
.card_refund .rf_img02 { background-position: -101px; }
.card_refund .rf_info strong::before { content: "*"; color: #009999; font-weight: normal; }

@media (max-width: 800px) { .card_refund { padding: 0; }
  .card_refund .rf_img { position: relative; margin: 0 auto 20px; left: 0; } }
.map_area { position: relative; width: 100%; height: 430px; background: url("../../img/front/cashbee/@map.png") 0 0 no-repeat; background-size: cover; overflow: hidden; }
.map_area .map_layer { position: absolute; background: #f0f0f0; border: solid 2px #666; /* min-width:260px; */ /* width:260px; */ margin: -122px 0 0 -39px; }
.map_area .map_layer .use_list { width: 100%; background: #fff; overflow: hidden; padding: 15px 20px; }
.map_area .map_layer .use_list li { /* float:left;width:28%;text-align:center; */ }
.map_area .map_layer .use_list li .icon_map { display: inline-block; width: 18px; height: 18px; background: #ddd; margin-top: -3px; }
.map_area .map_layer .sns_area { padding: 12px 20px; text-align: right; }
.map_area .map_layer .map_arrow { display: block; width: 23px; height: 13px; background: url("../../img/front/cashbee/icon_maparrow.png") 0 0 no-repeat; position: absolute; left: 25px; bottom: 0; margin-bottom: -13px; }
.map_area .map_layer .map_close { position: absolute; top: 0px; right: 0px; width: 30px; text-align: center; background: #666; color: #fff; margin: -2px -32px 0 0; padding: 5px 0; }
@media (max-width: 800px) { .map_area .map_layer .map_close { right: 31px; } }

@media (max-width: 800px) { .card_max { max-width: 470px; margin: 0 auto; float: none !important; width: 100%; }
  .card_max + .card_max { margin-top: 10px; } }
.icon_new li em { display: block; background: url("../../img/front/common/icon_sale-sa4bf6a647d.png") 0 0 no-repeat; width: 30px; height: 34px; position: absolute; top: 25px; left: 50%; margin-left: -15px; }
.icon_new li em.icon_new01 { background-position: 0 -34px; }
.icon_new li em.icon_new02 { background-position: 0 -272px; }
.icon_new li em.icon_new03 { background-position: 0 -102px; }
.icon_new li em.icon_new04 { background-position: 0 -170px; }
.icon_new .step_ing em.icon_new01 { background-position: 0 0; }
.icon_new .step_ing em.icon_new02 { background-position: 0 -238px; }
.icon_new .step_ing em.icon_new03 { background-position: 0 -68px; }
.icon_new .step_ing em.icon_new04 { background-position: 0 -136px; }

@media (max-width: 800px) { .step { border: none; background: none; position: relative; }
  .step li { height: 34px; }
  .step li em { top: 0; }
  .step li span { display: none; }
  .step li .right { width: 6px; height: 9px; background-position: -30px 0; top: 50%; right: 0; margin: -4px 0 0 -3px; }
  .step li:last-child .right { display: none; }
  .step .step_ing .right { width: 6px; height: 9px; background-position: -30px 0 !important; top: 50%; right: 0; margin: -4px 0 0 -3px; }
  .step_tit { font-size: 20px; text-align: center; margin: 4px -30px 0; color: #666; border-bottom: solid 1px #666; padding-bottom: 5px; } }
.newcard_view { overflow: hidden; margin: 35px 0 50px; }
.newcard_view .nc_tit { font-size: 20px; text-align: center; font-weight: normal; margin-bottom: 45px; }
.newcard_view .nc_tit .cl_point { font-size: 20px; }
.newcard_view .card_Benefits { overflow: hidden; }
.newcard_view .card_Benefits .cb_area01 { position: relative; width: 50%; float: left; text-align: left; }
.newcard_view .card_Benefits .cb_area01 .cbcard_area { max-width: 400px; width: 100%; position: relative; }
.newcard_view .card_Benefits .cb_area01 .cbcard_area img { width: 100%; }
.newcard_view .card_Benefits .cb_area01 .cbcard_area .cbcard_num { position: absolute; bottom: 0; color: #fff; font-size: 16px; font-weight: bold; text-align: center; width: 100%; background: rgba(0, 0, 0, 0.5); line-height: 2.5; }
.newcard_view .card_Benefits .cb_area01 .cb_plus { position: absolute; top: 50%; left: 450px; width: 28px; height: 28px; background: url("../../img/front/cashbee/icon_plus.png") 0 0 no-repeat; margin: -14px 0 0 -14px; }
.newcard_view .card_Benefits .cb_area02 { overflow: hidden; width: 50%; float: right; }
.newcard_view .card_Benefits .cb_area02 .cb_step li { position: relative; height: 252px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; width: 31.57895%; float: left; margin-right: 2.63158%; }
.newcard_view .card_Benefits .cb_area02 .cb_step li:last-child { width: 31.57895%; float: right; margin-right: 0; }
.newcard_view .card_Benefits .cb_area02 .cb_step li .rotate { display: none; }
.newcard_view .card_Benefits .cb_area02 .cb_step li .cb_icon { margin: 21px auto 10px; display: block; width: 89px; height: 93px; background: url("../../img/front/cashbee/icon_new.png") 0 0px no-repeat; }
.newcard_view .card_Benefits .cb_area02 .cb_step li .cb_icon02 { background-position: -90px 0; }
.newcard_view .card_Benefits .cb_area02 .cb_step li .cb_icon03 { background-position: -179px 0; }
.newcard_view .card_Benefits .cb_area02 .cb_step li .cb_txt { font-size: 16px; color: #fff; font-weight: bold; text-align: center; letter-spacing: -1px; }
.newcard_view .card_Benefits .cb_area02 .cb_step .cb_ing .rotate { display: block; }
.newcard_view .card_Benefits .cb_area02 .cb_step .cb_comp .cb_icon01 { background-position: 0 0; }
.newcard_view .card_Benefits .cb_area02 .cb_step .cb_comp .cb_icon02 { background-position: -90px 0; }
.newcard_view .card_Benefits .cb_area02 .cb_step .cb_comp .cb_icon03 { background-position: -179px 0; }
.newcard_view .card_Benefits .cb_area02 .cb_step .cb_comp.cb_step01 .icon_comp, .newcard_view .card_Benefits .cb_area02 .cb_step .cb_comp.cb_step02 .icon_comp, .newcard_view .card_Benefits .cb_area02 .cb_step .cb_comp.cb_step03 .icon_comp { position: absolute; top: 189px; text-align: center; font-size: 16px; color: #fff; width: 100%; }
.newcard_view .card_Benefits .cb_area02 .cb_step .cb_disabled .cb_icon01 { background-position: 0px -94px; }
.newcard_view .card_Benefits .cb_area02 .cb_step .cb_disabled .cb_icon02 { background-position: -90px -94px; }
.newcard_view .card_Benefits .cb_area02 .cb_step .cb_disabled .cb_icon03 { background-position: -179px -94px; }
.newcard_view .card_Benefits .cb_area02 .cb_step .cb_disabled.cb_step01 { background: url("../../img/front/cashbee/bg_pat01_gray.png") 0 0 repeat; }
.newcard_view .card_Benefits .cb_area02 .cb_step .cb_disabled.cb_step02 { background: url("../../img/front/cashbee/bg_pat02_gray.png") 0 0 repeat; }
.newcard_view .card_Benefits .cb_area02 .cb_step .cb_disabled.cb_step03 { background: url("../../img/front/cashbee/bg_pat03_gray.png") 0 0 repeat; }
.newcard_view .card_Benefits .cb_area02 .cb_step .cb_disabled.cb_step01 .icon_comp, .newcard_view .card_Benefits .cb_area02 .cb_step .cb_disabled.cb_step02 .icon_comp, .newcard_view .card_Benefits .cb_area02 .cb_step .cb_disabled.cb_step03 .icon_comp { position: absolute; top: 189px; text-align: center; font-size: 16px; color: #fff; width: 100%; }
.newcard_view .card_Benefits .cb_area02 .cb_step .cb_step01 { background: url("../../img/front/cashbee/bg_pat01.png") 0 0 repeat; }
.newcard_view .card_Benefits .cb_area02 .cb_step .cb_step02 { background: url("../../img/front/cashbee/bg_pat02.png") 0 0 repeat; }
.newcard_view .card_Benefits .cb_area02 .cb_step .cb_step03 { background: url("../../img/front/cashbee/bg_pat03.png") 0 0 repeat; }
@media (max-width: 800px) { .newcard_view .card_Benefits .cb_area01 { width: 100%; /* padding-bottom:68px; */ text-align: center; }
  .newcard_view .card_Benefits .cb_area01 .cbcard_area { margin: 0 auto; }
  .newcard_view .card_Benefits .cb_area01 .cb_plus { display: none; /* top:inherit;bottom:20px;left:50%;margin:0 0 0 -14px; */ }
  .newcard_view .card_Benefits .cb_area02 { display: none; /* width:100%; */ } }

.rotate { position: absolute; top: 189px; left: 50%; width: 52px; height: 52px; margin: 0 0 0 -26px; -webkit-animation: spin 1s linear infinite; -moz-animation: spin 1s linear infinite; animation: spin 1s linear infinite; }

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
.add_info { border: solid 1px #ececec; border-top: none; margin-bottom: 30px; }
.add_info li { text-align: center; border-top: solid 1px #ececec; padding: 15px; }
.add_info li .btn_sub { margin-top: 15px; }
.add_info li.tit { font-size: 16px; }
.add_info li.tit .cl_point { font-size: 16px; }

.unit_wrap { position: relative; }
.unit_wrap input { padding-right: 25px; text-align: right; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.unit_wrap .unit { position: absolute; top: 7px; right: 10px; }

.enroll_result { border-top: solid 1px #666; text-align: center; padding: 36px 0 44px; }
.enroll_result .enroll_tit { font-size: 30px; }
.enroll_result .enroll_tit span { font-size: 30px; vertical-align: top; }
.enroll_result .enroll_txt { margin: 1px 0 44px; }
.enroll_result .enroll_txt strong { color: #333; }
.enroll_result .enroll_card { position: relative; text-align: center; margin: 0 auto 14px auto; width: 100%; max-width: 385px; }
.enroll_result .enroll_card img { width: 100%; max-width: 385px; }
.enroll_result .enroll_card .enroll_cardnum { position: absolute; bottom: 0; color: #fff; font-size: 16px; font-weight: bold; text-align: center; width: 100%; background: rgba(0, 0, 0, 0.5); line-height: 2.5; }
.enroll_result .enroll_btn { margin-top: 24px; }

.child_add { border: solid 1px #ececec; border-top-color: #333; text-align: center; margin-bottom: 20px; }
.child_add dt { padding: 40px 20px; background: #f7f7f7; font-size: 20px; }
.child_add dt strong { font-size: 20px; vertical-align: top; }
.child_add dd { padding: 20px; border-top: solid 1px #ececec; overflow: hidden; }
.child_add dd select { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-width: auto; }

.cus_call { font-size: 20px; font-weight: bold; color: #333; }
.cus_call .cus_plus { color: #666; font-size: 20px; font-weight: bold; vertical-align: top; }

.bd_radi { border: solid 1px #333; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; width: 20px; height: 20px; text-align: center; }
.bd_radi .fa { vertical-align: top; margin-top: 3px; }

.bd_radi01 { background: #009999; -moz-border-radius: 13px; -webkit-border-radius: 13px; border-radius: 13px; width: 25px; height: 25px; text-align: center; margin-top: -3px; }
.bd_radi01 em { vertical-align: top; margin-top: 0px; color: #fff; }

.terms_area { width: 100%; max-height: 300px; padding: 10px; border: 1px solid #ececec; background-color: #f7f7f7; overflow-y: scroll; }
.terms_area .terms_focus { overflow: hidden; display: block; width: 1px; height: 1px; }

.fold_tb { background: #fff; }
.fold_tb table { min-width: 950px; }

.refund_info .fold_body { position: relative; height: 250px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.refund_info .fold_body .rf_img { display: block; width: 71px; height: 79px; background: url("../../img/front/cashbee/img_letter02.png") 0 0 no-repeat; /* margin:45px auto; */ position: absolute; top: 30px; left: 30px; }
.refund_info .fold_body .rf_img02 { background-position: -72px 0; }
.refund_info .fold_body .rf_img03 { background-position: -145px 0; width: 100px; }
.refund_info .fold_body .rf_img04 { background-position: -246px 0; height: 82px; }
.refund_info .fold_body .bullet { padding: 0 0 0 115px; }
.refund_info .fold_body .btn_area { position: absolute; bottom: 30px; width: 100%; margin-left: -20px; text-align: center; padding: 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
@media (max-width: 800px) { .refund_info .fold_body { height: auto; }
  .refund_info .fold_body .btn_area { position: relative; bottom: 0; margin-left: 0px; text-align: center; padding: 20px 0; } }

.return_step.refund_step { border: none; padding: 0; }
.return_step.refund_step li { height: 98px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 20px; line-height: 30px; color: #333; }
.return_step.refund_step li * { color: #333; }
.return_step.refund_step li strong { display: block; }
.return_step.refund_step li.on { border: solid 2px #009999; }
.return_step.refund_step li.on strong { color: #009999; }
.return_step.refund_step.h_auto li { height: auto; }
@media (max-width: 800px) { .return_step.refund_step li { height: auto; padding: 0 20px; } }

.return_step.refund_step.li125 li { height: 125px; }
@media (max-width: 800px) { .return_step.refund_step.li125 li { height: auto; } }

.return_step.refundlist_step { border: none; padding: 0; }
.return_step.refundlist_step li { height: 178px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 20px; line-height: 30px; color: #333; text-align: center; background: #fff; position: relative; margin-bottom: 20px; }
.return_step.refundlist_step li * { color: #333; }
.return_step.refundlist_step li .icon01 { display: block; width: 48px; padding: 9px 0; -moz-border-radius: 24px; -webkit-border-radius: 24px; border-radius: 24px; background: url("../../img/front/cashbee/bg_pat02.png") 0 0 repeat; text-align: center; margin: 0 auto; color: #fff; }
.return_step.refundlist_step li .icon02 { display: block; width: 48px; padding: 9px 0; -moz-border-radius: 24px; -webkit-border-radius: 24px; border-radius: 24px; background: url("../../img/front/cashbee/bg_pat03.png") 0 0 repeat; text-align: center; margin: 0 auto; color: #fff; }
.return_step.refundlist_step li strong { display: block; }
.return_step.refundlist_step li .refund_info { position: absolute; left: 0; bottom: 0; background: #f7f7f7; display: block; width: 100%; line-height: 36px; }
.return_step.refundlist_step.h_auto li { height: auto; }
@media (max-width: 800px) { .return_step.refundlist_step li { height: auto; padding: 20px; }
  .return_step.refundlist_step li:nth-child(4n) { width: 100%; }
  .return_step.refundlist_step li .refund_info { position: relative; } }

.refundlist_info { overflow: hidden; margin-bottom: 20px; }
.refundlist_info li { float: left; line-height: 24px; margin-right: 30px; }
.refundlist_info li span { margin-right: 10px; }
.refundlist_info li .icon01 { display: inline-block; width: 24px; height: 24px; -moz-border-radius: 24px; -webkit-border-radius: 24px; border-radius: 24px; background: url("../../img/front/cashbee/bg_pat02.png") 0 0 repeat; }
.refundlist_info li .icon02 { display: inline-block; width: 24px; height: 24px; -moz-border-radius: 24px; -webkit-border-radius: 24px; border-radius: 24px; background: url("../../img/front/cashbee/bg_pat03.png") 0 0 repeat; }

.print_tit { color: #333; font-weight: bold; font-size: 16px; }
.print_tit::before { content: "●"; color: #333; }

.pst_relative { position: relative; }

.point_info { position: absolute; top: 5px; right: 20px; color: #df104d !important; font-size: 12px; line-height: 14px; }
.point_info::before { content: "*"; margin-left: -8px; }

.th_strong { margin-bottom: 20px; }
.th_strong th { font-size: 16px !important; }
.th_strong .td_info01 { font-size: 12px; letter-spacing: -1px; color: #863438; }
.th_strong .bank_info { overflow: hidden; }
.th_strong .bank_info li { float: left; }
.th_strong .bank_info li::before { content: "·"; font-size: 16px; font-weight: bold; margin-right: 5px; }
.th_strong .bank_info li input[type=text] { border-left: none; border-top: none; border-right: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; min-width: 0; }
.th_strong .tb_signature { position: relative; height: 65px; }
.th_strong .tb_signature .tb_signimg { position: absolute; top: 1px; left: 0; width: 100%; height: 63px; z-index: 0; }
.th_strong .tb_signature .tb_sign01 { position: absolute; top: 10px; left: 23px; z-index: 5; }
.th_strong .tb_signature .tb_sign02 { position: absolute; bottom: 7px; left: 210px; z-index: 5; }
.th_strong .tb_signature .tb_sign03 { position: absolute; bottom: 7px; right: 30px; z-index: 5; }

.signinfo_img { position: relative; margin-bottom: 25px; }
.signinfo_img .tb_signimg02 { position: absolute; top: 38px; left: 500px; }
.signinfo_img .print_tit1 { font-size: 18px; font-weight: 700; color: #333; position: absolute; top: 0; left: 500px; }
.signinfo_img .print_tit1::before { content: "■"; }

.scissors_line { border-top: dashed 2px #333; /* margin-bottom:35px; */ }
.scissors_line img { margin: -13px 0 0 20px; }

.post_area { position: relative; border: dashed 2px #333; height: 500px; }
.post_area * { color: #333; }
.post_area .post_send { position: absolute; top: 37px; left: 33px; }
.post_area .post_send .ps_tit { font-weight: 700; font-size: 25px; }
.post_area .post_send .ps_line { border-bottom: solid 1px #666; padding: 0 0 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 370px; font-size: 20px; }
.post_area .post_send .ps_num { overflow: hidden; margin-top: 18px; }
.post_area .post_send .ps_num li { float: left; width: 33px; height: 33px; text-align: center; vertical-align: middle; border: solid 2px #333; margin-right: 3px; font-weight: 700; font-size: 16px; }
.post_area .post_stamp { position: absolute; top: 33px; right: 35px; }
.post_area .cash_logo { position: absolute; bottom: 36px; left: 35px; }
.post_area .post_receive { position: absolute; top: 370px; left: 635px; }
.post_area .post_receive .pr_add { font-size: 18px; font-weight: 700; }
.post_area .post_receive .pr_num { overflow: hidden; /* margin-top:18px; */ }
.post_area .post_receive .pr_num li { float: left; width: 33px; height: 33px; text-align: center; vertical-align: middle; border: solid 2px #333; margin-right: 3px; font-weight: 700; font-size: 16px; }

.post_footer { overflow: hidden; }
.post_footer .web_add { width: 50%; border-right: dashed 2px #666; float: left; padding-left: 70px; position: relative; }
.post_footer .web_add img { position: absolute; top: 10px; left: 10px; }
.post_footer .web_add ul li { text-align: center; float: left; margin-right: 5px; }
.post_footer .call_num { width: 50%; float: left; padding-left: 70px; position: relative; }
.post_footer .call_num img { position: absolute; top: 10px; left: 10px; }

.column2.bar2 dl:nth-child(even) { border-left: solid 1px #eee; }

.com_chart { position: relative; border: solid 1px #ececec; border-top-color: #666; overflow: hidden; margin-top: 20px; }
.com_chart dl { width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; height: 455px; text-align: center; }
.com_chart dl:first-child { border-right: solid 1px #ececec; }
.com_chart dl dt { font-size: 16px; font-weight: 700; color: #333; padding: 29px 0 35px 0; }
.com_chart dl dt span { display: block; color: #666; }
.com_chart dl dd ul { width: 80%; margin: 0 auto; }
.com_chart dl dd ul li { float: left; width: 50%; position: relative; }
.com_chart dl dd ul li strong { display: block; font-size: 20px; font-weight: normal; color: #333; }
.com_chart dl dd ul li span { display: block; width: 20px; height: 34px; position: absolute; top: 50%; right: -10px; margin: -17px 0 0 0; background: url("../../img/front/eb/cp_bar.png") 0 0 repeat; }
.com_chart .img_area { position: absolute; bottom: 30px; width: 100%; text-align: center; }
.com_chart .img_area img { width: 100%; max-width: 440px; margin-left: 20px; }
.com_chart .img_areaEn { position: absolute; bottom: 10px; width: 100%; text-align: center; }
.com_chart .img_areaEn img { width: 100%; max-width: 425px; margin-left: 10px; }
.com_chart .bg_stripe2 { width: 100%; height: 130px; display: block; position: absolute; bottom: 0; left: 0; z-index: -1; }
@media (max-width: 800px) { .com_chart { padding-bottom: 210px; }
  .com_chart dl { width: 100%; height: auto; }
  .com_chart dl:first-child { border-right: none; border-bottom: solid 1px #ececec; }
  .com_chart dl dd { overflow: hidden; padding-bottom: 30px; }
  .com_chart .img_area img { width: 100%; max-width: 440px; margin-left: 0px; }
  .com_chart .img_areaEn img { width: 100%; max-width: 425px; margin-left: 0px; margin-top: -134px; } }

.code_ethics { margin-bottom: 50px; }
.code_ethics li strong { font-size: 20px; color: #333; }

.folding_list.ethics_list li .fold_head a { padding: 11px 10px 11px 30px; }
.folding_list.ethics_list li .fold_head a * { color: #666 !important; }
.folding_list.ethics_list li .fold_body { padding: 18px 30px; }
.folding_list.ethics_list li .fold_body .con { width: 100%; }
.folding_list.ethics_list li .fold_body .con .ethics_tit { font-size: 16px; }
.folding_list.ethics_list li .fold_body .con ol li strong { color: #333; }
.folding_list.ethics_list li .fold_body .con ol + .ethics_tit { margin-top: 30px; }

.tip_area .tip_tit { text-align: center; font-size: 20px; color: #333; margin-bottom: 50px; }
.tip_area .tip_info { height: 235px; padding: 0 20px; }
.tip_area .tip_info .tip_tit01 { width: 99px; margin: 0 auto 30px; font-weight: bold; font-size: 16px; padding-top: 105px; background: url("../../img/front/eb/icon_ethics.png") 0 0 no-repeat; text-align: center; color: #333; }
.tip_area .tip_info .tip_img02 { background-position: -99px 0; }
.tip_area .tip_info .tb_info { color: #009999; }
.tip_area .tip_info .tb_info::before { color: #009999; }
.tip_area .folding .fold_body { height: 165px; }
.tip_area .btn_area { margin-top: 30px; }
@media (max-width: 800px) { .tip_area .tip_info { height: auto; }
  .tip_area .tip_info .tb_info { margin-bottom: 10px; }
  .tip_area .folding .fold_body { height: auto; } }

.brand_view { background: url("../../img/front/eb/img_brand.png") bottom center no-repeat; text-align: center; height: 420px; border-bottom: solid 2px #333; }

@media (max-width: 800px) { .brand_view { background-size: contain; height: 300px; } }
.brand_info { margin: 40px 0 0 0; overflow: hidden; }
.brand_info .div2, .brand_info .visual_area .info_area, .visual_area .brand_info .info_area, .brand_info .visual_area .chart_area, .visual_area .brand_info .chart_area { height: 380px; padding-right: 10px; }
.brand_info .div2 .brand_tit, .brand_info .visual_area .info_area .brand_tit, .visual_area .brand_info .info_area .brand_tit, .brand_info .visual_area .chart_area .brand_tit, .visual_area .brand_info .chart_area .brand_tit { font-size: 48px; color: #333; margin-top: -13px; }
.brand_info .div2 .brand_tit span, .brand_info .visual_area .info_area .brand_tit span, .visual_area .brand_info .info_area .brand_tit span, .brand_info .visual_area .chart_area .brand_tit span, .visual_area .brand_info .chart_area .brand_tit span { display: block; color: #ffba4a; font-size: 48px; margin-top: -35px; }
.brand_info .div2 h3, .brand_info .visual_area .info_area h3, .visual_area .brand_info .info_area h3, .brand_info .visual_area .chart_area h3, .visual_area .brand_info .chart_area h3 { font-size: 20px; color: #333; }
.brand_info .div2 p, .brand_info .visual_area .info_area p, .visual_area .brand_info .info_area p, .brand_info .visual_area .chart_area p, .visual_area .brand_info .chart_area p { margin-bottom: 15px; }
@media (max-width: 800px) { .brand_info .div2, .brand_info .visual_area .info_area, .visual_area .brand_info .info_area, .brand_info .visual_area .chart_area, .visual_area .brand_info .chart_area { height: auto; } }

.brand_card { overflow: hidden; padding: 20px; }
.brand_card li { float: left; width: 33.3333%; text-align: center; }
@media (max-width: 800px) { .brand_card li { width: 100%; padding-bottom: 10px; }
  .brand_card li img { width: 100%; max-width: 250px; } }

.vision_area .vision_tit { font-size: 20px; margin-bottom: 30px; text-align: center; color: #333; }
.vision_area .vision_info { font-weight: 700; color: #333; text-align: center; margin-bottom: 100px; }
.vision_area .vision_list { overflow: hidden; position: relative; }
.vision_area .vision_list dl { width: 50%; }
.vision_area .vision_list dl dt { font-weight: 700; margin-bottom: 10px; }
.vision_area .vision_list dl dd { border-bottom: solid 1px #ececec; padding-bottom: 10px; margin-bottom: 10px; line-height: 2; }
.vision_area .vision_list dl dd:last-child { border: none; }
.vision_area .vision_list .first_vs { float: left; }
.vision_area .vision_list .first_vs dt { color: #ff5b5b; font-size: 20px; }
.vision_area .vision_list .last_vs { float: right; text-align: right; }
.vision_area .vision_list .last_vs dt { color: #009999; font-size: 20px; line-height: 24px; }
.vision_area .vision_list .vision_img { position: absolute; top: 0; left: 50%; margin-left: -179px; width: 358px; height: 407px; font-size: 0; color: transparent; background: url("../../img/front/eb/img_vision.png") 0 0 no-repeat; }
.vision_area .vision_list .vision_imgen { position: absolute; top: 0; left: 50%; margin-left: -179px; width: 358px; height: 407px; font-size: 0; color: transparent; background: url("../../img/front/eb/img_visionEn.png") 0 0 no-repeat; }
@media (max-width: 800px) { .vision_area .vision_tit { font-size: 30px; /* margin-bottom:10px; */ }
  .vision_area .vision_info { padding: 0 25px; margin-bottom: 30px; }
  .vision_area .vision_list dl { width: 100%; }
  .vision_area .vision_list .last_vs { float: left; text-align: left; }
  .vision_area .vision_list .vision_img { position: relative; width: 226px; height: 258px; margin-left: -113px; background-position: -359px 0; margin-bottom: 50px; }
  .vision_area .vision_list .vision_imgen { position: relative; width: 226px; height: 258px; margin-left: -113px; background-position: -359px 0; margin-bottom: 50px; } }

.history_tab { max-width: 650px; margin: 0 auto; width: 100%; }
.history_tab li { width: 25%; text-align: center; }
.history_tab li a { width: 100px; height: 113px; background: url("../../img/front/eb/tab_history.png") 0 0 no-repeat; display: block; text-align: center; padding: 43px 0; font-weight: 700; margin: 0 auto; text-decoration: none; position: relative; }
.history_tab li a:hover { text-decoration: none; }
.history_tab li a .tabbar { position: absolute; top: 50%; right: -43px; width: 24px; height: 4px; background: url("../../img/front/eb/history_tabbar.png") 0 0 no-repeat; }
.history_tab li:last-child a .tabbar { display: none; }
.history_tab li.on a { background-position: -101px 0; }
@media (max-width: 800px) { .history_tab li a { background-size: 140px 80px; width: 70px; height: 80px; padding: 17px 0; }
  .history_tab li a .tabbar { right: -50%; }
  .history_tab li.on a { background-position: -70px 0; } }

.history_list > li { padding-bottom: 45px; background: url("../../img/front/eb/history_bar.png") center bottom repeat-y; overflow: hidden; }
.history_list li { position: relative; text-align: center; }
.history_list li .year { font-size: 40px; color: #009999; width: 100%; background: #fff; }
.history_list li .his_img { /* position:absolute;top:72px;right:0; */ width: 45%; float: right; text-align: center; }
.history_list li .his_cal { overflow: hidden; width: 53.5%; float: left; background: #fff; }
.history_list li .his_cal li { position: relative; clear: both; }
.history_list li .his_cal li .month { font-weight: 700; position: absolute; top: 0; left: 100%; /*left:50%; */ color: #333; margin-left: -67px; width: 67px; text-align: center; }
.history_list li .his_cal li .his_txt { /* width:45%;float:left; */ width: 100%; text-align: right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 75px; }
.history_list li .his_bar { position: absolute; bottom: 0; left: 50%; }
.history_list li:nth-child(even) .his_img { float: left; }
.history_list li:nth-child(even) .his_cal { float: right; }
.history_list li:nth-child(even) .his_cal li .month { left: 0; margin: 0 0 0 3px; }
.history_list li:nth-child(even) .his_cal li .his_txt { /* float:right; */ text-align: left; padding: 0 0 0 75px; }
@media (max-width: 800px) { .history_list > li { background: url("../../img/front/eb/history_bar.png") center bottom no-repeat; }
  .history_list li { text-align: left; }
  .history_list li .year { font-size: 30px; }
  .history_list li .his_img { position: relative; top: 0; right: 0; width: 100%; text-align: center; padding: 10px 0; }
  .history_list li .his_img img { width: 100%; max-width: 225px; }
  .history_list li .his_cal { width: 100%; }
  .history_list li .his_cal li .month { left: 0px; margin-left: 0; width: 67px; }
  .history_list li .his_cal li .his_txt { width: 100%; padding: 0 0 0 65px; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .history_list li .his_bar { display: none; }
  .history_list li:nth-child(even) .his_cal li .month { left: 0px; margin: 0; width: 67px; }
  .history_list li:nth-child(even) .his_cal li .his_txt { padding: 0 0 0 65px; } }

.busi_area .busi_img { width: 415px; height: 306px; background: url("../../img/front/eb/img_business.png") 0 0 no-repeat; margin: 0 auto 50px; }
.busi_area .busi_imgen { width: 415px; height: 306px; background: url("../../img/front/eb/img_businessEn.png") 0 0 no-repeat; margin: 0 auto 50px; }
.busi_area .busi_list { overflow: hidden; }
.busi_area .busi_list .busi_unit { float: left; width: 50%; height: 180px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 20px; }
.busi_area .busi_list .busi_unit.en_height { height: 215px; }
.busi_area .busi_list .busi_unit h4 { font-size: 20px; font-weight: 700; color: #333; }
.busi_area .busi_list .busi_unit ul li { letter-spacing: -1px; }
.busi_area .busi_list .busi_unit ul li strong { color: #333; }
@media (max-width: 800px) { .busi_area .busi_img, .busi_area .busi_imgen { width: 300px; height: 225px; background-position: -416px 0; }
  .busi_area .busi_list .busi_unit { float: left; width: 100%; height: auto; margin-bottom: 50px; }
  .busi_area .busi_list .busi_unit.en_height { height: auto; } }

.busi_pdf { padding: 20px; }
.busi_pdf .busi_info { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: url("../../img/front/eb/img_pdf.png") right top no-repeat; padding-right: 80px; min-height: 110px; }
.busi_pdf .busi_info strong { color: #333; font-size: 20px; }
@media (max-width: 800px) { .busi_pdf .busi_info { padding-bottom: 25px; } }

.alliance_area { position: relative; text-align: center; margin: 50px 0 0 0; }
.alliance_area img { width: 100%; max-width: 572px; }
.alliance_area .al_unit { position: absolute; text-align: left; width: 190px; }
.alliance_area .al_unit dt { font-weight: bold; color: #333; }
.alliance_area .al01 { top: 15px; left: 0; text-align: right; }
.alliance_area .al02 { bottom: 15px; left: 0; text-align: right; }
.alliance_area .al03 { top: 15px; right: 0; }
.alliance_area .al04 { bottom: 15px; right: 0; }
@media (max-width: 800px) { .alliance_area { margin: 0; }
  .alliance_area img { margin-bottom: 45px; }
  .alliance_area .al_unit { position: relative; width: 100%; text-align: left !important; top: inherit; bottom: inherit; left: inherit; right: inherit; margin-bottom: 25px; } }

.alliance_area.enposition .al01 { top: 0; left: 0; text-align: right; }
.alliance_area.enposition .al02 { bottom: 0; left: 0; text-align: right; }
.alliance_area.enposition .al03 { top: 0; right: 0; }
.alliance_area.enposition .al04 { bottom: 0; right: 0; }

.fran_h3 { font-size: 20px; border-bottom: solid 1px #666; padding-bottom: 11px; margin: 50px 0 15px; }

.fran_h4 { font-size: 16px; color: #333; }

.franchisee_area .bullet { margin-bottom: 5px; }

.fran_step li strong { font-weight: 700; color: #333; margin-bottom: -15px; }
.fran_step li p { margin-bottom: 20px; }
.fran_step li .fran_icon { width: 128px; height: 130px; display: block; background: url("../../img/front/eb/icon_alliance.png") 0 0 no-repeat; margin: 30px auto 0; }
.fran_step li .fran_icon02 { background-position: -129px 0; }
.fran_step li .fran_icon03 { background-position: -258px 0; }
@media (max-width: 800px) { .fran_step li { position: relative; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 5px 0 5px 145px; }
  .fran_step li .fran_icon { position: absolute; top: 50%; left: 50px; width: 65px; height: 66px; background-size: 197px 65px; margin: -33px 0 0 0; }
  .fran_step li .fran_icon02 { background-position: -66px 0; }
  .fran_step li .fran_icon03 { background-position: -132px 0; } }

.fran_emil { background: url("../../img/front/eb/icon_email.png") 50px center no-repeat #fff4e2; border: solid 1px #ffeac7; position: relative; padding: 30px 0 30px 250px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; margin-top: 50px; }
.fran_emil img { position: absolute; top: 50%; left: 50px; margin-top: -50px; }
.fran_emil h3 { font-size: 20px; }
.fran_emil ul li { float: left; width: 50%; letter-spacing: -1px; position: relative; padding-left: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.fran_emil ul li::before { position: absolute; top: 10px; left: 0; content: ''; zoom: 1; width: 4px; height: 4px; background-color: #999; border: 1px solid #999; border-radius: 50%; }
.fran_emil ul li a { color: #009999; text-decoration: underline; }
@media (max-width: 800px) { .fran_emil { padding: 150px 10px 20px; text-align: center; background: url("../../img/front/eb/icon_email.png") center 30px no-repeat #fff4e2; }
  .fran_emil img { position: relative; top: inherit; left: inherit; margin: 0; }
  .fran_emil ul li { width: 100%; text-align: left; } }

.directions_area { border: solid 1px #ececec; margin-bottom: 30px; width: 100%; overflow-y: hidden; overflow-x: auto; }

@media (min-width: 0) { .directions_area img { width: 100%; } }

.direct_table { border: solid 1px #ececec; border-top-color: #333; }
.direct_table th, .direct_table td { border-bottom: solid 1px #ececec; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 14px 0 14px 15px; }
.direct_table th { font-weight: 700; color: #333; vertical-align: top; }

.direct_info li { position: relative; padding: 0 0 0 110px; margin-bottom: 50px; }
.direct_info li .dr_icon { position: absolute; top: 0; left: 0; width: 80px; height: 80px; display: block; background: url("../../img/front/eb/icon_map.png") 0 0 no-repeat; }
.direct_info li .dr_ic02 { background-position: -81px 0; }
.direct_info li .dr_ic03 { background-position: -162px 0; }
.direct_info li .dr_ic04 { background-position: -243px 0; }
.direct_info li .dr_ic05 { background-position: -324px 0; }
.direct_info li dl dt { font-weight: 700; color: #333; font-size: 16px; }
.direct_info li dl dd span { -moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px; color: #fff; text-align: center; width: 18px; display: inline-block; font-size: 11px; }
.direct_info li dl dd .num1 { background: #336b9c; }
.direct_info li dl dd .num2 { background: #39b54a; }
.direct_info li dl dd .num7 { background: #424717; }
@media (max-width: 800px) { .direct_info li { padding: 0 0 0 60px; margin-bottom: 30px; }
  .direct_info li .dr_icon { width: 50px; height: 50px; background-size: 253px 50px; }
  .direct_info li .dr_ic02 { background-position: -51px 0; }
  .direct_info li .dr_ic03 { background-position: -102px 0; }
  .direct_info li .dr_ic04 { background-position: -153px 0; }
  .direct_info li .dr_ic05 { background-position: -204px 0; } }

.patent { border: solid 1px #ececec; border-top-color: #ccc; border-bottom: none; }
.patent dt, .patent dd { padding: 14px 20px; }
.patent dd { border-bottom: solid 1px #ececec; font-weight: 700; color: #333; padding-top: 4px; }

.charge { overflow: hidden; }
.charge div { width: 31.57895%; float: left; margin-right: 2.63158%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: solid 1px #ececec; height: 340px; padding: 20px; position: relative; }
.charge div * { color: #333; }
.charge div:last-child { margin: 0; }
.charge div dt { font-size: 20px; font-weight: 700; }
.charge div span { display: block; width: 162px; height: 116px; position: absolute; bottom: 20px; right: 20px; background: url("../../img/front/cashbee/icon_mbcashbee.png") 0 0 no-repeat; }
.charge div .btn_green { color: #fff; margin-top: 25px; }
.charge .icon02 span { background-position: -164px 0; }
.charge .icon03 span { background-position: -328px 0; }
.charge .icon04 span { background-position: -492px 0; }
.charge .icon05 span { background-position: -650px 0; }
.charge .icon06 span { background-position: -816px 0; }
@media (max-width: 800px) { .charge div { width: 100%; margin: 0; height: auto; margin-bottom: 20px; }
  .charge div span { background-size: 542px 64px; width: 90px; height: 64px; top: 65px; bottom: 0; }
  .charge div .btn_green { color: #fff; margin-top: 25px; width: 100%; }
  .charge .icon02 span { background-position: -90px 0; top: 60px; }
  .charge .icon03 span { background-position: -180px 0; top: 85px; }
  .charge .icon04 span { background-position: -270px 0; top: 85px; }
  .charge .icon05 span { background-position: -360px 0; top: 85px; }
  .charge .icon06 span { background-position: -450px 0; top: 85px; } }

.income { overflow: hidden; }
.income li { width: 48.97959%; float: left; margin-right: 2.04082%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: solid 1px #ececec; text-align: center; padding: 30px; }
.income li:last-child { margin: 0; }
.income li .icon_img { width: 124px; height: 129px; background: url("../../img/front/cashbee/icon_income.png") 0 0 no-repeat; margin-bottom: 25px; }
.income li p { font-size: 16px; color: #333; margin-bottom: 45px; }
.income li .img_area { margin: 0; }
.income li .img_area img { max-width: 423px; width: 100%; }
.income .inc02 .icon_img { background-position: -124px 0; }
@media (max-width: 800px) { .income li { width: 100%; margin-bottom: 30px; padding: 30px 10px; }
  .income li .icon_img { width: 87px; height: 90px; margin-bottom: 25px; background-size: 174px 90px; }
  .income li p { margin-bottom: 25px; }
  .income .inc02 .icon_img { background-position: -87px 0; } }

.mb_cashbeeinfo { text-align: center; }
.mb_cashbeeinfo .img_center { margin-bottom: 35px; }
.mb_cashbeeinfo .mb_cbtit { font-size: 36px; color: #333; }
.mb_cashbeeinfo .mb_cbtxt { margin-bottom: 45px; }
.mb_cashbeeinfo .yl_box { background: #fff4e2; border: solid 1px #ffeac7; padding: 15px 20px; text-align: left; margin-bottom: 50px; letter-spacing: -1px; }
.mb_cashbeeinfo .mb_imginfo { overflow: hidden; }
.mb_cashbeeinfo .mb_imginfo li { float: left; width: 50%; }
.mb_cashbeeinfo .mb_imginfo li:first-child { text-align: left; }
.mb_cashbeeinfo .mb_imginfo li:last-child { text-align: right; }
.mb_cashbeeinfo .mb_imginfo li img { width: 100%; max-width: 488px; }
@media (max-width: 800px) { .mb_cashbeeinfo .img_center { width: 100%; max-width: 406px; margin-bottom: 25px; }
  .mb_cashbeeinfo .mb_cbtit { font-size: 20px; }
  .mb_cashbeeinfo .mb_cbtxt { letter-spacing: -1px; }
  .mb_cashbeeinfo .mb_imginfo li { width: 100%; text-align: center !important; } }

.call_area { text-align: center; }
.call_area .call_img { width: 72px; height: 72px; background: url("../../img/front/cashbee/icon_call_gray.png") 0 0 no-repeat; }
.call_area .call_num { font-size: 30px; color: #333; font-weight: 700; }
.call_area .call_time { border-top: solid 1px #ececec; width: 266px; padding: 10px 0; margin: 0 auto; }

.call_area2 { text-align: center; }
.call_area2 .call_img { width: 32px; height: 32px; background: url("../../img/front/cashbee/icon_call_gray02.png") 0 0 no-repeat; }
.call_area2 .call_num { font-size: 30px; color: #333; font-weight: 700; background: url("../../img/front/cashbee/bg_h3tit.jpg") center bottom no-repeat; text-decoration: none; }
.call_area2 .call_num span { font-size: 35px; color: #333; margin-top: -6px; text-decoration: none; }
.call_area2 .call_num.second { background-position: 0 bottom; padding-left: 8px; }
.call_area2 .call_time { padding: 10px 0; margin: 0 auto; }
.call_area2 .call_time li { font-size: 16px; font-weight: 700; color: #333; }
.call_area2 .slash { font-size: 30px; padding-left: 8px; }
@media (max-width: 800px) { .call_area2 .call_num { font-size: 25px; color: #333; font-weight: 700; background: url("../../img/front/cashbee/bg_h3tit.jpg") center bottom no-repeat; }
  .call_area2 .call_num span { font-size: 30px; } }

.refund_index { overflow: hidden; text-align: center; border-top: solid 1px #333; }
.refund_index li { width: 32.43243%; float: left; margin-right: 1.35135%; margin-top: 30px; }
.refund_index li img { max-width: 176px; width: 100%; }
.refund_index li:nth-child(3n) { margin-right: 0; }
.refund_index li strong { display: block; font-size: 20px; color: #333; margin: 22px 0 0 0; }
.refund_index li p { font-size: 14px; }
@media (max-width: 800px) { .refund_index li { width: 48.97959%; float: left; margin-right: 2.04082%; }
  .refund_index li:nth-child(2n) { margin-right: 0 !important; }
  .refund_index li:nth-child(3n) { width: 48.97959%; float: left; margin-right: 2.04082%; }
  .refund_index li strong { font-size: 14px; letter-spacing: -1px; } }

.down_visual { background: #f7f7f7; border: solid 1px #ececec; padding: 80px 60px 75px; overflow: hidden; margin-bottom: 50px; }
.down_visual .down_right { width: 472px; float: right; }
.down_visual .down_right .down_tit { font-size: 36px; letter-spacing: -3px; line-height: 42px; margin-top: 50px; color: #333; }
@media (max-width: 800px) { .down_visual { padding: 30px 15px; text-align: center; }
  .down_visual .main_visual { width: 100%; max-width: 299px; }
  .down_visual .down_right { width: auto; float: inherit; }
  .down_visual .down_right .main_app { display: none; }
  .down_visual .down_right .down_tit { font-size: 20px; text-align: center; margin-top: 30px; }
  .down_visual .down_right .down_txt { letter-spacing: -1px; } }

.down_link { border-top: solid 1px #333; overflow: hidden; margin-bottom: 50px; }
.down_link.light_bdt { border-color: #ececec; }
.down_link li { float: left; width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: solid 1px #ececec; border-top: none; padding: 45px 20px 45px 130px; position: relative; }
.down_link li a { float: right; }
.down_link li .icon_store { background: url("../../img/front/cashbee/icon_store.png") 0 0 no-repeat; width: 79px; height: 79px; display: block; position: absolute; top: 20px; left: 20px; color: transparent; }
.down_link li .ic_store02 { background-position: -160px 0; }
.down_link li .ic_store03 { background-position: -80px 0; }
.down_link li .ic_store04 { background-position: -240px 0; }
.down_link li:nth-child(even) { border-left: none; }
.down_link li.android { border-left: solid 1px #ececec; }
.down_link li.onestore { border-left: none; }
@media (max-width: 800px) { .down_link li { width: 100%; padding: 25px 20px 25px 80px; }
  .down_link li .icon_store { width: 41px; height: 40px; background-size: 162px 40px; }
  .down_link li .ic_store02 { background-position: -81px 0; }
  .down_link li .ic_store03 { background-position: -40px 0; }
  .down_link li .ic_store04 { background-position: -121px 0; }
  .down_link li:nth-child(even) { border-left: solid 1px #ececec; } }

.mb_cashbee { overflow: hidden; padding: 0px 60px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.mb_cashbee li { float: left; /* @include layout(3 1/3);@include span(1); */ width: 234px; margin: 0 86px 20px 0; position: relative; }
.mb_cashbee li:nth-child(3n), .mb_cashbee li:last-child { margin-right: 0; }
.mb_cashbee li:last-child .mb_arrow { display: none; }
.mb_cashbee li .mb_tit { display: block; text-align: center; margin-top: 10px; }
.mb_cashbee li .mb_arrow { width: 24px; height: 29px; position: absolute; top: 50%; right: 0; margin: -15px -55px 0 0; background: url("../../img/front/cashbee/bg_postbar.png") 0 0 no-repeat; }
@media (max-width: 800px) { .mb_cashbee { overflow: auto; width: 100%; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .mb_cashbee .img3 { width: 874px; }
  .mb_cashbee .img5 { width: 1514px; }
  .mb_cashbee li:nth-child(3n) { margin-right: 86px; }
  .mb_cashbee li:nth-child(3n) .mb_arrow { display: block; }
  .mb_cashbee li:last-child { margin-right: 0; }
  .mb_cashbee li:last-child .mb_arrow { display: none; } }

.nfc_use { overflow: hidden; }
.nfc_use li { float: left; width: 50%; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.nfc_use li:first-child { padding: 40px 29px 50px 10px; }
.nfc_use li:last-child { padding: 40px 10px 50px 29px; }
.nfc_use li p { font-weight: 700; color: #333; margin-bottom: 50px; }
.nfc_use li img { max-width: 188px; width: 100%; }
@media (max-width: 800px) { .nfc_use li:first-child { padding: 25px 29px 30px 10px; }
  .nfc_use li:last-child { padding: 25px 10px 30px 29px; }
  .nfc_use li p { margin-bottom: 30px; } }

.nfc_tit { margin: 0 0 30px 60px; }
@media (max-width: 800px) { .nfc_tit { margin: 0 0 15px; } }

.wd975 { width: 975px; }

.nfc_img { text-align: center; padding: 30px 0 0 0; }
.nfc_img img { max-width: 408px; width: 100%; }

.bg_benefits01 { background: url("../../img/front/cashbee/bg_cbeleven.png") center bottom no-repeat; height: 285px; background-size: 675px 219px; }
@media (max-width: 800px) { .bg_benefits01 { background-size: 100%; margin-top: 30px; } }

.bg_benefits02 { background: url("../../img/front/cashbee/img_cbserviece11.png") center 120px no-repeat; height: 445px; background-size: 824px 276px; }
.bg_benefits02 p { font-size: 20px; text-align: center; }
@media (max-width: 800px) { .bg_benefits02 { background-size: 100%; background-position: center bottom; height: 300px; }
  .bg_benefits02 p { font-size: 16px; text-align: center; margin-top: 10px; } }

.cb_serviceen { overflow: hidden; border-bottom: solid 1px #666; padding-bottom: 40px; }
.cb_serviceen > .txt_c { margin-bottom: 80px; }
.cb_serviceen .cb_left { width: 715px; float: left; }
.cb_serviceen .cb_left .cd_type { overflow: hidden; margin-bottom: 35px; }
.cb_serviceen .cb_left .cd_type li { width: 184px; margin-right: 20px; float: left; }
.cb_serviceen .cb_left .cd_type li span { display: block; text-align: center; }
.cb_serviceen .cb_left .cb_sticker { overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.cb_serviceen .cb_left .cb_sticker img { float: left; margin-right: 10px; }
.cb_serviceen .cb_right { margin-top: 50px; float: right; }
@media (max-width: 800px) { .cb_serviceen > .txt_c { margin-bottom: 40px; }
  .cb_serviceen > .txt_c img { width: 100%; max-width: 430px; }
  .cb_serviceen .cd_type { overflow: hidden; margin-bottom: 35px; }
  .cb_serviceen .cd_type li { width: 33.33333% !important; margin: 0 !important; }
  .cb_serviceen .cd_type li img { width: 100%; }
  .cb_serviceen .cb_sticker { overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .cb_serviceen .cb_sticker img { float: left; margin-right: 10px; width: 40% !important; }
  .cb_serviceen .cb_left { width: 100%; }
  .cb_serviceen .cb_right { width: 100%; text-align: center; margin: 0; }
  .cb_serviceen .cb_right img { width: 134px; } }

.cb_logolist { border: solid 1px #ececec; overflow: hidden; }
.cb_logolist li { float: left; width: 33.33333%; text-align: center; border-bottom: solid 1px #f8f8f8; height: 80px; line-height: 80px; }
.cb_logolist li img { vertical-align: middle !important; width: 100%; max-width: 156px; }

.cb_refund { margin: 40px 0 40px 0; border-top: solid 1px #333; padding: 30px 0 55px; background: url("../../img/front/cashbee/service_en/bg_stripe.png") left bottom repeat-x; }
.cb_refund .bullet li img { display: block; width: 100%; max-width: 408px; }

.cb_pass { overflow: hidden; }
.cb_pass .cp_left { float: left; }
.cb_pass .cp_left .cb_passtit { font-size: 30px; color: #3366cc; margin: -10px 0 0 0; }
.cb_pass .cp_left .cb_passlink { font-size: 20px; color: #ff0000; text-decoration: underline; font-weight: bold; margin-bottom: 20px; }
.cb_pass .cp_left .cb_passtxt { font-size: 20px; color: #3366cc; }
.cb_pass .cp_right { float: right; margin-top: 50px; }
@media (max-width: 800px) { .cb_pass .cp_left .cb_passtit { letter-spacing: -1px; line-height: 1.2; }
  .cb_pass .cp_left .cb_passtxt { letter-spacing: -1px; line-height: 1.2; margin-bottom: 10px; }
  .cb_pass .cp_right { width: 100%; text-align: center; margin-top: 20px; } }

.security_area { text-align: center; margin-top: 50px; }

.campaign li { margin-bottom: 20px; }
.campaign li img { width: 100%; }

.card_detail { overflow: hidden; text-align: center; padding-top: 40px; }
.card_detail li { display: inline-block; margin-left: 20px; }
.card_detail li.first { margin-left: 0; }
.card_detail li img { margin-right: 10px; }
.card_detail.card_icon { padding-top: 10px; }
.card_detail.card_icon li { margin-left: 15px; }
.card_detail.card_icon li.first { margin-left: 0; }
.card_detail.card_icon li img { margin-right: 0; }
@media (max-width: 800px) { .card_detail { padding-top: 30px; }
  .card_detail li { font-size: 12px; margin-left: 5px; }
  .card_detail li img { margin-right: 0px; } }

.event_con { background: #f7f7f7; border: solid 1px #ececec; }
.event_con .event_imgtit { width: 100%; }
.event_con .event_tit { font-size: 20px; color: #333; margin-top: 10px; overflow: hidden; display: block; text-overflow: ellipsis; white-space: nowrap; }
.event_con .event_write { background: #fff; border: solid 1px #ececec; border-top: solid 1px #333; overflow-x: hidden; overflow-y: auto; min-height: 50px; /* max-height:230px; */ }
@media (max-width: 800px) { .event_con .event_tit { font-size: 16px; }
  .event_con .event_write { min-height: 50px; /* max-height:115px; */ } }

.green_event { background: #4ac0b2; text-align: center; }
.green_event .gevent_tit { font-size: 40px; color: #333; margin-top: 30px; letter-spacing: -1px; }
.green_event .gevent_txt { font-size: 14px; color: #fff; letter-spacing: -1px; }
.green_event .gevent_date { font-size: 20px; font-weight: bold; letter-spacing: -1px; color: #333; margin-top: 30px; }
.green_event .event_img { margin: 25px 0 40px; }
@media (max-width: 800px) { .green_event .gevent_tit { font-size: 20px; color: #333; margin-top: 15px; letter-spacing: -1px; padding: 0 20px; }
  .green_event .gevent_txt { font-size: 14px; color: #fff; letter-spacing: -1px; padding: 0 20px; }
  .green_event .gevent_date { font-size: 16px; font-weight: bold; letter-spacing: -1px; color: #333; margin-top: 15px; padding: 0 20px; }
  .green_event .event_img { margin: 10px 0 20px; width: 30%; max-width: 178px; } }

.event_area .evearea_txt { font-size: 16px; color: #333; font-weight: bold; }
.event_area .evearea_tit { font-size: 30px; color: #333; }
.event_area .evearea_tit .cl_event { font-weight: bold; font-size: 30px; }
.event_area .event_dl { overflow: hidden; position: relative; margin-bottom: 35px; }
.event_area .event_dl dt { position: absolute; font-weight: bold; }
.event_area .event_dl dd { padding-left: 50px; }
.event_area .evearea_info { background: #eee; padding: 40px 50px; }
.event_area .evearea_info .evearea_infotit { font-size: 20px; font-weight: bold; }
@media (max-width: 800px) { .event_area .evearea_txt { font-size: 14px; color: #333; font-weight: bold; }
  .event_area .evearea_tit { font-size: 20px; color: #333; }
  .event_area .evearea_tit .cl_event { font-weight: bold; font-size: 20px; }
  .event_area .event_dl { overflow: hidden; position: relative; margin-bottom: 15px; }
  .event_area .event_dl dt { position: absolute; font-weight: bold; }
  .event_area .event_dl dd { padding: 20px 0 0 0px; }
  .event_area .evearea_info { background: #eee; padding: 20px 20px; }
  .event_area .evearea_info .evearea_infotit { font-size: 20px; font-weight: bold; } }
.event_area.prize { margin: 0 -13px -8px -13px; padding: 30px 13px; background: #f7f7f7; }
.event_area.prize .title { margin-bottom: 30px; padding-left: 58px; background: url("../../img/front/common/icon_present.png") no-repeat 0 1px; color: #333; font-size: 40px; font-weight: 700; line-height: 1.3; }
.event_area.prize .title span { color: #fcb034; font-size: 40px; vertical-align: top; }
.event_area.prize .img_prize { overflow: hidden; width: 960px; height: 300px; margin: 0 auto; }
.event_area.prize .img_prize img { width: 100%; }
.event_area.prize .prize_article { margin-top: 30px; }
.event_area.prize .prize_article .rank { padding: 11px 10px; background: #099; color: #fff; font-size: 20px; font-weight: 700; }
.event_area.prize .prize_article .list { padding: 20px; background: #fff; }
.event_area.prize .prize_article .list:after { display: block; clear: both; content: ''; }
.event_area.prize .prize_article .list li { float: left; width: 50%; }
.event_area.prize .prize_article .list li span { margin-left: 15px; color: #333; }
.event_area.prize .prize_article .list li span:first-child { margin-left: 0; }
@media (max-width: 800px) { .event_area.prize .title { margin-top: 5px; padding-left: 23px; background-size: 20px auto; font-size: 20px; }
  .event_area.prize .title span { font-size: 20px; }
  .event_area.prize .img_prize { width: 100%; height: auto; }
  .event_area.prize .prize_article .list li { float: none; width: 100%; margin-top: 15px; line-height: normal; }
  .event_area.prize .prize_article .list li:first-child { margin-top: 0; }
  .event_area.prize .prize_article .list li span { display: inline; margin-left: 5px; } }

.event_apply { background: #f7f7f7; padding: 20px; border: solid 1px #ececec; margin-top: 50px; }
.event_apply dl { background: #fff; }

.ceo_visual { background: url("../../img/front/eb/bg_ceo.jpg") center center repeat; }
.ceo_visual .section_wrap, .ceo_visual .title_box, .ceo_visual .head_box { height: 300px; position: relative; text-align: center; }
.ceo_visual .section_wrap h3, .ceo_visual .title_box h3, .ceo_visual .head_box h3 { color: #fff; font-size: 20px; position: absolute; top: 50%; width: 100%; margin: -36px 0 0 0; }

.ceo_area { height: 420px; position: relative; }
.ceo_area .ceo_sign { position: absolute; right: 0; bottom: 0; }
@media (max-width: 800px) { .ceo_area { height: auto; }
  .ceo_area .ceo_sign { position: relative; text-align: right; } }

.callcenterBtn { position: absolute; top: 0; left: 0; width: 20px; height: 20px; background-color: #fff; }

.callcenterBtn:hover { cursor: default; }

/* ------------------------------------
* Component
* -------------------------------------
* Table  (* wide Table * border Table * div Table) * List  * Tab  * Search  * Box  * Process  * Chart  * IMG 
* Alert * Layer Pop * Progress * ToolTip * Accordion * Carousel * Button * Social Button * icon * label * paging 
* input * checkbox * radio * select * datepicker
*/
/* ------------------------------------
* Button
*------------------------------------*/
.btn_area { position: relative; }
.btn_area::after { content: ""; display: table; clear: both; }
.btn_area .right_fix { position: absolute; top: 0; right: 0; }
.btn_area .left_fix { position: absolute; top: 0; left: 0; }
.btn_area .fr { position: absolute; right: 0; }
@media (max-width: 800px) { .btn_area .fr { position: relative; }
  .btn_area .mo_right_fix { position: absolute; top: 0; right: 0; }
  .btn_area .mo_left_fix { position: absolute; top: 0; left: 0; } }
@media (min-width: 800px) { .btn_area .pc_right_fix { position: absolute; top: 0; right: 0; }
  .btn_area .pc_left_fix { position: absolute; top: 0; left: 0; } }

.btn, .btn_white, .btn_default, .btn_green, .btn_act, .btn_dark, .btn_can, .btn_gray, .btn_dis, .btn_taxi, .btn_lg, .btn_com, .btn_md, .btn_sub, .btn_sub.big, .btn_sm, .btn_info { display: inline-block; min-width: 90px; padding: 11px 16px 12px; background-color: #fff; color: #666; text-align: center; border: solid 1px #ccc; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.btn:hover, .btn_white:hover, .btn_default:hover, .btn_green:hover, .btn_act:hover, .btn_dark:hover, .btn_can:hover, .btn_gray:hover, .btn_dis:hover, .btn_taxi:hover, .btn_lg:hover, .btn_com:hover, .btn_md:hover, .btn_sub:hover, .btn_sm:hover, .btn_info:hover { text-decoration: none; background-color: #f7f7f7; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; text-decoration: none; }
@media (max-width: 800px) { .btn, .btn_white, .btn_default, .btn_green, .btn_act, .btn_dark, .btn_can, .btn_gray, .btn_dis, .btn_taxi, .btn_lg, .btn_com, .btn_md, .btn_sub, .btn_sub.big, .btn_sm, .btn_info { padding: 11px 10px 12px; } }

.btn_white, .btn_default { background: #fff; border-color: #ccc; color: #666; }
.btn_white:hover, .btn_default:hover { text-decoration: none; background-color: #f7f7f7; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; text-decoration: none; }

.btn_green, .btn_act { background: #009999; border-color: #009999; color: #fff !important; }
.btn_green:hover, .btn_act:hover { text-decoration: none; background-color: #008a8a; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; text-decoration: none; }

.btn_dark, .btn_can { background: #666; border-color: #666; color: #fff !important; }
.btn_dark:hover, .btn_can:hover { text-decoration: none; background-color: #5e5e5e; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; text-decoration: none; }

.btn_gray { background: #ececec; border-color: #ececec; color: #666; }
.btn_gray:hover { text-decoration: none; background-color: #e4e4e4; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; text-decoration: none; }

.btn_dis { background: #ececec; border-color: #ececec; color: #666; cursor: default !important; }
.btn_dis:hover { text-decoration: none; background-color: #e7e7e7; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; text-decoration: none; }

.btn_taxi { background: #f5b54b; border-color: #f5b54b; color: #333; }
.btn_taxi:hover { text-decoration: none; background-color: #f4af3d; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; text-decoration: none; }

.btn_lg, .btn_com { padding: 11px 16px 12px; }

.btn_md, .btn_sub { padding: 5px 16px 6px; min-width: 50px; }

.btn_md, .btn_sub.big { padding: 5px 8px 6px; min-width: 90px; }

.btn_sm, .btn_info { padding: 2px 10px 3px; line-height: 1.5; min-width: 50px; }

.btn_flat { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }

@media (max-width: 800px) { .btn_lg, .btn_com { padding-left: 5px; padding-right: 5px; }
  .btn_md, .btn_sub { padding-left: 5px; padding-right: 5px; }
  .btn_sm, .btn_info { padding-left: 5px; padding-right: 5px; } }
@media (max-width: 800px) { .btn_print, .btn_exel { display: none; } }

.btn_block { display: block; width: 100%; }

.btn_block + .btn_block { margin-top: 10px; }

.btn_block + .btn, .btn_block + .btn_white, .btn_block + .btn_default, .btn_block + .btn_green, .btn_block + .btn_act, .btn_block + .btn_dark, .btn_block + .btn_can, .btn_block + .btn_gray, .btn_block + .btn_dis, .btn_block + .btn_taxi, .btn_block + .btn_lg, .btn_block + .btn_com, .btn_block + .btn_md, .btn_block + .btn_sub, .btn_block + .btn_sm, .btn_block + .btn_info { margin-top: 10px; }

.btn + .btn_block, .btn_white + .btn_block, .btn_default + .btn_block, .btn_green + .btn_block, .btn_act + .btn_block, .btn_dark + .btn_block, .btn_can + .btn_block, .btn_gray + .btn_block, .btn_dis + .btn_block, .btn_taxi + .btn_block, .btn_lg + .btn_block, .btn_com + .btn_block, .btn_md + .btn_block, .btn_sub + .btn_block, .btn_sm + .btn_block, .btn_info + .btn_block { margin-top: 10px; }

@media (max-width: 800px) { .btn, .btn_white, .btn_default, .btn_green, .btn_act, .btn_dark, .btn_can, .btn_gray, .btn_dis, .btn_taxi, .btn_lg, .btn_com, .btn_md, .btn_sub, .btn_sub.big, .btn_sm, .btn_info, .btn_md, .btn_sub { min-width: 10px; }
  .mobile_block { display: inline-block; width: 100%; min-width: 100px !important; }
  .mobile_block + .mobile_block { margin-top: 10px; }
  .mobile_block + .btn, .mobile_block + .btn_white, .mobile_block + .btn_default, .mobile_block + .btn_green, .mobile_block + .btn_act, .mobile_block + .btn_dark, .mobile_block + .btn_can, .mobile_block + .btn_gray, .mobile_block + .btn_dis, .mobile_block + .btn_taxi, .mobile_block + .btn_lg, .mobile_block + .btn_com, .mobile_block + .btn_md, .mobile_block + .btn_sub, .mobile_block + .btn_sm, .mobile_block + .btn_info { margin-top: 10px; }
  .btn + .mobile_block, .btn_white + .mobile_block, .btn_default + .mobile_block, .btn_green + .mobile_block, .btn_act + .mobile_block, .btn_dark + .mobile_block, .btn_can + .mobile_block, .btn_gray + .mobile_block, .btn_dis + .mobile_block, .btn_taxi + .mobile_block, .btn_lg + .mobile_block, .btn_com + .mobile_block, .btn_md + .mobile_block, .btn_sub + .mobile_block, .btn_sm + .mobile_block, .btn_info + .mobile_block { margin-top: 10px; }
  .mo_block { display: inline-block; width: 100%; min-width: 100px !important; }
  .mo_block + .mo_block { margin-top: 10px; }
  .mo_block + .btn, .mo_block + .btn_white, .mo_block + .btn_default, .mo_block + .btn_green, .mo_block + .btn_act, .mo_block + .btn_dark, .mo_block + .btn_can, .mo_block + .btn_gray, .mo_block + .btn_dis, .mo_block + .btn_taxi, .mo_block + .btn_lg, .mo_block + .btn_com, .mo_block + .btn_md, .mo_block + .btn_sub, .mo_block + .btn_sm, .mo_block + .btn_info { margin-top: 10px; }
  .btn + .mo_block, .btn_white + .mo_block, .btn_default + .mo_block, .btn_green + .mo_block, .btn_act + .mo_block, .btn_dark + .mo_block, .btn_can + .mo_block, .btn_gray + .mo_block, .btn_dis + .mo_block, .btn_taxi + .mo_block, .btn_lg + .mo_block, .btn_com + .mo_block, .btn_md + .mo_block, .btn_sub + .mo_block, .btn_sm + .mo_block, .btn_info + .mo_block { margin-top: 10px; }
  label.hidden + .mo_block { margin-top: -10px; }
  label.blind + .mo_block { margin-top: 0; }
  .mo_block + label.blind + .mo_block { margin-top: 10px; } }
.btn_modify_pen { width: 17px; height: 19px; margin-left: 3px; background: url("../../img/front/common/btn_modify_pen.png") 0 0 no-repeat; }

.btn_share { padding: 6px 11px 5px 10px; vertical-align: bottom; min-width: 0; }
.btn_share i { font-size: 18px; color: #333; }

.full_button { position: relative; padding-right: 90px; }
@media (min-width: 0) { .full_button { max-width: 100%; } }
@media (min-width: 800px) { .full_button { max-width: 50%; } }
.full_button > input { width: 100%; }
.full_button > a { position: absolute; top: 0; right: 0; }

/* ------------------------------------
* textArea
*------------------------------------*/
textarea { width: 100%; height: auto; min-height: 100px; padding: 10px; border: solid 1px #ccc; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 1.8; font-size: 14px; }

.img_area { width: 100%; height: auto; }

.img_responsive { display: block; width: 100%; max-width: 100%; height: auto; }

@media (max-width: 800px) { .img_responsive_mo { display: block; width: 100%; max-width: 100%; height: auto; } }
@media (max-width: 550px) { .img_responsive_550 { display: block; width: 100%; max-width: 100%; height: auto; } }
/* ------------------------------------
* 라벨
*------------------------------------*/
.label, .label_white, .label_green_outline, .label_sm { display: inline-block; min-width: 110px; padding: 11px 16px 12px; background-color: #fff; color: #666; text-align: center; border: solid 1px #ccc; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
@media (max-width: 800px) { .label, .label_white, .label_green_outline, .label_sm { padding: 11px 10px 12px; } }

.label_white { background: #fff; border-color: #ccc; color: #666; }

.label_green_outline { background: #fff; border-color: #009999; color: #009999; }

.label_sm { padding: 2px 10px 3px; line-height: 1.5; min-width: 61px; }

input[type="submit"].btn_block, input[type="reset"].btn_block, input[type="button"].btn_block { width: 100%; }

/* ------------------------------------
* icon
*------------------------------------*/
.icon_success { display: inline-block; width: 20px; height: 21px; background: url("../../img/front/common/icon_noti.png") -142px 0 no-repeat; margin: -3px 5px 0 0; }

.icon_smile, .icon_Ans { display: inline-block; width: 20px; height: 21px; background: url("../../img/front/common/icon_noti.png") -58px 0 no-repeat; margin: -3px 5px 0 0; }

.icon_delay, .icon_noAns { display: inline-block; width: 20px; height: 21px; background: url("../../img/front/common/icon_noti.png") -37px 0 no-repeat; margin: -3px 5px 0 0; }

.icon_danger { display: inline-block; width: 20px; height: 21px; background: url("../../img/front/common/icon_noti.png") -79px 0 no-repeat; margin: -3px 5px 0 0; }

.icon_ing { display: inline-block; width: 20px; height: 21px; background: url("../../img/front/common/icon_noti.png") -100px 0 no-repeat; margin: -3px 5px 0 0; }

.icon_take { display: inline-block; width: 20px; height: 21px; background: url("../../img/front/common/icon_noti.png") -121px 0 no-repeat; margin: -3px 5px 0 0; }

.icon_lock { display: inline-block; width: 16px; height: 21px; background: url("../../img/front/common/icon_noti.png") -20px 0 no-repeat; margin: 0 0 0 5px; }

.icon_noti { display: inline-block; width: 20px; height: 21px; background: url("../../img/front/common/icon_noti.png") 0 0 no-repeat; margin: -3px 5px 0 0; }

.bg_noti { background-color: #f7f7f7; }
.bg_noti .icon_noti { display: inline-block; width: 20px; height: 21px; background: url("../../img/front/common/icon_noti.png") 0 0 no-repeat; margin: -3px 5px 0 0; }

.icon_state { margin: 2px 5px 0 0; }

/* ------------------------------------
* table : data
*------------------------------------*/
@media (min-width: 0) { .mo_th { position: relative; display: inline-block; margin-right: 5px; font-weight: 700; }
  .mo_th:after { position: absolute; top: 0; right: -7px; content: ":"; zoom: 1; }
  .mo_th.block { display: block; margin-right: 0; }
  .mo_th.block:after { content: ""; } }
@media (min-width: 800px) { .mo_th { display: none; }
  .mo_th.block { display: none; } }

@media (max-width: 800px) { .scrollx, .data_table { max-width: 100%; margin-left: auto; margin-right: auto; margin-left: 3%; }
  .scrollx:after, .data_table:after { content: " "; display: block; clear: both; } }

.data_table { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-right: 1px solid #ececec; border-top: 1px solid #ececec; overflow-x: auto; overflow-y: hidden; }
.data_table table { min-width: 980px; }
.data_table table.td_relative td { position: relative; }
.data_table th, .data_table td { padding: 8px 13px; border-left: 1px solid #ececec; border-bottom: 1px solid #ececec; }
.data_table th { color: #333; font-weight: 700; }
.data_table thead th { text-align: center; }
.data_table tbody th { text-align: left; }
.data_table tbody td { text-align: left; }
.data_table tfoot th, .data_table tfoot td { font-weight: bold; color: #ff0000; background-color: #f2f2f2; }
.data_table tr.foot_type02 th, .data_table tr.foot_type02 td { color: #009999; background-color: #f9f9f9; }
.data_table.align_center th, .data_table.align_center td { text-align: center; }
.data_table.no_full { margin-left: 0; }
.data_table.no_bdt, .data_table.bdt_no { border-top: none; }

.scroll_guide { position: absolute; top: 70px; right: 0; width: 245px; height: 87px; background: url("../../img/front//common/scroll_guide.png") 0 0 no-repeat; -webkit-background-size: 245px 87px; background-size: 245px 87px; z-index: 30; zoom: 1; content: ""; }

.scroll_guide.touch { background: none; width: 0; height: 0; /* right:0; */ }

.scroll_guide.scroll { position: fixed; top: 30%; }

.scroll_guide.bottom { top: auto; bottom: 50px; }

.print_table { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-right: 1px solid #000; border-top: 1px solid #000; overflow-x: auto; overflow-y: hidden; }
.print_table table * { font-size: 14px; color: #000; }
.print_table small { margin-top: 4px; display: inline-block; font-size: 11px; line-height: 12px; }
.print_table table { min-width: 960px; }
.print_table th, .print_table td { padding: 5px 10px; height: 32px; border-left: 1px solid #000; border-bottom: 1px solid #000; }
.print_table th { color: #333; font-weight: 700; }
.print_table thead th { text-align: center; }
.print_table tbody th { text-align: center; }
.print_table tbody td { text-align: left; }
.print_table tbody tr.light_bd td { border-bottom: 1px solid #ececec; }
.print_table tbody tr.al_sum td:first-child { text-align: center; }
.print_table tbody tr.al_sum td { text-align: right; }
.print_table tbody .strong_bdb { border-bottom: 2px solid #000; }
.print_table tbody .strong_bdt { border-top: 2px solid #000; }
.print_table tfoot th, .print_table tfoot td { font-weight: bold; color: #ff0000; background-color: #f2f2f2; }
.print_table tr.foot_type02 th, .print_table tr.foot_type02 td { color: #333; background-color: #f9f9f9; }
.print_table.align_center th, .print_table.align_center td { text-align: center; }
.print_table.no_full { margin-left: 0; }
.print_table.no_bdt, .print_table.bdt_no { border-top: none; }

.list_table { border-right: 1px solid #ececec; border-top: 1px solid #ececec; overflow-x: auto; overflow-y: hidden; }
.list_table th { color: #333; font-weight: 700; }
.list_table th, .list_table td { padding: 8px 13px; border-left: 1px solid #ececec; border-bottom: 1px solid #ececec; }
.list_table thead th { text-align: center; }
.list_table tbody th, .list_table tbody td { width: auto; float: none; text-align: center; }
.list_table tbody .title { color: #333; text-align: left; }
.list_table tbody .title a { font-weight: 400; color: #333; }
.list_table tbody .btn_sub, .list_table tbody .btn_md { margin: -8px -20px; }
.list_table.align_center th, .list_table.align_center td { text-align: center; }
.list_table.align_left th, .list_table.align_left td { text-align: left; }
.list_table.mobile_type tbody tr { position: relative; border-bottom: solid 1px #ececec; background: url("../../img/front/common/bul_list_arr.png") 98% center no-repeat; }
.list_table.mobile_type tbody th, .list_table.mobile_type tbody td { cursor: initial !important; border-bottom: none; padding: 2px 10px 2px; width: 100%; position: relative; float: left; text-align: left; }
.list_table.mobile_type tbody td:first-child { padding-top: 15px; }
.list_table.mobile_type tbody td:last-child, .list_table.mobile_type tbody td.mo_last { padding-bottom: 15px; }
@media (max-width: 800px) { .list_table tbody tr { position: relative; border-bottom: solid 1px #ececec; background: url("../../img/front/common/bul_list_arr.png") 98% center no-repeat; }
  .list_table tbody th, .list_table tbody td { cursor: pointer; border-bottom: none; padding: 0 10px 0; width: 100%; position: relative; float: left; text-align: left; }
  .list_table tbody td:first-child { padding-top: 15px; }
  .list_table tbody td:last-child, .list_table tbody td.mo_last { padding-bottom: 15px; }
  .list_table tbody .title a { font-weight: 700; width: 93%; }
  .list_table tbody .date { font-size: 11px; color: #666; }
  .list_table tbody .btn_sub, .list_table tbody .btn_md { margin: 5px 0; } }

.view_table_base, .view_table { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ececec; border-bottom: none; overflow-x: hidden; overflow-y: hidden; }
.view_table_base th, .view_table th, .view_table_base td, .view_table td { padding: 8px 13px; border-bottom: 1px solid #ececec; }
.view_table_base th, .view_table th { color: #333; font-weight: 700; }
.view_table_base thead th, .view_table thead th { text-align: center; }
.view_table_base tbody th, .view_table tbody th { text-align: left; }
.view_table_base tbody td, .view_table tbody td { text-align: left; }
.view_table_base tbody .title, .view_table tbody .title { font-weight: 700; color: #333; }
.view_table_base tbody .content, .view_table tbody .content { background-color: #f7f7f7; }
.view_table_base.align_center th, .align_center.view_table th, .view_table_base.align_center td, .align_center.view_table td { text-align: center; }
.view_table_base.line_o, .line_o.view_table { border: none; border-right: 1px solid #ececec; border-top: 1px solid #ececec; }
.view_table_base.line_o th, .line_o.view_table th, .view_table_base.line_o td, .line_o.view_table td { padding: 15px; border-left: 1px solid #ececec; border-bottom: 1px solid #ececec; }

@media (max-width: 800px) { .view_table { border-bottom: 1px solid #ececec; }
  .view_table > tbody > tr > th, .view_table > tbody > tr > td { border-bottom: none; padding: 5px 10px 5px; width: 100%; float: left; }
  .view_table > tbody .title { margin-top: 0; }
  .view_table > tbody .content { padding: 10px; border-bottom: 1px solid #ececec; }
  .view_table > tbody .content img { max-width: 100%; } }
.view_table .content_area { /*img{@extend .img_responsive;width:auto;}*/ }

.form_guide { margin: 5px 0; background-color: #fff; }
.form_guide .guide_head { padding: 30px 10px 20px 10px; font-size: 18px; font-weight: 700; color: #099; text-align: center; border-bottom: 2px solid #009999; }
.form_guide .guide_head span { font-size: 18px; font-weight: 700; vertical-align: top; }
.form_guide .guide_body { padding: 20px 80px 30px 80px; }
.form_guide .guide_body .con_body { margin: 20px 0; padding: 20px 30px; border-top: 1px solid #666; background-color: #f7f7f7; }
.form_guide .guide_body .con_body .title { text-align: center; }
.form_guide .guide_body .con_body .con { margin-top: 20px; }
.form_guide .guide_body .con_body .con .point { margin-top: 15px; color: #099; font-size: 14px; }
.form_guide .guide_body .con_footer .info { margin-top: 20px; }
@media (max-width: 800px) { .form_guide .guide_head { padding: 30px 10px 20px 10px; }
  .form_guide .guide_body { padding: 20px 3%; }
  .form_guide .guide_body .con_body { margin: 20px 0; padding: 20px 3% 30px 3%; }
  .form_guide .guide_body .con_body .con { margin-top: 20px; }
  .form_guide .guide_body .con_footer .info { margin-top: 20px; } }

/* ------------------------------------
* card_select : 캐시비서비스 > HPCB0720
*------------------------------------*/
.card_select { padding: 24px 10px; }
.card_select ul.bg_img { width: 408px; height: 82px; margin: 0 auto; }
.card_select ul.bg_img li { width: 25%; height: 100%; background-size: auto 100%; background-position: center; background-repeat: no-repeat; float: left; }
@media (max-width: 390px) { .card_select ul.bg_img li { background-size: 100% auto; } }
.card_select p { margin-top: 20px; color: #333; }
@media (max-width: 450px) { .card_select p { margin-top: 15px; } }
@media (max-width: 460px) { .card_select ul.bg_img { width: 100%; } }
.card_select .store_select li { position: relative; display: inline-block; margin-right: 50px; margin-bottom: 10px; }
.card_select .store_select li label { position: relative; display: inline-block; }
.card_select .store_select li label .radio_btn { position: absolute; bottom: 0; left: 45px; width: 20px; height: 20px; background: url("../../img/front/common/radio_img_off.png") 0 0 no-repeat; font-size: 0; line-height: 0; }
.card_select .store_select li label .title { margin-left: 10px; color: #333; line-height: 60px; }
.card_select .store_select li label input:checked + .radio_btn { background: url("../../img/front/common/radio_img_on.png") 0 0 no-repeat; }
.card_select .store_select li label:hover { text-decoration: none; }
.card_select .store_select li.on label .radio_btn { background: url("../../img/front/common/radio_img_on.png") 0 0 no-repeat; }
@media (max-width: 800px) { .card_select .store_select li { margin-right: 10px; }
  .card_select .store_select li label img { width: 45px; }
  .card_select .store_select li label .radio_btn { position: absolute; bottom: 0; left: 30px; }
  .card_select .store_select li label .title { line-height: 45px; } }

/* ------------------------------------
* card_list
*------------------------------------*/
.no_card_img, .card_list > li .card_img, .search_box.card_type > ul > li .card_img { width: 250px; height: 157px; margin: 0 auto; background: url("../../img/front/common/no_card/cashbee.png") 0 0 no-repeat; background-size: 250px 157px; }
body.mybi .no_card_img, body.mybi .card_list > li .card_img, .card_list > li body.mybi .card_img, body.mybi .search_box.card_type > ul > li .card_img, .search_box.card_type > ul > li body.mybi .card_img { background: url("../../img/front/common/no_card/mybi.png") 0 0 no-repeat; background-size: 250px 157px; }
body.hanaro .no_card_img, body.hanaro .card_list > li .card_img, .card_list > li body.hanaro .card_img, body.hanaro .search_box.card_type > ul > li .card_img, .search_box.card_type > ul > li body.hanaro .card_img { background: url("../../img/front/common/no_card/hanaro.png") 0 0 no-repeat; background-size: 250px 157px; }
.no_card_img img, .card_list > li .card_img img, .search_box.card_type > ul > li .card_img img { width: 250px; height: auto; }

.card_visual img { margin: 0 auto; }

.card_list > li { width: 32.90323%; float: left; margin-right: 0.64516%; position: relative; float: left; margin: 30px 0 20px; text-align: center; }
.card_list > li .s_title { position: absolute; top: 160px; left: 0; width: 100%; margin: 13px auto 0; text-align: center; line-height: 18px; }
.card_list > li .s_title strong { display: inline-block; text-align: center; font-weight: 700; font-size: 16px; color: #333; }
.card_list > li .s_select { margin-top: 60px; text-align: center; color: #666; }
.card_list > li .btn, .card_list > li .btn_white, .card_list > li .btn_default, .card_list > li .btn_green, .card_list > li .btn_act, .card_list > li .btn_dark, .card_list > li .btn_can, .card_list > li .btn_gray, .card_list > li .btn_dis, .card_list > li .btn_taxi, .card_list > li .btn_lg, .card_list > li .btn_com, .card_list > li .btn_md, .card_list > li .btn_sub, .card_list > li .btn_sm, .card_list > li .btn_info { display: inline-block; margin-top: 13px; }
@media (max-width: 800px) { .card_list > li:nth-child(odd) { width: 49.67742%; float: left; margin-right: 0.64516%; }
  .card_list > li:nth-child(even) { width: 49.67742%; float: right; margin-right: 0; } }
@media (max-width: 620px) { .card_list > li:nth-child(odd) { width: 100%; float: left; margin-right: 0.64516%; }
  .card_list > li:nth-child(even) { width: 100%; float: right; margin-right: 0; } }

/* ------------------------------------
* 이미지 슬라이드 :event_list : HPCB0860
*------------------------------------*/
.btn_slideControl { display: inline-block; width: 42px; height: 42px; margin-top: 2px; background-color: #666666; text-align: center; }
.btn_slideControl i { font-size: 30px; color: #fff; padding-top: 6px; }
.btn_slideControl:hover { text-decoration: none; background-color: #5e5e5e; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; }

.event_visual { position: relative; background-color: #f3f3f3; }
.event_visual .btn_tab_end { position: absolute; top: -1000px; left: -1000px; height: 1px; width: 1px; text-align: left; overflow: hidden; }
.event_visual .visual_wrap { position: relative; width: 100%; margin: 0 auto; overflow: hidden; }
.event_visual .visual_wrap .owl-controls { display: none; }
.event_visual .visual_wrap .slide_nav { position: relative; }
.event_visual .visual_wrap .slide_nav .btn_wrap { z-index: 5; position: absolute; top: 210px; right: 20px; width: 42px; text-align: center; }
.event_visual .visual_wrap .slide_nav .btn_wrap .pagenum { color: #fff; }
@media (max-width: 800px) { .event_visual .visual_wrap .slide_nav .btn_wrap { top: 200px; right: 0; width: 100%; text-align: right; }
  .event_visual .visual_wrap .slide_nav .btn_wrap a.prev_btn { position: absolute; bottom: 0; left: 0; }
  .event_visual .visual_wrap .slide_nav .btn_wrap a.next_btn { position: absolute; bottom: 0; right: 0; }
  .event_visual .visual_wrap .slide_nav .btn_wrap .pagenum { position: absolute; bottom: 43px; right: 11px; color: #333; } }
.event_visual .visual_wrap .slider { position: relative; margin: 0 auto; }
.event_visual .visual_wrap .slider.slider_pc .item { width: 1920px; height: 481px; margin: 0 auto; }
.event_visual .visual_wrap .slider.slider_pc .item a { display: block; width: 100%; height: 100%; }
.event_visual .visual_wrap .slider.slider_mo .owl-item { /* background-color:#000; */ opacity: 0.45; filter: alpha(opacity=45); }
.event_visual .visual_wrap .slider.slider_mo .owl-item.center { opacity: 1; filter: alpha(opacity=100); }
.event_visual .visual_wrap .slider.slider_mo .item { width: 320px; height: 200px; margin: 0 auto; }
.event_visual .visual_wrap .slider.slider_mo .item a { display: block; width: 100%; height: 100%; }

.event_list { padding: 0 20px; }
.event_list li { width: 48.57143%; float: left; margin-right: 2.85714%; position: relative; /* float:left;  */ margin: 0 0 20px; text-align: left; }
.event_list li .con_area { position: relative; min-height: 80px; }
.event_list li .con_area .s_date { margin-top: 15px; color: #666; }
.event_list li .con_area .btn, .event_list li .con_area .btn_white, .event_list li .con_area .btn_default, .event_list li .con_area .btn_green, .event_list li .con_area .btn_act, .event_list li .con_area .btn_dark, .event_list li .con_area .btn_can, .event_list li .con_area .btn_gray, .event_list li .con_area .btn_dis, .event_list li .con_area .btn_taxi, .event_list li .con_area .btn_lg, .event_list li .con_area .btn_com, .event_list li .con_area .btn_md, .event_list li .con_area .btn_sub, .event_list li .con_area .btn_sm, .event_list li .con_area .btn_info { position: absolute; right: 5px; top: -4px; }
.event_list li .con_area .s_title { margin: 5px 0 0; line-height: 18px; }
.event_list li .con_area .s_title strong { display: inline-block; font-weight: 700; font-size: 16px; color: #333; }
.event_list li:nth-child(odd) { width: 48.57143%; float: left; margin-right: 2.85714%; }
.event_list li:nth-child(even) { width: 48.57143%; float: right; margin-right: 0; }
@media (max-width: 800px) { .event_list { padding: 0; }
  .event_list li { margin-top: 20px; }
  .event_list li:first-child { margin-top: 0; }
  .event_list li:nth-child(odd) { width: 100%; float: left; margin-right: 2.85714%; }
  .event_list li:nth-child(even) { width: 100%; float: right; margin-right: 0; }
  .event_list li .con_area .btn, .event_list li .con_area .btn_white, .event_list li .con_area .btn_default, .event_list li .con_area .btn_green, .event_list li .con_area .btn_act, .event_list li .con_area .btn_dark, .event_list li .con_area .btn_can, .event_list li .con_area .btn_gray, .event_list li .con_area .btn_dis, .event_list li .con_area .btn_taxi, .event_list li .con_area .btn_lg, .event_list li .con_area .btn_com, .event_list li .con_area .btn_md, .event_list li .con_area .btn_sub, .event_list li .con_area .btn_sm, .event_list li .con_area .btn_info { position: relative; }
  .event_list li .con_area { min-height: auto; }
  .event_list li .con_area .s_date { margin-top: 10px; }
  .event_list li .con_area .btn, .event_list li .con_area .btn_white, .event_list li .con_area .btn_default, .event_list li .con_area .btn_green, .event_list li .con_area .btn_act, .event_list li .con_area .btn_dark, .event_list li .con_area .btn_can, .event_list li .con_area .btn_gray, .event_list li .con_area .btn_dis, .event_list li .con_area .btn_taxi, .event_list li .con_area .btn_lg, .event_list li .con_area .btn_com, .event_list li .con_area .btn_md, .event_list li .con_area .btn_sub, .event_list li .con_area .btn_sm, .event_list li .con_area .btn_info { right: 0; max-width: 460px; }
  .event_list li .con_area .s_title strong { max-width: 460px; } }

/* ------------------------------------
* 이미지 슬라이드 :홍보영상 : HPEB0140
*------------------------------------*/
.img_slider { position: relative; width: 100%; margin: 0 auto; }
.img_slider .list_slider { position: relative; margin: 0 70px; }
.img_slider .list_slider .btn_wrap { position: relative; top: 193px; width: 100%; }
.img_slider .list_slider .btn_wrap .prev_btn { position: absolute; left: -70px; }
.img_slider .list_slider .btn_wrap .next_btn { position: absolute; right: -70px; }
.img_slider .list_slider .slider .item { margin: 0 auto; position: relative; width: 234px; height: 416px; overflow: hidden; }
.img_slider .list_slider .slider .item.on:before { position: absolute; top: 0; left: 0; content: ""; width: 234px; height: 416px; z-index: 31; border: 3px solid #fcb034; border-radius: 4px; }
.img_slider .list_slider .slider .owl-controls { display: none; }
@media (max-width: 488px) { .img_slider .list_slider { margin: 0 35px; }
  .img_slider .list_slider .btn_wrap .prev_btn { position: absolute; left: -45px; }
  .img_slider .list_slider .btn_wrap .next_btn { position: absolute; right: -45px; } }

.vod_slider { position: relative; width: 100%; margin: 0 auto; }
.vod_slider .gallery { position: relative; }
.vod_slider .gallery .view_area { position: relative; }
.vod_slider .gallery .view_area .slider { margin: 0 auto; padding: 0 75px; }
.vod_slider .gallery .view_area .slider_title { margin: 15px auto 0; padding: 0 75px; }
.vod_slider .gallery .view_area .slider_title .title { font-size: 20px; font-weight: 700; color: #333; line-height: 25px; }
.vod_slider .gallery .view_area .slider_title .desc { margin-top: 10px; /* min-height:50px; */ font-size: 14px; color: #666; line-height: 18px; }
.vod_slider .gallery .list_slider { position: relative; margin: 30px 70px 0; }
.vod_slider .gallery .list_slider .btn_wrap { position: relative; top: 30px; width: 100%; }
.vod_slider .gallery .list_slider .btn_wrap .prev_btn { position: absolute; left: -70px; }
.vod_slider .gallery .list_slider .btn_wrap .next_btn { position: absolute; right: -70px; }
.vod_slider .gallery .list_slider .slider .item { overflow: hidden; position: relative; width: auto; margin: 0 auto; }
.vod_slider .gallery .list_slider .slider .item a { display: block; position: relative; }
.vod_slider .gallery .list_slider .slider .item a:hover { text-decoration: none; }
.vod_slider .gallery .list_slider .slider .item.on a:before { z-index: 31; content: ""; position: absolute; top: 50%; left: 50%; margin-top: -21px; margin-left: -21px; width: 42px; height: 42px; background: url("../../img/front/common/icon_play.png") center center no-repeat; }
.vod_slider .gallery .list_slider .slider .item.on a:after { z-index: 30; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.6; filter: alpha(opacity=60); }
.vod_slider .gallery .list_slider .slider .item .desc { margin-top: 14px; line-height: 18px; }
.vod_slider .gallery .view_area .slider .owl-controls { display: none; }
.vod_slider .gallery .list_slider .slider .owl-controls { display: none; }
@media (max-width: 800px) { .vod_slider .gallery { margin-left: -3%; margin-right: -3%; }
  .vod_slider .gallery .view_area .slider { padding: 0; }
  .vod_slider .gallery .view_area .slider_title { padding: 0 10px; }
  .vod_slider .gallery .list_slider { margin: 30px 40px 0; }
  .vod_slider .gallery .list_slider .btn_wrap .prev_btn { position: absolute; left: -45px; }
  .vod_slider .gallery .list_slider .btn_wrap .next_btn { position: absolute; right: -45px; } }
@media (max-width: 500px) { .vod_slider .gallery .list_slider .btn_wrap { top: -2px; } }

/* ------------------------------------
* paging
*------------------------------------*/
.paging { margin-top: 30px; text-align: center; }
.paging a { text-align: center; border: solid 1px #ccc; -khtml-border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; display: inline-block; }
.paging a.on { background: #009999; border-color: #009999; color: #fff; }
.paging a.on:hover { text-decoration: none; background-color: #008a8a; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; }
.paging a:hover { text-decoration: none; background-color: #f7f7f7; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; }
.paging .txt_none, .paging .btn_first, .paging .btn_prev, .paging .btn_next, .paging .btn_last { color: transparent; background: url("../../img/front/common/page.png") 0 center no-repeat; font-size: 0; }
.paging .btn_first { background-position: -6px; }
.paging .btn_prev { background-position: -48px; }
.paging .btn_next { background-position: -90px; }
.paging .btn_last { background-position: -132px; }
@media (min-width: 0) { .paging a { line-height: 30px; width: 29px; height: 30px; } }
@media (min-width: 800px) { .paging a { line-height: 42px; width: 42px; height: 42px; }
  .paging .btn_first { background-position: 0; }
  .paging .btn_prev { background-position: -42px; }
  .paging .btn_next { background-position: -84px; }
  .paging .btn_last { background-position: -126px; } }

.paging_more { margin-left: 0; text-align: center; border: 1px solid #ececec; border-top: none; border-bottom: 1px solid #ccc; }
.paging_more a { display: block; padding: 23px 0 25px; background-color: #f7f7f7; font-size: 16px; font-weight: 700; }
.paging_more a i { vertical-align: middle; margin-left: 5px; }
.paging_more a:hover { text-decoration: none; background-color: #efefef; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; text-decoration: none; }
.paging_more a span { vertical-align: top; font-size: 16px; }
@media (max-width: 800px) { .paging_more { margin-left: 3%; } }

/* ------------------------------------
* ul.bullet
*------------------------------------*/
.bullet_dash, ul.bullet li, ul.bullet_dash_all li, ol.bullet_dash_all li { position: relative; padding-left: 13px; }
.bullet_dash:before, ul.bullet li:before, ul.bullet_dash_all li:before, ol.bullet_dash_all li:before { position: absolute; top: 10px; left: 0; content: ''; zoom: 1; width: 8px; height: 2px; background-color: #666; }

.bullet_circle, ul.bullet li ul li, ol.bullet li ul li, ul.bullet_circle_all li, ol.bullet_circle_all li, .help_box > ul > li ul.fold_body li { position: relative; padding-left: 13px; }
.bullet_circle:before, ul.bullet li ul li:before, ol.bullet li ul li:before, ul.bullet_circle_all li:before, ol.bullet_circle_all li:before, .help_box > ul > li ul.fold_body li:before { position: absolute; top: 10px; left: 0; content: ''; zoom: 1; width: 4px; height: 4px; background-color: #999; border: 1px solid #999; border-radius: 50%; }

ul.bullet li.no_bg { padding-left: 0; }
ul.bullet li.no_bg:before { width: 0; height: 0; background: #fff; }
ul.bullet li ul { margin-left: -5px; }

ol.bullet { list-style-type: decimal; margin-left: 15px; }
ol.bullet li ul { margin-left: -5px; }

ul.check li { position: relative; padding-left: 20px; }
ul.check li:before { background: url("../../img/front/common/bullet_check.png") 0 0 no-repeat; width: 15px; height: 11px; position: absolute; top: 6px; left: 0; content: ''; zoom: 1; }

/* ------------------------------------
* notice_box
*------------------------------------*/
.notice_box { padding: 24px 20px 18px; border: 1px solid #ffeac7; background-color: #fff4e2; }
.notice_box::after { content: ""; display: table; clear: both; }
.notice_box .title { position: relative; }
.notice_box .title .start_flag { position: absolute; top: -4px; left: 0; font-size: 20px; color: #ffba4a; }
.notice_box .title strong { color: #333; font-weight: 700; }
@media (max-width: 800px) { body.mobile .notice_box.exel_notice { display: none; } }

/* ------------------------------------
* Folding
*------------------------------------*/
.folding .fold_head a, .folding_list > li .fold_head a, .folding_no .fold_head { padding: 18px 10px; display: block; }
.folding .fold_head a::after, .folding_list > li .fold_head a::after, .folding_no .fold_head::after { content: ""; display: table; clear: both; }
.folding .fold_head a .title, .folding_list > li .fold_head a .title, .folding_no .fold_head .title { width: 91.66667%; float: left; position: relative; }
.folding .fold_head a .title .start_flag, .folding_list > li .fold_head a .title .start_flag, .folding_no .fold_head .title .start_flag { position: absolute; top: -4px; left: 0; font-size: 20px; color: #ffba4a; }
.folding .fold_head a .title strong, .folding_list > li .fold_head a .title strong, .folding_no .fold_head .title strong { color: #333; font-weight: 700; }
.folding .fold_head a .icon_angle, .folding_list > li .fold_head a .icon_angle, .folding_no .fold_head .icon_angle { width: 8.33333%; float: right; margin-right: 0; text-align: right; color: #333; font-size: 20px; }

.folding .fold_body { display: none; border-top: 1px solid #ececec; padding: 20px; }
@media (max-width: 800px) { .folding .fold_body { padding: 20px 10px; } }

.folding_list > li { border: 1px solid #ececec; border-top: none; }
.folding_list > li:first-child { border-top: 1px solid #ececec; }
.folding_list > li.bg_noti .fold_head a .title .start_flag { top: 1px; font-size: 14px; color: #666; font-weight: 700; }
.folding_list > li.bg_noti .fold_head a .title strong { margin-left: 60px; }
.folding_list > li .fold_head a { border: none; }
.folding_list > li .fold_head a a .title .start_flag { font-size: 14px; color: #666; font-weight: 700; }
.folding_list > li .fold_body { display: none; padding: 18px 10px; border-top: 1px solid #ececec; background-color: #f7f7f7; }
.folding_list > li .fold_body::after { content: ""; display: table; clear: both; }
.folding_list > li .fold_body .con { width: 100%; float: left; position: relative; color: #333; }
.folding_list > li .fold_body .con .start_flag { position: absolute; top: 0; left: 4px; color: #666; font-weight: 700; }
.folding_list > li .fold_body .con table { min-width: 550px; }
.folding_list > li .fold_body .con table th, .folding_list > li .fold_body .con table td { background-color: #fff; text-indent: 0; }
.folding_list > li.on { border: 1px solid #666; }
.folding_list > li.on .fold_head .title span, .folding_list > li.on .fold_head .title strong { color: #009999; }

.folding_no .fold_head .title { width: 100%; float: left; }
.folding_no .fold_body { display: block; border-top: 1px solid #ececec; padding: 20px; }

.folding.terms .fold_head a { padding: 10px 0; }
.folding.terms .fold_head a .title strong { font-size: 16px; font-weight: 700; }
.folding.terms .fold_body { padding: 0 20px; border: none; }
.folding.terms .fold_body .terms_area { width: 100%; max-height: 300px; padding: 10px; border: 1px solid #ececec; background-color: #f7f7f7; overflow-y: scroll; }
.folding.terms .fold_body .terms_area .terms_focus { overflow: hidden; display: block; width: 1px; height: 1px; }
.folding.terms .fold_foot { padding-top: 15px; padding-bottom: 15px; background-color: #f7f7f7; border-top: 1px solid #ececec; }
.folding.terms.on .fold_foot { border: none; background-color: #fff; }

/* ------------------------------------
* Dropdown
*------------------------------------*/
.dropdown.location_type { min-width: 190px; margin: 0 auto; }
.dropdown.location_type dt { position: relative; }
.dropdown.location_type dt a { display: block; height: 38px; width: 100%; border-top: 1px solid #fff; border-left: 1px solid #ececec; border-right: 1px solid #ececec; border-radius: 0; background-color: #fff; }
.dropdown.location_type dt a:hover { text-decoration: none; }
.dropdown.location_type dt a.active { border-left: 1px solid #666; border-right: 1px solid #666; border-top: 1px solid #666; text-decoration: none; }
.dropdown.location_type dt span { display: block; padding: 0 18px; line-height: 38px; border-right: 18px solid transparent; cursor: pointer; }
.dropdown.location_type dt span.selected { font-weight: 700; }
.dropdown.location_type dt i { position: absolute; top: 1px; right: 1px; color: #666; border-left: none; padding: 10px 10px 7px; background-color: #fff; }
.dropdown.location_type dd { position: relative; }
.dropdown.location_type dd ul { z-index: 90; display: none; position: absolute; left: 0; top: -38px; width: 100%; padding-top: 37px; list-style: none; border: 1px solid #666; border-radius: 0px; }
.dropdown.location_type dd ul li:first-child a:hover { border-radius: 0px 0px 0 0; }
.dropdown.location_type dd ul li:last-child a:hover { border-radius: 0 0 0px 0px; }
.dropdown.location_type dd li a { display: block; padding: 8px 18px; text-decoration: none; border-top: 1px solid #ececec; background-color: #f7f7f7; }
.dropdown.location_type dd li a:hover { text-decoration: none; background-color: #efefef; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; color: #333; cursor: pointer; }
.dropdown.location_type.down dd ul { top: 0; bottom: inherit; }
.dropdown.location_type.up dd ul { top: inherit; bottom: 31px; }

.dropdown.footer_type { width: 190px; margin: 0 auto 1em; }
.dropdown.footer_type dt { position: relative; }
.dropdown.footer_type dt a { display: block; height: 30px; width: 100%; border: 1px solid #d3d3d3; border-radius: 2px; background-color: #fff; }
.dropdown.footer_type dt a:hover, .dropdown.footer_type dt a:active { border-color: #bdc3c7; }
.dropdown.footer_type dt a:hover { text-decoration: none; }
.dropdown.footer_type dt span { display: block; padding: 0 7px; line-height: 30px; border-right: 7px solid transparent; cursor: pointer; }
.dropdown.footer_type dt span.selected { font-weight: 700; }
.dropdown.footer_type dt i { position: absolute; top: 1px; right: 1px; color: #666; border-left: 1px solid #d3d3d3; padding: 7px 10px; background-color: #f5f5f5; }
.dropdown.footer_type dd { position: relative; }
.dropdown.footer_type dd ul { z-index: 90; display: none; position: absolute; left: 0; top: 1px; width: 100%; list-style: none; background: #fff none repeat scroll 0 0; border: 1px solid #bdc3c7; border-radius: 2px; }
.dropdown.footer_type dd ul li:first-child a:hover { border-radius: 2px 2px 0 0; }
.dropdown.footer_type dd ul li:last-child a:hover { border-radius: 0 0 2px 2px; }
.dropdown.footer_type dd li a { display: block; padding: 0 7px; letter-spacing: -0.6px; line-height: 30px; text-decoration: none; }
.dropdown.footer_type dd li a:hover { text-decoration: none; background-color: #efefef; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; color: #333; cursor: pointer; }
.dropdown.footer_type.down dd ul { top: 1px; bottom: inherit; }
.dropdown.footer_type.up dd ul { top: inherit; bottom: 28px; max-height: 183px; overflow: auto; }

/* ------------------------------------
* Layer Popup
*------------------------------------*/
.btn_close_focus { position: absolute; width: 1px; height: 1px; font-size: 0; color: #fff; }

.popup_open { overflow-x: hidden; width: 100%; margin: 0 auto; }

.popup_open_loading { overflow: hidden; width: 100%; height: 100%; margin: 0 auto; }

body.localTest { background-color: #000; opacity: 0.8; filter: alpha(opacity=80); }

.layer_popup { position: relative; }
.layer_popup .pop_wrap.loading { width: 100%; margin: 0 auto; background: none !important; }
.layer_popup .pop_wrap.loading .btn_close { width: 1px; height: 1px; top: -1px; right: -1px; }
.layer_popup .pop_wrap.totalmenu { width: 1000px; margin: 132px auto; background: none !important; }
.layer_popup .pop_wrap.totalmenu .btn_close { top: -45px; right: 10px; width: 30px; height: 30px; background: url("../../img/front/common/btn_close_white.png") 0 0 no-repeat; }
.layer_popup .pop_wrap { position: relative; background-color: #fff; }
.layer_popup .pop_wrap .btn_close { display: block; position: absolute; width: 31px; height: 31px; background: url("../../img/front/common/btn_close.png") 5px 5px no-repeat; }
@media (min-width: 0) { .layer_popup .pop_wrap { width: 95%; margin: 20px auto; }
  .layer_popup .pop_wrap h2 { font-size: 16px; padding: 15px 50px 15px 20px; }
  .layer_popup .pop_wrap .pc_img { display: none; }
  .layer_popup .pop_wrap .mo_img { display: block; width: 100%; }
  .layer_popup .pop_wrap .btn_close { top: 10px; right: 10px; }
  .layer_popup .pop_wrap .pop_content { padding: 0 10px 30px 10px; }
  .layer_popup .pop_wrap.naver { width: 350px; }
  .layer_popup .pop_wrap.naver iframe { width: 316px; height: 177px; } }
@media (min-width: 800px) { .layer_popup .pop_wrap { width: 90%; margin: 140px auto; }
  .layer_popup .pop_wrap h2 { font-size: 20px; padding: 20px 60px 20px 20px; }
  .layer_popup .pop_wrap .pc_img { display: block; }
  .layer_popup .pop_wrap .mo_img { display: none; }
  .layer_popup .pop_wrap .btn_close { top: 25px; right: 20px; }
  .layer_popup .pop_wrap .pop_content { padding: 0 20px 25px 20px; }
  .layer_popup .pop_wrap.naver { width: 640px; }
  .layer_popup .pop_wrap.naver iframe { width: 600px; height: 337px; } }
@media (min-width: 1000px) { .layer_popup .pop_wrap { width: 800px; margin: 140px auto; } }

/* ------------------------------------
* Popup
*------------------------------------*/
.popup { position: relative; }
.popup .pop_wrap { position: relative; background-color: #fff; }
.popup .pop_wrap .btn_close { display: block; position: absolute; width: 31px; height: 31px; background: url("../../img/front/common/btn_close.png") 5px 5px no-repeat; }
@media (min-width: 0) { .popup .pop_wrap { width: 95%; margin: 0 auto; }
  .popup .pop_wrap h2 { font-size: 20px; padding: 30px 50px 30px 20px; }
  .popup .pop_wrap .btn_close { top: 25px; right: 10px; }
  .popup .pop_wrap .pop_content { padding: 0 10px 40px 10px; } }
@media (min-width: 800px) { .popup .pop_wrap { width: 90%; margin: 0 auto; }
  .popup .pop_wrap .btn_close { top: 25px; right: 20px; }
  .popup .pop_wrap .pop_content { padding: 0 20px 40px 20px; } }
@media (min-width: 1000px) { .popup .pop_wrap { width: 997px; margin: 0 auto; } }

/* ------------------------------------
* Tab
*------------------------------------*/
.tab_nav::after { content: ""; display: table; clear: both; }
.tab_nav li { float: left; }

@media (max-width: 800px) { .tab_nav.mb40, .tab_nav.mb30 { margin-bottom: 20px !important; } }
@media (min-width: 0) { .tab_type01 li { width: 49%; margin: 0 2% 5px 0; text-align: center; }
  .tab_type01 li a { display: block; padding: 9px 10px 8px; background: #f7f7f7; border: solid 1px #dfdfdf; }
  .tab_type01 li a:hover { text-decoration: none; }
  .tab_type01 li.on a { padding: 8px 9px 7px; border: solid 2px #666; background: #fff; }
  .tab_type01 li:nth-child(even) { margin-right: 0; } }
@media (min-width: 800px) { .tab_type01 { width: 100%; background: url("../../img/front/common/bg_tab.png") 0 bottom repeat-x; padding-bottom: 2px; }
  .tab_type01 li { width: auto; margin: 0; min-width: 80px; text-align: center; }
  .tab_type01 li a { display: block; padding: 9px 10px 8px; background: #f7f7f7; border: solid 1px #dfdfdf; border-bottom: none; margin: 0 0 0 -1px; }
  .tab_type01 li.on a { padding: 8px 9px 10px; border: solid 2px #666; border-bottom: none; background: #fff; margin-bottom: -2px; }
  .tab_type01 li.on + li > a { border-left: none; margin: 0; } }

.tab_type02 { width: 100%; overflow: hidden; }
@media (min-width: 0) { .tab_type02 li { width: 49%; margin: 0 2% 5px 0; }
  .tab_type02 li a { display: block; padding: 9px 10px 8px; border: solid 1px #ececec; }
  .tab_type02 li a:hover { text-decoration: none; }
  .tab_type02 li.on a { padding: 8px 9px 9px; border: solid 2px #666; font-weight: bold; color: #333; }
  .tab_type02 li:nth-child(even) { margin-right: 0; } }
@media (min-width: 800px) { .tab_type02 li { width: auto; margin: 0; min-width: 80px; text-align: center; }
  .tab_type02 li a { margin-right: 8px; }
  .tab_type02 li.on a { padding: 8px 9px 7px; border: solid 2px #666; font-weight: bold; color: #333; } }

.tab_type03 { overflow: hidden; }
@media (min-width: 0) { .tab_type03 { text-align: center; }
  .tab_type03 li { border: solid 1px #ececec; width: 49%; margin: 0 2% 5px 0; }
  .tab_type03 li a { display: block; padding: 10px 0; }
  .tab_type03 li a .tab_icon { /* width:30px; */ /* height:30px !important; */ /* background:#ececec; */ display: block; margin: 0 auto 10px; }
  .tab_type03 li a .tab_icon { display: none; }
  .tab_type03 li a:hover { text-decoration: none; }
  .tab_type03 li:first-child { border-left: solid 1px #ececec; }
  .tab_type03 li.on { border: solid 1px #666; }
  .tab_type03 li.on a { padding: 10px 0; color: #009999; font-weight: bold; }
  .tab_type03 li.on a .tab_icon { /* background:#009999; */ }
  .tab_type03 li:nth-child(even) { margin-right: 0; } }
@media (min-width: 800px) { .tab_type03 { width: 100%; background: url("../../img/front/common/bg_tab2.png") 0 bottom repeat-x; text-align: center; padding-bottom: 1px; }
  .tab_type03 li { border: solid 1px #ececec; border-left: none; border-bottom: none; margin: 0; }
  .tab_type03 li a { display: block; padding: 15px 0 14px; }
  .tab_type03 li a .tab_icon { width: 30px; /* height:30px; */ /* background:#ececec; */ display: block; margin: 0 auto 4px; }
  .tab_type03 li:first-child { border-left: solid 1px #ececec; }
  .tab_type03 li.on { border: solid 1px #666; border-bottom: none; margin-bottom: -1px; }
  .tab_type03 li.on a { padding: 15px 0 14px; border-bottom: solid 1px #ececec; color: #009999; font-weight: bold; }
  .tab_type03 li.on a .tab_icon { /* background:#009999; */ }
  .tab_type03 li.on + li { border-left: none; margin: 0; }
  .tab_type03.tabNum1 li { width: 100%; float: left; margin-left: 0; margin-right: 0; }
  .tab_type03.tabNum2 li { width: 50%; float: left; }
  .tab_type03.tabNum3 li { width: 33.33333%; float: left; }
  .tab_type03.tabNum4 li { width: 25%; float: left; }
  .tab_type03 li, .tab_type03.tabNum5 li { width: 20%; float: left; }
  .tab_type03.tabNum6 li { width: 16.66667%; float: left; }
  .tab_type03.tabNum7 li { width: 14.28571%; float: left; }
  .tab_type03.tabNum8 li { width: 12.5%; float: left; }
  .tab_type03.tabNum9 li { width: 11.11111%; float: left; }
  .tab_type03.tabNum10 li { width: 10%; float: left; } }

@media (min-width: 800px) { .tab_type03.icon_tab li.on a { height: 79px; } }

/* ------------------------------------
* help_box
*------------------------------------*/
.help_box > ul > li:first-child { background-color: #f7f7f7; }
.help_box > ul > li:first-child span { display: inline-block; position: absolute; }
.help_box > ul > li:first-child .bg1 { left: 0; top: 0; width: 33px; height: 33px; background: url("../../img/front/common/bg_help_lt.png") 0 0 no-repeat; }
.help_box > ul > li:first-child .bg2 { right: 0; bottom: 0; width: 130px; height: 130px; background: url("../../img/front/common/bg_help_rb.png") 0 0 no-repeat; }
.help_box > ul > li:first-child .icon01 { bottom: 0; left: 50%; margin-left: -65.5px; width: 131px; height: 83px; background: url("../../img/front/common/bg_help_icon01.png") 0 0 no-repeat; }
.help_box > ul > li:first-child .icon02 { bottom: 0; left: 50%; margin-left: -65.5px; width: 131px; height: 83px; background: url("../../img/front/common/bg_help_icon02.png") 0 0 no-repeat; }
.help_box > ul > li:first-child .icon03 { bottom: 0; left: 50%; margin-left: -56.5px; width: 113px; height: 71px; background: url("../../img/front/common/bg_help_icon03.png") 0 0 no-repeat; }
.help_box > ul > li:first-child .icon04 { bottom: 0; left: 50%; margin-left: -40px; width: 80px; height: 99px; background: url("../../img/front/common/bg_help_icon04.png") 0 0 no-repeat; }
.help_box > ul > li:first-child .title { display: block; font-weight: 700; font-size: 18px; letter-spacing: -1px; color: #333; }
.help_box > ul > li:last-child { margin-right: 0; }
.help_box > ul > li { width: 24.61538%; float: left; margin-right: 0.51282%; position: relative; border: 1px solid #ececec; padding: 15px 12px 0; min-height: 185px; }
.help_box > ul > li::after { content: ""; display: table; clear: both; }
.help_box > ul > li .title p, .help_box > ul > li .title a { font-weight: 700; font-size: 18px; color: #009999; letter-spacing: -1px; }
.help_box > ul > li .title p .fa, .help_box > ul > li .title a .fa { float: right; display: inline-block; width: 24px; height: 24px; margin-top: 4px; text-align: center; vertical-align: middle; border: 2px solid #009999; border-radius: 50%; color: #009999; font-size: 12px; font-weight: 700; line-height: 20px; }
.help_box > ul > li ul.fold_body { padding: 30px 0 0; border-top: none; background: none; }
.help_box > ul > li ul.fold_body li { letter-spacing: -0.5px; }
.help_box.help_step03 > ul > li { width: 32.87671%; float: left; margin-right: 0.68493%; }
.help_box.help_step03 > ul > li:last-child { margin-right: 0; }
@media (max-width: 800px) { .help_box > ul > li:first-child { min-height: 165px; padding: 15px 12px; }
  .help_box > ul > li:first-child .title { text-align: center; }
  .help_box > ul > li:last-child { width: 100%; float: left; margin-left: 0; margin-right: 0; margin-bottom: 0; }
  .help_box > ul > li { width: 100%; float: left; margin-left: 0; margin-right: 0; position: relative; margin-bottom: 8px; padding: 0; min-height: 0; }
  .help_box > ul > li::after { content: ""; display: table; clear: both; }
  .help_box > ul > li .title a { display: block; padding: 15px 12px; }
  .help_box > ul > li ul.fold_body { display: none; border-top: 1px solid #ececec; padding: 15px 12px; background-color: #f7f7f7; }
  .help_box.help_step03 > ul > li { width: 100%; float: left; margin-left: 0; margin-right: 0; }
  .help_box.help_step03 > ul > li:last-child { width: 100%; float: left; margin-left: 0; margin-right: 0; } }

/* ------------------------------------
* datepicker
*------------------------------------*/
.ui-datepicker { z-index: 1003 !important; border-radius: 0; border: 2px solid #80dcd1; }
.ui-datepicker select { display: inline-block; min-width: 90px; height: 28px; padding-left: 7px; line-height: 1; }
.ui-datepicker .ui-datepicker-month { margin-left: 2px !important; }

.ui-datepicker .ui-datepicker-header { padding-top: 10px; }

.ui-widget-header { background: #fff; border: none; }

.ui-datepicker-calendar thead tr th { background-color: #fff; border-bottom: 1px solid #ececec; }

.ui-datepicker tr:first-child td { padding-top: 10px; }

.ui-state-default, .ui-widget-content .ui-state-default { color: #333; border: 1px solid #f7f7f7; border-radius: 50%; background: #f7f7f7; text-align: center; }

.ui-state-active, .ui-widget-content .ui-state-active { color: #fff; border: 1px solid #2694e8; border-radius: 50%; background-color: #2694e8; text-align: center; }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { color: #fff; border: 1px solid #aed0ea; border-radius: 50%; background-color: #aed0ea; text-align: center; }

.ui-state-highlight, .ui-widget-content .ui-state-highlight { color: #fff; border: 1px solid #009999; border-radius: 50%; background-color: #009999; text-align: center; }

.ui-datepicker .ui-datepicker-prev span { display: block; position: absolute; left: 50%; margin-left: -11px; top: 50%; margin-top: -2px; }

.ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -17px; top: 50%; margin-top: -2px; }

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next, .ui-datepicker-prev-hover, .ui-datepicker-next-hover { color: #fff; border: none; border-radius: 0; background: none !important; }

.ui-widget-content .ui-icon { background: url("../../img/front/common/cal_arrow.png") 0 0 no-repeat; width: 28px; height: 28px; }

.ui-widget-content .ui-icon.ui-icon-circle-triangle-e { background-position: -30px 0; }

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { top: 0; }

.datepicker + img { margin-left: -38px; vertical-align: middle; }
@media (max-width: 800px) { .datepicker { width: 100%; margin-top: 10px; }
  .datepicker + img { margin-top: 10px; }
  .datepicker.first { margin-top: 0; }
  .datepicker.first + img { margin-top: 0; } }

/* ------------------------------------
* loading
*------------------------------------*/
.loading_area { position: relative; width: 100%; min-height: 100%; }
.loading_area .loading_box { position: absolute; top: 50%; left: 50%; margin-left: -96px; margin-top: -67px; width: 192px; height: 134px; padding-top: 20px; background-color: #fff; text-align: center; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }
.loading_area .loading_box .loading_img { background: url("../../img/front/common/loading.gif") center 0 no-repeat; width: 92px; height: 79px; margin: 0 auto; }
.loading_area .loading_box .loading_txt { font-size: 12px; color: #333; margin-top: -5px; }

/* ------------------------------------
* file upload
*------------------------------------*/
.file_txt { display: inline-block; overflow: hidden; height: 38px; border: 1px solid #ccc; line-height: 36px; padding: 0 10px; color: #a9a9a9; }

.file_txt.on { border: 2px solid #66b5e7; }

/* ------------------------------------
* tooltip
*------------------------------------*/
.tooltip { display: inline-block; width: 22px; height: 22px; background: url("../../img/front/common/icon_tooltip.png") 0 0 no-repeat; }

.ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 500px; -webkit-box-shadow: 5px 5px 0 #dcdcdc; box-shadow: 5px 5px 0 #dcdcdc; /*툴팁 배경 디자인*/ background: white; border: 1px solid #666; border-radius: 0; }
@media (max-width: 800px) { .ui-tooltip { max-width: 300px; margin-right: 10px; } }

.ui-tooltip, .tooltip_arrow:after { background: white; border: 2px solid #666; }

.tooltip_arrow { width: 70px; height: 16px; overflow: hidden; position: absolute; left: 50%; margin-left: -35px; bottom: -16px; }

.tooltip_arrow.top { top: -16px; bottom: auto; }

.tooltip_arrow.left { left: 20%; }

.tooltip_arrow:after { content: ""; position: absolute; left: 20px; top: -20px; width: 25px; height: 25px; box-shadow: 6px 5px 9px -9px black; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.tooltip_arrow.top:after { bottom: -20px; top: auto; }

.tooltipWM { display: inline-block; width: 22px; height: 22px; background: url("../../img/front/common/icon_tooltip.png") 0 0 no-repeat; }

/* ------------------------------------
* total_search
*------------------------------------*/
.search_popup { position: relative; width: 100%; height: 100%; background-color: #fff; }
.search_popup .pop_wrap .btn_close { position: absolute; width: 1px; height: 1px; top: -1px; right: -1px; }
.search_popup .pop_wrap .btn_close:focus { position: absolute; width: 26px; height: 28px; top: -74px; right: -240px; }
@media (max-width: 800px) { .search_popup .pop_wrap .btn_close:focus { position: absolute; width: 26px; height: 28px; top: -57px; right: 0; } }
.search_popup .search_wrap { max-width: 496px; margin-left: auto; margin-right: auto; }
.search_popup .search_wrap:after { content: " "; display: block; clear: both; }
@media (max-width: 800px) { .search_popup .search_wrap { max-width: 94%; margin-left: auto; margin-right: auto; }
  .search_popup .search_wrap:after { content: " "; display: block; clear: both; } }

.serach_favorite_area { padding-bottom: 150px; }
.serach_favorite_area .favorite_box ol { width: 50%; float: left; border: 1px solid #ececec; }
.serach_favorite_area .favorite_box ol:first-child { width: 50%; float: left; border-right: none; }
.serach_favorite_area .favorite_box ol li { border-top: 1px solid #ececec; }
.serach_favorite_area .favorite_box ol li:first-child { border-top: none; }
.serach_favorite_area .favorite_box ol li a { display: block; padding: 16px 20px 16px 10px; border: 4px solid #fff; text-decoration: none; }
.serach_favorite_area .favorite_box ol li:hover a, .serach_favorite_area .favorite_box ol li a:focus { border: 4px solid #82dcd0; }
@media (max-width: 800px) { .serach_favorite_area .favorite_box ol { width: 100%; float: left; margin-left: 0; margin-right: 0; }
  .serach_favorite_area .favorite_box ol:first-child { width: 100%; float: left; margin-left: 0; margin-right: 0; border-right: 1px solid #ececec; border-bottom: none; }
  .serach_favorite_area .favorite_box ol li a { padding: 5px 10px; } }

.total_search_area { position: relative; padding-top: 50px; width: 100%; /*82dcd0*/ }
.total_search_area .input_area { position: relative; }
.total_search_area input[type='text'] { width: 100%; height: 72px; padding-right: 70px; font-size: 20px; font-weight: 700; border: 4px solid #555; }
.total_search_area input[type='text']:focus { border: 4px solid #81dbb3; }
.total_search_area .search_btn { position: absolute; top: 0; right: 0; width: 70px; height: 72px; text-align: center; }
.total_search_area .search_btn i { line-height: 70px; color: #555; }
@media (max-width: 800px) { .total_search_area { padding-top: 0; } }

.search_box .search_txt_link { position: relative; display: inline-block; color: #009999; text-decoration: none; font-weight: 700; font-size: 16px; }
.search_box .search_txt_link:after { position: absolute; bottom: 3px; left: 0; content: ''; zoom: 1; width: 100%; height: 1px; background-color: #009999; }
.search_box .search_txt_link:hover { color: #008a8a; }
.search_box .search_txt_link:hover:after { background-color: #008a8a; }
.search_box .down_txt_link { position: relative; display: inline-block; color: #333; text-decoration: none; font-size: 14px; }
.search_box .down_txt_link:after { position: absolute; bottom: 3px; left: 0; content: ''; zoom: 1; width: 100%; height: 1px; background-color: #333; }
.search_box.menu_type li { position: relative; padding: 3px 0; }
.search_box.menu_type li span { position: relative; display: inline-block; margin-right: 20px; }
.search_box.menu_type li span:after { position: absolute; top: 8px; right: -15px; content: ''; zoom: 1; width: 5px; height: 10px; background: url("../../img/front/common/arrow_right.png") 0 0 no-repeat; }
.search_box.menu_type li .search_txt_link { font-size: 14px; }
.search_box.card_type > ul > li { margin-top: 20px; }
.search_box.card_type > ul > li::after { content: ""; display: table; clear: both; }
.search_box.card_type > ul > li:first-child { margin-top: 0; }
.search_box.card_type > ul > li .card_img { float: left; margin-top: 10px; margin-right: 20px; }
.search_box.card_type > ul > li .desc { float: left; margin-top: 10px; }
.search_box.text_type > ul > li { margin-top: 20px; }
.search_box.text_type > ul > li::after { content: ""; display: table; clear: both; }
.search_box.text_type > ul > li:first-child { margin-top: 0; }
.search_box.text_type > ul > li p { margin-top: 5px; }
.search_box.text_type > ul > li p:first-child { margin-top: 0; }
.search_box.event_type li { margin-top: 20px; }
.search_box.event_type li::after { content: ""; display: table; clear: both; }
.search_box.event_type li:first-child { margin-top: 0; }
.search_box.event_type li .card_img { float: left; margin-top: 10px; margin-right: 20px; }
.search_box.event_type li .card_img img { width: 250px; }
.search_box.event_type li .desc { float: left; margin-top: 10px; }
.search_box.faq_type li { margin-top: 20px; }
.search_box.faq_type li::after { content: ""; display: table; clear: both; }
.search_box.faq_type li:first-child { margin-top: 0; }
.search_box.faq_type li p { text-indent: -13px; padding-left: 27px; margin-top: 5px; }
.search_box.faq_type li p strong { margin-right: 10px; margin-top: -5px; font-size: 16px; font-weight: 700; color: #333; }
.search_box.faq_type li p:first-child { margin-top: 0; }
.search_box.faq_type li p:first-child strong { color: #009999; }
.search_box.faq_type li p a { text-indent: 0; padding-left: 0; }

/* ------------------------------------
* chart : graph_box : HPCB0260
*------------------------------------*/
.graph_box .fields text { fill: #333; }

/* ------------------------------------
* 약관 : 글꼴라이센스 전문
*------------------------------------*/
#font_license { position: relative; float: left; height: auto; }

#font_license .license_cts ul li.ftclr { color: #e12500; font-weight: bold; }

#font_license .license_cts ul li { margin-bottom: 15px; }

.rule_area { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-height: 600px; overflow-x: hidden; overflow-y: auto; padding: 20px; background: #f7f7f7; border: solid 1px #ececec; border-top-color: #333; }
.rule_area > p { margin-bottom: 10px; }
.rule_area li { margin-bottom: 5px; }
.rule_area > ol { margin-bottom: 10px; }
.rule_area > ol > li > ol, .rule_area > ol > li > ul { padding-left: 10px; }
.rule_area ul, .rule_area ol { padding-left: 10px; }
.rule_area ul li, .rule_area ol li { text-indent: -16px; padding-left: 10px; }
.rule_area ul li p, .rule_area ol li p { text-indent: 0; }
.rule_area ul li .table_area, .rule_area ol li .table_area { margin-left: -16px; }
.rule_area ul li ul, .rule_area ul li ol, .rule_area ol li ul, .rule_area ol li ol { padding-left: 10px; }
.rule_area ul li ul li, .rule_area ul li ol li, .rule_area ol li ul li, .rule_area ol li ol li { text-indent: -16px; padding-left: 0; }
.rule_area ul li ul li p, .rule_area ul li ol li p, .rule_area ol li ul li p, .rule_area ol li ol li p { text-indent: 0; }
.rule_area ul li ul li .table_area, .rule_area ul li ol li .table_area, .rule_area ol li ul li .table_area, .rule_area ol li ol li .table_area { margin-left: -30px; }
.rule_area .title_font01 { text-align: center; font-size: 18px; margin-bottom: 10px; }
.rule_area .title_font02 { font-size: 16px; color: #e12500; font-weight: bold; margin: 10px 0; }
.rule_area .table_area { margin-top: 10px; margin-bottom: 10px; }
.rule_area table { min-width: 550px; }
.rule_area table th, .rule_area table td { background-color: #fff; text-indent: 0; }
@media (max-width: 800px) { .rule_area { max-height: 360px; } }

/* SPRITE */
/** sns */
.icon_sns li { display: inline-block; margin: 0 4px 4px 0; }
.icon_sns a { display: inline-block; background: url('../../img/front/common/icon_sns-s261a4225c8.png'); }
.icon_sns .sns_band { background-position: 0 0; height: 28px; width: 28px; }
.icon_sns .sns_blog { background-position: 0 -28px; height: 28px; width: 28px; }
.icon_sns .sns_blog2 { background-position: 0 -56px; height: 28px; width: 28px; }
.icon_sns .sns_facebook { background-position: 0 -84px; height: 28px; width: 28px; }
.icon_sns .sns_kakao { background-position: 0 -112px; height: 28px; width: 28px; }
.icon_sns .sns_line { background-position: 0 -140px; height: 28px; width: 28px; }
.icon_sns .sns_sms { background-position: 0 -168px; height: 28px; width: 28px; }
.icon_sns .sns_twitter { background-position: 0 -196px; height: 28px; width: 28px; }
.icon_sns .sns_url { background-position: 0 -224px; height: 28px; width: 28px; }
.icon_sns .sns_youtube { background-position: 0 -252px; height: 28px; width: 28px; }

.main_icon_sns li { display: inline-block; margin: 0 4px 4px 0; }
.main_icon_sns span { display: inline-block; background: url('../../img/front/common/icon_sns-s261a4225c8.png'); }
.main_icon_sns .sns_band { background-position: 0 0; height: 28px; width: 28px; }
.main_icon_sns .sns_blog { background-position: 0 -28px; height: 28px; width: 28px; }
.main_icon_sns .sns_blog2 { background-position: 0 -56px; height: 28px; width: 28px; }
.main_icon_sns .sns_facebook { background-position: 0 -84px; height: 28px; width: 28px; }
.main_icon_sns .sns_kakao { background-position: 0 -112px; height: 28px; width: 28px; }
.main_icon_sns .sns_line { background-position: 0 -140px; height: 28px; width: 28px; }
.main_icon_sns .sns_sms { background-position: 0 -168px; height: 28px; width: 28px; }
.main_icon_sns .sns_twitter { background-position: 0 -196px; height: 28px; width: 28px; }
.main_icon_sns .sns_url { background-position: 0 -224px; height: 28px; width: 28px; }
.main_icon_sns .sns_youtube { background-position: 0 -252px; height: 28px; width: 28px; }

/** icon_sail */
.icon_sale li { position: relative; display: inline-block; margin-left: 24px; font-weight: 700; }
.icon_sale li:first-child { margin-left: 0; }
.icon_sale li span { background: url('../../img/front/common/icon_sale-sa4bf6a647d.png'); margin-right: 9px; }
@media (max-width: 800px) { .icon_sale { margin-top: 40px; }
  .icon_sale li { width: 25%; float: left; margin-left: 0; letter-spacing: -1px; text-align: center; }
  .icon_sale li span { position: absolute; top: -40px; left: 50%; margin-left: -15px; }
  .icon_sale li:first-child { width: 25%; float: left; }
  .icon_sale li:last-child { width: 25%; float: right; margin-right: 0; } }
.icon_sale .icon_child { background-position: 0 0; height: 34px; width: 30px; }
.icon_sale .icon_child_b { background-position: 0 -34px; height: 34px; width: 30px; }
.icon_sale .icon_lpoint { background-position: 0 -68px; height: 34px; width: 30px; }
.icon_sale .icon_lpoint_b { background-position: 0 -102px; height: 34px; width: 30px; }
.icon_sale .icon_result { background-position: 0 -136px; height: 34px; width: 30px; }
.icon_sale .icon_result_b { background-position: 0 -170px; height: 34px; width: 30px; }
.icon_sale .icon_teenager { background-position: 0 -204px; height: 34px; width: 30px; }
.icon_sale .icon_won { background-position: 0 -238px; height: 34px; width: 30px; }
.icon_sale .icon_won_b { background-position: 0 -272px; height: 34px; width: 30px; }

.icon_sale_small a { margin-left: 6px; background: url('../../img/front/common/icon_sale_small-sdb760fd11e.png'); }
.icon_sale_small a:first-child { margin-left: 0; }
.icon_sale_small .icon_child { background-position: 0 0; height: 24px; width: 22px; }
.icon_sale_small .icon_child_o { background-position: 0 -24px; height: 24px; width: 22px; }
.icon_sale_small .icon_lpoint { background-position: 0 -48px; height: 24px; width: 22px; }
.icon_sale_small .icon_lpoint_o { background-position: 0 -72px; height: 24px; width: 22px; }
.icon_sale_small .icon_teenager { background-position: 0 -96px; height: 24px; width: 22px; }
.icon_sale_small .icon_won { background-position: 0 -120px; height: 24px; width: 22px; }
.icon_sale_small .icon_won_o { background-position: 0 -144px; height: 24px; width: 22px; }

/** icon_tab */
.icon_tab li .tab_icon { background: url('../../img/front/common/icon_tab-sf8a0cd664e.png'); }
.icon_tab li a .icon_tab01 { background-position: 0 0; height: 16px; width: 16px; }
.icon_tab li a .icon_tab01_active { background-position: 0 -146px; height: 16px; width: 16px; }
.icon_tab li a .icon_tab02 { background-position: 0 -292px; height: 20px; width: 18px; }
.icon_tab li a .icon_tab02_active { background-position: 0 -442px; height: 20px; width: 18px; }
.icon_tab li a .icon_tab03 { background-position: 0 -592px; height: 20px; width: 18px; }
.icon_tab li a .icon_tab03_active { background-position: 0 -742px; height: 20px; width: 18px; }
.icon_tab li a .icon_tab04 { background-position: 0 -892px; height: 19px; width: 19px; }
.icon_tab li a .icon_tab04_active { background-position: 0 -1041px; height: 19px; width: 19px; }
.icon_tab li a .icon_tab05 { background-position: 0 -1190px; height: 20px; width: 23px; }
.icon_tab li a .icon_tab05_active { background-position: 0 -1340px; height: 20px; width: 23px; }
.icon_tab li a:hover { text-decoration: none; }

/** icon_buy :구입처 :HPCB0730*/
.icon_buy { text-align: center; }
.icon_buy li { vertical-align: middle; display: inline-block; margin: 20px 20px 0; background: url('../../img/front/common/icon_buy-s872e3813bc.png'); }
.icon_buy .bytheway { background-position: 0 0; height: 39px; width: 36px; }
.icon_buy .cashbee { background-position: 0 -39px; height: 32px; width: 24px; }
.icon_buy .cu { background-position: 0 -71px; height: 24px; width: 62px; }
.icon_buy .gs25 { background-position: 0 -95px; height: 38px; width: 71px; }
.icon_buy .ministop { background-position: 0 -133px; height: 35px; width: 52px; }
.icon_buy .mybi { background-position: 0 -168px; height: 34px; width: 76px; }
.icon_buy .seven11 { background-position: 0 -202px; height: 38px; width: 39px; }
.icon_buy .storyway { background-position: 0 -240px; height: 38px; width: 127px; }

/** icon_service :서비스 :HPCB0730 */
.icon_service { margin: 30px 0 40px; text-align: center; padding: 0 190px; }
@media (max-width: 800px) { .icon_service { padding: 0; } }
.icon_service li { position: relative; display: inline-block; font-weight: 700; }
.icon_service li .bar { display: inline-block; width: 14px; height: 47px; background: url("../../img/front/cashbee/bar_join.png") 0 0 no-repeat; position: absolute; top: 35%; right: 0; margin: -28px -7px 0 0; }
.icon_service li > span { display: inline-block; background: url('../../img/front/common/icon_service-s50c5d24b52.png'); text-align: center; }
.icon_service li p { margin-top: 14px; text-align: center; letter-spacing: -1px; }
.icon_service .lpoint { background-position: 0 0; height: 70px; width: 63px; }
.icon_service .lpoint_off { background-position: 0 -70px; height: 70px; width: 63px; }
.icon_service .refund { background-position: 0 -140px; height: 67px; width: 59px; }
.icon_service .refund_off { background-position: 0 -207px; height: 67px; width: 59px; }
.icon_service .traffic { background-position: 0 -274px; height: 69px; width: 64px; }
.icon_service .traffic_off { background-position: 0 -343px; height: 69px; width: 64px; }

/** icon_pay :충전, 지불, 환불*/
.pay_icon li { display: inline-block; margin-right: 10px; }
.pay_icon li > span { display: inline-block; background: url('../../img/front/common/icon_pay-sd746f4a9b8.png'); vertical-align: text-top; margin-right: 5px; }
.pay_icon.margin0 li { margin-right: 0; }
.pay_icon .charge { background-position: 0 0; height: 18px; width: 18px; }
.pay_icon .pay { background-position: 0 -18px; height: 18px; width: 18px; }
.pay_icon .refund { background-position: 0 -36px; height: 18px; width: 18px; }

/** icon_circle : 캐시비 서비스 사용안내 :HPCB0660 */
.icon_circle li > i { background: url('../../img/front/common/icon_circle-s8f27274f22.png'); }
@media (max-width: 800px) { .icon_circle li > i { width: 50px !important; height: 50px !important; background-size: 100% !important; }
  .icon_circle li .bus { background-position: 0 0; }
  .icon_circle li .collage { background-position: 0 -50px; }
  .icon_circle li .content { background-position: 0 -100px; }
  .icon_circle li .drink { background-position: 0 -150px; }
  .icon_circle li .entertainment { background-position: 0 -200px; }
  .icon_circle li .game { background-position: 0 -250px; }
  .icon_circle li .garbage { background-position: 0 -300px; }
  .icon_circle li .giftcard { background-position: 0 -350px; }
  .icon_circle li .naver { background-position: 0 -400px; }
  .icon_circle li .p2p { background-position: 0 -450px; }
  .icon_circle li .point { background-position: 0 -500px; }
  .icon_circle li .shopping { background-position: 0 -550px; }
  .icon_circle li .sign { background-position: 0 -600px; }
  .icon_circle li .store { background-position: 0 -650px; }
  .icon_circle li .subway { background-position: 0 -700px; }
  .icon_circle li .taxi { background-position: 0 -750px; }
  .icon_circle li .telephone { background-position: 0 -800px; }
  .icon_circle li .ucharging { background-position: 0 -850px; } }
.icon_circle .bus { background-position: 0 0; height: 80px; width: 80px; }
.icon_circle .collage { background-position: 0 -80px; height: 80px; width: 80px; }
.icon_circle .content { background-position: 0 -160px; height: 80px; width: 80px; }
.icon_circle .drink { background-position: 0 -240px; height: 80px; width: 80px; }
.icon_circle .entertainment { background-position: 0 -320px; height: 80px; width: 80px; }
.icon_circle .game { background-position: 0 -400px; height: 80px; width: 80px; }
.icon_circle .garbage { background-position: 0 -480px; height: 80px; width: 80px; }
.icon_circle .giftcard { background-position: 0 -560px; height: 80px; width: 80px; }
.icon_circle .naver { background-position: 0 -640px; height: 80px; width: 80px; }
.icon_circle .p2p { background-position: 0 -720px; height: 80px; width: 80px; }
.icon_circle .point { background-position: 0 -800px; height: 80px; width: 80px; }
.icon_circle .shopping { background-position: 0 -880px; height: 80px; width: 80px; }
.icon_circle .sign { background-position: 0 -960px; height: 80px; width: 80px; }
.icon_circle .store { background-position: 0 -1040px; height: 80px; width: 80px; }
.icon_circle .subway { background-position: 0 -1120px; height: 80px; width: 80px; }
.icon_circle .taxi { background-position: 0 -1200px; height: 80px; width: 80px; }
.icon_circle .telephone { background-position: 0 -1280px; height: 80px; width: 80px; }
.icon_circle .ucharging { background-position: 0 -1360px; height: 80px; width: 80px; }

/** icon_browser :브라우저 최적화*/
.browser_icon li { display: inline-block; }
.browser_icon li > span { height: 85px; display: inline-block; background: url('../../img/front/common/icon_browser-s22222add19.png'); vertical-align: middle; }
.browser_icon .chrome { background-position: 0 0; height: 85px; width: 90px; }
.browser_icon .explorer { background-position: 0 -85px; height: 85px; width: 90px; }
.browser_icon .firefox { background-position: 0 -170px; height: 85px; width: 90px; }
.browser_icon .safari { background-position: 0 -255px; height: 85px; width: 90px; }

.print_show { display: none; }

html.print, html.print body { overflow: hidden; width: 1011px; height: 100%; }

html.print { width: 1000px; margin: 0 auto; min-width: 1000px; overflow-x: scroll; }
@media (min-width: 800px) { html.print { width: 1001px; overflow-x: scroll; margin: 0 auto; } }
@media (min-width: 1000px) { html.print { width: 1001px; overflow-x: scroll; margin: 0 auto; } }
html.print .section { max-width: 100%; }
html.print .popup { overflow: auto; position: relative; height: 100%; }
html.print .popup .pop_content { padding: 0 10px 40px 10px; }
@media (min-width: 0) { html.print .popup .pop_wrap { width: 1001px; margin: 0 auto; }
  html.print .popup .pop_wrap .pop_content { padding: 0 10px 40px 10px; } }
@media (min-width: 800px) { html.print .popup .pop_wrap { width: 1001px; margin: 0 auto; }
  html.print .popup .pop_wrap .pop_content { padding: 0 10px 40px 10px; } }
@media (min-width: 1000px) { html.print .popup .pop_wrap { width: 1001px; margin: 0 auto; }
  html.print .popup .pop_wrap .pop_content { padding: 0 10px 40px 10px; } }

.print_btn { position: fixed; z-index: 99; bottom: 0; left: 0; width: 100%; margin: 0 auto; }
.print_btn .btn_area { width: 1001px; margin: 0 auto; padding: 30px 0 20px; }

.envelope_table { border: 0; }

.envelope_table table th, .envelope_table table td, .envelope_table table tr { border: 0; text-align: left; }

.envelope_table td { height: 240px; vertical-align: top; font-weight: 700; font-size: 14px; color: #333; }

.envelope_table td * { font-size: 18px; }

.envelope_table .left { margin-top: 1px; height: 360px; display: block; background-color: #d7d7d7; border: 1px solid #d7d7d7; border-bottom-left-radius: 15px; border-top-left-radius: 15px; }

.envelope_table .send { padding: 20px; border: 1px dashed #ccc; border-left: none; border-right: none; }

.envelope_table .send p { margin-top: 10px; }

.envelope_table .send p:first-child { margin-top: 0; }

.envelope_table .send p.add_num input { width: 35px; }

.envelope_table .receive { padding: 20px; border: 1px dashed #ccc; border-left: none; }

.envelope_table .receive .add_num { margin-top: 10px; text-align: right; }

.envelope_table .receive .add_num span { display: inline-block; border: 1px solid #d7d7d7; padding: 5px 12px; }

@media print { /*<span style="page-break-before: always;">*/
  /*page-break-before: auto;*/
  /*@page {size: "A4"; margin: 0; }*/
  /*@page { size: landscape; }*/
  /*재정의 */
  html, body { width: 1000px !important; /*height: 297mm*/ margin: 0; padding: 0; position: relative; overflow: hidden; }
  #content { margin: 0; padding: 0; position: relative; width: 1000px; }
  #content .content_wrap { /*position:absolute;top:0; left:0;*/ }
  #sidebar, #header, #footer, #content .location_area, #content .location_nav, .location_area, #content .title_area { display: none !important; padding: 0; margin: 0; height: 0 !important; }
  .section { margin-top: 20px; }
  .section.mo_full { max-width: 1000px !important; }
  .data_table { margin: 0; width: 100% !important; overflow: hidden; }
  .data_table table { min-width: 960px; }
  .data_table table th, .data_table table td { padding: 5px 10px; }
  /* checkbox */
  input[type=checkbox] { display: inline-block; position: relative; left: 0; top: 0; }
  input[type=checkbox] + label { display: inline-block; cursor: pointer; position: relative; font-size: 14px; line-height: 22px; padding: 0; z-index: 500; }
  input[type=checkbox] + label:before { content: ""; display: inline-block; width: 22px; height: 22px; margin-right: 0; position: absolute; left: 0; background: none; }
  input[type=checkbox]:checked + label:before { background: none; text-align: center; line-height: 22px; }
  /*print 공통*/
  .print_show { display: block; }
  .print_hide { display: none; }
  .print_wrap { position: relative; display: block; margin: 0; padding: 0; }
  /*.print_wrap {page-break-before: always;} */
  .envelope_table input { border: 0; padding: 0; }
  .envelope_table .send p { margin-top: -10px; }
  .envelope_table .send p.name { margin-top: 0; }
  .envelope_table .send p.add_num { margin-top: 10px; }
  .envelope_table .send p.add_num input { border: 1px solid #ccc; padding: 0 10px; }
  .tab_nav { display: none; } }
/* ------------------------------------
* PAGE : cashbee
*------------------------------------*/
/* ------------------------------------
* MY캐시비 > 내카드 관리 : mycard/HPCB0070
*------------------------------------*/
.visual_area .guide_info { display: none; }
.visual_area .member_info { display: block; }
.visual_area .card_info { display: block; }
.visual_area .chart_area { display: block; }
.visual_area.no_card .guide_info { display: block; }
.visual_area.no_card .member_info { display: block; }
.visual_area.no_card .card_info { display: none; }
.visual_area.no_card .chart_area { display: none; }

.visual_area { background: url("../../img/front/cashbee/visual_mycard01.jpg") center 0 no-repeat; height: 431px; }
.visual_area h3 { color: #fff; font-weight: 700; font-size: 20px; }
.visual_area .info_area { position: absolute; top: 0; left: 0; }
.visual_area .info_area::after { content: ""; display: table; clear: both; }
.visual_area .info_area .card_info { margin-top: 45px; }
.visual_area .info_area .card_info dl { float: left; min-width: 165px; }
.visual_area .info_area .card_info dl dt { color: #fff; font-weight: 700; font-size: 20px; }
.visual_area .info_area .card_info dl dd { margin-top: -14px; color: #ffba4a; font-weight: 700; font-size: 44px; }
.visual_area .info_area .member_info { margin-top: 40px; }
.visual_area .info_area .member_info ul { margin-top: 15px; }
.visual_area .info_area .member_info ul li { margin-top: 4px; }
.visual_area .info_area .member_info ul li span { min-width: 110px; color: #fff; }
.visual_area .info_area .member_info ul li strong { position: relative; display: inline-block; color: #fff; font-size: 16px; }
.visual_area .info_area .member_info ul li strong:after { top: 9px; left: -20px; width: 2px; background-color: #797a78; }
.visual_area .chart_area { margin-top: 45px; }
.visual_area .chart_area::after { content: ""; display: table; clear: both; }
.visual_area .chart_area .date { color: #fff; }
@media (max-width: 800px) { .visual_area { margin-top: 0 !important; height: auto; background: url("../../img/front/cashbee/visual_mycard01.jpg") no-repeat 0 0; background-size: cover; }
  .visual_area .info_area { width: 100%; position: relative; float: none; margin-top: 15px; }
  .visual_area .info_area .card_info { margin-top: 0; }
  .visual_area .info_area .card_info dl { float: none; margin-top: 30px; }
  .visual_area .info_area .card_info dl::after { content: ""; display: table; clear: both; }
  .visual_area .info_area .card_info dl dt { float: left; /* color:#333; */ display: inline-block; }
  .visual_area .info_area .card_info dl dd { float: right; font-size: 28px; }
  .visual_area .info_area .card_info dl:first-child { margin-top: 0; }
  .visual_area .info_area .guide_info { margin-left: -3%; margin-right: -3%; padding: 27px 3% 27px 3%; }
  .visual_area .info_area .member_info { background-color: #666; margin-left: -3%; margin-right: -3%; padding: 27px 3% 27px 3%; }
  .visual_area .info_area .member_info h3 a { float: right; margin-top: 5px; }
  .visual_area .chart_area { width: 100% !important; padding-bottom: 40px; float: none; }
  .visual_area .chart_area h3 a { float: right; margin-top: 5px; }
  .visual_area .chart_area .graph { text-align: center; } }

.visual_area.no_card { background: #333 url("../../img/front/cashbee/visual_mycard02.jpg") center 0 repeat-x; height: auto; }
.visual_area.no_card .info_area { z-index: 1; position: relative; padding-top: 45px; width: 100%; }
.visual_area.no_card .info_area .card_info { margin-top: 0; padding-bottom: 15px; }
.visual_area.no_card .info_area .member_info { margin-top: 70px; padding-bottom: 20px; }
.visual_area.no_card .info_area .member_info::after { content: ""; display: table; clear: both; }
.visual_area.no_card .info_area .member_info h3 { float: left; margin-right: 50px; }
.visual_area.no_card .info_area .member_info ul { float: left; margin-top: 0; }
.visual_area.no_card .info_area .member_info ul::after { content: ""; display: table; clear: both; }
.visual_area.no_card .info_area .member_info ul li { float: left; width: 260px; text-align: center; }
.visual_area.no_card .info_area .member_info ul li span { min-width: auto; }
.visual_area.no_card .info_area .member_info ul li strong { margin-left: 20px; }
.visual_area.no_card .info_area .member_info ul li strong:after { top: 9px; left: -10px; width: 2px; background-color: #797a78; }
.visual_area.no_card .info_area .guide_info { text-align: center; }
.visual_area.no_card .info_area .guide_info p, .visual_area.no_card .info_area .guide_info p span { font-weight: 700; color: #333; font-size: 20px; }
.visual_area.no_card .info_area .guide_info .ref_img { margin-top: 45px; }
.visual_area.no_card .info_area .guide_info ul { width: 555px; margin: 15px auto 25px; }
.visual_area.no_card .info_area .guide_info ul::after { content: ""; display: table; clear: both; }
.visual_area.no_card .info_area .guide_info ul li { font-weight: 700; font-size: 16px; color: #333; }
@media (max-width: 800px) { .visual_area.no_card { margin-top: 0 !important; background: #f7f7f7; height: auto; }
  .visual_area.no_card .info_area { padding-top: 0; }
  .visual_area.no_card .info_area .card_info dl dt { color: #333; }
  .visual_area.no_card .info_area .member_info { margin-top: 0; }
  .visual_area.no_card .info_area .member_info h3 { float: none; margin-right: 0; }
  .visual_area.no_card .info_area .member_info ul { float: none; }
  .visual_area.no_card .info_area .member_info ul li { width: auto; margin-top: 4px; float: none; text-align: left; }
  .visual_area.no_card .info_area .member_info ul li span { min-width: 110px; }
  .visual_area.no_card .info_area .member_info ul li strong { margin-left: 0; }
  .visual_area.no_card .info_area .guide_info { background-color: #ffba4a; margin-top: 25px; padding-top: 27px 3% 45px 3%; }
  .visual_area.no_card .info_area .guide_info p { margin-top: 15px; }
  .visual_area.no_card .info_area .guide_info .ref_img { margin-top: 20px; }
  .visual_area.no_card .info_area .guide_info .ref_img img { width: 100%; max-width: 492px; }
  .visual_area.no_card .info_area .guide_info .ref_img .img2 { width: 100%; max-width: 308px; } }

/* ------------------------------------
* 신청 조회 완료 이미지 아이콘 : 
*------------------------------------*/
.icon_card_img { display: inline-block; width: 124px; height: 129px; background: url("../../img/front/common/icon_card.png") 0 0 no-repeat; }

.icon_card_child { display: inline-block; width: 114px; height: 129px; background: url("../../img/front/common/icon_card_child.png") 0 0 no-repeat; }

.icon_card_lpoint { display: inline-block; width: 90px; height: 93px; background: url("../../img/front/common/icon_card_lpoint.png") 0 0 no-repeat; }

.icon_card_faq { display: inline-block; width: 77px; height: 82px; background: url("../../img/front/common/icon_card_faq.png") 0 0 no-repeat; }

.icon_card_1to1 { display: inline-block; width: 79px; height: 82px; background: url("../../img/front/common/icon_card_1to1.png") 0 0 no-repeat; }

/* ------------------------------------
* 캐시비서비스 > 캐시비카드 종류 
*------------------------------------*/
/* 목록 : service/HPCB0720  */
.card_category { position: relative; background: #000 center center; background-size: 100% 100%; -webkit-background-size: 100% 100%; }
.card_category .img_area { margin: 0 auto; text-align: center; }
.card_category .vod_area { position: absolute; top: 30px; right: 20px; width: 426px; height: 240px; }
.card_category .btn_area { position: absolute; left: 40px; bottom: 40px; }
@media (max-width: 800px) { .card_category .vod_area { position: relative; top: inherit; right: inherit; width: 300px; height: auto; margin: -180px auto 0; }
  .card_category .btn_area { position: relative; left: inherit; bottom: inherit; padding: 10px 0 30px; width: 300px; margin: 0 auto; } }

/* 상세 : service/HPCB0730  */
.card_service.visual_area { background: url("../../img/front/cashbee/visual_cardservice04.jpg") center 0; }
.card_service.visual_area.bgtype_child { background: url("../../img/front/cashbee/visual_cardservice01.jpg") center 0; }
.card_service.visual_area.bgtype_youth { background: url("../../img/front/cashbee/visual_cardservice02.jpg") center 0; }
.card_service.visual_area.bgtype_public { background: url("../../img/front/cashbee/visual_cardservice03.jpg") center 0; }
.card_service.visual_area.bgtype_mix { background: url("../../img/front/cashbee/visual_cardservice04.jpg") center 0; }
.card_service.visual_area { position: relative; height: 520px; margin: 0 auto; }
.card_service.visual_area .card_title { position: absolute; width: 100%; top: 34px; left: 0; line-height: 33px; font-size: 30px; font-weight: bold; text-align: center; color: #fff; }
.card_service.visual_area .card_img { padding-top: 115px; text-align: center; }
.card_service.visual_area .card_img img { width: 400px; }
@media (max-width: 800px) { .card_service.visual_area .card_img img { width: 300px; } }
.card_service.visual_area .sns_area { width: 380px; margin: 10px auto 0; }
.card_service.visual_area .sns_area::after { content: ""; display: table; clear: both; }
.card_service.visual_area .sns_area strong { color: #fff; font-size: 18px; font-weight: 700; }
@media (max-width: 800px) { .card_service.visual_area { height: 450px; }
  .card_service.visual_area .card_img img { width: 300px; }
  .card_service.visual_area .sns_area { width: 280px; } }
.card_service.section { margin-top: -55px; background-color: #fff; }
.card_service.section .box { padding-bottom: 20px; }
.card_service.section h3 { padding-top: 14px; padding-bottom: 5px; position: relative; font-size: 16px; text-align: center; }
.card_service.section h3:after { position: absolute; content: ""; zoom: 1; left: 50%; bottom: 0; width: 20px; height: 2px; margin-left: -9px; background-color: #666; }

/* ------------------------------------
* 캐시비서비스 > L.POINT 사용안내 : service/HPCB0840
*------------------------------------*/
.lpoint_guide.head_title { font-size: 20px; text-align: center; color: #333; }
@media (max-width: 800px) { .lpoint_guide.head_title { font-size: 18px; } }
.lpoint_guide.visual { padding-top: 26px; text-align: center; }
.lpoint_guide.visual img { width: 668px; }
@media (max-width: 800px) { .lpoint_guide.visual img { width: 100%; } }
.lpoint_guide.box .div3 { padding-top: 17px; text-align: center; }
.lpoint_guide.box .div3 strong { display: block; text-align: center; color: #333; }
.lpoint_guide.box .div3 .explain { margin-top: 7px; }
.lpoint_guide.box .div3 .bg1 { background: url("../../img/front/cashbee/icon_lpoint_guide01.png") 0 0 no-repeat; width: 63px; height: 73px; }
.lpoint_guide.box .div3 .bg2 { background: url("../../img/front/cashbee/icon_lpoint_guide02.png") 0 0 no-repeat; width: 63px; height: 73px; }
.lpoint_guide.box .div3 .bg3 { background: url("../../img/front/cashbee/icon_lpoint_guide03.png") 0 0 no-repeat; width: 42px; height: 73px; }

/* ------------------------------------
* 캐시비서비스 > 도난/분실 안심 서비스 안내 : service/HPCB0640
*------------------------------------*/
.safe_visual { position: relative; height: 290px; /* padding:50px; */ }
.safe_visual .bg_safe::after { content: ""; display: table; clear: both; }
.safe_visual .bg_safe p { position: absolute; top: 90px; padding: 140px 0 0 0; text-align: center; width: 120px; /* strong{margin-top:200px;} */ }
.safe_visual .bg_safe p.bg_safe01 { background: url("../../img/front/cashbee/bg_safe_vi01.png") center center no-repeat; left: 300px; }
.safe_visual .bg_safe p.bg_safe03 { background: url("../../img/front/cashbee/bg_safe_vi03.png") center center no-repeat; right: 300px; }
.safe_visual .desc, .safe_visual .desc span { font-size: 20px; color: #333; vertical-align: bottom; }
@media (max-width: 800px) { .safe_visual { padding: 0 10px; height: auto; }
  .safe_visual .desc, .safe_visual .desc span { font-size: 20px; line-height: 30px; }
  .safe_visual .bg_safe .bg_safe01, .safe_visual .bg_safe .bg_safe03 { display: none; } }

/* ------------------------------------
* 캐시비서비스 > 사용안내 : service/HPCB0660
*------------------------------------*/
.guide_visual .slider_bg .owl-controls { display: none; }
.guide_visual .slider .owl-controls { width: 470px; margin: 0 auto; }
.guide_visual .slider .owl-controls .owl-nav { display: none; }
.guide_visual .slider .owl-controls .owl-dots { margin-top: 15px; margin-left: 33px; }
.guide_visual .slider .owl-controls .owl-dots .owl-dot { float: left; width: 19px; height: 19px; margin: 0 6px; }
.guide_visual .slider .owl-controls .owl-dots .owl-dot.active { background-color: #fff; border: 4px solid #333; border-radius: 20px; }
.guide_visual .visual_wrap { position: relative; }
.guide_visual .visual_wrap .bd_line { z-index: 99; position: absolute; bottom: 0; width: 100%; border-bottom: 2px solid #666; }
.guide_visual .visual_wrap .point_area { position: relative; z-index: 20; }
.guide_visual .visual_wrap .point_area .title { text-align: center; margin-top: -8px; margin-bottom: 20px; }
.guide_visual .visual_wrap .point_area .title span { font-weight: 700; font-size: 30px; line-height: 35px; color: #333; }
.guide_visual .visual_wrap .point_area .man { position: absolute; left: 50%; top: 114px; margin-left: -100px; }
.guide_visual .visual_wrap .slider { z-index: 10; }
.guide_visual .visual_wrap .slider_bg { z-index: 9; position: absolute; top: 90px; left: 0; }
.guide_visual .control_wrap { margin: 0 auto; text-align: center; }
.guide_visual .control_wrap .control_bar { position: relative; width: 470px; margin: 0 auto; }
.guide_visual .control_wrap .control_bar .bd_line { position: absolute; left: 2px; right: 2px; top: 7px; border-bottom: 4px solid #333; }
.guide_visual .control_wrap .control_bar a { float: left; width: 26px; height: 26px; background-color: #ffba4a; border: 1px solid #ffba4a; border-radius: 20px; }
.guide_visual .control_wrap .control_bar a i { color: #fff; font-size: 20px; line-height: 24px; }
.guide_visual .control_wrap .control_bar .prev_btn { position: absolute; top: -4px; left: 0; }
.guide_visual .control_wrap .control_bar .next_btn { position: absolute; top: -4px; right: 0; }
.guide_visual .control_wrap .desc .time small { font-size: 12px; margin-top: -10px; line-height: 45px; vertical-align: top; color: #333; }
.guide_visual .control_wrap .desc .time span { font-size: 30px; font-weight: 700; color: #333; }
.guide_visual .control_wrap .desc .title { font-size: 16px; color: #333; }
@media (max-width: 500px) { .guide_visual .slider .owl-controls { width: 300px; }
  .guide_visual .slider .owl-controls .owl-dots { margin-left: 27px; }
  .guide_visual .slider .owl-controls .owl-dots .owl-dot { margin: 0 auto; }
  .guide_visual .control_wrap .control_bar { width: 300px; } }

.guide_content > li { position: relative; padding: 0 0 0 110px; margin-bottom: 50px; }
.guide_content > li::after { content: ""; display: table; clear: both; }
.guide_content > li > i { position: absolute; top: 0; left: 0; display: block; }
.guide_content > li dl { min-height: 80px; }
.guide_content > li dl dt { font-weight: 700; color: #333; font-size: 16px; }
.guide_content > li dl dd .thum_img { margin-top: 20px; }
.guide_content > li dl dd .thum_img li { position: relative; text-align: center; min-height: 140px; }
.guide_content > li dl dd .thum_img li strong { position: absolute; left: 0; bottom: 0; display: block; width: 100%; text-align: center; color: #666; }
@media (max-width: 800px) { .guide_content > li { padding: 0 0 0 60px; }
  .guide_content > li > i { top: -15px; }
  .guide_content > li dl { max-height: auto; }
  .guide_content > li dl dd { margin-top: 20px; margin-left: -60px; } }

/* ------------------------------------
* 캐시비서비스 > 캐시비와 함께하는 하루: service/HPCB0660
*------------------------------------*/
.pay_cashbee { overflow: hidden; padding: 0 0 0 60px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.pay_cashbee li { position: relative; float: left; width: 210px; min-height: 256px; margin: 0 86px 50px 0; }
.pay_cashbee li .img_wrap { text-align: center; position: absolute; width: 100%; bottom: 0; margin: 0 auto; vertical-align: bottom; }
.pay_cashbee li .img_wrap img { text-align: center; }
.pay_cashbee li .mb_arrow { width: 24px; height: 29px; position: absolute; top: 50%; right: 0; margin: -15px -55px 0 0; background: url("../../img/front/cashbee/bg_postbar.png") 0 0 no-repeat; }
@media (max-width: 800px) { .pay_cashbee { overflow: auto; width: 100%; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .pay_cashbee .img3 { width: 874px; }
  .pay_cashbee .img4 { width: 1000px; }
  .pay_cashbee .img5 { width: 1514px; }
  .pay_cashbee .img6 { width: 2000px; }
  .pay_cashbee li:nth-child(3n) { margin-right: 86px; }
  .pay_cashbee li:last-child { margin-right: 0; } }

.pay_cashbee.type_mobile { padding: 0; }
.pay_cashbee.type_mobile li { width: 185px; }
.pay_cashbee.type_mobile li:last-child { margin-right: 0; }

/* ------------------------------------
* 캐시비서비스 >카드소개 : service/HPCB0830
*------------------------------------*/
.process_arrow { width: 24px; height: 29px; position: absolute; top: 50%; right: -10px; margin: 0; background: url("../../img/front/cashbee/bg_postbar.png") 0 0 no-repeat; }

.section.cbcard_intro .btn_box .box_in { padding-bottom: 20px; background-color: #f7f7f7; }
.section.cbcard_intro .btn_box .box_in .icon { overflow: hidden; width: 80px; height: 70px; margin: 40px 0 20px; background: url("../../img/front/cashbee/service_introduce/icon_introcashbee.png") 0 0 no-repeat; }
.section.cbcard_intro .btn_box .box_in .icon02 { background-position: 0 -80px; }
.section.cbcard_intro .btn_box .box_in .icon03 { background-position: 0 -170px; }
@media (max-width: 800px) { .section.cbcard_intro .btn_box .box_in { vertical-align: middle; padding: 30px 0 0px; }
  .section.cbcard_intro .btn_box .box_in .icon { display: inline-block; width: 100px; margin-top: -5px; }
  .section.cbcard_intro .btn_box .box_in p { display: inline-block; } }

.card_sort { position: relative; text-align: center; }
.card_sort::after { content: ""; display: table; clear: both; }
.card_sort.num2 { padding: 0 150px; }
.card_sort.num2 li { width: 50%; float: left; }
.card_sort.num2 li:last-child { width: 50%; float: right; margin-right: 0; }
@media (max-width: 800px) { .card_sort.num2 { padding: 0; }
  .card_sort.num2 li, .card_sort.num2 li:last-child { width: 100%; float: left; margin-top: 20px; text-align: center; } }
.card_sort.num3 li { width: 33.33333%; float: left; }
@media (max-width: 800px) { .card_sort.num3 li, .card_sort.num3 li:nth-child(3n) { width: 100%; float: left; margin-top: 20px; text-align: center; } }
.card_sort.num4 li { width: 25%; float: left; }
.card_sort.num4 li:last-child { width: 25%; float: right; margin-right: 0; }
@media (max-width: 800px) { .card_sort.num4 li, .card_sort.num4 li:last-child { width: 100%; float: left; margin-top: 20px; text-align: center; } }
.card_sort .img_wrap { position: relative; }
.card_sort .title { margin-top: 5px; display: block; text-align: center; }

.card_sort.company { position: relative; padding: 0 20px; }
.card_sort.company::after { content: ""; display: table; clear: both; }
.card_sort.company li { width: 50%; float: left; }
.card_sort.company li:last-child { width: 50%; float: right; margin-right: 0; }
@media (max-width: 800px) { .card_sort.company li, .card_sort.company li:last-child { width: auto; float: none; display: inline-block; } }
@media (max-width: 550px) { .card_sort.company { padding: 0; }
  .card_sort.company li { width: 50%; float: left; padding-right: 5px; }
  .card_sort.company li img { display: block; width: 100%; max-width: 100%; height: auto; }
  .card_sort.company li:last-child { width: 50%; float: right; margin-right: 0; } }

.card_sort.partner_guide li { position: relative; }
.card_sort.partner_guide li .img_wrap { position: relative; height: 180px; }
.card_sort.partner_guide li .img_wrap .label_o { position: absolute; top: 0; right: 50%; margin-right: -72px; width: 46px; height: 46px; background-color: #009999; color: #fff; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; line-height: 46px; }
.card_sort.partner_guide li .img_wrap .label_o.red { background-color: #d6400b; }
.card_sort.partner_guide li:after { position: absolute; content: ""; zoom: 1; width: 24px; height: 29px; top: 76px; right: -10px; margin: 0; background: url("../../img/front/cashbee/bg_postbar.png") 0 0 no-repeat; }
.card_sort.partner_guide li:last-child:after { background: none; }
.card_sort.partner_guide.arr_top50 li:after { top: 50px; }
@media (max-width: 800px) { .card_sort.partner_guide li, .card_sort.partner_guide li:last-child, .card_sort.partner_guide.arr_top50 li { padding-top: 50px; }
  .card_sort.partner_guide li:after, .card_sort.partner_guide li:last-child:after, .card_sort.partner_guide.arr_top50 li:after { position: absolute; content: ""; zoom: 1; width: 29px; height: 24px; top: 0; right: 50%; margin-right: -14px; background: url("../../img/front/cashbee/bg_postbar_bottom.png") 0 0 no-repeat; }
  .card_sort.partner_guide li:first-child { padding-top: 0; }
  .card_sort.partner_guide li:first-child:after { background: none; } }

/* ------------------------------------
* 이비카드 >사회공헌 : HPEB0130
*------------------------------------*/
.csr_list { margin-top: -20px; }
.csr_list::after { content: ""; display: table; clear: both; }
.csr_list li { position: relative; width: 50%; float: left; margin: 20px 0; }
.csr_list li h4 { font-size: 20px; font-weight: 700; color: #333; }
.csr_list li .img_area { margin-top: 15px; }
.csr_list li .desc_box { max-width: 490px; }
.csr_list li .desc_box strong { color: #333; padding: 15px 0 10px; }
@media (max-width: 800px) { .csr_list li { width: 100%; float: left; margin-left: 0; margin-right: 0; max-width: 500px; } }
@media (max-width: 500px) { .csr_list li .img_area img { display: block; width: 100%; max-width: 100%; height: auto; } }

.csretc_list { margin-top: -20px; }
.csretc_list::after { content: ""; display: table; clear: both; }
.csretc_list li { position: relative; width: 25%; float: left; margin: 20px 0; }
.csretc_list li .img_area { margin-top: 15px; }
.csretc_list li .desc_box { max-width: 240px; }
.csretc_list li .desc_box strong { color: #333; padding: 15px 0 0; }
.csretc_list li .desc_box .date { color: #666; padding: 0 0 10px; font-size: 12px; }
@media (max-width: 800px) { .csretc_list li { width: 50%; float: left; max-width: 250px; } }
@media (max-width: 550px) { .csretc_list li { width: 46%; margin: 0 1%; }
  .csretc_list li .img_area img { display: block; width: 100%; max-width: 100%; height: auto; } }

.cblogin_area .input_area { position: relative; }
.cblogin_area .input_area .icon_txt { display: block; width: 245px; height: 160px; background: url("../../img/front/cashbee/bg_log.png") 0 0 no-repeat; }
.cblogin_area .input_area .btn_link { width: 159px; height: 171px; text-align: center; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; font-weight: bold; }
.cblogin_area .input_area .btn_link span { display: block; width: 48px; height: 54px; background: url("../../img/front/cashbee/icon_cbbtn.png") 0 0 no-repeat; margin: 26px auto 25px; }
.cblogin_area .input_area .btn_link.btn_phone span { background-position: -49px 0; }
.cblogin_area .input_area .log_input01 input { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; height: 50px; line-height: 50px; background: url("../../img/front/common/bg_loginput.png") 95% 16px no-repeat; }
.cblogin_area .input_area .log_input01 .id_input01 { margin-bottom: 9px; }
@media (min-width: 0) { .cblogin_area .input_area { width: 100%; }
  .cblogin_area .input_area .icon_txt { /* width:100%;height:169px;margin-bottom:9px; */ display: none; }
  .cblogin_area .input_area .btn_link { width: 49%; height: 171px; text-align: center; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; margin-bottom: 30px; }
  .cblogin_area .input_area .btn_link.btn_phone { position: absolute; top: 0; right: 0; }
  .cblogin_area .input_area .log_input01 input { width: 100%; }
  .cblogin_area .input_area .log_input01 .pass_input01 { background-position: 95% -45px; margin-bottom: 20px; }
  .cblogin_area .input_area .log_input01 input[type=checkbox] + label { margin-bottom: 20px; }
  .cblogin_area .input_area .log_input01 .btn_login { display: block; width: 100%; font-size: 18px; text-align: center; vertical-align: middle; color: #fff; font-weight: bold; padding: 10px 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
  .cblogin_area .input_area .log_input01 .btn_search { overflow: hidden; margin-top: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .cblogin_area .input_area .log_input01 .btn_search a { width: 49%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-width: auto; margin-bottom: 10px; }
  .cblogin_area .input_area .log_input01 .btn_search a + a { float: right; }
  .cblogin_area .input_area .log_input01 .btn_search .btn_mo_full { width: 100%; }
  .cblogin_area .input_area .log_input01 .fb_login { border-top: solid 1px #ccc; padding: 20px 0 0 0; }
  .cblogin_area .input_area .log_input01 .fb_login strong { display: none; }
  .cblogin_area .input_area .log_input01 .fb_login .btn_facebook { background: url("../../img/front/cashbee/icon_face.png") 0 0 no-repeat #3f69b2; color: #fff; width: 100%; text-align: center; height: 38px; line-height: 38px; float: right; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } }
@media (min-width: 800px) { .cblogin_area .input_area { margin: 100px auto; width: 880px; height: 250px; }
  .cblogin_area .input_area .icon_txt { position: absolute; top: 0; left: 0; width: 282px; height: 196px; display: block; }
  .cblogin_area .input_area .btn_link { width: 159px; height: 171px; position: absolute; }
  .cblogin_area .input_area .btn_link.btn_phone { top: 0; left: 168px; }
  .cblogin_area .input_area .log_input01 { margin-left: 384px; width: 496px; position: relative; }
  .cblogin_area .input_area .log_input01 input { width: 372px; }
  .cblogin_area .input_area .log_input01 .pass_input01 { background-position: 337px -45px; }
  .cblogin_area .input_area .log_input01 input[type=checkbox] + label { position: absolute; top: 136px; left: 0px; }
  .cblogin_area .input_area .log_input01 .btn_login { position: absolute; top: 0; right: 0; display: block; width: 113px; font-size: 18px; text-align: center; vertical-align: middle; color: #fff; font-weight: bold; padding: 38px 0 39px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
  .cblogin_area .input_area .log_input01 .btn_search { position: absolute; top: 133px; right: 0; /* width:367px; */ margin-top: 0; text-align: right; }
  .cblogin_area .input_area .log_input01 .btn_search a { width: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-width: auto; margin-bottom: 10px; letter-spacing: -1px; }
  .cblogin_area .input_area .log_input01 .btn_search a + a { float: none; }
  .cblogin_area .input_area .log_input01 .btn_search .btn_mo_full { width: auto; }
  .cblogin_area .input_area .log_input01 .fb_login { position: absolute; top: 190px; right: 0; border-top: solid 1px #ccc; padding: 20px 0 0 0; width: 496px; }
  .cblogin_area .input_area .log_input01 .fb_login strong { font-size: 16px; color: #333; line-height: 38px; display: inline-block; }
  .cblogin_area .input_area .log_input01 .fb_login .btn_facebook { background: url("../../img/front/cashbee/icon_face.png") 0 0 no-repeat #3f69b2; color: #fff; width: 367px; text-align: center; height: 38px; line-height: 38px; float: right; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } }

.lp_box { border: solid 1px #ececec; text-align: center; }
.lp_box span { display: block; width: 58px; height: 79px; background: url("../../img/front/common/bg_login.png") -5px 0 no-repeat; margin: 61px auto 40px; }
.lp_box .lp_txt { margin: 0 0 30px; }
.lp_box .lp_btnarea { margin: 0 0 50px; }
@media (min-width: 0) { .lp_box .lp_btnarea a { width: 48%; } }
@media (min-width: 800px) { .lp_box .lp_btnarea a { width: auto; } }

.cb_ovhidden { overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.cb_ovhidden .cb_half { float: left; margin-right: 2%; width: 49%; }
.cb_ovhidden .cb_half .box { position: relative; height: 375px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 20px 20px 50px; }
.cb_ovhidden .cb_half .box .cb_halftit { font-weight: bold; color: #333; margin: -6px 0 8px; letter-spacing: -1px; }
.cb_ovhidden .cb_half .box .cb_halftxt { letter-spacing: -1px; }
.cb_ovhidden .cb_half .box .cb_input { margin: 24px 0 20px 1px; }
.cb_ovhidden .cb_half .box .cb_input input { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; height: 38px; line-height: 38px; background: url("../../img/front/common/bg_loginput.png") 95% 8px no-repeat; width: 100%; }
.cb_ovhidden .cb_half .box .cb_link a { display: inline-block; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; border-color: #ccc; width: 49%; height: 169px; text-align: center; }
.cb_ovhidden .cb_half .box .cb_link a span { display: block; width: 48px; height: 54px; margin: 37px auto 20px; background: url("../../img/front/cashbee/icon_key.png") 0 0 no-repeat; }
.cb_ovhidden .cb_half .box .link01, .cb_ovhidden .cb_half .box .link02 { margin-top: 82px; }
.cb_ovhidden .cb_half .box .link02 { float: right; }
.cb_ovhidden .cb_half .box .link02 span { background-position: -49px 0 !important; }
.cb_ovhidden .cb_half .box .link03 span { background-position: -98px 0 !important; }
.cb_ovhidden .cb_half .box .link04 { float: right; }
.cb_ovhidden .cb_half .box .link04 span { background-position: -147px 0 !important; }
.cb_ovhidden .cb_half + .cb_half { margin: 0; }

@media (max-width: 800px) { .cb_ovhidden .cb_half { width: 100%; }
  .cb_ovhidden .cb_half + .cb_half .title_box { margin-top: 45px; }
  .cb_ovhidden .cb_half .box { padding: 20px 10px 50px; height: auto; }
  .cb_ovhidden .cb_half .box .cb_halftit { margin-bottom: 10px; }
  .cb_ovhidden .cb_half .box .link01, .cb_ovhidden .cb_half .box .link02 { margin-top: 60px; }
  .cb_ovhidden .cb_half + .cb_half { margin: 0; } }
.cb_idresult { text-align: center; padding: 22px 0 30px; }
.cb_idresult .cb_idrsTxt { font-size: 20px; text-decoration: underline; color: #333; margin-bottom: 21px; }
.cb_idresult .cb_idrsTit { font-size: 25px; font-weight: bold; color: #333; margin-bottom: -2px; line-height: 1.4em; }
.cb_idresult .cb_idrsInfo { margin: 11px 0 15px; }
.cb_idresult .cb_idrsSTit { font-size: 20px; color: #333; margin-bottom: 18px; }
.cb_idresult .cb_idrsList { overflow: hidden; width: 740px; margin: 0 auto 24px; }
.cb_idresult .cb_idrsList li { float: left; width: 25%; position: relative; }
.cb_idresult .cb_idrsList li span { display: block; width: 68px; height: 76px; background: url("../../img/front/cashbee/icon_join.png") 0 0 no-repeat; margin: 0 auto 11px; }
.cb_idresult .cb_idrsList li .idrs_icon02 { background-position: -69px 0; }
.cb_idresult .cb_idrsList li .idrs_icon03 { background-position: -138px 0; }
.cb_idresult .cb_idrsList li .idrs_icon04 { background-position: -207px 0; }
.cb_idresult .cb_idrsList li .bar { display: block; width: 1px; height: 47px; background: #ccc; position: absolute; top: 50%; right: 0; margin: -28px -1px 0 0; }
.cb_idresult .cb_idrsPtit { font-size: 20px; color: #333; letter-spacing: -1px; }
.cb_idresult .cb_idrsPtit span { font-size: 20px; }

@media (max-width: 800px) { .cb_idresult { padding: 18px 10px 30px; }
  .cb_idresult .cb_idrsTit { font-size: 20px; }
  .cb_idresult .cb_idrsSTit { font-size: 18px; }
  .cb_idresult .cb_idrsList { overflow: hidden; margin: 0 auto 24px; width: auto; }
  .cb_idresult .cb_idrsList li { width: 50%; }
  .cb_idresult .cb_idrsList li:after { position: absolute; left: 3%; bottom: -5px; width: 95%; height: 1px; background: #ccc; content: ''; }
  .cb_idresult .cb_idrsList .even .bar { display: none; }
  .cb_idresult .cb_idrsList li:first-child, .cb_idresult .cb_idrsList .even { margin-bottom: 15px; }
  .cb_idresult .cb_idrsPtit { font-size: 16px; color: #333; letter-spacing: -1px; }
  .cb_idresult .cb_idrsPtit span { font-size: 16px; } }
.bg_idrsGray { background: #f7f7f7; }

.cb_sale { text-align: center; padding: 42px 10px 50px; }
.cb_sale .cb_saleTit { font-size: 30px; color: #333; margin-bottom: -2px; line-height: 1.4em; }
.cb_sale .cb_saleTit span { font-size: 30px; }
.cb_sale .cb_saleInfo { margin: 11px 0 35px; }
.cb_sale .cb_saleList { overflow: hidden; width: 100%; max-width: 570px; margin: 0 auto 44px; }
.cb_sale .cb_saleList li { float: left; width: 33.3333%; position: relative; font-weight: bold; }
.cb_sale .cb_saleList li span { display: block; width: 89px; height: 93px; background: url("../../img/front/cashbee/icon_new.png") 0 0 no-repeat; margin: 0 auto 11px; }
.cb_sale .cb_saleList li .sale_icon01 { background-position: -179px 0; }
.cb_sale .cb_saleList li .sale_icon02 { background-position: -89px 0; }
.cb_sale .cb_saleList li .sale_icon03 { background-position: -179px -94px; }
.cb_sale .cb_saleList li .bar { display: block; width: 14px; height: 47px; background: url("../../img/front/cashbee/bar_join.png") 0 0 no-repeat; position: absolute; top: 50%; right: 0; margin: -28px -7px 0 0; }
.cb_sale .cb_saleList1 { overflow: hidden; width: 100%; max-width: 570px; margin: 0 auto 44px; }
.cb_sale .cb_saleList1 li { float: left; width: 33.3333%; position: relative; font-weight: bold; }
.cb_sale .cb_saleList1 li span { display: block; width: 82px; height: 92px; background: url("../../img/front/cashbee/icon_new2.png") 0 0 no-repeat; margin: 0 auto 11px; }
.cb_sale .cb_saleList1 li .sale_icon02 { background-position: -84px 0; }
.cb_sale .cb_saleList1 li .sale_icon03 { background-position: -168px 0; }
.cb_sale .cb_saleList1 li .bar { display: block; width: 14px; height: 47px; background: url("../../img/front/cashbee/bar_join.png") 0 0 no-repeat; position: absolute; top: 50%; right: 0; margin: -28px -7px 0 0; }

@media (max-width: 800px) { .cb_saleList li span { width: 60px !important; height: 63px !important; background: url("../../img/front/cashbee/icon_new.png") 0 0 no-repeat !important; margin: 0 auto 11px !important; background-size: 180px 126px !important; }
  .cb_saleList li .sale_icon01 { background-position: -121px 0 !important; }
  .cb_saleList li .sale_icon02 { background-position: -60px 0 !important; }
  .cb_saleList li .sale_icon03 { background-position: -121px -63px !important; }
  .cb_saleList1 li span { width: 57px !important; height: 63px !important; background: url("../../img/front/cashbee/icon_new2.png") 0 0 no-repeat !important; margin: 0 auto 11px !important; background-size: 171px 63px !important; }
  .cb_saleList1 li .sale_icon02 { background-position: -57px 0 !important; }
  .cb_saleList1 li .sale_icon03 { background-position: -115px 0 !important; } }
/** Main */
/* ---------------------
택시,전기차 메인 ---------------------*/
.main_pop { background: #f5b54b; /* &>.btn_close{
	background:#f5b54b;padding:2px 19px 3px;position:absolute;bottom:-30px;left:50%;margin-left:-85px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;z-index:10;color:#333;
		&:hover{text-decoration:none;
	}
} */ }
.main_pop .section_wrap, .main_pop .title_box, .main_pop .head_box { position: relative; /* &>.btn_close{background:#f5b54b;padding:2px 19px 3px;position:absolute;bottom:-30px;left:50%;margin-left:-85px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;z-index:10;color:#333;
	&:hover{text-decoration:none;}
} */ }
.main_pop .section_wrap ul, .main_pop .title_box ul, .main_pop .head_box ul { overflow: hidden; }
.main_pop .section_wrap ul::after, .main_pop .title_box ul::after, .main_pop .head_box ul::after { content: ""; display: table; clear: both; }
.main_pop .section_wrap ul li, .main_pop .title_box ul li, .main_pop .head_box ul li { float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 50px 40px 50px 124px; background: url("../../img/front/main/cbtaxi/bar_mainvisual.png") right top repeat-y; position: relative; color: #333; font-size: 16px; letter-spacing: -2px; }
.main_pop .section_wrap ul li a, .main_pop .title_box ul li a, .main_pop .head_box ul li a { font-size: 16px; color: #333; display: block; min-height: 96px; /* .tp_icon{width:93px;height:96px;background:url($imgpath + 'cashbee/guide_mycard02.png') 0 0  no-repeat;background-size:366px 96px;position:absolute;top:45px;left:15px;}
.tp_icon02{background-position:-137px 0;}
.tp_icon03{background-position:-274px 0;} */ }
.main_pop .section_wrap ul li a:hover, .main_pop .title_box ul li a:hover, .main_pop .head_box ul li a:hover { text-decoration: none; }
.main_pop .section_wrap ul li a .tp_icon, .main_pop .title_box ul li a .tp_icon, .main_pop .head_box ul li a .tp_icon { width: 93px; height: 96px; position: absolute; top: 45px; left: 15px; }
.main_pop .section_wrap ul li a .tp_txt, .main_pop .title_box ul li a .tp_txt, .main_pop .head_box ul li a .tp_txt { display: block; overflow: hidden; white-space: normal; height: 5.4em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.main_pop .section_wrap ul li:last-child, .main_pop .title_box ul li:last-child, .main_pop .head_box ul li:last-child { background: none; }
.main_pop .section_wrap .step3 li, .main_pop .title_box .step3 li, .main_pop .head_box .step3 li { width: 33.33333%; }
.main_pop .section_wrap .step2 li, .main_pop .title_box .step2 li, .main_pop .head_box .step2 li { width: 50%; }
.main_pop .section_wrap .step2 li .tp_txt, .main_pop .title_box .step2 li .tp_txt, .main_pop .head_box .step2 li .tp_txt { -webkit-line-clamp: 2; height: 3.6em; }
.main_pop .section_wrap .step1, .main_pop .title_box .step1, .main_pop .head_box .step1 { padding: 0 120px; }
.main_pop .section_wrap .step1 li, .main_pop .title_box .step1 li, .main_pop .head_box .step1 li { width: 100%; }
.main_pop .section_wrap .step1 li .tp_txt, .main_pop .title_box .step1 li .tp_txt, .main_pop .head_box .step1 li .tp_txt { display: block; -webkit-line-clamp: 2; height: 3.6em; }
@media (max-width: 800px) { .main_pop { background: #f7f7f7; }
  .main_pop .section_wrap, .main_pop .title_box, .main_pop .head_box { max-width: 100% !important; /* padding-bottom:30px; */ }
  .main_pop .section_wrap ul li, .main_pop .title_box ul li, .main_pop .head_box ul li { border-bottom: solid 1px #666; padding: 10px 20px; text-align: right; }
  .main_pop .section_wrap ul li a, .main_pop .title_box ul li a, .main_pop .head_box ul li a { width: 100%; min-height: 29px; /*.btn_info.btn_dark{color:rgba(0,0,0,0);position:absolute;top:0;left:0;width:100%;height:50px;background:rgba(0,0,0,0);border:none;}*/ }
  .main_pop .section_wrap ul li a .tp_txt, .main_pop .title_box ul li a .tp_txt, .main_pop .head_box ul li a .tp_txt { text-align: left; display: block; -webkit-line-clamp: 1 !important; height: 1.8em !important; width: 100%; }
  .main_pop .section_wrap ul li a .tp_icon, .main_pop .title_box ul li a .tp_icon, .main_pop .head_box ul li a .tp_icon { display: none; }
  .main_pop .section_wrap ul li a .btn_info.btn_dark, .main_pop .title_box ul li a .btn_info.btn_dark, .main_pop .head_box ul li a .btn_info.btn_dark { display: none; }
  .main_pop .section_wrap .step3, .main_pop .title_box .step3, .main_pop .head_box .step3, .main_pop .section_wrap .step2, .main_pop .title_box .step2, .main_pop .head_box .step2, .main_pop .section_wrap .step1, .main_pop .title_box .step1, .main_pop .head_box .step1 { padding: 0; }
  .main_pop .section_wrap .step3 li, .main_pop .title_box .step3 li, .main_pop .head_box .step3 li, .main_pop .section_wrap .step2 li, .main_pop .title_box .step2 li, .main_pop .head_box .step2 li, .main_pop .section_wrap .step1 li, .main_pop .title_box .step1 li, .main_pop .head_box .step1 li { width: 100%; }
  .main_pop .section_wrap .step3 li .tp_txt, .main_pop .title_box .step3 li .tp_txt, .main_pop .head_box .step3 li .tp_txt, .main_pop .section_wrap .step2 li .tp_txt, .main_pop .title_box .step2 li .tp_txt, .main_pop .head_box .step2 li .tp_txt, .main_pop .section_wrap .step1 li .tp_txt, .main_pop .title_box .step1 li .tp_txt, .main_pop .head_box .step1 li .tp_txt { -webkit-line-clamp: 2; height: 3.6em; } }

/* 
.main_pop{
	&>.section_wrap{z-index:11;}
	&>.btn_close{
		background:#f5b54b;padding:2px 19px 3px;position:absolute;bottom:-30px;left:50%;margin-left:-43px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;z-index:10;color:#333; @include transition(all .36s ease-in-out);
		i{display:inline-block;vertical-align:middle;font-weight:700;}
		&:hover{text-decoration:none;}
	}

	@include breakpoint(max-width $desktop-width){
		&>.btn_close{background:none;bottom:-30px;padding:3px 0;}
	}
}

.main_pop.close{
	&>.section_wrap{}
	&>.btn_close{bottom:40px; @include transition(all .36s ease-in-out);}

	@include breakpoint(max-width $desktop-width){
		&>.btn_close{bottom:20px;}
	}
} */
.main_pop { height: 0; margin-top: 0; }
.main_pop > .section_wrap, .main_pop > .title_box, .main_pop > .head_box { visibility: hidden; z-index: 11; }
.main_pop > .btn_wrap { position: relative; text-align: center; height: 31px; overflow: hidden; }
.main_pop > .btn_wrap > .btn_close { background: #f5b54b; padding: 2px 19px 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; z-index: 10; color: #333; position: absolute; top: -30px; left: 50%; margin-left: -44px; -webkit-transition: top 0.16s ease-in-out; -moz-transition: top 0.16s ease-in-out; transition: top 0.16s ease-in-out; }
.main_pop > .btn_wrap > .btn_close i { display: inline-block; vertical-align: middle; font-weight: 700; }
.main_pop > .btn_wrap > .btn_close:hover { text-decoration: none; }
.main_pop > .btn_wrap > .btn_close.is_motion { top: 0px; -webkit-transition: top 0.16s ease-in-out; -moz-transition: top 0.16s ease-in-out; transition: top 0.16s ease-in-out; }
@media (max-width: 800px) { .main_pop > .btn_wrap > .btn_close { background: #f7f7f7; padding: 0px 19px 2px; border: 1px solid #ececec; border-top: none; } }

.ev_visual .section_wrap, .ev_visual .title_box, .ev_visual .head_box { overflow: hidden; }
.ev_visual .section_wrap .tvl_tit, .ev_visual .title_box .tvl_tit, .ev_visual .head_box .tvl_tit { padding-top: 55px !important; margin-bottom: 44px !important; }
.ev_visual .pc_mode input { width: 391px !important; }
.ev_visual .pc_mode .btn_green { position: absolute; top: 30px; right: 0 !important; }

.taxi_visual { margin-top: 0; }
.taxi_visual .section_wrap, .taxi_visual .title_box, .taxi_visual .head_box { overflow: hidden; }
.taxi_visual .section_wrap > ul > li, .taxi_visual .title_box > ul > li, .taxi_visual .head_box > ul > li { float: left; width: 33.33333%; height: 399px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: url("../../img/front/main/cbtaxi/bar_mainvisual.png") right top repeat-y; text-align: center; }
.taxi_visual .section_wrap > ul > li .tv_tit, .taxi_visual .title_box > ul > li .tv_tit, .taxi_visual .head_box > ul > li .tv_tit { font-size: 20px; font-weight: bold; color: #fff; display: block; background: url("../../img/front/main/cbtaxi/bg_visualtit.jpg") center bottom no-repeat; margin-top: 72px; }
.taxi_visual .section_wrap > ul > li .tv_price, .taxi_visual .title_box > ul > li .tv_price, .taxi_visual .head_box > ul > li .tv_price { font-size: 20px; font-weight: bold; color: #fff; display: block; margin-top: -12px; }
.taxi_visual .section_wrap > ul > li .tv_price > .cl_taxi, .taxi_visual .title_box > ul > li .tv_price > .cl_taxi, .taxi_visual .head_box > ul > li .tv_price > .cl_taxi { font-size: 50px; color: #f5b54b; letter-spacing: -1px; }
.taxi_visual .section_wrap > ul > li .tv_price > .cl_taxi.long_num, .taxi_visual .title_box > ul > li .tv_price > .cl_taxi.long_num, .taxi_visual .head_box > ul > li .tv_price > .cl_taxi.long_num { font-size: 40px; line-height: 90px; }
.taxi_visual .section_wrap > ul > li .tv_count, .taxi_visual .title_box > ul > li .tv_count, .taxi_visual .head_box > ul > li .tv_count { font-size: 20px; font-weight: bold; color: #fff; display: block; margin-top: -10px; }
.taxi_visual .section_wrap > ul > li .tv_date, .taxi_visual .title_box > ul > li .tv_date, .taxi_visual .head_box > ul > li .tv_date { color: #fff; display: block; margin: 15px 0 14px; }
.taxi_visual .section_wrap > ul li:last-child, .taxi_visual .title_box > ul li:last-child, .taxi_visual .head_box > ul li:last-child { background: none; }
.taxi_visual .section_wrap .tvl_tit, .taxi_visual .title_box .tvl_tit, .taxi_visual .head_box .tvl_tit { text-align: center; font-size: 40px; color: #fff; font-weight: bold; line-height: 1.4; padding-top: 115px; margin-bottom: 113px; }
.taxi_visual .section_wrap .tvl_tit font, .taxi_visual .title_box .tvl_tit font, .taxi_visual .head_box .tvl_tit font { background: url("../../img/front/main/cbtaxi/bg_visualtit.jpg") left bottom repeat-x; }
.taxi_visual .section_wrap .tvl_tit .cl_taxi, .taxi_visual .title_box .tvl_tit .cl_taxi, .taxi_visual .head_box .tvl_tit .cl_taxi { color: #f5b54b; }
.taxi_visual.col2 .section_wrap > ul > li, .taxi_visual.col2 .title_box > ul > li, .taxi_visual.col2 .head_box > ul > li { width: 49%; }
.taxi_visual.col2 .section_wrap > ul > li:nth-child(2), .taxi_visual.col2 .title_box > ul > li:nth-child(2), .taxi_visual.col2 .head_box > ul > li:nth-child(2) { background: none; }
.taxi_visual.col2 .section_wrap > ul > li:nth-child(3), .taxi_visual.col2 .title_box > ul > li:nth-child(3), .taxi_visual.col2 .head_box > ul > li:nth-child(3) { display: none; }
.taxi_visual .tvl_area { background: rgba(0, 0, 0, 0.3); }
.taxi_visual .pc_mode { position: relative; padding: 30px 0 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 132px; }
.taxi_visual .pc_mode input { height: 50px; line-height: 50px; width: 286px; }
.taxi_visual .pc_mode .inp_id { background: url("../../img/front/common/bg_loginput.png") 95% 16px no-repeat #fff; margin-right: 5px; }
.taxi_visual .pc_mode .inp_pass { background: url("../../img/front/common/bg_loginput.png") 95% -45px no-repeat #fff; }
.taxi_visual .pc_mode .id_check { color: #fff; margin-top: 9px; }
.taxi_visual .pc_mode .login_sub { position: absolute; bottom: 16px; left: 104px; }
.taxi_visual .pc_mode .login_sub li { float: left; }
.taxi_visual .pc_mode .login_sub li a { color: #fff; border-left: solid 2px #554f4d; height: 14px; line-height: 14px; padding: 0 8px; }
.taxi_visual .pc_mode .login_sub li a:hover { text-decoration: none; }
.taxi_visual .pc_mode .btn_green, .taxi_visual .pc_mode .btn_ipin { width: 202px; font-weight: bold; }
.taxi_visual .pc_mode .btn_green { position: absolute; top: 30px; right: 210px; }
.taxi_visual .pc_mode .btn_ipin { position: absolute; top: 30px; right: 0; }
.taxi_visual .pc_mode .btn_ipin i { width: 29px; height: 32px; display: inline-block; background: url("../../img/front/main/cbtaxi/icon_login.png") 0 0 no-repeat; margin: -12px 8px -12px 0; }
.taxi_visual .mo_mode { display: none; }
@media (max-width: 800px) { .taxi_visual { height: 452px; }
  .taxi_visual .section_wrap, .taxi_visual .title_box, .taxi_visual .head_box { overflow: hidden; max-width: 100% !important; }
  .taxi_visual .section_wrap .tvl_tit, .taxi_visual .title_box .tvl_tit, .taxi_visual .head_box .tvl_tit { font-size: 26px; padding-top: 90px; margin-bottom: 47px; letter-spacing: -1px; }
  .taxi_visual .section_wrap > ul > li, .taxi_visual .title_box > ul > li, .taxi_visual .head_box > ul > li { width: 100%; height: auto; text-align: left; background: url("../../img/front/main/cbtaxi/bar_mainvisual.png") left bottom repeat-x; background-size: 100% 1px; position: relative; padding: 10px; }
  .taxi_visual .section_wrap > ul > li .tv_tit, .taxi_visual .title_box > ul > li .tv_tit, .taxi_visual .head_box > ul > li .tv_tit { font-size: 14px; background: none; margin: 0; }
  .taxi_visual .section_wrap > ul > li .tv_price, .taxi_visual .title_box > ul > li .tv_price, .taxi_visual .head_box > ul > li .tv_price { font-size: 14px; margin: -6px 0; }
  .taxi_visual .section_wrap > ul > li .tv_price .cl_taxi, .taxi_visual .title_box > ul > li .tv_price .cl_taxi, .taxi_visual .head_box > ul > li .tv_price .cl_taxi { font-size: 30px; }
  .taxi_visual .section_wrap > ul > li .tv_count, .taxi_visual .title_box > ul > li .tv_count, .taxi_visual .head_box > ul > li .tv_count { font-size: 12px; font-weight: normal; display: inline-block; margin: 0; }
  .taxi_visual .section_wrap > ul > li .tv_date, .taxi_visual .title_box > ul > li .tv_date, .taxi_visual .head_box > ul > li .tv_date { font-size: 12px; display: inline-block; margin: 0; }
  .taxi_visual .section_wrap > ul > li .tv_date:before, .taxi_visual .title_box > ul > li .tv_date:before, .taxi_visual .head_box > ul > li .tv_date:before { content: "/"; }
  .taxi_visual .section_wrap > ul > li .btn_taxi.btn_sub, .taxi_visual .title_box > ul > li .btn_taxi.btn_sub, .taxi_visual .head_box > ul > li .btn_taxi.btn_sub { position: absolute; top: 0; left: 0; width: 100%; background: url("../../img/front/main/cbtaxi/icon_arrow.png") 95% center no-repeat transparent; border: none; height: 112px; color: transparent; }
  .taxi_visual .tvl_area { background: transparent; }
  .taxi_visual .pc_mode { display: none; }
  .taxi_visual .mo_mode { display: block; text-align: center; }
  .taxi_visual .mo_mode a { width: 116px; }
  .taxi_visual.col2 { height: 300px; }
  .taxi_visual.col2 .section_wrap > ul > li, .taxi_visual.col2 .title_box > ul > li, .taxi_visual.col2 .head_box > ul > li { width: 100%; }
  .taxi_visual.col2 .section_wrap > ul > li:nth-child(2), .taxi_visual.col2 .title_box > ul > li:nth-child(2), .taxi_visual.col2 .head_box > ul > li:nth-child(2) { background: none; }
  .taxi_visual.col2 .section_wrap > ul > li:nth-child(3), .taxi_visual.col2 .title_box > ul > li:nth-child(3), .taxi_visual.col2 .head_box > ul > li:nth-child(3) { display: none; } }

.taxi_userinfo { margin-top: 0; background: #009999; padding-top: 19px; }
.taxi_userinfo p { padding-bottom: 19px; color: #fff; }
.taxi_userinfo p .btn_sub { border-color: #fff; margin-left: 30px; color: #333; }
@media (max-width: 800px) { .taxi_userinfo p .btn_sub { display: block; margin: 10px auto 0; width: 115px; } }

.taxi_vislog { background: url("../../img/front/main/cbtaxi/bg_main.jpg") center top no-repeat; margin-top: 0; height: 529px; }
.taxi_vislog .tvl_tit { text-align: center; font-size: 40px; color: #fff; font-weight: bold; line-height: 1.4; }
.taxi_vislog .tvl_tit font { background: url("../../img/front/main/cbtaxi/bg_visualtit.jpg") left bottom repeat-x; }
.taxi_vislog .tvl_tit .cl_taxi { color: #f5b54b; }

.taxi_notice { margin-top: 0; height: 274px; }
.taxi_notice .section_wrap, .taxi_notice .title_box, .taxi_notice .head_box { position: relative; }
.taxi_notice .section_wrap .nt_tit, .taxi_notice .title_box .nt_tit, .taxi_notice .head_box .nt_tit { font-size: 20px; background: url("../../img/front/main/cbtaxi/bg_noticetit.jpg") left bottom no-repeat; padding: 28px 0 0 0; margin-bottom: 21px; }
.taxi_notice .section_wrap ul li, .taxi_notice .title_box ul li, .taxi_notice .head_box ul li { float: left; width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 20px 0 0; }
.taxi_notice .section_wrap ul li strong, .taxi_notice .title_box ul li strong, .taxi_notice .head_box ul li strong { font-size: 16px; color: #333; margin-bottom: 8px; }
.taxi_notice .section_wrap ul li .nt_txt, .taxi_notice .title_box ul li .nt_txt, .taxi_notice .head_box ul li .nt_txt { margin-bottom: 18px; }
.taxi_notice .section_wrap .nt_close, .taxi_notice .title_box .nt_close, .taxi_notice .head_box .nt_close { position: absolute; top: 25px; right: 0; }
@media (max-width: 800px) { .taxi_notice { background: none !important; height: auto; }
  .taxi_notice .section_wrap, .taxi_notice .title_box, .taxi_notice .head_box { max-width: 100% !important; }
  .taxi_notice .section_wrap .nt_tit, .taxi_notice .title_box .nt_tit, .taxi_notice .head_box .nt_tit { padding: 20px 0 0 0; margin: 0 0 0 20px; }
  .taxi_notice .section_wrap ul li, .taxi_notice .title_box ul li, .taxi_notice .head_box ul li { width: 100%; border-bottom: solid 1px #ececec; padding: 20px; }
  .taxi_notice .section_wrap ul li .nt_txt, .taxi_notice .title_box ul li .nt_txt, .taxi_notice .head_box ul li .nt_txt { display: none; }
  .taxi_notice .section_wrap .nt_close, .taxi_notice .title_box .nt_close, .taxi_notice .head_box .nt_close { display: none; } }

.taxi_link { margin-top: 0; background: #f5b54b; }
.taxi_link .section_wrap ul, .taxi_link .title_box ul, .taxi_link .head_box ul { background: url("../../img/front/main/cbtaxi/bar_mainvisual.png") left top repeat-y; overflow: hidden; }
.taxi_link .section_wrap ul li, .taxi_link .title_box ul li, .taxi_link .head_box ul li { float: left; width: 50%; background: url("../../img/front/main/cbtaxi/bar_mainvisual.png") right top repeat-y; }
.taxi_link .section_wrap ul li a, .taxi_link .title_box ul li a, .taxi_link .head_box ul li a { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; display: block; width: 100%; color: #333; font-size: 18px; padding: 23px 0; }
.taxi_link .section_wrap ul li a:hover, .taxi_link .title_box ul li a:hover, .taxi_link .head_box ul li a:hover { text-decoration: none; }
.taxi_link .section_wrap ul li a:hover:hover, .taxi_link .title_box ul li a:hover:hover, .taxi_link .head_box ul li a:hover:hover { text-decoration: none; background-color: #f4af3d; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; text-decoration: none; }
.taxi_link .section_wrap ul li a .tl_icon, .taxi_link .title_box ul li a .tl_icon, .taxi_link .head_box ul li a .tl_icon { width: 34px; height: 33px; display: inline-block; background: url("../../img/front/main/cbtaxi/icon_customer.png") left top no-repeat; vertical-align: middle; }
.taxi_link .section_wrap ul li a .tl_icon02, .taxi_link .title_box ul li a .tl_icon02, .taxi_link .head_box ul li a .tl_icon02 { background-position: -35px 0; }
@media (max-width: 800px) { .taxi_link .section_wrap ul, .taxi_link .title_box ul, .taxi_link .head_box ul { background: none; }
  .taxi_link .section_wrap ul li:last-child, .taxi_link .title_box ul li:last-child, .taxi_link .head_box ul li:last-child { background: none; }
  .taxi_link .section_wrap ul li a .tl_icon, .taxi_link .title_box ul li a .tl_icon, .taxi_link .head_box ul li a .tl_icon { display: block; margin: 0 auto; } }

.main_call { margin-top: 0; background: url("../../img/front/main/cbtaxi/bg_maincustomer.jpg") center center no-repeat; }
.main_call .section_wrap, .main_call .title_box, .main_call .head_box { height: 298px; text-align: center; padding: 38px 0 0 0; }
.main_call .section_wrap .tc_tit, .main_call .title_box .tc_tit, .main_call .head_box .tc_tit { font-size: 20px; font-weight: bold; color: #fff; }
.main_call .section_wrap .tc_num, .main_call .title_box .tc_num, .main_call .head_box .tc_num { font-size: 60px; font-weight: bold; color: #f5b54b; margin-top: -12px; }
.main_call .section_wrap .btn_tccall, .main_call .title_box .btn_tccall, .main_call .head_box .btn_tccall { display: none; }
.main_call .section_wrap .tc_time, .main_call .title_box .tc_time, .main_call .head_box .tc_time { font-size: 20px; font-weight: bold; color: #fff; margin-top: -23px; margin-bottom: 20px; }
.main_call.cashbee .section_wrap, .main_call.cashbee .title_box, .main_call.cashbee .head_box { height: 260px; padding: 35px 0 0 0; }
.main_call.cashbee .section_wrap .tc_tit, .main_call.cashbee .title_box .tc_tit, .main_call.cashbee .head_box .tc_tit { font-size: 30px; }
.main_call.cashbee .section_wrap .tc_num, .main_call.cashbee .title_box .tc_num, .main_call.cashbee .head_box .tc_num { margin-top: -20px; }
.main_call.cashbee .section_wrap .tc_time, .main_call.cashbee .title_box .tc_time, .main_call.cashbee .head_box .tc_time { font-size: 16px; margin-top: -7px; }
@media (max-width: 800px) { .main_call.cashbee .section_wrap, .main_call.cashbee .title_box, .main_call.cashbee .head_box, .main_call .section_wrap, .main_call .title_box, .main_call .head_box { height: 172px; padding: 34px 0 3px 0; }
  .main_call.cashbee .section_wrap .tc_tit, .main_call.cashbee .title_box .tc_tit, .main_call.cashbee .head_box .tc_tit, .main_call.cashbee .section_wrap .tc_time, .main_call.cashbee .title_box .tc_time, .main_call.cashbee .head_box .tc_time, .main_call .section_wrap .tc_tit, .main_call .title_box .tc_tit, .main_call .head_box .tc_tit, .main_call .section_wrap .tc_time, .main_call .title_box .tc_time, .main_call .head_box .tc_time { font-size: 16px; }
  .main_call.cashbee .section_wrap .tc_num, .main_call.cashbee .title_box .tc_num, .main_call.cashbee .head_box .tc_num, .main_call .section_wrap .tc_num, .main_call .title_box .tc_num, .main_call .head_box .tc_num { display: none; }
  .main_call.cashbee .section_wrap .btn_tccall, .main_call.cashbee .title_box .btn_tccall, .main_call.cashbee .head_box .btn_tccall, .main_call .section_wrap .btn_tccall, .main_call .title_box .btn_tccall, .main_call .head_box .btn_tccall { display: inline-block; font-size: 20px; font-weight: bold; padding: 11px 25px 12px 25px; }
  .main_call.cashbee .section_wrap .btn_tccall i, .main_call.cashbee .title_box .btn_tccall i, .main_call.cashbee .head_box .btn_tccall i, .main_call .section_wrap .btn_tccall i, .main_call .title_box .btn_tccall i, .main_call .head_box .btn_tccall i { display: inline-block; width: 22px; height: 22px; background: url("../../img/front/main/cbtaxi/icon_call.png") left top no-repeat; margin: 0 10px -6px 0; }
  .main_call.cashbee .section_wrap .tc_time, .main_call.cashbee .title_box .tc_time, .main_call.cashbee .head_box .tc_time, .main_call .section_wrap .tc_time, .main_call .title_box .tc_time, .main_call .head_box .tc_time { margin-top: 4px; }
  .main_call.cashbee .section_wrap .btn_taxi.btn_sub, .main_call.cashbee .title_box .btn_taxi.btn_sub, .main_call.cashbee .head_box .btn_taxi.btn_sub, .main_call .section_wrap .btn_taxi.btn_sub, .main_call .title_box .btn_taxi.btn_sub, .main_call .head_box .btn_taxi.btn_sub { display: none; } }

/* ---------------------
캐시비 메인 ---------------------*/
.btn_slideControl_main { display: inline-block; width: 42px; height: 42px; margin-top: 2px; background-color: #fff; text-align: center; opacity: 0.80; filter: alpha(opacity=80); -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2); box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2); }
.btn_slideControl_main i { font-size: 30px; color: #666; padding-top: 6px; }

.main_visual_area { position: relative; /* margin-top:0 !important; */ min-height: 200px; }
.main_visual_area .campaign_area { position: absolute; z-index: 99; top: 78px; width: 100%; text-align: center; }
.main_visual_area .campaign_area .campaign_btn { font-weight: 700; color: #333; }
.main_visual_area .campaign_area .campaign_list { position: absolute; z-index: -1; top: 18px; left: 0; width: 100%; border-top: 1px solid #ececec; overflow: hidden; visibility: hidden; }
.main_visual_area .campaign_area .campaign_list.on { visibility: visible; }
.main_visual_area .campaign_area .campaign_list .back { z-index: -2; position: absolute; top: 0; left: 0; width: 100%; /* border-top:1px solid #ececec; */ }
.main_visual_area .campaign_area .campaign_list.on .back { height: 100%; background-color: #000; /* border:none; */ opacity: 0.80; filter: alpha(opacity=80); -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; }

.campaign_list { position: relative; }
.campaign_list .btn_tab_end { position: absolute; top: -1000px; left: -1000px; height: 1px; width: 1px; text-align: left; overflow: hidden; }
.campaign_list .visual_wrap { position: relative; width: 100%; margin: 0 auto; overflow: hidden; }
.campaign_list .visual_wrap .owl-controls { display: none; }
.campaign_list .visual_wrap .slide_nav { position: relative; }
.campaign_list .visual_wrap .slide_nav .btn_wrap { z-index: 5; position: absolute; top: 190px; left: 20px; width: 960px; /* text-align:center; */ }
.campaign_list .visual_wrap .slide_nav .btn_wrap .pagenum { color: #fff; }
.campaign_list .visual_wrap .slide_nav .btn_wrap a.prev_btn { position: absolute; top: 0; left: 0; }
.campaign_list .visual_wrap .slide_nav .btn_wrap a.next_btn { position: absolute; top: 0; right: 0; }
@media (max-width: 800px) { .campaign_list .visual_wrap .slide_nav { max-width: 100%; }
  .campaign_list .visual_wrap .slide_nav .btn_wrap { top: 190px; left: 0; width: 100%; text-align: right; /*모바일 이미지 높이 와 top 위치 재정의 요함*/ }
  .campaign_list .visual_wrap .slide_nav .btn_wrap a.prev_btn { position: absolute; bottom: 0; left: -6px; }
  .campaign_list .visual_wrap .slide_nav .btn_wrap a.next_btn { position: absolute; bottom: 0; right: -6px; }
  .campaign_list .visual_wrap .slide_nav .btn_wrap .pagenum { position: absolute; bottom: 43px; right: 11px; color: #333; } }
.campaign_list .visual_wrap .slider { position: relative; margin: 110px auto 50px; /* margin:110px auto 0; */ }
.campaign_list .visual_wrap .slider .item { width: 280px; }
.campaign_list .visual_wrap .slider .item a { display: block; width: 100%; height: 100%; }
.campaign_list .visual_wrap .slider .item a img { height: 200px; }
.campaign_list .visual_wrap .slider .item .desc { margin-top: 16px; color: #fff; font-size: 16px; line-height: 22px; }

.main_event_area { position: relative; background-color: #f3f3f3; }
.main_event_area .btn_tab_end { position: absolute; top: -1000px; left: -1000px; height: 1px; width: 1px; text-align: left; overflow: hidden; }
.main_event_area .visual_wrap { position: relative; width: 100%; margin: 0 auto; overflow: hidden; }
.main_event_area .visual_wrap .owl-controls { display: none; }
.main_event_area .visual_wrap .slide_nav { position: relative; }
.main_event_area .visual_wrap .slide_nav .btn_wrap { z-index: 5; position: absolute; top: 120px; left: 20px; width: 960px; /* text-align:center; */ }
.main_event_area .visual_wrap .slide_nav .btn_wrap .pagenum { color: #fff; }
.main_event_area .visual_wrap .slide_nav .btn_wrap a.prev_btn { position: absolute; top: 0; left: 0; }
.main_event_area .visual_wrap .slide_nav .btn_wrap a.next_btn { position: absolute; top: 0; right: 0; }
@media (max-width: 800px) { .main_event_area .visual_wrap .slide_nav .btn_wrap { top: 76px; left: 0; width: 100%; /* height:370px; */ text-align: right; /*모바일 이미지 높이 와 top 위치 재정의 요함*/ }
  .main_event_area .visual_wrap .slide_nav .btn_wrap a.prev_btn { position: absolute; bottom: 0; left: -6px; }
  .main_event_area .visual_wrap .slide_nav .btn_wrap a.next_btn { position: absolute; bottom: 0; right: -6px; }
  .main_event_area .visual_wrap .slide_nav .btn_wrap .pagenum { position: absolute; bottom: 43px; right: 11px; color: #333; } }
.main_event_area .visual_wrap .slider { position: relative; margin: 0 auto; }
.main_event_area .visual_wrap .slider.slider_pc .item { width: 1000px; height: 300px; margin: 0 auto; }
.main_event_area .visual_wrap .slider.slider_pc .item a { display: block; width: 100%; height: 100%; }
.main_event_area .visual_wrap .slider.slider_mo .owl-item { /* background-color:#000; */ opacity: 0.45; filter: alpha(opacity=45); }
.main_event_area .visual_wrap .slider.slider_mo .owl-item.center { opacity: 1; filter: alpha(opacity=100); }
.main_event_area .visual_wrap .slider.slider_mo .item { width: 320px; height: 200px; margin: 0 auto; }
.main_event_area .visual_wrap .slider.slider_mo .item a { display: block; width: 100%; height: 100%; }

.main_link_area { padding: 50px 0; }
.main_link_area ul { padding: 0 50px; }
.main_link_area ul li { width: 23.72881%; float: left; margin-right: 1.69492%; min-height: 155px; text-align: center; }
.main_link_area ul li:last-child { width: 23.72881%; float: right; margin-right: 0; }
.main_link_area ul li strong { margin-top: 120px; font-size: 18px; color: #333; text-align: center; }
.main_link_area ul li .nt_txt { margin-top: 16px; text-align: center; }
.main_link_area ul li:nth-child(1) { background: url("../../img/front/main/cashbee/icon_conmenu01.png") center top no-repeat; }
.main_link_area ul li:nth-child(2) { background: url("../../img/front/main/cashbee/icon_conmenu03.png") center top no-repeat; }
.main_link_area ul li:nth-child(3) { background: url("../../img/front/main/cashbee/icon_conmenu06.png") center top no-repeat; }
.main_link_area ul li:nth-child(4) { background: url("../../img/front/main/cashbee/icon_conmenu04.png") center top no-repeat; }
.main_link_area.mybee ul li:nth-child(2) { background: url("../../img/front/main/cashbee/icon_conmenu05.png") center top no-repeat; }
.main_link_area.mybee ul li:nth-child(3) { background: url("../../img/front/main/cashbee/icon_conmenu06.png") center top no-repeat; }
@media (max-width: 800px) { .main_link_area ul { padding: 0; }
  .main_link_area ul li { width: 49.15254%; float: left; margin-right: 1.69492%; min-height: 150px; }
  .main_link_area ul li strong { font-size: 14px; letter-spacing: -1px; }
  .main_link_area ul li .nt_txt { display: none; }
  .main_link_area ul li:nth-child(2), .main_link_area ul li:last-child { width: 49.15254%; float: right; margin-right: 0; }
  .main_link_area ul li:nth-child(3), .main_link_area ul li:nth-child(4) { margin-top: 25px; } }

.rolling_banner_area { position: relative; margin: 0 auto; border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; }
.rolling_banner_area .btn_wrap { position: relative; top: 25px; width: 100%; z-index: 5; }
.rolling_banner_area .btn_wrap .prev_btn { position: absolute; left: 20px; }
.rolling_banner_area .btn_wrap .next_btn { position: absolute; right: 20px; }
.rolling_banner_area .btn_slideControl_main { margin-top: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background-color: transparent; opacity: 1; filter: alpha(opacity=100); }
.rolling_banner_area .btn_slideControl_main i { margin-top: 0; }
.rolling_banner_area .slider { border-right: 1px solid #ececec; }
.rolling_banner_area .slider .item { border-left: 1px solid #ececec; border-left: none; overflow: hidden; position: relative; width: 100%; margin: 0 auto; border-left: 1px solid #ececec; text-align: center; }
.rolling_banner_area .slider .item a { display: block; position: relative; padding: 25px 0; color: #333; font-size: 18px; line-height: 1; text-align: center; /*&:after{position:absolute;top:39px;right:40px;width:16px;height:16px;background:url($imgpath + 'common/icon_plus2.png') 0 0 no-repeat;content:'';}*/ }
.rolling_banner_area .slider .item a strong { display: block; margin-top: 10px; color: #009bd7; font-size: 18px; line-height: 1; }
.rolling_banner_area .slider .item a:hover { text-decoration: none; background-color: #f7f7f7; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; text-decoration: none; }
.rolling_banner_area .slider .owl-dots { display: none; }
.rolling_banner_area .slider .owl-controls { display: none; }

.main_sns_area { border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; }
.main_sns_area ul li { width: 33.33333%; float: left; text-align: center; margin: 0; border-left: 1px solid #ececec; }
.main_sns_area ul li:last-child { width: 33.33333%; float: right; margin-right: 0; border-right: 1px solid #ececec; }
.main_sns_area ul li a { display: block; padding: 25px 0; text-align: center; }
.main_sns_area ul li a strong { margin-left: 4px; font-size: 18px; color: #000; }
.main_sns_area ul li a:hover { text-decoration: none; background-color: #f7f7f7; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; text-decoration: none; }
@media (max-width: 800px) { .main_sns_area ul { padding: 0; text-align: center; }
  .main_sns_area ul li, .main_sns_area ul li:last-child { float: none; border: none; width: auto; display: inline-block; text-align: left; }
  .main_sns_area ul li a { padding: 25px 8px; }
  .main_sns_area ul li a strong { font-size: 14px; color: #000; } }

.main_instagram_area h3 { text-align: center; }
.main_instagram_area .tag_box { padding: 12px 0 25px; text-align: center; }
.main_instagram_area .tag_box li { display: inline-block; margin-left: 20px; }
.main_instagram_area .tag_box li:first-child { margin-left: 0; }
.main_instagram_area .btn_area { text-align: center; }
.main_instagram_area .btn_area a { min-width: 147px; font-weight: 700; color: #333; }
.main_instagram_area .btn_area a .icon { width: 20px; height: 20px; margin-right: 7px; background: url("../../img/front/main/cashbee/icon_instagram.png") 0 0 no-repeat; }
.main_instagram_area .img_area ul::after { content: ""; display: table; clear: both; }
.main_instagram_area .img_area ul li { width: 25%; float: left; }
.main_instagram_area .img_area ul li a { padding: 4px; display: block; }
.main_instagram_area .img_area ul li:last-child { width: 25%; float: right; margin-right: 0; }

.load_wrap { position: relative; max-width: 1000px; margin: 50px auto 0; }
.load_wrap .btn_box { position: relative; z-index: 1; padding: 0 20px; }
.load_wrap .btn_box a { position: relative; max-width: 185px; min-width: 185px; padding: 8px 20px; background-color: #666; color: #fff; font-weight: 700; text-decoration: none; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.load_wrap .btn_box a:hover { text-decoration: none; background-color: #5e5e5e; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; }
.load_wrap .btn_box span { position: relative; display: inline-block; }
.load_wrap .btn_box span:after { position: absolute; content: ""; zoom: 1; width: 14px; height: 14px; background-color: #666; transform: rotate(45deg); }
.load_wrap .btn_box .btn_prev { position: absolute; top: 0; left: 20px; }
.load_wrap .btn_box .btn_prev:after { top: 13px; left: -5px; }
.load_wrap .btn_box .btn_next { position: absolute; top: 0; right: 20px; }
.load_wrap .btn_box .btn_next:after { top: 13px; right: -5px; }
.load_wrap .visual_box { position: relative; }
.load_wrap .visual_box .title_box { position: absolute; z-index: -1; width: 100%; top: -27px; left: 0; text-align: center; }
.load_wrap .visual_box .title_box .title { font-size: 30px; font-weight: 700; color: #333; }
.load_wrap .visual_box .title_box .sub_title { font-size: 14px; color: #333; }
.load_wrap .visual_box .title_box .sub_title span { color: #099; font-weight: 700; vertical-align: top; }
.load_wrap .visual_box .item .visual { position: relative; overflow: hidden; padding-top: 97px; margin: 0 auto; }
.load_wrap .visual_box .item .mo_visual { display: none; }
.load_wrap .visual_box .btn_wrap { position: absolute; }
.load_wrap .visual_box .btn_wrap.left_wrap { bottom: 40px; left: 40px; }
.load_wrap .visual_box .btn_wrap .btn_quick { display: block; margin-top: 20px; }
.load_wrap .visual_box .btn_wrap .btn_quick:first-child { margin-top: 0; }
.load_wrap .visual_box .item01 .btn_quick { position: absolute; bottom: 40px; right: 150px; }
.load_wrap .visual_box .item03 .btn_quick,.load_wrap .visual_box .item04 .btn_quick,.visual_box .item05 .btn_quick { position: absolute; bottom: 40px; left: 190px; }
.load_wrap .visual_box.single .item .visual { padding-top: 71px; }

@media (max-width: 800px) { .load_wrap .visual_box .title_box { padding: 0 40px; }
  .load_wrap .visual_box .title_box .title { font-size: 20px; overflow: hidden; line-height: 38px; text-overflow: ellipsis; white-space: nowrap; }
  .load_wrap .visual_box .title_box .sub_title { overflow: hidden; line-height: 38px; text-overflow: ellipsis; white-space: nowrap; }
  .load_wrap .visual_box .item .visual { display: none; }
  .load_wrap .visual_box .item .mo_visual { display: block; position: relative; overflow: hidden; padding-top: 97px; margin: 0 auto; width: 100%; height: 400px; text-align: center; vertical-align: bottom; }
  .load_wrap .visual_box .item .mo_visual img { width: 100%; max-width: 320px; position: absolute; bottom: 0; left: 50%; margin-left: -160px; }
  .load_wrap .visual_box .item .mo_visual .btn_wrap.left_wrap { bottom: 20px; left: 20px; }
  .load_wrap .visual_box .item .mo_visual .btn_wrap .btn_quick { display: block; position: relative; margin-top: 5px; padding: 8px 25px 8px 10px; border-radius: 5px; background: #1a9a85; color: #fff; font-size: 14px; font-weight: bold; line-height: 1.3; }
  .load_wrap .visual_box .item .mo_visual .btn_wrap .btn_quick:first-child { margin-top: 0; }
  .load_wrap .visual_box .item .mo_visual .btn_wrap .btn_quick .fa-angle-right { position: absolute; top: 15px; right: 10px; font-size: 20px; }
  .load_wrap .visual_box.single .item .mo_visual { height: 340px; }
  .load_wrap .btn_box a { color: transparent; width: 40px; min-width: 1px; height: 75px; }
  .load_wrap .btn_box span:after { display: none; }
  .load_wrap .btn_box .btn_prev { position: absolute; top: 0; left: -8px; }
  .load_wrap .btn_box .btn_prev a { background: url("../../img/front/main/cashbee/visual/bg_prev.png") center center no-repeat #666; }
  .load_wrap .btn_box .btn_next { position: absolute; top: 0; right: -8px; }
  .load_wrap .btn_box .btn_next a { background: url("../../img/front/main/cashbee/visual/bg_next.png") center center no-repeat #666; }
  .campaign_list .visual_wrap .slider { margin: 40px auto 25px; }
  .campaign_list .visual_wrap .slide_nav .btn_wrap { top: 125px; }
  .main_visual_area.only-one .load_wrap .visual_box .item .mo_visual { height: 340px; } }
.main_visual_area.only-one .campaign_btn, .main_visual_area.only-one .btn_box { display: none; }

.static_banner_area { height: 160px; background: #f5f5f5 url("../../img/front/common/static_banner.gif") no-repeat center; position: relative; }
.static_banner_area .item { width: 330px; height: 100%; position: absolute; text-align: center; }
.static_banner_area .left { left: 50%; margin-left: -500px; }
.static_banner_area .right { right: 50%; margin-right: -500px; }
.static_banner_area a { color: #009bd7; border-bottom: solid 1px #009bd7; line-height: 20px; font-weight: bold; font-size: 18px; display: inline-block; margin-top: 40px; margin-bottom: 8px; }
.static_banner_area a:hover { text-decoration: none; }
.static_banner_area span { line-height: 1.6; color: #000; }

@media (max-width: 800px) { .static_banner_area { height: 105px; background-image: none; }
  .static_banner_area .item { width: 50%; }
  .static_banner_area .item a { margin-top: 15px; }
  .static_banner_area .left { left: 0; margin-left: 0; }
  .static_banner_area .right { right: 0; margin-right: 0; } }

/*# sourceMappingURL=common.css.map */