@charset "utf-8";
/* Reset */
html, body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, p, blockquote, th, td {margin:0px; padding:0px; -webkit-text-size-adjust:none; }
* {-webkit-tap-highlight-color:rgba(0,0,0,0); outline:none}
/* Basic Elements */
html, body {min-width:320px;} /*min-height:480px; */
body, table, textarea, input, select, button, dt, dd, li, th, td {font-size:12px; font-family:Apple SD Gothic Neo, AppleGothic,Helvetica,Helvetica Neue,SamsungGothic,LG SmartGothic,Vega Gothic,DroidSans,Roboto,NanumGothic,Sans-Serif; letter-spacing:0px;}
body {  width:100%;}
* html #body { height: 100%; }
/*input, select {vertical-align:middle;}*/
img, fieldset, iframe {border:0 none;}
li, dl, dt, dd {list-style:none;}
table {border-collapse:collapse;}
a {text-decoration:none; color:#333333; cursor:pointer;}

/* mweb reset */
body {-webkit-touch-callout:none;-webkit-user-select:none;user-select:none; background:#f0f0f0;}
input[type="email"],input[type="button"],input[type="text"],input[type="image"],input[type="tel"],input[type="number"],input[type="submit"],input[type="password"],textarea{-webkit-appearance:none;border-radius:0}
input[type="checkbox"]{-webkit-appearance:checkbox}
input[type="radio"]{-webkit-appearance:radio}
select{border-radius:0}
article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block}
input::-webkit-input-placeholder { /* WebKit browsers */color:#b4b4b4;}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:#b4b4b4;}
input::-moz-placeholder { /* Mozilla Firefox 19+ */color:#b4b4b4;}
input:-ms-input-placeholder { /* Internet Explorer 10+ */color:#b4b4b4;}

/* fixe Title */
div#fixedWrap {position:fixed; width:100%; height:44px; top:0; left:0; z-index:101;}
div.headWrap {position:relative; width:100%; height:43px; background:#fff; border-bottom:1px solid #959596; text-align:center;}
div.headWrap .title {padding-top:14px; font-size:17px; font-weight:bold;}
div.headWrap .btnPrev {position:absolute; left:6px; top:1px; z-index:102;}
div.headWrap .btnPrev img {width:14px; height:23px; padding:9px; vertical-align:top;}
div.headWrap .btnClose {position:absolute; top:7px; right:8px; border:1px solid #666; padding:6px 15px 4px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-size:12px; line-height:18px; font-weight:bold; z-index:102;}

/* joinWrap */
div.joinWrap.titPad {padding-top:44px;}
div.joinWrap h1 {height:19px; padding-top:5px; border-bottom:1px solid #ccc; color:#323232; text-indent:10px; font-size:12px;}
div.joinWrap h1.tLine {border-top:1px solid #ccc;}
div.joinWrap a.btnBox {position:absolute; top:50%; right:0; margin-top:-16px; padding:6px 8px 0 8px; height:23px; border:1px solid #666; text-align:center; font-size:14px; -moz-border-radius: 4px;border-radius: 4px;}
div.joinWrap a.btnBoxR {display:inline-block; padding:6px 8px 0 8px; height:23px; border:1px solid #666; text-align:center; font-size:14px; -moz-border-radius: 4px;border-radius: 4px;}
div.joinWrap a.btnBox.off, div.joinWrap a.btnBoxR.off{border:1px solid #c6c6c6; color:#c6c6c6;}
div.joinStep {position:relative; border-top:1px solid #333; border-bottom:1px solid #333;}
div.joinStep ul {width:100%; overflow:hidden; background:#242424;}
div.joinStep li {float:left; width:50%; height:28px; padding-top:15px; text-align:center; color:#454545; font-weight:bold; font-size:14px;}
div.joinStep li.on {background:#464646; color:#fff;}
div.joinStep .img {position:absolute; top:0; left:50%; margin-left:-17px; height:43px;}
div.joinWrap .btnWrap {background:#fff;}
div.joinWrap .btnWrap a.btnW {display:block; width:100%; height:32px; padding-top:17px; border-top:1px solid #ccc;border-bottom:1px solid #ccc; text-align:center; color:#323232; font-size:15px; font-weight:bold;}
div.joinWrap .btnWrap a.btnW.off {color:#c6c6c6;}
div.joinWrap .btnWrap a.btnW .icon_check {width:21px; margin-right:6px; vertical-align:middle;}
div.joinWrap .btnWrap a.btnW2 {display:block; width:100%; height:48px; padding-top:19px; border-bottom:1px solid #ccc; text-align:center; color:#323232; font-size:14px; font-weight:bold; line-height:16px;}
div.joinWrap .btnWrap a.btnW2 .gray {color:#999; font-size:11px;}
div.joinWrap .btnWrap a.btnW3 {display:block; width:100%; height:42px; padding-top:25px; border-top:1px solid #ccc;border-bottom:1px solid #ccc; text-align:center; color:#323232; font-size:15px; font-weight:bold;}
div.joinWrap .btnWrap a.noLine {border-bottom:0;}
div.joinWrap .btnWrap a.noLineT {border-top:0;}
div.joinWrap .bLine {border-bottom:1px solid #ccc;}

div.joinWrap .btnM {margin:4px 0 29px;}

table.form_table {width:100%;border:0; background:#fff;}
table.form_table caption{padding:8px 0;font-weight:bold;text-align:left}
table.form_table th{width:100px;border:0; border-bottom:1px solid #ccc; vertical-align:middle; font-weight:bold; font-size:13px;color:#000; text-align:left}
table.form_table td{height:50px; padding:0 8px;border-bottom:1px solid #ccc;vertical-align:middle;color:#666}
table.form_table th.none {width:30px;}
table.form_table .item{margin:-4px 0}
table.form_table .item .i_help{position:absolute;top:4px;right:0}
table.form_table .item .i_label{top:4px; left:5px;}
table.form_table .item .i_dsc{margin:2px 0}
table.form_table .item .i_check{width:13px;height:13px;margin:2px 5px 2px 0;padding:0;vertical-align:middle}
table.form_table .item .i_radio{width:13px;height:18px;margin:2px 5px 2px 0;padding:0;vertical-align:middle}
table.form_table .item .i_text{width:98%; height:18px; border:0; background:#fff; vertical-align:middle;}
table.form_table .item .hide{visibility:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
table.form_table .item select{margin:2px; vertical-align:middle;}
table.form_table .item label{margin:0 10px 0 0;cursor:pointer}
table.form_table .tit {position:relative; padding:0 0 0 14px;}
table.form_table .tit .bul {position:absolute; top:50%; right:0px; margin-top:-7px; width:14px;}
table.form_table td.tLine {border-top:1px solid #ccc; border-bottom:0;}
table.form_table td.noLP {padding:0; border-bottom:0;}

div.joinWrap div.desc {margin-bottom:10px;}
div.joinWrap div.desc ul {padding:9px 5px 9px 12px;}
div.joinWrap div.desc ul li {padding-left:5px; background:url("{% static "/images/bul.png" %}") no-repeat 0 4px; color:#808080; line-height:14px;}

div.joinWrap div.conW {padding:24px 0 29px; border-bottom:1px solid #ccc; margin-bottom:4px; background:#fff;}
div.joinWrap div.conW p {text-align:center; padding:3px 0 2px;}
div.joinWrap .underline {color:#000; text-decoration:underline; padding:3px 0 5px; font-size:13px; font-weight:bold; line-height:18px;}
div.joinWrap .gray {color:#646464; font-size:12px; line-height:17px;}
div.joinWrap .red {color:#e61d1d; font-size:10px; line-height:14px;}
div.joinWrap div.conW2 {position:relative; padding:7px 8px 14px 8px; border-bottom:1px solid #ccc; background:#fff;}
div.joinWrap div.conW2 p {text-align:left; padding:3px 0 2px 0;}
div.joinWrap div.conW2 a.btnBox {right:8px;}
div.joinWrap div.conW3 {padding:15px 13px; background:#fff; line-height:16px; font-size:13px; color:#666;}

/* layerWrap */
div.layerWrap {display:none;}
div.layerWrap .mask {position:fixed; top:0; left:0; width:100%; height:100%; background:#000;opacity:0.3; z-index:200;}
div.layerWrap table.layerPop {position:fixed; top:50%; left:50%; margin:-87px 0 0 -145px; display:table; width:290px; z-index:201; border-radius:5px; background:#fff;opacity:1;}
div.layerWrap table.layerPop .tit {width:100%; height:50px; border-bottom:1px solid #ccc; text-align:center; vertical-align:middle; font-size:19px; color:#000;}
div.layerWrap table.layerPop .layerCon { padding:0 5px; height:94px; border-bottom:1px solid #ccc; text-align:center; vertical-align:middle; font-size:13px; font-family:gulim; line-height:16px; color:#333;}
div.layerWrap table.layerPop .btn {width:100%; height:48px; background:#ececec; text-align:center; vertical-align:middle; font-size:17px; color:#333; border-radius:0 0 5px 5px;}
div.layerWrap table.layerPop .btn a {float:left; display:block; width:100%; height:100%; line-height:48px; border-radius:0 0 5px 5px; text-align:center;}
div.layerWrap table.layerPop .btn a.btnR {width:50%; border-radius:0 0 5px 0;}
div.layerWrap table.layerPop .btn a.btnL {width:50%; border-right:1px solid #ccc; box-sizing:border-box; -moz-box-sizing:border-box; border-radius:0 0 0 5px;}
div.layerWrap table.layerPop .row {display:table-row;}

/* userList */
.userList {width:100%; height:179px; overflow:auto; margin-bottom:4px;border-bottom:1px solid #ccc;}
.userTable {width:100%; background:#fff;}
.userTable td {border-bottom:1px solid #cdcdd0;}
.userTable td.photo {width:45px; height:59px;border-right:1px solid #cdcdd0;}
.userTable td.photo p {width:100%; height:100%; background:url("{% static "/images/user_photo1.png" %}") no-repeat; background-size:cover; color:#010101; font-size:15px;}
.userTable td.name {padding:0 14px; vertical-align:middle;}
.userTable td.name p {width:180px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.userTable td.check {width:40px; text-align:center; vertical-align:middle;}

div.linkW {margin:10px 0 30px; text-align:center;}
div.linkW a {text-decoration:underline; color:#666; font-size:11px;}

div.bul_i {position:relative; padding-left:50px; padding-right:5px; margin-top:10px; font-size:10px; color:#999; line-height:12px;}
div.bul_i em {position:absolute; top:0; left:20px; padding-top:2px;}
div.bul_i em img { width:16px;}



/* companyInfo */
.companyInfo {}
.companyInfo.titPad {padding-top:44px;}
.companyInfo .linkGo {background:#fff;}
.companyInfo .linkGo li {border-bottom:1px solid #ccc;}
.companyInfo .linkGo li a {display:block; position:relative; height:31px; padding-top:18px; padding-left:15px; font-size:14px; color:#333; font-weight:bold;}
.companyInfo .linkGo li a em {position:absolute; top:50%; right:22px; margin-top:-7px; width:8px; height:13px; background:url("{% static "./images/arrow_go.png" %}") no-repeat; background-size:contain;}
.companyInfo .footer {padding:18px}
.companyInfo .social {}
.companyInfo .social li {clear:both; width:100%; padding-bottom:18px; overflow:hidden;}
.companyInfo .social li img {width:99px;}
.companyInfo .foot {margin-top:7px; font-size:11px; color:#808080; line-height:14px;}
.companyInfo .foot a {color:#808080; text-decoration:none;}
.companyInfo .linkTxt {margin-top:12px; text-decoration:underline; line-height:13px; font-size:11px; color:#333;}
.companyInfo .copyright {margin-top:16px; font-size:11px; color:#808080; line-height:14px;}


/*mask*/

.loadmask {
    z-index: 200;
    position: absolute;
    top:0;
    left:0;
    -moz-opacity: 0.5;
    #opacity: .50;
    #background-color: #CCC;
    filter: alpha(opacity=50);
    background-color: rgba(0,0,0,0.5);color:#CCC;
    width: 100%;
    height: 100%;
    zoom: 1;
}
.loadmask-msg {
    z-index: 20001;
    position: absolute;
    top: 0;
    left: 0;
    //border:1px solid #6593cf;
    //background: #c3daf9;
    padding:2px;
}
.loadmask-msg div {
    padding:5px 10px 25px 35px;
    background: url("images/loading_ani.gif") no-repeat 5px 5px;
    line-height: 16px;
    //border:1px solid #a3bad9;
    color:#FFFFFF;
    font:normal 20px tahoma, arial, helvetica, sans-serif;
    cursor:wait;
    background-size: 20%;
}
.masked {
    overflow: hidden !important;
}
.masked-relative {
    position: relative !important;
	//background: #c3daf9;
}
.masked-hidden {
    visibility: hidden !important;
}

/* 버전 정보 */
div.versionWrap {width:100%; padding:70px 0 26px; overflow:hidden;}
div.versionWrap .version {width:229px; margin:0 auto;}
div.versionWrap .version .img {float:left; width:102px; height:86px; padding-bottom:10px;}
div.versionWrap .version .img img {width:87px; height:86px;}
div.versionWrap .version .text {float:left; position:relative; width:125px; height:86px;}
div.versionWrap .version .text p {position:absolute; bottom:0; left:0; width:125px; color:#333; font-size:14px; line-height:22px; text-align:left;}
div.versionWrap .version .text p .red {color:#00a8ff}
div.versionWrap .update {display:block; clear:both; height:29px; padding-top:12px; border:1px solid #b4b4b4; text-align:center; border-radius:4px; font-size:16px; line-height:18px; font-weight:bold; box-shadow: 0px 1px 1px #ccc;  background: #ffffff;
		background: -moz-linear-gradient(top,  #ffffff 1%, #ededed 99%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(99%,#ededed));
		background: -webkit-linear-gradient(top,  #ffffff 1%,#ededed 99%);
		background: -o-linear-gradient(top,  #ffffff 1%,#ededed 99%);
		background: -ms-linear-gradient(top,  #ffffff 1%,#ededed 99%);
		background: linear-gradient(to bottom,  #ffffff 1%,#ededed 99%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
		}

body.noBg {background:#fff}
div.wrapCon { padding-top:0;}
h2.subTitle {position:relative; width:100%; height:18px; padding-top:7px; margin-top:-1px; font-size:12px; color:#8f8f8f; background:#eee; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; font-weight:bold; text-indent:15px; line-height:12px;}

/* appAdmin 연결 앱 관리 */
div.appAdmin .account {padding:27px 15px 21px; background:#f0f0f0;}
div.appAdmin .account .email {color:#333; font-size:17px; font-weight:bold;}
div.appAdmin .account .txt {padding-top:7px; color:#969696; font-size:11px;}
div.appAdmin .appList li {position:relative; padding:0 50px 0 70px; border-bottom:1px solid #e1e1e1;}
div.appAdmin .appList .img {position:absolute; top:5px; left:9px; width:40px; height:40px; -webkit-border-radius: 3px; border-radius: 3px;}
div.appAdmin .appList .img img {width:40px; height:40px; -webkit-border-radius: 3px; border-radius: 3px;}
div.appAdmin .appList .check {position:absolute; top:50%; right:15px; margin-top:-7px; height:14px;}
div.appAdmin .appList .name {display:table-cell; height:50px; vertical-align:middle; font-size:14px; color:#333;}

/* 돈톡계정 */
div.lineList li {position:relative; border-bottom:1px solid #dcdcdc; background:#fff url('{% static "/images/btn_go.png" %}') top right no-repeat; background-size:22px 50px; text-align:left;}
div.lineList li a {display:block; padding:12px 25px 12px 12px; font-size:14px; line-height:26px;}

div.talkAcc {padding:18px 15px 15px; background:#f0f0f0;}
div.talkAcc .email {padding-top:7px; color:#333; font-size:17px; font-weight:bold;}
div.talkAcc .txt {padding-top:6px; padding-bottom:3px; color:#969696; font-size:13px; line-height:16px;}
div.talkAcc .txt2 {padding-top:16px; padding-bottom:3px; color:#969696; font-size:13px; line-height:16px;}
div.talkAcc .txt3 {color:#969696; font-size:13px; line-height:16px;}
div.talkAcc .btnW {padding:10px 0 0;}
div.talkAcc .btnW2 {padding:0 0 36px;}
div.talkAcc .btnW3 {padding:0 0 15px;}
div.talkAcc a.btn {display:block; margin-top:10px; border:1px solid #c1c1c1; padding:11px 0; background:#fff; text-align:center; font-size:16px; line-height:18px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
div.talkAcc a.btn.red {background:#e54545; color:#fff; border:0;}
div.talkAcc a.btn.gray {background:#ececec; color:#c2c2c2; border:1px solid #bdbdbd;}
div.talkAcc input.txtAcc {width:100%; margin-top:10px; border:1px solid #d4d4d4; background:#fff; height:40px; font-size:13px; text-indent:10px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
div.positionR {position:relative;}
div.positionR .btnDel {position:absolute; top:19px; right:9px; width:22px; height:22px;}
div.talkAcc div.positionR input.txtAcc {padding-right:35px;}

/* popupWrap */
div.popupWrap {z-index:299;}
div.popupWrap .mask {display:none; left:0; top:0;position:absolute; background-color:rgba(0, 0, 0, 0.5); z-index:300;}
div.popupWrap table.popupLayer {display:none; position:fixed; width:290px; z-index:301; border-radius:5px; background:#fff;}
div.popupWrap table.popupLayer .tit {width:100%; height:50px; border-bottom:1px solid #ccc; text-align:center; vertical-align:middle; font-size:19px; color:#000;}
div.popupWrap table.popupLayer .layerCon {min-height:44px; padding:30px 5px; border-bottom:1px solid #ccc; text-align:center; vertical-align:middle; font-size:17px; font-family:gulim; line-height:22px; color:#333;}
div.popupWrap table.popupLayer .layerConS { padding:0 5px; border-bottom:1px solid #ccc; text-align:center; vertical-align:middle; font-size:17px; font-family:gulim; line-height:22px; color:#333;}
div.popupWrap table.popupLayer .btn {width:100%; height:48px; background:#ececec; text-align:center; vertical-align:middle; font-size:17px; color:#333; border-radius:0 0 5px 5px;}
div.popupWrap table.popupLayer .btn a {float:left; display:block; width:100%; height:100%; line-height:48px; border-radius:0 0 5px 5px; text-align:center;}
div.popupWrap table.popupLayer .btn a.btnR {width:50%; border-radius:0 0 5px 0; border-left:1px solid #ccc; margin-left:-1px;}
div.popupWrap table.popupLayer .btn a.btnL {width:50%; border-radius:0 0 0 5px;}

/* joinEnd */
/*body.fixfixed {position:relative;}
body.fixfixed div#fixedWrap,
body.fixfixed div#bottomFixed,
body.fixfixed div#bottomAbsolut {position:absolute;}
body.fixfixed:after {display:block; content:'.'; width:1px; height:1px; overflow:hidden; color:#fff;}*/

div.joinEnd {height:100%;}
div.joinEnd .welcome {width:100%; text-align:center;}
div.joinEnd .welcome h2 {padding:17px 0 3px; font-size:16.5px; line-height:21.5px; color:#747474; font-weight:normal;}
div.joinEnd .welcome p.img img {width:120px; height:120px;}
div.joinEnd .welcome p.txt {color:#595959; font-size:13px;}
div.joinEnd .welcome p.txt span {padding-left:15px; background:url("images/icon_cream.png") no-repeat; background-size:14px 14px; color:#3bb0fe;}
div.joinEnd .joinEvent {position:relative; margin:0 15px 0; padding:18px 10px 10px; border:1px solid #dcdcdc; border-radius:5px; background:#fff;text-align:center;}
div.joinEnd .joinEvent h2 {font-size:15px; color:#333; font-weight:bold;}
div.joinEnd .joinEvent .ribbon {position:absolute; top:6px; left:-5px; width:64px; height:25px; padding-top:5px; background:url("images/bg_ribbon_event.png") no-repeat; background-size:64px 30px; font-size:13px; color:#fff;}
div.joinEnd .joinEvent p.txt {padding:13px 0 16px; color:#595959; font-size:13px; line-height:16px;}
div.joinEnd .joinEvent p.txt span {padding-left:15px; background:url("images/icon_ice.png") no-repeat; background-size:14px 14px; color:#6e57a2; }
div.joinEnd .joinEvent p.input {position:relative; height:48px; padding:0 38px 0 0; border:1px solid #d6d6d6; -webkit-border-radius: 5px; border-radius:5px; text-align:left;}
div.joinEnd .joinEvent p.input input {border:0; background:transparent; width:100%; height:48px; padding:3px 0 0 0; text-indent:10px; line-height:24px; font-size:15px; color:#333; box-sizing:border-box; -moz-box-sizing:border-box;}
div.joinEnd .joinEvent p.input a {position:absolute; top:0px; right:0px; width:35px; height:48px; background:url('images/btn_delX.png') no-repeat 5px 50%; background-size:22px 22px; text-indent:-999em;}
div.joinEnd .btn {display: table; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
div.joinEnd .btn:after {clear: both; content: ""; overflow: hidden;}
div.joinEnd .btn a {display:table-cell; width:100%; height:37px; border-radius:3px; background:#00a8ff; font-size:16px; color:#fff;text-align:center; vertical-align:middle;}
/*div#bottomFixed {position:fixed; bottom:0; left:0; width:100%; }
div#bottomAbsolut {position:fixed; bottom:0; left:0; width:100%; }*/
div.btnPad {width:100%; height:100px;}

div.talkAcc p.input {position:relative; height:39px; margin:10px 0 25px; padding:0 38px 0 0; border:1px solid #d4d4d4; background:#fff; -webkit-border-radius: 3px; border-radius: 3px;; text-align:left;}
div.talkAcc p.input input {border:0; background:#fff; width:100%; height:39px; padding:3px 0 0 0; text-indent:10px; line-height:24px; font-size:15px; color:#333; box-sizing:border-box; -moz-box-sizing:border-box;}
div.talkAcc p.input a {position:absolute; top:0px; right:0px; width:35px; height:39px; background:url('images/btn_delX.png') no-repeat 5px 50%; background-size:22px 22px; text-indent:-999em;}
table.joinTable {width:100%; height:100%;}
table.joinTable td {vertical-align:middle;}
table.joinTable td.btnT {height:37px; padding:7px;}
@media screen and (max-height: 430px) {
	div.joinEnd .joinEvent {margin:10px 15px 0;}
	div.joinEnd .btn {padding:10px 15px;}
	table.joinTable td.btnT {height:70px;}
}

div.loginInput {width:100%; margin-top:10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
div.talkAcc input.login {width:100%; border:0; background:transparent; height:40px; font-size:13px; padding-left:10px; border:1px solid #d4d4d4; background:#fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
div.talkAcc input.login:nth-of-type(1) { -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; }
div.talkAcc input.login:nth-of-type(2) {border-top:0; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; }

div.linkWrap {text-align:center;}
div.linkWrap a {text-decoration:underline; font-size:15px;}

div.footInfo {padding:0 15px; font-size:9px; line-height:12px; color:#9a9a9a;}
div.footbtn {padding:15px;}
div.footbtn a.btn {display:block; padding:11px 0; background:#fff; text-align:center; font-size:16px; line-height:18px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
div.footbtn a.btn.red {background:#e54545; color:#fff; border:0;}
div.footbtn a.btn.gray {background:#9e9e9e; color:#fff;}

div.conBtn {position:relative; padding-right:90px;}
div.conBtn a.btnA {position:absolute; top:0; right:0; display:block; width:80px; margin-top:10px; padding:11px 0; background:#fff; text-align:center; font-size:14px; line-height:16px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
div.conBtn a.btnA.red {color:#e54545; border:1px solid #e54545;}
div.conBtn a.btnA.gray {color:#c2c2c2; border:1px solid #bdbdbd;}

/* join */
div.positionR .btnChk {position:absolute; top:22px; right:9px; width:18px; height:18px;}
div.talkAcc .txt4 {padding-top:8px; padding-bottom:8px; color:#969696; font-size:13px; line-height:16px;}

table.wrapTable {width:100%; height:100%;}
table.wrapTable td.top {vertical-align:top;}
table.wrapTable td.bottom {vertical-align:bottom;}

div.talkAcc .email2 {padding-top:7px; color:#333; font-size:17px; font-weight:bold; text-align:center;}
div.talkAcc .txt4 {padding-top:25px; padding-bottom:25px; color:#969696; font-size:13px; line-height:17px; text-align:center;}

.no_item {position:fixed; top:50%; left:0; width:100%; height:220px; margin-top:-110px; text-align:center;}
.no_item img {width:120px; height:120px;}
.no_item p { margin-top:20px; padding:0 10px; font-size:16.5px; line-height:21.5px; color:#c5c5c5;}
.no_item p.dark {color:#747474;}

div.bottomFixed {position:fixed; bottom:0; left:0; width:100%; height:37px; padding:7px 0; border-top:1px solid #bdbdbd; background:#fff; z-index:202;}
div.bottomFixed.addInfoBTM {height:51px;}
div.bottomFixed.noneBg {border-top:0; background:transparent;}
div.bottomFixed .btnW {display:table; width:100%; padding:0 7px 0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
div.bottomFixed .btnW:after {content:""; clear:both; overflow:hidden;}
div.bottomFixed .btnW a {display:table-cell; width:100%; height:37px; font-size:15px; color:#fff; background:#00a8ff; vertical-align:middle; text-align:center; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
div.bottomFixed .btnW a.navy {background:#2b3e4d;}
div.bottomFixed .btnW a.gray {background:#6a6a6a;}
div.bottomFixed .btnW a.radius {-webkit-border-radius:3px; border-radius:3px;}

div.bottomFixed .btnW a.gift {background:#fff; border: 1px solid #bfbfbf; color: #00a8ff;}
div.bottomFixed .btnW a.gift img {width:16px; height: 16px; margin: 0 6px 0 0; vertical-align:middle;}
div.bottomFixed .btnW a.gift2 img {width:16px; height:16px; margin:0 6px 0 0; vertical-align:middle;}
div.bottomFixed .btnW p {display:table-cell; width:100%; height:37px; border:1px solid #d6d6d6; background:#ededed; text-align:center; vertical-align:middle; font-size:15px; color:#d5d5d5;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box}
div.bottomFixed .btnW p.btnWInfo {clear:both; width:100%; height:14px; border:0; background:#fff; font-size:11px; padding-top:2px; text-align:center; color:#323232;}
div.bottomFixed .btnW .half {display:table; width:50%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
div.bottomFixed .btnW .half:nth-of-type(1) {float:left; padding-right:4px;}
div.bottomFixed .btnW .half:nth-of-type(2) {float:right; padding-left:4px;}

/*------------------------------ popup design ------------------------------*/
#popup_wrap {
    background:url("../static/images/img_popup_wrap.png") repeat;
    display: block;
    height: 100%;
    left: 0;
    position: fixed;
    text-align: center;
    top: 0;
    width:100%;
    z-index:100;
}
.pop_btn_area {
    width:100%;
    heigth:auto;
    border-radius:0px 0px 10px 10px;
    overflow:hidden;
}
.pop_basis {
    display: inline-block;
    height: 100%;
    text-align: left;
    vertical-align: middle;
    width: 0;
}
.popup_box {
    background:#ffffff;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width:260px;
    z-index: 30;
    border-radius:10px;
    font-size:0.75em;
}
.popup_top {
    width:100%;
    background:url("../img/pattern01.png") repeat;
    padding:15px 10px 15px 10px;
    overflow:hidden;
    border-radius:10px 10px 0px 0px;
}
.product_content01 {
    width:100%;
    padding:20px 10px 20px 10px;
    line-height:120%;
    font-size:10pt;
}
.btn_pop_gray01 {
    width:100%;
    height:50px;
    line-height:50px;
    background:#ededed;
    color:#333333;
    border-top:1px solid #c8c8c8;
    text-align:center;
    text-decoration:none;
    display: inline-block;
    cursor: pointer;
    font-size:10pt;
    font-weight:bold;
}