@charset "utf-8";

/* Tab + List */

.tab.list{padding:12px 20px 11px 20px;height:160px;border-bottom:0px solid #dde4e9;border-right:1px solid #dde4e9; }
.tab.list ul{position:relative;margin:0;padding:0;list-style:none;border-bottom:1px solid #ccc;font-family:Tahoma, Sans-serif;font-size:12px;*zoom:1}
.tab.list ul:after{content:"";display:block;clear:both}
.tab.list li{float:left;margin-bottom:-1px}
.tab.list li a{position:relative;float:left;text-decoration:none;border:1px solid #eee;border-bottom-color:#ccc;background:#fafafa;color:#666}
.tab.list li a span{display:inline-block;padding:6px 15px 6px 15px;letter-spacing:-1px;cursor:pointer}
.tab.list li ul{width:100%;position:absolute;top:40px;left:0;list-style:none;border:0;margin:0;padding:0;*zoom:1}
.tab.list li ul:after{content:"";display:block;clear:both}
.tab.list li li{float:none;position:relative;margin:0 0 8px 0;color:#999}
.tab.list li li a{float:none;padding:0;margin:0;border:0 !important;color:#666 !important;font-weight:normal;background:transparent;letter-spacing:normal}
.tab.list li li a:hover,
.tab.list li li a:active,
.tab.list li li a:focus{color:#000 !important;text-decoration:underline}
.tab.list li li time,
.tab.list li li .time{position:absolute;top:0;right:0;color:#767676}
.tab.list li li.more{position:absolute;top:-30px;right:0;border:0 !important;background:transparent}
.tab.list li.active a{border:1px solid #ccc;border-bottom:1px solid #fff;margin-top:-1px;background:transparent;color:#333}
.tab.list li.active a span{padding-top:7px;font-weight:bold}
.tab.list.jx{height:auto}
.tab.list.jx ul{border:0}
.tab.list.jx li{float:none;position:relative}
.tab.list.jx li a{float:none;display:block;font-weight:bold;color:#333;border:1px solid #eee !important;border-bottom-color:#ccc !important;background:#fafafa !important}
.tab.list.jx li ul{position:static;display:block;left:0;top:0;padding:5px 0}
.tab.list.jx li li a{display:inline;border:0 !important;background:none !important;font-weight:normal}
.tab.list.jx li li.more{top:5px;right:15px}

/*INDEX ITEMS*/
.index_items_left {position:relative; float:left;width:378px;border-right:1px solid #dde4e9;padding:0;min-height:100px;}
.index_items_left img{border-right:1px solid #dde4e9;}
.index_items_right{position:relative; float:left;width:378px;border-right:0 solid #dde4e9;padding:0;min-height:100px;}
.index_items_right img{border-right:1px solid #dde4e9;}

.index_items1{position:relative; float:left;width:378px;border-right:1px solid #dde4e9;padding:0;min-height:100px;}
.index_items1 img{border-bottom:1px solid #dde4e9;border-right:1px solid #dde4e9;}
.index_items2{position:relative; float:left;width:378px;border-right:0 solid #dde4e9;padding:0;min-height:100px;}
.index_items2 img{border-bottom:1px solid #dde4e9;border-right:1px solid #dde4e9;}
.index_items3 {border:0;}
.index_items3 img.T-R-border{border-top:1px solid #dde4e9;border-right:1px solid #dde4e9;}

.index_items_full1{clear:both;width:756px;height:150px;border-right:1px solid #dde4e9;padding:0;}
.index_items_full2{clear:both;width:756px;height:55px;border-right:1px solid #dde4e9;padding:0;background:#f3f3f3;}
span.ititle{font-size:20px;font-weight:800;padding:10px 10px;float:left;padding-right:10px;}
span.idesc{font-size:12px;font-weight:400;padding:15px 5px 10px 0;float:left;}


/*INDEX BANNER*/
#BannerBox		{ position:relative; width:330px; height:160px; padding:0;margin:0 }

	#BannerList		{ position:absolute; margin:0 auto !important;width:330px; height:160px;} 
		.BannerListStyle	{ height:160px; left:0; top:0; overflow:hidden; }
		#BannerListSub		{ position:relative; width:330px; height:160px;}
		#BannerList ul		{ margin:0; padding:0; list-style:none; }
			.BannerUlStyle			{ position:absolute; }
			#BannerList ul li		{ float:left; width:330px; margin:0; padding:0; list-style:none; }
	
	#BannerListCon	{ position:absolute; right:10px; top:9px; }
		#BannerListCon a	{ margin:0 5px;  }
	
#BannerBox .btn{padding:0 2px;}


/*TINY SLIDE*/

#indexView{
	background: url(http://penielassy.cafe24.com/nambu/img/index/view_bg.jpg) no-repeat center center ;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height:350px;
	text-align:center;
}
/*SUB VIEW*/
#sub_view_wrap{width:100%;height:100px;background:#e1e1e1;}
#sub_view {margin:0 auto;width:1000px;height:160px;border:0px;;background:url('http://penielassy.cafe24.com/nambu/img/core/sub_view_bg.png') center center no-repeat #f8f8f8;}
#sub_view h1{font-family:NanumBarunGothic;font-size:32px;font-weight:400;padding:25px 0 0 50px;}
#sub_view span{font-family:NanumBarunGothic;font-size:12px;font-weight:400;padding:0 0 0 50px;color:#ff6600;float:left;}
#sub_view p{float:right;text-align:right;font-size:12px;padding:0 20px 0 0;margin-top:-15px;}
#sub_view a{text-decoration:none;}
#sub_view #sub_view_point {position:absolute;margin-left:220px;width:10px;height:70px;background:#315600;}
/*SUB MENU*/
#sub_menu {margin:0 auto;width:220px;border-top:1px solid #dde4e9;}
#sub_menu li{list-style:none;font-size:14px;border-bottom:1px solid #dde4e9;background:url('http://penielassy.cafe24.com/img/menu/sub_bg_off.png') left center no-repeat;}
#sub_menu li:focus, #sub_menu li:hover {background:#eeeeee;color:#fff;background:url('http://penielassy.cafe24.com/img/menu/sub_bg_on.png') left center no-repeat;}
#sub_menu li a{display:block; padding:10px 0 10px 40px;overflow:hidden; width:180px; white-space:nowrap}


/*INDEX LINK*/
ul.link li{float:left;padding:5px 10px;margin:15px 5px;}
ul.link li.title{font-weight:800;color:#e60012;border-right:1px solid #dde4e9;padding-right:15px;font-weight:800;}


/*TABLE DESIGN*/
.tablestyle{margin-bottom:20px;}
.tablestyle td{background-color:#fffffff;font-size:12px;color:#3e3e3e;padding:5px;border-bottom:1px solid #d2d2d2;text-align:center;}
.tablestyle .td_lr{background-color:#fffffff;font-size:12px;color:#3e3e3e;padding:5px;border-bottom:1px solid #d2d2d2;border-right:1px solid #d2d2d2;text-align:center;}
.tablestyle .td_lr_fb{background-color:#fffffff;font-size:12px;font-weight:bold;color:#3e3e3e;padding:5px;border-bottom:1px solid #d2d2d2;border-right:1px solid #d2d2d2;text-align:center;background-color:#f9f9f9;}
.tablestyle .td_lr_tl{background-color:#fffffff;font-size:12px;color:#3e3e3e;padding:5px;border-bottom:1px solid #d2d2d2;border-right:1px solid #d2d2d2;text-align:justify;padding:0 10px;}
.tablestyle .td_tl{background-color:#fffffff;font-size:12px;color:#3e3e3e;padding:5px;border-bottom:1px solid #d2d2d2;text-align:justify;padding:0 10px;}


.tablestyle input{font-size:14px;padding:5px;}
.tablestyle .td_bottom{background-color:#fffffff;font-size:12px;border-bottom:1px solid #d2d2d2;text-align:justify;line-height:22px;padding:5px;}
.tablestyle .td_bottom{background-color:#fffffff;font-size:12px;border-bottom:1px solid #d2d2d2;text-align:justify;line-height:22px;padding:5px;}
.tablestyle .td_left{font-size:12px;border-bottom:1px solid #d2d2d2;padding:5px;}
.tablestyle .td_right{font-size:12px;border-bottom:1px solid #d2d2d2;padding:5px;}
.tablestyle .td_right_blue{text-align:right;font-size:12px;border-right:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;background-color:#f9f9f9;width:120px;padding:5px;}
.tablestyle .td_center_blue{text-align:center;font-size:12px;border-right:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;background-color:#f9f9f9;padding:5px;}
.tablestyle .td_center_blue_midfont{ text-align:center;border-right:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;background-color:#f9f9f9;font-size: 15px; font-weight: 600;font-family:NanumBarunGothic;padding:5px;}
.tablestyle .td_center_blue_bigfont{ text-align:center;border-right:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;background-color:#f9f9f9;font-size: 18px; font-weight: 600;font-family:NanumBarunGothic;padding:5px;}
.tablestyle .td_center{text-align:center;font-size:12px;border-bottom:1px solid #d2d2d2;background-color:#fff;width:120px;}
.tablestyle .td_center_right{text-align:center;font-size:12px;border-right:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;background-color:#fff;width:120px;}
.tablestyle .td_line_right_bottom{text-align:left;font-size:12px;border-right:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;padding:5px;}
.tablestyle .td_line_bottom{text-align:left;font-size:12px;border-bottom:1px solid #d2d2d2;padding:5px;}
.tablestyle .td_noline{text-align:left;font-size:12px;border-bottom:0px;padding:5px;}
.tablestyle .tb_head{color:#2a88ba;background-color:#f4f8fb;border-top:2px solid #2a88ba;border-bottom:1px solid #2a88ba;text-align:center;font-size:12px;font-weight:800;padding:5px;}
.tablestyle .tb_head_lr{color:#2a88ba;background-color:#f4f8fb;border-top:2px solid #2a88ba;border-bottom:1px solid #2a88ba;border-right:1px solid #d2d2d2;text-align:center;font-size:12px;font-weight:800;padding:5px;}

.tablestyle .tb_head_left{color:#2a88ba;background-color:#f4f8fb;border-top:2px solid #2a88ba;border-bottom:1px solid #2a88ba;text-align:left;font-size:12px;font-weight:800;padding:5px;}
.tablestyle .tb_head_gubun{color:#2a88ba;background-color:#f4f8fb;border-top:2px solid #2a88ba;border-bottom:1px solid #2a88ba;text-align:center;font-size:12px; width:30%;padding:5px;}


/*본문내용 소제목*/
.s_title_top{clear:both;font-size:16px;font-weight:600;border-radius:10px;margin:0 0 10px 0;border:1px solid #e9f0f2;padding:6px 15px;background-color:#fcfeff;color:#004a66;}
.s_title{clear:both;font-size:16px;font-weight:600;border-radius:10px;margin:30px 0 10px 0;border:1px solid #e9f0f2;padding:6px 15px;background-color:#fcfeff;color:#004a66;}


/*본문내용*/


@media screen and (min-width:768px) {
.c_side{width: 180px; margin-right: 10px; float: left;}
.c_article{width: 450px; float: left;}
@media screen and (max-width:768px) {
.c_side{width: 100%; margin:10px;text-align:center;}
.c_article{width: 100%; }