@charset "utf-8";

.seven_nav li {float:left;width:25% !important}

/* ul style - list */
.list-type-normal li{
	display:block;
	clear:both;
}

.list-type-normal li a{
	display:block;
	overflow:hidden;
	border-bottom:1px solid #efefef;
	padding:20px;
	color:#5f5f5f
}
.list-type-normal .subject{
	font-size:15px;
	clear:both;
	display:block;
	color:#000
}
.list-type-normal .subject .file{
	width:13px;
	margin-right:5px;
	vertical-align:middle
}
.list-type-normal .date{
	font-size:13px;
	color:#333
}
.list-type-normal .info{
	clear:both;
	font-size:14px;
	display:block;
	padding-top:10px
}
.list-type-normal .line{
	font-size:10px;
	color:#ddd;
	padding:0 3px
}

.blue {color:#0000ff;}



/* 게시판 뷰 */
#datacenter .row1{
	padding:10px;
	border-bottom:1px solid #3a3637;
	overflow:hidden
}
#datacenter .data-view{
	color:#666;
	font-size:12px
}
#datacenter .data-view .tt{
	text-align:left;
	font-size:15px
}
#datacenter .head .tt,
#datacenter .body{
	padding: 10px 20px;
	line-height:150%;
}
#datacenter .data-view .hit{
	position:absolute;
	right:10px;top:10px;
	font-size:13px;
	color:#666
}
#datacenter .data-view .view{
	position:relative;
	padding:25px 15px
}
#datacenter .data-view .pull-left img{
	width:105px;height:145px;
	border:2px solid #c1bfc0
}
#datacenter .data-view .pull-right{
	float:left;
	margin-left:20px;
	font-size:14px;
}
#datacenter .data-view dl{
	display:block;
	clear:both;
	overflow:hidden;
	padding-left:10px;
}
#datacenter .data-view dt,
#datacenter .data-view dd{
	float:left;
	color:#666;
	padding:5px
}

#datacenter .data-view .btn{
	padding-top:30px;	
}
#datacenter .data-view .btn a{
	padding:10px 24px;
	font-size:14px;
	background:#ff0000;
	color:#fff;
}
#datacenter .row2{
	border-bottom:5px solid #ddd
}
#datacenter .row3{
	border-top:1px solid #bbb;
}
#datacenter .row3 .foot{ /* 저작권안내 */
	border:1px solid #dedede;
	width:80%;
	margin:20px auto
}
#datacenter .row3 .foot .head{
	background:#f7f7f7;
}
#datacenter .row3 .foot .head .tt{
	text-align:center!important
}

.blue {color:#0000ff !important}
.red {color:#ff0000 !important}

#sm-sch {text-align:center;}
.btn_search{padding:9px 20px;font-size:20px;margin:0px auto;border:none;}

a.btn{display:inline-block;height:30px;line-height:30px;border:0;;border-radius:5px;padding:0 10px;font-weight:bold;font-size:1.09em;;vertical-align:middle}
.btn_02,a.btn_02{background:#9eacc6;color:#fff; cursor:pointer;}
.btn_03,a.btn_03{background:#377ae9;color:#fff; cursor:pointer;}

.frm_input {height:32px;}

.datazone {padding:0 10px;}

.datazone .cont1:before{display:inline-block;content:'';width:25px;height:33px;background:url('../../../../theme/basic/img/sub/p-a2.png') no-repeat;background-size:100%;
display:inline-block;position:absolute;left:0;top:0}
.datazone .cont1 {padding-left:30px;padding-bottom:2%;margin-top:2%;border-bottom:1px solid #d3d3d3;position:relative}
.datazone .cont1 li{color:#222222;font-size:1.2em;line-height:1.5em;}

.datazone .table-style1 td {text-align:left;padding-left:10px;}

.datazone .btn_submit{padding:10px 20px;font-size:20px;margin:0px auto;}

#modalLayer{display:none; }
#modalLayer .modalContent{width:320px; height:450px; padding:40px 10px 10px 10px; border:1px solid #ccc; position:fixed; left:50%; top:45%; z-index:100000; background:#fff; }
#modalLayer .modalContent button{position:absolute; right:0; top:0; cursor:pointer;}
#modalLayer .gnb_close_btn{background:#424242;color:#fff;width:50px;height:50px;border:0;vertical-align:top;font-size:18px;position:absolute;top:-50px;right:0}
#modalLayer h5 {padding:20px;font-size:20px;text-align:center;}
#modalLayer p {font-size:14px;text-align:center;color:#666}
#modalLayer .cont {width:100%; height:300px;padding:10px;overflow-y:auto;}

#modalLayer .cont  .write_div {margin-bottom:10px;text-align: left;}
#modalLayer .cont  .write_div .btn_top {text-align:center; margin-top:30px;} 
#modalLayer .cont  .write_div .btn_top input {padding:10px 20px 10px 20px;}
#modalLayer .cont  .write_div strong {padding:10px 0 10px 0px;}
#modalLayer .cont  .write_div div {margin-top:10px;}
#modalLayer .cont  .write_div #agree21 {vertical-align: middle;margin-top:3px;}


.charge-select{font-size:15px;}

.charge-select .pull-left, .charge-select .pull-right{padding:5px 0;}

.charge-select h2{font-weight:700;font-size:18px;}
.charge-select strong {font-weight:700;font-size:15px;padding:5px 0;}

.my-btn .btn1 {width:100%;}

.d_btn {display: inline !important}


.tabmenu li{float:left}
.tabmenu li a{display:block;width:69px;height:29px;line-height:29px;text-align:center;font-size:14px;background:url(../images/tabmenu_off.png) no-repeat 0 0;color:#666;text-decoration:none;margin-left:5px}
.tabmenu li.active a{background-image:url(../images/tabmenu_on.png);color:#fff}

.tabmenu ul.round{text-align:center;padding:25px 0}
.tabmenu ul.round li{display:inline-block;zoom:1;*display:inline;float:none;clear:left}
.tabmenu ul.round a{border-radius:5px;background:none;margin:0;width:auto;height:auto;border:1px solid #ddd;width:150px}
.tabmenu ul.round li.active a{background:#eb5a69;color:#fff;border:1px solid #eb5a69}
.tabmenu ul.round a.one{border-top-right-radius:0;border-bottom-right-radius:0}
.tabmenu ul.round a.two{border-top-left-radius:0;border-bottom-left-radius:0;border-left:0}


.hp_auth {display:none;margin-top:10px;}