@charset "utf-8";

/* Tab + List */

.tab.list{padding:12px 20px 11px 20px;height:160px;border-bottom:0px 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 10px 6px 10px;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:-35px;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_items1{position:relative; float:left;width:378px;border-right:1px solid #dde4e9;padding:0;min-height:100px;}
.index_items1 img{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-right:1px solid #dde4e9;}
.index_items3 {border:0;border-right:1px solid #dde4e9;}
.index_items3 img.T-R-border{}

.index_items_full{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{position:relative;width:100%;height:550px;padding:0;margin:0;z-index:-1;border-bottom:1px solid #283c53;}
#slideshow{padding:0;margin:0;}
#slides{overflow:hidden}
#slides ul{padding:0;}
#slides li{width:100%;height:550px;list-style:none;padding:0;margin:0px;}

#slide01{
	background: url(http://penielassy.cafe24.com/img/index/view/v001_bg.jpg) no-repeat center center ;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height:430px;
}
#slide02{
	background: url(http://penielassy.cafe24.com/img/index/view/v002_bg.jpg) no-repeat center center ;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height:430px;
}
#slide03{
	background: url(http://penielassy.cafe24.com/img/index/view/v003_bg.jpg) no-repeat center center ;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height:350px;
}
#slide04{
	background: url(http://penielassy.cdn3.cafe24.com/index/view/v004_bg.jpg) no-repeat center center ;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height:350px;
}
#slide05{
	background: url(http://penielassy.cdn3.cafe24.com/index/view/v005_bg.jpg) no-repeat center center ;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height:350px;
}
#slide06{
	background: url(http://penielassy.cdn3.cafe24.com/index/view/v006_bg.jpg) no-repeat center center ;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height:350px;
}
#slides div.desc{margin:0 auto;width:976px;border:0px;}

.pagination{width:976px;position:relative;top:480px;margin:0 auto;z-index:100;}
.pagination li{float:left;list-style:none}
.pagination li a{display:block;width:12px;height:12px;padding:5px;font-size:0;background:url('http://penielassy.cafe24.com/img/index/view/icon_spot.png') center center no-repeat;}
.pagination li.current a{width:12px;height:12px;background:url('http://penielassy.cafe24.com/img/index/view/icon_now.png') no-repeat center center;}
.pagination li a.cont-stop{width:12px;height:12px;background:url('http://penielassy.cafe24.com/img/index/view/icon_stop.png') no-repeat center center;}
.pagination li a.cont-play{width:12px;height:12px;background:url('http://penielassy.cafe24.com/img/index/view/icon_play.png') no-repeat center 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/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:50px;background:#d00000;}
/*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 {padding-left:15px;}
ul.link li{float:left;padding:5px 10px;margin:15px 5px;}
ul.link li.title{font-weight:800;color:#000;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: 530px; float: left;line-height:22px;}
}
@media screen and (max-width:768px) {
.c_side{width: 100%; text-align:center;}
.c_side img{width:100%;margin:5px;}
.c_article{width: 100%;line-height:22px; }
}

@media screen and (min-width:768px) {
.ctn_left{width: 180px; margin-right: 10px; float: left;}
.ctn_right{width: 530px; float: left;line-height:22px;}
}
@media screen and (max-width:768px) {
.ctn_left{width: 100%;}
.ctn_left img{width:100%;margin:5px;}
.ctn_right{width: 100%; line-height:22px;}
}