*{margin:0; padding:0; }
html {
overflow-y: scroll;
}
html,body { height:100%; }
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,menu{margin:0;padding:0;-webkit-text-size-adjust:none}
body,input,textarea,select,table,button{font-size:14px;line-height:1.25em;font-family:"나눔고딕",NanumGothic,"굴림",Gulim,Helvetica,AppleGothic,Sans-serif}
body{position:relative;background-color:#fff;color:#000;word-wrap:break-word;word-break:break-all}
body.o{min-width:320px}
img,fieldset{border:0}
ul,ol,menu{list-style:none}
hr{display:none !important}

a{color:#000;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;}

#wrapper { 

}

#container { 
position:relative; 
max-width:640px; 
min-height:300px; 
height:100%;
overflow:hidden; margin:0 auto; }

#wrapper .open {
-webkit-transform: translateX(282px);
-moz-transform: translateX(282px);
-o-transform: translateX(282px);
-ms-transform: translateX(282px);
transform: translateX(282px);
}

#doc { /* position:relative; */ z-index:998; width:100%;height: 100%; }
#doc .block {
	display:none;
	height: 0;
	margin: 0 auto;
	overflow: hidden;
	position: absolute;
	width: 100%;
	z-index: 1;
}



#doc .enable {
background: #000 none repeat scroll 0 0;
	box-shadow: 20px 0 20px -20px #aaa inset;
	opacity: 0.5;
	
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-o-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
	width: 100%;
	height: 100%;
	z-index: 9998;
	display:block;
}

/* header */

#header{
	position:relative; z-index:998;
	width:100%;
	max-width:640px; 
	height:50px;

	background:#22b8c7;  
}


#header h1{
	position:absolute;
	width:100%;

	font-size:1.3em;

	
}

#header h1 a{
	display:block;
	width:200px; 
	padding:17px 0;
	margin:0px auto; 
	color:#fff;
	text-align:center;

}

#header .tel{
	display:none;

}


#header .side_menu{
	position:absolute;
	left:0;
	background:#1fabb8 url("/m/img/menu.png") no-repeat 50% / 23px 15px; 
	border:0; 
	width:50px;
	height:100%; 
	
	text-indent:-10000px;

}




/* navi css */

#navi  { 
	background:#fff;
	overflow:hidden; 
	border-top:1px solid #ced2d7; 
	font-size:12px;
}

#navi li { 
	display:inline;float:left; 
		width:24.6%; 
	text-align:center;
	border-bottom:1px solid #ced2d7;  
	border-left:1px solid #efefef; 
}

#navi a { 
	display:block;

	border:0;
	font-family: 'Nanum Gothic';
	font-weight:800;
	font-size:1em;
	line-height:4.5em;
	border-bottom:.5em solid #fff;
	color:#858585;
}

#navi a:hover,#navi a.selected { 
	/* line-height:4.5em; */
	border-bottom:.5em solid #ff4141;
	color:#ff4141;
}
	

#doc_content{
position:relative;z-index:999;
width:96%; height: 100%; 
margin-bottom:10px;
padding:0 2%;
/* background:#e9eaed; */

}

/* side navi */

#side_navi {
    background-color:#fff;
    height: 100%;
    left: -282px;
    position: fixed;
    top: 0;
	overflow-y:auto;
    width: 282px;
    z-index: 9999;
	transition: all .2s linear;
}
#side_navi .welcome {
    background: rgba(0, 0, 0, 0) url("<?php echo G5_MOBILE_URL; ?>/img/pro_back.gif") no-repeat scroll 0 0 ;
    height: 90px;
    padding: 0 0 0 79px;
    position: relative;
}
#side_navi .welcome .user_photo {
    background: rgba(0, 0, 0, 0) url("<?php echo G5_MOBILE_URL; ?>/img/no_img.gif") no-repeat scroll center 0 / 60px 60px;
    height: 55px;
    left: 20px;
	border-radius:100px;
    position: absolute;
    top: 10px;
    width: 55px;
}

#side_navi .welcome .user_photo img {
    border-radius: 30px;
    display:block;
    height: 53px;
    left: 1px;
    position: absolute;
    top: 1px;
    width: 53px;
}
#side_navi .welcome .user_name{
    color: #fff;
    font-size: 13px;
	text-shadow: 0px 0px 2px #f63232;
    overflow: hidden;
    top:70px;
	font-weight:bold;
	left:-65px;
    position: relative;
    width: auto;
    word-break: break-all;
}
#side_navi .welcome .user_point {
    color: #fff;
    font-size: 12px;
    line-height: 17px;
    margin-top: 0;
    overflow: hidden;
	height:25px;
    width:80px;
    word-break: break-all;
	border:3px solid #fff;
	position:relative;
	top:5px;
	left:107px;
}

#side_navi .welcome .logout_bt{
    display: inline-block;
    width: 84px;
    height: 30px;
    position: relative;
    color: #fff;
    text-align: center;
    line-height: 30px;
    border: 1px solid #D40303;
    background-color: #EC2626;
    left: 107px;
}

#side_navi a.btn_admin{display:block; width:90%;margin:5px auto 0px; text-align:center; background-color:#4f4e4e; border:1px solid #4f4e4e}
	
#side_navi .welcome .user_point a {color:#fff ;display:block; padding-left:5px; width:100%; text-align:center; line-height:25px;}
#side_navi .welcome .user_point  span.p_mark{display:inline-block; margin:0px 10px 0px 5px}
#side_navi .navi{overflow:hidden; margin-bottom:15px}
#side_navi .navi li {
	float:left;
    cursor: pointer;
    display: block;
    font-size: 1.5em;
    height: 30px;
    line-height: 25px;
    width: 40%;
    overflow: hidden;
	font-weight:600;
   padding-bottom:10px;
   margin-top:12px;
   margin-left:10px;
   border-bottom:1px solid #efefef;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#side_navi .navi li a{
	display:block;
	padding-left:15px;
	border-left:3px solid #ff4141
}
#side_navi .view {
    background: #333334 none repeat scroll 0 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    bottom: 0;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset;
    cursor: pointer;
    height: 45px;
    overflow: hidden;
    width: 100%;
}
#side_navi .view .view_all {
    color: #b5b6ba;
    display: block;
    font-size: 15px;
    font-weight: bold;
    height: 45px;
    line-height: 44px;
    padding-left: 41px;
    position: relative;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 1);
}
#side_navi .view .view_all::before {
    background: rgba(0, 0, 0, 0) url("../img/sp.png") no-repeat scroll -21px -204px / 250px 600px;
    content: "";
    height: 13px;
    position: absolute;
    right: 16px;
    top: 15px;
    width: 8px;
}
#side_navi .view .view_all::after {
    background: rgba(0, 0, 0, 0) url("../img/sp.png") no-repeat scroll 0 -221px / 250px 600px;
    content: "";
    height: 24px;
    left: 13px;
    position: absolute;
    top: 10px;
    width: 23px;
}
#cate_navi {width:98%; border:1px solid #ff4141;border-radius:5px;background-color:#fbfbfb; margin:0 auto 40px}
#cate_navi  p{width:100%; color:#fff; background-color:#ff4141; height:40px; text-align:center; font-size:1.5em; font-weight:600;line-height:1.7em}
#cate_navi  p span{font-size:0.7em; color:4f4e4e; font-weight:800; letter-spaceing:0.05em;color:#feff91;margin-left:5px;display:inline-block;}
#cate_navi  ul{width:96%; margin:0px auto}
#cate_navi  ul li{display:block; width:95%; border-bottom:1px dotted #ff7878; }
#cate_navi  ul li.last_category{ border:0}
#cate_navi  ul li a{display:block; color:#4f4e4e; font-size:1.2em;font-weight:400;padding:10px 0px 10px 10px}

#side_navi .welcome p.login_text{ 
    position: relative;
    display: inline-block;
    top: 15px;
    width: 102px;
    font-weight: 600;
    left: 32px;
    font-size: 16px;
    color: #fff;
    text-shadow: 0 0 3px #9E1313;
	}
#side_navi .welcome div.user_join{
    display: inline-block;
    width: 102px;
    height: 30px;
    position: relative;
    color: #fff;
    text-align: center;
    line-height: 30px;
    border: 1px solid #D40303;
    background-color: #EC2626;
    left: 30px;
    top: 21px;
	}
#side_navi  h2.out_login_logo{width:270px; height:auto;}
#side_navi  h2.out_login_logo img{width:130px; height:56px; display:block; margin:15px auto 10px;}
#side_navi .welcome div.user_join a{color:#fff }
input.required{width:95%; border:1px solid #ff4141}
#side_navi .ol form fieldset .auto_ch{margin:10px 0px 25px 10px;}
#side_navi .ol form fieldset{margin-bottom:120px;}

/* footer */
#ft { 
	width:100%;
	padding:10px;
	overflow:hidden; 
	background:#353840; 
	border-top:1px solid #2d3036; 
	color:#c3c3c3;

}

#ft .sns { text-align:center; overflow:hidden;  }
#ft .sns a { display:inline-block; vertical-align: middle; color:#fff; font-weight:bold; }
#ft .sns .login { width:80px; height:28px; background:#484848; border-radius:5px; line-height:28px;  }

/*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 {  margin:0 10px;}
#login fieldset {border: 1px solid #FFFFFF;position: relative;}
.ia {margin: 28px 0;position: relative;width: 100%;}
.ip {padding: 0 10px;}
.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;}

/* 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;}

/* search.php */
div.search_title {border-bottom: 2px solid #2B5EB0;padding: 0.7em 0;position: relative;white-space: nowrap;width: 100%;}
div.search_title h2 {display: inline;font-size: 1.05em;margin-right: -0.3em;padding-left: 10px;}
div.search_box p{padding:5px;margin:5px; text-align: center;}
div.search_box p input{border: 1px solid #666;}
ul.search_list li{line-height: 3em;-moz-border-radius: 10px;border-radius: 10px; border: 1px solid #ccc; margin-bottom: 5px;}
ul.search_list li a{display: block;}
ul.search_list li.sch_bbs{padding-left: 20px;}
div.search_result {-moz-border-radius: 10px;border-radius: 10px; border: 1px solid #ccc; padding:10px; margin-bottom: 5px;}
div.sr_title {padding: 10px; border-bottom: 2px solid #ccc; margin-bottom: 10px; }
div.search_result ul li{ border-bottom: 1px dotted #ccc; position: relative;margin-bottom: 5px; padding: 5px 0 5px 0; text-align: justify}
div.search_result ul li p{position: absolute; top:1px ;right: 5px; font-size: 0.85em;}
div.search_result ul li a{display: block; color: #3366ff; width: 70%;overflow: hidden}
div.search_result span.sr_content{color:#666; font-size: .8em;}

/* 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}