@charset "utf-8";
/* 게시판 VIEW 공통 CSS */
/*뷰 테이블
-----------------------------------------------------------------------------*/
/*포토게시판 목록*/
.photo_list{overflow:hidden; text-align:center;  width:99%; padding:4% 0.5% 0 0.5%;  border-bottom:2px solid #dcdcdc;}
.photo_list ul{list-style:none; margin:0; padding:0; text-align:center;}
.photo_list li{float:left; list-style:none; margin:0; padding:0 0 0 0; width:210px; height:330px;}
.photo_list .th_img {display:table-cell; width:210px; height:250px; cursor:pointer; border:1px solid #ebebeb; padding:10px 0px 10px 0px; margin-bottom:5px; vertical-align:middle;}

.photo_list .th_a a {font-size:0.85rem;}
.photo_list li a {font-size:0.85rem;}

.th_tit{display:block; overflow:hidden; padding-top:5px; text-align:center; height:20px; }
.th_name{display:block; overflow:hidden; letter-spacing:-1px; text-align:center; height:20px; color:#666}

.photo_list .th_lst{display:inline; margin:0px;}
.th_lst A:link {text-decoration:none; color:#333333;}
.th_lst A:visited {text-decoration:none; color:#333333;}
.th_lst A:active {text-decoration:underline; color:#000;}
.th_lst A:hover {text-decoration:underline; color:#000;}

.photo_list .th_lst li{display:inline; margin:0 10px 0 22px;/*이미지양쪽여백*/}
.photo_list .th_lst li_last{display:inline;margin:0px}
.photo_list .th_lst_last{display:inline;margin:0px;}

.th_day{display:block;font-family:'돋움',dotum;font-size:11px; color:#999;}
.th_blank{display:block; height:15px;}

.photo_blank {clear:both; width:100%; height:15px;}
.photo_list_dot {clear:both; width:100%; height:15px; border-bottom:#CCC dashed 1px; margin:0 0 15px 0; }

.view_type{width:100%; border-top:2px solid #878787; border-bottom:0px solid #dcdcdc; font-size:12px;text-align:center}
.view_type caption{display:none}
.view_type th{padding:8px 0 5px 10px;height:20px;background-color:#f8f8f8;color:#3c3c3c;font-size:12px;font-weight:bold; text-align:left; border-bottom:1px solid #e5e5e5;}
.view_type td{padding:5px 0 5px 10px;border-bottom:1px solid #e5e5e5;color:#4c4c4c; font-size:12px;text-align:left;}
/*.view_type .top_line{border-bottom:2px solid #878787;border-top:0px solid #fff; background:#FFFFFF}*/
.view_type .title{text-align:left;}
.view_type .contents{text-align:left; padding:25px 0 15px 5px;line-height:18px;font-size:12px;}
.view_type a{color:#383838;text-decoration:none}
.view_type .pic,.view_type .title .new{margin:0 0 2px;vertical-align:middle}
.view_type .num,.view_type .date,.view_type .hit{padding:0;font-size:11px;line-height:normal}

/*작성자정보*/
.lst_type_info {width:100%; padding:10px 0 0 0;list-style:none}
.lst_type_info ul{padding:0;list-style:none; margin:0;}
.lst_type_info li{list-style:none; font-size:11px;font-weight:normal;vertical-align:top; color:#a1a1a1;}
.lst_type_info li.name{width:40%; float:left; text-align:left;font-size:12px; padding:3px 3px 3px 3px;}
.lst_type_info li.info{width:50%; float:right; text-align:right;  padding:5px 10px 3px 10px;}


/*다운항목*/
.lst_type{width:100%; padding:5px 0 0 0;border:0px solid #fff;list-style:none}
.lst_type ul{padding:0 0 0 5px;list-style:none; margin:0;}
.lst_type li{margin-bottom:5px;font-size:11px;font-weight:normal;line-height:130%;vertical-align:top; color:#a1a1a1; padding:0px 0 3px 0;}
.lst_type li.veiw_down{ background:url(/_css/v1/img/ico_file.gif); background-repeat:no-repeat; padding-left:15px;}
.lst_type li.veiw_link{ background:url(/_css/v1/img/ico_link.gif); background-repeat:no-repeat; padding-left:25px;}
.lst_type li img{margin-top:-2px;vertical-align:middle}
.lst_type li a{color:#4599e0;text-decoration:none}
.lst_type li a:hover{text-decoration:underline}

/*코멘트타이틀*/
.comment_tit{float:left; width:100%; height:1rem;  margin:0; padding:0px 0 5px 0; border-bottom:2px solid #878787;}
.comment_tit h2{text-align:left; font-size:15px;font-weight:bold;color:#333333; }
.comment_tit span{color:#ff3300; font-style:normal; font-size:12px;}

/*코멘트박스1*/
.comment_cont{float:left; width:100%; text-align:left; border-bottom:dashed 1px #adadad;background:#f7f7f7; padding:15px 0px 10px 0px;}
.comment_cont ul{list-style:none; margin:0; padding:0;}
.comment_cont li{list-style:none; margin:0; padding:0;}

/*코멘트내용*/
.comment_type_info{width:100%;list-style:none; padding:0 10px 0 10px;}
.comment_type_info li{margin-bottom:10px;font-size:11px;font-weight:normal;vertical-align:top; color:#a1a1a1; }
.comment_type_info li.name{float:left; font-size:12px;  padding:0px 0 3px 10px;}
.comment_type_info li.info{float:right; text-align:right; padding-right:15px; text-align:right;}
.comment_type_info li.comen_cont{width:95%;float:left;font-size:12px;color:#424242; padding-left:10px;}
.comment_type_info li.comen_cont_re{width:95%;float:left;font-size:12px;color:#424242; padding:0 5px 0 15px;}

/*코멘트박스*/
.comment_box{
	float:left; 
	width:99.5%; 
	border:1px solid #dcdcdc;
	font-size:12px;
	font-weight:normal;
	color:#333333;
	background:#f7f7f7;
	padding:10px; 
	border-radius:10px;
	-moz-border-radius: 10px; /*모질라*/ 
	-webkit-border-radius: 10px; /*웹킷*//*IE9+,FF4+,chrome,Safari5,+opera*/
	margin-bottom:30px;
}

.comment_box_p{padding:0 10px; }
.comm_ct {width:100%; text-align:left;}
.comm_ct ul{list-style:none; margin:0; padding:0;}
.comm_ct ul::before,.comm_ct ul::after{content:'';clear:both;display:table;margin-bottom:5px;}
.comm_ct li{list-style:none; margin:0; padding:0;}
.comm_ct li.cont_tit{float:left; width:20%; height:17px; font-weight:bold; padding:3px 0 0 0px; font-size:13px;}
.comm_ct li.cont_tit2{float:right; width:60%; text-align:right; padding-bottom:3px;}
.comm_ct li.comencnt{float:left; width:calc(100% - 110px); text-align:left; padding:0;}
.comm_ct li.comencnt_btn{float:right; text-align:right; padding:0;max-width:100px;width:100%;height:80px;}
.comm_ct li.comencnt_btn .btn {width:100%;height:100%;border-radius:5px;}

.comencnt textarea{width:100%;border:1px solid #ddd;max-height:80px;}

.view_title{font-size:1.1rem;}
.webnote {font-size:1rem; box-sizing:border-box;padding:1rem;}

.comm_ct li.cont_tit h4{color:#666;}


.newsletter_wrap{position:relative;overflow:hidden;max-width:800px;margin:0 auto;padding:0 50px;}
.newsletter {width:100%;max-width:700px;box-sizing:border-box;background:url(https://gef.or.kr/_img/newsletter/images/top_bg.jpg) repeat-x left top;font-size:14px;font-family:'맑은고딕',sans-serif;margin:0 auto;}	
._ns_subject{display:inline-block;vertical-align:middle;margin:10px 0;padding:0;font-size:20px;font-family:'맑은고딕',sans-serif;letter-spacing:-1px;}
._ns_subject::before{content:'';display:inline-block;width:18px;height:18px;background-repeat:no-repeat;background-size:contain;vertical-align:middle;margin-right:5px;}
._ns_subject.type1::before{background-image:url(https://gef.or.kr/_img/newsletter/images/bu_blue.gif);}
._ns_subject.type2::before{background-image:url(https://gef.or.kr/_img/newsletter/images/bu_ocean.gif);}
._ns_subject.type3::before{background-image:url(https://gef.or.kr/_img/newsletter/images/bu_green.gif);}
._ns_textarea{background: rgb(249, 249, 249); padding-right: 20px; vertical-align: top; border-top-color: rgb(204, 204, 204); border-top-width: 1px; border-top-style: dashed;}
._ns_textarea > div {padding: 15px; text-align: left; line-height: 20px; font-size: 14px; display: block; box-sizing: border-box;}
._ns_subject a {color:#666;letter-spacing:-1px;}
.block_img,.block_img > img {width:100%;height:auto !important;}
._ns_bu{list-style:none;margin:5px 0;padding:0;}
._ns_bu li {padding:4px 0;box-sizing:border-box;}
._ns_bu li a{display:inline-block;vertical-align:top;}
._ns_bu li::before{content:'';margin-right: 10px; vertical-align: top; display: inline-block; width:18px;height:18px;background-repeat:no-repeat;background-size:contain;background-image:url(https://gef.or.kr/_img/newsletter/images/bu_pink.gif);}
._ns_textbox{line-height:1.6em;}
._ns_bg_gray{padding:0;margin:0;width:100%;background:#f9f9f9;}
._ns_footer{box-sizing:border-box;padding:16px 0; text-align:center;border:1px solid #e6e6e6; border-width:1px 0;}
._ns_footer p {font-size:14px;color:#444;line-height:1.4em;margin:5px 0;text-align:center;}
._ns_etc{border:2px solid #fdd770;box-sizing:border-box; padding:8px 15px 15px 15px;margin-top:40px;}
._ns_foot_quick{font-size:0;}
._ns_foot_quick a {width:25%;display:inline-block;font-size:15px;}
._ns_foot_quick img {display:block;width:100%;margin:5px auto;}
._ns_sns_wrap {background:url(https://gef.or.kr/_img/newsletter/images/newsletter_bg.png) no-repeat center top;background-size:contain;height:150px;position:relative;}
._ns_sns_wrap h3{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
._ns_sns_wrap ._ns_sns_links {position:absolute;bottom:10px;right:10px;z-index:1;}
._ns_top_img{box-sizing:border-box;background-color:#fff;padding:10px;border:1px solid #ddd; border-radius:8px;overflow:hidden;margin:10px auto;}
._ns_top_img > img {display:block;border-radius:6px;}
._ns_quick_top{font-size:0;text-align:center;}
._ns_quick_top a{display:inline-block;width:33%;max-width:219px;}
._ns_header{position:relative;height:76px;background:url(https://gef.or.kr/_img/newsletter/images/top_bg.jpg) repeat-x left bottom;}
._ns_pubno{position:absolute;right:0;bottom:20px;}
._ns_section_wrap{clear:both;margin:25px auto;}
._ns_section_title{height:70px;margin-bottom:8px;}
._ns_section_title::after{content:'';height:3px;display:block;}
._ns_section_title._ns_color1::after{background-color:#94c8f0;}
._ns_section_title._ns_color2::after{background-color:#38d5b8;}
._ns_section_title._ns_color3::after{background-color:#fe9ece;}
._ns_section_title._ns_color4::after{background-color:#37de99;}
._ns_section_title img{max-width:170px;width:100%;display:block;}
._ns_td_bg{background:url(https://gef.or.kr/_img/newsletter/images/td_bg.jpg) no-repeat right bottom;background-color:#fafafa;padding:15px;}

@media (max-width:600px){
	.newsletter_wrap{box-sizing:border-box;padding:0;}
	._ns_foot_quick a {width:50%;}
	.newsletter{padding:0 15px;}
	._ns_section div > img{margin:0 auto;}
}

@media (max-width:400px){
	._ns_quick_top a {width:100%;margin:8px auto;}
	._ns_sns_wrap {height:130px;}
	._ns_sns_wrap h3 {transform:translate(-90%, -90%)}
	._ns_sns_wrap h3 > img {max-width:120px !important;}
	._ns_header{height:auto;padding-bottom:10px;}
	._ns_pubno{display:block;position:relative;bottom:5px;text-align:right;}
}
@media (max-width:360px){
	._ns_foot_quick a {width:100%;}
}