body{margin:0;padding:0;-webkit-text-size-adjust:none}
body,input,textarea,select,table,button{font-size:11px;font-family:Arial, Helvetica, sans-serif;}
body{position:relative;background-color:#000000;color:#dddddd;word-wrap:break-word;word-break:break-all}
img,fieldset{border:0}
hr{border-bottom:1px solid #333333;border-top:1px solid #000000;border-left:1px solid #000000;border-right:1px solid #000000;margin-bottom:15px; height:15px;}
html, body {font-size:11px;font-family:Arial, Helvetica, sans-serif;color:#fff;background-color:#000;}
.clearb{clear:both;height:0px; line-height:0px;}
a{color:#fff;text-decoration:none;cursor:pointer}
.hc, .gct {font-size: 0;height: 0;left: -1000em;line-height: 0;overflow: hidden;position: absolute;visibility: hidden;width: 0;}
.toplogo{width:100%; height:70px; border-bottom:1px solid #333333; text-align:center;}
.mainbtn{width:100%;}
.mainbtn a{display:block; width:100%; padding:7% 0 7% 0;border-bottom:1px solid #333333; text-align:center; font-size:11pt; font-weight:bold; font-family:verdana;}
.mainbtn a span{display:block; width:100%; text-align:center;}
.mainbtn a:link{font-family:; color:#ffffff;}
.mainbtn a:visited{font-family:; color:#ffffff;}
.mainbtn a:hover{font-family:; color:#ffffff; text-decoration:none;}
.bottomarea{width:100%; text-align:center;border-top:1px solid #333333;}
.bottomarea a{display:block; width:33%; text-align:center; float:left;}
.bottomarea a span{display:block; width:100%; padding-top:20px; padding-bottom:20px; text-align:center; font-weight:bold;}
.bottomarea1{border-right:1px solid #333333;}
.bottomarea a:link{font-family:; color:#666666;}
.bottomarea a:visited{font-family:; color:#666666;}
.bottomarea a:hover{font-family:; color:#ffffff; text-decoration:none;}
.mobilecontents{width:100%; text-align:center;}
.mobilecontents h1{width:100%; text-align:center; padding:10px 0px 10px 0px; margin:0px; border-bottom:1px solid #333333;}
.pac{padding:10px; text-align:center;padding:10px;font-size:16px;font-family:Arial, Helvetica, gulim, sans-serif;color:#ededed; font-weight:bold;}
.pal b{text-align:left;font-size:16px;font-family:Arial, Helvetica, gulim, sans-serif;color:#dddddd; font-weight:bold;}
.pal{padding:10px; text-align:left;color:#dddddd;font-size:14px;font-family:Arial, Helvetica, gulim, sans-serif;}
.pal ul li{text-align:left;}
.shopinfo{margin:0 auto; width:98%;}
.shopinfo a{display:block;text-align:center; border:1px solid #333333;padding:10px; background-color:#101010; width:60%; margin:0 auto;}
.shopinfo table{width:100%; margin:0 auto;}
.shopinfo td{padding:5px;}

.shopinfo3{ font-family:verdana; font-size:10pt;}
.shopinfo4{ font-family:verdana; font-size:10pt;}

.shoplink00{width:100%; text-align:center;}
.shoplink01{display:none;}
.title{width:100%;}
.title h2{ padding-left:10px; text-align:left;}
.shopinfoopen{position:absolute; right:10px; top:129px; z-index:1;}
.shopinfoclose{position:absolute; right:10px; top:129px; z-index:2; background-color:#000000;}
.scont01{margin:0 auto;}
.shopinfo3{text-align:left;color:#dddddd;}
.shopinfo3 a{font-size:14pt;}
.shopinfo4{text-align:left;color:#dddddd;}
.scbtn{position:fixed; right:10px; bottom:70px; z-index:100;}
.scbtn a{display:block;padding:5px; width:20px; background:url(../img/scbtnbg.png) repeat;; color:#000000; text-align:center; margin-top:5px;}
.s4{width:100%;background:URL(../../m/img/sbg04.png) repeat-x; background-position:center bottom; text-align:center; border-bottom:1px solid #333333;}
.s4 a{display:block; margin:0 auto; width:95%; padding-top:15px; padding-bottom:21px; text-align:left; line-height:60px;}
.s4 p{padding:0px; margin:0px; color:#dddddd; line-height:1.2em;}
.s4more #more{display:block; margin:0 auto; width:95%; font-weight:bold; text-align:center;font-size:14pt; padding-top:15px; padding-bottom:21px; text-align:left;}
.s4more #more h4{width:100%; text-align:center; margin:0 auto; color:#999999;}
.s4more .plus h4{width:100%; text-align:center; margin:0 auto; color:#999999;}
.arr1{background:URL(../../m/img/arr1.png) no-repeat; background-position:right center;}
.arr1 h2{width:100%; font-size:14pt; line-height:1.2em;}

.s7{width:100%;height:48px;  background-position:center bottom; text-align:center; border-bottom:1px solid #333333;}
.s7 a{display:block; margin:0 auto; width:95%; padding-top:0px; padding-bottom:0px; text-align:left; }
.s7 p{padding:0px; margin:0px; color:#dddddd; line-height:1.2em;}
.s7more #more{display:block; margin:0 auto; width:95%; font-weight:bold; text-align:center;font-size:14pt; padding-top:15px; padding-bottom:21px; text-align:left;}
.s7more #more h4{width:100%; text-align:center; margin:0 auto; color:#999999;}
.s7more .plus h4{width:100%; text-align:center; margin:0 auto; color:#999999;}
.arr2{background:URL('http://othello.co.kr/m/img/arr1.png') no-repeat; background-position:right center;}
.arr2 h2{width:100%; font-size:11pt;}

#paging b{color:#000000;}
/* head */
#hd {background: none repeat scroll 0 0 #FFFFFF;height: 56px;}
#hd h1 {font-size: 1.2em;height: 56px;position: absolute;width: 95px;z-index: 1; }
#hd h1 a {color: #33BB00;display: block;position: absolute;right: 5px;top: 18px;}
/* header */
.my {color: #909090;margin-left: 13px;}
.my a {background: url("../img/buv.png") repeat-x scroll 0 -717px #F1F1F1;color: #666666;display: inline-block;height: 22px;line-height: 22px;margin: 4px 0 0 1px;text-align: center;width: 52px;}
.we {color: #666666;position: absolute;right: 7px;top: 0;}
.we .dy {display: inline-block;height: 32px;vertical-align: top;}
.we a {display: inline-block;height: 32px;letter-spacing: -1px;padding-left: 0.2em;position: relative;vertical-align: top;}
#ct:after {clear: both;content: "";display: block;}
/* footer */
.ft {border-top: 1px solid #DFE1E3;clear: both;color: #D5D6D8;text-align: center;white-space: nowrap;}
.ft a {color: #666;}
.ft1 {color: #909090;padding: 13px 0 15px;}
.ft1 a {background: url("../img/ft.gif") no-repeat scroll 0 3px transparent;color: #333;display: inline-block;font-size: 14px;margin-right: -4px;padding: 0 1.5em;}
.ft1 a.f {background: none repeat scroll 0 0 transparent;}
.ft2bt {background: url("../img/ft.gif") repeat-x scroll 0 -42px #E9E9E9;border: 1px solid #ACB0B6;display: inline-block;font-size: 13px;height: 25px;letter-spacing: -1px;line-height: 25px;padding: 0 0.6em;}
.ft3 {color: #D6D6D6;font-size: 0.86em;padding: 0 0 0.3em;}
.ft3 .dv {margin: 0 0.4em;}
.cr {clear: both;color: #909090;font-size: 10px;padding: 9px 0 10px;text-align: center;}
em, address {font-style: normal;}
/* contents */
#g4m_content{padding: 0 5px;}
/*g4m_latest*/
.g4m_latest{margin-bottom: 20px;}
.g4m_latest h2 {position: relative; font-size: 1.2em; padding-left: 10px; line-height:2em; border-bottom: 1px solid #333}
.g4m_latest h2 a.more{position: absolute; right: 5px;font-size:.8em;}
.g4m_latest {clear: both;overflow: hidden;padding: 2px 0 11px;vertical-align: top;width: 100%;}
.g4m_latest .li1 li:first-child {border-top: 0 none;}
.g4m_latest .li1 li {border-top: 1px solid #E5E5E5;height: 2.43em;padding: 0 10px;}
.g4m_latest .li1 li a {color: #000;display: inline-block;letter-spacing: -1px;line-height: 2.43em;overflow: hidden;white-space: nowrap;width: 100%;}
.g4m_latest .li1 li a span.lt_cmt {font-style: italic; color: #447DC4; font-size: .85em;}
/* latest g4m_accodion skin */
div.g4m_accodion{border-radius:4px; border: 1px solid #ccc; padding:8px; margin-top: 5px; margin-bottom: 5px;}
div.g4m_accodion{background-color: #efefef}
div.g4m_accodion ul {margin-top: 10px;}
div.g4m_accodion h3{display: block;position: relative;}
div.g4m_accodion h3 a.more {position: absolute; top:0px; right: 5px; font-size: .8em;}
div.g4m_accodion ul li{ line-height: 2em; border-bottom: 1px dotted #ccc;}
div.g4m_accodion ul li a{padding-left: 5px;display:  block}
div.g4m_accodion ul li a span.lt_cmt {font-style: italic; color: #447DC4; font-size: .85em;}
/* g4m gallery latest*/
div.g4m_gallery {overflow: hidden;border: 1px solid #ccc; border-radius:8px; background-color: #efefef}
div.g4m_gallery h3{padding: 10px; border-bottom: 1px solid #ccc}
div.g4m_gallery ul li a{display: block;}
div.g4m_gallery ul li a.subject{font-size: .85em;}
div.g4m_gallery h3{display: block;position: relative;}
div.g4m_gallery h3 a.more {position: absolute; top:8px; right: 10px; font-size: .8em;}
/* ¸â¹ö ·Î±×ÀÎ */
#login {font-size: 23px; margin: 0 10px;}
#login h1 {font-size: 1em;padding: 0.9em 0 0.7em;}
.sc1 {background-color: #F1F1F1;border: 1px solid #BEBEBE;}
#login fieldset {border: 1px solid #FFFFFF;position: relative;}
.ia {margin: 28px 0;position: relative;width: 100%;}
.ip {padding: 0 127px 0 28px;}
.ip input {width: 100%; font-size: 23px;}
.it input{font-size: 23px;}
.ip li {margin-top: 7px;vertical-align: top;width: 100%;}
.ip li {list-style: none outside none;}
.it {background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #9B9B9D;display: block;}
.it input {border: 0 none;height: 44px;width: 100%;}
.il {background: url("../img/lb.gif") no-repeat scroll 0.6em 14px #FFFFFF;}
.pl {background: url("../img/lb.gif") no-repeat scroll 0.6em -70px #FFFFFF;}
.ac {bottom: 0;padding-bottom: 1px;position: absolute;right: 0;width: 120px;}
.ac input {background: url("../img/bt_p1.gif") repeat-x scroll 0 -65px #F1F1F1;border: 1px solid #BCBCBC;color: #666;cursor: pointer;display: block;font-size: 0.9em;font-weight: bold;height: 46px;letter-spacing: -1px;margin-top: 17px;overflow: visible;text-indent: -2px;vertical-align: middle;white-space: nowrap;width: 93px;}
.ot {clear: both;color: #666;margin-top: -0.5em;padding: 0 0 28px 28px;white-space: nowrap;}
.sc2 {padding: 1.4em 1.4em 0.4em;}
.sc2 h2 {font-size: 1em;margin-bottom: 1em; line-height: 1.2em;}
.sc2 p {color: #686868;font-size: 0.85em;margin-bottom: 1em;line-height: 1.2em;}
/* paging */
#paging {margin-bottom: 15px;margin-top: 15px;text-align: center;}
#paging b {background-color: #CCCCCC;}
#paging a, #paging b {border: 1px solid #CCCCCC;height: 22px;margin: 0;padding: 6px 8px;}
/* board skin btn */
a.btn {font-size:12px;background: url("../img/buv.png") repeat-x scroll 0 -717px #F1F1F1;color: #666;display: inline-block;height: 22px;line-height: 22px;margin: 4px 0 0 1px;text-align: center;width: 52px;}
button.btn {font-size:12px;background: url("../img/buv.png") repeat-x scroll 0 -717px #F1F1F1;color: #666;display: inline-block;height: 22px;line-height: 22px;margin: 4px 0 0 1px;text-align: center;width: 52px; border: medium; padding: 0 0 3px 0; color: #3333ff}
a.btn2 {font-size:12px;background: url("../img/buv.png") repeat-x scroll 0 -739px #F1F1F1;color: #333;display: inline-block;height: 22px;line-height: 22px;margin: 4px 0 0 1px;text-align: center;width: 62px;}
.btninput {font-size:12px;background: url("../img/buv.png") repeat-x scroll 0 -717px #F1F1F1;color: #666;display: inline-block;height: 22px;line-height: 22px;margin: 4px 0 0 1px;text-align: center;width: 52px;}
/* name sidebar */
#nameContextMenu table a{font-size: 1em;display: block; line-height: 1.5em; border-bottom: 1px dotted #666; padding: 2px; text-align: center}
#nameContextMenu table {box-shadow:6px 6px 2px rgba(0, 0, 0, 0.40);-moz-box-shadow:6px 6px 2px rgba(0, 0, 0, 0.40);-webkit-box-shadow:6px 6px 2px rgba(0, 0, 0, 0.40); border-radius: 8px;}
/* sub title */
div.wr_title {height: 33px; background-color: #efefef; border-bottom: 1px solid #666; position: relative; line-height: 33px; text-align: center;}
div.wr_title h1{font-size: 1.2em;}
div.wr_title p.l,div.wr_title p.r{position: absolute; top:.1em;}
div.wr_title p.l {left:5px;}
div.wr_title p.r {right: 5px;}
/* memo formmail */
ul.memo li{position: relative}
ul.memo li a{display: block; border-bottom: 1px solid #ccc; line-height: 30px;}
ul.memo li a span.se{font-size: .85em; color: #996600}
ul.memo li a span.se_date{font-size: .8em; color: #666;letter-spacing: -1px}
ul.memo li p.me_del{position: absolute; top:15px; right: .2em;}
div.me_btn{margin: 10px; overflow: hidden}
div.me_btn a.l{float: left;}
div.me_btn a.r{float: right;}
article div.me_content{line-height: 1.5em; background-color: #efefef; padding: 10px;}
form.me_form input,form.me_form textarea{border:1px solid #666;}
.me1{padding-top: .7em; position: relative}
.me2{padding-top: 1em; position: relative; height: 65px;}
.me2 dt{color: #666666;left: 10px;position: absolute;top: 1em;white-space: nowrap;}
.me2 dd{padding-right: 0px;padding-left: 10em;letter-spacing: -1px;}
.me1 dt{display: none;}
.me1 dd{padding-right: 10px;padding-left: .4em;}
/* new.php */
div.new_title {border-bottom: 2px solid #2B5EB0;padding: 0.7em 0;position: relative;white-space: nowrap;width: 100%;}
div.new_title h2 {display: inline;font-size: 1.05em;margin-right: -0.3em;padding-left: 10px;}
div.new_head{padding: 10px;}
div.new_list{padding: 0 10px}
div.new_list li {border-bottom: 1px solid #CCCCCC;line-height: 35px;color: #000000;display: inline-block;line-height: 2.43em;overflow: hidden;white-space: nowrap;width: 100%;}
div.new_list li a.group { color: #3333ff}
div.new_list li a.subj { color: #333; display: block; font-weight: bold}
div.new_list li .wr,div.new_list li .wr a{font-size: .9em; color: #666600; padding-left: 5px;}
/* profile */
ul#profile li{ line-height: 3em; border-bottom: 1px solid #ccc;}
/* etc */
.noticebox{border: 1px solid #cccccc; padding: 5px; line-height: 1.5em; color: #ff3333;font-size: .9em; background-color: #ffff99; margin: 10px 0 10px 0}