@charset "utf-8";

/*Sub Layout Css */

/*sub Head Layout Css*/

#siteMapDiv{width:100%;height:16px;}
#topSiteMap{width:100%;height:6px;background-color:#3d81ff;font-size:1px;margin:0;padding:0;}
#topSiteMapBtn{position:absolute; width: 138px;height:12px;margin:0 auto;top:3px;left:400px;}
#logo{width:203px;height:47px;}
#menu{width:780px;height:47px;}

/*sub Container Layout Css*/

/*sub Footer Layout Css
#footer{margin:0 auto; width: 989px; height:100px; background-color:#abb8cb; }
*/

/*Top Menu Layout Css*/
.topMenu{width:767px; height:20px;}
.topMenu li{float:left; margin:0 5px 0 0;}

/*Left Menu Com Css*/
#leftMenuDiv{width:210px; height:550px; position: relative; z-index:2;}
#leftMenuDiv .top{ width:208px; height: 45px; padding:15px 0 0 13px; background: url(../img/submenu/sub_menubg1.gif) left top no-repeat;}
#leftMenuDiv .center{padding:0 10px 0 25px; background:url(../img/submenu/sub_menubg2.gif) left top repeat-y;}
#leftMenuDiv .bottom{height: 21px;  background: url(../img/submenu/sub_menubg3.gif) left top no-repeat;}

#leftM{width:167px;}
#leftM ul{border-bottom: 1px solid #cccccc; padding:0 0 5px 0;}
#leftM li{padding:2px 0 2px 0;}
#leftM li.Stitle{border-bottom: 1px solid #cccccc; padding:4px 0 2px 0;}
#leftM li.Stitle2{ padding:4px 0 0 0;}

#leftMenuDiv ul{height:100%;}

#leftM01{width:100%;background:transparent url(../img/comimg/bg_sub_leftmenu_1.png) no-repeat 0 0;height:12px; }
#leftM02{width:100%;background:transparent url(../img/comimg/bg_sub_leftmenu_2.png) repeat 0 0;}
#leftM03{width:100%;background:transparent url(../img/comimg/bg_sub_leftmenu_3.png) no-repeat 0 0;height:8px;}

#leftM01_sub{width:100%;background:transparent url(../img/comimg/bg_sub_leftmenu_1_1.png) no-repeat 0 0; height:12px; }
#leftM02_sub{width:100%;background:transparent url(../img/comimg/bg_sub_leftmenu_1_2.png) repeat 0 0;}
#leftM03_sub{width:100%;background:transparent url(../img/comimg/bg_sub_leftmenu_1_3.png) no-repeat 0 0;height:8px;}

.leftMenu{ margin-left:8px;}
.leftMenu li{ margin:2px;}
.leftMenuTitle {width:100%;height:20px;font-size:15px;}

/*Sub Path Css*/
.path{position:absolute; top:0; margin-top:20px;z-index:999; width: 100%;height: 20px; text-align:right; color:#949494; font-weight: bold;}
.path ul{margin-top:10px;}
.pathFont{z-index:999;width: 100%;height: 20px; text-align:left; color:#9d9c9c; padding-top:20px; font-size:11px; line-height:1.5em; font-weight: bold}

/* sub Container Layout Css 서브내용설정값 */
#contSubL{ width: 220px; min-height: 100px; float:left; padding-top:15px; z-index:999;}
#contSubR{width: 780px; margin:0;  }
#contentTop{position:relative; width: 780px; min-height: 100px;}
#content{position:relative; width: 780px; min-height: 100px;}


/*Sub content Article*/
#article{width:760px;  margin:5px 0px 30px 5px; color:#858585;float:left;}
#article .artTop{width:100%;margin:0 0 20px 0;}
#article .art01{background-color:#ff7fbe; padding-left:14px;}
#article .art0101{background-color:yellow;margin:5px 5px 5px 0; padding:10px;}


/*Com Sub BigImg View Style Css*/
#regComImgL    {width:270px; height:300px; float:left; padding:0 0 0 18px; background:url(../img/board/view_photo.gif) left no-repeat;}
#regComImgL img{float:left; margin:5px 0 0 1px;}
#regComView{width:450px; padding:0 0 0 5px; font-size:11px; line-height:1.5em; color:#515152; float:left;}
#regComView th{border-bottom:1px solid #cccccc; height:25px;}
#regComView td{border-bottom:1px solid #cccccc;}

#regComContent{width:770px;}
#regTabList{width:100%; height:26px; background:url(../img/board/tap_bg.gif) left repeat-x;}
#regTabList li{float:left; font-weight: bold;text-align:left;}
.regTabContent{width:740px; min-height:200px; border-bottom:3px solid #76a2ea; padding:15px;  }



/*Sub content imgList*/
#imgListTop {width:769px; }
.subBtnTop{width:100%; height:20px;}
.subimgListTop{width:100%; height:20px; background-color:yellow;}

#subimgAtricle {width:100%; min-height:160px;  background:url(../img/board/line_dot.gif) left bottom repeat-x;}
#subimgAtricle ul {padding:5px 0 6px 0;}

.subImgL{width:170px; height:150px; text-align:center;}
.subImgR{width:560px; height:150px;}
.subImgR2{width:600px; float:left;}

/*.subMiniCarandel{width:150px; height:150px;}*/
.subMiniViewTitle{width:85%; font-weight: bold; padding-top:15px; _padding-bottom:5px;}
.subMiniViewBtn{padding-top:15px;}
.subMiniView{width:100%; height:100px; text-align: justify;}
.subMiniViewTitleBig{width:508px; height:20px; font-weight: bold; padding-top:15px;}

.expTip{width:150px; height:20px; background-color:yellow; z-index:10; position:absolute; display:none;}


/*com css Sub Top Menu Bg*/
/*회원*/
.menuTopTitle00{ width:777px; height:140px; background:url(../img/comimg/bg_sub_top_00.gif) top no-repeat;	padding:0 0 0 0;}
/*나의활동*/
.menuTopTitle01{ width:777px; height:140px; background:url(../img/comimg/bg_sub_top_01.gif) top no-repeat;	padding:0 0 0 0;}
/*센터소식*/
.menuTopTitle02{ width:777px; height:140px; background:url(../img/comimg/bg_sub_top_02.gif) top no-repeat;	padding:0 0 0 0;}
/*교육,체험*/
.menuTopTitle03{ width:777px; height:140px; background:url(../img/comimg/bg_sub_top_03.gif) top no-repeat;	padding:0 0 0 0;}
/*시설,장비*/
.menuTopTitle04{ width:777px; height:140px; background:url(../img/comimg/bg_sub_top_04.gif) top no-repeat;	padding:0 0 0 0;}
/*방송제작지원*/
.menuTopTitle05{ width:777px; height:140px; background:url(../img/comimg/bg_sub_top_05.gif) top no-repeat;	padding:0 0 0 0;}
/*상영, 아카이브*/
.menuTopTitle06{ width:777px; height:140px; background:url(../img/comimg/bg_sub_top_06.gif) top no-repeat;	padding:0 0 0 0;}
/*게시판*/
.menuTopTitle07{ width:777px; height:140px; background:url(../img/comimg/bg_sub_top_07.gif) top no-repeat;	padding:0 0 0 0;}

/* SubHeadTitle Com code :: sub_topkey_left_key*/
/*.exptitle{ width:777px; height:140px; background:url(../img/exp/subtop_img.gif) top no-repeat; padding:0 0 0 0;}*/
.lin1{border-top:3px solid #cccccc; margin-top:5px;}
.lin2 { border-bottom:3px solid #76a2ea; }

.expimgbgL { height:110px; background:url(../img/board/Lphoto_bg.gif) top no-repeat; padding:10px 0 0 0;}
.explistV1 { float:left; width:80px;}
.explistV2 { float:left;  height:250px; width:360px; font-size:11px; line-height:1.5em; color:#515152;}

.expVbox1  { width:753px; height:34px; background:url(../img/board/view_top.gif) top no-repeat;	padding:18px 0 0 18px; font-weight: bold;}
.expVbox2  { width:771px; min-height:310px; background:url(../img/board/view_center.gif) top repeat-y; _font-size:"0";}
.expVbox3  { width:771px; height:13px; background:url(../img/board/view_bottom.gif) top no-repeat; _font-size:"0"; padding-bottom:20px;}

.expimgbgV{ height:340px; background:url(../img/board/Vphoto_bg.gif) top no-repeat;	padding:20px 0 0 20px; }
.expbtnSIN{padding:10px 30px 0 0; text-align:right; }
.expsangV { min-height:300px; padding:15px; border-top:3px solid #76a2ea; border-bottom:3px solid #76a2ea; }


/*EDU css*/

.btnTop	{width:100%; padding:0 0 5px 0;}
.edutitle {width:617px; float:left; }
.eduTopList	{background-color:#f5f5f5;	padding:10px 0 5px 10px;}

.edulist {padding:0 0 0 20px;}
.edulist thead td{color:#000000;}
.edulist th {border-bottom:1px solid #f4f4f4; font-size:11px; line-height:1.5em; color:#716e6e;}
.edulist td {border-bottom:1px solid #f4f4f4; font-size:11px; line-height:1.5em; color:#716e6e;}
.regEduBtn {width:80px;}


/*INST css*/
.textarea_box{width:96%; border:1px solid #b0cbe9; font-size:11px; color:#666666; line-height:1.5em; padding:10px 0 0 10px;}
.textarea_box2{font-family:Gulim; width:95%; border:1px solid #b0cbe9; font-size:11px; color:#666666; line-height:1.5em; padding:10px 0 0 10px;}

/*DATA css*/	

#search { padding-bottom:15px; }
.search_tap{ font-size:0px;}
.search_bg { width:748px; height:32px; background:url(../img/board/Sc_box.gif) top left no-repeat; padding:15px 0 0 20px;}


#search_list{ width:768px; }
.search_list { background:url(/img/board/line_dot.gif) left bottom repeat-x; }

.data_no { background:url(/img/board/line_dot.gif) left bottom repeat-x;  height:45px; text-align:center; padding: 25px 0 0 0;}

/*이미지있을경우
.book_Img   { width:100px; height:103px;  float:left;  padding: 10px 0 0 10px; background:url(../img/board/Sc_imgBg.gif)  top no-repeat; }
.book_title1 { width:207px; height:68px;padding-top:45px; float:left; }
*/
.book_title1     { width:270px; height:55px; padding:10px 9px 5px 20px; float:left; }
.book_title2	 { width:172px; height:55px; padding:10px 10px 5px 10px;  float:left; color:#4f5154;}
.book_title3	 { width:130px; height:55px; padding:10px 0 5px 0; float:left; color:#73787f; text-align:center;}
.book_title4	 { width:70px; height:55px; padding:10px 0 5px 0; float:left;  color:#73787f; text-align:center; }
.book_title5	 { height:45px; padding:20px 0 5px 0; text-align:center;}

.vod_Img     { width:100px; height:103px;  float:left;  padding: 10px 0 0 10px; background:url(../img/board/Sc_imgBg.gif)  top no-repeat; }
.vod_title1  { width:300px; height:65px;padding:15px 8px 0 10px; float:left; }
.vod_title2	 { width:119px; height:65px;padding:15px 5px 0 5px; float:left;  text-align:center;}

/*주연 .vod_title3	 { width:85px; height:65px;padding-top:15px;; float:left; text-align:center;}*/
.vod_title4	 { width:123px; height:65px;padding:15px 5px 0 5px; float:left; text-align:center;}
.vod_title5	 { width:108px; height:65px;padding-top:15px;; float:left; text-align:center;}
.vod_title6	 { height:65px;padding-top:18px; text-align:center;}

.datapage {height:30px; padding:10px 0 10px 0;}

/*center infor*/
.about_bg {background:url("../img/center/about_bg.gif") top left repeat-x;}
.about_title{padding:20px 0 5px 0; width:760px;}
.about_text{padding:0 0 20px 25px; width:500px; min-height:150px;color:#858585; line-height:1.5em; float:left; }
.about_Stitle{text-align:right;}

.about_history{width:760px; padding:20px 0 0 10px;}
.about_hisimg{ height:580px; width:308px;}
.about_histxt{ padding:20px 0 0 30px; width:380px; float:left;}
.about_histitle{border-bottom: 2px solid #4eb1f0; height:24px;}

.about_hisday{ padding:10px 0 0 30px; width:400px; color:#858585;  float:left;}
.about_hisday li{padding:5px 0 5px 0; }
.about_hisyear{float:left; width:100px; color:#3a72cb;}
.about_hisyear2{float:left; width:100px; height:50px; color:#3a72cb;}

.about_hisview{height:60px;}

.about_line { padding:10px 0 10px 30px; width:380px;  float:left;}
.about_line li{border-bottom: 2px solid #f3f3f3;}

.centable li{ padding:20px 0 0 0;}
table.cen { border-top: 2px solid #b0cbe9; }
table.cen TBODY TH {background-color:#e5edf7; text-align:center; border: 1px solid #f2f2f2; height:30px; font-weight:bold; } 
table.cen TBODY TD { background-color:#ffffff; text-align:center; border: 1px solid #f2f2f2;} 

.centable li{ padding:20px 0 0 0;}
table.cen2 THEAD TD {background-color:#e5edf7; height:20px; padding:5px 0 0 10px; font-weight:bold; color: #617791;  }
table.cen2 TBODY TH { background-color:#ffffff; border: 1px solid #f2f2f2; padding:10px 10px 10px 10px;} 
table.cen2 TBODY TD { background-color:#ffffff; text-align:left; border: 1px solid #f2f2f2; padding:5px 5px 5px 5px;} 

.subtxt{width:700px; padding:0 20px 0 20px;}
.subtitle{padding:20px 0 3px 0;}
.subview{padding:0 0 10px 0;}

table.PR_tabl{border-bottom: 1px solid #b0cbe9;}
table.PR_tabl THEAD	TD {background-color:#daebfd; height:25px;  border-top: 1px solid #b0cbe9; border-bottom: 1px solid #b0cbe9; text-align:center; font-weight:bold }
table.PR_tabl TBODY	TH {height:25px; border-bottom: 1px solid #f2f2f2; border-right: 1px solid #f2f2f2;  text-align:center;}
table.PR_tabl TBODY	TD {height:25px; border-bottom: 1px solid #f2f2f2; padding:0 0 0 50px;}

.sub_stitle{padding:20px 0 0 20px}
.sub_sview {padding:5px 0 10px 22px; line-height:1.7em;}

.sub_stitle1{padding:10px 0 0 22px; font-weight:bold; line-height:1.8em;}
.sub_sview1 {padding:5px 0 5px 10px; line-height:1.8em; border: 1px solid #b0cbe9; width:96%}

.sub_stitle2{padding:5px 0 0 22px; font-weight:bold; line-height:1.8em; float:left;}
.sub_sview2 {padding:5px 0 0 0; line-height:1.8em;}

.sub_sview3 {padding:15px 0 0 0; font-size:11px;}
.sub_sview4 {padding:15px 0 0 0;  line-height:1.5em;}

.sub_sview5 {padding:7px 0 0 0; letter-spacing:-1px; line-height:1.8em;}

.sub_stitle6{padding:5px 0 0 30px; font-weight:bold; color:#666666;}
.sub_sview6 {padding:0 0 5px 30px; line-height:1.5em; font-size:11px;}
.sub_sview6 dt{padding:5px 5px 5px 5px; border: 1px solid #b0cbe9; width:95%}

.sub_stxt  {padding:0 0 0 13px;}
.sub_stxt1  {padding:0 0 0 10px;}
.sub_stxt2  {padding:0 0 0 10px; color:#6090fb; font-weight:bold;}
.sub_stxt3  {color:#6090fb; font-weight:bold;}

table.gi_tabl{border-bottom: 1px solid #00b591;}
table.gi_tabl THEAD	TD {background-color:#eef9f7; height:25px;  border-top: 1px solid #62cdb7; border-bottom: 1px solid #62cdb7; text-align:center; font-weight:bold }
table.gi_tabl TBODY	TH {height:23px; font-size:11px; font-weight:bold; border-bottom: 1px solid #e2e3e3; border-right: 1px solid #e2e3e3;  text-align:center;}
table.gi_tabl TBODY	TD {height:23px; border-bottom: 1px solid #e2e3e3; padding:0 0 0 50px;}

/**agree**/
#agree{width:700px; margin-bottom:30px; color:#666666;}
#agree .title{ background-color:#363636;}
#agree .view { padding:20px 30px 0 30px; border-bottom:1px solid #E5E5E5;  font-family:Dotum; }
#agree .view h1{color:#333333; font-size:14px; font-weight:bold; letter-spacing:-1px; margin:0 0 10px;}

#agree .view p {line-height:18px; margin-bottom:20px;}
#agree .view2 { margin-top:20px;  margin-bottom:20px; padding:20px 30px 0 30px; border-top:1px solid #E5E5E5;}

#agree .sview{ padding:20px 30px 0 30px;}
#agree .sview p{margin-left:41px; line-height:18px;color:#666666;} 
#agree .sview h1{color:#333333;  font-size:14px; font-weight:bold; letter-spacing:-1px;}
#agree .sview h2{color:#333333; margin:22px 0 0 18px;}

#agree .sview .depth2 p{margin-top:10px;}
#agree .sview .depth2{margin-left:41px;}

#agree .sview2{padding:20px 30px 0 30px; font-family:Dotum;}
#agree .sview2 h1{color:#333333; font-size:14px;  font-weight:bold; letter-spacing:-1px;}
#agree .sview2 p{line-height:18px;color:#666666;} 

#agree .sview3{padding:20px 30px 0 30px; font-family:Dotum;}
#agree .sview3 p{margin-left:41px; margin-top:10px; line-height:18px;color:#666666;} 
#agree .sview3 ul{margin-left:41px;}
#agree .sview3 li{line-height:18px;}
#agree .sview3 h1{color:#333333; font-size:14px; font-weight:bold; letter-spacing:-1px;  margin:47px 0 0;}
#agree .sview3 h1.first{margin:0;}
#agree .sview3 h2{color:#333333; margin:22px 0 0 18px;}
#agree .sview3 .depth1 {margin-top:5px !important; margin-left:18px;}
#agree .sview3 .depth2 {margin-left:41px;}

#agree .sview3 .contact {background:#F7F7F7 none repeat scroll 0 0; margin:5px 0 23px 18px; padding:20px 30px 20px 0;}
#agree .sview3 .contact table {border-collapse:collapse; border-spacing:0; width:100%;}
#agree .sview3 .contact th {border:0 none; font-weight:bold; color:#333333; letter-spacing:-1px; padding:5px 0 9px 29px; text-align:left;}
#agree .sview3 .contact td {padding:3px 0 3px 29px;}
#agree .sview3 .contact .line {border-left:1px solid #E5E5E5;}
#agree .sview3 .contact .col1 {width:250px;}