@charset "utf-8"; 
/* PIREE.CO.KR 피리 검은아이 */


.font_aaa { color:#aaa; }
.font_000 { color:#000; }
.font_222 { color:#222; }
.font_777 { color:#777; }
.font_999 { color:#999; }
.font_green { color:green; }
.font_ff0000 { color:#ff0000; }
.font_ff4444 { color:#ff4444; }
.font_0000ff { color:#0000ff; }
.font_4444ff { color:#4444ff; }
.font_oyoomo { color:#888; }


.font_area_title { color:#222; font-size:1.3em; font-weight:bold; line-height:2.4em; }


.str_bold { font-weight:bold; }


.str_4466ff_bold { color:#4466ff; font-weight:bold; }


a.btn_red_stress {padding:8px;border:0;background:#ff3061;color:#fff;letter-spacing:-0.1em;cursor:pointer}
button .btn_red_stress {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none}
fieldset .btn_red_stress {padding:0 7px;height:24px;line-height:1em}


/* 줄바꿈 */
.cl_bo { clear:both; }


/* 정렬 */
.fl_left  { float:left; }
.fl_right { float:right; }


/* 문자_정렬 */
.txt_al_left   { text-align:left; }
.txt_al_center { text-align:center; }
.txt_al_right  { text-align:right; }


/* 줄간격 */
.line_h_1_8 { line-height:1.8em; }
.line_h_2_0 { line-height:2.0em; }
.line_h_2_2 { line-height:2.2em; }
.line_h_2_4 { line-height:2.4em; }
.line_h_2_8 { line-height:2.8em; }


/* 공백_줄 */
.space_5px  { position: relative; clear:both; left:10px; width:20px; height:5px; }
.space_10px { position: relative; clear:both; left:10px; width:20px; height:10px; }
.space_20px { position: relative; clear:both; left:20px; width:20px; height:20px; }
.side_line  { position: relative; clear:both; left:10px; width:20px; height:1px; background:#ddd; }


.no_use { color:#888; text-align:center; }


/* 위에_줄 */
.top_line_01 {position:relative; margin:-10px 0 2px; padding:10px 20px; border-bottom:1px solid #e9e9e9; background:#e6ffff}
.top_line_01 .top_line_list {display:inline-block; margin:0 5px 0 0; padding:0 10px 0 0; border-right:1px solid #ccc}


/* 정렬 */
.td_center	{ text-align:center; }
.td_right		{ text-align:right; }


/* 내용_영역__양쪽_마진 */
.cont_area_out {margin:0 10px; padding:2px;}


/* 내용__틀 */
#page_cont_out	{ clear:both; margin:0 20px; }
#page_cont_out .cont_part_title	{ color:#222; font-size:1.2em; font-weight:bold; line-height:2.2em; }


/* 왼쪽 */
.td_left_5   {text-align:left; width:5px;}
.td_left_30  {text-align:left; width:30px;}
.td_left_40  {text-align:left; width:40px;}
.td_left_50  {text-align:left; width:50px;}
.td_left_60  {text-align:left; width:60px;}
.td_left_65  {text-align:left; width:65px;}
.td_left_70  {text-align:left; width:70px;}
.td_left_75  {text-align:left; width:75px;}
.td_left_80  {text-align:left; width:80px;}
.td_left_90  {text-align:left; width:90px;}
.td_left_100 {text-align:left; width:100px;}
.td_left_110 {text-align:left; width:110px;}
.td_left_115 {text-align:left; width:115px;}
.td_left_120 {text-align:left; width:120px;}
.td_left_138 {text-align:left; width:138px;}
.td_left_140 {text-align:left; width:140px;}
.td_left_145 {text-align:left; width:145px;}
.td_left_150 {text-align:left; width:150px;}
.td_left_160 {text-align:left; width:160px;}
.td_left_165 {text-align:left; width:165px;}
.td_left_170 {text-align:left; width:170px;}
.td_left_175 {text-align:left; width:175px;}
.td_left_180 {text-align:left; width:180px;}
.td_left_200 {text-align:left; width:200px;}
.td_left_220 {text-align:left; width:220px;}
.td_left_230 {text-align:left; width:230px;}
.td_left_240 {text-align:left; width:240px;}
.td_left_250 {text-align:left; width:250px;}
.td_left_300 {text-align:left; width:300px;}
.td_left_340 {text-align:left; width:340px;}
.td_left_430 {text-align:left; width:430px;}
.td_left_450 {text-align:left; width:450px;}
.td_left_460 {text-align:left; width:460px;}
.td_left_460 {text-align:left; width:460px;}
.td_left_520 {text-align:left; width:520px;}
.td_left_530 {text-align:left; width:530px;}
.td_left_570 {text-align:left; width:570px;}
.td_left_600 {text-align:left; width:600px;}
.td_left_620 {text-align:left; width:620px;}


/* 가운데 */
.td_center_5   {text-align:center; width:5px;}
.td_center_30  {text-align:center; width:30px;}
.td_center_40  {text-align:center; width:40px;}
.td_center_50  {text-align:center; width:50px;}
.td_center_60  {text-align:center; width:60px;}
.td_center_65  {text-align:center; width:65px;}
.td_center_70  {text-align:center; width:70px;}
.td_center_75  {text-align:center; width:75px;}
.td_center_80  {text-align:center; width:80px;}
.td_center_90  {text-align:center; width:90px;}
.td_center_100 {text-align:center; width:100px;}
.td_center_110 {text-align:center; width:110px;}
.td_center_115 {text-align:center; width:115px;}
.td_center_120 {text-align:center; width:120px;}
.td_center_138 {text-align:center; width:138px;}
.td_center_140 {text-align:center; width:140px;}
.td_center_145 {text-align:center; width:145px;}
.td_center_150 {text-align:center; width:150px;}
.td_center_160 {text-align:center; width:160px;}
.td_center_165 {text-align:center; width:165px;}
.td_center_170 {text-align:center; width:170px;}
.td_center_175 {text-align:center; width:175px;}
.td_center_180 {text-align:center; width:180px;}
.td_center_200 {text-align:center; width:200px;}
.td_center_220 {text-align:center; width:220px;}
.td_center_230 {text-align:center; width:230px;}
.td_center_240 {text-align:center; width:240px;}
.td_center_250 {text-align:center; width:250px;}
.td_center_300 {text-align:center; width:300px;}
.td_center_340 {text-align:center; width:340px;}
.td_center_430 {text-align:center; width:430px;}
.td_center_450 {text-align:center; width:450px;}
.td_center_460 {text-align:center; width:460px;}
.td_center_460 {text-align:center; width:460px;}
.td_center_520 {text-align:center; width:520px;}
.td_center_530 {text-align:center; width:530px;}
.td_center_570 {text-align:center; width:570px;}
.td_center_600 {text-align:center; width:600px;}
.td_center_620 {text-align:center; width:620px;}


/* 오른쪽 */
.td_right_5   {text-align:right; width:5px;}
.td_right_30  {text-align:right; width:30px;}
.td_right_40  {text-align:right; width:40px;}
.td_right_50  {text-align:right; width:50px;}
.td_right_60  {text-align:right; width:60px;}
.td_right_65  {text-align:right; width:65px;}
.td_right_70  {text-align:right; width:70px;}
.td_right_75  {text-align:right; width:75px;}
.td_right_80  {text-align:right; width:80px;}
.td_right_90  {text-align:right; width:90px;}
.td_right_100 {text-align:right; width:100px;}
.td_right_110 {text-align:right; width:110px;}
.td_right_115 {text-align:right; width:115px;}
.td_right_120 {text-align:right; width:120px;}
.td_right_138 {text-align:right; width:138px;}
.td_right_140 {text-align:right; width:140px;}
.td_right_145 {text-align:right; width:145px;}
.td_right_150 {text-align:right; width:150px;}
.td_right_160 {text-align:right; width:160px;}
.td_right_165 {text-align:right; width:165px;}
.td_right_170 {text-align:right; width:170px;}
.td_right_175 {text-align:right; width:175px;}
.td_right_180 {text-align:right; width:180px;}
.td_right_200 {text-align:right; width:200px;}
.td_right_220 {text-align:right; width:220px;}
.td_right_230 {text-align:right; width:230px;}
.td_right_240 {text-align:right; width:240px;}
.td_right_250 {text-align:right; width:250px;}
.td_right_300 {text-align:right; width:300px;}
.td_right_340 {text-align:right; width:340px;}
.td_right_430 {text-align:right; width:430px;}
.td_right_450 {text-align:right; width:450px;}
.td_right_460 {text-align:right; width:460px;}
.td_right_460 {text-align:right; width:460px;}
.td_right_520 {text-align:right; width:520px;}
.td_right_530 {text-align:right; width:530px;}
.td_right_570 {text-align:right; width:570px;}
.td_right_600 {text-align:right; width:600px;}
.td_right_620 {text-align:right; width:620px;}


/* 주요_가로_목록 */
.mobile_hor__list h2                		{ display:block; padding-left:7px; font-size:1.3em; color:#222; font-weight:bold; }
.mobile_hor__list ul               		  { position:relative; list-style:none; zoom:1; }
.mobile_hor__list ul:after         		  { display:block; visibility:hidden; clear:both; content:""; }
.mobile_hor__list a               		  { position:relative; display:inline-block; font-size:1.1em; padding:9px 0 12px 8px; background:#fff; color:#444; text-align:left; cursor:pointer; }
.mobile_hor__list li                		{ float:left; padding:10px 0; width:100%; height:auto; line-height:1.6em; border-bottom:1px solid #e0e0e0; }
.mobile_hor__list li a									{ position:relative; display:inline-block; font-size:1.1em; padding:6px 0 8px 0; background:#fff; color:#444; text-align:left; cursor:pointer; }
.mobile_hor__list a:focus           		{ text-decoration:none; }
.mobile_hor__list a:active          		{ text-decoration:none; }
.mobile_hor__list .mobile_hor__title_s	{ position:relative; font-size:1.2em; color:#222; font-weight:bold; border-bottom:1px solid #e0e0e0; line-height:2.2em; }
.mobile_hor__list .mobile_hor__list_on  { z-index:2; border:1px solid #565e60; background:#fff; color:#000; }
.mobile_hor__list .mobile_hor__list_emp { z-index:2; border:1px solid #93acca; background:#eef6ff; color:#0000ff; }
.mobile_hor__list .mobile_hor_choose		{ color:#1f60aa; }


/* 게시글_목록 */
#article_news h2 {width:0; height:0; font-size:0; line-height:0; overflow:hidden}
#article_news ul {padding-left:1px; zoom:1}
#article_news ul:after {display:block; border-top:2px solid #efefef; border-bottom:2px solid #efefef; visibility:hidden; clear:both; content:""}
#article_news li {clear:both; border-bottom:1px solid #efefef; width:100%; line-height:2.0em; padding:0; }
#article_news a {display:block; position:relative; margin-left:-1px; padding:0; background:#fff; color:#444; text-align:left; text-decoration:none; }
#article_news .wall_aaa     {color:#aaa; padding:0 8px 0 8px; }
#article_news .wr_nick #article_news .wr_datetime #article_news .wr_hit { color:#888; text-decoration:none; }
#article_news .span_aaa { color:#aaa; text-decoration:none; }
#article_news .wr_mem_mn_n     { color:#444; padding:0 0 0 10px; }
#article_news .wr_mem_mn_s     { color:#888; padding:0 0 0 4px; }
#article_news li .div_center_50  {float:left; width:50px; text-align:center}
#article_news li .div_left_40    {float:left; width:40px; padding:0 0 0 4px; }
#article_news li .div_left_50    {float:left; width:50px; padding:0 0 0 4px; }
#article_news li .div_left_60    {float:left; width:60px; }
#article_news li .div_left_70    {float:left; width:70px; }
#article_news li .div_left_80    {float:left; width:80px; }
#article_news li .div_left_90    {float:left; width:90px; }
#article_news li .div_left_100   {float:left; width:100px; }
#article_news li .div_left_110   {float:left; width:110px; }
#article_news li .div_left_140   {float:left; width:140px; }
#article_news li .div_left_cont  {float:left; width:auto; }
#article_news li .left_span {position:relative; display:inline-block; overflow:hidden; float:left; width:auto; top:-10px; left:5px; }
#article_news li .comm_span {position:relative; display:inline-block; overflow:hidden; float:right; width:auto; top:-30px; right:5px; }
#article_news li .arti_comm {display:inline-block; padding:2px 8px 2px 8px; font-size:11px; color:#00a213; text-align:center; border:2px solid #efefef; }
#article_news li .member_mn {display:inline-block; padding:2px 8px 2px 8px; font-size:1.2em; color:#2376ff; text-align:center; border:2px solid #aacaff; font-weight:bold; }
#article_news .article_news_choose { color:#00a213; }




/*
	//*******************************************************
	//** SAM_SOSS
	//*******************************************************
	// 피리 PIREE
	// 2015년 02월 05일 목요일 오전 01시 58분 - 날씨 추워
*/


/* 게시판 댓글 */
#piree_comment_view {margin:0 0 20px; padding:20px 10px 10px; border:1px solid #e5e8ec; background:#f5f8f9}
#piree_comment_view h2 {margin-bottom:5px}
#piree_comment_view article {padding:0 0 5px; border-top:1px dotted #ccc}
#piree_comment_view header {position:relative; padding:13px 0 5px}
#piree_comment_view header .icon_reply {position:absolute; top:13px; left:-20px}
#piree_comment_view .sv_member, #piree_comment_view .sv_guest {font-weight:bold}
.piree_comment_view_hdinfo {display:inline-block; margin:0 10px 0 5px}
#piree_comment_view h1 {width:0; height:0; font-size:0; line-height:0; overflow:hidden}
#piree_comment_view a {color:#000; text-decoration:none}
#piree_comment_view p {padding:0 0 5px; line-height:1.8em}
#piree_comment_view p a {text-decoration:underline}
#piree_comment_view p a.s_cmt {text-decoration:none}
#piree_comment_view_empty {margin:0; padding:15px !important; text-align:center}
#piree_comment_view #piree_comment_view_winfo {float:left}
#piree_comment_view footer {zoom:1}
#piree_comment_view footer:after {display:block; visibility:hidden; clear:both; content:""}

.piree_comment_view_act {float:right; margin:0; list-style:none}
.piree_comment_view_act:after {display:block; visibility:hidden; clear:both; content:""}
.piree_comment_view_act li {float:left; margin-left:5px}

#piree_comment_view_w {position:relative; clear:both; margin-bottom:10px; padding:0 10px 15px; border-bottom:1px solid #dde4e9}
#piree_comment_view_w h2 {padding:10px 0 5px}
#piree_comment_view_w .tbl_wrap {margin:0 0 15px}
#piree_comment_view_w #char_cnt {display:block; margin-bottom:5px}
#piree_comment_view_w textarea {width:99%}




/*
	//*******************************************************
	//** SAM_SOSS
	//*******************************************************
	// 피리 PIREE
	// 2015년 01월 24일 토요일 오전 01시 41분 - 날씨 추워
*/


/* 이미지_게시글에__보기 */
#bo_v_image {float:left; margin:4px 0 10px 0; padding:0; }
#bo_v_image h2 { font-size:0; line-height:0; overflow:hidden; }
#bo_v_image ul { margin:0 0 15px !important; padding:0; list-style:none; }
#bo_v_image li { float:left; padding:0; line-height:2.4em; }
#bo_v_image a	{ display:inline-block; padding:2px; }
#bo_v_image .bvi_li		{ position:relative; float:left; width:72px; height:72px; }
#bo_v_image .bvi_last	{ margin:0 0 7px !important; }
#bo_v_image .bvi_clear { clear:both; }
#bo_v_image a:focus, #bo_v_image a:hover, #bo_v_image a:active { text-decoration:none; }




/* 이미지_편집 */
#gnu5__update_image {clear:both; float:left; margin:4px 0 10px 0; padding:0; }
#gnu5__update_image ul { margin:0 0 15px !important; padding:0; list-style:none; }
#gnu5__update_image li { float:left; padding:0; line-height:2.4em; }
#gnu5__update_image a	{ padding:3px; }
#gnu5__update_image .img_del_btn	{ float:left; padding:3px 4px; border:0; background:transparent; }
#gnu5__update_image .btn_image_face_ok	{ float:left; padding:3px 4px; color:#000; border:0; background:transparent; }
#gnu5__update_image .btn_image_face_no	{ float:left; padding:3px 4px; color:#aaa; border:0; background:transparent; }
#gnu5__update_image .btn_image_tag_add	{ float:left; padding:3px 4px; color:#aaa; border:0; background:transparent; }
#gnu5__update_image .bvi_li		{ position:relative; float:left; padding:0; width:60px; line-height:2.0em; }
#gnu5__update_image .bvi_last	{ margin:0 0 8px !important; }
#gnu5__update_image .bvi_clear { clear:both; }
#gnu5__update_image a:focus, #gnu5__update_image a:hover, #gnu5__update_image a:active { text-decoration:none; }




/* 이미지_보기____레이어팝으로_보기 */
#plp__img_title { padding:10px 0; width:600px; height:auto; font-size:1.2em; font-weight:bold; border-bottom:1px solid #efefef; }
#plp__img_view_main { position:relative; clear:both; float:left; padding:10px 0 10px 0; }
#plp__img_view_main h2 { font-size:0; line-height:0; overflow:hidden; }




/* 이미지_보기____관련_이미지_보기 */
#plp__img_list { float:left; width:100%; margin:4px 0 10px 0; padding:0; }
#plp__img_list h2 { font-size:0; line-height:0; overflow:hidden; }
#plp__img_list ul { margin:0 0 15px !important; padding:0; width:100%; list-style:none; }
#plp__img_list li { float:left; padding:0; line-height:2.4em; }
#plp__img_list a	{ display:inline-block; padding:4px; }
#plp__img_list .bvi_li		{ position:relative; float:left; width:74px; }
#plp__img_list .bvi_last	{ margin:0 0 7px !important; }
#plp__img_list .bvi_clear { clear:both; }
#plp__img_list a:focus, #plp__img_list a:hover, #plp__img_list a:active { text-decoration:none; }




/* 이미지_투명도__50per */
.image_transp_10 { filter:alpha(opacity=10); }
.image_transp_20 { filter:alpha(opacity=20); }
.image_transp_30 { filter:alpha(opacity=30); }
.image_transp_40 { filter:alpha(opacity=40); }
.image_transp_50 { filter:alpha(opacity=50); }
.image_transp_60 { filter:alpha(opacity=60); }
.image_transp_70 { filter:alpha(opacity=70); }
.image_transp_80 { filter:alpha(opacity=80); }
.image_transp_90 { filter:alpha(opacity=90); }
.image_transp_100 { filter:alpha(opacity=100); }




/*
	//*******************************************************
	//** SAM_SOSS
	//*******************************************************
	// 피리 PIREE
	// 2015년 01월 24일 토요일 오전 01시 41분 - 날씨 추워
*/


.layer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:100; }
.layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50); }
.layer .pop-layer {display:block; }
.pop-layer {display:none; position: absolute; top: 50%; left: 50%; width: 410px; height:auto; 	background-color:#fff; border: 5px solid #3571B5; z-index: 10; } 
.pop-layer .pop-container {padding: 20px 25px; }
.pop-layer p.ctxt {color: #666; line-height: 25px; }
.pop-layer .btn-r {width: 100%; margin:10px 0 20px; padding-top: 10px; border-top: 1px solid #DDD; text-align:right; }
a.cbtn {display:inline-block; height:25px; padding:0 14px 0; border:1px solid #304a8a; background-color:#3f5a9d; font-size:13px; color:#fff; line-height:25px; }
a.cbtn:hover {border: 1px solid #091940; background-color:#1f326a; color:#fff; }

