@charset 'utf-8';

::placeholder {
    color:#38afe9;
    font-weight:bold;
    opacity:1;
}

:-ms-input-placeholder {
	font-weight:bold;
	color:#38afe9;
}

::-ms-input-placeholder {
	font-weight:bold;
	color:#38afe9;
}

@font-face { font-family: 'NanumBarunGothic';font-display: block;
src: url('../font/NanumBarunGothic.woff') format('woff');}


body {font-family:'NanumBarunGothic'; font-size:12px;color:#7d7d7d;position:relative; -webkit-overflow-scrolling: touch;}



body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, input, table, tr, th, td, textarea, pre, button, a {margin:0; padding:0;}
a {cursor: pointer;}
h1, h2, h3, h4, h5, h6{font-weight:normal; font-size:13px;}
em {font-style:normal;}
ul, ol, li{list-style:none}
button, a, fieldset, img {border:none}
body a {color:#7d7d7d;text-decoration:none;}
body a:hover, body a:active,body a:focus {text-decoration:none;}
pre {padding-top:5px;}
table {margin:0;padding:0;border-spacing:0;border-collapse:collapse;border:0;font-size:12px;width:100%;table-layout:fixed;}
th,td {text-align:left;padding:0;margin:0;}
hr {display:none}
caption, legend{position:absolute;width:0;height:0;overflow:hidden;text-indent:-9999px;font-size:0;}
input,select,button{vertical-align:middle}
input[type=text],input[type=password]{outline-style:none;-webkit-appearance:none;border-radius:0;-webkit-border-radius:0;}
textarea{border:1px solid #dddddd;box-sizing:border-box;border-radius:0;-webkit-border-radius:0;}
input, select{font-size:100%;width:100%;margin:0;height:30px;padding:0 6px;border:1px solid #ddd;line-height:normal;color:#666666;box-sizing:border-box;border-radius:0;-webkit-border-radius:0;}
button {margin:0;padding:0;line-height:normal;color:#666666;border:none;background:none;}
button, select {text-transform:none;background:transparent;}
select {padding:0 23px 0 6px;text-transform:none;
  -webkit-appearance:none;  /* 네이티브 외형 감추기 */
  -moz-appearance:none;
  appearance:none;
  background:url(../img/select_arrow_m.png) no-repeat right 50%;background-size:16px;  /* 화살표 모양의 이미지 */ 
}
select::-ms-expand {display:none;} /* IE 10, 11의 네이티브 화살표 숨기기 */
} 
input[type="file"]{padding:0;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance:button; cursor:pointer;}
button[disabled], html input[disabled] {cursor:default;}
input[type="checkbox"] {width:15px;height:15px;box-sizing:border-box; padding:0; vertical-align:middle;border:1px solid #dddddd;}
input[type="radio"] {-webkit-appearance:button;width:0px;height:0px;margin-left:5px;box-sizing:border-box; padding:0; vertical-align:middle;border:none; margin-bottom:7px;padding-bottom:20px;}
input[type='radio']:after {
        width:10px;
        height:10px;
        border-radius:15px;
        top:-2px;
        left:-1px;
        position:relative;
        background-color:#d1d3d1;
        content:'';
        display:inline-block;
        visibility:visible;
        border:8px solid white;
    }

    input[type='radio']:checked:after {
        width:10px;
        height:10px;
        border-radius:15px;
        top:-2px;
        left:0px;
        position:relative;
        background-color:#38afe9;
        content:'';
        display:inline-block;
        visibility:visible;
        border:8px solid white;
    }
input[type="search"] {-webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
/* button::-moz-focus-inner, */ input::-moz-focus-inner {border:0; padding:0;}
.login_box .input input::-webkit-input-placeholder{color:#00a0e8;}
input::-o-input-placeholder{color:#fff;}
input::-moz-placeholder{color:#fff;opacity:1;}
input:-ms-input-placeholder{color:#fff;}

textarea {overflow:auto; vertical-align:top;}
a:link, a:visited {margin:0; padding:0; border:0; vertical-align:middle;text-decoration:none;}
/*a:active, a:hover {color:#3a9df0; text-decoration:none;}*/

/* skip */
legend, hr, .skip,caption{position:absolute; left:-9999px; width:0; height:0; font-size:0; line-height:0; overflow:hidden;}

/* skipNavi */
#skipNavi {position:absolute;margin:0 auto;width:100%;list-style:none;font-size:1.15em;top:-10.5em;left:0;z-index:99999;}
#skipNavi a:active, #skipNavi a:focus {position:absolute;padding-top:0.5em;width:100%;height:2em;top:10.5em;/* left:0; */text-align:center;color:#000;font-weight:bold;/* text-decoration:underline;*/background:#fff;border:1px solid #475470;outline:0;}
.invisible {overflow:hidden;visibility:hidden;position:absolute;width:0;height:0;font-size:0;}

/* apple */
a[x-apple-data-detectors] {
  color:#1262a8 !important;
  text-decoration:none !important;
  font-size:inherit !important;
  font-family:inherit !important;
  font-weight:inherit !important;
  line-height:inherit !important;
}

/* button */
.btnArea{margin-top:10px;text-align:right;} .btnAreaL{margin-top:10px;text-align:right;} .btnAreaC{margin-top:10px;text-align:center;}

.btn_sky{display:inline-block;width:100%;height:34px;text-align:center;line-height:34px;font-size:14px;font-weight:bold;color:#434343 !important;background-color:#fdd000;border:none;-webkit-border-radius:3px;-o-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}

.ico_status_yellow, .ico_status_red, .ico_status_blue, .ico_status_green{display:inline-block;width:60px;height:19px;text-align:center;line-height:19px;font-weight:bold;color:#fff !important;background-color:#ddd;border:none;-webkit-border-radius:3px;-o-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.ico_status_yellow{background-color:#f39c12;}
.ico_status_red{background-color:#dd4b39;}
.ico_status_blue{background-color:#3c8dbc;}
.ico_status_green{background-color:#00a65a;}
.txt_status_yellow, .txt_status_red, .txt_status_blue, .txt_status_green{display:inline-block;padding:0 10px;height:19px;text-align:center;line-height:19px;color:#fff !important;background-color:#ddd;border:none;-webkit-border-radius:3px;-o-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.txt_status_yellow{background-color:#f39c12;}
.txt_status_red{background-color:#dd4b39;}
.txt_status_blue{background-color:#3c8dbc;}
.txt_status_green{background-color:#00a65a;}

.txt_point_yellow{display:inline-block;width:90px;height:19px;text-align:center;line-height:19px;color:#fff !important;background-color:#ddd;background-color:#f39c12;border:none;-webkit-border-radius:3px;-o-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.txt_point_yellow:before{content:"";display:inline-block;width:7px;height:7px;margin-right:5px;border:none;vertical-align:1px;background:url('../img/ico_plus.png') no-repeat 0 0;background-size:7px 7px;}
.txt_point_red{display:inline-block;width:90px;height:19px;text-align:center;line-height:19px;color:#fff !important;background-color:#ddd;background-color:#dd4b39;border:none;-webkit-border-radius:3px;-o-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.txt_point_red:before{content:"";display:inline-block;width:7px;height:2px;margin-right:5px;border:none;vertical-align:3px;background:url('../img/ico_minus.png') no-repeat 0 0;background-size:7px 2px;}
.txt_point_blue{display:inline-block;width:90px;height:19px;text-align:center;line-height:19px;color:#fff !important;background-color:#ddd;background-color:#3c8dbc;border:none;-webkit-border-radius:3px;-o-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.txt_point_blue:before{content:"";display:inline-block;width:7px;height:2px;margin-right:5px;border:none;vertical-align:3px;background:url('../img/ico_minus.png') no-repeat 0 0;background-size:7px 2px;}

.buttonback {
	background-color:#009fe3;
	-webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.1s;cursor: pointer;
    width:80%;
    text-align:center;
    font-size: initial;
    margin-bottom: 5px;
    margin-left: auto; margin-right: auto;
    vertical-align: middle;
    height:45px;
    color:white;    
}

.buttonback:hover {
	background-color:white; width:80%;
}
/* common */
[class^=btn_], [class^=ico_]{display:inline-block;overflow:hidden;vertical-align:middle;}
.ir{display:block;overflow:hidden;position:relative;z-index:-1;height:11px;font-size:11px;white-space:nowrap}
.txt_ellipsis{display:inline-block; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.mt0{margin-top:0 !important} .mt5{margin-top:5px !important} .mt10{margin-top:10px !important} .mt15{margin-top:15px !important} .mt20{margin-top:20px !important}
.mb0{margin-bottom:0 !important} .mb10{margin-bottom:10px !important} .mb20{margin-bottom:20px !important}
.ml7{margin-left:7px !important}
.mr20{margin-right:20px !important}
.mtm8{margin-top:-8px !important}

.pt0{padding-top:0 !important}
.pl10{padding-left:10px !important} .pl15{padding-left:15px !important}
.pb18{padding-bottom:18px !important}

.txt_center{text-align:center !important;}.txt_left{text-align:left !important;}.txt_right{text-align:right !important;}
.fl {float:left;}.fr {float:right;}
.clear:after{content:'';display:block;clear:both;height:0;visibility:hidden;}

/* txt color */
.txt_yellow{color:#f39c12 !important;} .txt_yellow2{color:#ffd188 !important;} .txt_red{color:#dd4b39 !important;} .txt_green{color:#00a65a !important;} .txt_blue{color:#3c8dbc !important;} .txt_sky{color:#009fe3 !important;} .txt_gray{color:#a1a1a1} .txt_darkgray{color:#646464} .black{#000000;}
strong.underline{text-decoration:underline;}

/* layout */
html, body {height:100%;}
#deemed{width:100%;height:100%;position:fixed;left:0;top:0;opacity:0.3;filter:alpha(opacity=30);background:#000; z-index:30;display:none;}
#deemed.active{display:block;}

#wrap{width:100%;min-height:100%;height:auto;position:relative;padding-bottom:1px;background-color:#36373f;}
#wrap.active {overflow:hidden;height:100%;}

#wrap_con{width:100%;min-height:100%;height:auto;position:relative;padding-bottom:1px;background-color:#eaeaea;overflow-x: hidden;overflow-y:hidden; }
#wrap_con.active {overflow:hidden;height:100%;}

#header{width:100%;position:fixed;top:0;height:40px;background-color:#009fe3;z-index:32;}
#header:after {content:'';display:block;clear:both;height:0;visibility:hidden;}
#header h1 a{position:absolute;top:6px;width:188px;height:42px;margin-left:10px;text-indent:-9999px; overflow:hidden;background:url('../img/top_logo.png') no-repeat 0 0; background-size:cover;}

#head_sub{width:100%;position:fixed;top:40px;height:40px;line-height:43px;z-index:32;background-color:#333842;color:white;text-align:right;}
#head_sub h2{font-size:16px;font-weight:300;padding:5px;}
#head_sub .prev{position:absolute;top:0;left:0;}
#head_sub .prev .btn_prev{width:53px;height:43px;text-indent:-9999px; overflow:hidden;background:url('../img/btn_prev2.png') no-repeat 0 0; background-size:cover;}
#head_sub .prev .btn_home{width: 38px;height: 43px;text-indent: -9999px;overflow: hidden;background: url(../img/btn_home.png) no-repeat 0 0;background-size: 34px; background-position: 3px 5px;}


#head_sub02{width:100%;position:fixed;top:60px;height:37px;z-index:32;background-color:#ffffff;text-align:center;padding-top:10px;border-bottom: 1px solid #e2e2e2;}
#head_sub02 h2{font-size:18px;font-weight:500;padding:5px;color:#545454;}
#head_sub02 .prev{position:absolute;top:0;left:0;}
#head_sub02 .prev .btn_prev{width:53px;height:43px;text-indent:-9999px; overflow:hidden;background:url('../img/btn_prev.png') no-repeat 0 0; background-size:cover;}

#head_sub_main{width:100%;position:fixed;top:44px;height:43px;padding:50px 0px;text-align:center;z-index:32;color:#fff;}
#head_sub_main h2{font-size:16px;font-weight:bold;}
#head_sub_main .prev{position:absolute;top:0;left:0;}

.main_font_s{font-size:4.0vw; color:white;}
.main_font_l{font-size:10.8vw; color:#fdd000;}
.main_font_padding{padding:12px;}

#content {box-sizing:border-box;padding-top:80px;background-color:#fff;}
#content.cpd0{padding-top:45px;}

#content02 {box-sizing:border-box;padding-top:90px;}
#content02.cpd0{padding-top:45px;}

#login_content {box-sizing:border-box;padding:0px 0 15px;}
#login_content.cpd0{padding-top:10px;}

.p_point{border:1px solid #00a0e8;font-size:13px;color:#ffffff;border-radius:20px;width:100px;height:20px;pading:5px 10px 3px 10px;text-align:center;vertical-align: middle;display:block;line-height: 23px;}


.bg_box{margin-right:30px;margin-left:30px;box-sizing:border-box;background-color:#fff;border-radius:3px;}
.bg_box.bTyellow{border-top:3px solid #fdd000}
.bg_box.bTblue{border-top:3px solid #3c8dbc}
.bg_box.bTnone{border-top:none;}
.bg_box .sub_tit{position:relative;height:36px;line-height:36px;border-bottom:1px solid #ddd;}
.bg_box .sub_tit h4{padding-left:13px;color:#333;font-size:14px;font-weight:bold;}
.bg_box .sub_tit .btn_more{position:absolute;top:6px;right:8px;width:56px;height:25px;text-indent:-9999px; overflow:hidden;background:url('../img/btn_more.png') no-repeat 0 0; background-size:56px 25px;}
.bg_box .bx_cnt{padding:8px 6px;}

.bg_box_full{box-sizing:border-box;background-color:#fff;border-radius:3px;}
.bg_box_full.bTyellow{border-top:3px solid #fdd000}
.bg_box_full.bTblue{border-top:3px solid #3c8dbc}
.bg_box_full.bTnone{border-top:none;}
.bg_box_full .sub_tit{position:relative;height:36px;line-height:36px;border-bottom:1px solid #ddd;}
.bg_box_full .sub_tit h4{padding-left:13px;color:#333;font-size:14px;font-weight:bold;}
.bg_box_full .sub_tit .btn_more{position:absolute;top:6px;right:8px;width:56px;height:25px;text-indent:-9999px; overflow:hidden;background:url('../img/btn_more.png') no-repeat 0 0; background-size:56px 25px;}
.bg_box_full .bx_cnt{padding:8px 6px;}

/* footer */
#footer{padding:15px;text-align:center;color:#939393;background-color:#333842;}
#footer h1{font-size:13px;font-weight:bold;}
#footer .login_address{margin-top:5px;font-size:11px;line-height:15px;}
#footer .login_copyright{font-size:11px;}
#footer .login_privacy{font-size:11px;}

#footer .address{margin-top:5px;font-size:10px;line-height:13px;color:#bfbfbf;}
#footer .copyright{font-size:10px;color:#bfbfbf;margin-top:2px;}
#footer .privacy{font-size:10px;color:#bfbfbf;margin-top:2px;}

/* lnb */
.lnb_area {float:right;position:relative;}
.lnb_area button.btn_lnb {width:56px;height:43px;text-indent:-9999px; overflow:hidden;background:url('../img/btn_menu.png') no-repeat 0 0;background-size:cover;}
.lnb_area.active button.btn_lnb {background:url('../img/btn_menu_close.png') no-repeat 0 0;background-size:cover;}
.lnb_list_wrap {display:none;background-color:#ffffff;}
.lnb_list_wrap.active {display:block;position:fixed;top:60px;right:0;bottom:0;width:310px;overflow:hidden;z-index:32;}
.lnb_list_wrap .inner {position:relative;width:100%;height:100%;}
.lnb_list_wrap .inner .side_menu_wrap {position:absolute;width:100%;left:0;right:0;top:0;bottom:0;padding-bottom:20px;overflow-x:hidden;overflow-y:auto;}
.lnb_list_wrap .inner .side_menu_wrap h3{height:60px;padding-left:24px;line-height:40px;font-size:19px;font-weight:900;font-family:;color:#464646;background-color:#ffffff;width:286px;}
.lnb_list_wrap .inner ul.side_menu > li > a {height:40px;display:block;position:relative;padding-left:22px;line-height:40px;font-size:16px;color:#434343;border-bottom:1px solid #e2e2e2;}

.lnb_list_wrap .inner ul.side_menu > li.plus > a:after {width:14px;height:14px;margin-top:-7px;position:absolute;top:50%;right:17px;content:'';display:inline-block;background:url(../img/icon_plus.png) no-repeat 0 0;background-size:13px;}
.lnb_list_wrap .inner ul.side_menu > li.plus.active > a:after {width:14px;height:14px;margin-top:-7px;position:absolute;top:50%;right:17px;content:'';display:inline-block;background:url(../img/icon_minus.png) no-repeat 0 0;background-size:13px;}
.lnb_list_wrap .inner ul.side_menu > li ol {display:none;background-color:#eaeaea;}
.lnb_list_wrap .inner ul.side_menu > li ol li a {display:block;height:35px;line-height:35px;padding-left:35px;color:#434343;font-size:14px;}
.lnb_list_wrap .inner ul.side_menu > li ol li.active a {color:#fff;font-weight:bold;background-color:#1263a8;}
.lnb_list_wrap .inner ul.side_menu > li.active ol {display:block;}

/* intro */
.bg_blue{background-color:#009fe3 !important;}
.bg_blue .intro_logo{position:absolute;top:40%;left:50%;margin-top:-75px;margin-left:-86px;}
.bg_blue .intro_copyright{position:absolute;bottom:30px;text-align:center;width:100%;color:#fff;font-size:10px;}

.bg_gray{background-color:#36373f !important;}
.bg_gray .intro_logo{position:absolute;top:40%;left:50%;margin-top:-75px;margin-left:-86px;}
.bg_gray .intro_copyright{position:absolute;bottom:30px;text-align:center;width:100%;color:#fff;font-size:10px;}

/* login */
.login_area{padding:0px 30px 0;}
.login_area .login_form{padding:10px 30px 40px;}
.login_area .login_form.bg_find{background:#fff url('../images/member/img_find.png') no-repeat center 20px;background-size:75px;}
.login_area .login_form .login_box{width:100%;}
.login_area .login_form .login_box .input{margin-top:20px;}
.login_area .login_form .login_box .input * {vertical-align:middle;}
.login_area .login_form .login_box input[type=text], .login_area .login_form .login_box input[type=password] {border:none;border-bottom:1px solid #fff;background:none;color:#fff;}
.login_area .login_form .login_box .input li{margin-bottom:10px;display:table;width:100%;}
.login_area .login_form .login_box .input input{height:45px;width:100%;padding:0px 0px 0px 10px;color:#000;font-size:14px;background-color:#fff;}

.login_area .login_form .login_box .command{margin-top:25px;height:auto; background:#00a0e8; text-align:center;}
.login_area .login_form .login_box .command .btn_login{display:inline-block;width:100%;height:34px;text-align:center;line-height:34px;font-size:14px;font-weight:bold;color:#888888 !important;background-color:#ffffff;border:none;-webkit-border-radius:3px;-o-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.login_area .login_form .login_box .save{margin-top:12px;color:#fff;}
.info_link{margin:0;text-align:center; border-top: 1px solid #424752;border-bottom: 1px solid #424752;padding:20px 20px;}
.info_link a{color:#fff;text-decoration:underline;margin:0 10px;}


/* login FAQ */
#faq{border:1px solid #ddd;}
#faq .faq_list dt, #faq .faq_list dd{padding:10px 10px;border-top:1px solid #ddd;}
#faq .faq_list dt{border-top:1px solid #ddd;}
#faq .faq_list dt a{font-size:13px;color:#3c8dbc;}
#faq .faq_list dd{display:none;}

/* login Notice */
.tbl_style01 table{width:100%;border-collapse:collapse;}
.tbl_style01 table th{height:30px;padding:6px 10px 5px;font-size:15px;font-weight:bold;color:#00a0e8;}
.tbl_style01 table td{height:30px;padding:6px 5px 5px;font-size:12px;word-break:break-all}
.tbl_style01 table td.right{text-align:right;}
.tbl_style01 table td.center{text-align:center;}
.tbl_style01 table td.search_result{padding:5px 10px;font-size:14px;color:#fdd000;background-color:#222d32;}
.tbl_style01 table td.search_result_padding_10{padding:10px 10px;font-size:14px;color:#fff;background-color:#222d32;}

.tbl_style02 table{width:100%;border-collapse:collapse;border:1px solid #dcdcdc;}
.tbl_style02 table th{height:30px;padding:6px 0 5px;text-align:center;font-size:12px;font-weight:bold;color:#333;border-bottom:1px solid #dcdcdc;}
.tbl_style02 table td{height:30px;padding:6px 10px 5px;font-size:12px;border-bottom:1px solid #dcdcdc;word-break:break-all}
.tbl_style02 table td.right{text-align:right;}
.tbl_style02 table td.center{text-align:center;}

.tbl_style03 table{width:100%;border-collapse:collapse;border:1px solid #dcdcdc;}
.tbl_style03 table th{height:30px;padding:6px 0 5px;text-align:center;font-size:12px;font-weight:bold;color:#333;border:1px solid #dcdcdc;background-color:#eee;}
.tbl_style03 table td{height:30px;padding:6px 10px 5px;font-size:12px;border:1px solid #dcdcdc;word-break:break-all}
.tbl_style03 table td.right{text-align:right;}
.tbl_style03 table td.center{text-align:center;}

.table-striped>tbody>tr:nth-of-type(even){background-color:#f9f9f9}

.pagination_area{}
.pagination{text-align:center;/*width:161px;margin:0 auto;*/}/* 3p:161px, 5p :225px */
.pagination:after{content:'';display:block;clear:both;height:0;visibility:hidden;}
.pagination{padding:12px 0;border-radius:4px;}
.pagination>li{display:inline-block;}
.pagination>li a{/*position:relative;float:left;*/padding:6px 12px;line-height:1.4;font-family:"Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;border:1px solid #ddd;background-color:#fafafa;}
.pagination>li:first-child>a, .pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px;}
.pagination>li:last-child>a, .pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{color: #009fe3;
    border: 1px solid #dedede;
    margin: 0 2px;
    border-radius: 3px;
    background-color: #ffffff;}
.paginBtn{padding:10px 10px 0;}
.paginBtn img{vertical-align:top;}

/* main */
.main_status .user{padding-left:28px;font-size:14px;color:#fdd100;padding-top:5px;}
.main_status .user a{color:#fdd100;}
.main_status .user strong{font-size:18px;}
.main_status .status{margin-top:25px;}
.main_status .status:after{content:'';display:block;clear:both;height:0;visibility:hidden;}
.main_status .status li{width:33.3%;float:left;text-align:center;}
.main_status .status li strong{font-size:17px;color:#fdd000;}
.main_status .status li strong.point{color:#3c8dbc;}
.main_status .status li p{margin-top:15px;color:#fff;font-weight:bold;}

/* 세탁물 현황 */
.laundry_tit{padding:6px 5px 10px;}
.laundry_tit:after{content:'';display:block;clear:both;height:0;visibility:hidden;}
.laundry_tit span{float:left;color:#3c8dbc;}
.laundry_tit span.date{margin-right:10px;}
.laundry_tit strong{float:right;}

/* 이용내역 */
.use_history{}
.use_history li{padding:10px 0 10px 0px;border-bottom:1px solid #ddd;}
.use_history li:last-child{padding:10px 0 10px 0px;border-bottom:2px solid #fdd000;}
.use_history li .type:after{content:'';display:block;clear:both;height:0;visibility:hidden;}
.use_history li .type .fl{color:#999999;}
.use_history li .type .fl span{margin-right:5px;}
.use_history li .detail{margin-top:5px;font-size:11px;}
.use_history li .result{margin-top:5px;}
.use_history li .result:after{content:'';display:block;clear:both;height:0;visibility:hidden;}
.use_history li .result strong{}
.use_history li .result span{color:#999999;}
.btn_all_more{padding:10px 0 !important;display:block;text-align:center;color:#3c8dbc;font-size:13px;font-weight:bold;}

/* QR코드 */
.txt_qr{text-align:center;line-height:43px;font-size:14px;color:#fff;background-color:#4e70b1;}
.img_qr{text-align:center;padding:100px 0;}


.tab_area{width:100%;overflow:hidden;}
.tab_area:after{content:"";display:block;clear:both;height:0;visibility:hidden;}
.tab_area li {float:left;}
.tab_area li a{height:40px;line-height:40px;text-align:center;display:block;color:#333;font-size:13px;font-weight:bold;border-top:2px solid #dcdcdc;background:#dcdcdc}
.tab_area li.active a{border-left:0;background:#fdd000;}

.tab_area2{width:100%;overflow:hidden;}
.tab_area2:after{content:"";display:block;clear:both;height:0;visibility:hidden;}
.tab_area2 li {float:left;}
.tab_area2 li a{height:40px;line-height:40px;text-align:center;display:block;color:#333;font-size:15px;border-top:2px solid #dcdcdc;background:#fff;border-bottom: 2px solid #eaeaea;}
.tab_area2 li.active a{border-left:0;background:#fff;border-bottom: 2px solid #00a0e8;}

.tab_area3{width:100%;overflow:hidden;}
.tab_area3:after{content:"";display:block;clear:both;height:0;visibility:hidden;}
.tab_area3 li {float:left;}
.tab_area3 li a{height:40px;line-height:40px;text-align:center;display:block;color:#333;font-size:15px;border-top:2px solid #dcdcdc;background:#fff;border-bottom: 2px solid #eaeaea;}
.tab_area3 li.active a{border-left:0;background:#fff;border-bottom: 2px solid #00a0e8; color: #00a0e8;}

.tab_area4{width:100%;overflow:hidden;}
.tab_area4:after{content:"";display:block;clear:both;height:0;visibility:hidden;}
.tab_area4 li {float:left;}
.tab_area4 li a{height:40px;line-height:40px;text-align:center;display:block;color:#333;font-size:15px;background:#fff;border-bottom: 2px solid #eaeaea;}
.tab_area4 li.active a{border-left:0;background:#fff;border-bottom: 2px solid #00a0e8; color: #00a0e8;}

/* tab space */
.col2_wrp li {width:50%;}

.col3_wrp li {width:33%;}

.col4_wrp li {width:25%;}

.tab_area2 > ul > .active > a{
	color:#00a0e8;
}

.white_content {
    /* position:fixed; */
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background:rgba(0, 0, 0, 0.8);
    opacity:0;
    -webkit-transition:opacity 400ms ease-in;
    -moz-transition:opacity 400ms ease-in;
	transition:opacity 400ms ease-in; 
    pointer-events:none;
    z-index:10;
}
.white_content:target {
    opacity:1;
    pointer-events:auto;
}
.white_content > div {
	position:absolute;
	top:25%;
	background-color:white;
	overflow:hidden; 
	left: 50%;
	transform: translateX(-50%);	
    background: url(../img/popup.png) no-repeat;
    background-size: contain;
	height: 500px;
	width: 80%;
	max-width: 480px;
}
.white_content > div > a {
	float: right;
    font-size: 2.2em;
    padding: 3%;
}
.main_rcorners {
	width: 80%;
    max-width: 404px; 
}
#main-btn{
	background:url(../img/bu_login.png) no-repeat;
}


input {
        vertical-align:middle;
}
input.form-text {
  border:1px solid #bcbcbc;
  height:28px;
}
input.login_btn {
  background:url(../img/bu_login.png) no-repeat center;
  border:none;
  width:100%;
  height:100%;
  cursor:pointer;
}

.join_btn{
	display: inline-block;
    border-radius: 5px;
    background: #424752;
    padding-top: 7px;
    width: 90px;
    height: 20px;
    margin-top: 10px;
    text-align: center;
    float: right;
    color: #afafaf;
}
.main_sub{
	margin-top:40px;
	padding-top:30px;
	text-align:center;
}
.login_img{
	width:100%;
    height:auto;
    padding-top:4px;
    max-width:400px;
}
.main_link{
	width: 28%;
    cursor: pointer;
    max-width: 168px;
}
.people{
    float:left;
    padding:11px 11px 0px 16px;
    width:29px;
}
.tbl_style03{
	padding:9px 0px 14px 25px;
}
.tbl_style03{
	padding:9px 0px 14px 25px;
}
.tbl_style04{
	padding:5px 15px 5px 10px;
	height: 240px;
	overflow-y: scroll;
	line-height: 17px;
}
.tbl_style05{
	padding:5px 15px 5px 10px;
	height: 70%;
	/* overflow-y: scroll; */
	overflow: auto;
	line-height: 17px;
	/* position: relative; */
}
.tbl_style04 > .title{
	font-weight: bold;
}
.tbl_style04 > div{
	font-weight: bold;
	margin-top: 15px;
}
.tbl_style04 > p{
	padding-left: 10px;
	margin-top: 3px;
}
.tbl_style05 > .title{
	font-weight: bold;
}
.tbl_style05 > div{
	font-weight: bold;
	margin-top: 15px;
}
.tbl_style05 > p{
	padding-left: 10px;
	margin-top: 3px;
}

.btn_type1{
	display:inline-block;
	background-color:#fdd100;
	height:40px;
	margin-left:3px;
    font-weight:bold;
    width:32%;
}
.text_type1{
	width:65%; height:40px; font-size:12pt; padding-left:12px; border-radius:3px;
}
.text_type1_sub{
	width:65%; height:40px; font-size:12pt; padding-left:12px; border-radius:3px; margin-top:7px; 
}
#time{
	text-align:center;
}
.center{
	text-align:center;
}
.time_area{
    float:right;
    width:32%;
    height:20px;
    padding-right:1%;
    padding-top:10px;
    text-align:center;
}
.gradationbox{
    width:28%;
    background:linear-gradient(#525763, #323843);
    border-radius:7px;
    text-align:center;
    display:inline-table;
    vertical-align:middle;
    border-top:2px solid #1b1c21;
    border-left:2px solid #3a414e;
    border-right:2px solid #444040;
    border-bottom:3px solid #494d56;
    box-sizing:border-box;
    margin:2% 0% 1% 3.8%;
}

.big_yellow{
	color:#fdd000;
	font-size:4em;
	margin-top:10px;
	display:inline-block;
}
.mid_sky{
	color:#00a0e8;
	font-size:6vw;
	display:inline-block;
}
.sky_16{
	color:#00a0e8;
	font-size:16pt;
	display:inline-block;
}
.sky_13{
	color:#00a0e8;
	font-size:13pt;
	display:inline-block;
}
.main_outer{
	width:100%;
	background-color:#343843; 
}


.box {
	background-color:#343843;
    position:relative;
    width:100%; /* 원하는 너비 */
    margin-top:-15px;
}
 
.box:after {
    content:"";
    display:block;
}
 
.content {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
}
.three_block{
	width:28%;
    border-radius:7px;
    text-align:center;
    display:inline-table;
    vertical-align:middle;
    box-sizing:border-box;
    margin:-1% 0% 0% 3.8%;
    padding-top:3px;

}
.menu_setup{
    float:right;
    margin:-45px 10px 0px;
    width:30px;
}
.side_menu{
    background-color:#ffffff;
}
.menu_btn{
	border: 1px solid #00a0e8;
    padding: 4px 5px 3px 5px;
    line-height: 30px;
    border-radius: 5px;
    cursor: pointer;
	display:inline; 
}
.plus{
	padding-top: 4px;
}
.post_btn{
	background-color: #fdd000;
    height: 40px;
    width: 71%;
    margin-left: 10px;
    vertical-align: middle;
    text-align: center;
    font-size: 10pt;
    border-radius: 4px;	
}
a[href^=tel] {
	text-decoration:inherit;
	color: inherit;
}

.li_header > table > tbody > tr > td {
	text-align: center;
    font-size: 15px;
	font-weight: bold;
}

.li_header{
	background-color: #fdd000;
	display:inline-block;
}
.penguin_box{
	border: 2px solid #00a0e8;
    border-radius: 5px;
    padding: 5px 20px;
    background: url(/user/img/bg_pay.png) no-repeat;
    background-position: right bottom;
    background-size: 130px;
    padding-bottom: 76px;
    margin: 0 15px 0 15px;
}
.yellow_box{
	border: 2px solid #fdd000;
    border-radius: 5px;
    padding: 4.5%;
    margin: 0 4% 20px 4%;
}
.penguin_tab{
    width: 100%;
    border-bottom: 
}
.img_tab{
	width: 85%;
    padding: 0 5% 0 10%;
}
.li_total{
	display: inline-block;
	background-color: #232730;
	width: 100%;
	color: #fdd000;
	margin-bottom: -5px;
}
.yellow_box > table > tbody > tr {
    height: 25px;
}
.li_header > table > tbody > tr > td {
	padding: 0px;
}
.tbl_style01 table td {
    height: auto;
    padding: 10px 5px 10px;
    font-size: 12px;
    word-break: break-all;
}
.penguin_box > table > tbody > tr{
	border-bottom: 1px solid #eaeaea;
}
.first_cell{
	text-align: center;
	vertical-align: top;
}
.second_cell{
	text-align: center;
	vertical-align: initial;
}
.fourth_cell{
	text-align: center;
	padding: 0 5px;
	vertical-align: initial;
}
.fifth_cell{ 
	text-align: center;
	padding: 0 5px;
	vertical-align: initial;
}
.last_cell{
	text-align: center;
	padding: 0 5px;
	vertical-align: initial;
}
.middle_cell
{
	text-align: left; 
	padding-left: 5px;
    vertical-align: top;
}
.kiosk_name{
	width: 60px;
	display: inline-block;
}
.main_bu {
    width:100%;
    max-width:199px; 	
}
#main-btn{
	background:url(../img/bu_login.png) no-repeat;
}

.main_btn_cell{
	text-align: center;
    border: 1px solid #d6d6d6;
    padding: 3% 0;
}
.white_cell{
	background-color: white;	
}
.yellow_cell{
	background-color: #fff6de;
}
.yellow_cell2{
	background-color: #fdd000;
}
.yellow_border{
	border-left: 1px solid #ffe04f;
	border-right: 1px solid #ffe04f;
}
    
.gray_cell{
	background-color: #f3f3f3;
}
.blank{
	height: 20px;
}
.blank_big{
	height: 50px;
}
.blank_s{
	height: 10px;
}
.blank_solid{
	height: 10px;
	border-bottom:1px solid black;
}

.title{
	color: #00a0e8;
	padding-bottom: 10px;
}
.right{text-align:right;}

.guide_txt_area{
	text-align:center;
	font-size: 5vw;
	margin: 25px 0;
}
.guide_txt_black{
	color: #434343;
}
.guide_txt_blue{
	color: #00a0e8;
}
.guide_main{
	width: 80%;
	padding: 0 10%
}
.guide_main > table > tbody > tr > td{
	padding-bottom:15px;
	vertical-align: middle;
}
.guide_main > table > tbody > tr > td.guide_content > div{
	width: 90%;
	float: right;
	font-size: 3vw;
	padding-top: 10px;
}
.guide_main > table > tbody > tr > td.guide_content > div > p{
	line-height: 18px;
}
.guide_main > table > tbody > tr > td.guide_content > div > select{
    border: none;
    background-color: #f5f5f5;
    height: 40px;
    margin-bottom: 8px;
}
.guide_btn_area{
	margin-top: 15px;
}
.sbox_top{
	margin-top: 15px;
}
.center_img{
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 53%;
}
.sbox_gif_area{
	width: 95%;	
	margin-left: auto;
    margin-right: auto;
    border: 2px solid #fdd000;
}
.sbox_content_area{
	margin-left: -1.2%;
}
.washer_img_area{
	padding: 0;
}
.top_blank{
	margin-top: 30px;
}
.keep_first{
	padding-left: 5%;
}
.keep_second{
    vertical-align: top;
    padding: 15px 5% 0 3%;
    font-size: 100%; 
}
.keep_second > tbody > tr > td{
   display: table-cell;
   vertical-align: top;
   padding-top: 7px; 
}
.keep_title{
	font-size: 15pt; margin-bottom: 8px;
	font-weight: bold;
}
.keep_info{
	padding: 5px 5% 5%;
    border-radius: 5px;
}
.keep_addr{
    width: 100%;
    display: inline-table;
}
.lock-position {
	height: 100%;
	width: 100%;
	position: fixed;
	overflow-y:scroll; 
}
.keep_tab{
    width: 95%;
    margin: 20px 0 0 3%;
}
.blue_box{
	border: 5px solid #00a0e8;
	padding: 30px 12%;
	margin:-4px 3% 20px 3%;
}
.keep_yellow_box{
	border: 5px solid #fdd000;
    padding: 16px 7%;
	margin:-4px 3% 20px 3%;
}
.cmplt_yellow_box{
	border:2px solid #fdd000;
	border-radius:2px; 
    padding: 24px;
	margin:3px 10% 20px 10%;
}
.tbl_keep_content{
	margin-top : 15px;
	font-size: 140%;
}
.tbl_keep_content > tbody > tr{
	border-bottom: 1px solid #d8d8d8;
}

.tbl_keep_content > tbody > tr > td > input, select {
	border: none;
	background-color: #f3f3f3;
}
.tbl_keep_content > tbody > tr > td > * {
	margin: 9px 0;
}
.keep_time_table >  tbody > tr > td {
	padding: 0 2px;
}
.keep_time_table >  tbody > tr > td > p {
    text-align: center;
    font-size: 12pt;
}
.post_title{
	font-size: 140%;
    padding-left: 7px;
}
.border_top_gray{
	border-top: 1px solid #d8d8d8;
}
#infoArea{
	height: 27px;
	padding: 5px 0;
}
.tbl_post{
	font-size: 130%;
}
.tbl_post > tbody > tr > .top_s {
	padding-top: 10px;
}
.tbl_post > tbody > tr > .top_l {
	padding-top: 20px;
}
.tbl_sub_post > tbody > tr > th{
	text-align: center;
	border-bottom: 1px solid #00a0e8; 
	border-top: 2px solid #00a0e8;
	padding: 5px 0;
}
.tbl_sub_post{
	margin-top: 5px;
}
.tbl_sub_post > tbody > tr > td{
	padding: 3.5px 0;
	border-bottom: 1px solid #d8d8d8;
}
.tbl_cmplt{
	font-size: 150%;
}
.tbl_cmplt > tbody > tr > td {
	padding: 8px 2px 2px 2px;
}
.lab_red{
	color: red;
	font-weight: bold;
}
#disp_none{
	display: none;
}
.big_font{
	font-size: 1.3rem;
}
.keep_big_input{
	width: 95%; 
}
.pop_big_input{
	width: 96%; 
	height: 41px;
	margin-top: -2px;
}
.pop_small_input{
	width: 96%; 
	height: 33px;
	margin-top: -2px;
}
.ver_bottom{
	vertical-align: bottom;
}
.blank_side_l{
	padding: 0 45px;
}
.blank_side_m{
	padding: 0 30px;
}
.blank_side_s{
	padding: 0 15px;
}
.pickup_blue_box{
	border: 2px solid #00a0e8;
	border-radius: 5px;
	margin: 4px 19px 12px 19px;
}
.pickup_blue_box2{
	border: 2px solid #00a0e8;
	border-radius: 5px;
	margin: -4px 19px 0 19px;
}
.price_blue_box{
	border: 2px solid #00a0e8;
    margin-top: -4px;
    padding: 20px 0;
}
.pickup_area{
	margin: 4px 19px 12px 19px;
}
.pickup_title{
	width: 100%;
	padding: 5px 0;
}
.pickup_input{
	height: 41px;
	margin-top: -5px;
}
.blue_btn_l
{
	padding: 15px;
	border-radius: 4px;
	text-align: center;
	color: rgb(255, 255, 255);
	font-size: 150%;
	margin-top: 15px;
	background-color: rgba(0, 160, 232, 1);
}
#addr_pop{
	background: none; background-color: white; border-radius:5px;
}
.tbl_addr_pop{
	margin: 35px 18px 18px;
	width: 93%;
}
.tbl_addr_pop_s{
	margin: 15px 18px 18px;
	width: 93%;
}
.tbl_addr_pop > tbody > tr > td {
	padding: 5px 0;
}
.tbl_addr_pop_s > tbody > tr > td {
	padding: 4px 0;
}
.pop_btn_area{
    margin: 50px 18px 18px;
}
.pop_btn_area_s{
    margin: 15px 18px 18px;
}
input.pickup_input::-webkit-input-placeholder{
	font-size: 12pt;
}
.tbl_pickup{
    padding: 20px;
    display: table-cell;
    font-size: 13pt;
}
.pickup_dt{
    font-size: 13pt;
}
.tbl_pickup > tbody > tr > td{
	padding: 2px 0;
	font-size: 13pt;
}
.pickup_dt > tbody > tr > td.right_10{
	padding: 0 10px 0 0;
}
.tbl_pick_dt > tbody > tr > td{
	text-align: center;
	padding: 10px 0;
	font-size: 10pt;
}
.tbl_pick_dt > tbody > tr.pickup_title > td{
	font-weight: bold;
	font-size: 11pt;
}
.box_penguin{
	position: absolute;
    width: 17%;
    float: right;
    margin-top: -10%;
    right: 6%;
}
.box_penguin2{
	position: absolute;
    width: 20%;
    float: right;
    margin-top: -7%;
    right: 5%;
}
#layer{
	-webkit-overflow-scrolling: touch;
}
.pickup_bottom{
	border-bottom: 2px solid #f9c800;
    margin-bottom: 20px;
}
.l_padding5{
	padding-left: 5px;
}
.tbl_title{
    margin: 0 25px;
    font-size: 1.6em;
    font-weight: bold;
}
.tbl_caption{
    margin: 0 30%;
    font-size: 1.0em;
}
.price_label{
	margin: 0 5px;
}
.pickup_blue_box2 > table > tbody > tr > th{
	font-weight: bold;
    border-bottom: 1px solid #e4e4e4;
} 
.pickup_blue_box2 > table > tbody > tr > td{
	padding: 10px 0;
	border-bottom: 1px solid #e4e4e4;
} 
.pickup_blue_box2 > table{
	padding: 11px 18px;
    border-collapse: separate;
	font-size: 1.5em;
}
.txt_10_b{
	font-size: 10pt;
    font-weight: bold;
}
.tbl_price_title > tbody > tr > td:first-child
{
	border-right: 1px solid #fff;
}
.tbl_price_title > tbody > tr > td{
	text-align: center;
	height: 45px;
}
.tbl_guide_price2{
	padding: 0 10px;
    border-collapse: separate;
}
.tbl_guide_price2 > tbody > tr > th{
	font-weight: bold;
	text-align: center;
	border-top: 1px solid #fdd000;
	height: 40px; 
    font-size: 1.1em;
}
.tbl_guide_price2 > tbody > tr > td{
	text-align: center;
	height: 28px;
}
.tbl_guide_price{
	padding: 0 10px;
    border-collapse: separate;
}
.tbl_guide_price > tbody > tr > th{
	font-weight: bold;
	text-align: center;
	border-top: 1px solid #e4e4e4;
	height: 25px; 
    font-size: 1.1em;
}

.tbl_guide_price > tbody > tr > th:first-child{
	border-top-left-radius:5px;
	border-left: 1px solid #e4e4e4;
}
.tbl_guide_price > tbody > tr > th:nth-child(2){
	border-right: 1px solid #e4e4e4;
	border-top-right-radius:5px;
}
.tbl_guide_price > tbody > tr > td.bottom_gray:first-child{
	border-left: 1px solid #e4e4e4;
}
.tbl_guide_price > tbody > tr > td.bottom_gray:nth-child(2){
	border-right: 1px solid #e4e4e4;
}
.tbl_guide_price > tbody > tr > td.last_radius:first-child{
	border-bottom-left-radius: 5px;
}
.tbl_guide_price > tbody > tr > td.last_radius:nth-child(2){
	border-bottom-right-radius: 5px;  
}
.tbl_guide_price > tbody > tr > td{
	text-align: center;
	height: 22px;
}
.border_gray{
	border: 1px solid #e4e4e4;
}
.bottom_gray{
	border-bottom: 1px solid #e4e4e4;
}
.bottom_yellow{
	border-bottom: 1px solid #fdd000;
}
.bottom_yellow2{
	border-bottom: 2px solid #fdd000;
}
.cnt_btn{
	width: 20px; vertical-align: middle;
}
.tbl_mgr_pickup{
	border-collapse: separate;
	padding: 10px 30px;
	font-size: 1.2em;
}
.tbl_mgr_pickup > tbody > tr > td{
	padding-left: 7px;
	font-weight: bold;
	height: 30px;
}
.tbl_mgr_pickup > tbody > tr:nth-child(2) > td{
	padding-top: 20px;
}
.tbl_mgr_pickup > tbody > tr:nth-child(2) > th{
	padding-top: 20px;
}
#canvas { 
	border: 1px solid #d6d5d5;
    border-radius: 3px; 
}
.txt_1em{font-size: 1.1em;}
.txt_3em{
	font-size: 1.3em;
}
.txt_12em{
	font-size: 2.2em;
}
    
.sign{
	margin-top : 20px;
	font-size: 1.2em;
}
.txt_sign{
	float: right; padding-right: 15px;
	font-weight: bold;
}
.bold{
	font-weight: bold;
}
#box-shadow-object {
    box-shadow: rgb(173, 173, 173) 1px 1px 1px 1px;
    background-color: #fff;
    padding: 15px;
}
.tbl_map{
	padding: 0 15%; border-collapse: separate; margin-top: 20px;
}
.tbl_map>tbody>tr>td {
	padding: 5px 0;
}

.tbl_map>tbody>tr>td>select{
	height: 35px;
}
#notice_board > tbody > tr > td{
	border-bottom: 1px solid #eaeaea;
	height: 23px;
}
#notice_board > tbody > tr > td:first-child{
	padding: 15px 5px 10px 15px;
}
.gray_font{
	color: #a7a7a7;
}

.tbl_admin{
	width: 50%; float: left; font-size: 10pt; line-height: 1.5; margin: 10px 0;
}

.visit_frist{
	width: 60%; float: left; font-size: 10pt; line-height: 1.5; margin: 10px 0;
}
.visit_second{
	width: 40%; float: left; font-size: 10pt; line-height: 1.5; margin: 10px 0;
}
.laundry_area{
	margin-top: 15px 10px 15px 10px;
}
.laundry_area > .bluebox{
	border: 2px solid #00a0e8;
	border-radius: 5px;
	padding: 15px;
	margin: 10px 0;
}
.laundry_area > .bluebox > .under{
	border-bottom: 1px solid #e4e4e4;
	padding-bottom: 5px;
}
.laundry_area > .bluebox > .info{
	margin-top: 10px;
	line-height: 23px;
}
.laundry_area > .list > tbody > tr:first-child {
	background-color: #fdd000;
	border-bottom: 1px solid rgba(235, 192, 0, 1);
	border-top: 1px solid rgba(235, 192, 0, 1);
}
.laundry_area > .list > tbody > tr:not(:first-child) {
	border-bottom: 1px solid #e4e4e4;
}

.laundry_area > .list > tbody > tr > th,.laundry_area > .list > tbody > tr > td{
	text-align: center;
	font-size: 1.3em;
	height: 40px;
}
.laundry_area > .result {
	background-color: #222730;
	color: #fdd000;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
  	width: 100%;
  	padding: 12px 0;
}

.laundry_area > .btn_area{
	padding: 30px 30px 0 30px;
}
.tbl_laun_cmplt > tbody > tr:first-child{
	border-bottom: 1px solid #e4e4e4;
}
.tbl_laun_cmplt > tbody > tr > td{
	padding: 5px 0;
	text-align: center;
	font-size: 1.3em;
}
.tbl_laun_cmplt > tbody > tr > td:first-child > img{
	width: 19px; 
	vertical-align: middle;
}
.tbl_laun_cmplt > tbody > tr > td:first-child > label{
	vertical-align: middle;
}



.smbWrap {
    padding: 10px;
    background: #f4f4f4;
    overflow: hidden;
    overflow: hidden;
}
.sweetMobileBoard {
    word-wrap: break-word;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 12px;
}
.smbWhite {
    background: #fff;
    border-radius: 3px;
    border: 1px solid #ececec;
}
.smbTags {
    margin-top: 6px;
    display: none;
}
.smbFiles {
    margin-top: 6px;
    display: none;
}
.smbCommentAdd {
    margin: 5px 0 10px 0;
}
.smbTags .smbTagsTitle {
    font-size: 1.1em;
    border-bottom: 1px solid #ececec;
    padding: 10px 10px 7px 10px;
    color: #444;
}
.smbTags ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.sweetMobileBoard ul, li, p {
    margin: 0;
    padding: 0;
}
.smbArticleHeader {
  
    border-bottom: 1px solid #ececec;
}
.smbPadding {
    padding: 10px;
}
.smbArticleHeader h3.smbArticleTitle {
    color: #333;
    margin: 0;
    padding: 0;
    font-size: 1.4em;
}
.smbArticleHeader.left p, .smbArticleHeader.left h3, .smbArticleHeader.left ul {
    text-align: left;
}
.smbArticleHeader ul.smbArticleInfo {
    overflow: hidden;
    list-style: none;
    padding: 0;
    margin: 0;
}
.smbArticleHeader ul.smbArticleInfo li {
    display: inline-block;
    padding: 0 6px;
    margin: 10px 0 0 0;
    border-left: 1px solid #ddd;
    color: #aaa;
}
.smbArticleHeader ul.smbArticleInfo li:first-child {
    padding-left: 0;
    border-left: 0;
}

element.style {
}
.smbArticleHeader ul.smbArticleInfo li i {
    position: relative;
    top: 1px;
    margin: 0 5px 0 0;
}
i {
    font-family: xeicon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
user agent stylesheet
i, cite, em, var, address, dfn {
    font-style: italic;
}
.smbArticleHeader ul.smbArticleInfo li {
    display: inline-block;
    padding: 0 6px;
    margin: 10px 0 0 0;
    border-left: 1px solid #ddd;
    color: #aaa;
}
user agent stylesheet
li {
    display: list-item;
    text-align: -webkit-match-parent;
}
.smbArticleHeader.left p, .smbArticleHeader.left h3, .smbArticleHeader.left ul {
    text-align: left;
}
.smbArticleHeader ul.smbArticleInfo {
    overflow: hidden;
    list-style: none;
    padding: 0;
    margin: 0;
}
.smbArticle {
    border-bottom: 1px solid #ececec;
    overflow: hidden;
}
.xe_content {
    color: #000;
    font-size: 13px;
    font-family: sans-serif;
    line-height: 1.5;
}
.xe_content img {
    max-width: 100%;
    height: auto;
}
.table_area{
	margin: 15px;
}
.table_area td, .table_area th{
	text-align: center;
	color: #575757;
	border: 1px solid #c9c9c9;
}
.table_area th {
	padding: 7px 0;
	border-bottom: 2px solid #009fe3;
}
.table_area td {
	padding: 5px 0;
}
.table_area table{
	margin: 5px 0;
}
.table_area u{
	font-weight: bold;
}
.table_area > .tbl_type1 th{
	background-color: #f4f4f4;
}
.table_area > .tbl_type2 th{
	background-color: #fcf8e4;
}
.table_area > .tbl_type3 th{
	background-color: #ecf9ff;
}
#area2 > p{
	color:#ff1818;
}
#area3 > p{
	color:#0081ef;
}
.font_14{
	font-size: 14px;
}