@charset "utf-8";

/* 초기화 */

.btn_inp{padding:7px 10px;border:1px solid #ccc;white-space:nowrap;background:#fff;color:#333;;}
.cn{font-size:10px;color:#EE5A00}
.ml10{margin-left:10px}
.gutter {display:inline-block; background-color:#9CB1C5; font-size:9px; width:2px;padding:0px; margin-left:5px; margin-right:5px; height:9px;line-height:20px; border:0; overflow:hidden; color:#9cb1c5; text-indent:-999em; vertical-align:middle;}
/* 글상자 */
.pbox{width:auto;border:0px solid #ccc;background:#fff;padding:5px;*zoom:1;margin-bottom:15px; border-bottom:2px solid #ebebeb;}
.pbox:after{display:block;content:"";clear:both}
.pbox li{float:left;background:transparent;border-color:transparent;list-style:none; min-width:20%;}
.pbox li a{display:block; padding:7px 10px; border:1px solid #E5E5E5; margin:2px; text-align:center;}
.pbox li a:hover{text-decoration:none; background-color:#9CB1C5; color:#fff; border-color:#0D62C7;}
.pbox a#bo_cate_on{ background-color:#0D62C7; color:#fff;}

.form_wrap {overflow:hidden;max-width: 978px;border: 1px solid #ddd;margin: 2em auto 1em auto;}
.form_wrap:before,.form_wrap:after {content:''; clear:both;}
.form_img {float:left;width: 30%;text-align: center;}
.form_img > img {display:block; margin:0 auto;}
.tong_text {float:right;width: 70%; box-sizing:border-box; height:278px; }
.tong_text{font-size:1em;padding: 2em 1em;/* margin-bottom:1em; */background:url(/img/sub/form_bg.png) no-repeat right bottom;}
.tong_text .subject{font-size:1.6em; line-height:1.5em;}
.tong_text .subject strong{ color:#0D62C7;}
.tong_text ul{margin-left:0px; margin-top:10px;}
.tong_text ul li{line-height:1.2em; padding:3px 0; }
a.dw-btn{font-size:1.2em; display: inline-block; background-color:#3FC2B7; color:#fff; padding:.8em 2em;; transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; margin:1em 0;}
a.dw-btn:hover{background-color:#0D62C7; transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s;}


/* 게시판목록 */
#bo_list .td_board {width:120px;text-align:center}
#bo_list .td_chk {width:30px;text-align:center}
#bo_list .td_date {width:60px;text-align:center}
#bo_list .td_datetime {width:110px;text-align:center}
#bo_list .td_group {width:100px;text-align:center}
#bo_list .td_mb_id {width:100px;text-align:center}
#bo_list .td_mng {width:80px;text-align:center}
#bo_list .td_name {width:100px;text-align:left}
#bo_list .td_nick {width:100px;text-align:center}
#bo_list .td_num {width:50px;text-align:center}
#bo_list .td_numbig {width:80px;text-align:center}

#bo_list .txt_active {color:#5d910b}
#bo_list .txt_expired {color:#ccc}

/* 게시판 목록 공통 */
#bo_btn_top{margin: 10px 0 }
#bo_btn_top:after {display:block;visibility:hidden;clear:both;content:""}
.bo_fx {margin-bottom:5px;float:right;zoom:1;margin: 1em 0;}
.bo_fx:after {display:block;visibility:hidden;clear:both;content:""}
.bo_fx ul {margin:0;padding:0;list-style:none}
#bo_list_total {float:left;line-height:30px;font-size:0.92em;color:#4e546f;background:#d4d4d4;padding:0 10px;border-radius:5px;}

.btn_bo_adm {float:left}
.btn_bo_adm li {float:left;margin-right:5px}

.bo_notice td {background:#f5f6fa}
.bo_notice td a {}
.td_num strong {color:#000}
.bo_cate_link {display:inline-block;margin:0 3px 0 0;padding:0 6px 0 0;border-right:1px solid #e7f1ed;color:#999 !important;text-decoration:none} /* 글제목줄 분류스타일 */
.bo_current {color:#e8180c}
#bo_list .cnt_cmt {display:inline-block;margin:0 0 0 3px;}

#bo_sch {float:left;border:1px solid #ccc;background:#fff;border-radius:3px}
#bo_sch:after {display:block;visibility:hidden;clear:both;content:""}
#bo_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#bo_sch select{border:0;margin:9px 5px ;height:20px;float:left;border-right:1px solid #ddd;}
#bo_sch .sch_input{height:38px;border:0;padding:0;background-color:transparent;float:left}
#bo_sch .sch_btn{height:38px;float:left;background:none;border:0;width:40px;font-size:15px}

/*  */
.wli_btn {padding:15px 0 10px}
.glist-top{width:auto;background:#fff;padding:0 0px 15px}
.glist-top:after{display:block;clear:both;content:''}
.glist-top .glist-tsch{float:left;padding:15px 0 0}
.glist-top .glist-btnd{float:right;padding:15px 0 0}

.glist-top .tsch-inp{width:180px;padding:7px;border:1px solid #ccc;margin-right:0;border-right:0;float:left;box-sizing:border-box}
.glist-top .tsch-submit{padding:9px 10px 7px;;border:0;background:#3176b1;color:#fff;margin:0;float:left}
.glist-top .tsch-select{float:left;padding:6px;border:1px solid #ccc;border-right:0}
.glist-top .btn{float:left}

#gbasic{width:auto}

/*  */
.bo_fx{width:auto;text-align:right;margin-bottom:15px}
.bo_fx:after{display:block;clear:both;content:''}
.bo_fx li{list-style:none;float:right}

/* */
#bo_v {width:auto}
#bo_v_navi,#bo_v_bot{width:auto;margin:2px 0 15px}
#bo_v_navi:after{display:block;clear:both;content:""}
#bo_v_bot .bo_left,#bo_v_navi .bo_left{float:left}
#bo_v_bot .bo_right,#bo_v_navi .bo_right{float:right}
#bo_v_sub {overflow:hidden; padding:15px;background:#fff;margin-top:10px}
#bo_v_title {font-size:1.2em;color:#333;margin:0 0 10px}
#bo_v_title span{font-size:.85em;}
#bo_v_info {font:normal 12px tahoma; color:#555;margin:0;padding:0}
#bo_v .dec{display:block;color:#222;line-height:20px;margin:8px 0 4px; border-bottom:1px solid #ccc; padding-bottom:5px;  ; box-sizing:border-box; padding-right:20px;}
a.bo_v_ect{border:1px solid #ccc;border-bottom:0;border-top-color:#eaeaea;display:block !important;padding:10px 15px;background:#fff;color:#555;;}
a.bo_v_ect .glyphicon{margin-right:3px}
a.bo_v_ect span.cnt{font-size:11px}
a.bo_v_ect:hover{text-decoration:none;background:#fafafa}
#bo_v_act{text-align:center;margin-top:10px}
#bo_v_bot:after,#bo_v_navi:after,#bo_v_title:after,#bo_v_info:after{display:block;clear:both;content:""}
#bo_v_atc{width:auto;background:#fff;border:1px solid #ccc;border-top-color:#eaeaea;padding:15px;margin:0 0 15px;line-height:1.8}
#bo_v_atc #tags{padding:10px 0}
#bo_v_atc #tags:after{display:block;clear:both;content:""}
#bo_v_atc #tags .glyphicon{float:left;margin:8px 8px 0 0;height:22px;line-height:20px}
#bo_v_atc #tags a{float:left;border:1px solid #d9d9d9;margin:8px 8px 0 0;height:22px;background:#ededed;line-height:20px;color:#555;cursor:pointer;padding:0 4px}

#bo_v_atc ul{list-style:none; margin:0 10px; padding:0 10px;}
#bo_v_atc ul li{padding:0 10px;}
.img_left{display:block; float:left; margin-right:10px; border:1px solid #e7e7e7;}


/* commtent write box */
.cmt_wrap{width:auto;border:1px solid #ccc;padding:0;margin-bottom:15px}
.cmt_wrap .cmt_top{background:#fafafa;border-bottom:1px solid #ddd}
.cmt_wrap .cmt_top .cmt_top_title{padding:10px}
.cmt_wrap .cmt_list{background:#fff;border-bottom:1px solid #ddd}
.cmt_wrap .cmt_list .no_cmt{padding:60px 15px;text-align:center}

.cmt_wrap .cmt_bot label{width:auto;padding:10;margin:0;display:block;padding-right:20px;_padding:0;margin:0 !important;background:#fff}
.cmt_wrap .cmt_bot textarea{border:0;border-bottom:1px solid #ccc;width:100%;height:120px;background:#fff;padding:10px;margin:0 ;overflow:auto}
.cmt_wrap .cmt_sub{*zoom:1;background:#fff;padding:6px 5px;text-align:right;margin:0}
.cmt_wrap #no_id{width:auto;background:#fff;text-align:center;padding:50px 0}
.cmt_wrap .btn_bsub{padding:7px 10px;;border:0;background:#3176b1;color:#fff;margin:0}

.tbl_wrap{background:#fff;padding:10px;;border-bottom:1px solid #ccc}
.tbl_wrap .row{margin-bottom:10px}
.tbl_wrap #wr_name,.tbl_wrap #wr_password{width:180px;margin-right:10px}
.tbl_wrap label{color:#777;font-size:11px}
.dno{display:none}

/* comment box */
.cmt{border:1px solid #ccc;background:#fff}
.cmt ul{margin:0;padding:0;;list-style:none}
.cmt li{position:relative;width:auto;padding:15px 10px 15px 15px;margin:0;border-top:1px solid #eee;border-left:0;border-right:0;vertical-align:top;*zoom:1}
.cmt li:first-child{border-top:0}
.cmt li:after{display:block;clear:both;content:""}

.cmt .inf{float:left;display:inline-block;margin:0 0 4px 0;color:#333;width:100%}
.cmt p{margin:8px 0 0 0; line-height:18px;color:#333}
.cmt p.top{margin:0;line-height:30px;*height:16px}
.cmt p:after{display:block;clear:both;content:""}
.cmt .iurl{float:left;color:#555;line-height:16px}
.cmt .iurl2{float:left;color:#333;line-height:16px;margin-left:5px}
/* 태그폼 */
.grz_frm{background:#fff;}
.grz_frm .frm_hd{font-size:23px;padding:15px 20px;border-bottom:1px solid #eaeaea}
.grz_frm .frm_ct{;;padding:15px 20px;  margin:0 auto; border-width:2px 0px 1px 0px; border-color:#808080; border-style:double solid; background-image:url(/page/img/profile_bg.gif); background-repeat:no-repeat; background-position:right bottom;}
.grz_frm .item{margin-top:10px}
.grz_frm .item:first-child{margin-top:0}
.grz_frm .item .admin_box{border:1px solid #830D0F; padding:10px;}
.grz_frm .g_label{display:block;margin-bottom:7px;color:#222; }
.grz_frm .f_label{display:block;margin-bottom:7px;color:#222;  width:120px; float:left; height:40px; line-height:40px; clear:both; background-color:#e4eefb; margin-right:10px; padding-left:10px;}
.grz_frm .g_text{display:block;border:1px solid #ccc;width:100%;padding:10px;box-sizing:border-box}
.grz_frm .f_text{display:block;border:1px solid #ccc;width:50%;padding:0 10px;box-sizing:border-box; height:40px; line-height:40px; float:left;}
.grz_frm .g_input{display:inline-block;border:1px solid #ccc;width:90%;padding:10px;box-sizing:border-box; max-width:300px; min-width:150px;}
.grz_frm .rlbl{border:1px solid #ccc;width:auto;padding:0;margin:0;display:block;padding-right:20px;_padding:0;margin-bottom:0;background:#fff}
.grz_frm .rlbl textarea{border:0;width:100%;height:200px;background:#fff;padding:10px;margin:0;overflow:auto}
.grz_frm .html{} /* html editor */
.grz_frm .frm_tl{text-align:right;width:auto;padding:15px;border-top:1px solid #eaeaea;}
.grz_frm .frm_tl .submit{padding:0 10px;*padding:0 10px;border:1px solid #366790;background:#3176b1;color:#fff;height:32px;line-height:32px;white-space:nowrap;}
.grz_frm .ml5{margin-left:5px}

.grz_frm #g_tagbox{margin-top:4px}
.grz_frm #g_tagbox .gtag{float:left;border:1px solid #d9d9d9;margin:8px 8px 0 0;height:22px;background:#ededed}
.grz_frm #g_tagbox .gtag a{line-height:20px;color:#555;cursor:pointer}
.grz_frm #g_tagbox .gtag a.gt_name{padding-left:4px}
.grz_frm #g_tagbox .gtag a:hover{color:#f00}
.grz_frm #g_tagbox .gtag .cls{  margin-left: 5px; padding-right: 4px;}
.grz_frm #g_tagbox:after{display:block;clear:both;content:''}
.grz_frm .f_label.f_temp{background-color:#fff !important;}
.grz_frm .f_temp{height:30px; line-height:1;border:0px !important;}

.p_on{display:inline-block; background-color:#DF0A6D; color:#fff;  padding:2px 5px; border-radius:2px; font-weight:normal;}
.p_off{display:inline-block; background-color:#808080; color:#fff;   padding:2px 5px; border-radius:2px;font-weight:normal;}

.btn_bo_user {margin:0;padding:0;list-style:none; float:right;}
.btn_big_area{text-align:center;margin:2em auto;clear: both;padding-bottom: 2em;}
.btn_big_area .btn_big{position:relative;font-size:20px;font-weight: normal;display: inline-block;background: #4b545e;color: #fff;text-decoration: none;vertical-align: bottom;border-radius: 50%;width:182px;height:182px;line-height: 275px;text-align:center;transition:all ease 0.5s;-webkit-transition:all ease 0.5s;-moz-transition:all ease 0.5s;overflow:hidden;}
.btn_big_area .btn_big{background-image:url(/img/sub/form_btn_bg.png); background-position:center 40%; background-repeat:no-repeat; }
.btn_big_area .btn_big span{display:block; position:absolute; bottom:20%; width:95%; text-align:center;}
.btn_big_area .btn_big:hover{background-color:#0d62c7;transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s;}

.red{color:#BF0E4A;}

.user_list_view {font-size:14px; overflow:hidden;margin-top:1em;}
.user_list_view li {line-height:1.8em; margin-bottom:10px; overflow:hidden; border:1px solid #EDEDED;}
.user_list_view li .f_label{clear:both; display:block; height:40px; padding:10px 0; text-align:center; width:15%; float:left;}
.user_list_view li .f_text{display:block; padding:10px 0; text-align:left; width:80%; float:left; border-left:2px solid #BDE4E1; background-color:#fff; min-height:40px; padding:1em; box-sizing:border-box;}

@media screen and (max-width: 800px){
	.grz_frm .frm_ct{;padding:15px 20px; width:100%; margin:0 auto; box-sizing:border-box;}
	.grz_frm .f_label{display:block;margin-bottom:7px;color:#222;  width:100%;box-sizing:border-box;}
	.grz_frm .f_text{display:block;border:1px solid #ccc;width:100%;padding:10px;box-sizing:border-box; margin-bottom:10px;}
	.grz_frm .f_label.f_temp{display:none;}
	.user_list_view li .f_label{clear:both; display:block;width:100%; float:none;}
	.user_list_view li .f_text{clear:both; display:block;width:100%; float:none;}
}

@media all and (max-width: 880px){
	.form_img{display:none;}
	.tong_text {width:100%;}
}

@media all and (max-width: 640px){
	.tong_text {height:auto;}
}

@media all and (min-width:960px) and (max-width:1150px){
	.form_img{display:none;}
	.tong_text {width:100%;}
}