@charset "utf-8";

.seven_nav li.txt01{width:160px !important;}
.datazone{width:1150px;margin:0 auto 100px;}

.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:3%;padding-bottom:2%;margin-top:2%;border-bottom:1px solid #d3d3d3;position:relative}
.datazone .cont1 li{color:#222222;font-size:1.3em;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;}

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;}

.datazone .btn {font-size:13px;}
.cont .write_div {overflow-y:auto;height:400px;line-height:120%;font-size:14px !important;}

.sbj {text-align:left;padding-left:10px !important;}

.data-sch-box {text-align:center;padding-bottom:20px;}
.data-sch-box .frm_input{height: 34px;}
.data-sch-box .btn_search {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;background:#ff4081;color:#fff;}


/* --------------------------------------------
	자료센터 리스트
-------------------------------------------- */
.data-list{clear:both;margin-top:30px}
.data-list li{display:block;clear:both;padding:15px 0;overflow:hidden;}
.data-list li .img,
.data-list li .doc{float:left;overflow:hidden}
.data-list li .img{width:110px;}
.data-list li .img .frame{display:block;width:107px;height:142px;background:url(/img/datazone/frame.png) no-repeat 0 0;padding:3px}

.data-list li .doc{width:780px;height:140px;padding:10px 20px;position: relative;}
.data-list li .doc .subject{padding-bottom:10px}
.data-list li .doc .subject a{color:#666; font-size:15px;}

.data-list li .doc .description{line-height:180%;color:#888}
.data-list li .doc .information{clear:both;display:block;padding-top:15px;bottom:10px;position: absolute;}
.data-list li .doc .information span{float:left;color:#888;font-size:14px}
.data-list li .doc .information .blue{color:blue}
.data-list li .doc .information .line{padding:0 10px}

.data-list li .viewer-down{text-align:center;border:1px solid #eee;width:140px;height:140px;padding:10px 20px;position: relative;float:right;}
.data-list li .viewer-down a {line-height:120px;font-size:14px;}
/* --------------------------------------------
	자료센터 내용보기
-------------------------------------------- */
#data-view{position:relative}

/* 파일 리스트 - 슬라이드 */
#data-view .head-wrap{}
#data-view .head-wrap .top{border:1px solid #dddddd;overflow:hidden;font-size:14px;color:#666}
#data-view .head-wrap .top .inner{padding:15px}
#data-view .head-wrap .file-list{background:#737e8a}
#data-view .head-wrap .file-list .inner{padding:30px;overflow:hidden}
#data-view .head-wrap .file-list li{float:left}
#data-view .head-wrap .file-list li a{position:relative;border:1px solid #828282;display:block;overflow:hidden;width:90px;height:129px}
#data-view .head-wrap .file-list .num{background:#c1c1c1;display:block;padding:2px 5px;text-align:center;color:#fff;position:absolute;right:0;bottom:0;font-size:10px;font-weight:bold}

#data-view .body-wrap{clear:both}
#data-view .body-wrap .title{font-size:15px;font-weight:normal}
#data-view .body-wrap .block{clear:both;border-bottom:1px solid #ddd;padding:30px 0}
#data-view .body-wrap .block .desc{line-height:180%;padding:20px;clear:both;color:#666}

#data-view .body-wrap ul.reco-link{clear:both}
#data-view .body-wrap ul.reco-link li{line-height:200%;}
#data-view .body-wrap ul.reco-link li a{color:#666}

#data-list-slide{width:100%;position:relative}
#data-list-slide .slides_container{margin-left:30px;width:100%;overflow:hidden}
#data-list-slide .slides_container .file-group{display:block;float:left;overflow:hidden;margin:0 15px}
#data-list-slide .pagination{display:none}

#data-list-slide .prev{background:url(/img/datazone/btn_arrow.png) no-repeat 0 0;width:13px;height:26px;overflow:hidden;display:block;position:absolute;left:30px;top:76px;z-index:2;text-indent:-1000em}
#data-list-slide .next{background:url(/img/datazone/btn_arrow.png) no-repeat -13px 0;width:13px;height:26px;overflow:hidden;display:block;position:absolute;right:30px;top:76px;z-index:2;text-indent:-1000em}

.file-list.no-view .msgbox{display:block;width:100%;height:100%;color:#fff;font-size:13px;position:absolute;z-index:1000;background:url(/img/datazone/opacity.png) repeat 0 0;text-align:center}
.file-list.no-view .msgbox span{color:#57ff68;font-size:16px;font-weight:bold;line-height:180%;}
.file-list.no-view .msgbox .inner{padding-top:120px;position:relative;top:20px}
.file-list.no-view .msgbox .data-download{position:relative;top:-90px}
.file-list.no-view .msgbox .data-download a{width:132px;height:48px;line-height:48px;margin:0 auto;margin-top:115px;font-size:17px;background-position:22px center;}


.file-list .msgbox{display:none}
.file-view .msgbox{display:none}


/* 파일 보기 */
.file-view{position:relative;background:#e7e7e7;padding-bottom:50px;width:100%;z-index:1;display:none}
.file-view .inner{padding:25px 50px;text-align:center;}
.file-view .inner img{max-width:550px;max-height:750px;}

.file-view .filebox{border:1px solid #000;background:#fff;position:relative;width:96%;height:800px;margin:0 auto;z-index:1000}
.file-view .filebox .num{background:#767676;color:#fff;font-size:16px;font-weight:bold;text-align:center;width:40px;height:40px;line-height:40px;display:block;position:absolute;right:0;top:30px}
.file-view .close{display:block;width:75px;height:73px;background:url(/img/datazone/fileview_close.png) no-repeat 0 0;position:absolute;
bottom:0px;text-indent:-1000em;cursor:pointer;right:0px}
.file-view .filebox.back{width:89%;height:740px;z-index:888;position:absolute;top:60px;margin-left:-10px}


.file-view .filebox2{border:1px solid #000;background:#fff;position:relative;width:96%;height:500px;margin:0 auto;z-index:1000}
.file-view .filebox2 .num{background:#767676;color:#fff;font-size:16px;font-weight:bold;text-align:center;width:40px;height:40px;line-height:40px;display:block;position:absolute;right:0;top:30px}
.file-view  .filebox2 .close{display:block;width:75px;height:73px;background:url(/img/datazone/fileview_close.png) no-repeat 0 0;position:absolute;bottom:0px;text-indent:-1000em;cursor:pointer;right:-50px}
.file-view .filebox2.back{width:89%;height:500px;z-index:888;position:absolute;top:60px;margin-left:-10px}



/* 파일박스 - 우측 없을때 */
.file-view.no-right .filebox.back{width:80%;position:absolute;top:120px;margin-left:-10px;z-index:888;top:60px;height:660px}
.file-view.no-right .next{display:none}

/* 파일박스 - 좌측 없을때 */
.file-view.no-left .filebox.back{width:80%;position:absolute;top:120px;right:40px;z-index:888;top:60px;height:660px}
.file-view.no-left .prev{display:none}
.file-view .filebox .arrow{cursor:pointer;position:absolute;top:300px}
.file-view .filebox2 .arrow{cursor:pointer;position:absolute;top:200px}
.file-view .arrow.prev{left:-50px}
.file-view .arrow.next{right:-50px}

/* 파일박스 - 권한없음 , 팝업 */
.file-view.no-view .msgbox{width:800px;height:202px;background:url(/img/datazone/noview.png) no-repeat 0 0;position:absolute;left:100px;top:250px;display:block}
.file-view.no-view .msgbox .inside{position:relative;padding:60px 10px;overflow:hidden;width:100%;text-align:center;}
.file-view.no-view .msgbox .ntc{font-size:16px;color:#666;text-align:center;top:50px;letter-spacing:-1px;left:30px;padding-bottom:20px;line-height:150%;}
.file-view.no-view .msgbox .ntc span{color:#0000ff;font-size:16px}

.file-view.no-view .msgbox .data-download{position:relative;top:-60px}
.file-view.no-view .msgbox .data-download a{width:132px;height:48px;line-height:48px;margin:0 auto;margin-top:115px;font-size:17px;background-position:22px center;padding-left:20px}

.file-list .msgbox{display:none}
.file-view .msgbox{display:none}

#file-info {font-size:14px;}
#file-info ul{overflow:hidden}
#file-info li{display:block;clear:both;padding:20px 0;overflow:hidden}
#file-info dl{float:left;width:15%}
#file-info dl dt{float:left;padding-right:5px;font-weight:bold}
#file-info dl dd{float:left}

.data-download a{background:#eb5a69;color:#fff;font-size:20px;text-align:center;display:block;height:54px;line-height:54px;}

.red{color:red}
.blue{color:#001eff}
.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;}

.frm_input{height: 34px;}

.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;}

/* 구매후기 */
ul.review-list{clear:both;margin-top:30px;overflow:hidden;border-bottom:none;margin-bottom:40px}
ul.review-list li{display:block;clear:both;overflow:hidden;border-bottom:1px solid #ddd;height:auto}
ul.review-list span,ul.review-list p{float:left;font-family:gulim,굴림;color:#404040}
ul.review-list span.grade{width:110px}
ul.review-list p.comment{width:780px;padding-right:20px;line-height:150%;overflow:hidden}
ul.review-list span.nick{width:150px}
ul.review-list span.date{width:60px}

ul.review-list .buyer{overflow:hidden;padding:10px 0}

ul.review-list .seller{clear:both;border-top:1px solid #ddd;padding:15px 0;overflow:hidden}
ul.review-list .seller .grade{text-indent:80px}
ul.review-list .seller span.nick{color:#3b6dc7}

/* 별점 */
.grade{width:82px;height:14px;background:url(/img/datazone/star.png) no-repeat 0 0}
.grade.star5{background:url/img/datazone/star.png) no-repeat 0 0}
.grade.star4{background:url(/img/datazone/star.png) no-repeat 0 -14px}
.grade.star3{background:url(/img/datazone/star.png) no-repeat 0 -28px}
.grade.star2{background:url(/img/datazone/star.png) no-repeat 0 -42px}
.grade.star1{background:url(/img/datazone/star.png) no-repeat 0 -56px}
.seller .grade{background:none}