@charset "utf-8";

@import url(/css/egovframework/com/cop/bbs/board.css);

/* basic_gallary  */
.basic_gallary{position:relative;width:100%}
.basic_gallary ul{clear:both;display:inline-block;width:100%}
.basic_gallary ul li{float:left;width:25%;margin-bottom:20px}
.basic_gallary ul li a{display:block;position:relative}
.basic_gallary ul li figure{width:95%;margin:0 2.5%;background:#000}
.basic_gallary ul li figcaption{width:90%;padding:5%}
.basic_gallary ul li img.point{position:absolute;top:15px;left:50%;margin-left:-15px}
.basic_gallary ul.active figure{position:relative}
.basic_gallary ul.active figcaption{position:absolute;bottom:0;left:0;overflow:hidden;background:url(/images/prog/common/bg_gallary_caption.png);color:#fff}
.basic_gallary ul.active figcaption.ov{word-wrap:normal;white-space:nowrap;text-overflow:ellipsis}
.basic_gallary .gallwrap{clear:none;margin:0 0 0 -1px}
.basic_gallary .gallwrap li{width:272px;margin:0 0 15px 1px}
.basic_gallary .gallwrap li figure{position:relative;width:100%;margin:0;background:#000}
.basic_gallary .gallwrap li figure img{display:block}
.basic_gallary .gallwrap li figcaption{position:absolute;bottom:0;left:0;width:100%;padding:0;font-size:1.071em;color:#fff;text-align:center}
.basic_gallary .gallwrap li figcaption .bg{display:block;width:100%;height:40px;background:#000;opacity:0.7}
.basic_gallary .gallwrap li figcaption em{position:absolute;bottom:8px;left:0;width:100%;padding-top:8px;text-align:center;opacity:1;z-index:1}
.basic_gallary .gallwrap li.no_item{height:25px}

/* 포토 */
.photogallery_list{overflow:hidden;border-bottom:1px #dadada solid}
.photogallery_list li{height:200px}
.photogallery_list .sum_photo{width:95%;margin:0 auto;text-align:center}
.photogallery_list .sum_photo a{display:block;width:100%}
.photogallery_list .sum_photo a:hover,
.photogallery_list .sum_photo a:focus{text-decoration:none}
.photogallery_list .thumb{position:relative;display:block;height:116px;overflow:hidden;background:#f8f8f8 url(/images/common/example.png) no-repeat 50% 50%;/*border-radius:3px;border:1px solid #d1d1d1*/}
.photogallery_list .thumb img{max-width:none;height:116px;vertical-align:middle;border-radius:3px}
.photogallery_list .subject{display:block;width:auto;margin:10px auto 5px;line-height:120%;word-wrap:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.photogallery_list .date{display:block;color:#767676;font-size:0.8em}
.photogallery_list .opt{display:none}
/* 포토갤러리 */
.galleryView {position:relative;margin:0;width:600px;height:400px}
.galleryView ul.bicImage {overflow:hidden;position:absolute;top:0;left:0;width:600px;height:400px}
.galleryView ul.bicImage li {position:relative;float:left}
.galleryView ul.bicImage li img{display:block;width:600px;height:400px}
.galleryText {overflow:hidden;position:absolute;top:360px;left:0;margin:0;padding:0;width:600px;height:40px}
.galleryText li {margin:0;padding:3px 5px;width:590px;height:34px;background:#000;color:#fff;font-size:12px;font-weight:bold;line-height:17px}
.galleryThum {position:relative;margin:0 auto;padding:16px 0;width:600px;height:61px}
.galleryThum span.arrow {position:absolute;top:36px}
.galleryThum span.arrow img {padding:5px}
.galleryThum span.arrLeft {left:4px}
.galleryThum span.arrRight {right:4px}	
.galleryThum .wrap {overflow:hidden;position:relative;margin:0 auto;width:553px;height:61px}
.galleryThum .thumnail {position:absolute;width:2000px;left:0px}
.galleryThum .thumnail li {float:left;margin:0 5px 0 0px;width:88px;height:59px;background:#000}
.galleryThum .thumnail li img{display:block}
.no_style{padding:10px 0 !important}
.no_style p{margin:0;padding:0 17px;color:#787878}
.panel-overlay p{margin:0;padding:5px 0 0 0;font-size:12px;font-weight:bold;line-height:17px}
.prog_htxt{display:none}
/* 갤러리 상세보기 */
#galleryView{margin:0 0 30px 0;text-align:center}
#galleryView img{}
#galleryThum{position:relative;width:100%;min-height:70px;padding:5px 0;background:#f9f9f9}
#galleryThum .holder{position:relative;width:90%;overflow:hidden;margin:0 auto}
#galleryThum .list {margin:0;padding:0;list-style: none;width:99999px;overflow: hidden}
#galleryThum .item {float:left;margin:0 0 3px;width:100px}
#galleryThum .item img{width:90px;height:70px}
#galleryThum .item .button{display:none;}
#galleryThum .arrLeft{position:absolute;left:0;top:0;width:5%;height:90px;padding-top:10px;text-align:center}
#galleryThum .arrLeft img{position:relative;top:22px}
#galleryThum .arrRight{position:absolute;right:0;top:0;width:5%;height:90px;padding-top:10px;text-align:center}
#galleryThum .arrRight img{position:relative;top:22px}

/* 게시물권한확인 */
form.resultFind{position:relative;width:310px;margin:45px auto 0}
.input_form{float:left;margin-right:10px}
.input_form li{position:relative;display:block;width:210px;margin-top:5px}
.input_form li:first-child{margin-top:0}
.input_form li label{position:absolute;top:1px;left:5px;visibility:visible;width:30px;height:30px;font-size:0;line-height:0}
.input_form li label[for="findInp1"]{background:url(/images/prog/common/resultFind_lb_nm.gif) no-repeat 0 0}
.input_form li label[for="findInp2"]{background:url(/images/prog/common/resultFind_lb_pw.gif) no-repeat 0 0}
.input_form li input{width:163px;height:22px;padding:4px 5px 4px 40px}
.link_btn{position:relative;height:69px}
.link_btn input[type="submit"]{width:90px;height:69px;border:0 none;background:url(/images/prog/common/resultFind_btn_bg.gif) no-repeat 0 0;color:#fff}

/* FAQ */
.board_faq{border-top:2px solid #e3e3e3;line-height:150%;word-wrap:break-word}
.board_faq .ico{position:absolute;width:55px;height:21px}
.board_faq .title{display:block;position:relative;border-bottom:1px solid #e3e3e3}
.board_faq .title:after {content:"";display:block;visibility:hidden;clear:both;}
.board_faq .title .ti{display:block;float:left;padding:6px 10px 0 45px;color:#333;font-weight:bold;line-height:31px;}
.board_faq .title .ti.on{text-decoration:underline;color:#1882ef;}
.board_faq .title .ti.on,.board_faq .title .ti:hover,.board_faq .title .ti:focus{text-decoration:underline;color:#1882ef;}
.board_faq .title .date {float:right;padding:12px 10px 0 0;color:#767676;font-size:0.9em;}
.board_faq .pt{display:none;position:relative;padding:25px 15px 25px 45px;border-bottom:1px solid #e3e3e3;word-wrap:break-word;background:#f7f7f7;color:#7b7b7b;font-size:0.9em}
.board_faq .title .ico{top:8px;left:16px;color:#fff; border-radius:50px; background:#87857f; width:23px; height:23px; text-align:center;line-height:26px;}
.board_faq .pt p{margin-top:10px;font-size:14px;}
.board_faq .addfilebox{padding:5px 0;font-size:0.85em;}
.board_faq .addfilebox:after {content:"";display:block;visibility:hidden;clear:both;}
.board_faq .addfileti {float:left;display:inline-block;height:23px;margin:0 20px 0 0;padding:1px 8px 0 22px;border-radius:15px;border:1px solid #266fbb;background:url(/images/common/ico_attach.png) no-repeat 6px 5px;color:#266fbb;} 
.board_faq .list_file {float:left;display:inline-block;padding:10px 0;font-weight:normal;}
.board_faq .list_file:after {content:"";display:block;visibility:hidden;clear:both;}
.board_faq .list_file li {float:left;margin-right:20px;}


/* 보도형 */
.bodo_list{border-top:2px #dadada solid;}
.bodo_list .item{padding:25px 15px;border-bottom:1px #dadada solid}
/*.bodo_list .item .thumb{position:relative;float:left;width:270px;height:200px;margin-right:20px;overflow:hidden;background:#f8f8f8 url(/images/common/example.png) no-repeat 50% 50%;}*/
.bodo_list .item .thumb{position:relative;float:left;width:210px;height:150px;margin-right:30px;overflow:hidden;background:none;}
.bodo_list .item .thumb_no{position:relative;float:left;width:auto;max-height:0;margin-right:20px;overflow:hidden;background:none;}
.bodo_list .item .thumb img{position:absolute;top:0;left:50%;max-width:none;height:100%}
.bodo_list .item .descpt a{display:block;}
.bodo_list .item .descpt .subject{display:block;padding-bottom:7px;margin-bottom:7px;font-weight:700;font-size:1.24em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:1px dashed #d1d1d1; /*font-family:"Nanum Gothic", sans-serif;*/}
.bodo_list .item .descpt .pt{display:block;}
.bodo_list .item .descpt .pt .opt{display:block;margin-top:10px}
.bodo_list .item .descpt .pt .opt span{display:inline-block;margin-right:10px}
.bodo_list.book .item .thumb{width:110px;height:150px}
@media(max-width:639px){
.bodo_list .item{padding:0}
.bodo_list .item:first-child{padding-top:25px}
.bodo_list .item .thumb{float:none;width:auto;margin:0;text-align:center}
.bodo_list .item .descpt{padding-top:10px}
}

/* 캘리더 */
.calenWrap{position:relative;width:100%}
.calenWrap .fl{display:inline-block;float:left;width:auto;height:19px;margin-right:3px;padding:4px;border:1px solid #c0c0c0}
.calenWrap .fl select{width:100%}
.calenWrap .date{display:inline-block;width:100%;margin:10px auto;text-align:center}
.calenWrap .date:after{clear:both;display:block;visibility:hidden;content:""}
.calenWrap .date p{display:inline-block;width:220px;margin:0 auto}
.calenWrap .date p a{display:block;float:left;margin:0 10px}
.calenWrap .date p span{float:left;font-size:1.5em;line-height:32px}
.calenWrap .date div{float:left}
.calenWrap .date div a{display:block;float:left;margin:0 10px}
.calenWrap .date div span{float:left;font-size:1.5em;line-height:32px}
.calenWrap .date .arrow a{display:block;float:left;position:relative;overflow:hidden;width:32px;height:32px;background:url(/images/prog/common/cal_arr.gif) no-repeat;font-size:0;line-height:0;z-index:10}
.calenWrap .date .arrow.prev a{background-position:0 0}
.calenWrap .date .arrow.next a{float:right;background-position:0 -48px}
.schCal3{width:100%;margin-bottom:20px;border-bottom:1px solid #ddd}
.schCal3 th{padding:12px 6px;border-top:1px solid #434547;border-bottom:1px solid #a2a2a2;font-weight:bold;line-height:1.5em;vertical-align:middle}
.schCal3 td{height:90px;padding:8px 6px;border-left:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;color:#666;line-height:1.5em;vertical-align:top}
.schCal3 td:first-child{border-left:0 none}
.schCal3 td p{margin-top:5px}
.schCal3 td p a{float:left;overflow:hidden;width:100%;min-width:120px;max-width:120px;padding:3px 0;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.schCal3 td p a img{margin-right:5px;vertical-align:middle}
.schCal3 td div a{display:block;position:relative;margin:0 0 7px;padding-left:15px;line-height:1.3}
.schCal3 td div a img{position:absolute;top:2px;left:0;}
.schCal3 td div br{display:none}

.schCal3 .sun,.schCal3 .sun a{color:#c30c0c}
.schCal3 .sat,.schCal3 .sat a{color:#1473b5}
.schCal3 .info{color:#444 !important}
.schCal3 .hospital_info{position:absolute;overflow:hidden;width:170px;padding:10px 15px;border:2px solid #457bd8;background:#fff}
.schCal3 .hospital_info li.title{margin:3px 0;padding:0;font-weight:700;font-size:1.143em;color:#000}
.schCal3 .hospital_info .close{position:absolute;top:0;right:0;width:50px;margin-top:0}
.schCal3 .hospital_info .close a{display:inline-block;width:40px;min-width:50px;max-width:50px;padding:0 5px 3px;background:#457bd8;font-size:1em;color:#fff;text-align:center}
.calenWrap .btn_area{position:absolute;top:11px;right:1px}
.calenviewwrap{position:relative}
.calenviewwrap figure{display:inline-block;float:left;position:relative;overflow:hidden;max-width:390px;max-height:263px;padding-right:8px;background:url(/images/prog/common/figure_titbar.gif) no-repeat 100% 0}
.calenviewwrap figure img{display:block}
.calenviewwrap .hgroup{height:211px;margin:0 0 15px 397px;padding:25px 20px}
.calenviewwrap .hgroup h4{padding-left:0;background:none;font-size:1.500em}
.calenviewwrap .hgroup dl{position:relative;display:inline-block}
.calenviewwrap .hgroup dt,.calenviewwrap .hgroup dd{float:left;min-height:23px;margin:3px 0 2px}
.calenviewwrap .hgroup dt{width:21%;padding-left:7px;background:url(/images/prog/common/hgroup_dot.gif) no-repeat 0 9px;font-weight:700;color:#000}
.calenviewwrap .hgroup dd{width:77%}
.calenviewwrap .hgroup dd img{vertical-align:middle}
.calenviewwrap .hgroup dd.url a{font-weight:700;color:#0d7bbf}
.calenviewwrap .hgroup dd .basic_list li{background:url(/images/prog/common/bul_li_th3.gif) no-repeat 0 11px}
.prevEvent{display:block;margin-top:-4px;padding:8px 15px;background:#ce3c18}
.prevEvent a{display:block;padding-right:45px;background:url(/images/prog/common/prev_event_bg.gif) no-repeat 100% 50%;color:#fff}


/*선거인명부열람*/
.elect_vote{position:relative;width:375px;margin:0 auto}
.elect_vote .elect_vote_info{padding:15px;background:#f8f8f8}
.elect_vote .elect_vote_info .basic_box{margin-bottom:0}
.elect_vote h3{padding-bottom:10px}
.basic_box .elect{padding:10px 15px;background:#fff}
.basic_box .elect p{text-align:justify}
.elect_vote .elect_info{display:block;padding:0 15px}
.elect_vote .elect_info li{padding-left:15px;background:url(/images/prog/common/bul_tab.png) no-repeat 0 -35px}
.elect_vote .elect_info li strong{color:#117ec2}
.elect_vote .elect_info li li{padding-left:0;background:none}
.elect_vote .elect_read{padding:15px}
.elect_vote .elect_read .bul_focus{color:#117ec2}
.elect_vote .elect_srch{position:relative;padding:9px;border:1px solid #dad9d9;background:url(/images/prog/common/elect_read.gif) no-repeat 0 50%}
.elect_srch .item{display:block;margin-bottom:6px;padding-left:91px;letter-spacing:-0.05em}
.elect_srch .i_label{float:left;width:85px;height:28px;font-weight:bold;line-height:2em;color:#333;cursor:pointer}
.elect_srch input[type="text"]{}
.elect_srch input[type="text"].birth1{width:57px}
.elect_srch input[type="text"].birth2{width:27px}
.elect_srch .btn{margin-bottom:0;padding-left:176px}
.elect_srch .btn input[type="submit"]{padding:7px 30px}
.elect_vote .elect_rslt{position:relative;padding:9px 15px;background:#f8f8f8}
.elect_vote .elect_rslt p{padding-bottom:9px;text-align:center}
.elect_vote .elect_rslt p strong{font-size:1.071em;color:#2059af}
.elect_vote .elect_rslt .inquiry{padding:9px 0 0;border-top:1px dotted #a2a2a2}
.elect_vote_foot{position:relative;width:100%;padding:3px 0;background:#4d515e}
.elect_vote_foot p{text-align:center}
.elect_vote_foot p label{color:#fff}

@media(min-width:361px){
.photogallery_list li{float:left;}
}
@media(min-width:768px){
.board_faq .list_file {width:80%;}
}
/* 게시판 반응형 */
@media(max-width:1024px){
.basic_table col[class^="problem_"]{width:10%}
.basic_table col.date{width:120px}

}
@media(max-width:1023px){
.basic_table tr td{padding:15px}
.basic_table .problem_number+th,
.basic_table .problem_number+td{border-left:0}
.basic_table col.problem_name{width:80px}
.basic_table col.problem_status{width:60px}
.basic_table td.list_subject .link{width:88%} 
.basic_table .problem_number,
.basic_table .problem_count{display:none}

}

@media(max-width:639px){
.basic_table .date{display:none}
.basic_table td .list_subject .link{display:inline;float:none;white-space:normal}
.basic_table td .list_subject img{float:none;margin:0}
}



/* 스크롤 포토게시판 */
/* 포토갤러리 */
.sns_list_area{padding:10px}
.sns_wrap span.sns_like{width:30px;padding-left:20px;background-position:0 3px}
.sns_wrap span.sns_date{padding:0 20px;background-position:0 -47px;font-size:0.9em}
.sns_list:after{content:"";display:block;visibility:hidden;clear:both;}
.sns_list li{display:block;overflow:hidden;float:left;width:30%;margin-top:20px;margin-right:3%;padding-bottom:10px;border:1px solid #ddd;text-align:center}
.sns_list li h3{margin:0;padding:0;background:none;font-size:18px;color:#303030;text-align:left;}
.sns_list figcaption{margin:15px}
.sns_list span{display:inline-block;background:url(/images/tour/sub01/sns_span_bg.gif) no-repeat}
.sns_list li p{text-align:right;}
.sns_list img{max-width:100%;height:180px}
.sns_list .sns_btn{float:right}
.sns_list h2{padding:0;font-size:17px;font-weight:600;line-height:18px;color:#404d56;text-align:left;background:none;}
.sns_list h2 a{display:block;}
.sns_list span.sns_point{color:#0469b4}
.sns_list .sns_btn a{display:inline-block;width:35px;height:35px;padding:3px;background:url(/images/tour/sub01/sns_btn.gif) no-repeat;text-indent:-9999px}
.sns_list .sns_btn a.twitter{background-position:0 -108px}
.sns_list .sns_btn a.facebook{background-position:0 -215px}
.sns_list .sns_btn a.sns_more{display:none;background-position:0 0}
.sns_list .thump_img{display:block;text-align:center;}
.sns_list li.last{display:block}
.sns_list .img_bg{display:block;overflow:hidden;background:#efefef}
.sns_list li figcaption p{text-align:left;font-size:0.9em}
.sns_tit{position:relative;height:62px;/*margin:0 10px 20px;*/padding:20px;background:url(/images/tour/sub01/sns_line_bg.gif) repeat-x}
.sns_tit span.sns_tit_logo{display:inline-block;position:absolute;top:0;left:40%;width:141px;height:82px;background:url(/images/tour/sub01/sns_tit.gif) no-repeat;text-indent:-9999px}
.sns_list_area{padding:0}
@media only screen and (max-width:768px){
	.sns_list li{width:46%;}
}
@media only screen and (max-width:550px){
	.sns_list li{float:none;width:auto;}
}


/*
@media only screen and (min-width:550px){
.sns_list li{overflow:hidden;float:left;width:45%;margin-right:4%;text-align:center}
.sns_tit span.sns_tit_logo{left:40%}
}
@media only screen and (min-width:768px){
.sns_list_area .sns_list li{width:30%}
.sns_list li:first-child{margin-left:0}
.sns_list_area{padding:0}
.sns_list .sns_btn a.sns_more{display:none;background-position:0 0}
.sns_list li h3,.sns_list li p{text-align:right;}
.sns_list li.last{display:block}

}
*/


/* 게시판 반응형 */
@media(max-width:1279px){
#contents .basic_table col[class^="problem_"]{width:10%}
#contents .basic_table col.problem_name{width:14%}
#contents .basic_table col.date{width:120px}
}
@media(max-width:1000px){
#contents .basic_table tr td{padding:10px}
#contents .basic_table .problem_number+th,
#contents .basic_table .problem_number+td{border-left:0}
#contents .basic_table .problem_number,
#contents .basic_table .problem_count{display:none}
#contents .basic_table col.problem_name{width:80px}
#contents .basic_table col.problem_status{width:60px}
#contents .basic_table td.list_subject .link{width:88%}
}
@media(max-width:639px){
#contents .basic_table .date{display:none}
#contents .basic_table td .list_subject .link{display:inline;float:none;white-space:normal}
#contents .basic_table td .list_subject img{float:none;margin:0}
}


/*포토형게시판*/
#contents .photogallery_list li{float:left;width:25%;}
@media(max-width:767px){
#contents .photogallery_list li{width:33.3%}
}
@media(max-width:639px){
#contents .photogallery_list li{width:50%}
}
@media(max-width:479px){
#contents .photogallery_list li{width:100%}
}


/*eBook*/
@media(max-width:767px){
#contents .type1 .photogallery_list li{width:33.1%}
}
@media(max-width:639px){
#contents .type1 .photogallery_list li{width:49.7%}
}
@media(max-width:359px){
#contents .type1 .photogallery_list li{float:none;width:auto}
}

/*보도형 게시판*/
@media(max-width:639px){
#contents .bodo_list .item{margin-bottom:25px;padding:0}
#contents .bodo_list .item:first-child{padding-top:25px}
#contents .bodo_list .item .thumb{float:none;width:auto;margin:0;text-align:center;background-color:#fff;}
#contents .bodo_list .item .descpt{padding-top:10px}
}

/*동영상게시판*/
/*플레이어*/
@media(max-width:639px){
.respondPlayer{width:auto !important;height:auto !important}
.respondPlayer video,
.respondPlayer object{width:auto !important;height:306px !important}
}
@media(max-width:479px){
.respondPlayer video,
.respondPlayer object{height:226px !important}
}
@media(max-width:359px){
.respondPlayer video,
.respondPlayer object{height:200px !important}
}









/* Comment Input Area */
.cb_module{margin:0 auto;text-align:left}
.cb_module h2{background-position:1px 4px;font-size:18px;color:#666;}
.cb_module h2 span{color:#4c8bdb;}

.cb_module .cb_wrt{margin-bottom:26px;padding:15px 3%;background:#f7f7f7 url(/images/egovframework/com/cmm/img/bg_line.gif) left bottom repeat-x;}
.cb_module .cb_wrt .cb_writer{margin:0 0 10px;}
.cb_module .cb_wrt .cb_writer:after,
.cb_module .cb_wrt .cb_wrt_box:after{display:block;content:'';clear:both}
.cb_module .cb_wrt_box{background:#f7f7f7;}

.cb_module .cb_txt_area{display:block;}
.cb_module .cb_txt_area input[type="text"]{padding:4px 2.5%;width:94.5%;border-radius:4px}
.cb_module .cb_txt_area textarea{padding:5px 2.5%;width:94.5%;border:1px solid #adadad;border-radius:4px;background:#fff;color:#666;font-size:12px;line-height:20px;}


/* Comment list */
.cb_module .cb_lstcomment{border-top:1px solid #c0c0c0;}
.cb_module .cb_lstcomment ul li{position:relative;padding:25px 0 5px;border-bottom:1px solid #dedede;}
.cb_module .cb_lstcomment ul li:first-child{padding-top:20px;}
.cb_module .cb_lstcomment ul li.nothing{padding:25px 0 20px;}

.cb_module .cb_lstcomment .cb_thumb{position:absolute;top:10px;left:20px}
.cb_module .cb_lstcomment .cb_thumb_on .cb_thumb{position:absolute;top:22px;left:12px}

.cb_module .cb_lstcomment .cb_comment_area{padding:0 0 0 70px}
.cb_module .cb_lstcomment {overflow:hidden;padding:5px 0 0;}
.cb_module .cb_lstcomment .cb_section1 .cb_info_area .cb_date{display:inline-block;padding-left:4px;color:#aaa;}

.cb_module .cb_lstcomment .cb_section2{position:absolute;top:20px;top:5px;right:0;color:#aaa}
.cb_module .cb_lstcomment ul li:first-child .cb_section2{top:0;}


.cb_module .cb_lstcomment .cb_section2 span{display:inline-block;overflow:hidden;padding:0 6px 0 9px;color:#aaa;background:none}

.cb_module .cb_lstcomment .cb_dsc_comment{overflow:hidden;clear:both;padding:0 0 15px 1px;color:#555;line-height:20px}

@media only screen and (min-width:1024px){
.cb_module .cb_wrt .cb_writer .cb_thmb_pw,
.cb_module .cb_wrt .cb_wrt_box .cb_profile{float:left;width:10%;}
.cb_module .cb_txt_area{float:left;width:90%}
}

/* 버튼 */
/********** 버튼 스타일 **********/
button.btn_ln_bace { display:inline-block; padding:6px 15px 4px; background:#fcfcfe; border-radius:3px; border:1px solid #d2d2d2; vertical-align:middle; color:#121212; }
button.btn_ln_bace span { padding-right:17px; background:url(/images/default/sh_bt_arr_gray.png) no-repeat right; }
button.btn_ln_bace:hover,a.btn_ln_bace:focus,a.btn_ln_bace:active { background:#00693f; border:1px solid #00693f; color:#fff; }
button.btn_ln_bace:hover span,a.btn_ln_bace:focus span,a.btn_ln_bace:active span { background:url(/images/default/sh_bt_arr_on.png) no-repeat right; }
/* 녹색 */
button.btn_ln_gr span { background:url(/images/default/sh_bt_arr_green.png) no-repeat right; }
button.btn_ln_gr:hover,a.btn_ln_gr:focus,a.btn_ln_gr:active { background:#7dc242; border:1px solid #7dc242; }
/* 회색 */
button.btn_ln_gy { background:#fff; }
button.btn_ln_gy:hover,a.btn_ln_gy:focus,a.btn_ln_gy:active { background:#545454; border:1px solid #545454; }
/* 검정 */
button.btn_ln_bk { background:#f0f0f0; }
button.btn_ln_bk:hover,a.btn_ln_bk:focus,a.btn_ln_bk:active { background:#121212; border:1px solid #121212; }
/* 녹색2 */
button.btn_ln_gr2 { background:#00693f; border:1px solid #00693f; color:#fff; }
button.btn_ln_gr2 span { background:url(/images/default/sh_bt_arr_on.png) no-repeat right; }
button.btn_ln_gr2:hover,a.btn_ln_gr2:focus,a.btn_ln_gr2:active { background:#545454; border:1px solid #545454; }
/* 빨강 */
button.btn_ln_re { background:#bf0f30; border:1px solid #bf0f30; color:#fff; }
button.btn_ln_re span { background:url(/images/default/sh_bt_arr_on.png) no-repeat right; }
button.btn_ln_re:hover,a.btn_ln_re:focus,a.btn_ln_re:active { background:#545454; border:1px solid #545454; }
/* 파랑 */
button.btn_ln_bl { background:#22569c; border:1px solid #22569c; color:#fff; }
button.btn_ln_bl span { background:url(/images/default/sh_bt_arr_on.png) no-repeat right; }
button.btn_ln_bl:hover,a.btn_ln_bl:focus,a.btn_ln_bl:active { background:#545454; border:1px solid #545454; }