@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

html {min-height: 100%}
body {margin: 0; min-height: inherit;background:#e6e7e7}

/* Common */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,input,textarea,select,button,table{font-family:'Nanum Gothic', serif;font-size:12px}
img,fieldset{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}
a{text-decoration:none}
a:hover,a:active,a:focus{text-decoration:underline}

/* slide-aside */
 [data-sidebar] {display:none;position:fixed;height:100%;z-index:9000}
 [data-sidebar-overlay] {display:none; position: fixed;top: 0;left: 0;opacity: 0;width: 100%;min-height: inherit}
.aside {position:absolute;top:0;left:0;width:290px;background-color: rgba(0,0,0, 0.8);box-shadow: 0 6px 0 0 rgba(0,0,0,0.6)}
.aside  a {color:#fff; text-decoration:none}
.overlay {background-color: #ddd}

.psn{overflow:hidden;position:relative;display:block;height:50px;margin:0;padding:0px;font-size:14px}
.psn_name {display:block;overflow:hidden;margin:5px 75px 0 11px;padding:3px;font-size:16px;white-space:nowrap}
.psn_name:before{display:block;position:absolute;top:0;left:0;width:38px; height:38px}
.psn_name img{position:relative;margin-right:10px}
.psn_name strong{position:absolute;top:18px;left:2px;font-size:12px;font-weight:500;white-space:nowrap;cursor:auto}
.btn_slide_off{position:absolute;top:15px;right:20px}

.snb .menu{color:#fff;padding:0;margin:0;min-width:250px}
.snb .menu .menu_group {border-bottom:1px solid rgba(255,255,255, 0.3)}
.snb .menu .menu_group strong{display:block;padding:12px 0 12px 5px;font-family:'Nanum Gothic', serif;font-size:16px;line-height:18px; border-bottom:1px solid #6baf53; color:#6baf53}
.snb .menu .menu_tit {border-bottom:1px solid rgba(255,255,255, 0.3)}
.snb .menu .menu_tit a{ display:block; color:#fff; text-align:left; vertical-align:middle; margin-left:10px; margin-top:10px; }
.snb .menu .menu_tit strong{display:block;padding:8px 0 12px 40px;font-family:'Nanum Gothic', serif;font-size:16px;line-height:16px; vertical-align:middle;}

/* layout */
#wrap{width:100%}
#container {
    width: 100%;
    margin: 0 auto
}
#footer{width:100%}

/* common */
.sp, .sel:before{overflow:hidden;background:url(../img/sp.png) no-repeat;background-size:250px auto;text-indent:-999em}
button,input,select{border:0;-webkit-appearance:none}

.bx_comp{width:100%;height:100%;padding:0;margin-top:10px;background:#fff;box-shadow: 0 0 1px rgba(0,0,0,0.2); webkit-box-shadow:0 0 1px rgba(0,0,0,0.2)}

/* header */
.header .tit{height:50px;width:100%;margin:0 auto;padding:0;background-color: #5d5d5e; vertical-align:middle;}
.header .logo{width:50px;height:50px; vertical-align:middle; margin:0 auto}
.header .tit_h{display:block;width:200px;height:28px;margin:0 auto;padding-top:11px;color:#fff;font-size:20px;text-align:center}
.header .btn_slide{position:absolute;top:11px;left:15px;width:33px;height:28px;background-position:-85px 0}
.header .btn_home{position:absolute;top:11px;right:15px;width:33px;height:28px;background-position:-116px 0}
.header .btn_login_main{position:absolute;top:11px;right:110px;width:60px;height:26px}
.btn_login_main input{width:60px;height:26px;border:0;border-radius:3px;background:#85c440;font-size:12px;color:#fff;-webkit-appearance:none;cursor:pointer}
.btn_side_close input{width:60px;height:26px;border:0;border-radius:3px;background:#8d8888;font-size:12px;color:#fff;-webkit-appearance:none;cursor:pointer}

.btn_default input{width:70px;height:26px;border:0;border-radius:3px;background:#6baf53;font-size:12px;color:#fff;-webkit-appearance:none;cursor:pointer}
.btn_def {width:70px;height:26px;border:0;border-radius:3px;background:#6baf53;font-size:12px;color:#fff;-webkit-appearance:none;cursor:pointer}
.btn_default_small input {width:50px;height:20px;border:0;border-radius:3px;background:#6baf53;font-size:12px;color:#fff;-webkit-appearance:none;cursor:pointer}
.btn_default_small2 input {width:60px;height:26px;border:0;border-radius:3px;background:#6baf53;font-size:11px;color:#fff;-webkit-appearance:none;cursor:pointer}

.btn_grid input {width:45px; height:20px; border:0; border-radius:3px; background:transparent;font-size:12px; color:#333;-webkit-appearance:none;cursor:pointer; text-align:center; }
.btn_grid_small input {width:20px; height:20px; border:0; border-radius:3px; background:transparent;font-size:12px; color:#333;-webkit-appearance:none;cursor:pointer; text-align:center; }


/*6baf53*/
/* login*/
.bx_login{width:100%;height:400px}
.login_form{clear:both;margin:30px 10px 0}
.input_row{position:relative;padding:10px 35px 10px 15px;margin:0 0 10px;border:solid 1px #dadada;border-radius:3px;background:#fff;height:29px}
.input_box{display:block;overflow:hidden}
.lbl{position:absolute;top:16px;left:15px;font-size:15px;color:#999;line-height:16px;z-index:8}
.int{position:relative;width:100%;padding:7px 0 6px;height:16px;border:none;background:#fff;font-size:15px;color:#000;line-height:16px;z-index:9}
.nint{position:relative;width:100%;padding:7px 0 6px;height:16px;border:none;background:#fff;font-size:15px;color:#000;line-height:16px;z-index:9}

/* member add*/
.bx_member{width:100%;height:620px}
.member_form{clear:both;margin:10px 30px 0px 30px}

.btn_login{display:block;width:100%;height:100%;margin:30px 0  13px;padding:0}
.btn_login input{width:100%;height:61px;border:0;border-radius:3px;background:#6baf53;font-size:16px;font-weight:bold;color:#fff;-webkit-appearance:none;cursor:pointer}

.keeping{position:relative;margin-bottom:27px}
.keeping .login_check{display:block;position:relative;height:26px;width:100%}
.keeping .login_check input{ position:absolute;top:5px;left:1px;width:25px;height:25px;border:1px solid #000}
.keeping .login_check label{ position:absolute;top:0;left:0;padding-left:20px;color:#6b6d70;font-size:14px;line-height:12px}

.btn_lnk{padding:0;margin:0}
.btn_lnk, .btn_lnk a, .btn_lnk span{color:#6b6d70}

/* fotmenu */
.bx_fot{height:100%;width:100%;position:fixed;bottom:0px;left:0px;-webkit-box-shadow: 0 1px 2px 0 #777;box-shadow: 0 1px 2px 0 #777;background-color:#ccc;background-color:#eee;z-index:99}
.fot_menu{display:table;padding:0;margin:0;height:40px}
.fot_menu .menu_tit{display:table-cell;width:130px;height:100%;color:#999;font-size:12px}
.fot_menu .menu_tit a{display:inline-block;text-decoration:none;width:100%;height:23px;text-align:center}
.fot_menu .menu_tit  span{display:block;width:65px;height:100%;margin:5px auto}
.fot_menu .menu_tit  em{display:block;height:15px;color:#999}

.sv_01{background-position:25px -30px}
.sv_02{background-position:25px -53px}
.sv_03{background-position:25px -75px}
.sv_04{background-position:25px -98px}
.sv_05{background-position:25px -121px}

/* mainpage */
.main_bnner{width:100%; height:auto; }
.main_bnner img{width:100%; height:auto; }
.bx_menu{ background-color: rgba(0,0,0, 0.6); vertical-align: bottom;  }
.bx_menu .menu{display:block;padding:0;margin:0; }
.bx_menu .menu_tit{display:block;padding:18px 0 17px 0;border-top:1px solid #eee;font-family:'Nanum Gothic', serif;font-size:16px;line-height:18px}
.bx_menu .menu_tit a{color:#fff;text-decoration:none}
.bx_menu .menu_tit strong{padding-left:25px;font-family:'Nanum Gothic', serif;font-size:16px;line-height:18px}
.bx_menu .menu_tit span{padding-left:15px;color:#ddd;font-family:'Nanum Gothic', serif;font-style:italic;font-size:12px;line-height:12px;color:#b7b7b7}

/* fixed img list type */
.fixed_img_lst {width:98%;margin:0 auto;margin-bottom:5px}
.fixed_img_lst ul{display:block;overflow:hidden;position:relative;margin:0 auto;padding:0;border-left:0;border-right:0;font-size:12px;font-family:'Nanum Gothic', serif;list-style:none;*zoom:1}
.fixed_img_lst ul:after{display:block;clear:both;content:""}
.fixed_img_lst li{overflow:hidden;float:left;width:46%;height:190px;margin:8px 0 0 8px;border:1px solid rgba(0,0,0,.06);border-radius:2px;background-color: rgba(254,254,254, 0.2)}
.fixed_img_lst li:nth-child(2n+1){clear:both}
.fixed_img_lst .thumb{display:block;overflow:hidden;position:relative;width:100%;height:120px;background:#eee;color:#666;line-height:120px;text-align:center;white-space:nowrap}
.fixed_img_lst .thumb img{display:block;width:100%;height:100%;border:0}
.fixed_img_lst .thumb em{visibility:hidden;position:absolute;bottom:0;left:0;width:1px;height:1px;background:#000;font-weight:bold;font-style:normal;color:#fff;text-align:center;opacity:.6;filter:alpha(opacity=60)}
.fixed_img_lst .thumb em{_visibility:visible;_width:100%;_height:auto;_line-height:20px}
.fixed_img_lst a{display:block;width:100%;margin:0 auto;padding:0;text-decoration:none;cursor:pointer}
.fixed_img_lst a strong{display:inline-block;margin:8px 10px 1px 10px;color:#999}
.fixed_img_lst p{overflow:hidden;text-overflow:ellipsis;margin:3px 10px 3px 10px;font-size:11px;color:#bbb;display: -webkit-box; -webkit-line-clamp: 2;word-wrap:break-word;line-height:16px;height:32px}
.fixed_img_lst a:hover strong,.fixed_img_lst a:active strong,.fixed_img_lst a:focus strong{text-decoration:underline}
.fixed_img_lst a:hover .thumb,.fixed_img_lst a:active .thumb,.fixed_img_lst a:focus .thumb{margin:-3px;border:3px solid #eee;-moz-box-shadow:0 0 5px #666;-webkit-box-shadow:0 0 5px #666}
.fixed_img_lst a:hover .thumb em,.fixed_img_lst a:active .thumb em,.fixed_img_lst a:focus .thumb em{visibility:visible;width:100%;height:auto}
.general_cols{display:inline-block;position:relative;width:100%;height:50px}

/* lst type */
.bx_comp2{width:90%;height:100%;padding:10px;margin:10px auto;background:rgba(119,119,119, 0.4)}
.bx_lst_type{padding:0;margin:0}
.lst_type{overflow:hidden}
.lst_type .lst_type_sub{overflow:hidden;height:60px;padding-right:8px;margin:0;border-bottom:1px solid #efefef}
.lst_type .lst_type_sub:last-child {border-bottom: 0px}
.lst_type .lst_type_sub a{display:inline-block;position:relative;max-width:100%;padding:2px 0 0 13px;font-size:14px;color:#999;line-height:26px;letter-spacing:-1px;display: -webkit-box; -webkit-line-clamp:2}
.lst_type .lst_type_sub a>span{display:inline-block;overflow:hidden;width:100%;text-overflow:ellipsis}
.lst_type .lst_type_sub .date{position:absolute;display:inline;top:0;padding-left:5px;font-size:12px;color:#b8b8b8}

/* pagenate */
.pagenate{padding-top:10px;text-align:center}
.pagenate a{display:inline-block;height:17px;margin:0 -2px;padding:2px 5px 0;font-family:'Nanum Gothic', serif;font-size:11px;line-height:13px;color:#8e9094;text-align:center;text-decoration:none;vertical-align:top}
.pagenate a.prev{width:17px;padding:3px;vertical-align:top}

/* info */
.bx_info{width:90%;height:500px}

/*sub title type*/
.stt{width:90%;margin:30px auto 20px;border-bottom:1px solid #233f99;font-family:'Nanum Gothic', serif;}
.stt h2{margin-bottom:10px;font-size:16px;color:#444;line-height:22px}
.stt span{margin-bottom:10px;display:block;font-size:12px;color:#6d6e71}

.stt_2{width:90%;margin:10px auto;font-family:'Nanum Gothic', serif;}
.stt_2 h3{display:inline-block;font-size:16px;color:#6baf53;line-height:22px}
.stt_2 span{display:inline-block;font-family:'Nanum Gothic', serif;font-size:12px;color:#b7b7b7}

.stt_3{overflow:hidden;position:relative;width:90%;margin:30px auto 20px;border-bottom:1px solid #6baf53;font-family:'Nanum Gothic', serif;}
.stt_3_sub{float:left}
.stt_3_sub h2{margin-bottom:10px;font-size:16px;color:#fff;line-height:22px}
.stt_3_sub span{margin-bottom:10px;display:block;font-size:12px;color:#b7b7b7}
.stt_3 .btn_icon {loat:rigth;position:absolute;bottom:10px;right:5px}

.stt_4{width:95%;margin:10px auto 10px;padding-bottom:5px;border-bottom:1px dotted #6baf53;font-family:'Nanum Gothic', serif;}
.stt_4 h4{display:inline-block;font-size:16px;color:#6baf53;line-height:22px}
.stt_4 span{display:inline-block;font-family:'Nanum Gothic', serif;font-size:12px;color:#b7b7b7}

.bx_btn{display:block;width:90%;height:40px;margin:0 auto;position:relative}
.btn_big{margin:10px auto;width:120px;height:18px;padding:10px 0;background:#6baf53;border-radius:3px;line-height:20px;font-size:16px;font-weight:bold;color:#fff;text-align:center}
.btn_small{width:70px;height:26px;border:0;border-radius:3px;background:#6baf53;font-size:12px;color:#fff;-webkit-appearance:none;cursor:pointer}
.right{position:absolute;top:0;right:0}
.bx_btn a{color:#fff}

/* 이벤트조회 */
.bx_tbl_type{width:90%;height:100%;margin:10px auto 20px;padding:10px;}
.tbl_type{width:100%;margin:0 auto;border:none;border-spacing:0;border-collapse:collapse; border-right:solid 1px rgba(119,119,119, 0.4)}
.tbl_type caption{visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0}
.tbl_type th,.tbl_type td{border:1px solid #999;border-left:none;border-right:none;vertical-align:central; text-align:center;}
.tbl_type th{padding-top:5px; padding-bottom:5px; color:black; background-color:rgba(119,119,119, 0.4)}
.tbl_type td{padding-top:5px; padding-bottom:5px; color:black;}

.bx_view{width:90%;height:100%;margin:30px auto 30px;padding:10px;background-color:rgba(119,119,119, 0.4)}
.bx_view p{color:#eee}
.bx_view_sub{width:95%;height:95%;margin:10px auto 20px;padding-bottom:10px;border-bottom:1px dotted #fff}

/* 댓글 */
.bx_comment{width:100%;margin:20px auto 10px;border-top:1px solid #999}
.comment{display:block;padding:10px 0}
.comment li{border-bottom:1px dotted #fff;padding:12px 0 8px}
.comment li dl{position:relative;display:block}
.comment li dl .h{height:20px;padding-top:3px;color:#eee}
.comment li dl .h em{font-weight:bold}
.comment li dl .h .date{display:inline-block;padding-left:7px}
.comment li dl .h .btn_re{position:absolute;top:0;right:0}
.comment li dl .comm{line-height:18px;color:#eee}


.bx_btn_s{width:90%;margin:0 auto;height:27px}
.bx_btn_s a{display:inline-block;float:right;padding-right:4px;background:url(../img/common/bg_btn_default.gif)no-repeat 100% 0;font-family:'Nanum Gothic', serif;font-size:11px;color:#000;line-height:26px;word-spacing:-1px;text-decoration:none;white-space:nowrap;vertical-align:middle}
.bx_btn_s span,.bx_btn_s strong{display:block;padding:1px 8px 0 12px;background:url(../img/common/bg_btn_default.gif)no-repeat}
.v2 a{margin-right:20px}

/* lst_list type */
.lst_type2{width:90%;margin:0 auto 10px;padding:10px;background-color:rgba(119,119,119, 0.4)}
.lst_srch{display:block;position:relative;height:40px;background:none}
.lst_srch .period{margin-right:8px}
.lst_srch .word{float:right}
.lst_srch .period,.lst_srch .word{float:right}
.lst_srch .word input{vertical-align:middle}
.lst_srch select,.lst_srch input{color:#000}
.lst_srch select{height:20px;margin-top:1px;font-size:11px;vertical-align:top}
.lst_srch select option:hover{background:#f00}

.lst_sub{overflow:hidden;width:100%;border-bottom:1px solid #c6c6c6}
.lst_sub table{width:100%;margin-bottom:-2px;border:0}
.lst_sub thead th{padding:10px 0;border:0;border-top:2px solid #999;border-bottom:1px solid #ccc;text-align:center;color:#fff}
.lst_sub tbody td{padding:7px 10px;border:0;border-bottom:1px solid #ddd;line-height:16px;color:#fff}
.lst_sub tbody td a{color:#fff}
.lst_sub .num{font-family:verdana;font-size:11px;text-align:center}
.lst_sub tbody td img{padding-left:17px}
.tc{text-align:center}


.bx_infomation{width:90%;height:auto;margin:10px;padding:10px}
.bx_search {
    border: 1px solid #888;
    vertical-align: middle;
    padding: 10px;
    font-size: medium;
    font-weight:bold;
}
.bx_edit {
    vertical-align: middle;
    font-size: large;
    font-weight:bold;
}

/* 회원가입*/
.membership_txt {margin-top:50px;font-size:14px;color:#fff;line-height:22px}

.membership_write{width:90%;margin:0 auto;font-family:'Nanum Gothic', serif; color:#fff;z-index:100}
.sub_txt{padding:5px 0 10px 10px;color:#444;font-family:'Nanum Gothic', serif; font-size:11px}


.ag_info_wrap{width:95%;color:#444}
.ag_info_wrap h3{padding:3px 0 5px;font-family:'Nanum Gothic', serif;font-size:14px}

.ag_info{margin-bottom:30px;padding:12px 14px;border:1px solid #bbb;background-color:rgba(0,0,0, 0.1);color:#7e7e7e;height:80px;overflow-x:hidden;overflow-y:auto;line-height:20px}
.ag_info .mt{margin-top:10px}
.ag_info_wrap .input_chk{margin:0px 0 0; padding:0;vertical-align:middle}
.ag_info_wrap label{display:inline-block;font-size:11px;line-height:11px;color:#444}

/* entry add*/
.bx_entry{width:100%;height:200px}
.entry_form{clear:both;margin:10px 30px 0px 30px}

/* entry list*/
.entry_lst {width:90%;margin:0 auto;margin-bottom:5px}
.entry_lst ul{display:block;overflow:hidden;position:relative;margin:0 auto;padding:0;border-left:0;border-right:0;font-size:12px;font-family:'Nanum Gothic', serif;list-style:none;*zoom:1}
.entry_lst ul:after{display:block;clear:both;content:""}
.entry_lst li{overflow:hidden;float:left;width:46%;height:20px;margin:8px 0 0 8px;border:1px solid rgba(0,0,0,.06);border-radius:2px;background-color: rgba(254,254,254, 0.2)}


/* 드랍다운 스타일 */
.radiobuttonlist
{
    font: 12px Verdana, sans-serif;
    color: #000; /* non selected color */
}

.radiobuttonlist input
{
    width: 0px;
    height: 0px;
}

.radiobuttonlist label
{
    color: #3E3928;
    background-color: #E8E5D4;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 2px;
    padding-bottom: 2px;
    border: 1px solid #AAAAAA;
    margin: 0px 0px 0px 0px;
    white-space: nowrap;
    clear: left;
    margin-right: 5px;
    cursor:pointer;
}

.radiobuttonlist span.selectedradio label
{
    background-color: #6baf53;
    color: white;
    font-weight: bold;
    border-bottom-color: #F3F2E7;
    padding-top: 4px;
}

.radiobuttonlist label:hover
{
    color: #CC3300;
    background: #D1CFC2;
}

.radiobuttoncontainer
{
    position: relative;
    z-index: 1;
}

.radiobuttonbackground
{
    position: relative;
    z-index: 0;
    border: solid 1px #AcA899;
    padding: 10px;
    background-color: #F3F2E7;
}