@charset "utf-8";

#con_wrapper {overflow: hidden; padding-bottom: 60px;}
#mainbody #con_wrapper {padding-bottom: 0 !important; overflow: visible;}
#con_wrapper.inner {text-align: left;}
#con_wrapper.inner .sub > .left {width:295px; float: left; margin-bottom: 50px; margin-top: 50px;}
#con_wrapper.inner > .center {width: 875px; display: block; float: right; text-align: left;}
/*h2.ttile {font-size:24px;color:#00002e; letter-spacing: -0.05em; font-weight: bold; background: url(../img/common/t_l.gif) no-repeat 0 100%; background-size: 100% 1px; padding-bottom: 18px; padding-top:6px; margin:0 0 40px;}*/
.intitle {font-size:36px; color:#333; padding:70px 0 50px;text-align: center; font-weight: bold; }
.row {display: block; overflow: hidden;}
.k50 {float: left; width: 50%;}
.k100 {display: block; overflow: hidden;}
.b10 {margin-bottom: 10px;}
.b20 {margin-bottom: 20px;}
.b50 {margin-bottom: 50px;}
.al-r {text-align: right !important}
.pbtn {font-size:30px; background:#ab1603 url(/img/sub/arrow2.png) no-repeat 85% 50%; color:#fff; text-align: center; padding:45px 20px; font-weight: bold; display: block;}

#term > ul { overflow: hidden; border-right:1px solid #ddd;}
#term > ul li {float: left; width: 33.3%}
#term > ul li a {display: block; font-size:14px; background: #fff; border:1px solid #ddd; height:50px; line-height: 50px; border-right:0; text-align: center;color:#666;}
#term > ul li.on a {background: #1e3c6e ;color:#fff; border:1px solid #1e3c6e;}
.term1 {}
.term1 ol {padding-top: 20px;}
.term1 ol li {font-size:14px; margin-bottom: 20px;}
.term1 ol li h4 {color:#333; font-size: 16px; font-weight: bold; padding: 0 0 6px;}
.term1 ol li h4:before {content: ''; display: inline-block; width: 5px; height: 5px; background: #ab1603; margin-right: 6px; vertical-align: middle; border-radius: 50%;}
.term1 ol li p {font-size: 13px; color:#666; padding-left: 13px; line-height: 1.3;}
.term1 h3 {font-size:16px; color:#222; font-weight: bold; padding:20px 0 20px;}
.term1 table {border-collapse: collapse; border-spacing: 0; width: 100%; border-top:2px solid #004893;}
.term1 table th, .term1 table td {padding:10px; font-size:14px; color: #666; border-bottom:1px solid #ddd;  text-align: center;}
.term1 table th {background:#f9f9f9; color:#333; font-weight: bold;}


.analysis_view_btn {text-align: center;}


/*리스트로또공크기*/
.lball {width: 40px}
#rol_number .lball {width: 70px}

i.lball {display: inline-block; width: 30px; height: 30px;  border-radius: 50%; line-height: 30px; text-align: center; font-size: 14px;}
i.lball.lb_0, i.lball.lb_1, i.lball.lb_2, i.lball.lb_3, i.lball.lb_4, i.lball.lb_5, 
i.lball.lb_6, i.lball.lb_7, i.lball.lb_8, i.lball.lb_9, i.lball.lb_10 {background:#c07105; color:#fff; }
i.lball.lb_11, i.lball.lb_12, i.lball.lb_13, i.lball.lb_14, i.lball.lb_15, 
i.lball.lb_16, i.lball.lb_17, i.lball.lb_18, i.lball.lb_19, i.lball.lb_20 {background: #294ea5; color:#fff;}
i.lball.lb_21, i.lball.lb_22, i.lball.lb_23, i.lball.lb_24, i.lball.lb_25, 
i.lball.lb_26, i.lball.lb_27, i.lball.lb_28, i.lball.lb_29, i.lball.lb_30 {background: #af2b3d; color:#fff;}
i.lball.lb_31, i.lball.lb_32, i.lball.lb_33, i.lball.lb_34, i.lball.lb_35, 
i.lball.lb_36, i.lball.lb_37, i.lball.lb_38, i.lball.lb_39, i.lball.lb_40 {background: #642bae; color:#fff;}
i.lball.lb_41, i.lball.lb_42, i.lball.lb_43, i.lball.lb_44, i.lball.lb_45 {background: #00ae65; color:#fff;}

.new-my {padding-right: 50px;}
.new-box > h3 {padding-bottom: 15px; font-size: 18px; color:#222; position: relative; overflow:hidden;}
.new-box .new-modi { display: inline-block; background: #444; color:#fff;padding:3px 5px; font-size: 12px; font-weight: normal; margin-left: 10px;}
.new-tb {padding:15px; border:1px solid #ddd;}
.new-tb table {width: 100%; border-top:1px solid #ddd;}
.new-tb table th, .new-tb table td {padding:8px; border-bottom: 1px solid #ddd;}
.new-tb table th {background: #f6f6f6;}


/*신규결제창ㅇ ui*/
.dialog {max-width: 100%; max-height: 100%; width: 600px; left:calc( 50% - 300px ) ;top:calc( 50% - 300px ); position: fixed; background: #fff; display: none;}
.dialog * {margin:0; padding: 0; box-sizing: border-box;}
.dialog h1 {background: #1e3c6e; color:#fff; font-size: 18px; height: 46px; line-height: 46px; padding:0 20px; font-weight: bold;}
.dialog h1 > a {background: url(/img/close.png) no-repeat 50% 50%; display: block; width: 30px; height: 30px; overflow:hidden;text-align: left; text-indent: -9999px; top:8px; right: 15px; position: absolute;}
.dialog .block01, 
.dialog .block02 {width: auto; height: auto; padding: 10px 20px; overflow:auto;}
.dialog .block03 {width: auto;height: auto;overflow: hidden; margin:0 20px;}
.dialog table {width: 100%; border-top:1px solid #ddd; border-left: 1px solid #ddd;}
.dialog table th {text-align: center; background: #f9f9f9 ;color: #222; font-weight: bold;}
.dialog table th, .dialog table td {padding:8px 10px; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd;}
.dialog table td input[type=text],.dialog table td input[type=tel],.dialog table td select {height: 28px;}
#memberDialog.dialog .block03 table {display: none;}
.dialog col.nww1 {width: 24%; min-width: 100px;}
.dialog .neworderarea {overflow:hidden;}
.dialog .neworderarea li {float: left; margin:0;}
.dialog .choose {font-size: 16px; color:#222; font-weight: bold;}
.dialog .price1 {font-size: 14px; color:#555; font-weight: bold;}
.dialog .price2 {font-size: 16px; color:#e90000; font-weight: bold;}
.dialog .ment1 {color:#e90000; font-weight: bold;}
.dialog .ment2 {color:#ff6600; font-weight: bold; margin-left: 8px;}
.dialog .neworder-btn {padding:15px; text-align: center; background:#ab1603 ; color:#fff; margin:20px; font-size: 18px; font-weight: bold;display: block; overflow:hidden;}
.dialog .neworder-tel:before {content: '가입문의 : '}
.dialog .neworder-tel {padding:0; text-align: center; background:#fff; color:#1e3c6e; margin:20px; font-size: 24px; font-weight: bold;display: block; overflow:hidden;}
#card1, #card2, #card3, #card4 {width: 70px;}
.inment {white-space: pre-line; line-height: 1.4;}
.cahset01 {text-align: left;}
.cahset01 h2 {font-size: 16px; padding-bottom: 10px; font-weight: bold; color: #222;}
.cahset01 li {display: inline-block; margin-bottom: 3px;}
.cahset01 li a {display: block; width: 180px; padding:10px 0 ;text-align: center; border:1px solid #ddd; margin-right: 3px; background: #efefef; color:#333;}
.cahset01 li.exipt {display: block; padding-top: 8px;}
.cahset01 li.exipt input[type=text] {height: 26px; line-height: 26px; vertical-align: middle; width: 80px; margin:0 10px;}
.screenCash {font-size: 18px; color:#ff6600; font-weight: bold;}
.cahset01 li a.active {background: #ab1603; color:#fff;}

@media screen and (max-width: 800px){
	div.dialog {position: fixed; top:0;left:0;bottom: 0;right: 0; overflow-y: auto;}
	.cahset01 li {width: 47%}
	.cahset01 li.exipt {width: auto;}
	.screenCash, .cahset01 li a {width: auto;display: block;}
	.new-my {padding-right: 0; margin-bottom: 20px}
}