/* MAIN CSS */
/* ■ 기본환경 ################################################## */
body{background-color:#f2f2f2; color:#000000; line-height:100%; word-wrap:break-word; word-break:break-all;}
body,input,textarea,select,table,button{font-size:14px; font-family:'돋움',Dotum,'굴림',Gulim,Apple-Gothic,sans-serif;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,button,p,blockquote,th,td{ margin:0; padding:0;}
*{-webkit-text-size-adjust:none;}
ul,ol,li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:1em; font-weight:normal;}
hr{display:none !important;}
img,fieldset{border:0;}
img,fieldset,input,select{vertical-align:middle;}
a, label, a:link, a:hover, a:active{color:#000000; text-decoration:none; cursor:pointer;}
address,i,caption,cite,code,dfn,em,var{font-style:normal; font-weight:normal;}
input[type="text"],
input[type="password"],
input[type="search"],
input[type="email"],
input[type="url"],
input[type="number"],
textarea{border:1px solid #565656; -webkit-appearance:none; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
input[type="checkbox"]{border-radius:1px; -webkit-border-radius:1px; -moz-border-radius:1px; margin-right:1px;}
input:checked[type="checkbox"]{-webkit-appearance:checkbox;}
select{-webkit-border-radius:3px; border-radius:3px; -moz-border-radius:3px;}
/* ■ 레아아웃 ##################################################### */
/* ###### [TOP] ###### */
#wrap_head{background-color:#000000; overflow:hidden;}
/* Top 메뉴 */
#wrap_head #head_top{overflow:hidden; margin-top:4px;}
#wrap_head #head_top .top_logo{float:left; margin:5px 0 0 6px;}
#wrap_head #head_top .top_title{float:left; margin:14px 0 0 13px;}
#wrap_head #head_top .top_title a{font-weight:bold; font-size:17px; color:#ffddaa; letter-spacing:-1px; word-spacing:-1px;}
#wrap_head #head_top .top_icon{float:right; margin:7px 8px 0 0; padding:2px 3px 0 3px; border-top:1px solid #3a3a3a;
border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;
background:-webkit-gradient(linear,left top,left bottom,from(#292929),to(#000000));
}
/* TAB 메뉴 */
#wrap_head #head_navi_tab{clear:both; margin:10px 0 0 7px ; border:0px solid red; height:37px;} /* 탭 height:33px */
#wrap_head #head_navi_tab li{height:100%; float:left; letter-spacing:-1px; padding:8px 9px 0px 9px; font-size:15px; border:1px solid #617f95; border-bottom:0 solid #3b456c; margin-right:-1px; border-radius:7px 7px 0 0; -webkit-border-radius:7px 7px 0 0; -moz-border-radius:7px 7px 0 0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; cursor:pointer;}
#wrap_head #head_navi_tab .bright_tab{background-color:#b35a04; color:#ffffff; height:104%; position:relative; top:1px; border:1px solid #f39a84; border-top:1px solid #ffdac4; border-bottom:0 solid #3b456c; text-shadow: 0 1px 1px #b35a04; background:-webkit-gradient(linear,left top,left bottom,from(#f8ab60),to(#c36a14));}
#wrap_head #head_navi_tab .dark_tab{background-color:#505050; color:#dddddd; margin-top:1px; text-shadow: 0 0 3px #222222; background:-webkit-gradient(linear,left top,left bottom,from(#6a6a6a),to(#353535)); border-color:#8b8b8b #6a6a6a #6a6a6a #6a6a6a;}
/* 라인(주황색) */
#wrap_head #head_navi_hr{clear:both; height:2px; background-color:#c46911; border-top:1px solid #f39a84;}
/* SUB 메뉴 */
#wrap_head #head_navi_sub{clear:both; background-color:#a6a6a6; letter-spacing:-1px; overflow:auto; padding-left:10px; background:-webkit-gradient(linear,left top,left bottom,from(#bdbdbd),to(#9e9e9e));}
#wrap_head #head_navi_sub li{margin:9px 0 6px 0; float:left; font-size:13px; padding:4px; cursor:pointer;}
#wrap_head #head_navi_sub .on_menu{color:#f5f5f5; background-color:#606060; border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px;}
#wrap_head #head_navi_sub .off_menu{color:#000000; text-shadow: 0 1px 0 #c2c2c2;}
#wrap_head #head_navi_sub .sub_stick{color:#888888; text-shadow: 1px 0 0 #c5c5c5; font-size:9px; padding:5px 4px 0 4px;}
/* ###### [MIDDLE] ###### */
#wrap_middle{clear:both;}
/* ###### [BOTTOM] ###### */
#wrap_foot{clear:both;}
#wrap_foot #foot_menu_up{text-align:center; background-color:#cccccc; border-top:1px solid #c5c5c8;}
#wrap_foot #foot_menu_up li{display:inline-block; padding:8px 20px; margin:3px 0; font-size:13px; color:#555555; cursor:pointer;}
#wrap_foot #foot_menu_up li img{position:relative; bottom:2px;}
#wrap_foot #foot_menu_up .dlm_stick{color:#999999; text-shadow: 1px 1px 0 #dddddd; font-size:11px;}
#wrap_foot #foot_menu_dn{
text-align:center; padding:15px 0 20px 0;
background-color:#899cb3;
background:-webkit-gradient(linear,left top,left bottom,from(#788ba3),to(#b9c4d3));
}
#wrap_foot #foot_menu_dn li{display:inline; margin:0 13px;}
#wrap_foot #foot_menu_dn li span{font-size:11px; font-weight:bold; color:#ffffff; text-shadow:0 0px 2px #213145;}
/* ### [TOOL BAR LAYER] ### */
#toolbar_float_space{height:37px; display:none; background-color:#e5e5e5;}
#toolbar_float_layer{
position:absolute; width:100%; height:37px; bottom:0; background-color:#000000; display:none; overflow:hidden; text-align:center; opacity: 1;
-webkit-transition-property: opacity; -webkit-transition-duration: 2s; -webkit-transition-delay: 0.3s; -webkit-transition-timing-function: ease;
background:-webkit-gradient(linear,left top,left bottom,color-stop(0.00, #777777),color-stop(0.15,#000000)); z-index:10;
}
#toolbar_float_layer img{margin:7px 11px 0 11px;}
/* ■ public class ################################################# */
/* 컨텐츠 상단 판넬 - GRAY */
.top_panel_gray{border-bottom:1px solid #c0c0c0; overflow:hidden; background-color:#dddddd; background:-webkit-gradient(linear,left top,left bottom,from(#f2f2f2),to(#c7c7c7));}
.top_panel_gray_title{float:left; margin:18px 0 5px 10px; font-size:18px; font-weight:bold; color:#000000; text-shadow:0px 1px 0px #ffffff; cursor:pointer; letter-spacing:-1px;}
.top_panel_gray_menu{float:right; margin:16px 12px 0 0;}
.top_panel_gray_bottom{margin:6px 0 6px 10px; font-size:12px; color:#888888;}
.top_panel_gray_bottom strong{color:#222222; margin-right:11px; font-weight:normal;}
/* 컨텐츠 상단 판넬 - BLACK */
.top_panel_black{border-bottom:1px solid #121a1a; overflow:hidden; background-color:#3d4143; background:-webkit-gradient(linear,left top,left bottom,from(#555555),to(#181c1d));}
.top_panel_black_title{float:left; margin:15px 0 5px 10px; font-size:18px; font-weight:bold; color:#d7ffaa; text-shadow: 0 1px 0 #000000; cursor:pointer; letter-spacing:-1px;}
.top_panel_black_menu{float:right; margin:16px 12px 0 0;}
.top_panel_black_bottom{margin:7px 0 10px 10px; font-size:12px; color:#888888;}
.top_panel_black_bottom strong{color:#ccaa55; margin-right:11px; font-weight:normal;}
/* ■ 버튼 class ############################################ */
/* 버튼 - 반들거리는 오렌지색(사이즈 고정) : ex */
.Button_aquar_orange{
width:55px;
height:25px;
font-size:13px;
border-width:0px;
border-color:transparent;
padding:0;
margin:0;
color:#ffffff;
cursor:pointer;
background:url(../b_img/i_button/bg_orng.gif) no-repeat;
overflow:hidden;
white-space:nowrap;
text-align:center;
letter-spacing:-1px;
text-shadow: 0 1px 0px #ce7c5f;
box-shadow: 0px 1px 1px #999999;
-moz-box-shadow: 0px 1px 1px #999999;
-webkit-box-shadow: 0px 1px 1px #999999;
}
/* 버튼 - 반들거리는 회색(사이즈 고정) : ex */
.Button_aquar_gray{
width:55px;
height:25px;
font-size:13px;
border-width:0;
padding:0;
margin:0;
color:#ffffff;
cursor:pointer;
background:url(../b_img/i_button/bg_gray.gif) no-repeat;
overflow:hidden;
white-space:nowrap;
text-align:center;
letter-spacing:-1px;
vertical-align:middle;
text-shadow: 0 1px 0px #888888;
box-shadow: 0px 1px 1px #999999;
-moz-box-shadow: 0px 1px 1px #999999;
-webkit-box-shadow: 0px 1px 1px #999999;
}
/* 버튼 - 입체형 회색 (사이즈 자유변경 : a , span , div , li ...) */
/* 버튼 */
/* 버튼 */
.Button_emboss{
font-size:12px;
color:#000000;
border-width:1px;
border-style:solid;
border-color:#bfbfbf #aaaaaa #999999 #aaaaaa;
padding:4px 5px 4px 5px;
display:inline;
box-shadow: 0px 1px 2px #bbbbbb;
-moz-box-shadow: 0px 1px 2px #bbbbbb;
-webkit-box-shadow: 0px 1px 2px #bbbbbb;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
background-color:#f4f4f4;
background:-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#dadada));
cursor:pointer;
vertical-align:middle;
white-space:nowrap;
text-shadow: 0 1px 0 #ffffff;
}
.Button_emboss small{font-size:8px; color:#505050; vertical-align:bottom;}
.Button_emboss:link, .Button_emboss:hover, .Button_emboss:active{color:#000000;}
/* 버튼 - glass 형 (사이즈 자유변경 : .a , span , div , li ...) */
/* 유리버튼1 */
/* 유리버튼2 */
.Button_glass{
display:inline-block;
cursor:pointer;
height:25px;
font-size:13px;
color:#000000;
margin:0;
text-decoration:none;
text-shadow: 0 1px 0 #ffffff;
background-color:#e1e1e1;
padding:4px 6px 0 6px;
border-width:0 5px;
border:1px solid #bbbbbb;
background:-webkit-gradient(linear,left top,left bottom,color-stop(0.0,#ffffff),color-stop(0.5,#e2e2e2),color-stop(0.5,#cccccc),color-stop(1.0,#eeeeee));
border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;
box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
.Button_glass:link, .Button_glass:hover, .Button_glass:active{color:#000000;}
/* 버튼 - glass 블랙 (사이즈 자유변경 : a , span , div , li ...) */
/* 버튼 */
/* 버튼 */
.Button_glass_black{
font-size:13px;
color:#d2d2d2;
border:1px solid #272727;
padding:4px 6px 4px 6px;
display:inline;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
background-color:#292929;
background:-webkit-gradient(linear,left top,left bottom,color-stop(0.0,#686a71),color-stop(0.5,#3f3f3f),color-stop(0.5,#292929),color-stop(1.0,#313131));
cursor:pointer;
vertical-align:middle;
white-space:nowrap;
text-shadow: 0 -1px 0 #000000;
}
.Button_glass_black:link, .Button_glass_black:hover, .Button_glass_black:active{color:#d2d2d2;}
/* 버튼 - 강한느낌 회색 (사이즈 자유변경 : .a , span , div , li ...) */
/* 굵은버튼1 */
/* 긁은버튼2 */
.Button_strong{
display:inline-block;
cursor:pointer;
height:33px;
font-size:16px;
font-weight:bold;
color:#000000;
margin:0;
text-decoration:none;
text-shadow: 0 1px 0 #ffffff;
padding:9px 3px 0 3px;
border-width:0 10px;
border-image:url(../b_img/i_button/bg_strong.png) 0 10 0 10 stretch stretch;
-webkit-border-image:url(../b_img/i_button/bg_strong.png) 0 10 0 10 stretch stretch;
-moz-border-image:url(../b_img/i_button/bg_strong.png) 0 10 0 10 stretch stretch;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.Button_strong:link, .Button_strong:hover, .Button_strong:active{color:#000000;}
.Button_strong_transparent{ /* 반투명 버튼 */
border-image:url(../b_img/i_button/bg_strong2.png) 0 10 0 10 stretch stretch;
-webkit-border-image:url(../b_img/i_button/bg_strong2.png) 0 10 0 10 stretch stretch;
-moz-border-image:url(../b_img/i_button/bg_strong2.png) 0 10 0 10 stretch stretch;
}
.Button_strong_black{ /* 검은 버튼 */
color:#eeeeee;
text-shadow: 0 -1px 0 #000000;
border-image:url(../b_img/i_button/bg_strong3.png) 0 10 0 10 stretch stretch;
-webkit-border-image:url(../b_img/i_button/bg_strong3.png) 0 10 0 10 stretch stretch;
-moz-border-image:url(../b_img/i_button/bg_strong3.png) 0 10 0 10 stretch stretch;
}
.Button_strong_black:link, .Button_strong_black:hover, .Button_strong_black:active{color:#eeeeee;}
.Button_strong_yellow{ /* 노란버튼 */
text-shadow: 0 1px 0 #ffffcc;
border-image:url(../b_img/i_button/bg_strong4.png) 0 10 0 10 stretch stretch;
-webkit-border-image:url(../b_img/i_button/bg_strong4.png) 0 10 0 10 stretch stretch;
-moz-border-image:url(../b_img/i_button/bg_strong4.png) 0 10 0 10 stretch stretch;
}
/* ■ usual ################################################### */
/* 게시판 본문내 이미지 zoom 표시 */
.img_zoomMark{
padding-right:6px; margin-top:10px;
background:url('../b_img/icons_mobile/arrow_right_orng.png') no-repeat right 1px;
}
.display_none{display:none;}
.clear_both{clear:both;}