/*기본설정*/
* {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
html {overflow-y:scroll}
/* body {font-family:"나눔고딕",Nanum Gothic,AppleSDGothicNeo-Regular,gulim,sans-serif,simhei; font-size:15px;font-weight:normal; color: #000; line-height: 22px;} */

label, input, select, img {vertical-align:middle; font-size: 15px;}
button {cursor:pointer;_cursor:hand;}
dl,ul,ol,li {list-style: none;}
img {max-width:100%; height: auto;}
pre {overflow-x:scroll;}
select {min-height:30px; padding:3px; border-radius: 3px;margin:1px 0; line-height:2em; border:1px solid #ccc; background:#fff; }
option {min-height:30px; padding:3px; border-radius: 3px;}
input, .ed	{min-height:28px; line-height:28px; padding:0 3px; margin:1px 0; border:1px solid #ccc; vertical-align:middle; border-radius: 3px; background:#fff;} 
textarea, .textarea, .tx {padding:3px 5px !important; font-family:"나눔고딕",Nanum Gothic,AppleSDGothicNeo-Regular,gulim,sans-serif,simhei; border:1px solid #ccc; font-size: 15px; line-height:22px !important; border-radius: 3px; background:#fff; }
.radio, .checkbox {width: 20px; height: 20px;}


.table {border-collapse:collapse; }
.table td, .table th {border:1px dotted #ccc; padding:7px; background-color:#fff; }
.table th { padding:7px; font-weight: 500; background-color:#fff; }

.table2 {border-collapse:collapse; }
/* .table2 td, .table th {border-top:1px dotted #ccc; border-bottom:1px dotted #ccc;  padding:7px; } */
.table2 td, .table th {border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; padding:7px; background-color:#fff;}
.table2 th {background-color:#f7f7f7; padding:7px; font-weight: 500;}

.small	{font-size:12px; font-family:돋움;color:#000; line-height: 16px; font-weight:normal;}
.small2 {font-size:12px; font-family:돋움;color:#444; font-weight:normal;}
.small3 {font-size:12px; font-family:돋움;color:#777; font-weight:normal;}
.small4 {font-size:12px; font-family:돋움;color:#999; font-weight:normal;}
.small5 {font-size:12px; font-family:돋움;color:#bbb; font-weight:normal;}


.fw_wrap_m {margin: 0 !important}
#fw_head_m   {width:100%; height:70px; min-width:330px; margin: 0 10px; white-space:nowrap;}

/*타이를*/
.fw_title {font-size:16px !important; font-weight:600 !important; padding:0 0 7px 7px;}
.fw_title2 {font-size:16px; font-weight:600; padding:5px 0; max-width: 140px; white-space:nowrap;overflow: hidden; }

.member {font-weight:bold; }
.guest  { font-weight:normal; }

/*회원아이콘*/
/* .profile_img {display: inline-block; width: 22px; height: 22px; margin-right: 3px; background-color: #E3BF23; border-radius: 11px; -moz-opacity: 0.7; opacity:0.70;filter: alpha(opacity=70);} */

.rotate90 {-moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);}	
.rotate180 {-moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);}	
.rotate-90 {-moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg);}	

/* 게시판 버튼 */
.btn,.btn2,.btn3,.btn4,.btn5,.btn6,.btn7					{display:inline-block; margin: 1px 0; cursor:pointer;_cursor:hand; border-radius:3px; border:none; font-weight: normal; -moz-opacity: 0.6; opacity:0.60;filter: alpha(opacity=60);}
.btn.ss,.btn2.ss,.btn3.ss,.btn4.ss,.btn5.ss,.btn6.ss,.btn7.ss		{padding:0 8px; font-size:12px; height:24px; line-height: 22px; -moz-opacity: 0.6; opacity:0.60;filter: alpha(opacity=60);}
.btn.s,.btn2.s,.btn3.s,.btn4.s,.btn5.s,.btn6.s,.btn7.s			{padding:0 10px; font-size:13px; height:30px; line-height: 30px; -moz-opacity: 0.6; opacity:0.60;filter: alpha(opacity=60);}
.btn.m,.btn2.m,.btn3.m,.btn4.m,.btn5.m,.btn6.m,.btn7.m		{padding:0 12px; font-size:15px; height:34px; line-height: 33px; -moz-opacity: 0.6; opacity:0.60;filter: alpha(opacity=60);}
.btn.l,.btn2.l,.btn3.l,.btn4.l,.btn5.l,.btn6.l,.btn7.l				{padding:0 16px; font-size:18px; height:40px; line-height: 42px; -moz-opacity: 0.6; opacity:0.60;filter: alpha(opacity=60);}
.btn.icon,.btn2.icon,.btn3.icon,.btn4.icon,.btn5.icon,.btn6.icon,.btn7.icon	{width:19px; height:19px; font-size:11px; font-family:돋움; line-height: 19px; -moz-opacity: 0.6; opacity:0.60;filter: alpha(opacity=60);}

.btn	{color:#ccc !important; background-color:#000;}
.btn2	{color:#333 !important;  background-color:#ccc;}
.btn3	{color:#fff !important;  background-color:#aaa;  }
.btn4	{color:#eee !important;  background-color:#666;  }
.btn5	{color:#eee !important;  background-color:#cc3300;  }
.btn6	{color:#666 !important;}
.btn7	{color:#ccc !important; background-color:#000;}

.btn:hover,.btn:active,.btn:focus	{color:#eee !important; background-color:#000; -moz-opacity: 1; opacity:1;filter: alpha(opacity=100);}
.btn2:hover,.btn2:active,.btn2:focus	{color:#eee !important; background-color:#000; -moz-opacity: 1; opacity:1;filter: alpha(opacity=100);}
.btn3:hover,.btn3:active,.btn3:focus	{color:#eee !important; background-color:#000; -moz-opacity: 1; opacity:1;filter: alpha(opacity=100);}
.btn4:hover,.btn4:active,.btn4:focus	{color:#eee !important; background-color:#000; -moz-opacity: 1; opacity:1;filter: alpha(opacity=100);}
.btn5:hover,.btn5:active,.btn5:focus	{color:#eee !important; background-color:#000; -moz-opacity: 1; opacity:1;filter: alpha(opacity=100);} 
.btn6:hover,.btn6:active,.btn6:focus	{color:#eee !important; background-color:#000; -moz-opacity: 1; opacity:1;filter: alpha(opacity=100);}
.btn7:hover,.btn7:active,.btn7:focus	{color:#fff !important; background-color:#0080Cc; -moz-opacity: 1; opacity:1;filter: alpha(opacity=100);}

.btn.good 	{padding:5px 10px; font-size:13px;}
.btn.nogood 	{padding:5px 10px; color:#fff; font-size:13px; background-color:#999;}
.btn_good_width  {width:140px; margin:0 auto; text-align:center;}
.btn_good_width li {float:left; padding:2px;}
.btn_good_width strong {font-weight: normal !important; color: #fff !important;}
#bo_v_act_good, #bo_v_act_nogood {z-index: 1000 !important;}

.r0 		{border-radius:0;}
.r3_12 	{border-radius:3px 3px 0 0 !important;}
.r3_34 	{border-radius:0 0 3px 3px !important;}

.pink {color:#FF0080;}
.blue {color:#22aaee;}
.red {color:#ff0000;}
.admin {color:#cc3300;}


/* 게시판 목록 */
.board_top {clear:both;}
.board_list {clear:both; width:100%; table-layout:fixed; margin:0; border-top:1px dotted #ccc; }
.board_list th {height:36px; padding:5px 10px 5px 5px; font-weight:normal; background-color:#fff; white-space:nowrap; overflow:hidden; text-align:center; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; -moz-opacity: 0.6; opacity:0.60;filter: alpha(opacity=60);}
.board_list td {height:36px; padding:5px 10px 5px 5px; border-bottom:1px dotted #ccc; word-break:break-all; text-align:center;}
.board_list .td_num {font-size:12px; vertical-align: top; color: #999;}
.board_list .td_chk {vertical-align: top;}
.board_list td .td_subject {float: left; text-align:left; width:80%; padding: 5px 0;}
.board_list td .td_etc { float: right; width:20%; font-size:13px; color: #999; padding: 5px 0;}
.board_list td .sv_member {padding:0 5px 0 5px; font-size:13px; font-weight: 500;}
.board_list td .bo_cate_link {font-size:14px; color: #23AFE4 !important;}
.board_list .bo_notice {background-color:#fff; -moz-opacity: 0.6; opacity:0.60;filter: alpha(opacity=60);}

.board_button { padding:15px 0; }
.board_search { text-align:center; padding-top:10px; }
.board_search .stx { height:21px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px dotted #D8D8D8; }
/*.board_list tr:hover, .board_list tr:active {background-color:#f8f8f8;}*/

.empty_table { border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; font-size: 15px;;}

#bo_cate h2 {width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {margin:0;}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li {float:left;}
#bo_cate a {display:block;position:relative;margin:-2px 1px 1px -2px;padding:0 10px;min-width:60px; font-size:14px; height: 36px; line-height:34px; border:1px solid #ccc; background:#fff; color:#000;text-align:center;cursor:pointer; }
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none; background: #000; color:#eee; color:#eee; border:1px solid #333; }
#bo_cate #bo_cate_on {z-index:2; background:#000;color:#eee; font-weight: 500; color:#eee; border:1px solid #333; }

.board_list div h1 {padding:5px 0 2px 0; font-size:13px;}
.board_list div h2 {padding:0 0 5px 14px; font-size:12px; color:#0080C0;}
.board_list div h3 {padding-left:20px; font-size:12px; color:#555;}
.board_list div h6 {padding:2px 0 0 20px; font-size:11px;}
.board_list div h6 span {background-color:#e8e8e8; padding:3px 5px; color:#777;}

.comment_on		{font-weight:bold; color:#cc3300; }
.comment_off		{font-weight:bold; color:#27AFD0; }

/* 게시판 페이징 */
.pg_wrap {clear:both;margin:0 0 20px;padding:20px 0 0;text-align:center}
.pg_page, .pg_current {display:inline-block;padding:0 8px;height:34px;color:#000;letter-spacing:0;line-height:34px;}
.board_page {padding:2px 0; font-size:14px; line-height: 40px;}
.board_page a {margin:0; padding:0 15px !important; color:#000; background-color:#ccc; text-decoration:none; border-radius:3px; -moz-opacity: 0.6; opacity:0.60;filter: alpha(opacity=60);}
.board_page a:hover, .board_page a:active {background-color:#000; color:#ccc; -moz-opacity: 1; opacity:1;filter: alpha(opacity=100);}
.board_page strong {margin:0; padding:0 15px; color:#ccc; background-color:#000; font-weight:normal; border-radius:3px; }

/* 게시판 라인/배경*/
.bb1   {border-bottom: 1px solid #2f2f2f;}
.bb2   {border-bottom: 1px solid #666;}
.bb3   {border-bottom: 1px solid #aaa;}
.bb4   {border-bottom: 1px solid #ccc;}
.bb5   {border-bottom: 1px solid #e0e0e0;}

.bt1   {border-top: 1px solid #2f2f2f;}
.bt2   {border-top: 1px solid #666;}
.bt3   {border-top: 1px solid #aaa;}
.bt4   {border-top: 1px solid #ccc;}
.bt5   {border-top: 1px solid #e0e0e0;}

.br1   {border-right: 1px solid #2f2f2f;}
.br2   {border-right: 1px solid #666;}
.br3   {border-right: 1px solid #aaa;}
.br4   {border-right: 1px solid #ccc;}
.br5   {border-right: 1px solid #e0e0e0;}

.btd1  {border-top: 1px dashed #2f2f2f;}
.btd2  {border-top: 1px dashed #666;}
.btd3  {border-top: 1px dashed #aaa;}
.btd4  {border-top: 1px dashed #ccc;}
.btd5  {border-top: 1px dashed #e0e0e0;}

.btdot1  {border-top: 1px dotted #2f2f2f;}
.btdot2  {border-top: 1px dotted #666;}
.btdot3  {border-top: 1px dotted #aaa;}
.btdot4  {border-top: 1px dotted #ccc; }
.btdot5  {border-top: 1px dotted #e0e0e0;}

.bbdot1  {border-bottom: 1px dotted #2f2f2f;}
.bbdot2  {border-bottom: 1px dotted #666;}
.bbdot3  {border-bottom: 1px dotted #aaa;}
.bbdot4  {border-bottom: 1px dotted #ccc;}
.bbdot5  {border-bottom: 1px dotted #e0e0e0;}

.brdot1  {border-right: 1px dotted #2f2f2f;}
.brdot2  {border-right: 1px dotted #666;}
.brdot3  {border-right: 1px dotted #aaa;}
.brdot4  {border-right: 1px dotted #ccc;}
.brdot5  {border-right: 1px dotted #e0e0e0;}

/* 게시판 보기 */
#bo_v_title {font-size: 20px !important; font-weight: 600; padding-top: 13px; border-top: 1px solid #ccc; margin-top: 30px !important; line-height: 26px;}
#bo_v_info {border-bottom: 1px dotted #ccc; font-size: 13px; padding: 10px 0 5px 0 !important;}
.bo_v_cate {color: #999; font-size: 15px; font-weight: normal; padding: 5px 0;}
#bo_v_con {font-size:16px !important; line-height:24px !important; padding: 0 5px;}

.board_view {padding:25px; background-color:#f9f9f9; margin-top:15px; word-break:break-all; overflow:hidden;}
.board_view2			{font-size:13px;}
.board_view2 div		{padding:0 0; clear:both;}
.board_view2 div dt	{float:left; width:60px; padding-left:2px;}
.board_view2 div dd	{float:left; width:300px; padding:1px 0;}

.sv_member img {margin:0 5px 2px 0; -moz-opacity: 0.8; opacity:0.80;filter: alpha(opacity=80);}


/*일반문서 본문스타일*/
.text1		{padding:20px 0; line-height: 26px;}
.text1 h1	{padding:5px 0; font-size:21px; font-weight:bold;}
.text1 h2	{padding:10px 0 5px 0; font-size:21px; font-weight:bold;}
.text1 h3	{padding:10px 0 5px 0; font-size: 15px;}
.text1 h4	{padding:5px 0 10px 0; color:#cc3300;}
.text1 h5	{padding:5px 0 5px 17px; font-size: 15px;}
.text1 .red	{color:#cc3300;}
.text1 p	{padding:10px; margin: 10px 0 15px 0; background-color:#f8f8f8; border:1px dashed #aaaaaa;}

.text1 .td1	{float:left; width:150px; padding:3px 0;}
.text1 .td2	{float:left; padding:3px 0;}

.text1 ul 	{padding-left: 30px;}
.text1 ul li 	{list-style:disc;}
.text1 ul .float_left {float:left; padding:0 30px 20px 0; margin-right: 30px; font-size: 15px;}
.text1 ul .float_left b {display:block; font-size: 16px; padding-bottom: 5px;}
.text1 .fa {color: #25A1D8;}

.fw_tip {padding: 10px 0; font-family:돋움; font-size: 12px; color: #999;}


/*기타, 레이어 알림창, HELP*/
.help_kko { display:none; width:150px; border:1px solid gray; padding:6px; background-color:#707e89; color:#FFFFFF; }
.bg_box1 {padding:5px 10px; color:#666; background-color:#f8f8f8; border:1px dashed #e0e0e0;}
.bg_box2 {padding:5px 10px; color:#555; background-color:#f8f8f8; border:1px solid #e0e0e0;}

.alert		{display: none; position: absolute; font-size: 15px; text-align: center;background-color: #23AFE4; margin:0 auto; padding: 20px 10px; width: 240px;border-radius: 3px;color: #FFF;}
.alert2		{display: none; position:relative; font-size: 15px; text-align: center;background-color: #23AFE4; padding:20px 10px; width: 240px; margin:0 auto; border-radius: 3px;color: #FFF;}
.alert2:after {border-top:10px solid #23AFE4; border-left: 10px solid transparent;	border-right: 10px solid transparent; border-bottom: 0px solid transparent; content:""; position:absolute; bottom:-10px; left:110px;}

/*토글뷰*/
#toggle1_view {display: none; padding: 8px 7px 8px 7px; margin:0; background-color: #eee;}
#toggle1_btn {text-align:center; padding:2px; cursor: pointer;}


/*재생목록 담기 레이어창*/
.playlist_body 		{display:none; position:fixed; top:0;right:0;bottom:0;left:0;background: rgba(0, 0, 0, 0.5); z-index: 99999;}
.playlist_body:target 	{opacity:1; pointer-events: auto;}
.playlist_box		{width: 300px; position: relative; margin: 10% auto;}
.playlist_close 		{font-family:"나눔고딕",Nanum Gothic,AppleSDGothicNeo-Regular,gulim,sans-serif,simhei; height:34px; width:34px; line-height:34px; text-align: center; font-size: 30px; font-weight: 300; position: absolute; color:#fff !important; right: 6px; top: 6px; border-radius: 2px; text-decoration: none; cursor:pointer;_cursor:hand;}
.playlist_close:hover 	{background:#eee; border-radius: 2px; color: #23AFE4 !important;}

/*재생목록 담기*/
.playlist 	{width: 300px; padding: 2px; border-radius: 3px; background: #fff;  /*border:1px solid #ccc;*/ }
.playlist_title		{font-size: 18px; color: #fff; font-weight: 500;} 
.playlist dt		{padding:10px;}
.playlist dd 		{min-height: 300px; max-height: 400px; padding:10px; overflow-y:auto; overflow-x:hidden;}
.playlist ul 		{border-top: 1px dotted #ccc; }                 
.playlist li          		{display:block; min-width:200px; height:34px; line-height: 34px;  border-bottom: 1px dotted #ccc; padding: 0 0 0 3px; white-space:nowrap; overflow:hidden;}
.playlist li:hover		{display:block; min-width:200px; background-color:#f3f3f3;}
.playlist li .pa_title 		{display:inline-block; width:150px; float: left; text-align: left; color: #000 !important; overflow:hidden; font-size: 15px; /*letter-spacing:-1px;*/}
.playlist li .pa_no 	{display:none; width:0px;}	
.playlist li .pl_id 		{display:none; width:0px;}
.playlist li .wr_id 	{display:none; width:0px;}
.playlist li .pa_vid 	{display:none; width:0px;}
.playlist li .pl_name 	{display:none; width:0px; }
.pl_num 		{font-size: 14px; color: #22aaee; padding-right: 2px;;}

.playlist_del, .playlist_add, .myplaylist_del, .pl_edit  {float: right;text-align: center; line-height:34px; cursor:pointer;_cursor:hand;}
.playlist_del, .myplaylist_del, .pl_edit  {width:30px; height:34px; font-family: 돋움, Verdana, Tahoma, sans-serif; font-size: 12px; color: #777; line-height: 34px;}
.playlist_add {width:40px; height:34px; font-size: 15px; color: #22aaee;}
.playlist_del:hover, .playlist_add:hover, .myplaylist_del:hover, .pl_edit:hover {color:#fff !important; background-color:#999;}
.pa_title:hover 		{color: #000 !important; background-color: #f3f3f3 !important;}

#pl_name, #pl_memo {border:1px solid #aaa;}

.playlist_view_infor {width:100%; padding:10px 15px; margin-top: 1px; border:1px solid #ddd; background-color: #f4f4f4;}	
.playlist_view_infor table tr th {width: 90px; height: 28px; text-align: left; font-weight: normal; color: #888; }