/******************************************************************
COMPOSED BY  임치후 - OLCOMPNAY 비주얼코어
전화번호 02-481-2721 , 010-5225-9502
서울 강남구 역삼동 796-12 오엘컴퍼니
2011년 6월
*******************************************************************/

/*  기본세팅 */
@font-face {font-family:nanum; src:url(/files/NanumGothic.eot)};
@charset "utf-8";
*{margin:0;padding:0 auto;}
html,body{width:100%;height:100%;}
html{overflow-y:scroll;}
body{font-family:"nanum";width:100% auto; height:100%;text-align:center;
scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: #aeadab;
scrollbar-3dlight-color: #FFFFFF; 
scrollbar-shadow-color: #aeadab; 
scrollbar-darkshadow-color: #FFFFFF; 
scrollbar-track-color: #f5f5f5; 
scrollbar-arrow-color: #aeadab;
}
body,input,button{font-size:12px;font-family:"nanum",Dotum,Helvetica,AppleGothic,Sans-serif;color:#383d41;}
h1,h2,h3,h4,h5,h6{font-size:12px;text-align:left;}
img,fieldset,iframe{border:0 none;}
ul { list-style:none;	clear:both;padding:0px;}
li{list-style:none;text-decoration:none;line-height:2em;}
a{color:#555;text-decoration:none;}
a:hover{color:#fe5303;text-decoration:none;}
em,address{font-style:normal;}
button,label{cursor:pointer;cursor:hand;}
button {position:relative;}
button img{left:-3px;*left:auto;}
textarea{overflow:auto;}
option{padding-right:6px;}
/*Common*/
.input_text, textarea{*margin:-1px 0;padding-right:1px;}
.input_check, .input_radio{width:13px;height:13px;}
.blind, legend, .ke_kbd .skip_kbd, .wg_sports thead th{display:block;overflow:hidden;position:absolute;left:0;top:-5000px;}
hr{display:none;}


p {margin-top:15px;color:#555;}
img{border-style:none;}
h1 {font-weight:bold;font-size:11px;color:#555;}
h2 {font-weight:bold;font-size:10px;color:#555;}


table,tr,td{font-family:nanum,Dotum, 돋움, arial, helvetica;color:#555;letter-spacing:0px;font-size:12px;}
select{color:#555;line-height:1.5em;letter-spacing:0px;font-size:12px;	border:1px solid #e0e0e0;background-color:#FFFFFF;}
textarea{color:#555;line-height:1.5em;letter-spacing:0px;font-size:12px;	border:1px solid #d5d4d4;background-color:#FFFFFF;overflow:auto;padding:7px 7px 7px 7px;}

input{font-size:12px;color:#555;border:1px solid #d5d4d4;background-color:#FFFFFF;padding:4px 1px 1px 1px;}
input .transparent {border:none;background-color:transparent;font-size:12px;line-height:120%;font-family:dotum;color:#fff;padding:1px 0 0 0;}
input[type=checkbox], input[type=radio], input[type=image] { border:none; } 
input .button {font-family:돋움,굴림;font-size:12px;color:#0054a6;text-decoration:none;border:1px solid #328fea; background-color:#a2cef9;line-height:125%;}
input .checkbox {border:none;background-color:transparent;}
input .none{font-size:12px;color:#555;border:none;}
input .img_button{border:none;}
input .radio {border:none;}
input .login{font-size:12px;color:#ffffff;	border:0;background-color:Transparent;padding:2px 1px 1px 1px;}
input .select {font-size:12px;color:#fff;text-decoration:none;border:1px solid #d5d4d4;line-height:150%;}

.input_none{border:none;background-color:transparent;}

input .ed { height:20px;border:1px solid #9A9A9A;border-right:1px solid #D8D8D8;border-bottom:1px solid #D8D8D8;padding:3px 2px 0 2px;}
input .ed1 { height:20px;border:1px solid #e6e7e8;padding:3px 2px 0 2px;}
input .ed_password { height:20px;border:1px solid #9A9A9A;border-right:1px solid #D8D8D8;border-bottom:1px solid #D8D8D8;padding:3px 2px 0 2px;font:10px Tahoma;}

.login {font-size:12px;color:#555;text-decoration:none;border:1px solid #CCCBCB;background-color:Transparent;line-height:145%;}
.png24 { tmp:'expression(setPng24(this))';}

/*테이블,표 스타일*/
#table {width:690px;border-top:2px solid #67c7cc;}
#table th{height:29px;;border-bottom:1px solid #dcdcdc;background-color:#f8f8f8;;border-right:solid 1px #67c7cc;}
#table th.right{height:29px;;border-bottom:1px solid #dcdcdc;background-color:#f8f8f8;;border-right:solid 1px #fff;}
#table td{border-bottom:solid 1px #dcdcdc;border-right:solid 1px #dcdcdc;background:#fff;padding:2px;vertical-align:middle;}
#table td.right {border-bottom:solid 1px #dcdcdc;border-right:solid 1px #fff;background:#fff;padding:2px;vertical-align:middle}


/*  전체 프레임 셑 */
#full_frame{width:100%;height:100%;}
#header{width:100% auto;height:97px;padding-bottom:10px;}
#header .header_frame{width:1004px;}
#contents{width:100% auto;}
#contents .contents_frame{width:1004px;text-align:left;}

	/*공용 */
	.total_stats{color:#808080;font-weight:bold;font-family:verdana;font-size:11px;}
	.total_comment{color:#e58c2e;font-weight:bold;font-family:verdana;font-size:11px;}
	.total_category{width:150px;border:1px solid #abadb3;}
	.clear{clear:both;}
	
	/*탑세팅 */
	.top_logo{float:left;padding-right:99px;padding-top:14px;}	
	.top_search{float:left;padding-right:130px;}
	.top_box_input{width:375px;height:35px;padding-top:37px;padding-bottom:1px;}
	

	/*  메인 */
	.main_left{float:left;width:751px;text-align:left;}
	.movie_play{width:751px;height:530px;text-align:left;padding-bottom:9px;}
	.movie_sub{width:751px;text-align:left;padding-bottom:9px;}
	.movie_section{width:749px;height:528px;text-align:center;border:1px solid #d9d9d9;background-color:#e6e6e6;}
	.vod_link{width:743px;height:419px;padding-left:3px;padding-right:3px;padding-top:3px;padding-bottom:20px;}
	.vod_subject{width:743px;height:87px;padding-left:3px;padding-right:3px;text-align:left;}
	.vod_subject .vod_subject_l{float:left;width:516px;height:87px;font-family:nanum,verdana;padding-left:15px;}
	.vod_subject .vod_subject_r{float:left;width:212px;height:87px;}
	.main_gnb{width:749px;height:172px;text-align:left;border:1px solid #d0d0b6;background-color:#f0f0e8;} /* 양쪽보더 1px 위아래보더 1px 공간설정 */
	.main_gnb_section{width:738px;height:135px;text-align:left;padding-top:37px;padding-left:11px;} /* 패딩top 패딩left 만큼 높이와 넓이에서 설정 */
	.main_gnb_piece{float:left;width:91px;height:89px;}
	.main_right{float:left;width:243px;height:714px;text-align:left;padding-left:10px;vertical-align:top;}

	/* 서브 - 어바웃미래지 */
	.sub_gnb{width:1004px;height:40px;padding-bottom:18px;}
	.subgnb{float:left;height:40px;}
	.sub_left{float:left;width:165px;padding-right:20px;vertical-align:top;}
	.sub_left .sstitle{width:165px;height:59px;}
	.sub_left .sst_navi{width:145px;padding-top:16px;padding-bottom:16px;padding-left:20px;background-color:#f7f7f7;height:100%;}
	.sub_left .sst_navi2{width:145px;padding-top:16px;padding-bottom:16px;padding-left:20px;background-color:#f7f7f7;height:100%;}
	.sub_left .sst_on{color:#fe5303;}

	
	.sub_right{float:left;width:819px;}
	.sub_right .sti{width:819px;height:53px;}
	.sub_right .sub_all{width:819px;}


	/* 서브 미래지영상 ,미래지글*/
	.sub_index_left{float:left;width:750px;padding-right:10px;}
	.vod_head_mov{width:750px;height:235px;padding-bottom:15px;}
	.vod_left_menu {float:left;width:165px;padding-right:10px;vertical-align:top;}
	.vod_left_menu .vod_sstitle{width:165px;height:59px;}
	.vod_left_menu .vod_sst_navi{width:145px;padding-top:16px;padding-bottom:16px;padding-left:20px;background-color:#f7f7f7;font-weight:bold;height:100%;}
	.vod_left_menu .vod_sst_on{color:#fe5303;}
	.vod_main_list{float:left;width:575px;}
	.vod_main_list .vod_category{width:575px;height:28px;border-bottom:1px dotted #dfdfdf;text-align:right;vertical-align:top;}
	.vod_main_list .vod_listup{width:520px;padding-left:27px;padding-right:28px;padding-top:17px;}
	.vod_main_list .write_listup{width:520px;padding-left:27px;padding-right:28px;padding-top:17px;}
	.vod_main_list .write_list{float:left;font-size:14px;font-weight:bold;color:#444444;padding-right:10px;line-height:1.8em;vertical-align:top;}
	.vod_main_list .write_reporter{float:left;font-size:12px;color:#444444;line-height:1.8em;padding-top:4px;}

	.movie_section2{width:749px;height:425px;text-align:center;border:1px solid #d9d9d9;background-color:#e6e6e6;}
	.content_section{width:749px;text-align:left;border:1px solid #d9d9d9;background-color:#f5f5f5;}
	.btn_area{width:744px;text-align:right;padding-right:5px;padding-top:5px;}
	.subject_area{width:699px;padding-left:40px;padding-right:10px;padding-bottom:20px;}
	.subject_line{width:699px;height:2px;background-image:url("../images/common/line_dot1.jpg");background-repeat: repeat-x;margin-left:20px;padding-bottom:14px;}

/*  글 뷰버튼  */
	.writing_tab{width:750px;height:28px;border-bottom:1px solid #8e8e8e;}
	.writing_btn{width:750px;height:21px;padding-top:18px;padding-bottom:21px;}
	.text_contents{width:750px;}
	.text_contents .text_main_img{width:750px;height:255px;padding-bottom:20px;}
	.text_contents .text_main_content{width:750px;}

		
	/*동영상 서브페이지 썸네일 설정 */
	.thumb_area{width:750px;height:100px;padding-left:20px;padding-right:20px;padding-bottom:14px;padding-top:20px;}
	.thumb_arrow_l{float:left;width:28px;text-align:left;padding-top:18px;}
	.thumb_arrow_r{float:left;width:28px;text-align:right;padding-top:18px;}
	.thumb_pic{float:left;width:88px;padding-left:12px;padding-right:12px}
	.thumb_pic2{float:left;width:88px;}
	.thumb_img_only{width:88px;height:53px;padding-bottom:10px;}
	.thumb_subject_only{width:88px;text-align:center;}

	
	/* 서브 뷰페이지 댓글부분 설정 */
	.comment_title{width:750px;height:22px;border-bottom:2px solid #000;padding-top:28px;}
	.comment_title_arr{float:left;font-weight:bold;color:#000;height:22px;width:200px;}
	.comment_title_attention{float:right;font-size:11px;width:550px;text-align:right;color:#afafaf;}

	.comment_box{width:728px;height:84px;background-color:#f9f9f9;border:1px solid #e1e1e1;margin-top:10px;padding-top:18px;padding-left:20px;}
	.comment_box .box1{float:left;width:108px;height:84px;padding-right:10px;}
	.comment_box .box2{float:left;width:529px;height:84px;padding-right:13px;}
	.comment_box .box3{float:left;width:56px;height:84px;}

	.tab_all{float:left;width:65px;height:36px;}
	.tab_bar{float:left;width:620px;height:36px;}

	.comment_view{width:750px;margin-top:20px;}
	.comment_name_bar{width:750px;height:20px;padding-top:40px;}
	.comment_name_bar .name_bar1{float:left;padding-left:10px;color:#000;font-weight:bold;}
	.comment_name_bar .name_bar2{float:right;padding-right:10px;font-size:11px;font-family:verdana;}
	.comment_viewbox{width:738px;background-color:#f9f9f9;border:1px solid #e1e1e1;padding-top:10px;padding-left:10px;padding-bottom:10px;}
	.comment_viewbox .view_box_text{width:718px;line-height:1.3em;}
	.comment_viewbox .view_box_icon{width:708px;text-align:right;padding-right:10px;}

	/* 썸네일 루핑 설정 - 전체 메인(sub_index)썸네일 적용 */
	.thumb1{float:left;width:140px;height:194px;padding-right:50px;}/*썸네일 루핑시 전체 에어리어를 설정하고 오른쪽 여유분을 위한 50값을 패딩을 주었습니다.*/
	.thumb2{float:left;width:140px;height:194px;}	/* vod 썸네일 리스트 루핑시 가로로 3개의 루핑 중 마지막 루핑은 오른쪽 패딩값이 없습니다 */
	.thumb_img{width:140px;height:100px;padding-bottom:11px;}
	.thumb_subject{width:130px;padding-left:5px;padding-right:5px;padding-bottom:5px;color:#454545;font-size:11px;line-height:1.4em;}
	.thumb_stats{width:125px;padding-left:10px;padding-right:5px;color:#808080;font-size:11px;}
	.thumb_comment{width:125px;padding-left:10px;padding-right:5px;color:#808080;font-size:11px;}

	
	/* 썸네일 루핑 설정 - 전체 라이트(Right) 썸네일 적용 */
	.sub_index_right{float:left;width:244px;}
	.latest_title_r{width:244px;height:34px;}
	.latest_main_r{width:204px;background-image:url("../images/common/bg_latest_r.jpg");padding-top:13px;padding-left:20px;padding-right:20px;}
	.latest_main_r3{width:204px;background-image:url("../images/main/bg_latest_r3.jpg");background-repeat: repeat-y;padding-top:13px;padding-left:20px;padding-right:20px;}
	.thumb_set{width:204px;height:68px;padding-bottom:15px;}/*썸네일 루핑시 전체 에어리어를 설정하고 아래쪽 여유분을 위한 15값을 패딩을 주었습니다.*/
	.thumb_set2{width:204px;height:68px;}/* vod 썸네일 리스트 루핑시 가로로 3개의 루핑 중 마지막 루핑은 아래쪽 패딩값이 없습니다 */
	.thumb_r1{float:left;width:90px;height:68px;padding-right:12px;}
	.thumb_r2{float:left;width:102px;height:68px;}
	.thumb_r_subject{width:102px;color:#454545;font-size:11px;line-height:1.4em;padding-top:2px;padding-bottom:5px;}
	.thumb_r_stats{width:102px;color:#808080;font-size:11px;}
	.thumb_r_comment{width:102px;color:#808080;font-size:11px;}

	/*태그 설정 */
	.tag_set{width:204px;height:68px;padding-bottom:15px;line-height:2.2em;}
	.tag1{font-size:15px;background-color:#ff8a64;color:#fff;}
	.tag2{font-size:14px;color:#db6e81;font-weight:bold;}
	.tag3{font-size:11px;color:#b05e6e;font-weight:bold;}
	.tag4{font-weight:bold;}




	.latest_footer_r{width:244px;height:16px;padding-bottom:10px;}
	

	#footer{width:100% auto;}
	#footer .footer_frame{width:1004px;text-align:left;}



/*    그누스타일          */
.member {font-weight:bold;color:#888888;}
.guest  {font-weight:normal;color:#888888;}

.lh { line-height:150%;}
.jt { text-align:justify;}

.ct { font-family:Verdana, 굴림;color:#333222;} 

.ed { border:1px solid #CCCCCC;} 
.tx { border:1px solid #CCCCCC;} 

.small { font-size:9pt;font-family:돋움;}
.cloudy, a.cloudy {color:#888888;} /* 흐림 */

input.mlog {width:110px;height:18px;border-top:1px solid #7092bc;border-left:1px solid #7092bc;border-right:1px solid #d9eaff;border-bottom:1px solid #d9eaff; font-family:"Dotum, 돋움, arial, helvetica";font-size:9pt; color:#4f719a;background-color:#f7f7f7;}
input.mlog2 { font-family:"Dotum, 돋움, arial, helvetica";font-size:9pt;color:#333;	border:1px solid #d5d4d4;background-color:#FFFFFF;padding:2px 1px 1px 2px;height:18px;}
input.mlog3 { font-family:"Dotum, 돋움, arial, helvetica";font-size:9pt;color:#333;	border:1px solid #d9d9d9;background-color:#FFFFFF;padding:2px 1px 1px 2px;width:188px;height:20px;}

textarea.tx { border:1px solid #9A9A9A;border-right:1px solid #D8D8D8;border-bottom:1px solid #D8D8D8;padding:2px;}
textarea.ty { font-family:"Dotum, 돋움, arial, helvetica";font-size:9pt;color:#333333;border:1px solid #cfcfcf;padding:10px;}

.sub_tt1 {border:2px solid #d9d9d9;padding-left:10px;padding:22px;}
.sub_tt2 {font-family:"Dotum, 돋움, arial, helvetica";font-size:9pt;color:#666666;background-color:#f7f7f7;border-top:none;border-left:none;border-right:none;border-bottom:1px solid #dcdddf;padding:5px 10px;}
.sub_tt3 {font-family:"Dotum, 돋움, arial, helvetica";font-size:9pt;color:#666666;border-top:none;border-left:none;border-right:none;border-bottom:1px solid #dcdddf;padding:5px 14px;}

.kobis_1 {font-family:"Dotum, 돋움, arial, helvetica";font-size:8pt;color:#999898;line-height:160%;letter-spacing:0em;margin:0px;}