@charset "utf-8";
.contentpan{min-height: 1000px;}
.submenu1list .smenuwrite{background:url(../images/main/newpicon.png) right -4px no-repeat;padding-right:30px;}

.activityBody {padding-top: 25px;}
#selectscnt {width: 150px;}

/* 동영상 */
.commentBox{background: #f1f1f1;padding: 15px;} 
.btn-comment{color:#fff;font-size:14px;font-weight:bold; background:#928eb1;width:96px;height:93px;}
.commentEdit textarea{border-radius: 0;border: 1px solid #dfdfdf;height:93px;}
.cmname{font-size:14px;color:#333333;font-weight:bold;display:inline-block;}
.commentRow .btn_del {background: url('../images/main/sub/citizen/btn_close.png') top left no-repeat;padding: 10px 11px 9px;margin-left: 5px;}

.cmdate,.cmdate{color:#787878;font-size:13px}
.cmtext{color:#333333;font-size:14px;padding:5px 15px;}

.commentRow{border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;padding:20px 10px;}
.commentRow:first-child{border-top:0;border-bottom:0}
.commentRow:last-child{border-top:0;border-bottom:0}

.listlinkhead {padding-top: 20px;height: 90px;}
.listlinkhead .btnlist{color:#666666;font-size:14px;font-weight:bold; background:#fff;border:1px solid #c2c2c2;padding: 5px 20px;}
.listlink .prelist{color:#666666;font-size:13px}
.aftertext{border-top: 1px solid #bcbcbc;padding: 15px 10px 15px 15px;color:#666666;font-size:15px}

.beforetext{border-top: 1px solid #dfdfdf;border-bottom: 1px solid #dfdfdf;padding: 15px 10px 15px 15px;color: #666666;font-size: 15px;}
.aftertext a,.beforetext a{color:#333333;}


/* citizen14 */
.contentBodyInfo{/* border:1px solid #e4e4e4; */margin-bottom: 20px;width: 100%;float: left;} 
.inforow{font-size:14px;color:#333333}
.infodistinct{font-weight:bold;color:#13989b;}
.btn-rlistview {background: #52bcb9;color: #fff !important;font-size: 13px;margin: 10px 0;}
.infolist{word-break: keep-all;}
.infolistCollapse{text-align:center;border-top:1px solid #e4e4e4;padding:10px 0;cursor:pointer;}
.infolistCollapse span{color:#a0a0a0;}

.innersearchpan {background: #f7f7f7;border: 1px solid #d2d2d2;margin-top: 10px;margin-bottom: 20px;padding-left: 15px;
	padding-right: 15px;padding-top: 15px;padding-bottom: 15px;position: relative;height:70px;}

.innersearchpan .smcstylegroup {padding: 0; position: relative;}

.searchcombo1{display:inline-block;width: 40%;float: left;}
.searchcombo2{display:inline-block;}
.searchcombo3{display:inline-block;width: 100%;float: left;}

.sublist_body table tr th,.sublist_body table tr td{vertical-align:middle}
.sublist_body .drsubject{text-align:left}
.sublist_body .num_txt{font-size: 13px;color: #787878;}
.sublist_body .mainText{font-size: 15px;text-align: left;}
.sublist_body .smainText{font-size: 15px;text-align: left;font-weight: bold;}
.sublist_body .subText{color: #787878;font-size: 14px;}
.sublist_body .secret{font-size: 13px;}
.sublist_body .name{font-size: 15px;}
.sublist_body .syear{font-size: 15px;font-weight: bold;}
.sublist_body .year{font-size: 15px;}
.sublist_body .rewrite{font-size: 13px;;color: #4862ae}
.sublist_body .drdate{font-size: 13px;color: #787878;}
.sublist_body .dring01{color: #686868;}
.sublist_body .dring02{color: #6899c8;}
.sublist_body .dring03{color: #dc5f5f;}
.sublist_body .dring{font-size: 13px;}
.sublist_body .secret,.sublist_body .drdate,.sublist_body .dring{min-width:80px;}
.btnwrite{color:#666666;font-size:14px;font-weight:bold; background:#fff;border:1px solid #c2c2c2;padding: 5px 20px;}
.smcselect {position: relative;}
.btn.btn-flat.btn-sadd {background: #798ca6;color: #fff !important;padding: 8px 10px 7px 10px;vertical-align: top;}
.smcstylegroup input {border: 1px solid #c7c7c7;height: 35px;padding: 0 10px;display: inline-block;vertical-align: top;}
.sublist_body table {text-align: center;border-collapse: collapse;}
.sublist_body table, .directrequest table, .subnamelist_body table {table-layout: fixed;}
.sublist_body table tr th {
	color: #333333;
	font-size: 16px;
	font-weight: bold;
	text-align: center !important;
	border-collapse: collapse;
	padding: 20px 10px;
	border-top: 2px solid #7a7a7a !important;
	background: #f7f7f7;
	border-bottom: 0;
	}
.sublist_body .num {color: #787878;vertical-align: middle;width: 5%;}
.sublist_body table tr td {
	color: #333333;
	font-size: 17px;
	text-align: center;
	border-collapse: collapse;
	padding: 15px 12px;
	border-top: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
	}


/* citizen141 */
.answerBox {padding-top:15px;padding-bottom: 20px;}
.answerBox .answerHead{background: #727272;padding:15px}
.answerBox .answerbody{border-left:1px solid #e8e8e8;border-right:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;padding:20px 15px;color:#333333;font-size:15px;
    word-break:keep-all;line-height:1.8em}
.answerBox h4{color:#fff;font-weight:bold;font-size:15px;}
.answerinfolabel{font-size:13px;color:#fff;background: url(../images/main/sub/citizen/w_dot.png) left 7px no-repeat;    padding-left: 7px;} 
.answerinfoDate,.answerinfopart{font-size:13px;color:#fff;font-weight:normal;}
.rpager {position: relative;}
.rpager .gpager .pagination {margin-top:10px;margin-bottom:0;float: left;width: -webkit-fill-available;text-align: center;} 
.rpager .gpager .pagination > li{display:inline-block}
.writebtnLayer {width: 100%;float: left;text-align: right;}
.ViewBoxHead {border-top: 2px solid #7a7a7a;color: #333333;font-size: 15px;font-weight: bold;background: #f7f7f7;padding: 15px;}
.ViewBoxHead01{border-top: 1px solid #e4e4e4;color: #333333;font-size: 15px;font-weight: bold;background: #f7f7f7;padding: 15px;}
.ViewBoxList {color: #555555;font-size: 13px;padding: 15px;border-top: 1px solid #e4e4e4;}
.ViewBoxList .rdlabel, .ViewBoxList .qclabel, .ViewBoxList .atlabel, .ViewBoxList .rglabel {
	font-weight: bold;background: url(../images/main/sub/dot02.png) left 7px no-repeat;padding-left: 7px;}
.ViewBoxList .attachfile {background: url(../images/main/addicon.png) left 2px no-repeat;padding-left: 18px;display: inline-block;margin-right: 10px;}
.ViewBoxList .qclabel {margin-left: 20px;}
.ViewBoxList button.btn {font-size:12px!important; background:#565656; padding:3px 7px; color:#fff; font-weight:bold;}
.ViewBoxsHead {color: #486a8f;font-size: 13px;font-weight: bold;padding-right: 15px}
.ViewBoxContent{font-size:15px;color: #333;padding:15px 15px 5px 15px;line-height: 1.8em;border-bottom: 1px solid #e4e4e4;}
.ViewBoxHtext{font-size: 15px;color:#486a8f;font-weight: bold;background: url(../images/main/sub/dot02.png) left 12px no-repeat;padding-left: 10px;}

.searchpan {height: 70px;padding-top: 15px;background: #f7f7f7;border: 1px solid #d2d2d2;margin-bottom: 20px;}
.selectscnt {padding: 0 0 0 0;}
.selectcate.smcstylegroup {padding-left: 125px;padding-right: 46px; position: relative;}
.selectcate.smcstylegroup .smcstyleselect {position: absolute;left: 0;}
.selectcate.smcstylegroup input {width: 100%;}
.smcstylegroup input {border: 1px solid #c7c7c7;height: 35px;padding: 0 10px;display: inline-block;vertical-align: top;}
.selectcate.smcstylegroup .btn-sadd.btn-flat.btn {position: absolute;right: 0;bottom: 0;}
.btn.btn-flat.btn-sadd {background: #798ca6;color: #fff !important;padding: 8px 10px 7px 10px;vertical-align: top;}
.sublist_body {clear: both;}
.table-responsive {border: 0;}

.sublist_body table {text-align: center;border-collapse: collapse;border-top: 2px solid #7a7a7a;}
.sublist_body table, .directrequest table, .subnamelist_body table {table-layout: fixed;}
.sublist_body .num {}
.sublist_body .numing {color: #6899c8;font-size: 13px;vertical-align: middle;}
.sublist_body .numend {color: #686868;font-size: 13px;vertical-align: middle;}
.sublist_body .hnum{color: #333333;font-size: 13px;vertical-align: middle;font-weight: bold;}
.sublist_body .name{color: #333333;font-size: 15px;vertical-align: middle;}
.sublist_body table tr td {
    color: #333333;
    font-size: 17px;
    text-align: center;
    border-collapse: collapse;
    padding: 15px 12px;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    }
.sublist_body table tr th {
    color: #333333;
    font-size: 16px;
    font-weight: bold;
    text-align: center !important;
    border-collapse: collapse;
    padding: 20px 10px;
    border-top: 2px solid #7a7a7a !important;
    background: #f7f7f7;
    border-bottom: 0;
}
.subnamelist_content {text-align: left !important;}
.hsubnamelist_content{font-weight:bold;text-align: left !important;}

.managewordlist{padding-top: 10px}
.wordlistRow {border-top: 1px solid #959595;}
.wordlistRow.off {border-top: 1px solid #e4e4e4;}
.wordListcontent {clear: both;padding-left: 15px;padding-right: 15px;padding-bottom: 15px;}
.wltitle {background: url(../images/main/icon_content01.png) no-repeat left;padding-left: 20px;color: #333;font-size: 15px;font-weight: bold;}
.wltitle1 {background: url(../images/main/sub/dot03.png) no-repeat left top 8px; padding-right: 15px; padding-right: 20px;color: #333;font-size: 15px;}
.wltitle2 {background: url(../images/main/sub/publish/dot03.png) no-repeat left top 8px;padding-left: 15px; font-size: 15px;text-align: left;font-weight: bold;}


.siwordlistheader {border-bottom: 0;padding-top: 15px;padding-left: 10px;}
.word_updown {cursor: pointer;padding-right: 15px;padding-top: 5px;}
.formtext {background: url(../images/main/sub/publish/dot03.png) no-repeat left top 8px;padding-left: 15px;margin: 5px 15px 0 20px;font-size: 15px;
    text-align: left;color: #333}
.ritext {color: #333;font-size: 15px;margin-left: 10px;padding-top: 5px;line-height: 1.8em; padding-bottom: 10px;}
.rititle01 {background: url(../images/main/sub/publish/bl.png) no-repeat left;padding-left: 20px;color: #4c979b;font-size: 15px;font-weight: bold;
    margin-left: 10px;}
.ritext01 {color: #333;font-size: 15px;padding-left: 25px;line-height: 1.8em;padding-bottom: 5px;}
.citiconbox{padding-bottom: 10px}
.cifciticonbox01{padding-top: 5px}

.galleryCol {text-align: center;cursor: pointer; margin-top: 20px;}
.galleryTitle {position: relative;display: table;margin: 0 auto 5px;}
.gallerySubject {color: #333333;font-size: 15px;display: inline-block;vertical-align: middle;}

.ViewBoxHead {border-top: 2px solid #7a7a7a;color: #333333;font-size: 15px;font-weight: bold;background: #f7f7f7;padding: 15px;}
.ViewBoxList {color: #555555;font-size: 13px;}
.ViewBoxList {padding: 15px;border-top: 1px solid #e4e4e4;}
.ViewBoxList .rdlabel, .ViewBoxList .qclabel, .ViewBoxList .atlabel, .ViewBoxList .rglabel {font-weight: bold;background: url(../images/main/dot02.png) left 8px no-repeat;
    padding-left: 7px;}
.ViewBoxList .qclabel {margin-left: 20px;}
.ViewBoxList .attachfile {background: url(../images/main/addicon.png) left 2px no-repeat;padding-left: 18px;display: inline-block;margin-right: 10px;}
.ViewBoxList:last-child {border-bottom: 1px solid #e4e4e4;padding: 20px 15px;margin-bottom: 20px;}
.ViewBoxContent {color: #333333;font-size: 15px;word-break: keep-all;}
.infodistinct01 {color: #bd1801;font-size: 14px;font-weight: bold;}

.BoardtitleQ {padding-left: 5px;color: #6b7eb0;font-size: 19px;font-weight: bold;}
.Boardtitle {color: #6b7eb0;font-size: 15px;font-weight: bold;}
.Qwordlistheader {border-bottom: 0;padding-top: 10px;padding-left: 10px;}
.answertext {color: #333;font-size: 15px;margin-left: 10px;padding-top: 5px;line-height: 1.6em; }

.tablehelp {font-size: 13px;color: #333;margin-top: 10px;}
.infoCol1 {width: 168px;}
.mycontentbody table {border-top: 2px solid #7a7a7a;table-layout: fixed;}
.table {width: 100%;max-width: 100%;margin-bottom: 20px;}
.mycontentbody table tr {border-bottom: 1px solid #e4e4e4;min-height: 46px;}
.infolabel {font-size: 14px;font-weight: bold;text-align: center;max-width: 168px;background: #f7f7f7;min-width: 120px;}
.mycontentbody table tr td {vertical-align: middle;border-top: 0;padding: 1% 2%;}
.board_title{width:100% !important;float:left;}
                          .board_use1{float:left;width: auto;margin-right: 11px;}
                          .board_use1 input{float: left;width: 20px !important;margin-top: 3%;height: 20px;}
                          .board_use1 span{margin-top: 5px;font-size: 14px;float: left;font-weight: bold;margin-left: 6px;line-height: 14px;}
                          .board_use2{float: left; width: auto;margin-right: 11px;}
                          .board_use2 input:nth-child(1){float: left;width: 20px;margin-top: 2px;height: 20px;}
                          .board_use2 .board_name_input{float: left;width: 200px;padding: 8px 8px;}
                          .board_use2 span{margin-top: 5px;font-size: 14px;float: left;font-weight: bold;margin-left: 6px;line-height: 14px;margin-right: 17px;}
.musthave {color: #bd1801;}
.multiline-input-group {margin: 3px 0;}
.form-inline .form-control {display: inline-block;width: auto;vertical-align: middle; padding: 1% 1%;}
.mycontentbody select, .mycontentbody input {border: 1px solid #d8d8d8;border-radius: 0;font-size: 13px;color: #666666;display: inline-block;width: 100%;padding: 1% 0;}
.attachbox {clear: both;padding: 10px 0px;width: 100%;float: left;}
.attachbox #fileopen{width: 100%;float: left;}
#btn-fileadd{    display: block;float: left;margin-top: 2%;border: none;background: #ff0000;color: #fff;padding: 1% 3%;}
.btn-fileopen {position: relative;overflow: hidden;background: #fff;color: #666666;border: 1px solid #c2c2c2;font-size: 12px;border-radius: 4px;
   padding: 5px 8px 5px;}
.btn-fileopen input[type="file"] {position: absolute;top: 0;right: 0;min-width: 100%;min-height: 100%;text-align: right;
    filter: alpha(opacity=0);opacity: 0;background: white;cursor: inherit;display: block;}
.buttonlayer {text-align: right;margin-bottom: 60px;}
.buttonlayer .btn {margin-left: 10px;margin-top: 10px;}
.attachtext{color:#666666;font-size: 12px}
.attachtext.point{color:#bd1801;}
.attachfiledel{color:#666666;font-size: 12px}
.tablehelp01{font-size: 13px;color: #333;margin-bottom: 10px;text-align: right;}

.citizenbodyinfo{background-color: #fefae9;margin-bottom: 20px;margin-top: 10px;}
.citiheadtext{font-size: 23px;color: #555;font-weight: bold;padding-bottom: 20px}
.citiheadptext{color: #ff5100;}
.citisubtext{font-size: 15px;color: #555;line-height: 1.8em}
.citisubptext{font-weight: bold;color: #ff5100;}
.citisubhtext{font-weight: bold;font-size: 17px}
.citiconbox01{padding-bottom: 20px}
.sub_img01_QR{float: right;margin: 0px 0px 0px 10px;}
.cipointtext{background: url(../images/main/sub/publish/box01.png) 15px 13px no-repeat; border: 1px solid #e4e4e4;background-color: #f9f9f9;font-size: 14px;color: #555;
    padding: 7px 5px 8px 40px;margin-left: 30px} 
.formtextr{color: #d65b5b}
.combutton03 {background-color:#fff;font-size: 12px;padding: 4px 5px 4px 5px;margin-left: 10px;border: 1px solid #c2c2c2;border-radius: 3px; display:inline-block;} 
.combutton03 a {text-decoration:none; } 
.combutton04 {background-color:#fff;font-size: 13px;padding: 5px 7px 5px 7px;margin-left: 10px;border: 1px solid #c2c2c2;border-radius: 3px; display:inline-block;} 
.combutton04 a {text-decoration:none; }
.combutton05 {background-color:#646dc5;font-size: 12px;padding: 4px 5px 4px 5px;margin-left: 10px;border: 1px solid #c2c2c2;border-radius: 3px; display:inline-block;color:#fff;} 
.combutton05 a {text-decoration:none; } 
.rititle01box{padding-bottom: 10px; padding-top: 10px}

.cmemberrow01 {padding-bottom: 20px;margin-left: -15px;margin-right: -15px;}
.cmembertable {width: 100%;padding-top: 10px;}
.cmembertable tr th {color: #333;text-align: center;font-size: 14px;background: #f7f7f7;vertical-align: middle !important;}
.cmembersname {background: #f7f7f7;border-right: 1px solid #e4e4e4;width: 25%;font-size: 14px;text-align: center;border-bottom: 1px solid #e4e4e4;border-top: 1px solid #e4e4e4;
    color: #333;font-weight: bold;}
.cmembersarea {width: 75%;font-size: 15px;padding: 10px 0 10px 20px;text-align: left;border-bottom: 1px solid #e4e4e4;border-top: 1px solid #e4e4e4;
    color: #333; }
.sub_img02{padding-left: 35px;border:1px ;}


@media all and (max-width:991px){
	#mobileCollapse{display:none;}
    .smcstylegroup {padding: 5px 10px 0px 0px;position: relative;}
	.rpager {padding:0 15px; } 
	
}	
@media all and (max-width:767px){
	.infolist {padding: 10px;}
    .searchcombo1{float: left;margin-right:20px;width: 100%;}
	.searchcombo3 {position: relative;display: block;margin-top: 3%;width: 100%;}
	.searchcombo2 {right: 0;left:218px;}
	.innersearchpan {padding-bottom: 15px;height: 173px;width: 100%;float: left;margin: 0;}
    .answerBox h4{border-bottom:1px solid #fff;padding-bottom: 10px;}
    .answerDate,.answerPart{margin:5px 0;}	
    .sublist_body table .drsubject {max-width: 300px;}
    .drtable{margin-bottom:20px !important}
    .rpager .gpager .pagination{margin-bottom:20px;}
    .rpager .pageinfo{margin-bottom:30px}
    .writebtnLayer {top: 73px;width: 100%;float: right;} 
	.writebtnLayer .btnwrite {
    color: #666666;
    font-size: 14px;
    font-weight: bold;
    background: #fff;
    border: 1px solid #c2c2c2;
    padding: 15px 20px;
    width: 100%;
    float: left;
}
    #searchText{width: 120px;}
    .sub_img01_QR {margin: 0px auto;text-align: center;float: none;padding-top: 20px;padding-bottom: 20px}
	.sub_img02{margin: 0px auto;text-align: center;float: none;padding-top: 20px;padding-bottom: 20px;height:124px;} 
	.sub_img02 img {margin:0 auto;} 
    .cipointtext {background: url(../images/main/sub/publish/box01.png) no-repeat 7px top 10px;padding: 7px 15px 8px 33px;margin:0 30px;} 
    .citizenbodyinfo {padding:25px 15px 25px 15px}
    .ritext {margin-left: 15px;margin-right: 15px;}
	.searchpan { height: 115px;}
	.lcdate {display:none;} 
	.citiheadtext {font-size:19px; padding:0 0 10px 0;} 
	.citisubtext {font-size:15px; line-height:1.6em;}
	.innersearchpan .smcstylegroup {clear:both;padding-top:5px;}
}	
@media all and (min-width:768px){
	.infolist {background: url('../images/main/sub/citizen/subimage01.png') 30px center no-repeat;padding: 20px 20px 0 168px;}
    .infolist01 {background: url('../images/main/sub/citizen/subimage02.png') 30px center no-repeat;padding: 20px 20px 10px 168px;}
    .infolist02 {background: url('../images/main/sub/citizen/subimage03.png') 30px center no-repeat;padding: 40px 20px 40px 168px;}
    .infolist03 {background: url('../images/main/sub/citizen/subimage04.png') 30px center no-repeat;padding: 40px 20px 40px 168px;} 
    .infolist04 {background: url('../images/subimage_icon.gif') 30px center no-repeat;padding: 20px 20px 10px 168px;}  
    .infolist05 {background: url('../images/main/sub/citizen/subimage06.png') 30px center no-repeat;padding: 40px 20px 40px 150px;}
    .infolist06 {background: url('../images/main/sub/citizen/subimage07.png') 30px center no-repeat;padding: 40px 20px 40px 168px;}   
    .citilist01 {background: url('../images/main/sub/citizen/visual_image01.png') right bottom no-repeat;padding:40px 275px 50px 40px;margin-right: 20px;} 
    .citilist02 {background: url('../images/main/sub/citizen/visual_image03.png') right bottom no-repeat;padding:40px 370px 50px 40px;margin-right: 20px;} 

    #mobileCollapse{display:block !important;}
    .answerBox h4{display:inline-block;margin: 0;}
    .answerinfo{display:inline-block;float: right;}
    .answerDate,.answerPart{display:inline-block;}    
    .answerDate{margin-right:20px}
    .sublist_body table .drsubject {max-width: 400px;}
    .writebtnLayer {top:60px;} 
    .combolayer{} 
    .ritext {margin-left: 15px}
	

}	
@media all and (min-width:992px){
    .sublist_body table .drsubject {max-width: 500px;}
    .combolayer{}    
    .searchcombo1 {float:left;width: 30%;}
}
@media all and (max-width:382px){
    .smcstylegroup input{width: 92%;height: 40px !important;margin-bottom: 3%;}
}

#fileopen input {float:left;height:30px;margin: 0 0px 0 0;padding: 1% 2%;width: 95%;}
.btn-fileopen.att {float:left; margin:0 8px 0 0;}
#volume {padding:5px 0 0 0;width: 100%;float: left;margin-top: 2%;}

.photoviewTitle {font-size: 17px;font-weight: bold;color: #333;padding-top: 20px;}
.btn_slide{float: right;margin-bottom: 20px}
.photolayer .photoRow {border-bottom: 1px solid #e4e4e4;margin-bottom: 20px;}
/* citizen 33 */
.photoBoardBox{text-align:center}
.photoImage{max-width:204px;margin:0 auto}
.photoImage img{width:100%;}
.photodown{dispaly:block;width:100%;padding:10px 0;text-align:center;}
.btn-photodown{border: 1px solid #e4e4e4;background:#fff }
.photoviewhead{margin-left:0;margin-right:0}
.writelink{padding:5px 15px;text-align:right;}
.btn-list{border: 1px solid #e4e4e4;background:#fff }
@media all and (max-width:991px){
	#mobileCollapse{display:none;}
    .smcstylegroup {padding:5px 10px 0px 0px;position: relative;}
    .buttonlayer {padding-right:15px;}
    .photoviewhead{padding-left:15px;padding-right:15px}
    .photoRow{margin-left:0;margin-right:0}
	.searchpan {margin-left:15px; margin-right:15px;} 
	.listlinkhead {padding:0 15px; } 
	.infolist01 {padding:15px;} 
	.infolist02 {padding:15px;} 
	.infolist03 {padding:15px;} 
	.infolist04 {padding: 20px 20px 10px 168px;background: url('../images/subimage_icon.gif') 30px center no-repeat;}
	.infolist05 {padding:15px;} 
	.infolist06 {padding:15px;} 
	.citilist01 {padding:15px;} 
	.citilist02 {padding:15px;} 
	
	.infoCol1 {width:108px;}
}	
@media all and (max-width:400px){
	.infolist04 {background:none;padding:10px 10px 0 10px;}
	
}
.img-center-Box{margin:10px auto;}
.buttonlayer button.btn-cancel {color:#666666;font-size:14px; background:#fff;border:1px solid #c2c2c2;padding: 5px 20px;} 
.buttonlayer button.btn-primary {color:#ffffff;font-size:14px;background:#4e97d6;border:1px solid #4e97d6;padding: 5px 20px;} 
.buttonlayer button.btn-gray {color:#fff;font-size:14px; background:#666;border:1px solid #c2c2c2;padding: 5px 20px;}

/* fullScreen modal Slide */
#photoSlideModal{z-index:8000;}
#photoSlideModal .btn_view_close,#photoSlideModal .btn_view_close:hover {
background: url('../images/main/pslide/sclose_btn.png') no-repeat left top;padding: 10px;}
#photoSlideModal .modal-header{background:#3d3d43;border:0;position:fixed;top:0;width:100%;z-index:10;}
#photoSlideModal .modal-content{background:#262628}
#photoSlideModal .modal-content .modal-body{margin:0 auto;padding:0;background:#262628}
#photoSlideModal .modal-title{color:#fff;font-size:17px;font-weight:bold}
#photoSlideModal .modal-footer{background:#3d3d43;text-align:left;border:0}
#photoSlideModal .slidetitle{color:#fff;font-size:15px;font-weight:bold;}
#photoSlideModal .slideinfo{color:#999999;font-size:14px;display:inline-block;}
#photoSlideModal .slidecpage{color:#e06959;font-size:13px}
#photoSlideModal .slidespage{color:#999999;font-size:13px}
#photoSlideModal .carousel-slide-control {position: absolute;top: 45%;bottom: 0px;left: 0px;font-size: 20px;color: #fff;text-align: center;}
#photoSlideModal .right.carousel-slide-control {right: 0px;left: auto;}
.titleData,.nameData,.dateData,.cpageData,.spageData{display:none;}

/*board_tab*/
.board_tabmenu_box ul{padding:0;}
.board_tabmenu {display: table;width: 100%;padding:0;}
.board_tabmenu li {display: table-cell; width: 1%; height: 52px; text-align: center; vertical-align: middle;background-color: #fff; border:1px solid #ccc;background: #f7f7f7;border-right:none;}
.board_tabmenu li:last-child {border-right:1px solid #ccc;}
.board_tabmenu li.on {color: #fff; background-color: #d15c56; border: 1px solid #d15c56;}

/* 게시판 댓글 */
.comment-wrap { margin-top: 50px; border-bottom: 1px solid #1c75c5; }
.comment-wrap .current { padding-bottom: 10px; border-bottom: 1px solid #1c75c5; }
.comment-wrap .current .current-num { color: #d81a43; font-style: normal; }
.comment-input .input-area { padding: 20px; background-color: #f5f5f5;}
.comment-input .input-area textarea { width: 80%; height: 75px; padding: 3px 5px; resize: none; }
.comment-input .input-area .btn-register { width: 130px; height: 75px; margin-left: 5px; padding: 25px 20px 27px; }
.comment-list .list { padding: 15px 20px 15px; border-top: 1px solid #ddd; }
.comment-list .list > div { margin-top: 15px; }
.comment-list .list > div:first-child { margin-top: 0; }
.comment-list .info > span { margin-left: 20px; }
.comment-list .info > span:first-child { margin-left: 0; }
.comment-list .info .btn-wrap .btn { min-width: 35px; padding: 0 5px; font-size: 13px; }
.comment-list .comment-user-id { font-weight: 700; }
.comment-list .comment-rgst-ymd { font-size: 11px;}
.comment-list .comment-rgst-hm { font-size: 11px; margin-left: 3px}
.comment-list .list .text-modify .input-area textarea { width: 78%; }
.comment-list .btn-toggle { display: inline-block; position: relative; padding: 5px 15px 6px 30px; border: 1px solid #1c75c5; border-radius: 4px; background: url(../images/creative/icon-comment.png) no-repeat 5px center; color: #1c75c5; font-size: 13px; }

@media screen and (max-width: 767px) {
	.comment-input .current { font-size: 13px; }
    .comment-input .input-area { margin-top: 5px; }
    .comment-input .input-area textarea { width: 100%; }
    .comment-input .input-area .btn-register { width: 100%; height: auto; margin-top: 5px; margin-left: 0; padding: 3px 20px 5px; font-size: 13px; }
    .comment-list .list { padding: 10px; }
    .comment-list .list > div { margin-top: 10px; }
    .comment-list .info > span { margin-left: 10px; font-size: 13px; }
    .comment-list .info .btn-wrap { display: block; margin-left: 0; }
    .comment-list .text { font-size: 13px; }
    .comment-list .btn-toggle { padding: 2px 15px 2px 28px; font-size: 12px; }
    .comment-list .btn-toggle:after { top: 8px; }
    .comment-list .btn-toggle.active:after { top: 3px; }
    .comment-list .list .text-modify .input-area textarea { width: 100%; }
}


.comment-list .btn.blue-line,
.comment-input .btn.blue-line{
    background-color: #fff;
    color: #1c75c5;
    border: 1px solid #1c75c5;
}