@charset "utf-8";

/*************** Module 전체 공통 ****************/
.thumb{display:inline-block;border:1px solid #888;} /* 섬네일 테두리 공통칼라 지정 */
.trans-box{background:#000;opacity:0.7;filter:alpha(opacity=70);} /* 사진위 텍스트 검정 투명배경 지정*/
.unstyled{padding:0 !important;background:none !important;} /* 블릿없는 리스트 */

/* 포인트 컬러지정 */
.red-point{color:#ff0000;}
.gray-point{color:gray;}
.blue-point{color:blue;}
.yellow-point{color:yellow;}


/*************** Module Size 정의 **************/
/* Top Module */
.m-t-w680{
	box-sizing: border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing: border-box;
	float:left;
	width:680px;
	background:#fff;
}
.m-t-w680:after{
	content:"";display:block;clear:both;
}

/* Component Module */
.m-c-w990{
	box-sizing: border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing: border-box;
	width:990px;
}

.m-c-w680{
	box-sizing: border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing: border-box;
	width:680px;
	border:1px solid #d5d5d5;
}

.m-c-w390{
	box-sizing: border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing: border-box;
	width:390px;
	border:1px solid #d5d5d5;
}

.m-c-w300{
	box-sizing: border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing: border-box;
	width:300px;
}

.m-c-w280{
	box-sizing: border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing: border-box;
	width:280px;
	border:1px solid #d5d5d5;
}

/* info module */
.m-i-w300{
	box-sizing: border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing: border-box;
	width:300px;
	border:1px solid #d5d5d5;
}

.m-i-w280{
	box-sizing: border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing: border-box;
	width:280px;
	border:1px solid #d5d5d5;
}

/* Photo Module */
.m-p-w680{
	box-sizing: border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing: border-box;
	width:680px;
	border:1px solid #d5d5d5;
}
.m-p-w680:after{
	content:"";display:block;clear:both;
}

.m-p-w390{
	box-sizing: border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing: border-box;
	width:390px;
	border:1px solid #d5d5d5;
}

.m-p-w300{
	box-sizing: border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing: border-box;
	width:300px;
	border:1px solid #d5d5d5;
}

.m-p-w280{
	box-sizing: border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing: border-box;
	width:280px;
	border:1px solid #d5d5d5;
}


/* Slide show Module */
.m-s-w680{
 box-sizing: border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing: border-box;
 width:680px;
 border:1px solid #d5d5d5;
}

.m-s-w300 {
 box-sizing: border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing: border-box;
 width:300px;
 border:1px solid #d5d5d5;
}

.m-s-w280 {
 box-sizing: border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing: border-box;
 width:280px;
 border:1px solid #d5d5d5;
}

/* List Module */
.m-l-w390{
 box-sizing: border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing: border-box;
 width:390px;
 border:1px solid #d5d5d5;
}

.m-l-w680{
 box-sizing: border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing: border-box;
 width:680px;
 border:1px solid #d5d5d5;
}




/* Article Module */
.m-a-w680{
	box-sizing: border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing: border-box;
	width:680px;
	border:1px solid #d5d5d5;
}


/* Navigation Bar Module */
.m-n-w680{
	box-sizing: border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing: border-box;
	width:680px;
}


/* Free Html Module */
.m-f-w990{
	box-sizing: border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing: border-box;
	width:990px;
	border:1px solid #d5d5d5;
}
.m-f-w680{
	box-sizing: border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing: border-box;
	width:680px;
	border:1px solid #d5d5d5;
}
.m-f-w390{
	box-sizing: border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing: border-box;
	width:390px;
	border:1px solid #d5d5d5;
}
.m-f-w300{
	box-sizing: border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing: border-box;
	width:300px;
	border:1px solid #d5d5d5;
}

.m-f-w280{
	box-sizing: border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing: border-box;
	width:280px;
	border:1px solid #d5d5d5;
}

.m-f-w100{
	box-sizing: border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing: border-box;
	width:100%;
	border:1px solid #d5d5d5;
}





/*************** Module 옵션 공통 정의**************/
/* box 테두리 삭제 */
.bd-none{border:1px solid transparent !important;}
/* background color 삭제 */
.bg-none{background:#fff !important;}
/* head title */
.head-opt{
	box-sizing: border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing: border-box;
	position:relative;
	height:30px;
	padding:3px 0 8px 10px;
	background:none;
	border-bottom:1px solid #dcdcdc;
	}

/* 더보기 */
.btn-opt-more{
	display:inline-block;
	position:absolute;top:3px;right:10px;
	padding:0 7px 0 0;
	font-family:"微软雅黑", "黑体","Microsoft YaHei","Helvetica Neue",Tahoma,Arial,sans-serif;
	font-size:11px;
	line-height:20px;
}
	.btn-opt-more a{display:inline-block;padding:2px;}
	.btn-opt-more a:hover{text-decoration:none;}

/* 내용Box */
.bd-none .cont-ba-box {
	/*padding:8px 0 0 0 !important;*/
}

/*.bd-none .cont-ba-box-free {
    padding:8px 0 0 0;
}*/

.cont-ba-box{
	box-sizing: border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing: border-box;
	width:100%;
	padding:8px 9px 10px 9px;
}
.cont-ba-box2{
	box-sizing: border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing: border-box;
	width:100%;
	padding:15px 9px 10px 9px;
	border-bottom:1px solid #dcdcdc;
	margin-bottom:10px;
}
.cont-ba-box3{
	box-sizing: border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing: border-box;
	width:100%;
	padding:8px 9px 10px 9px;
	border-bottom:1px solid #dcdcdc;
	margin-bottom:10px;
}
.cont-ba-box4{
	box-sizing: border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing: border-box;
	width:100%;
	padding:15px 9px 1px 9px;
}
.cont-ba-box5{
	box-sizing: border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing: border-box;
	width:100%;
	padding:6px 9px 10px 9px;
	border-bottom:1px solid #dcdcdc;
	margin-bottom:10px;
}

/* 그룹 간 간격 */
.cont-ba-box .group{margin:13px 0 0 0;padding:13px 0 0 0;border-top:1px dotted #ccc;}
.cont-ba-box .group:first-child{border:none;margin:0;padding-top:0;}

/* 그룹 간 간격 */
.cont-ba-box3 .group{margin:13px 0 0 0;padding:13px 0 0 0;border-top:1px dotted #ccc;}
.cont-ba-box3 .group:first-child{border:none;margin:0;padding-top:0;}

/* 그룹 간 간격 */
.cont-ba-box4 .group{margin:13px 0 0 0;padding:13px 0 0 0;border-top:1px dotted #ccc;}
.cont-ba-box4 .group:first-child{border:none;margin:0;padding-top:0;}

/* 그룹 간 간격 */
.cont-ba-box5 .group{margin:13px 0 0 0;padding:13px 0 0 0;border-top:1px dotted #ccc;}
.cont-ba-box5 .group:first-child{border:none;margin:0;padding-top:0;}


/* 탭 */
.tab-opt{
	box-sizing: border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing: border-box;
	position:relative; top:-1px;
	background:#f7f7f7;
	overflow:hidden;
	border-right:1px solid #c5c5c5;
}
.tab-opt li{
	box-sizing: border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing: border-box;
	float:left;
}
.tab-opt li a{
	box-sizing: border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing: border-box;
	display:block;;
	width:100%;
	height:30px;
	text-align:center;
	color:#404040;
	border:1px solid #c5c5c5;
	border-right:0 none;
	line-height:27px
}
.tab-opt li a.on{
	background:#fff;
	border-bottom:none;
	font-weight:bold;
	letter-spacing:-1px;
	text-decoration:none;
	color:#404040
}
	/* 탭 갯수 정의 */
	.tab-opt.tab-row2 li{width:50%;}
	.tab-opt.tab-row3 li{width:33.3%;}
	.tab-opt.tab-row4 li{width:25%;}
	.tab-opt.tab-row5 li{width:20%;}
	.tab-opt.tab-row6 li{width:16.6%;}
		.tab-opt.tab-row6 li:first-child{width:17%;}
	.tab-opt.tab-row7 li{width:14.2%;}
		.tab-opt.tab-row7 li:first-child{width:14.7%;}
	.tab-opt.tab-row8 li{width:12.5%;}


/* 페이지 넘버 */
.page-opt-numty1{height:16px;margin:3px 0 5px 0;text-align:right;font-weight:bold;color:#999;} /* 하단페이징 */
.page-opt-numty1 *{vertical-align:top;}
.page-opt-numty1 a{display:inline-block;margin:3px 0 0 5px;}
.page-opt-numty1 a:first-child{margin:3px 3px 0 0;}

.page-opt-numty2{position:absolute;top:4px;right:10px;text-align:right;}/*상단페이징 */
.page-opt-numty2 a{padding:0 0 0 1px;}

.page-opt-numty3{height:16px;margin:3px 0 5px 0;text-align:right;font-weight:bold;color:#000;} /* 하단페이징 */
.page-opt-numty3 *{vertical-align:top;}
.page-opt-numty3 a{display:inline-block;margin:3px 0 0 0}
.page-opt-numty3 a:first-child{margin:3px 0 0 0;}


/* 키워드 */
.keyword-opt:after{content:"";display:block;clear:both;}
.keyword-opt{position:absolute;top:4px;right:0;}
.keyword-opt li{
	float:left;
	background:url(../../img/module/bg/bg_keyword_bar.gif) no-repeat left 2px;
	line-height:1em;
}
.keyword-opt li:first-child{background:none;}
.keyword-opt li a{display:inline-block;padding:2px 10px;color:#000;}
.keyword-opt li a:hover{font-weight:bold;letter-spacing:-1px;text-decoration:none;}




/*** Free Html Module 공통 ***/
.m-f-w990 .head-opt,
.m-f-w680 .head-opt,
.m-f-w390 .head-opt,
.m-f-w300 .head-opt,
.m-f-w280 .head-opt{
	border-top:none !important;
}
.m-f-w990 .head-opt h3,
.m-f-w680 .head-opt h3,
.m-f-w390 .head-opt h3,
.m-f-w300 .head-opt h3,
.m-f-w280 .head-opt h3{
	color:#000;
}


/** white dot **/

.not-bul {
	background:url(../../img/module/bul/bul_squ_white.gif) no-repeat left 46% !important;;
}


/********************************************module_common_v2********************************************/

/*v1 module_common--------------------------------------------------------------------------------------------------------*/
/* 모듈 gray color 정의 ------------------------------------------------------------------------------------------------------*/
/* head title */
/*head-opt{border-top:2px solid #666 !important;}*/
/*.color-gray .head-opt h3{color:#666;}*/

/* 더보기 */
/*.color-gray .btn-opt-more{color:#666;background:url(../../img/module/bul/bul_tria_color3.gif) no-repeat right 46%; }*/
/*.color-gray .btn-opt-more a{color:#666;}*/

/* 탭 */
/*.color-gray .tab-opt li a.on{
    border-top:3px solid #666;
    color:#666;
}*/

/* keyword */
/*.color-gray .keyword-opt li a:hover{color:#666;}*/

/* page num */
/*.color-gray .page-opt-numty1 .current{color:#666;}*/
/*v1 module_common end--------------------------------------------------------------------------------------------------------*/


/*모듈 보더 설정*/
.color-blue{border-color:#00a7de !important}
.color-red{border-color:#f4006d !important}
.color-orange{border-color:#ff8400 !important}
.color-green{border-color:#0fa76c !important}
.color-purple{border-color:#bf0ddf !important}


.btn-more-txt{position:absolute; top:18px; right:14px; width:auto; height:20px; padding-right:10px; background:url(../../img/module/module-ir.png) no-repeat -3px -361px; font-size:12px; color:#aeaeae; letter-spacing:-0.04em}
.btn-more-image{position:absolute; top:14px; right:14px;}
.rect-m-head img{vertical-align:middle}

.thumb-list{float:left;}
.rect-m-cont{margin:15px 14px; overflow:hidden}
.rect-m-head+.rect-m-cont{margin-top:2px; overflow:hidden}
.rect-m-cont .thumb-list{width:270px; overflow:hidden}
.rect-m-cont .thumb-list li{float:left;}


.txt-zone .arti-tit-list{position:relative; z-index:2}
.txt-zone .arti-tit-list.small{margin:5px}
.thumb-txt-bg{position:absolute; top:0; left:0; width:100%; height:100%; opacity: .6;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); -moz-opacity: 0.6; z-index:1}
.thumb-txt-bg.black{background:#000}
.thumb-txt-bg.gra{background: transparent url(../../img/module/bg/bg-gra-text.png) repeat-x 0 100%}

.thumb-opa-desc{border:1px solid #cccccc; box-sizing:border-box; position:relative;}
.thumb-opa-desc .txt-zone{position:absolute; bottom:0; left:0; width:100%; box-sizing:border-box; color:#fff}
.thumb-opa-desc .txt-zone a{color:#fff}
.thumb-opa-desc .txt-zone .arti-tit-list h2{font-size:28px; height:33px; line-height:1.0em}
.thumb-opa-desc .txt-zone .arti-tit-list h3{font-size:13px; }
.thumb-opa-desc .txt-zone .arti-tit-list.small h3{overflow: hidden; text-overflow: clip; white-space:normal; font-size:11px; line-height:1.2em; font-family:dotum; font-weight:normal; word-break:break-all;  }

.rect-m{border:1px solid #e1e1e1; box-sizing:border-box; height:340px; overflow:hidden; position:relative;}
.rect-m.half-hei{height:175px}
.rect-m.w330{width:330px;}
.rect-m.w300{width:300px;}
.rect-m.w280{width:280px; height:auto;}
.rect-m.w675{width:675px; height:auto;}
.w680{width:680px; height:auto; overflow:hidden;}
.rect-m-head h2{height:32px; overflow:hidden; font-family:"맑은고딕", malgun gothic, "나눔고딕", Nanum gothic, Dotum, arial; font-size:14px; font-weight:bold;  overflow: hidden; text-overflow: ellipsis; white-space:nowrap; padding:7px 15px 0; letter-spacing:-0.1em; color:#3c3c3c}
.w300 .rect-m-head h2{height:30px; padding:15px 15px 0; margin:0}

.num-box{position:absolute; top:18px; right:15px; vertical-align:middle; font-family:"맑은고딕", malgun gothic, "나눔고딕", Nanum gothic, Dotum, arial; font-size:12px; color:#999}
.num-box span{float:left; margin-left:5px; vertical-align:middle; color:#abaaaa; font-weight:bold}
.num-box span em{font-weight:bold}
.num-box strong{color:#353535}
.num-box .arw-s{display:inline-block; width:18px; height:18px; text-indent:-3000em; background:url(../../img/module/module-ir.png) no-repeat 0 -292px; cursor:pointer; vertical-align:middle;}
.num-box .arw-s.next{width:17px; margin-left:0; background-position:0 -326px}

.atit-list li{padding:2px 0}
.atit-list li a{display:block; background:url(../../img/module/module-ir.png) no-repeat 0 -394px; padding-left:9px; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; font-weight:bold; color:#5e5e5e}
.atit-list.bl-red li a{background-position:0 -416px}
.atit-list.bl-rel li a{background-position:0 -443px}

img.thumb{border:1px solid #e1e1e1; box-sizing:border-box}
img.thumb+.label{position:absolute; top:26px; left:15px; padding:5px 10px}

.atit-dot-list{margin-top:20px;}
.atit-dot-list li{border-top:1px dotted #d0d0d0; color:#484848; font-weight:bold; padding:9px 0}
.atit-dot-list li a{color:#484848; font-weight:bold;}