@charset "utf-8";

/*
 * Nanum Brun Gothic (Korean) http://www.google.com/fonts/earlyaccess
 */
@font-face {
  font-family: 'nbg';
  font-style: normal;
  font-weight: 400;
  src: url(../font/nanumbrun/nanumbarungothicregular.eot);
  src: url(../font/nanumbrun/nanumbarungothicregular.eot?#iefix) format('embedded-opentype'),
       url(../font/nanumbrun/nanumbarungothicregular.woff2) format('woff2'),
       url(../font/nanumbrun/nanumbarungothicregular.woff) format('woff'),
       url(../font/nanumbrun/nanumbarungothicregular.ttf) format('truetype');
}
@font-face {
  font-family: 'nbg';
  font-style: normal;
  font-weight: 600;
  src: url(../font/nanumbrun/nanumbarungothicregular.eot);
  src: url(../font/nanumbrun/nanumbarungothicregular.eot?#iefix) format('embedded-opentype'),
       url(../font/nanumbrun/nanumbarungothicregular.woff2) format('woff2'),
       url(../font/nanumbrun/nanumbarungothicregular.woff) format('woff'),
       url(../font/nanumbrun/nanumbarungothicregular.ttf) format('truetype');
}
@font-face {
  font-family: 'nbg';
  font-style: normal;
  font-weight: 700;
  src: url(../font/nanumbrun/NanumBarunGothicBold.eot);
  src: url(../font/nanumbrun/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'),
       url(../font/nanumbrun/NanumBarunGothicBold.woff2) format('woff2'),
       url(../font/nanumbrun/NanumBarunGothicBold.woff) format('woff'),
       url(../font/nanumbrun/NanumBarunGothicBold.ttf) format('truetype');
}

/* reset */
html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, address, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, select, textarea {margin:0; padding:0; ; font-family:'nbg', '나눔바른고딕', 'Malgun Gothic', 'arial'}
html {font-size:100%; color:#333}
body {font-size:14px; word-break:break-all; background-color:#f5f5f5;}
h1, h2, h3, h4, h5, h6 {font-weight:normal}
label {cursor:pointer}
table {width:100%; border-spacing:0}
img, fieldset {border:0}
th, td {empty-cells:show}
td {vertical-align:middle}
ol, ul, li {list-style:none}
label {cursor:pointer}
form {display:inline}
legend, hr, caption {visibility:hidden; overflow:hidden; text-indent:-10000px; width:0; height:0; font-size:0; line-height:0; text-align:left}
img, select, input, td, th, input, select, button {vertical-align:middle}
textarea {resize:none}

/* link */
a:link, a:visited,
a:hover, a:focus, a:active {text-decoration:none; color:#333333;}

button {margin:0; padding:0; border:0;}
button ::-moz-focus-inner {border:0; padding:0;}
button:link, button:visited,
button:hover, button:focus, button:active {text-decoration:none; color:#333333; border:0;}

/* skip nav */
#skip_nav{height:0}
#skip_nav dt{overflow:hidden;position:absolute !important;width:1px;height:1px}
#skip_nav dd a{overflow:hidden;display:block;position:absolute;top:-10000px;left:0;z-index:999999;width:100%;font-size:16px;text-align:center}
#skip_nav dd a.on{overflow:hidden;position:absolute;top:0;left:0;padding:15px 0;background:#272727;font-weight:bold;color:#fff}

#skip_nav a:link, #skip_nav a:visited,
#skip_nav a:active, #skip_nav a:hover{position:absolute; top:-99999px; left:0; width:100%; z-index:999; color:#222; display:block; overflow:hidden;}
#skip_nav a:focus, #skip_nav a:hover,
#skip_nav a:active {top:0; padding:7px 0 5px; background-color:#1d60a7; color:#fff; text-decoration:none; font-weight:600; text-align:center;}


/*sub layout*/
.content, .top_head, .main_content, footer {width:100%;}
.width_box {width:1100px; margin:0 auto; position:relative; height:100%;}

.top_head {background-color:#5ac197; height:100px; position:fixed; top:0; z-index:100;}
.main_content {margin-top:130px;}

.top_menu {position:absolute; top:0; left:0; display:none; z-index:110;}

#menu_open:checked + .top_menu {display:block;}

.menu_minus {display:none;}
.top_menu_btn {position:absolute; top:0; left:3%; height:100px; display:table;}
.top_menu_btn label {display:table-cell; vertical-align:middle; height:100px;}
.top_op {position:absolute; top:0; right:1%; height:100px; line-height:100px;}
.top_op > .login {display:table-cell; height:100px; vertical-align:middle;}
.top_op > .login a,
.top_op > .login button {cursor:pointer; color:#fff; font-size:1.4rem;}
.top_logo {text-align:center; }
.top_logo > div {height:100px; width:193px; margin:0 auto;}
.top_logo > div > a > img {width:180px; height:auto; vertical-align:middle; margin-top:25px;}
.top_logo > div > img {width:180px; height:auto; vertical-align:middle; margin-top:25px;}

.top_op {position:absolute; top:0; right:15px; z-index:1;}
.top_menu {background:rgba(0,0,0,0.5); position:fixed; top:0; left:0; width:100%; height:100%; overflow:auto;}
.top_menu > div > .menu_top {background-color:#fff; width:600px; overflow:hidden; border-bottom:2px solid #1dcf86; padding:30px 0; position:relative;}
.top_menu > div > .menu_top .menu_logo {margin-left:30px; width:153px; float:left;}
.top_menu > div > .menu_top .menu_logo img {width:100%;}
.top_menu > div > .menu_top .menu_point {margin-left:30px; float:left; margin-top:1.2%; box-sizing:border-box;}
.top_menu > div > .menu_top .menu_point span {font-size:18px; color:#8dc21f;}
.top_menu > div > .menu_top .menu_point strong {font-size:28px; color:#f29731;}
.top_menu > div > .menu_top .menu_point strong:after {background:url(../img/point_icon.png)center no-repeat; display:inline-block; width:26px; height:26px; content:''; margin-left:5px; box-sizing:border-box;}
.top_menu > div > .menu_top .menu_close {width:31px; position:absolute; top:30px; right:10px;}
.top_menu > div > .menu_top .menu_close img {width:75%;margin-top:7px;}

.top_menu > div > ul {background-color:#fff; width:600px; overflow:hidden;}
.top_menu > div > ul > li {background:url(../img/menu_off.png) 95% center no-repeat; width:100%; box-sizing:border-box;}
.top_menu > div > ul > li:hover {background:url(../img/menu_on.png) 95% center no-repeat #5ac197; width:100%;}
.top_menu > div > ul > li > ul {display:none; width:95%; margin:0 auto; padding:10px 0;}
.top_menu > div > ul > li > ul > li {margin-left:10px; margin-bottom:10px;}
.top_menu > div > ul > li > ul > li:last-child {margin-bottom:0;}
.top_menu > div > ul > li > ul > li > a,
.top_menu > div > ul > li > ul > li > button {cursor:pointer; color:#fff; font-size:16px; display:block;}

#m_commu:checked + ul {display:none; background-color:#5ac197;}
#m_member:checked + ul {display:none; background-color:#5ac197;}
#m_set:checked + ul {display:none; background-color:#5ac197;}

.top_menu > div > ul > li > input {display:none;}
.top_menu > div > ul > li > input + .top_menu {display:block;}

.top_menu > div > ul > li > a,
.top_menu > div > ul > li > button {cursor:pointer; width:95%; margin:0 auto; border-bottom:1px solid #aeaeae; display:block; box-sizing:border-box; font-size:18px; color:#178b6e;  padding:15px 5px;}
.top_menu > div > ul > li > a label,
.top_menu > div > ul > li > button label {width:100%; display:block;}
.top_menu > div > ul > li:hover > a,
.top_menu > div > ul > li:hover > button {cursor:pointer; color:#fff; border-bottom:1px solid #5ac197;}

.top_menu > div > ul > li.active {background:url(../img/menu_on.png) 95% center no-repeat #5ac197; width:100%;}
.top_menu > div > ul > li.active > input + ul {display:none;}
.top_menu > div > ul > li.active > input + ul > li > a,
.top_menu > div > ul > li.active > input + ul > li > button {cursor:pointer; color:#fff; font-size:16px; display:block;}
.top_menu > div > ul > li.active > a,
.top_menu > div > ul > li.active > button {cursor:pointer; color:#fff; border-bottom:1px solid #5ac197;}


.top_menu > div > .mobile_login {background-color:#fff; width:600px; overflow:hidden; padding:30px 0; text-align:right;}
.mobile_login a,
.mobile_login button {cursor:pointer; display:inline-block; color:#fff; font-size:13px; width:100px; height:35px; text-align:center; line-height:35px;}
.mobile_login a:last-child,
.mobile_login button:last-child {margin-right:2.5%;}

.mobile_login .join		{background-color:#07cab1;}
.mobile_login .login	{background-color:#07ca7a;}
.mobile_login .logout	{background-color:#255f47;}

.site_alt > a {display:inline-block; margin-left:25px; margin-top:15px;}
.site_alt > a > div,
.site_alt > button > div {width:39px; height:32px; position:relative; display:inline-block; margin-top:35%;}
.site_alt > a > div > div.alt_box,
.site_alt > button > div > div.alt_box {position:absolute; top:0; right:0;}

.site_alt > a:first-child > div,
.site_alt > button:first-child > div {background:url(../img/message_icon.png) no-repeat;}
.site_alt > a:last-child  > div,
.site_alt > button:last-child  > div {background:url(../img/talk_icon.png) no-repeat;}

.site_alt > a > div > div.count,
.site_alt > button > div > div.count {background:url(../img/txt_count_icon.png) no-repeat;  width:29px; height:29px; position:absolute; top:-15px; right:-10px; text-align:center; line-height:29px; color:#fff;}


.footer {background-color:#11a266; padding:20px 0;}
.footer ul {border-bottom:1px solid #fff; overflow:hidden; padding-bottom:20px; margin-bottom:15px;}
.footer ul li {float:left;}
.footer ul li a,
.footer ul li button {cursor:pointer; color:#fff; font-size:1.2em;}
.footer ul li:after {content:'|'; padding:0 10px; color:#fff; font-size:1.2em;}
.footer ul li:last-child:after {content:'';}
.address {font-size:1.2em; color:#fff; line-height:30px; word-break:keep-all;}
.copy {font-size:1.2em; color:#fff; line-height:30px; }
.m_visual {background:url(../img/m_visual_img.png) center no-repeat; width:100%; height:460px; background-size:cover; text-align:center; margin-bottom:20px;}
.m_visual_txt {padding-top:8%; max-width:453px; margin:0 auto;}
.m_visual_txt > div {margin-top:40px;}
.m_visual_txt > div > a,
.m_visual_txt > div > button {cursor:pointer; display:inline-block; color:#fff; font-size:1.2em; width:49.6%; padding:2% 0;}
.m_visual_txt > div > a.join,
.m_visual_txt > div > button.join  {background-color:#07cab1;}
.m_visual_txt > div > a.login,
.m_visual_txt > div > button.login {background-color:#07ca7a;}

.in_out_pop02 a.bk_pop_ch,
.in_out_pop02 button.bk_pop_ch  {cursor:pointer; display:inline-block; color:#fff; font-size:1.2em;height:25px; line-height:25px; background-color:#07cab1; padding:0 20px; margin-left:10px;}

.nomal_box {width:100%; background-color:#fff; overflow:hidden; margin-bottom:20px;}
.nomal_box .m_list_title {width:100%; margin:0 auto; position:relative; font-size:24px; padding:30px 0 20px 0;}

.nomal_box02 {width:100%; background-color:#fff; padding-bottom:20px; margin-bottom:20px;}
.nomal_box02 .m_list_title {width:100%; margin:0 auto; position:relative; font-size:24px; padding:30px 0 20px 0;}

.m_list {width:100%; background-color:#fff; overflow:hidden; margin-bottom:20px;}
.m_list ul {width:95%; margin:0 auto;}
.m_list ul li {display:inline-block; width:24%; margin-right:1%;}
.m_list ul li:nth-child(4n) {margin-right:0;}
.m_list ul li dl {margin-bottom:30px;}
.m_list ul li dt {margin-bottom:17px;}
.m_list ul li dt img {border:1px solid #ccc; width:100%; height:170px;}
.m_list ul li dd {text-overflow:ellipsis; white-space:nowrap; width:100%; overflow:hidden; font-size:16px;}

.account_list {width:100%; background-color:#fff; overflow:hidden; margin-bottom:20px;}
.account_list ul {overflow:hidden; border-bottom:1px solid #cacaca;width:95%; margin:0 auto;}
.account_list ul:last-child {border-bottom:0;}
.account_list ul li {float:left; width:50%; padding:2% 0;}
.account_list dl {width:95%; margin:0 auto; overflow:hidden;}
.account_list dl > dt,
.account_list dl > dd {float:left;}
.account_list dl > dt {width:30%; text-align:center; color:#898989; font-size:22px; vertical-align:middle; line-height:34px;}
.account_list dl > dd {width:70%; text-align:right; font-size:28px; line-height:28px;}


.m_list_title {width:95%; margin:0 auto; position:relative; font-size:24px; padding:30px 0 20px 0;}
.m_list_title > a,
.m_list_title > button {cursor:pointer; position:absolute; top:35px; right:0; font-size:14px; color:#939393;}

.m_banner {overflow:hidden; position:relative; margin-bottom:40px;}
.banner_box {width:100%; overflow:hidden;margin-bottom:20px;}
.banner_box a,
.banner_box button {cursor:pointer; width:50%;}
.banner_box a img,
.banner_box button img {width:98%; border:1px solid #ccc; box-sizing:border-box;}
.banner_box a:first-child,
.banner_box button:first-child {float:left;}
.banner_box a:last-child,
.banner_box button:last-child {float:left; text-align:right;}


.notice_box {overflow:hidden; clear:both; background-color:#febf00; max-height:85px; line-height:85px; width:100%; float:left;}
.notice_box li {float:left; font-size:18px;}
.notice_box li:nth-child(1) {width:10%; color:#dc7700;}
.notice_box li:nth-child(3) {width:10%; text-align:center;}
.notice_box li:nth-child(3) a,
.notice_box li:nth-child(3) button {cursor:pointer; color:#fff;}
.notice_box li:nth-child(2) {width:80%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.notice_box li:nth-child(2) a,
.notice_box li:nth-child(3) a {width:100%;}
.notice_box li:nth-child(2) button,
.notice_box li:nth-child(3) button {cursor:pointer; width:100%;}

.notice_box li:nth-child(1),
.notice_box li:nth-child(3) a {text-align:center;}
.notice_box li:nth-child(1),
.notice_box li:nth-child(3) button {cursor:pointer; text-align:center;}

.my_point {background-color:#fffada; margin:15px 0; text-align:center; padding:3% 0;}
.my_point dt {color:#f6b009; font-size:24px;}
.my_point dd  p {background:url(../img/point_b_icon.jpg) 0 7px no-repeat; display:inline-block; font-size:56px; position:relative; padding-left:66px; position:relative;}
.my_point dd  a,
.my_point dd  butttom {position:absolute; top:50%; right:-70px; margin-top:-15px; font-size:20px; color:#939393;}

.log_visual {background:url(none); width:100%; height:auto; overflow:hidden;text-align:center; margin-bottom:20px;}
.log_visual .m_visual_txt {padding-top:30px;}
.login_box  input {width:100%; border:1px solid #d5d5d5; height:44px; display:block; text-indent:40px; font-size:24px;}
.login_box input#inp_id {background:url(../img/id_icon.jpg) 10px center no-repeat #fff; margin-bottom:15px;}
.login_box input#inp_pw {background:url(../img/pw_icon.jpg) 10px center no-repeat #fff; margin-bottom:15px;}
.login_box a.login {background-color:#07ca7a; width:100%; height:44px; line-height:44px; color:#fff; font-size:20px; display:block;}
.login_box button.login {background-color:#07ca7a; width:100%; height:44px; line-height:44px; color:#fff; font-size:20px; display:block;}
.ord_btn {margin-top:15px; text-align:right;}
.ord_btn a,
.ord_btn button {cursor:pointer; display:inline-block; border:1px solid #cfcfcf; background-color:#fff; font-size:14px; width:81px; height:22px; line-height:22px; text-align:center;}

.gray_btn {margin-top:15px; text-align:right; position:relative;}
.gray_btn a,
.gray_btn button {cursor:pointer; display:inline-block; background-color:#989898; color:#fff; font-size:14px; width:81px; height:22px; line-height:22px; text-align:center;}
.gray_pop {position:absolute; bottom:10px; right:85px; display:none; border:3px solid #11a266; background-color:#fff; padding:10px; width:300px;}
.g_tit {width:100%; position:relative; text-align:left; font-size:1.2em; margin-bottom:20px;}
.g_tit label  {position:absolute; top:0; right:0; z-index:100;}
.gray_pop table {border:1px solid #ccc; border-right:0; border-bottom:0;}
.gray_pop table th {background-color:#f6f6f6; border-bottom:1px solid #ccc; padding:10px 0;}
.gray_pop table td {border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:10px; box-sizing:border-box;}
.out_box:checked + .gray_pop {display:block;}

.mobile_foot_menu {display:none;}

.sub_top_title {font-size:1.8em; margin:30px 0; width:100%;}
.sub_top_title a,
.sub_top_title button {cursor:pointer; margin-right:20px;}
.top_tab {overflow:hidden;}
.top_tab > ul > li {float:left; border:1px solid #cccccc; margin-right:-1px;}
.top_tab > ul > li a,
.top_tab > ul > li button {cursor:pointer; display:block; color:#222222; background-color:#fff; font-size:1.4em; padding:10px 20px; box-sizing:border-box; line-height:26px;}
.top_tab > ul > li:hover  a,
.top_tab > ul > li:hover  button {cursor:pointer; background-color:#07ca7a; color:#fff;}
.top_tab > ul > li.active a,
.top_tab > ul > li.active button {cursor:pointer; background-color:#07ca7a; color:#fff;}

.m_ac_box {width:95%; margin:0 auto; position:relative; z-index:1;}
.page_shc > a,
.page_shc > button {cursor:pointer; position:absolute; top:40px; right:0; font-size:1.4em;}
.condition {overflow:hidden; position:relative; padding:30px 0;}
.condition select,
.condition input {border:1px solid #ccc; height:38px; font-size:1.4em; vertical-align:middle; display:inline-block;}
.condition select {height:40px;}
.condition > a.shc_btn,
.condition > button.shc_btn {background:url(../img/shc_btn.jpg) center no-repeat; border:1px solid #cccccc; display:inline-block; text-indent:-10000px; width:40px; height:40px; vertical-align:middle; box-sizing:border-box;}
.condition > a,
.condition > button.print_btn {background:url(../img/print_btn.jpg) center no-repeat; border:1px solid #cccccc; display:inline-block; text-indent:-10000px; width:40px; height:40px; vertical-align:middle; box-sizing:border-box;}

.m_ac_box > ul {border-bottom:1px solid #cacaca; position:relative; margin-bottom:30px; z-index:1;}
.m_ac_box > ul > li:nth-child(1) {margin-bottom:10px;}
.m_ac_box > ul > li:nth-child(1) strong {font-size:1.5em;}
.m_ac_box > ul > li:nth-child(1) span {font-size:1.2em; color:#898989;}
.m_ac_box > ul > li:nth-child(2) span {font-size:1em; color:#898989; margin-right:20px;}
.m_ac_box > ul > li span.name {font-size:1.2em; color:#333; margin-left:10px;}
.m_ac_box > ul > li:nth-child(2) {margin-bottom:20px; font-size:1.2em;}
.m_ac_box > ul > li:nth-child(2) strong {color:#149ec0;}
.m_ac_box > ul > li:nth-child(3) {position:absolute; bottom:15px; right:0; z-index:1;}
.m_ac_box > ul > li:nth-child(3) img {width:100%;}
.m_ac_box > ul > li:nth-child(3) > ul {overflow:hidden;}
.m_ac_box > ul > li:nth-child(3) > ul > li {display:inline-block; width:30px; text-align:left; margin-right:5px;}

.m_ac_box > a > ul {border-bottom:1px solid #cacaca; position:relative; margin-bottom:30px; z-index:1;}
.m_ac_box > a > ul > li:nth-child(1) {margin-bottom:10px;}
.m_ac_box > a > ul > li:nth-child(1) strong {font-size:1.5em;}
.m_ac_box > a > ul > li:nth-child(1) span {font-size:1.2em; color:#898989;}
.m_ac_box > a > ul > li:nth-child(2) span {font-size:1em; color:#898989; margin-right:20px;}
.m_ac_box > a > ul > li span.name {font-size:1.2em; color:#333; margin-left:10px;}
.m_ac_box > a > ul > li:nth-child(2) {margin-bottom:20px; font-size:1.2em;}
.m_ac_box > a > ul > li:nth-child(2) strong {color:#149ec0;}
.m_ac_box > a > ul > li:nth-child(3) {position:absolute; bottom:15px; right:0; z-index:1;}
.m_ac_box > a > ul > li:nth-child(3) img {width:100%;}
.m_ac_box > a > ul > li:nth-child(3) > ul {overflow:hidden;}
.m_ac_box > a > ul > li:nth-child(3) > ul > li {display:inline-block; width:30px; text-align:left; margin-right:5px;}

.bank_input {color:#149ec0;}
.bank_output {color:#f75c58;}

.m_pager {text-align:center; overflow:hidden; margin:30px 0; position:relative;}
.m_pager a,
.m_pager button {cursor:pointer; display:inline-block; width:33px; height:33px; border:1px solid #ccc; vertical-align:middle; line-height:33px;}
.m_pager a:hover,
.m_pager button:hover {background-color:#555555; border:1px solid #393939; color:#fff;}
.m_pager a.active,
.m_pager button.active {background-color:#555555; border:1px solid #393939; color:#fff;}
.m_pager a.no_active,
.m_pager button.no_active {background-color:#fff; color:#ccc; border:1px solid #ccc;}
.m_pager .btn_box {position:absolute; top:0; right:0; margin-top:0;}
.m_pager .btn_box a,
.m_pager .btn_box button {cursor:pointer; display:inline-block; }

.out_box {display:none;}
#n_pop:checked + .n_pop {display:block !important;}
.n_pop {position:fixed; top:0; left:0; background-color:rgba(0,0,0,0.5); width:100%; height:100%; z-index:9999; display:none;}


.in_out_pop {width:600px; height:410px; position:absolute; top:50%; left:50%; margin-left:-300px; margin-top:-200px; background-color:#fff; border:3px solid #11a266; z-index:1000; box-sizing:border-box; padding:20px; overflow:auto;}
.in_out_pop .pop_title {width:100%; position:relative; font-size:1.5em; margin-bottom:30px;}
.in_out_pop .pop_title a,
.in_out_pop .pop_title button {cursor:pointer; position:absolute; top:0; right:0;}
.in_out_pop table {border:1px solid #ccc; border-right:0; border-bottom:0;}
.in_out_pop table th {background-color:#f6f6f6; border-bottom:1px solid #ccc; padding:10px 0; min-width:50px;}
.in_out_pop table td {border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:10px; box-sizing:border-box;}
.in_out_pop .input_box {float:left; width:40%; line-height:25px;}
.in_out_pop .input_box input {height:25px; width:43%;}
.in_out_pop .select_icon  {display:block; position:relative; width:58%; float:right;}
.in_out_pop .select_icon img {width:30px;}
.in_out_pop input {border:1px solid #ccc; height:25px;}
.in_out_pop select {height:25px; width:45%; border:1px solid #ccc;}
.in_out_pop .n_pop_btn {text-align:center; margin-top:15px;}
.in_out_pop .n_pop_btn a,
.in_out_pop .n_pop_btn button {cursor:pointer; display:inline-block; color:#fff; width:80px; height:25px; font-size:1.2em; line-height:25px;}
.in_out_pop .n_pop_btn a:first-child,
.in_out_pop .n_pop_btn button:first-child {background-color:#ff9600;}
.in_out_pop .n_pop_btn a:last-child,
.in_out_pop .n_pop_btn button:last-child {background-color:#7f7f7f;}
.in_out_pop .n_pop_btn a.btn_modi,
.in_out_pop .n_pop_btn button.btn_modi {background-color:#07ca7a;}

.in_out_pop02 {width:600px; height:700px; position:absolute; top:50%; left:50%; margin-left:-300px; margin-top:-350px; background-color:#fff; border:3px solid #11a266; z-index:1000; overflow:auto; box-sizing:border-box; padding:20px;}
.in_out_pop02 .pop_title {width:100%; position:relative; font-size:1.5em; margin-bottom:30px;}
.in_out_pop02 .pop_title a,
.in_out_pop02 .pop_title button {cursor:pointer; position:absolute; top:0; right:0;}
.in_out_pop02 table {border:1px solid #ccc; border-right:0; border-bottom:0;}
.in_out_pop02 table th {background-color:#f6f6f6; border-bottom:1px solid #ccc; padding:10px 0;}
.in_out_pop02 table td {border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:10px; box-sizing:border-box;}
.in_out_pop02 .input_box {float:left; width:40%; line-height:25px;}
.in_out_pop02 .input_box input {height:25px; width:90%;}
.in_out_pop02 .select_icon  {display:block; position:relative; width:58%; float:right;}
.in_out_pop02 .select_icon img {width:30px;}
.in_out_pop02 input {border:1px solid #ccc; height:25px;}
.in_out_pop02 select {height:25px; width:45%; border:1px solid #ccc;}
.in_out_pop02 .n_pop_btn {text-align:center; margin-top:15px;}
.in_out_pop02 .n_pop_btn a,
.in_out_pop02 .n_pop_btn button {cursor:pointer; display:inline-block; color:#fff; width:80px; height:25px; font-size:1.2em; line-height:25px;}
.in_out_pop02 .n_pop_btn a:first-child
.in_out_pop02 .n_pop_btn button:first-child {background-color:#ff9600;}
.in_out_pop02 .n_pop_btn a:last-child,
.in_out_pop02 .n_pop_btn button:last-child {background-color:#7f7f7f;}

.face {position:absolute; top:0; right:100px; z-index:1;}
.level {position:absolute; top:0; right:0;}

#face_list:checked + ul {display:block;}
/*#level_list:checked + ul {display:block;}*/

#face_list01:checked + ul {display:block;}
#level_list01:checked + ul {display:block;}

#face_list02:checked + ul {display:block;}
#level_list02:checked + ul {display:block;}

.face > div {text-align:right; width:79px;}
.face > ul {border:1px solid #ccc; background-color:#fff; padding:10px; position:absolute; top:-10px; left:10px; width:60px; display:none;}
.face > ul > li {margin-bottom:10px;}
.face > ul > li:first-child {margin-left:-10px; margin-top:-10px; width:133%; text-align:center; color:#fff; font-size:14px; line-height:14px; background-color:#11a266; padding:5px 0; margin-bottom:10px; display:block;}
.face > ul > li:first-child > label {display:block; padding:10px 0;}


.level > div {text-align:right; margin-right:15px;}
.level > ul {border:1px solid #ccc; background-color:#fff; padding:10px; position:absolute; top:-10px; left:0; width:40px; display:none;}
.level > ul > li {margin-bottom:10px; text-align:center;}
.level > ul > li:first-child {margin-left:-10px; margin-top:-10px; width:151%; text-align:center; color:#fff; font-size:14px; line-height:14px; background-color:#11a266; padding:5px 0; margin-bottom:10px; display:block;}
.level > ul > li:first-child > label {display:block; padding:10px 0;}

.n_level_pop {position:fixed; top:0; left:0; background-color:rgba(0,0,0,0.5); width:100%; height:100%; z-index:9999; display:none;}
.n_level_pop > div {width:600px; position:absolute; top:50%; left:50%; margin-left:-300px; margin-top:-200px; background-color:#fff; border:3px solid #11a266; z-index:1000; box-sizing:border-box; padding:20px; text-align:left;}
.n_level_pop > div .pop_title {width:100%; position:relative; font-size:1.5em; margin-bottom:30px;}
.n_level_pop > div .pop_title a,
.n_level_pop > div .pop_title button {cursor:pointer; position:absolute; top:0; right:0;}
.n_level_pop > div > ul > li {width:49%; display:inline-block; text-align:center;}
.n_level_pop > div > ul > li > a > img {width:70% !important;}



.r_btn {position:absolute; top:25px; right:0; font-size:1rem;}
.r_btn a,
.r_btn button {cursor:pointer; display:inline-block; color:#fff; width:55px; height:25px; text-align:center; line-height:25px;}
.r_btn a.input_btn,
.r_btn button.input_btn {background-color:#00a8ff;}
.r_btn a.output_btn,
.r_btn button.output_btn {background-color:#f75c58;}
.r_btn a.cash_btn,
.r_btn button.cash_btn {background-color:#0ec0b1;}
.r_btn a.card_btn,
.r_btn button.card_btn {background-color:#0ec027; width:70px;}
.r_btn a.recard_btn,
.r_btn button.recard_btn {background-color:#ed9100; width:70px;}
.r_btn a.a_btn,
.r_btn button.a_btn {background-color:#7e8bc7; width:35px;}
.r_btn a.b_btn,
.r_btn button.b_btn {background-color:#7ecf89; width:35px;}
.r_btn a.c_btn,
.r_btn button.c_btn {background-color:#faa758; width:35px;}
.r_btn a.d_btn,
.r_btn button.d_btn {background-color:#f97477; width:35px;}
.r_btn a.face01_btn,
.r_btn button.face01_btn {width:35px; color:#333; margin-top:-10px; margin-left:10px;}
.r_btn a.face01_btn,
.r_btn button.face01_btn img {display:block; width:100%;}

.r_btn02 {position:absolute; top:25px; right:0; font-size:1rem;}
.r_btn02 > ul {}
.r_btn02 > ul > li {display:inline-block; margin-right:5px;}
.r_btn02 > ul > li img {margin-right:5px; width:30%;}

.shp_btn {position:absolute; top:0; right:0; font-size:1rem;}
.shp_btn a,
.shp_btn button {cursor:pointer; display:inline-block; width:120px; height:35px; text-align:center; line-height:35px; border:1px solid #d7d7d7; margin-left:10px; margin-right:0;}
.shp_btn a.cart_btn,
.shp_btn button.cart_btn {background:url(../img/icon_cart.png) 20% center no-repeat #fff; padding-left:20px; color:#f13232;}

.shp_btn a.order_btn,
.shp_btn button.order_btn {background:url(../img/icon_order.png) 20% center no-repeat #fff; padding-left:20px; color:#ffba00;}
.shp_btn a.cart_on_btn,
.shp_btn button.cart_on_btn {background:url(../img/icon_cart_on.png) 20% center no-repeat #ec5268; padding-left:20px; color:#fff;}
.shp_btn a.order_on_btn,
.shp_btn a.order_on_btn {background:url(../img/icon_order_on.png) 20% center no-repeat #ffba00; padding-left:20px; color:#fff;}


a.pay_btn,
button.pay_btn {width:300px; text-align:center; color:#fff; font-size:1.5em; background-color:#ff9600; margin:0 auto; display:block; margin-bottom:30px; padding:10px 0;}
a.go_shopping,
button.go_shopping {width:300px; text-align:center; color:#ff9600; font-size:1.5em; background-color:#ffffff; border:3px solid #ff9600; margin:0 auto; display:block; margin-bottom:30px; padding:10px 0;}
a.pro_del_btn,
button.pro_del_btn {color:#fff; background-color:#999999; font-size:1em; padding:5px 15px; display:inline-block; margin-top:10px;}

a.list_b_btn,
button.list_b_btn {width:300px; text-align:center; color:#fff; font-size:1.5em; background-color:#07cab1; margin:0 auto; display:block; margin-bottom:30px; padding:10px 0;}
a.member_finish,
button.member_finish {width:300px; text-align:center; color:#07cab1; font-size:1.5em; background-color:#ffffff; border:3px solid #07cab1; margin:0 auto; display:block; margin-bottom:30px; padding:10px 0;}


a.del_btn,
button.del_btn {color:#fff; display:inline-block; background-color:#7f7f7f; max-width:150px; min-width:80px; width:15%; height:50px; line-height:50px; margin:30px auto; text-align:center; font-size:1.2em;}
a.modi_btn,
button.modi_btn {color:#fff; display:inline-block; background-color:#ff9600; max-width:150px; min-width:80px; width:15%; height:50px; line-height:50px; margin:30px auto; text-align:center; font-size:1.2em;}
a.list_btn,
button.list_btn {color:#fff; display:inline-block; background-color:#07cab1; max-width:150px; min-width:80px; width:15%; height:50px; line-height:50px; margin:30px auto; text-align:center; font-size:1.2em;}

.over_table_box01 {width:10%; float:left;}
.over_table_box02 {width:90%; overflow-y:auto; margin-left:90px}

.over_table_box01 th:last-child,
.over_table_box01 td:last-child {border-right:1px solid #d7d7d7 !important;}

.over_table_box {width:100%; margin:0 auto;}
.over_table_box table {margin-bottom:20px; float:left;}
.over_table_box th {color:#fff; font-size:1.2em; background-color:#07ca7a; font-weight:normal; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; box-sizing:border-box; padding:10px;}
.over_table_box th:last-child,
.over_table_box td:last-child {border-right:0;}
.over_table_box td {text-align:right; padding:10px; box-sizing:border-box; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;font-size:1em;}
.over_table_box .body_title {text-align:center; color:#333;}
.over_table_box .ta_input {color:#42b5ff;}
.over_table_box .ta_output {color:#f75c58;}
.over_table_box tfoot tr {background-color:#e7e7e7;}

.shp_btn {float:right;}

.shp_view {width:100%; padding:3% 0; overflow:hidden; border-bottom:1px solid #ccc; position:relative;}
.m_ac_box .shp_view:last-child {border-bottom:0;}

.shp_view .sum_img {float:left; width:45%;}
.shp_view .sum_img li {position:relative;}
.shp_view .sum_img li input {position:absolute; top:10px; left:10px; width:20px; height:20px;}
.shp_view .sum_img img {width:90%; border:1px solid #ccc; max-height:255px;}
.shp_view .pro_data {float:left; width:55%;border-bottom:1px solid #cacaca; margin-top:15px;}
.shp_view .pro_data .data_title {font-size:1.5em; border-bottom:1px solid #cacaca; padding-bottom:10px;}

.shp_view .pro_data dl {overflow:hidden; padding:20px 0;}
.shp_view .pro_data dt {float:left;width:19%; font-size:1.2em;}
.shp_view .pro_data dd {float:left; width:80%; text-align:right; font-size:1.5em;}

.shp_view .pro_data .shp_option dl {overflow:hidden; margin-bottom:10px; padding:0;}
.shp_view .pro_data .shp_option dl > dd input,
.shp_view .pro_data .shp_option dl > dd select {height:30px; border:1px solid #ccc; box-sizing:border-box;}
.shp_view .pro_data .shp_option dl > dd input {text-align:right;width:100px;}


.shp_view .pro_data dl:nth-child(1) {color:#898989;}
.shp_view .pro_data dl:nth-child(2) {color:#ff3c00;}
.shp_view .pro_data dl:nth-child(3) dt {color:#898989;}

.shp_view .pro_data02 {float:left; width:55%; margin-top:15px;}
.shp_view .pro_data02 .data_title {font-size:1.4em; padding-bottom:10px;}
.shp_view .pro_data02 dl {overflow:hidden; padding:0; margin-bottom:10px;}
.shp_view .pro_data02 dt {float:left;width:19%; font-size:1.2em;}
.shp_view .pro_data02 dd {float:left; width:80%; text-align:right; font-size:1.2em;}
.shp_view .pro_data02 dl:nth-child(1) {color:#ff3c00;}
.shp_view .pro_data02 dl:nth-child(2) {color:#898989;}
.shp_view .pro_data02 dl:nth-child(3) {color:#898989;}
.shp_view .pro_data02 dl:nth-child(4) {color:#898989;}



.shp_option {overflow:hidden; margin-top:20px;}
.shp_option dl {overflow:hidden; margin-bottom:20px;}
.shp_option dl > dt {width:20%; float:left; font-size:1.2em; color:#898989; line-height:30px;}
.shp_option dl > dd {width:80%; float:left; text-align:right;}
.shp_option dl > dd input,
.shp_option dl > dd select {height:30px; border:1px solid #ccc; box-sizing:border-box;}
.shp_option dl > dd input {text-align:right;width:50px;}
.shp_option dl > dd a,
.shp_option dl > dd button {cursor:pointer; display:inline-block; color:#fff; background-color:#b1b1b1; text-align:center; width:30px; height:30px; vertical-align:middle; line-height:30px;}

.total_money {background-color:#f3f3f3; font-size:1.2em; overflow:hidden; box-sizing:border-box; padding:20px 10px; color:#333;}
.total_money dt {float:left; width:25%;}
.total_money dd {float:right; text-align:right; width:70%; color:#ff3c00;}

.de_btn {text-align:center;}
.de_btn a,
.de_btn button {cursor:pointer; display:inline-block; margin:30px 0; box-sizing:border-box; text-align:center; padding:10px 30px; font-size:1.4em;}
.de_btn a:first-child,
.de_btn button:first-child {color:#07cab1; border:3px solid #07cab1; box-sizing:border-box; margin-right:20px;}
.de_btn a:last-child,
.de_btn button:last-child {color:#fff; border:3px solid #07cab1; background-color:#07cab1; box-sizing:border-box;}


.de_btn02 {text-align:center;}
.de_btn02 a,
.de_btn02 button {cursor:pointer; display:inline-block; margin:30px 0; box-sizing:border-box; text-align:center; padding:10px 30px; font-size:1.4em;}
.de_btn02 a:first-child,
.de_btn02 button:first-child {color:#ec5268; border:3px solid #ec5268; box-sizing:border-box; margin-right:20px;}
.de_btn02 a:last-child,
.de_btn02 button:last-child {color:#fff; border:3px solid #ec5268; background-color:#ec5268; box-sizing:border-box;}

.n_de_btn {text-align:center;}

.detail_img {background-color:#f3f3f3; width:100%; margin-bottom:30px; box-sizing:border-box; padding:10px;}
.detail_img img {max-width:100%;}

.post_info {width:100%; margin-bottom:30px;}
.post_info > dl {overflow:hidden; margin-bottom:10px;}
.post_info > dl > dt {float:left; width:15%; font-size:1.2em; color:#898989; line-height:30px;}
.post_info > dl > dd {float:right; width:85%; text-align:left;}
.post_info > dl > dd select,
.post_info > dl > dd input {height:30px; border:1px solid #ccc; box-sizing:border-box;}
.post_info > dl > dd a,
.post_info > dl > dd button {cursor:pointer; display:inline-block; color:#fff; background-color:#07cab1; height:30px; vertical-align:middle; font-size:1.2em; line-height:30px; padding:0 20px;}
.post_info > dl > dd .ex_txt {margin-top:5px; font-size:1.2em; color:#898989;}
.post_info > dl > dd .ex_txt span {color:#ff3c00; font-size:1em;}

.post_info02 {width:100%; border-bottom:1px solid #ccc;  margin-bottom:10px; box-sizing:border-box;}
.post_info02 > dl {overflow:hidden; margin-bottom:10px;}
.post_info02 > dl > dt {float:left; width:20%; font-size:1.2em; color:#898989; line-height:30px;}
.post_info02 > dl > dd {float:right; width:80%; text-align:left;  font-size:1.2em;}
.post_info02 > dl > dd select,
.post_info02 > dl > dd input {height:30px; border:1px solid #ccc; box-sizing:border-box; width:40%;}
.post_info02 > dl > dd a,
.post_info02 > dl > dd button {cursor:pointer; display:inline-block; color:#fff; background-color:#07cab1; height:30px; vertical-align:middle; font-size:1.2em; line-height:30px; padding:0 20px;}
.post_info02 > dl > dd .ex_txt {margin-top:5px; font-size:1.2em; color:#898989;}
.post_info02 > dl:last-child > dd input {width:15px; height:15px;}

.post_info03 ul {overflow:hidden; line-height:30px; margin-bottom:30px;}
.post_info03 ul li:first-child {float:left; color:#333; font-size:1.2em;}
.post_info03 ul li:first-child input {margin-right:10px;}
.post_info03 ul li:last-child {float:right;}
.post_info03 ul li:last-child a,
.post_info03 ul li:last-child button {cursor:pointer; display:inline-block; color:#fff; background-color:#07cab1;text-align:center; padding:0 20px; font-size:1.2em; box-sizing:border-box; height:30px; line-height:34px;}

.post_info04 {width:100%; margin-bottom:10px; box-sizing:border-box;}
.post_info04 > dl {overflow:hidden; margin-bottom:10px;}
.post_info04 > dl > dt {float:left; font-size:1.2em; color:#898989; line-height:30px; min-width:124px;}
.post_info04 > dl > dd {float:left; width:80%; text-align:left;  font-size:1.2em;}
.post_info04 > dl > dd select,
.post_info04 > dl > dd input {height:30px; border:1px solid #ccc; box-sizing:border-box; width:40%;}
.post_info04 > dl > dd a,
.post_info04 > dl > dd button {cursor:pointer; display:inline-block; color:#fff; background-color:#07cab1; height:30px; vertical-align:middle; font-size:1.2em; line-height:30px; padding:0 20px;}
.post_info04 > dl > dd .ex_txt {margin-top:5px; font-size:1.2em; color:#898989;}
.post_info04 > dl > dd input[type=radio] {width:15px; height:15px;}

.g_money_box {background-color:#f3f3f3; margin-bottom:30px; overflow:hidden; box-sizing:border-box; padding:20px;}
.g_money_box dl {overflow:hidden; font-size:1.2em; margin-bottom:10px;}
.g_money_box dl:last-child {margin-bottom:0; color:#ff3c00;}
.g_money_box dt {float:left;}
.g_money_box dd {float:right;}

.g_money_box02 {background-color:#f3f3f3; margin-bottom:30px; overflow:hidden; box-sizing:border-box; padding:20px;}
.g_money_box02 dl {overflow:hidden; font-size:1.2em; margin-bottom:10px;}
.g_money_box02 dl:nth-child(2) > dd {color:#ff3c00;}
.g_money_box02 dt {float:left;}
.g_money_box02 dd {float:right;}

.top_odrer_title {background-color:#fffada; text-align:center; margin-bottom:20px; padding:30px 0 20px 0;}
.top_odrer_title .icon_txt {background:url(../img/icon_top_odrer_title.png) left 0 no-repeat; display:inline-block; color:#ec5268; font-size:3em; font-weight:bold; padding-left:60px; line-height:2em;}
.top_odrer_title p {font-size:1.4em; line-height:1.6em;}

.top_member_title {background-color:#fffada; text-align:center; margin-bottom:20px; padding:30px 0 20px 0;}
.top_member_title .icon_txt {background:url(../img/icon_member.png) left 0 no-repeat; display:inline-block; color:#ec5268; font-size:3em; font-weight:bold; padding-left:60px; line-height:2em;}
.top_member_title p {font-size:1.4em; line-height:1.6em;}


.ord_num {width:100%; margin-bottom:20px;}
.ord_num ul {overflow:hidden;width:100%;}
.ord_num li {font-size:1.2em; color:#898989;}
.ord_num li:first-child {float:left;}
.ord_num li:last-child {float:right; text-align:right;}

.alt_txt {font-size:1.2em; line-height:150%;}

.view_title {margin-top:30px; font-size:1.5em; border-bottom:1px solid #ccc; padding-bottom:10px;}
.view_title span {color:#898989; font-size:0.7em; margin-bottom:10px;}
.view_title span.name {font-size:0.7em; color:#333; margin-left:10px;}
.view_title p {display:block;}
.view_title strong {color:#149ec0;}


.view_detail {padding:15px 0; border-bottom:1px solid #ccc; font-size:1.2em;}
.dw_file {padding:15px 0; border-bottom:1px solid #ccc;}
.dw_file dl {overflow:hidden; font-size:1.2em;}
.dw_file dl > dt {float:left; margin-left:5px;}
.dw_file dl > dd {float:left; padding-left:20px;}
.dw_file dl > dd > a {padding-bottom:2px; margin-bottom:5px; display:block; border-bottom:1px solid #fff;}
.dw_file dl > dd > a:last-child {margin-bottom:0;}
.dw_file dl > dd > a:hover {border-bottom:1px solid #000;}

.write_box {margin-top:20px;}
.write_box ul {width:100%; border-bottom:1px solid #ccc; padding:10px 0;}
.write_box input {height:27px; border:1px solid #ccc; width:100%; box-sizing:border-box;}
.write_box textarea {width:100%; height:200px; border:1px solid #ccc; width:100%; box-sizing:border-box;}

.overflow_box {overflow:auto; width:100%; height:100px; border:1px solid #ccc; box-sizing:border-box; padding:20px; margin-bottom:10px; line-height:150%;}

.mf_me {padding:20px; text-align:center;}
.mf_me > div {font-size:1.5em; margin-bottom:20px; text-align:left;}
.mf_me > p {font-size:1.2em; line-height:150%; text-align:left;}
.mf_me > a,
.mf_me > button {cursor:pointer; display:inline-block; max-width:240px; height:45px; line-height:45px; background-color:#1ccd84; color:#fff; margin-top:20px; font-size:1.2em; padding:0 20px;}

.word_box {padding:20px; line-height:150%; font-size:1.2em;}

.top_point {background-color:#fffada; text-align:center; padding:30px 0; margin-bottom:20px;}
.top_point > p {font-size:1.2em; color:#f6b009; margin-bottom:20px;}
.top_point > .point_box > p {background:url(../img/icon_point.png) no-repeat; font-size:3em; display:inline-block; padding-left:60px; font-weight:bold;}


.txt_tit {font-size:1.2em; color:#989898; margin-top:30px;}
.set_box {padding:30px 0;}
.set_box .incoming_box:first-child {padding-top:0;}
.set_box .incoming_box {border-bottom:1px solid #ccc; padding:30px 0;}
.set_box .incoming_box input {border:1px solid #ccc; height:30px; width:40%; box-sizing:border-box; margin-right:20px; text-indent:10px;}
.set_box .incoming_box a,
.set_box .incoming_box button {cursor:pointer; display:inline-block;  color:#fff; vertical-align:middle; line-height:30px; font-size:1.2em; width:60px; text-align:center;height:30px;}
.set_box .incoming_box a.inbox_01,
.set_box .incoming_box button.inbox_01 {background-color:#ff9600;}
.set_box .incoming_box a.inbox_02,
.set_box .incoming_box button.inbox_02 {background-color:#7f7f7f;}

.set_box02 {padding:0 0 30px 0;}
.set_box02 .incoming_box:first-child {padding-top:0;}
.set_box02 .incoming_box {border-bottom:1px solid #ccc; padding:30px 0;}
.set_box02 .incoming_box input {border:1px solid #ccc; height:30px; width:40%; box-sizing:border-box; margin-right:20px; text-indent:10px;}
.set_box02 .incoming_box a,
.set_box02 .incoming_box button {cursor:pointer; display:inline-block;  color:#fff; vertical-align:middle; line-height:30px; font-size:1.2em; width:60px; text-align:center;height:30px;}
.set_box02 .incoming_box a.inbox_01,
.set_box02 .incoming_box button.inbox_01 {background-color:#ff9600;}
.set_box02 .incoming_box a.inbox_02,
.set_box02 .incoming_box button.inbox_02 {background-color:#7f7f7f;}

.set_box02 .set_box02_tit {font-size:1.5em; margin-top:20px; margin-bottom:-20px;}
.set_box02 div.incoming_box:last-child {border-bottom:0;}

.set_box03 {padding:30px 0;}
.set_box03 .incoming_box:first-child {padding-top:0;}
.set_box03 .incoming_box {border-bottom:1px solid #ccc; padding:10px 0;}
.set_box03 .incoming_box select {border:1px solid #ccc; height:30px; width:40%; box-sizing:border-box; margin-right:20px; text-indent:10px;}
.set_box03 .incoming_box input {border:1px solid #ccc; height:30px; width:40%; box-sizing:border-box; margin-right:20px; text-indent:10px;}
.set_box03 .incoming_box a,
.set_box03 .incoming_box button {cursor:pointer; display:inline-block;  color:#fff; vertical-align:middle; line-height:30px; font-size:1.2em; width:60px; text-align:center;height:30px;}
.set_box03 .incoming_box a.inbox_01,
.set_box03 .incoming_box button.inbox_01 {background-color:#ff9600;}
.set_box03 .incoming_box a.inbox_02,
.set_box03 .incoming_box button.inbox_02 {background-color:#7f7f7f;}


.bank_box {overflow:hidden; box-sizing:border-box; margin-bottom:25px;}
.bank_box:last-child {margin-bottom:30px;}
.bank_s_box {border:5px solid #e1e1e1; box-sizing:border-box; padding:15px; margin-bottom:25px}
.bank_s_box:last-child {margin-bottom:0;}
.bank_s_box dl {float:right; width:80%;}
.bank_s_box dt {font-size:1.5em; margin-bottom:20px;}
.bank_s_box dd {color:#079aca; font-size:1.2em;}
.bank_s_box dd > ul > li:first-child {float:left;}
.bank_s_box dd > ul > li:last-child {float:left; color:#000;}
.bank_s_box dd > ul > li:last-child:before {content:':'; padding:0 10px;}
.bank_s_box .no_data {font-size:1.8em; text-align:center; height:100px; line-height:100px;}
.bank_top {overflow:hidden; margin-bottom:20px;}
.bank_img {float:left; width:19%; text-align:left; vertical-align:middle}
.bank_img img {width:100%; max-width:150px;}

.back_bottom {border-top:1px solid #cacaca; padding:20px 0 0 0; font-size:1.2em; overflow:hidden; color:#898989; line-height:30px;}
.back_bottom > ul > li:first-child {float:left;}
.back_bottom > ul > li:first-child span {color:#000;}
.back_bottom > ul > li:last-child {float:right;}
.back_bottom > ul > li:last-child  a,
.back_bottom > ul > li:last-child  button {cursor:pointer; display:inline-block;  color:#fff; vertical-align:middle; line-height:30px; font-size:1.2em; width:60px; text-align:center;height:30px;}
.back_bottom > ul > li:last-child  a.inbox_01,
.back_bottom > ul > li:last-child  button.inbox_01 {background-color:#ff9600;}

.ma_pc_input {margin-bottom:50px;}
.ma_pc_input_table {text-align:center;}
.ma_pc_input_table thead > tr > th {padding-bottom:10px;}
.ma_pc_input_table input,
.ma_pc_input_table select {height:30px; width:98%; border:1px solid #ccc; box-sizing:border-box; text-indent:10px;}
.ma_pc_input_table td.slt_box {position:relative; height:25px;}
.ma_pc_input_table td.slt_box input[type=checkbox] {height:0; width:0; text-indent:-1000px; font-size:0; display:none;}
.ma_pc_input_table td:last-child > a,
.ma_pc_input_table td:last-child > button {cursor:pointer; display:inline-block; border-radius:5px; background-color:#000; color:#fff; padding:3px 10px; font-size:16px; line-height:25px;}

.ma_pc_input_table .slt_ch {position:absolute; top:-5px; left:0; border:1px solid #ccc; z-index:999; width:98%; box-sizing:border-box; display:none; background-color:#fff;}
.ma_pc_input_table .slt_ch img {width:30%;}
.ma_pc_input_table .slt_ch > a:first-child,
.ma_pc_input_table .slt_ch > button:first-child {display:block; background-color:#11a266; color:#fff; padding:10px 0; margin-bottom:10px;}
.ma_pc_input_table .slt_ch > a:first-child label,
.ma_pc_input_table .slt_ch > button:first-child label {display:block; background-color:#11a266; color:#fff;}

.ch_mobile {display:block;}
.c06_txt {min-height:500px; text-align:center;}
.c06_txt p {font-size:16px; font-weight:bold; letter-spacing:1px; margin-bottom:50px;}
.c06_txt span {color:red; background-color:#ccc; padding:0 5px; margin-right:5px;}
.c06_txt button {height:30px; color:#fff; background-color:#07ca7a; font-size:14px; padding:0 10px; cursor:pointer;}
.c06_txt select {width:94px; border-right:0; margin-top:-1px; border:1px solid #ccc; height:30px;}

.pop_alt {text-align:center; font-size:16px; line-height:120%;}
.pop_alt div {text-align:center; margin-top:20px;}
.pop_alt div a {display:inline-block; height:30px; color:#fff; background-color:#07ca7a; font-size:16px; padding:0 10px; line-height:30px;}

.ma_pc_input_table .slt_ch li {margin-bottom:10px;}

#slt_ch_01:checked + .slt_ch {display:block;}
#slt_ch_02:checked + .slt_ch {display:block;}
#slt_ch02_01:checked + .slt_ch {display:block;}
#slt_ch02_02:checked + .slt_ch {display:block;}
#slt_ch02_03:checked + .slt_ch {display:block;}
#slt_ch02_04:checked + .slt_ch {display:block;}
#slt_ch02_05:checked + .slt_ch {display:block;}
#slt_ch02_06:checked + .slt_ch {display:block;}
#slt_ch02_07:checked + .slt_ch {display:block;}
#slt_ch02_08:checked + .slt_ch {display:block;}
#slt_ch02_09:checked + .slt_ch {display:block;}
#slt_ch02_10:checked + .slt_ch {display:block;}
#slt_ch02_11:checked + .slt_ch {display:block;}
#slt_ch02_12:checked + .slt_ch {display:block;}
#slt_ch02_13:checked + .slt_ch {display:block;}
#slt_ch02_14:checked + .slt_ch {display:block;}
#slt_ch02_15:checked + .slt_ch {display:block;}
#slt_ch02_16:checked + .slt_ch {display:block;}
#slt_ch02_17:checked + .slt_ch {display:block;}
#slt_ch02_18:checked + .slt_ch {display:block;}
#slt_ch02_19:checked + .slt_ch {display:block;}
#slt_ch02_20:checked + .slt_ch {display:block;}
#slt_ch02_21:checked + .slt_ch {display:block;}
#slt_ch02_22:checked + .slt_ch {display:block;}
#slt_ch02_23:checked + .slt_ch {display:block;}
#slt_ch02_24:checked + .slt_ch {display:block;}
#slt_ch02_25:checked + .slt_ch {display:block;}
#slt_ch02_26:checked + .slt_ch {display:block;}
#slt_ch02_27:checked + .slt_ch {display:block;}
#slt_ch02_28:checked + .slt_ch {display:block;}
#slt_ch02_29:checked + .slt_ch {display:block;}
#slt_ch02_30:checked + .slt_ch {display:block;}
#slt_ch02_31:checked + .slt_ch {display:block;}

#slt_ch03_01:checked + .slt_ch {display:block;}
#slt_ch03_02:checked + .slt_ch {display:block;}
#slt_ch03_03:checked + .slt_ch {display:block;}
#slt_ch03_04:checked + .slt_ch {display:block;}
#slt_ch03_05:checked + .slt_ch {display:block;}
#slt_ch03_06:checked + .slt_ch {display:block;}
#slt_ch03_07:checked + .slt_ch {display:block;}
#slt_ch03_08:checked + .slt_ch {display:block;}
#slt_ch03_09:checked + .slt_ch {display:block;}
#slt_ch03_10:checked + .slt_ch {display:block;}
#slt_ch03_11:checked + .slt_ch {display:block;}
#slt_ch03_12:checked + .slt_ch {display:block;}
#slt_ch03_13:checked + .slt_ch {display:block;}
#slt_ch03_14:checked + .slt_ch {display:block;}
#slt_ch03_15:checked + .slt_ch {display:block;}
#slt_ch03_16:checked + .slt_ch {display:block;}
#slt_ch03_17:checked + .slt_ch {display:block;}
#slt_ch03_18:checked + .slt_ch {display:block;}
#slt_ch03_19:checked + .slt_ch {display:block;}
#slt_ch03_20:checked + .slt_ch {display:block;}
#slt_ch03_21:checked + .slt_ch {display:block;}
#slt_ch03_22:checked + .slt_ch {display:block;}
#slt_ch03_23:checked + .slt_ch {display:block;}
#slt_ch03_24:checked + .slt_ch {display:block;}
#slt_ch03_25:checked + .slt_ch {display:block;}
#slt_ch03_26:checked + .slt_ch {display:block;}
#slt_ch03_27:checked + .slt_ch {display:block;}
#slt_ch03_28:checked + .slt_ch {display:block;}
#slt_ch03_29:checked + .slt_ch {display:block;}
#slt_ch03_30:checked + .slt_ch {display:block;}
#slt_ch03_31:checked + .slt_ch {display:block;}

.ma_pc_edit {padding-top:50px; clear:both;}
.ma_pc_edit .ma_pc_input_table td {padding-bottom:10px;}
.ma_pc_edit .ma_pc_input_table td.slt_box {position:relative; height:25px;}
.ma_pc_edit .ma_pc_input_table td.slt_box input[type=checkbox] {height:0; width:0; text-indent:-1000px; font-size:0; display:none;}
.ma_pc_edit .ma_pc_input_table td:nth-last-of-type(1) > a {display:inline-block; border-radius:5px; padding:3px 10px; font-size:16px; line-height:25px;}
.ma_pc_edit .ma_pc_input_table td:nth-last-of-type(2) > a {display:inline-block; border-radius:5px; padding:3px 10px; font-size:16px; line-height:25px;}
.ma_pc_edit .ma_pc_input_table td a.modi,
.ma_pc_edit .ma_pc_input_table td button.modi {background-color:#11a266; color:#fff; font-size:14px; line-height:16px;}
.ma_pc_edit .ma_pc_input_table td a.del,
.ma_pc_edit .ma_pc_input_table td button.del {background-color:#11447c; color:#fff; font-size:14px; line-height:16px;}
.ma_pc_edit .ma_pc_input_table td:nth-last-of-type(1) > button {cursor:pointer; display:inline-block; border-radius:5px; padding:3px 7px; font-size:16px; line-height:25px;}
.ma_pc_edit .ma_pc_input_table td:nth-last-of-type(2) > button {cursor:pointer; display:inline-block; border-radius:5px; padding:3px 7px; font-size:16px; line-height:25px;}


#ui-datepicker-div {z-index:9999 !important;}

.bk_in {display:none;}

.agent_input {display:none;}

.agent_input {display:none; margin-top:-15px;}
#join_agent:checked + .agent_input {display:block;}
.ag_ckbox {position:absolute; top:7px; left:0;}
.join_agent {padding-left:20px;}

.txt_box {overflow:hidden; background-color:#fff; box-sizing:border-box; padding:20px; margin-bottom:20px;}
.txt_box p.tit {font-size:20px; margin-bottom:10px; line-height:120%;}
.txt_box p {line-height:150%;}

#ra_day02:checked ~ .m12_box_w {display:block;}
#ra_day03:checked ~ .m12_box_m {display:block;}
#ra_day04:checked ~ .m12_box {display:block;}

#modi_ra_day02:checked ~ .m12_box_w {display:block;}
#modi_ra_day03:checked ~ .m12_box_m {display:block;}
#modi_ra_day04:checked ~ .m12_box {display:block;}

.m12_box,
.m12_box_w,
.m12_box_m {display:none; box-sizing:border-box; word-break:keep-all; overflow:hidden; width:100%;}

.m12_box li,
.m12_box_w li,
.m12_box_m li {display:inline-block; word-break:keep-all; width:50px; margin-right:10px;}

.m12_box li:last-child,
.m12_box_w li:last-child,
.m12_box_m li:last-child {margin-right:0;}

.m_mov {box-sizing:border-box; margin-bottom:20px;}
.m_mov_box {position:relative;padding-bottom:40.25%;padding-top:30px;height:0;overflow:hidden; width:100%; margin:0 auto;}
.m_mov iframe {position:absolute;top:0;left:0;width:100%;height:100%;}
.m_img {margin-bottom:20px; text-align:center;}
.m_img img {max-width:100%;}

.add_file {position:relative; overflow:hidden;}
.file_add {position:absolute; top:0; right:0; background-color:#ff9600 !important; color:#fff !important;}
.add_file input[type=file] {width:95%; margin-bottom:10px; text-align:middle; float:left;}
.add_file input[type=button] {width:30px; margin-bottom:10px; text-align:middle; color:#fff; background-color:#000; font-size:24px; float:right;}

.messenger_box {position:fixed; top:0; right:0; z-index:999; background-color:#fff; height:100%; border:1px solid #898989; border-top:0; border-bottom:0; width:300px; text-align:center; box-sizing:border-box;}
.messenger_box > .over_box { overflow:auto; height:100%; box-sizing:border-box; padding-bottom:20%; margin-top:-1px;}
.messenger_box > .over_box > .group {width:100%; margin:0 auto; box-sizing:border-box;}
.messenger_box > .over_box > .group > a {display:block;}
.messenger_box > .over_box > .group > a > dl {border-bottom:1px solid #eee; overflow:hidden; padding:10px 0 10px 10px;}
.messenger_box > .over_box > .group > a:last-child {margin-bottom:20px;}
.messenger_box > .over_box > .group > a:last-child > dl {border-bottom:0;}
.messenger_box > .over_box > .group > a > dl.lm_nd {width:90%; margin:0 auto;}
.messenger_box > .over_box > .group > a > dl > dt > img {border-radius:50%; -webkit-border-radius:50%; width:35px; height:35px; border:1px solid #eee; box-sizing:border-box;}
.messenger_box > .over_box > .group > a > dl > dt {float:left; margin-right:10px;}
.messenger_box > .over_box > .group > a > dl > dd {float:left; line-height:35px; height:35px; font-size:1.1em;}
.messenger_box > .over_box > .group > a:hover {background-color:#d4e4fe;}
.messenger_box > .over_box > .group > a:hover > dl > dt > img {border:1px solid #1341ee;}
.messenger_box > .over_box > .group_title {border:1px solid #ccc; border-left:0; border-right:0; background-color:#efefef; color:#000; font-size:1.1em; padding:5px 0 5px 15px; text-align:left; box-sizing:border-box;}
.messenger_box > .over_box02 {overflow:auto; height:90%; margin-top:-1px;}
.messenger_box > .over_box02 > .group_title {border:1px solid #ccc; border-left:0; border-right:0; background-color:#efefef; color:#000; font-size:1.1em; padding:5px 0 5px 15px; text-align:center; box-sizing:border-box;}
.messenger_box > .messenger_tit {font-size:1.4em; position:relative; padding:20px 0; border-bottom:1px solid #ccc;}
.messenger_box > .messenger_tit a.btn_close {position:absolute; top:50%; right:10%; height:10px; margin-top:-15px;}
.messenger_box > .messenger_tit a.btn_pre {position:absolute; top:50%; left:6%; height:10px; margin-top:-7px; font-size:14px; display:block; width:20px; height:30px;}

.m_input {overflow:hidden; height:50px; position:fixed; bottom:0px; right:0; width:300px; background-color:#fff; border:1px solid #898989; border-bottom:0; box-sizing:border-box; border-top:1px solid #ccc;}
.m_input li:nth-child(1) {width:10%;}
.m_input li:nth-child(2) {width:78%; text-align:left;}
.m_input li:nth-child(3) {width:12%; display:inline-block; box-sizing: border-box; border-left:1px solid #ccc; }
.m_input li:nth-child(3) img {opacity:0.8;}
.m_input li:nth-child(3) img:hover {opacity:1;}
.m_input li:nth-child(1) a {display:inline-block; margin:10% 0 0 12%;}
.m_input li:nth-child(1) div {background:rgba(0,0,0,0.5); color:#fff; border-radius:50%; width:15px; height:15px; text-align:center; line-height:18px;  box-sizing:border-box; font-size:18px;}
.m_input li:nth-child(1) div:hover {background:rgba(0,0,0,0.7);}
.m_input li {float:left; line-height:50px;}
.m_input li input  {height:28px; border:0; width:95%; box-sizing:border-box;}

.day_txt {overflow:hidden; margin-bottom:10px; padding-bottom:20%;}
.day_txt > div {margin-top:15px; font-size:12px;}
.day_txt > div > p {display:inline-block; max-width:78%; border-radius:10px; padding:5px 10px; box-sizing:border-box; vertical-align:bottom; font-size:14px;}
.l_txt {text-align:left; display:block;}
.l_txt > p {background-color:#dde9fe;  border:1px solid #d1ddf0; margin-left:10px;}
.r_txt {text-align:right; display:block;}
.r_txt > p {background-color:#f7f897;  border:1px solid #f6f7e8; margin-right:15px; text-align:left;}

@media only screen and (max-height:400px){
.day_txt {padding-bottom:30%;}
}

@media only screen and (max-width:1200px){
}



@media only screen and (max-width:1100px){
	.m_mt_none {margin-top:0 !important;}
	.width_box {width:100%; padding:0 1%; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
	.top_head {height:70px;}
	.top_menu_btn {height:70px; display:table-cell; vertical-align:middle}
	.top_menu_btn label {display:table-cell; vertical-align:middle; height:70px;}
	.top_menu_btn label img {width:80%;}

	.top_op > .login {display:table-cell; height:70px; vertical-align:middle;}
	.top_op {height:70px; line-height:70px;}
	.top_logo > div {height:70px;}

	.top_logo > div {height:70px; width:153px; margin:0 auto;}
	.top_logo > div > img {width:87%; height:auto; vertical-align:middle; margin-top:15px; margin-left:-15px;}
	.top_logo > div > a > img {width:87%; height:auto; vertical-align:middle; margin-top:15px; margin-left:-15px;}

	.site_alt > a {margin-left:10px;}
	.site_alt > a > div,
	.site_alt > button > div { margin-top:30%;}
	.site_alt > a:first-child > div,
	.site_alt > button:first-child > div {background-size:25px 20px; margin-right:0;}
	.site_alt > a:last-child  > div,
	.site_alt > button:last-child  > div {background-size:25px 20px;}
	.site_alt > a > div > div.count,
	.site_alt > button > div > div.count {background-size:20px 20px; line-height:20px; width:20px; top:-15px; right:0px;}


	.m_visual {background:url(none); width:100%; overflow:hidden; height:auto; }
	.m_visual_txt {padding:8% 0;}

	.m_list ul li {display:inline-block; width:49%; margin-right:1%;}
	.m_list ul li:last-child {margin-right:0;}
	.m_list ul li:nth-child(even) {margin-right:0;}
	.m_list ul li dt img {border:1px solid #ccc; width:100%; height:auto;}

	.top_head {top:0; z-index:100;}
	.main_content {margin-top:100px;}

	/* 메뉴 아이콘이 존재할때
	.mobile_foot_menu {display:block; position:fixed; bottom:0; left:0; width:100%; z-index:1;}
	.mobile_foot_menu > ul {border-top:5px solid #07ca7a; overflow:hidden;}
	.mobile_foot_menu > ul > li {float:left; width:25%; box-sizing:border-box; border-right:1px solid #dedede; text-align:center; background-size:50%; height:100px;}
	.mobile_foot_menu > ul > li:last-child {border-right:0;}
	.mobile_foot_menu > ul > li a,
	.mobile_foot_menu > ul > li button {cursor:pointer; padding-top:75px; display:block; width:100%; height:100%;}
	.mobile_foot_menu > ul > li:nth-child(1) {background:url(../img/foot_menu_img01.png) center 30% no-repeat #fff;}
	.mobile_foot_menu > ul > li:nth-child(2) {background:url(../img/foot_menu_img02.png) center 30% no-repeat #fff;}
	.mobile_foot_menu > ul > li:nth-child(3) {background:url(../img/foot_menu_img03.png) center 30% no-repeat #fff;}
	.mobile_foot_menu > ul > li:nth-child(4) {background:url(../img/foot_menu_img04.png) center 30% no-repeat #fff;}
	*/

	/* plus 버튼으로 대체 */
	.mobile_foot_menu {display:block; position:fixed; bottom:1%; right:2%; z-index:1;  }
	.mobile_foot_menu > ul {overflow:hidden; text-align:right;}
	.mobile_foot_menu > ul > li img {width:70%;}
	/* plus 버튼으로 대체 */


	.footer {margin-bottom:0;}
	.footer ul li a {font-size:1em;}
	.footer ul li:after {font-size:1em;}

	.address {font-size:1em;}
	.copy {font-size:1em;}

	.messenger_box {right:0;}
	.m_input {right:0;}

	.ch_mobile {display:none;}

	.before_txt:before {content:'엑셀 다운로드는 웹페이지에서만 가능 합니다.'; display:block; width:100%; height:100%;}
	.c06_txt {min-height:500px; text-align:center; display:none;}
	.c06_txt p {font-size:16px; font-weight:bold; letter-spacing:1px; margin-bottom:50px;}

}
@media only screen and (min-width:1100px){


}

}


@media only screen and (max-width:990px){
	.m_mov_box {position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden; width:100%; margin:0 auto;}
	.m_mov iframe {position:absolute;top:0;left:0;width:100%;height:100%;}
	.m_img img {width:100%;}
}

@media only screen and (max-width:900px){
}

@media only screen and (max-width:767px){
	.top_menu > div > ul,
	.top_menu > div > .menu_top {background-color:#fff; width:100%;}
	.top_menu > div > .menu_top .menu_logo {margin-left:10px; display:block;}
	.top_menu > div > .menu_top .menu_logo img {width:80%;}
	.top_menu > div > .menu_top {padding:15px 0;}
	.top_menu > div > .menu_top .menu_close {width:31px; position:absolute; top:15px; right:10px;}
	.top_menu > div > .mobile_login {background-color:#fff; width:100%;}

	.banner_box {margin-top:95px; margin-bottom:0;}
	.banner_box a,
	.banner_box button {cursor:pointer; width:100%; float:none; margin-bottom:10px;}
	.banner_box a img,
	.banner_box button img {width:100%;}
	.notice_box {position:absolute; top:0; left:0;}
	.notice_box li:nth-child(1) {width:15%;}
	.notice_box li:nth-child(3) {width:15%;}
	.notice_box li:nth-child(2) {width:70%;}

	.account_list ul li {float:none; width:100%; padding:2% 0;}
	.account_list ul li:first-child {border-bottom:1px solid #ccc;}

	.top_tab > ul > li a,
	.top_tab > ul > li button {cursor:pointer; font-size:1.2em; padding:10px 0;}
	.li_type03 li {width:33.0%;}
	.li_type03 li a,
	.li_type03 li button {cursor:pointer; width:100%; text-align:center; font-size:1em;}

	.li_type04 li {width:24.6%;}
	.li_type04 li a,
	.li_type04 li button {cursor:pointer; width:100%; text-align:center; font-size:1em;}
	.li_type04 li:last-child a,
	.li_type04 li:last-child button {cursor:pointer; font-size:1em;}


	.li_type05 li {width:19.6%;}
	.li_type05 li a,
	.li_type05 li button {cursor:pointer; width:100%; text-align:center; font-size:1em;}



	.n_pop {z-index:9999 !important; }
	.n_level_pop {z-index:10000 !important; }
	.in_out_pop {width:98%; height:100% !important; margin:0; position:absolute; top:0; left:1%; z-index:9999;}
	.in_out_pop02 {width:98%; height:100% !important; margin:0; position:absolute; top:0; left:1%; z-index:9999; overflow-x:yes;}

	.n_level_pop > div {width:98%; height:100% !important; margin-left:0; margin-top:0; position:absolute; top:0; left:1%; z-index:9999; padding:20px 10px; overflow:auto;}

	.over_table_box01 {width:10%; float:left;}
	.over_table_box02 {width:86%; overflow:auto; margin-left:100px;}

	.shp_btn {right:1%;}

	.post_info04 > dl > dt {float:left; width:20%; font-size:1.2em; color:#898989; line-height:30px; min-width:124px;}
    .post_info04 > dl > dd {float:left; width:77%; text-align:left;  font-size:1.2em;}

	.in_out_pop {padding:20px 10px;}

	.post_info > dl > dd .ex_txt span {display:block;}
}

@media only screen and (max-width:648px){
.add_file input[type=file] {width:90%; margin-bottom:10px; text-align:middle; float:left;}
}
@media only screen and (max-width:640px){

	.over_table_box01 {width:10%; float:left;}
	.over_table_box02 {width:84%; overflow:auto; margin-left:100px;}

	.shp_view .sum_img {float:none; width:100%;}
	.shp_view .sum_img img {width:100%; border:1px solid #ccc; max-height:auto;}

	.shp_view .pro_data {float:none; width:100%;}
	.shp_view .pro_data dl {overflow:hidden; padding:10px 0;}

	.shp_view .pro_data02 {float:none; width:100%;}
	.shp_view .pro_data02 dl {overflow:hidden;}
	.shp_view .pro_data02 dl dt {width:30%;}
	.shp_view .pro_data02 dl dd {width:70%;}

	.r_btn02 {position:absolute; top:0; right:0; font-size:1rem; width:50%; text-align:right;}
	.r_btn02 > ul > li {display:inline-block; margin-bottom:10px;}

	.post_info04 > dl > dt {float:left; width:20%; font-size:1.2em; color:#898989; line-height:30px; min-width:124px;}
    .post_info04 > dl > dd {float:left; width:70%; text-align:left;  font-size:1.2em;}

	.in_out_pop .input_box input {height:25px; width:80%; margin-bottom:10px;}

}

@media only screen and (max-width:530px){

	/*.top_menu > div > .menu_top .menu_point {display:block; width:100%;}*/
	.top_menu > div > .menu_top .menu_point {margin-top:1.5%; box-sizing:border-box; text-align:center; margin-left:0; line-height:32px;}
	.top_menu > div > .menu_top .menu_point span {font-size:13px; color:#8dc21f;}
	.top_menu > div > .menu_top .menu_point strong {font-size:16px; color:#f29731;}
	.top_menu > div > .menu_top .menu_point strong:after {background-size:20px 20px; background-position:0 6px;}

	.post_info > dl > dt {float:none; width:100%; font-size:1.2em; color:#898989; line-height:30px;}
	.post_info > dl > dd {float:none; width:100%; text-align:left;}

	.post_info02 > dl > dt {float:none; width:100%; font-size:1.2em; color:#898989; line-height:30px;}
	.post_info02 > dl > dd {float:none; width:100%; text-align:left;}
	.post_info02 > dl > dd input {width:100%;}

	.post_info04 > dl > dd {width:100%; text-align:left;  font-size:1.2em;}
	.post_info04 > dl > dd input {width:100%;}

	.incoming_box input {width:80%;}

	a.pay_btn {width:100%;}
	a.go_shopping {width:100%;}
	a.list_b_btn {width:100%;}

	button.pay_btn {width:100%;}
	button.go_shopping {width:100%;}
	button.list_b_btn {width:100%;}

	.txt_tit {display:none;}
}

@media only screen and (max-width:500px){
	.over_table_box02 {width:82%; overflow:auto; margin-left:100px;}

	.shp_btn a,
	.shp_btn button {margin-left:0; margin-right:0; margin-bottom:5px;}
}
@media only screen and (max-width:460px){

 .m_visual_txt img {width:95%;}
 .m_visual_txt > div > a,
 .m_visual_txt > div > button {cursor:pointer; display:inline-block; color:#fff; font-size:14px; width:49%; padding:2% 0;}
 .my_point dd  p {font-size:35px; background-size:15%; background-position:0 5px; padding-left:30px}
 .over_table_box02 {width:80%; overflow:auto; margin-left:100px;}

 .gray_pop {width:100%; right:0; box-sizing:border-box;}

 .page_shc > a, .page_shc > button {top:5px;}
}


@media only screen and (max-width:400px){

 .top_menu > div > .menu_top .menu_logo {width:120px;}
 .top_menu > div > .menu_top .menu_logo img {width:90%;}
 .top_menu > div > .menu_top .menu_close img {width:80%;}
 .m_list ul li {display:inline-block; width:100%; margin-right:0;}
 .m_list ul li:last-child {margin-right:0;}
 .m_list ul li:nth-child(even) {margin-right:0;}
 .m_list ul li dt img {border:1px solid #ccc; width:100%; height:auto;}

 .over_table_box02 {width:70%; overflow:auto; margin-left:100px;}

 .add_file input[type=file] {width:88%; margin-bottom:10px; text-align:middle; float:left;}

 a.print_btn {display:none;}

 .condition input {width:60%;}

 .shp_btn {top:-25px;}
 .shp_btn a,
 .shp_btn button {cursor:pointer; display:block; width:100px; height:35px; text-align:center; line-height:35px; border:1px solid #d7d7d7; margin-left:0; margin-right:0; margin-bottom:5px;}

 .in_out_pop02 a.bk_pop_ch,
 .in_out_pop02 button.bk_pop_ch  {padding:0 2%; margin-left:10px;}

 .fls {width:50%;}

 .messenger_box {width:100%; right:0;}
 .m_input {width:100%; right:0;}

 .n_level_pop > div > ul > li > a > img {width:100% !important;}

 .face {right:62px;}
 .level {right:-20px;}

 .in_out_pop .input_box input {height:25px; width:90%; margin-bottom:10px;}

}