/*
 * Gabia Mobile Builder Css
 * hjlee@gabia.com (2010-03-17)
 * 
*/

/* 전역 정의 */
html {background: none transparent scroll repeat 0% 0%;margin: 0px; vertical-align: baseline;outline: 0;}
body{
    background-color:#FFFFFF;    
    margin:0px;
    padding:0px;
    color:#666666;
}
input,select,table,tr,td,div,textarea {color:#666666;font:normal  NanumGothic, dotum, AppleGothic, Verdana, Helveltica; line-height:18px;}
img {border:none; max-width:100%;}
input, textarea {border:solid 0px #BCBCBC}
p, form {margin:0px;padding:0px}

a:link    { text-decoration: none; color: #666666 } //[#ffffff]는 [black]임.color:black로 해도 됨.
    a:visited { text-decoration: none; color: #666666 }
    a:active  { text-decoration: none; color: #666666 }
    a:hover   { text-decoration: none; color: #666666 }

.con {color:#666666;font:normal 13px NanumGothic, dotum, AppleGothic, Verdana, Helveltica; line-height:20px;}
/* 인덱스 */
.index_header {background:url(./image/320/index_bg.jpg) no-repeat;width:319px;height:310px;margin:auto 0;padding-top:151px;} /* 헤더  */
.index_header2 {background:url(./image/480/index_bg.jpg) no-repeat;height:328px;margin:auto 0;padding-top:151px;} /* 헤더  */

.index_menu a {text-decoration:none;cursor:pointer} /*메뉴링크 */
.index_menu span {float:left;width:33%;margin-bottom:5px;}

/* 서브페이지 */
.sub_menu {background:url(./image/320/sub_bg.jpg) repeat-x;height:60px;}


/*푸터*/
.footer {background:url(./image/320/copy_bg.jpg) repeat-x;height:20px;}

/* 모듈제어 : 사용지양 불가피한경우에만 사용하도록*/
._gmm {margin:0px 7px;background-color:#FFFFFF;overflow:hidden;min-height:296px;}
.line { background-color:#dbdfe2; height:1px; padding:0px;}
.m_board { padding-top:10px;}
.m_date { padding-left:10px;font-size:small; color:#099;}
.n_date { padding-top:10px;padding-bottom:10px; font-size:small; color:#099;}
.n_list { padding:5px; font-size:small; color:#00a8ff; font-weight:bold;}


.m_board { padding:30px; font-size:4vw;}
/* .b_nember { font-size:2.5em;  } */
.b_nember { font-size:4vw;}
.line { background-color:#dbdfe2; height:3px; padding:0px;}
.grad1{ position:relative; width:100%; height:3em; background:#f7f7f7; background:-webkit-gradient(linear,left top, left bottom, from(#fefefe), to(#f7f7f7)); background: -moz-linear-gradient(top,#fefefe, #f7f7f7);
padding-left:50px; font-size:2em;}
.grad2{ position:relative; width:100%; height:5em; background:#f7f7f7; background:-webkit-gradient(linear,left top, left bottom, from(#fefefe), to(#f7f7f7)); background: -moz-linear-gradient(top,#fefefe, #f7f7f7); padding:30px;}
.grad_bo{ position:relative; width:100%; height:20px; background:#dbdfe2; background:-webkit-gradient(linear,left top, left center, from(#b2b2b4), to(#dbdfe2)); background: -moz-linear-gradient(top,#b2b2b4, #dbdfe2); padding:30px;}
.ex { padding:30px; padding-left:50px;  font-size:2em; color:#F63;}
.search{ border:solid 1px #eec9cf; background:#fff3f3; padding:30px; padding-left:70px; font-size:4vw;}
.open{ padding-left:7px; font-size:4vw;}
.open2{ font-size:4vw;}
/* .bn_title { padding-left:10px; font-size:1.7em;} 20141022 eslee*/
.bn_title { padding-left:10px; font-size:3.9vw;}
/* .bn_txt { padding-left:10px; font-size:1em;background:none;color:#468ea0} */
.bn_txt { padding-left:10px; font-size:3.7vw;background:none;color:#468ea0}
.ev_txt { padding-left:20px; font-size:4vw; color:#ec254a;}
.lo_input { border:solid 3px #cdcdcd; font-size:4.5vw; color:#CCC; background:#fff; padding:30px;}
.lo_input2 { border:solid 3px #cdcdcd; font-size:4.5vw; color:#CCC; background:#fff; padding:20px;}
.mem_textarea { border:solid 3px #cdcdcd; font-size:4vw; background:#fff; width:90%; padding:20px;}
.blue{ color:#36C;}
.blue_t{ font-size:1.5em; color:#3ba9f2;}
.red_t{ font-size:4vw; color:red;}
.green{ font-size:2em; color:#093;}
.blue_big{ font-size:2.5em; color:#36C; font-weight:200;}
.da{ font-size:2em;}
.title{ font-size:2.5em; color:#000; font-weight:300;}
.title_s{ font-size:2em; color:#000; font-weight:300;}
.ex_b { padding:30px; font-size:3em; color:#F63;}
.join_ok{ font-size:3.5em; color:#000; font-weight:300;}


.padding_5 { padding:5px; }
.padding_10 { padding:10px; }
.padding_20 { padding:20px; }
.padding_30 { padding:30px; }
.p_l_10 {padding-left:10px; }
.p_l_20 {padding-left:20px; }
.p_l_30 {padding-left:20px; }
.p_r_10 {padding-right:10px; }
.p_r_20 {padding-right:20px; }

.png24 {
    tmp:expression_(setPng24(this));
}