@import url(//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);
@import url(//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css);

/* Reset CSS */
* {margin:0; padding:0; outline:0;font-family:'Nanum Barun Gothic';}
html {margin:0;padding:0;height:100%;}
a {text-decoration:none; color:#313131;}
img {border:none; margin:0 auto; padding:0 auto; vertical-align:top;max-width:100%;height:auto;}
table {border-collapse:collapse; border-spacing:0;}
input[type='checkbox'] {margin:0 auto; padding:0; border:none;}
input[type='radio'] {margin:0 auto; padding:0; border:none;}
body {margin:0;padding:0;height:100%;background:#fff;font-family:Verdana, Tahoma, dotum; font-size:100%; line-height:1.0em; color:#313131;word-break:break-all;letter-spacing:-0.05em;}
alt {overflow:hidden;}
a { text-decoration: none; }
a { color:inherit; }
ul, ol, dl { list-style: none; }
input, select, textarea {border: solid 1px #a1a1a1;-moz-border-radius: 0px;-webkit-border-radius: 0px;-khtml-border-radius: 0px;border-radius: 0px;font: 1.0em 'Nanum Barun Gothic';outline: none;height:2.0em;padding:2px;}

#wrapper {position:relative;min-height:100%;}
#footer {position:absolute;bottom:0;width:100%;}
.footblankapp {height:10.5em;}

/*
input[type=radio   ]:not(old){  width   : 28px;  margin  : 0;  padding : 0;  opacity : 0;}
input[type=radio   ]:not(old) + label{  display      : inline-block;  margin-left  : -28px;  padding-left : 28px;  background   : url(/images/checks.png) no-repeat 0 0;  line-height  : 24px;}
input[type=radio]:not(old):checked + label{  background-position : 0 -48px;}

input[type=checkbox]:not(old){  width   : 28px;  margin  : 0;  padding : 0;  opacity : 0;}
input[type=checkbox]:not(old) + label{  display      : inline-block;  margin-left  : -28px;  padding-left : 28px;  background   : url(/images/checks.png) no-repeat 0 0;  line-height  : 24px;}
input[type=checkbox]:not(old):checked + label{  background-position : 0 -24px;}
*/
.ta100center {width:100%;margin:0 auto;}
.tacenter {margin:0 auto;}
.colblue {color:#00aeff;}
.colf5 {color:#f5f5f5;}
.colff09 {color:#fff;font-size:0.9em;}
.colf10 {color:#fff100;}
.colf10b {color:#fff100;font-weight:bold;}
.colffcenter {color:#fff;text-align:center;}
.colf79 {color:#fff799;}
.cola0 {color:#a0a0a0;}
.cola0ft075 {color:#8c8c8c;font-size:0.75em;}
.colblue_ft110 {color:#00479d;font-size:1.1em;}
.pa025 {padding:0.25em;}
.pa02500 {padding:0.25em 0 0;}
.pa05 {padding:0.5em;}
.pa005 {padding:0 0.5em;}
.pa0500 {padding:0.5em 0 0;}
.pa0050 {padding:0 0.5em 0;}
.pa00500 {padding:0 0.5em 0 0;}
.pa05025 {padding:0.5em 0.25em;}
.pa05010 {padding:0.5em 0 1.0em;}
.pa00505 {padding:0 0.5em 0.5em;}
.pa0005 {padding:0 0 0.5em;}
.pa0005ffb {padding:0 0 0.5em;color:#fff;font-weight:bold;}
.pa05050 {padding:0.5em 0.5em 0;}
.pa050 {padding:0.5em 0;}
.pa0025 {padding:0 0 2.5em;}
.pa002500 {padding:0 0.25em 0 0;}
.pa01000 {padding:0 1.0em 0 0;}
.pa0075 {padding:0 0.75em;}
.pa00075 {padding:0 0 0.75em;}
.pa010 {padding:0 1.0em;}
.pa100 {padding:1.0em 0;}
.pa075025 {padding:0.75em 0.25em;}
.pa0_025 {padding:0 0.25em;}
.pa1500 {padding:1.5em 0 0;}
.pa05ft090 {padding:0.5em;font-size:0.9em;}
.line1cc {height:1px;background:#ccc;}
.bdbt1cc {border-bottom:solid 1px #ccc;}
.height090 {height:0.9em;}
.height110 {height:1.1em;}
.height125 {height:1.25em;}
.height130 {height:1.3em;}
.wd30pa005 {width:30%;padding:0 0.5em;}
.wd100 {width:100%;}
.wd020 {width:2.0em;}
.wd030 {width:3.0em;}
.wd040 {width:4.0em;}
.wd070 {width:7.0em;}
.co7d_ft095 {color:#7d7d7d;font-size:0.95em;}
.ft090 {font-size:0.9em;}

/* Top */
.lmenuname {padding:0 0 0;font-size:1.4em;color:#fff;}
.lmenunick {padding:0.5em 0;font-size:1.0em;color:#fff;}
.lmenutarea {width:90%;padding:0.5em;background:#000;border-radius:1.0em;}
.lmenupyo01 {border:solid 1px #aaa;color:#fff;font-size:0.80em;}
.lmenupyo01txt01 {padding:0.5em 0.25em;border-right:solid 1px #aaa;border-bottom:solid 1px #aaa;}
.lmenupyo01txt02 {padding:0.5em 0.25em;border-bottom:solid 1px #aaa;}
.lmenupyo01txt03 {padding:0.5em 0.25em;border-right:solid 1px #aaa;}
.lmenutxt01 {padding:0.5em 0; font-size:1.5em;color:#fff;line-height:1.3em;}
.lmenutxt02 {padding:1.5em 0 1.0em;color:#c9c9c9;}
.wd50 {width:50%;}
.footcopy {padding:0.5em 0;color:#c9c9c9;font-size:0.75em;}
.givetxt1 {color:#313131;font-size:1.0em;font-weight:bold;line-height:1.2em;}
.givetxt2 {color:#7d7d7d;font-size:0.85em;line-height:1.5em;}
.givetxt21 {font-size:0.85em;font-weight:lighter;}
.givetxt3 {color:#7d7d7d;font-size:0.95em;line-height:1.5em;font-weight:bold;}

/* Main */
.bgtop {width:100%;padding-top:3.75em;}
.bgtop_area {z-index:100; top:0px; left:0px; right:0px; position:absoulte !important; position:fixed;}
.bgtop_bg {background:#fff;padding:0 0.5em;border-bottom:solid 1px #000;box-shadow:0 0.5 0.5;}
.toplogo {height:2.0em;}
.bottomlogo {height:1.5em;}
.topbtn {width:2.2em;height:2.2em;}

.topbtncl {width:2.2em;height:2.2em;padding:0.5em 0 0 0.25em;}

.lmarr {height:0.9em;padding:0.25em 0 0;}
.lmarr2 {width:0.9em;padding:0.5em 0 0;}
.lmmeminfo {width:100%;margin:0 auto;background:#1361a0;color:#fff;-webkit-border-radius: 6px;-border-radius: 6px;border-radius: 6px;}
.lmmemname {padding:1.0em 0 0.5em;font-size:1.25em;}
.lmmempoint {padding:0 0 1.0em;line-height:1.5em;}
.lmcsbg {width:100%;margin:0 auto;background:#434343;color:#c9c9c9;}
.bgflmain {background:url(/mhtml/images/bg_fl.png); padding:0.5em;}
.bgfltime {background:#313131;width:100%;margin:0 auto;}
.txtfltime {padding:0.5em 0;color:#fff;font-size:1.0em;line-height:1.5em;}
.bgflmoney {border:solid 4px #eeb736;background:#313131;width:100%;margin:0 auto;}
.txtflmoney {font-size:2.5em;font-family:arial;color:#fff45c;line-height:1.5em;}
.mainlottonum {width:2.75em;padding:0 0.1em;}
.mainlottoplus {width:1em;padding:0.25em 0.1em 0;}
.maintoparea {padding:0.75em;background:#eee;border-radius:0.5em;}
.maintoptxt01 {padding:0 0 0.5em;color:#dc2c31;font-size:1.4em;font-weight:bolder;}
.maintoptxt02 {padding:0 0 0.5em;color:#fff;font-size:0.8em;font-weight:bold;}
.maintoptxt03 {color:#dc2c31;font-size:1.75em;font-weight:bolder;}
.subtxt01 {font-size:1.3em;font-weight:bold;line-height:1.2em;}
.subtxt02 {font-weight:lighter;line-height:1.5em;}
.maintopareas2 {width:50%;padding:0.75em;background:#eee;border-radius:0.5em;}
.maintoptxt02box {padding:0.2em;background:#fff100;color:#000;}
.mainbox2 {padding:0.5em;background:#39557c;border-radius:0.5em;}
.mainbox2tit {padding:0 0 0.5em;color:#fff;font-size:1.1em;font-weight:bold;}
.mainbox2txt {padding:0 0 0.5em;color:#fff;font-size:0.8em;}
.mainbox2txt2 {padding:1.0em;background:#fff;border-radius:0.5em;font-size:1.0em;color:#ff6633;font-weight:bold;text-align:center;}
.mainbox3 {padding:0.5em;background:#000;border-radius:0.5em;}
.lottopricenum {padding-left:0.25em;height:2.0em;}
.lottopricecom {padding-top:1.5em;height:0.75em;}
.lottopricewon {padding:0.5em 0 0 0.25em;height:1.5em;}
.lottodateblue {padding:0.5em;background:#3cbdff;border-radius:1.0em;color:#000;font-size:0.75em;}
.lottoboxmem {background:#39557c;padding:0.5em;border-radius:0.5em;}
.bgflpast {background:#2b384d;width:100%;margin:0 auto;}
.ft_area {background:#313131;padding:1.0em 0.5em 1.5em;color:#b2b2b2;font-size:0.6em;text-align:center;}
.searchinput {font-size:0.9em;border:none;width:70%;}
.btnmore {height:1.0em;vertical-align:top;}
.dotlist {padding:0.25em 0 0.5em;}

.termstit {padding:1.0em;font-size:1.2em;font-weight:bold;}
.termstxt {padding:0.5em;font-size:0.9em;}

.mapname {display:block;padding:0.5em;background:rgba(0,0,0,0.5);color:#fff;font-weight:bold;border-radius:0.5em;}

/* Member */
.bgall {padding:1.0em;background:#eee;line-height:1.5em;font-size:0.9em;}
.q011 {padding:0.5em 0;font-size:1.1em;}
.q021 {padding:0 0.5em 0 0; font-size:1.1em;line-height:1.1em;}
.titc {color:#be0000;}

.memberarea {width:14.32em;margin:0 auto;padding:0.5em 0;}
.memberareabg {width:100%;background:#e5e5e5;}
.memberareabg2 {width:100%;background:#f5f5f5;}
.memtitsub {padding:0 0 0.5em;font-size:1.1em;text-align:center;line-height:1.2em;}
.memtitsub2 {padding:0 0 0.5em;font-size:0.75em;text-align:left;line-height:1.2em;}
.memtitsubrd {padding:0 0.75em 0.5em;color:#ec6941;font-size:0.75em;text-align:left;line-height:1.2em;}
.memitembox {width:100%;background:#96f4ef;border-radius:1.0em;padding:0.5em;}
.memintype01 {width:19.7em;border: solid 1px #000;-moz-border-radius: 0.5em;-webkit-border-radius: 0.5em;-khtml-border-radius: 0.5em;border-radius: 0.5em;font: 1.1em Verdana bold;outline: none;height:1.75em;padding:0.5em;color:#7d7d7d;}
.memintype02 {width:14.32em;border:solid 1px #000;border-top-left-radius: 0.5em;border-bottom-left-radius: 0.5em;font: 1.1em Verdana bold;outline: none;height:1.75em;padding:0.5em;color:#7d7d7d;}
.memintype022 {width:97%;border:solid 1px #000;border-radius:0px;font: 1.05em Verdana bold;outline: none;height:3.5em;padding:0.5em;color:#7d7d7d;}
.memintype023 {width:95%;border:solid 1px #000;border-radius:0px;font: 1.05em Verdana bold;outline: none;height:10em;padding:0.5em;color:#7d7d7d;}
.memintype03 {width:9em;border: solid 1px #000;-moz-border-radius: 0.5em;-webkit-border-radius: 0.5em;-khtml-border-radius: 0.5em;border-radius: 0.5em;font: 1.1em Verdana bold;outline: none;height:1.75em;padding:0.5em;color:#7d7d7d;}
.memintype04 {width:11em;border: solid 1px #000;-moz-border-radius: 0.5em;-webkit-border-radius: 0.5em;-khtml-border-radius: 0.5em;border-radius: 0.5em;font: 1.1em Verdana bold;outline: none;height:1.75em;padding:0.5em;color:#7d7d7d;}
.memseltype00 {height:1.75em;padding:0 0.5em;font-size:1.55em;border-radius:0.5em;}
.memseltype01 {height:1.75em;padding:0 0.5em;width:6.0em;font-size:1.55em;border-radius:0.5em;background:linear-gradient(to top, #dcdcdc, #ffffff);}
.memseltype02 {height:1.75em;padding:0 0.5em;width:14.5em;font-size:1.55em;border-radius:0.5em;background:linear-gradient(to top, #dcdcdc, #ffffff);}
.memintxts {padding:0.5em 0 0;width:20em;font-size:0.75em;}
.fidpyo01 {background:#617796;padding:0.5em;border-top-left-radius:0.5em;border-top-right-radius:0.5em;}
.fidpyo01tit {color:#fff;font-size:1.1em;}
.fidpyo02 {background:#39557c;padding:0.5em;border-bottom-left-radius:0.5em;border-bottom-right-radius:0.5em;}
.fidpyo02txt {padding:0.25em 0 0.5em;color:#fff;}
.fidpyo03 {background:#617796;padding:1.0em;border-radius:0.5em;}
.infomembership {padding:0 0 0.5em;color:#fff;font-size:1.1em;line-height:1.2em;}
.infomembox {background:#031124;border-radius:0.5em;}
.infomemboxcon01 {padding:0.5em;border-right:solid 0.05em #818892;}
.memtit {padding:0.75em 0 0.5em;font-size:2.0em;font-weight:bold;text-align:center;color:#dc2c31;}
.memstit {padding:1.0em 0.5em 0.5em;font-size:1.3em;font-weight:bold;line-height:1.0em;}
.memstxt {padding:1.0em 0 0.5em;font-size:1.3em;font-weight:normal;line-height:1.0em;color:#00479d;}
.memstxt2 {padding:1.0em 0.5em 0.5em;font-size:1.1em;font-weight:normal;line-height:1.0em;}
.bgmemlogin {width:100%;margin:0 auto;background:#eee;color:#313131;-webkit-border-radius:0.5em;-border-radius:0.5em;border-radius:0.5em;}
.bgmemagree {width:100%;margin:0 auto;background:#39557c;color:#e0e0e0;-webkit-border-radius:0.5em;-border-radius:0.5em;border-radius:0.5em;}
.terms_iframe {width:100%; height:8.0em; border-radius:0.5em;border:solid 1px #666;overflow:scroll; overflow-x:hidden; -webkit-overflow-scrolling: touch;}

/* sub */
.subnumber {padding:0.5em;color:#a0a0a0;font-size:1.0em;text-align:left;line-height:1.2em;}
.subbtline {width:100%;border-bottom:solid 2px #dc2c31;}
.subbtline2 {border-bottom:solid 1px #a0a0a0;}
.subnoti {background:#eee;}
.subbtxt {padding:0.5em 0.2em 0.25em;font-size:1.2em;line-height:1.2em;font-weight:lighter;letter-spacing:-0.05em;text-align:left;}
.subbtxt img {vertical-align:middle;width:1.0em;}
.subbtxtnoti {padding:0.5em 0.2em 0.25em;font-size:1.2em;line-height:1.2em;font-weight:bold;letter-spacing:-0.05em;text-align:left;color:#000;}
.subbtxtnoti img {vertical-align:middle;width:1.0em;}
.subbtxt2 {padding:0.5em 0.2em 0.25em;font-size:1.3em;font-weight:lighter;letter-spacing:-0.05em;text-align:left;line-height:1.3em;}
.subbtxt2 img {vertical-align:middle;width:1.0em;}
.subbrd {color:#a40000;font-weight:lighter;}
.substxt {padding:0 0.3em 0.75em;border-bottom:solid 1px #a0a0a0;color:#a0a0a0;font-size:0.9em;font-weight:lighter;letter-spacing:-0.05em;text-align:left;}
.substxt2 {padding:0 0.3em 0.75em;color:#a0a0a0;font-size:0.9em;font-weight:lighter;letter-spacing:-0.05em;text-align:left;}
.substxtnoti {padding:0 0.3em 0.75em;border-bottom:solid 1px #a0a0a0;color:#666;font-size:0.9em;font-weight:normal;letter-spacing:-0.05em;text-align:left;}
.substxtr {padding:0 0.2em 0.5em;text-align:right;}
.submtxt {padding:1.0em 0.2em;font-size:1.2em;font-weight:lighter;letter-spacing:-0.05em;text-align:left;line-height:1.5em;}
.submtxt2 {padding:0.25em 0;font-size:1.0em;color:#626262;font-weight:lighter;letter-spacing:-0.05em;text-align:left;line-height:1.5em;}
.replytxts {padding:0.25em;font-size:0.75em;color:#a0a0a0;}
.searchtxt1 {padding:1.0em;font-size:0.9em;line-height:1.3em;}
.searchtit1 {padding:0 0 0.5em;font-size:1.0em;font-weight:bold;}
.searchsub1 {font-weight:lighter;line-height:1.5em;}
.searchsub2 {padding:0.5em 0 0;color:#898989;font-size:0.9em;font-weight:lighter;}
.peopletxt1 {font-size:1.1em;font-weight:bold;line-height:1.2em;}
.poepletxt2 {padding:0 0.5em 0 0;font-size:1.1em;font-weight:bold;line-height:1.2em;}
.filedl {padding:0 0 0.5em;}
.filedl img {width:1.0em;padding:0.15em 0 0 0;}
.filedl span {margin:0.2em;}
.ctns_area {width:100%;background:#fff;}
.ctnslist_area {padding:1.0em 0;border-bottom:solid 1px #434343;}
.ctnslist_title {font-size:1.1em;padding:0 0 0.5em;line-height:1.5em;}
.ctnslist_sub {color:#959595;font-size:0.75em;}
.ctnslist_txt {width:75%;font-size:0.75em;line-height:1.5em;word-break:break-all;}

/* MyPage */
.mylisttop {padding:0.5em;background:#dcedf9;text-align:center;border-left:solid 1px #e0e0e0;font-size:0.9em;}
.mylisttop2 {padding:0.5em;background:#dcedf9;text-align:center;border-left:solid 1px #e0e0e0;border-right:solid 1px #e0e0e0;font-size:0.9em;}
.mylisttopline {height:1px;background:#e0e0e0;}
.mylisttxt{padding:0.5em;background:#fff;text-align:center;border-left:solid 1px #e0e0e0;font-size:0.8em;}
.mylisttxt1{padding:0.5em;background:#fff;text-align:left;border-left:solid 1px #e0e0e0;font-size:0.9em;}
.mylisttxt2 {padding:0.5em;background:#fff;text-align:center;border-left:solid 1px #e0e0e0;border-right:solid 1px #e0e0e0;font-size:0.8em;}
.csfaqtxt {padding:1.0em;background:#e5e5e5;font-size:0.9em;word-break:break-all;line-height:1.3em;}
.moditit {width:5em;padding:0.5em;font-size:1.3em;font-weight:bold;text-align:left;}
.modisub {padding:0.5em 0;color:#00479d;font-size:1.3em;font-weight:bold;text-align:left;}
.modisub1 {padding:0 1.5em 0 0.5em;letter-spacing:-0.05em;}
.modisub2 {padding-left:0.5em;letter-spacing:-0.05em;}
.mmenutop{display:block;padding:0.5em;text-align:left; color:#000; line-height:1.5em; letter-spacing:-0.1em;}
.mmenutline{border-top:solid 0.05em #aaa;}
.mmenutxt{display:block;padding:0.5em;border-bottom:solid 0.05em #aaa;text-align:left; font-size:1.2em; color:#000; line-height:1.5em; letter-spacing:-0.1em;font-weight:bold;}

.mmenutxtun{display:block;padding:0.5em;background:#252525;border-bottom:solid 1px #000;text-align:left; font-size:1.2em; color:#aaa; line-height:1.5em; letter-spacing:-0.1em;font-weight:bold;}

.mmenutxt2{display:block;padding:0.5em 1.0em;border-bottom:solid 1px #aaa;text-align:left; font-size:1.1em; color:#000; line-height:1.5em; letter-spacing:-0.1em;font-weight:bold;}

.mmenuclose{display:block;background:#c6c6c6;font-size:1.0em; color:#000; line-height:1.5em; letter-spacing:-0.1em;text-align:right;}
.mmenuicon{float:right;}
.mmicon {width:30%;padding-top:0.5em;float:right;}
.mmicon2 {width:40%;padding-top:0.5em;float:right;}
.mmicon25 {width:40%;padding-top:0.25em;float:right;}
.mmicon3 {width:40%;padding:0.2em;float:right;}
.mmiconl {width:6%;float:left; padding-right:0.2em;}
.mmenuindex{display:block;padding:0.5em;background:#fff;border-bottom:solid 1px #aaaaaa;text-align:left; font-size:1.4em; color:#0068b7;font-weight:bold; line-height:1.5em; letter-spacing:-0.085em;}
.btmenutxt{display:block;padding:0.5em;background:#333333;border-bottom:solid 1px #151515;text-align:left; font-size:1.4em; color:#eeeeee; line-height:1.5em; letter-spacing:-0.05em;font-weight:bold;}
.btmenutxt2{display:block;padding:0.5em 1.5em;background:#535353;border-bottom:solid 1px #151515;text-align:left; font-size:1.2em; color:#eeeeee; line-height:1.5em; letter-spacing:-0.05em;}

.center_photo {padding:0.5em 0;font-size:1.2em;color:#2777ca;line-height:1.2em; text-align:center;}
.subct_title {padding:0.75em 0 0;font-size:1.5em;line-height:1.2em;font-weight:bold;}
.subct_titlec {color:#73bd11}
.subct_sub {padding:1.0em 0 1.2em;line-height:1.2em;word-break:break-all;}
.subct_subt {padding:0.5em;line-height:1.5em;word-break:break-all;font-weight:bold;}
.subct_subs {padding:0 0.5em 0.5em;font-size:0.95em;line-height:1.5em;word-break:break-all;}
.subct_line {padding-top:0.5em;border-bottom:solid 1px #e7e7e7;}
.subct_st {color:#139db6;font-weight:bold;}
.subct_st2 {color:#3264bd;font-weight:bold;}
.subct_st3 {color:#6e6edd;font-weight:bold;}
.subct_st4 {color:#ff0000;font-weight:bold;}
.subct_pyot {padding:0.5em;background:#f7f7f7;text-align:center;}
.subct_pyo {padding:0.5em;text-align:left; line-height:1.2em;}
.subct_pyo1 {padding:0.5em;text-align:left; line-height:1.2em; text-align:center;}
.subct_pyop {padding:0.5em;color:#3463bf;text-align:left;}
.subct_pyol {width:1px;background:#e4e4e5;}
.center_search {width:90%;height:1.5em; padding:0.5em; font-size:0.75em;}
.center_searbtn {width:100%;padding:0.2em;background:#0160c5;color:#fff;text-align:center;font-weight:bold;}

.pyotit {background:#00456f;padding:0.5em;text-align:center;color:#fff;font-weight:bold;}
.pyotxt1 {background:#00a7cb;padding:0.5em;text-align:center;color:#fff;}
.pyotxt2 {background:#00829e;padding:0.5em;text-align:center;color:#fff;}
.pyotxt3 {background:#fff;padding:0.5em;text-align:center;color:#139db6;}

/* btn */
.btn {text-align: center;display: inline-block;outline: none;cursor: pointer;text-decoration: none;padding: 1.0em 0.75em;-webkit-border-radius: 6px;-border-radius: 6px;
border-radius: 6px;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);box-shadow: 0 1px 2px rgba(0,0,0,.2);}
.btn:hover { text-decoration: none;}
.btn:active { position: relative; top: 1px;}
.btns {text-align: center;display: inline-block;outline: none;cursor: pointer;text-decoration: none;padding: 0.5em;-webkit-border-radius: 0.3em;-border-radius: 0.3em;border-radius: 0.3em;}
.btns:hover { text-decoration: none;}
.btns:active { text-decoration: none;}
.btnl {text-align: center;display: inline-block;outline: none;cursor: pointer;text-decoration: none;padding:0.75em;-webkit-border-radius: 1.1em;-border-radius: 1.1em;border-radius: 1.1em;}
.btnl:hover { text-decoration: none;}
.btnl:active { text-decoration: none;}
.btnhf {text-align: center;display: inline-block;outline: none;cursor: pointer;text-decoration: none;padding:0.75em;-webkit-border-radius: 0.5em;-border-radius: 0.5em;border-radius: 0.5em;}
.btnhf:hover { text-decoration: none;}
.btnhf:active { text-decoration: none;}
.btnhf2 {text-align: center;display: inline-block;outline: none;cursor: pointer;text-decoration: none;padding:0.5em;-webkit-border-radius: 1.0em;-border-radius: 1.0em;border-radius: 1.0em;}
.btnhf2:hover { text-decoration: none;}
.btnhf2:active { text-decoration: none;}
.btnhf3 {text-align: center;display: inline-block;outline: none;cursor: pointer;text-decoration: none;padding:0.95em;border-top-right-radius: 0.5em;border-bottom-right-radius: 0.5em;}
.btnhf3:hover { text-decoration: none;}
.btnhf3:active { text-decoration: none;}
.tabmem {text-align: center;display: inline-block;outline: none;cursor: pointer;text-decoration: none;padding:0.5em 0;border-top-left-radius: 0.5em;border-top-right-radius: 0.5em;}
.tabmem:hover { text-decoration: none;}
.tabmem:active { text-decoration: none;}
.btnsp {text-align: center;display: inline-block;outline: none;cursor: pointer;text-decoration: none;padding: 0.8em 0.5em 0.3em;-webkit-border-radius: 0.3em;-border-radius: 0.3em;border-radius: 0.3em;}
.btnsp:hover { text-decoration: none;}
.btnsp:active { text-decoration: none;}
.btnre {text-align: center;display: inline-block;outline: none;cursor: pointer;text-decoration: none;padding:0.5em;border-top-right-radius: 0.5em;border-bottom-right-radius: 0.5em;}
.btnre:hover { text-decoration: none;}
.btnre:active { text-decoration: none;}

.subbtm {width:4.75em;height:1.2em;background:#ececec;padding:0.25em 0 0;border-radius:0.25em;border:solid 1px #7d7d7d;color:#7d7d7d; font-size:1.1em;font-weight:bold;}
.subbtm:hover {background:#ececec;color:#7d7d7d;}
.subbtm:active {background:#ececec;color:#7d7d7d;}
.subbtm2 {width:3.5em;height:1.2em;background:#ececec;padding:0.25em 0 0;border-radius:0.25em;border:solid 1px #7d7d7d;color:#7d7d7d; font-size:1.1em;font-weight:bold;}
.subbtm2:hover {background:#ececec;color:#7d7d7d;}
.subbtm2:active {background:#ececec;color:#7d7d7d;}
.pagenum {width:1.5em;height:1.75em;background:#66b7d9;padding:0.75em 0.5em 0;border-radius:0.25em;border:solid 1px #66b7d9;color:#fff; font-size:1.0em;}
.pagenum:hover {background:#5aa1bf;color:#fff;}
.pagenum:active {background:#5aa1bf;color:#fff;}
.pagenum2 {width:1.5em;height:1.75em;background:#fff;padding:0.75em 0.5em 0;border-radius:3px;border:solid 1px #e4e4e4;color:#7b7b7b; font-size:1.0em;}
.pagenum2:hover {border:solid 1px #66b7d9;color:#7b7b7b;}
.pagenum2:active {border:solid 1px #66b7d9;color:#7b7b7b;}
.pagenum3 {width:1.5em;height:1.6em;background:#fff;padding:0.9em 0.5em 0;border-radius:3px;border:solid 1px #e4e4e4;color:#7b7b7b; font-size:1.0em;}
.pagenum3:hover {border:solid 1px #66b7d9;color:#7b7b7b;}
.pagenum3:active {border:solid 1px #66b7d9;color:#7b7b7b;}
.loginbt {width:5.5em;color: #fff; font-size:1.5em; font-weight:bold;background:#003182;}
.loginbt:hover {color: #fff;}
.loginbt:active {color: #fff;}
.loginbt2 {width:65%; color: #fff; font-size:1.5em; font-weight:bold;background:#e60012;}
.loginbt2:hover {color: #fff;}
.loginbt2:active {color: #fff;}
.joinbt {width:5.5em;color: #fff; font-size:1.5em; font-weight:bold;background:linear-gradient(to top, #2e2e2e, #919191); border: solid 1px #000d1f;}
.joinbt:hover {color: #fff;}
.joinbt:active {color: #fff;}
.joinbt2 {width:65%; color: #fff; font-size:1.5em; font-weight:bold;background:linear-gradient(to top, #2e2e2e, #919191); border: solid 1px #000d1f;}
.joinbt2:hover {color: #fff;}
.joinbt2:active {color: #fff;}
.cancle2 {width:65%; color: #666; font-size:1.5em; font-weight:bold;background:linear-gradient(to top, #808080, #fff); border: solid 1px #666;}
.cancle2:hover {color: #fff;}
.cancle2:active {color: #fff;}
.snsbt {width:80%;color: #fff; font-size:1.5em; font-weight:bold;border: solid 0.20em #fff;}
.snsbt:hover {color: #fff;}
.snsbt:active {color: #fff;}
.checkbt {color: #fff; font-size:1.1em; font-weight:bold;border: solid 1px #000;background:linear-gradient(to top, #2e2e2e, #919191);}
.checkbt:hover {color: #fff;}
.checkbt:active {color: #fff;}
.replybt {display:block;height:3.25em;padding:1.95em 0 0;color: #fff; font-size:0.9em; font-weight:bold;border: solid 1px #000;background:linear-gradient(to top, #567da1, #87aaca);text-align:center;}
.replybt:hover {color: #fff;}
.replybt:active {color: #fff;}
.lmenu {width:33%;background:#000;color: #fff;font-size:1.2em; font-weight:bold;}
.lmenu:hover {color: #fff;}
.lmenu:active {color: #fff;}
.yellow {color: #313131; font-size:1.2em; font-weight:bold;border: solid 1px #333333;
background: #fcff00;background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fcff00), to(#febd18));background: -moz-linear-gradient(19% 75% 90deg,#febd18, #fcff00);}
.yellow:hover {color: #313131; font-weight:bold;}
.yellow:active {color: #313131; font-weight:bold;}
.skyblue {color: #fff; font-size:1.1em; font-weight:bold;background:#1d95cc;}
.skyblue:hover {color: #fff; font-weight:bold;}
.skyblue:active {color: #fff; font-weight:bold;}
.blue {color: #fff; font-size:1.2em; font-weight:bold;background:#003b87;}
.blue:hover {color: #fff; font-weight:bold;}
.blue:active {color: #fff; font-weight:bold;}

.bluebig {color: #fff; font-size:1.4em; font-weight:bold;background:#307ea9; }
.bluebig:hover {color: #fff;}
.bluebig:active {color: #fff;}

.gray {color: #fff; font-size:1.4em; font-weight:bold;background:#7F7F7F; }
.gray:hover {color: #fff;}
.gray:active {color: #fff;}

.blackbig {color: #fff; font-size:1.5em; font-weight:bold;background:linear-gradient(to top, #2e2e2e, #919191); border: solid 1px #000d1f;}
.blackbig:hover {color: #fff;}
.blackbig:active {color: #fff;}
.liblue {color: #003b87; font-size:1.2em; font-weight:bold;background:#fff;border:solid 1px #003b87;}
.liblue:hover {color: #003b87; font-weight:bold;}
.liblue:active {color: #003b87; font-weight:bold;}
.ltgray {color: #313131; font-size:1.1em;background:#c9c9c9;}
.ltgray:hover {color: #313131;}
.ltgray:active {color: #313131;}
.dkblack {color: #ffc20e; font-size:1.2em; font-weight:bold;background:#434343;}
.dkblack:hover {color: #ffc20e; font-weight:bold;}
.dkblack:active {color: #ffc20e; font-weight:bold;}
.lnwhite {color: #313131; font-size:0.9em;background:#fff;border:solid 1px #a3a3a3;}
.lnwhite:hover {color: #313131;}
.lnwhite:active {color: #313131;}
.lnnavy {color: #e0e0e0; font-size:0.9em;background:#072a5b;}
.lnnavy:hover {color: #e0e0e0;}
.lnnavy:active {color: #e0e0e0;}
.orany {color: #000; font-size:1.8em; font-weight:bold;background:linear-gradient(to top, #ffcf00, #fff100);line-height:0.75em;}
.orany:hover {color: #000; font-weight:bold;}
.orany:active {color: #000; font-weight:bold;}
.oranys {color: #000;font-weight:bold;background:linear-gradient(to top, #ffcf00, #fff100);line-height:0.75em;}
.oranys:hover {color: #000; font-weight:bold;}
.oranys:active {color: #000; font-weight:bold;}
.orange {color: #fff; font-size:1.2em; font-weight:bold;background:linear-gradient(to top, #ff5b00, #febd18);line-height:0.75em;}
.orange:hover {color: #fff; font-weight:bold;}
.orange:active {color: #fff; font-weight:bold;}
.membtn {width:100%;color: #666; font-size:1.2em;line-height:1.8em; font-weight:bold;background:linear-gradient(to top, #eef6f9, #bdc6cd);outline:solid 0.075em #fff;box-shadow:inset 0 0 0.5em #999;}
.membtn:hover {color: #666; font-weight:bold;}
.membtn:active {color: #666; font-weight:bold;}
.membtnov {width:100%;color: #fff; font-size:1.2em;line-height:1.8em; font-weight:bold;background:linear-gradient(to top, #00377d, #5582a5);outline:solid 0.075em #fff;}
.membtnov:hover {color: #fff; font-weight:bold;}
.membtnov:active {color: #fff; font-weight:bold;}
.filedown {background:#f5f5f5;padding:0.25em;border-radius:0.25em;border:solid 1px #0068b7;font-size:0.9em;color:#0068b7;}
.filedown:hover {border:solid 1px #dc2c31;color:#dc2c31;}
.filedown:active {border:solid 1px #dc2c31;color:#dc2c31;}
.btpc {background:#b3b3b3;padding:0.75em;border-radius:0.25em;font-size:1.1em;color:#fff;}
.btpc:hover {color:#fff;}
.btpc:active {color:#fff;}

/* Layer menu */
.white_content {display: none; position:absoulte !important; position:fixed;top:0; right:0;background:rgba(255,255,255,0.9);width: 68%;height:100%;z-index:1002;overflow: auto;}
.white_content2 {display: none; position:absoulte !important; position:fixed;top:0; left:0; right:0;background:#072a5b;color:#fff;width: 100%;height:100%;z-index:1001;overflow: auto;}
.white_content2v {display: block; position:absoulte !important; position:fixed;top:0; left:0; right:0;background:#072a5b;color:#fff;width: 100%;height:100%;z-index:1001;overflow: auto;}
.white_content_left {width:68%; height:100%; position:fixed;top:0; left:-68%; background:rgba(0,0,0,0.9);z-index:1002;overflow-x: hidden;transition: 0.4s;}
.white_content_right {width:68%; height:100%; position:fixed;top:0; right:-68%; background:rgba(255,255,255,1.0);z-index:1002;overflow-x: hidden;}

.black_overlay{display:none;position:absoulte !important; position:fixed;z-index:1000;bottom:0;left:0;width:100%;height:100%;background:#000;opacity:0;overflow: auto;}
.black_overlay2{display:none;position:absoulte !important; position:fixed;z-index:1000;bottom:0px;left:0px;width:100%;height:100%;background:#000;opacity:0.8;overflow: auto;}
.btn_popclose {position:absoulte !important;position:fixed;bottom:1.0em; right:1.0em;z-index:1002;}

.mainbtn {width:100%;height:130px;border:solid 1px #6d7b88;}
.btmbtn {width:100%;padding:0.1em 0.5em;background:#2c2c2c;border:solid 1px #232323;color:#e6e6e6;font-size:1.2em;text-align:center;}
.quickqna {width:100%;border:solid 1px #ccc;}
.quickqna_t1 {padding:0.5em;font-size:1.2em;color:#313131;text-align:left;line-height:1.2em;font-weight:bold;}
.quickqna_t2 {color:#0160c5;text-align:left;line-height:1.2em;font-weight:bold;}

.buytit {width:5.0em;padding:0 0.25em 0 0;color:#a0a0a0;font-weight:bold;}
.buytit2 {width:6.0em;padding:0 0.25em 0 0;color:#a0a0a0;font-weight:bold;}
.buytxt {padding:0 0 0 0.25em;color:#0068b7;font-size:0.95em;font-weight:bold;}

.notibanner {padding:1.0em 0;}


.blackside {padding:9px 15px;color:#fff; font-size:15px;border-radius:4px;background:#585858;}
.blackside:hover {color:#fff;}
.blackside:active {color: #fff;}

/* iphone3, iphone4, iphone5, Galaxy s2, Galaxy S4 */
@media only screen
and (max-width: 359px ){
body{font-size:0.75em;}
.sctop {width:30%;height:23px;padding:0px 0.75em;boder:none;font-size:0.9em;}
}

/* Galaxy s3, Galaxy S2 lte */
@media only screen
and (min-width: 360px )
and (max-width: 374px ){
body{font-size:0.85em;}
}

/* iphone 6 */
@media only screen
and (min-width: 375px )
and (max-width: 399px ){
body{font-size:0.9em;}
}

/* Galaxy note */
@media only screen
and (min-width: 400px )
and (max-width: 413px ){
body{font-size:1.0em;}
}

/* iphone 6+ */
@media only screen
and (min-width: 414px )
and (max-width: 599px ){
body{font-size:1.0em;}
}
/* 600px */
@media only screen
and (min-width: 600px )
and (max-width: 767px ){
body{font-size:1.2em;}
}
/* 태블릿이상 */
@media only screen
and (min-width: 768px )
and (max-width: 799px ){
body{font-size:1.2em;}
}
/* 800 */
@media only screen
and (min-width: 800px )
and (max-width: 979px ){
body{font-size:1.2em;}
}
/* 980 */
@media only screen
and (min-width: 980px )
and (max-width: 1279px ){
body{font-size:1.2em;}
}
/* etc */
@media only screen
and (min-width: 1280px ){
body{font-size:1.2em;}
}

.submenu2ov {width:110px;padding:10px 0;background:#dc2c31;border-radius:10px;color:#fff; font-size:15px;}

.btn {display: inline-block;outline: none;cursor: pointer;text-align: center;text-decoration: none;padding:0.8em 1.0em;}
.btn:hover { text-decoration: none;}
.btn:active { text-decoration: none;}

.btncon {width:12.0em;color:#fff; font-size:1.0em;background:#4c4c4c;font-weight:bold;border-radius:0.3em;}
.btncon:hover {background:#333;}
.btncon:active {background:#333;}

.okgo {width:60%;color: #fff; font-size:1.3em;background:#1a51a6; font-weight:bold;border-radius:0.3em;}
.okgo:hover {color:#fff;}
.okgo:active { color: #fff;}

.btn1 {display: inline-block;outline: none;cursor: pointer;text-align: center;text-decoration: none;padding: 0.5em;}
.btn1:hover { text-decoration: none;}
.btn1:active { position: relative;}

.btnpage {display:inline-block;padding:0.9em;background:#757557;border:solid 1px #757557;color:#fff;font-size:1.0em;font-weight:bold;text-align:center;border-radius:0.3em;}

input {background:#fff;border:solid 1px #ccc;-moz-border-radius: 0px;-webkit-border-radius: 0px;-khtml-border-radius: 0px;border-radius: 0px;font-size: 0.9em Verdana bold;outline: none;height:2.0em;padding:2px;}
select {height:2.2em;background:#ffffff;}

.ellipsis{white-space:nowrap;display:block;overflow:hidden;text-overflow: ellipsis;-o-text-overflow:ellipsis;-moz-any-white-space:normal;-moz-any-word-wrap:break-word;}

.maincate_title {font-size:20px;color:#307ea9;font-weight:bold;}
.catebtm_line {height:4px;background:#307ea9;}
.catebtm_line2 {height:2px;background:#307ea9;}
.catebtm_line1 {height:1px;background:#307ea9;}
.mainsub_ctns {height:100px;padding:15px;font-size:18px;line-height:26px;vertical-align:top;}

.jointit {padding:0.2em 0.7em;color:#313131;font-size:1.5em;line-height:1.1em;}
.joinsub {width:5.0em;padding:0.8em 0.5em;background:#eee;border-radius:4px;color:#000;font-weight:bold;}

.noselect{-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}