@charset "utf-8";

/* 초기화 */
html {overflow-y:scroll}
body {margin: 0; padding: 0; font-size: 12px; font-family: '맑은 고딕',Malgun Gothic,'돋움',Dotum,AppleGothic,sans-serif;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin: 0; padding: 0; border: 0;}
h1, h2, h3, h4, h5, h6 { font-size: 1em; font-family: 'Malgun Gothic';}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

#hd ul, nav ul, #ft ul, ul {margin: 0; padding: 0; list-style: none;}
li {list-style:none}
legend {position: absolute; margin: 0; padding: 0; font-size: 0; line-height: 0; text-indent: -9999em; overflow: hidden;}
label, input, button, select, img {vertical-align:middle;}
input, button {margin: 0; padding: 0; font-size: 1em; font-family: '맑은 고딕',Malgun Gothic,'돋움',Dotum,AppleGothic,sans-serif;}
button {cursor: pointer}
ol, li { margin: 0; padding: 0; }

textarea, select { font-size: 1em; font-family: '맑은 고딕',Malgun Gothic,'돋움',Dotum,AppleGothic,sans-serif;}
select {  height: 26px; border: 1px solid #e8e8e8; background: #fff; }
p {margin: 0; padding: 0; word-break:break-all;}
hr {display: none;}
pre {font-size: 1.1em; overflow-x: scroll;}
a:link, a:visited {color:#000 ;text-decoration:none;}
a:hover, a:focus, a:active {color: #000; text-decoration: none; }

/* 테이블 */
table {width: 100%; border-collapse: collapse; }
caption {height: 0; font-size: 0; line-height: 0; overflow: hidden; text-indent:-20000px;}

body{min-width:1000px;}
a {color:#000;}

h5 {display:none;}
caption {display:none;}

*{margin:0; padding:0; list-style:none;  text-decoration: none;}


.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}


#header{border-bottom:1px solid #dcdcdc; height:32px;}
#header .header_line{width:1000px; margin-right:auto; margin-left:auto;}
#header .header_line ul {float:right;}
#header .header_line ul li {float:left;}
li.zoom{margin-left:10px;}


#kid *{margin:0;padding:0;list-style:none}
#kid img{border:0}
#kid a{text-decoration:none}

#kid {position:relative;font:12px;width:100%; height:83px; border-bottom:1px solid #dcdcdc;}
#kid .DB_wrap{position:relative;width:1000px;margin:0 auto;/*비표준=>left:50%;margin-left:-500px*/;height:72px}
#kid .DB_wrap h1{margin:10px 33px 0 0;float:left;font-size:24px}
#kid .DB_wrap .DB_main{float:left;margin-top:15px}
#kid .DB_wrap .DB_main li{float:left; margin:17px 0px 0 42px;}
#kid .DB_wrap .DB_main li a{display:block;width:100%;height:100%; color:#000; font-weight:800;font-size:18px;}
#kid .DB_wrap .DB_main li a:hover{color:#00a588}
#kid .DB_wrap .DB_main li.DB_select{}

#kid .DB_mask{position:absolute;width:100%;min-width:1000px;height:250px/*서브메뉴전체높이*/;overflow:hidden;display:none}
#kid .DB_mask .DB_move{position:relative;width:100%;height:240px;top:-162px  /*위로 메뉴숨기기*/;border-bottom:2px solid #003964; background:#fff;}
#kid .DB_mask .DB_move .DB_subSet{position:relative;width:1000px;margin:0 auto;/*비표준=>left:50%;margin-left:-500px*/;padding-top:20px}
#kid .DB_mask .DB_move .DB_subSet ul{float:left; margin: 0 15px 0 18px;}
#kid .DB_mask .DB_move .DB_subSet ul:first-child{margin-left:330px}/*비표준=> 첫번째 li에 클래스로 적용*/


.content{background:#32355c;}


.gnb_img{
	width: 250px;
	height: 200px;
    position: absolute;
    bottom: 4px;
    left: 0;
    top: 12px;
}

#kid .DB_mask .DB_move .DB_subSet ul li{height:22px;  padding: 6px 4px; text-indent:5px}
#kid .DB_mask .DB_move .DB_subSet ul li a{display:block;width:100%;padding:2px;color:#888888; text-decoration: underline; font-size:14px;}
/*#kid .DB_mask .DB_move .DB_subSet ul li a:hover{color:#59afe4;font-weight:bold;letter-spacing:-1px;}
#kid .DB_mask .DB_move .DB_subSet ul li.DB_select a{color:#59afe4;font-weight:bold;letter-spacing:-1px;}*/

#kid .DB_mask .DB_move .DB_close{position:absolute;top:130px;right:10px;cursor:pointer;}



#area01{width:1000px; height:370px; margin-left:auto; margin-right:auto; padding-top:90px;}
#area01 .area01{width:241px; height:369px; float:left; background:url(/images/cyber2016/cyber2016/news_bg_28.png); margin:0px}
#area01 .area01 .area01_top{height:61px;}
#area01 .area01 .area01_list{padding:0 23px;}
#area01 .area01 .area01_list ul li a{font-size:12px; color:#999999; line-height:20px;}



#area01 .area01 h3{width:63%; margin:18px 0; float:left; padding-left:23px;font-size:18px; letter-spacing:-1px;}
#area01 .area01 span{width:25%; height:25px; margin:18px 0; float:left;}
#area01 .area01 span a{color:#;}

#area01 .area01_video h3{float:left; width:405px; height:53px; background:#1a1a1a; line-height:53px; color:#999999; padding-left:24px;}
#area01 .area01_video span{float:left; width:71px; height:53px; background:#1a1a1a;  line-height:53px;}
#area01 .area01_video span a{color:#999999;}

#area01 .area01_video{float:left; width:500px; margin-left:10px;}



#area01 .area01_photo{float:left; width:240px; height:369px; background:#fff; margin-left:9px;}

#area01 .area01_photo .area01_top{height:61px;}
#area01 .area01_photo .area01_list{padding:0 23px;}
#area01 .area01_photo .area01_list ul li a img{width:100%;}

#area01 .area01_photo h3{width:63%; margin:18px 0; float:left; padding-left:23px;font-size:18px; letter-spacing:-1px;}
#area01 .area01_photo span{width: 25%; height: 25px; margin: 18px 0; float: left;}
#area01 .area01_photo span.title{width:100%; height:55px; margin:18px 0; float:left; font-size: 16px; font-weight: bold; color: #000; border-bottom:1px solid #ccc;}
#area01 .area01_photo p{font-size:13px; color:#999999;line-height:20px;}



#area02{width:980px; margin:auto; margin-top:10px; padding:10px;background:#ffffff;}

#area02 .area02{max-width:1000px; margin-right:auto; margin-left:auto; overflow:hidden;}

#area02 .area02 .title_text{width:50%; float:left; margin:25px 0;}


#area02 .area02 section{float:left; width:24%; margin-right:12px;}
#area02 .area02 section.right{float:left; width:24%; margin-right:0px;}
#area02 .area02 section li{background:#000;  padding:17px 13px;}

#area02 .area02 section li.img{background:none;  padding:0;}
#area02 .area02 section li.img a img{width:100%;}

#area02 .area02 section li span{color:#999999;font-size: 18px; font-weight: bold;}
#area02 .area02 section li p{font-size:11px; color:#999999; padding-top:12px;}

#area02 .area02 section > div {
    margin-top: 50px;
}

#area02 .area02 section .lecture_latest h3{float:left; margin-right:12px;}

#area02 .area02 section .lecture_latest ul li {
    float: left;
    width: 22%;
	margin-top:4px;
}



#area02 .area02 section > .lecture_latest2 {
    margin-top: 50px;
	margin-left:90px;
}

#area02 .area02 section .lecture_latest2 h3{float:left; margin-right:12px;}

#area02 .area02 section .lecture_latest2 h3 a{color: #f9f9f9; text-overflow: ellipsis; overflow: hidden; letter-spacing: 3px; text-decoration: none; line-height:28px;}

#area02 .area02 section .lecture_latest2 ul li {
    width: 100%;
	margin-top:4px;
}

#area02 .area02 section .lecture_latest2 span{
    color:#f9f9f9;
	line-height:23px;
	margin: 10px 0px;
}




#area03{margin-bottom:81px;}

#area03 .area03{max-width:1000px; margin-right:auto; margin-left:auto; overflow:hidden; margin-top:10px;}



#area03 .area03 section {
	height:188px; float:left; background:#fff;
	width: -moz-calc(50% - 5px); width: -webkit-calc(50% - 5px); width: -o-calc(50% - 5px); width: calc(50% - 5px); width: expression(50% - 5px); 
}

#area03 .area03 section.left{margin-right:0px;}
#area03 .area03 section.right{margin-left:10px;}

#area03 .area03 .title{width:93%; margin:0 auto; height:54px; border-bottom:1px solid #ccc;}



#area03 .area03 .title h3{width:80%; margin:18px 0; float:left; padding-left:17px; font-size:19px;}

#area03 .area03 .title h4{width:60%; margin:10px 0; float:left; padding-left:17px; font-size:19px;color:#cc9933;}


#area03 .area03 .title span{width:16%; height:25px; margin:18px 0; float:left;}
#area03 .area03 .title span a{color:#999999;}

#area03 .area03 .late_text{padding-top:16px;}

#area03 .area03 .late_text li{float:left; width:30%; margin:0 8px; text-align:center; }
#area03 .area03 .late_text li img{width:100%;}
#area03 .area03 .late_text li a{color:#999999;}


#area03 .area03 section .lecture_latest ul li.fir {border-left:1px solid #d3c6bc;}

#area03 .area03 section .lecture_latest ul li {float: left; width: 24.8%; border-right:1px solid #d3c6bc;}

#area03 .area03 section .lecture_latest ul li a img{width:100%;}


#footer{background:#ffffff; height:39px;}
#footer > ul {width:1000px; margin:auto;}
#footer > ul > li {float:left; margin-top:20px; margin-bottom:10px; }
#footer > ul > li {line-height:15px; }
#footer > ul > li > p{ margin-top:5px; color:#8c8c8c}
#footer > ul > li > p:first-child{ color:#000; }
/*

#footer .bottom{max-width:1000px; margin-right:auto; margin-left:auto;}



#footer .bottom ul li.fir{border-left:1px solid #d3c6bc;}

#footer .bottom ul li{float:left; padding: 0 30px 0 45px; border-right:1px solid #d3c6bc;}



#footer .bottom ul li a{color:#fff; line-height:35px;}

*/

.search-box { margin: 40px 0px;}
.search-box div { margin-bottom: 10px; line-height: 30px;}
.search-box strong { margin-right: 15px; padding-left: 15px; font-size: 13px; color: #707070; background: url(/images/cyber2016/sub/bullet_boards.gif) left center no-repeat; }
.search-box .search-tx strong { display: none;}
.search-box input[type="text"] { display: inline-block; width: 135px; padding: 0px 5px; height: 27px; line-height: 27px; border: 1px solid #d5d5d5;}
.search-box select { display: inline-block; width: 146px; padding: 0px 5px; height: 27px; line-height: 27px; border: 1px solid #d5d5d5;}
.search-box select { width: 70px;}
.search-box .gnum label { margin: 0px 5px; font-size: 13px; color: #707070;  }
.search-box .search-tx label { margin-left: 5px; }
.search-box .ui-datepicker-trigger { margin-left: 5px; }


.bo_fx { margin-bottom: 20px; line-height: 29px; overflow: hidden; font-size: 13px; font-weight: bold; font-family: "Nanum Gothic"; color: #7f7f7f;}
.bo_fx .bo_list_total { float: left;  }
.bo_fx .bo_list_total span { color: #00879d;}
.bo_fx .bo_list_count { float: right;}
.bo_fx .bo_list_count .count-bx { width: 20px;  margin:0px 5px; padding:0px 5px; height: 27px; line-height: 27px; border: 1px solid #d5d5d5;}


.bd_btn01 { display: inline-block; padding: 0px 10px; height: 27px; line-height: 27px; text-align: center; vertical-align: middle; border: 1px solid #d5d5d5; }
.bd_btn02 { display: inline-block; padding: 0px 10px; height: 27px; line-height: 27px; text-align: center; vertical-align: middle; border: 1px solid #d5d5d5; }


/* 게시판 list */
.tbl-type01 { border-top: 2px solid #cacaca; border-bottom: 1px solid #cacaca;}
.tbl-type01 thead th { height: 43px; font-size: 14px; font-family: "Nanum Gothic"; color: #414141; background: #deecfa; text-align:center;}
.tbl-type01 tbody td { height: 38px; padding: 0px 5px; font-size: 13px; font-family: "Nanum Gothic"; text-align: center; border-bottom: 1px solid #cacaca}

/* 게시판 view */
.tbl-type02 { border: 1px solid #cacaca; border-top:2px solid #419ad2; }
.tbl-type02 tbody td { height: 48px; padding: 0px 5px; font-size: 13px; font-family: "Nanum Gothic"; text-align: left; border-top: 1px solid #cacaca;}
.tbl-type02 tbody th { 
	height: 48px; font-size: 13px; font-family: "Nanum Gothic"; padding-left:10px;
	color: #414141; border-top: 1px solid #cacaca; border-right: 1px solid #cacaca; background: #deecfa; 
}
.tbl-type02 tbody td.content { min-height: 200px; padding:30px; vertical-align: top;}
.texta textarea { height: 100px; border: 1px solid #cacaca; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.tbl-type02 tbody td textarea,
.tbl-type02 tbody td input[type="text"] { border: 1px solid #cacaca; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.tbl-type02 tbody td input[type="text"] { height: 40px;}
.tbl-type02 tbody td textarea {  height: 100px; margin: 10px 0px; }
/* 게시판 view2 */
#bo_view { margin: 20px 0px 20px; overflow: hidden;}
#bo_view .subject { font-size: 21px; font-weight: 600; color: #515151; }
#bo_view .subjp { font-size: 14px; color: #515151; }
#bo_view #bo_v_info { margin-top: 15px; text-align: right;}
#bo_view #bo_v_info span { margin-left: 5px; font-size: 13px; color: #515151;}
#bo_view #bo_v_atc { padding: 20px 0px; font-size: 16px; font-weight: bold; color: #000000; }
#bo_view #bo_v_file { }
#bo_view #bo_v_file a.hangul { padding-left: 20px; font-size: 14px; color: #4083d1; background:url(/images/cyber2016/sub/ico_hangul.gif) left center no-repeat;}

.tbl-type03 { border: 1px solid #d9d9d9; border-top: 3px solid #deecfa; }
.tbl-type03 tbody tr:first-child th,
.tbl-type03 tbody tr:first-child td { border-top: none; }
.tbl-type03 tbody td { height: 38px; padding: 0px 5px; font-size: 14px; font-family: "Nanum Gothic"; text-align: left; border-top: 1px solid #d9d9d9; }
.tbl-type03 tbody th { padding-left: 20px; font-size: 14px; font-family: "Nanum Gothic"; font-weight: bold; color: #414141; border-top: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; background: #deecfa; }

.tbl-type04 { border: 1px solid #d9d9d9; }
.tbl-type04 thead tr th { height: 40px; border-top: 1px solid #cacaca; border-left: 1px solid #cacaca; font-size: 14px; text-align:center; background: #deecfa; }
.tbl-type04 thead tr th:first-child { border-left: none;}
.tbl-type04 thead tr:first-child th { border-top: none;}
.tbl-type04 thead td,
.tbl-type04 tbody td { height: 38px; padding: 0px 5px; font-size: 13px; font-family: "Nanum Gothic"; text-align: left; border-top: 1px solid #d9d9d9; border-left: 1px solid #d9d9d9; text-align: center;}
.tbl-type04 tbody th { font-size: 14px; font-family: "Nanum Gothic"; font-weight: bold; color: #414141; border-top: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; text-align:center; background: #deecfa; }
.tbl-type04 tbody td img { max-width: 100%;}
.tbl-type04 tbody td:first-child { border-left: none; }

.tbl-type05 { border: 1px solid #e5f0fb; }
.tbl-type05 thead td,
.tbl-type05 tbody td { height: 38px; padding: 0px 5px; font-size: 13px; font-family: "Nanum Gothic"; text-align: left; border-top: 1px solid #e5f0fb; border-left: 1px solid #e5f0fb; text-align: center;}
.tbl-type05 tbody td:first-child { border-left: none; }
.tbl-type05 tbody tr:first-child td { border-top: none; }

/* 페이징 */
.paging { width: 100%; margin-top: 20px; text-align: center; line-height: 30px; }
/*
.paging a { display: inline-block; width: 23px; height: 23px; line-height:23px; border: 1px solid #cacaca; }
.paging a.btn_pag { text-indent: -20000px; white-space: nowrap; }

.paging a.btn_home { background:url(/images/cyber2016/btn_prev2.gif) center center no-repeat;}
.paging a.btn_prev { background:url(/images/cyber2016/btn_prev.gif) center center no-repeat;}
.paging a.btn_next { background:url(/images/cyber2016/btn_next.gif) center center no-repeat;}
.paging a.btn_end { background:url(/images/cyber2016/btn_next2.gif) center center no-repeat;}
*/






/* 게시판 버튼 */
.tbl-btn-set { margin-top: 20px; overflow: hidden; }
.tbl-btn-set a { 
	display: inline-block; width: 65px; height: 29px; line-height: 29px; 
	color: #707070; text-align: center; background: url(/images/cyber2016/bg_bdbtn01.gif) no-repeat;
}
.wfile { display: inline-block; width: 90px; height: 40px; line-height: 40px; color: #707070; vertical-align: middle; text-align: center; background: url(/images/cyber2016/sub/bg_bdbtn04.gif) no-repeat;}
/* tab */
.bd_tab { margin-top: 20px; }
.bd_tab>ul { overflow: hidden;}
.bd_tab>ul>li { float: left;}
.bd_tab>ul>li:first-child { border-left: 1px solid #999999;}
.bd_tab>ul>li>a { display: inline-block; padding: 5px 20px; font-size: 14px; font-weight: 300; color: #808080; border-top: 1px solid #808080; border-right: 1px solid #808080; border-bottom: 1px solid #808080; letter-spacing: -1px;}
.bd_tab>ul>li>a:hover,
.bd_tab>ul>li>a.active { color: #fff; background: #262a36;}
.mcategory { display: none;}


.fr {float:right;}
.fl {float:left;}


.view_gallery {
	width:1000px;
	margin:auto;
}

.view_gallery li{
	float:left;
	width:240px; margin-left:13px;
}
.view_gallery li:first-child{
	margin-left:0px;
}

.view_gallery li:nth-child(5){margin-left:0px;}

.view_gallery:after { display:block;clear:both;content:""}



#best_tv { width:100%; height:190px; position:relative; background:url(/images/cyber2016/best_tv_bg.jpg) left top no-repeat; }
#best_tv h3 { position:absolute; top:19px; left:23px;}
#best_tv ul { position:absolute; top:14px; left:201px;}
#best_tv ul li { float:left; margin-right:1px; width:190px; text-align:center; background-color:#323232; color:#fff;}
#best_tv ul li img { margin-bottom:4px;}
#best_tv ul li a {color:#fff;}
.cate_navi { clear:both; width:982px; height:34px; padding-top:7px; background:url(/images/cyber2016/cate_navi_bg.gif) left top no-repeat; margin-bottom:33px;}
.cate_navi ul { margin-left:11px; width:960px;}
.cate_navi ul li { float:left;}
.tv_zone .tip { margin-bottom:30px;}
#media_list { width:982px;}
#media_list li { position:relative; float:left; width:480px; height:190px; margin:0 4px 30px 4px; background:url(/images/cyber2016/media_list_bg.gif) left top no-repeat;}
#media_list li p.img { position:absolute; top:25px; left:52px;}
#media_list li p.tit { width:255px; height:36px; font-weight:bold; padding:7px 0 0 18px; background:url(/images/cyber2016/media_tit_bg.gif) left top no-repeat; margin:12px 0 0 182px;}
#media_list li p.info { width:260px; height:73px; margin-left:190px; color:#989898; text-align:justify; line-height:130%;}
#media_list li p.date { width:260px; height:20px; margin-left:190px; font-size:90%; color:#989898; text-align:right;}


.media_list:after { display:block;clear:both;content:""}




#movie_view_zone { width:100%; height:500px; background:url(/images/cyber2016/movie_view_zone_bg.gif) left top no-repeat; margin-bottom:25px;}
#movie_view_zone .movie { float:left; width:570px; height:455px; margin:20px 0 0 22px;}
#movie_view_zone .movie_info { float:right; width:360px; margin:20px 25px 0 0;}
#movie_view_zone .movie_info h4 { width:360px; height:50px; padding-top:15px; text-align:center; vertical-align:middle; color:#fff; font-size:120%;}
#movie_view_zone .movie_info .text {width:320px; height:340px; color:#fff; overflow:auto; padding:20px;padding-left:0px;}
*html #movie_view_zone .movie_info { float:right; width:340px; margin:20px 25px 0 0;}
*html #movie_view_zone .movie_info h4 { width:340px; height:50px; padding-top:15px; text-align:center; vertical-align:middle; color:#fff; font-size:120%;}
*html #movie_view_zone .movie_info .text {width:300px; height:340px; color:#fff; overflow:auto; padding:20px;}




#ebook_list li.box { position:relative; width:982px; height:176px; background:url(/images/cyber2016/ebook_box_bg.gif) left top no-repeat; color:#fff; }
#ebook_list h4 { padding:8px 0 0 28px; margin-bottom:37px;}
#ebook_list .action { position:absolute; top:4px; right:7px;} 
#ebook_list .action li { float:left; margin-left:4px;}
#ebook_list .book li.img { position:absolute; top:46px; left:44px;}
#ebook_list .book li.img img { border-top:1px #dcdcdc solid; border-right:1px #dcdcdc solid;  border-left:2px #000 solid;}
#ebook_list .book li.view { position:absolute; top:120px; left:53px;}
#ebook_list .book li.download { position:absolute; top:120px; left:91px;}
#ebook_list .qr_info { width:750px; height:76px; overflow:hidden; margin-left:195px;}
#ebook_list .qr_code {  position:absolute; top:68px; right:35px; display:none;}







#polocy_best { position:relative; width:982px; height:283px; background:url(/images/cyber2016/polocy_best_bg.gif) left top no-repeat; margin-bottom:40px; }
#polocy_best .tit { position:relative; color:#fffe99; height:57px; text-align:right; padding-right:9px; padding-top:8px; font-weight:bold; }
#polocy_best .tit h4 { position:absolute; top:8px; left:65px; color:#fff;}
#polocy_best .list {  position:relative; margin-left:32px; width:700px;}
#polocy_best .list li { background:url(/images/cyber2016/dot_green.gif) 194px 6px no-repeat;  padding-left:200px;}
#polocy_best .list li.img { padding-left:0px; position:absolute; top:0; left:0; text-align:center;}
#polocy_best .list li.img span { display:block;}
#polocy_best .list li.img img { border:3px #fff solid; margin-bottom:5px;}
#polocy_best .etc { position:absolute; top:220px; left:32px; width:700px; height:20px;}
#polocy_best .etc li {}
#polocy_best .etc li.rss { background:url(/images/cyber2016/icon_rss.gif) left 5px no-repeat;  padding-left:20px;}
#policy_sear.search_zone input { margin-right:1px;}


#photo_list { padding-bottom:30px; border-bottom:1px #e3e3e3 solid;}
#photo_list li { float:left;  width:190px; height:200px; text-align:center; margin:0 3px; background:url(/images/cyber2016/basic_photo_bg.gif) left top no-repeat; font-size:100%;}
*html #photo_list li { float:left;  width:190px; height:200px; text-align:center; margin:0 2px; background:url(/images/cyber2016/basic_photo_bg.gif) left top no-repeat; font-size:100%;}
#photo_list li p { padding-top:7px; margin-bottom:4px; width:190px; height:21px; }
#photo_list li img { border:1px #b9babf solid; margin-bottom:16px;}
#photo_list li span { display:block; font-size:90%; color:#9e9e9e;}
#photo_list li .on { background:url(/images/cyber2016/basic_photo_bg_on.gif) left top no-repeat;}
#photo_list li .week { background:url(/images/cyber2016/basic_photo_bg_week.gif) left top no-repeat;}
#photo_list li .weekon {  background:url(/images/cyber2016/basic_photo_bg_on.gif) left top no-repeat;}
#photo_list li a { color:#fff;}
#photo_list ul:after { content:""; clear:both; display:block;}
#photo_list .clear {clear:both;}


table.basic_list { width:100%; border-collapse: collapse; margin-bottom:10px;  background:url(/images/cyber2016/basic_list_bg.gif) left top no-repeat; }
table.basic_list thead th { height:20px; padding:10px 0 5px 0; font-size:90%; color:#fff;} 
table.basic_list tbody td { padding:10px 0 7px 0; border-bottom: 1px #e1e1e1 solid; text-align:center; color:#999; font-size:90%; font-weight:normal; background:none;}
table.basic_list tbody td.td_left  { padding-left:15px; text-align:left; font-size:100%; vertical-align:top;}




table.basic_view { width:100%; border-collapse: collapse; background:url(/images/cyber2016/photo_view_zone_top_bg.gif) left top no-repeat; margin-bottom:10px; }
table.basic_view thead th { padding:7px 0 5px 25px; text-align:left; color:#fff; background:none;}
table.basic_view thead td { padding:9px 0 7px 0; border-bottom: 1px #e1e1e1 solid; text-align:left; color:#666; font-size:90%;  background:none;}
table.basic_view thead td.cate { background:url(/images/cyber2016/th_line.gif) right 13px no-repeat; font-weight:bold; padding-left:15px;}
table.basic_view thead td.info {font-weight:nomal; padding-left:20px;  background:none;}
table.basic_view tbody td { padding:9px 0 7px 20px; border-bottom: 1px #e1e1e1 solid; text-align:left; color:#666; font-size:90%; background:none;}
table.basic_view tbody td.cont_view { padding:15px 15px 60px 15px; text-align: justify; font-size:100%;}
table.basic_view tbody td.cont_view .cp_view { width:100%; text-align:center; margin-bottom:20px;}
table.basic_view tbody td.cont_view .cp_info { background-color:#f8f8f8; border: 1px #dfdfdf solid; padding:20px;}
table.basic_view tbody td.cont_view .cp_info h4 { margin-bottom:12px; font-size:120%; color:#000;}
table.basic_view tbody td.action { background-color:#f4f4f4; font-weight:bold; text-align:center; padding-left:0;}
table.basic_view tbody td.date { text-align:center; padding-left:0;}



	#gongmo2 {margin:10px 0 25px 0;width:100%;}

	#gongmo2 a {text-decoration:none;}
	#gongmo2 a img {margin-left:3px;}
	#gongmo2 img {border:0 none; padding:0; margin:0;}
	#gongmo2 ul {list-style:none;padding:0; margin:0; }

	#gongmo2 th {border-left:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9; padding: 5px; line-height:20px; font-family:"Dotum","돋움", "굴림", Arial; font-size:12px; color:#6b6b6b;text-align:center;}
	#gongmo2 td {border-left:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9; padding: 5px; line-height:20px; font-family:"Dotum","돋움", "굴림", Arial; font-size:12px; color:#6b6b6b;text-align:left;}

	#gongmo2 thead th {background:#b9b9b9; color:#fff; font-weight:bold; padding: 5px; line-height:20px;}

	#gongmo2 tbody th {background: #f1f2e7; font-weight:bold;}
	#gongmo2 tbody th.title01 {background: #fff; font-weight:bold;}
	#gongmo2 tbody th.nohead {border-top:1px solid #d9d9d9;}

	#gongmo2 .line01{border-left:none;}
	
	#gongmo2 .photo01 {text-align:center; padding:10px; }
	#gongmo2 .photo01 img{border:1px solid #d9d9d9;}
	#gongmo2 .photo01 img.twin{margin:5px 0 0 0;}

	#gongmo2 td.center {text-align:center;}
		
	#gongmo2 ul {margin-left:5px; font-weight:bold; font-size:14px; text-align:center;}
    	#gongmo2 li {font-weight:normal; font-size:12px; text-align:left; background: url("/cyber/imgs/board/bul_gray.gif") no-repeat scroll 0 8px;    padding-bottom: 5px;    padding-left: 8px; margin-top:5px;}

	p.title01 {margin:5px 2px; font-size:14px; color:#3e3e3e; font-weight:bold;  background: url("/cyber/imgs/board/bul_title01.gif") no-repeat scroll 0 2px;   padding-left: 10px; }


.photo_view_zone { width:100%; background:#626471; margin-bottom:25px;}
.photo_view_zone .tit { position:relative; color:#fff; height:35px; text-align:right; padding-right:9px; padding-top:5px; 
background:url(/images/cyber2016/photo_view_zone_top_bg.gif) left top no-repeat;}
.photo_view_zone .tit h4 { position:absolute; top:8px; left:25px;}
.photo_view_zone .detail_img { float:left; width:600px; position:relative; padding-left:8px; margin-bottom:10px;}
.photo_view_zone .detail_img .next { position:absolute; top:45%; right:15px;}
.photo_view_zone .detail_img .prev { position:absolute; top:45%; left:15px;}
.photo_view_zone .detail_img .download { position:absolute; top:100%; left:8px; margin-top:-27px;}
.photo_view_zone .detail_img img { border:1px #464749 solid;}
.photo_view_zone .detail_img ul img { border:none;}
.photo_view_zone .img_list { float:right; width:362px; padding-right:7px;}
.photo_view_zone .img_list .sum_img li { float:left; margin:0 2px 4px 2px; text-align:center; }
.photo_view_zone .img_list .sum_img li img { border:1px #464749 solid;}
.photo_view_zone .img_list .sum_img li span { display:block; color:#fff;}
.photo_view_zone .img_list .list_paging { clear:both; padding:10px 0 10px 0; background:url(/images/cyber2016/list_paging_bg.gif) left 100% no-repeat; margin-top:0;}
.photo_view_zone .img_list .list_paging a { color:#fff;}
.photo_view_zone .img_list .list_paging .select { font-weight:bold;}
.photo_view_zone .img_info { clear:both; width:100%;}
.photo_view_zone .img_info p { width:950px; background:url(/images/cyber2016/icon_wline.gif) 10px 23px no-repeat; padding:20px 0 20px 18px; color:#fff;}

.photo_view_zone .detail_img2 {position:relative; padding-left:8px; padding-bottom:10px; width:966px; overflow:hidden;}
.photo_view_zone .detail_img2 .next { position:absolute; top:45%; right:15px;}
.photo_view_zone .detail_img2 .prev { position:absolute; top:45%; left:15px;}
.photo_view_zone .detail_img2 .download { position:absolute; top:100%; left:8px; margin-top:-37px;}
.photo_view_zone .detail_img2 img { border:1px #464749 solid;}
.photo_view_zone .detail_img2 ul img { border:none;}


.sitemap_wrap { width:980px; height:454px; background:url(/images/cyber2016/sitemap_wrap_bg.gif) left top no-repeat; position:relative;}
.sitemap_wrap div { width:125px; float:left; margin-left:10px; padding-top:52px;}
.sitemap_wrap div:first-child { margin-left:20px}
.sitemap_wrap div h3 { margin-bottom:15px;}
.sitemap_wrap div ul { width:105px; background-color:#fff; border-top:2px #327c0b solid; border-right:1px #e6e4e4 solid; border-left:1px #e6e4e4 solid; border-bottom:1px #e6e4e4 solid; padding: 20px 10px; height:180px;  }
.sitemap_wrap div ul li { line-height:130%; background:url(/images/cyber2016/dot_green.gif) left 9px no-repeat;  padding-left:7px; font-size:90%; border-top:1px #e6e4e4 solid; padding-bottom:4px; padding-top:4px; }
.sitemap_wrap div ul li:first-child { border-top:none;}


#promotion tbody td.td_left img { float:left; margin-right:15px;}
#promotion tbody td.td_left a { font-weight:bold; color:#000;}
#promotion tbody td.td_left span { display:block; font-size:90%; padding-top:5px; }
#promotion tbody td.td_left p { padding-top:10px; }
#promotion.basic_view thead td.info a { margin-right:10px; }
#promotion.basic_view tbody td.cont_view { padding-left:0; padding-right:0;}



/* jsg 2017.01.16 */
.view_gallery li:nth-child(5){margin-left:0px;}
.view_gallery li:nth-child(9){margin-left:0px;}
.view_gallery li:nth-child(13){margin-left:0px;}
.view_gallery li:nth-child(17){margin-left:0px;}


.paging li {overflow:hidden; display:inline-block; width:23px; height:23px; line-height:23px; border:1px solid #cacaca; overflow:hidden;}    
.paging li.start img,
	.paging li.prev img,
	.paging li.next img,
	.paging li.end img {display: block; position: absolute; overflow: hidden; top: -999999px; left: -999999px; width: 1px; height: 1px; font-size: 0; text-indent: -999999px; line-height: 0;}
.paging li.start{background:url(/images/place2016/common/btn_prev2.gif) center center no-repeat;}
.paging li.prev{background:url(/images/place2016/common/btn_prev.gif) center center no-repeat;}
.paging li.next{background:url(/images/place2016/common/btn_next2.gif) center center no-repeat;}
.paging li.end{background:url(/images/place2016/common/btn_next.gif) center center no-repeat;}
.paging li.select a {color:#EA4D00; font-weight:bold;}


.sum_img li { float:left; margin:0 1px 4px 1px; text-align:center; }
.sum_img li img { border:1px #464749 solid;}
.sum_img li span { display:block; color:#fff;}

.list_paging2 {text-align:center;}
.list_paging2 li {overflow:hidden; display:inline-block; width:23px; height:23px; line-height:23px; overflow:hidden;}    
.list_paging2 li.start img,
	.list_paging2 li.prev img,
	.list_paging2 li.next img,
	.list_paging2 li.end img {display: block; position: absolute; overflow: hidden; top: -999999px; left: -999999px; width: 1px; height: 1px; font-size: 0; text-indent: -999999px; line-height: 0;}
.list_paging2 li.start{background:url(/images/place2016/common/btn_prev2.gif) center center no-repeat;}
.list_paging2 li.prev{background:url(/images/place2016/common/btn_prev.gif) center center no-repeat;}
.list_paging2 li.next{background:url(/images/place2016/common/btn_next2.gif) center center no-repeat;}
.list_paging2 li.end{background:url(/images/place2016/common/btn_next.gif) center center no-repeat;}
.list_paging2 li.select a {color:#EA4D00; font-weight:bold;}


.list_paging {text-align:center; margin-top:10px}
.list_paging li {overflow:hidden; display:inline-block; width:23px; height:23px; line-height:23px; border:1px solid #cacaca; overflow:hidden;}    
.list_paging li.start img,
	.list_paging li.prev img,
	.list_paging li.next img,
	.list_paging li.end img {display: block; position: absolute; overflow: hidden; top: -999999px; left: -999999px; width: 1px; height: 1px; font-size: 0; text-indent: -999999px; line-height: 0;}
.list_paging li.start{background:url(/images/place2016/common/btn_prev2.gif) center center no-repeat;}
.list_paging li.prev{background:url(/images/place2016/common/btn_prev.gif) center center no-repeat;}
.list_paging li.next{background:url(/images/place2016/common/btn_next2.gif) center center no-repeat;}
.list_paging li.end{background:url(/images/place2016/common/btn_next.gif) center center no-repeat;}
.list_paging li.select a {color:#EA4D00; font-weight:bold;}





.stit { height:25px; padding-right:18px;}
.stit h3 { float:left;}
.stit ul { float:right;}
.stit ul li { float:left; margin-left:3px;}