/* BASIC css start */
#contentWrapper {
    padding-bottom: 0px !Important;
    margin-top: -50px;
}

#test2 {color:#333;}

#test2{
        -webkit-touch-callout: none;
        user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -webkit-user-select: none;
}


.img_bn {
    width: 994px;
    height: 220px;
    color: #333;
    background: #504f4f;
    text-align: center;
    margin-top: 20px;
    font-size:20px;
}

/***협력사 시작***/
.brand_logo {
	margin-bottom: 30px;
}
.brand_logo_tit {
	margin:115px auto 50px;
}
/***협력사 끝***/



/***SNS 시작***/
.sns {
1200px;
	height:auto;
}
.sns:after {
	content: "";
	display: block;
	clear: both;
}
.sns .sns_tit {
	width:100%;
	margin:120px auto 40px;
}

.sns .sns_box {
    width: 388px;
    height: 388px;
    margin-right: 18px;
    float: left;
    background: #504f4f;
    overflow: hidden;
}

.sns .sns_box:last-child {
	margin-right:0px;
}
/***SNS 끝***/

/***캘리그라피 시작***/
.calli {
	margin-top:60px;
	width:1200px;
}
.calli:after {
	content: "";
	display: block;
	clear: both;
}
.calli .calli_tit {
	width:1200px;
	border-radius:10px;
	background:#f6f6f6;
	height:76px;
	line-height:76px;
	text-align:center;
}
.calli .calli_tit .eng {
	color:#b0b0b0;
	font-size:32px;
	font-weight:bold;
	display:inline-block;
}
.calli .calli_tit .kor {
	color:#b0b0b0;
	font-size:20px;
	display:inline-block;
}
.calli .box_wrap {
}
.calli .box_wrap .box {
	width:390px;
	height:390px;
	border-radius:10px;
	margin-right:15px;
	float:left;
	margin-top:15px;
}
.calli .box_wrap .box:last-child {
	margin-right:0px;
}
/***캘리그라피 끝***/


/***탭 오버 배너 시작***/
.tab_bn_product:after {
	content: "";
	display: block;
	clear: both;
}
.tab_bn_product {
}
.tab_bn_product .tab_thumb {
    width: 299px;
    float: left;
    overflow: hidden;
    position: relative;
    border-right: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
}
.tab_bn_product .tab_thumb a img {
	width:100%;
}
.tab_bn_product .tab_thumb .tab_caption {
	display: none;
}
.tab_bn_product .tab_thumb:hover .tab_caption {
	display: block;
	background: #000;
	filter:alpha(opacity=7);/*익스용 투명도 필터*/
	opacity:.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=7)"; /*--익스8용 투명도 필터--*/
	position: absolute;
	bottom: 0px;
	padding:0 10%;
	width: 80%;
	height:100%;
}
.tab_bn_product .tab_thumb:hover .tab_caption .tab_pd_name {
	font-size:16px;
	color:#fff;
	text-align:center;
	margin-bottom:10px;
	margin-top:70px;
}
.tab_bn_product .tab_thumb:hover .tab_caption .tab_pd_subname {
	font-size:12px;
	color:#fff;
	text-align:center;
	margin-bottom:10px;
}
.tab_bn_product .tab_thumb:hover .tab_caption .tab_pd_line {
	font-size:16px;
	color:#fff;
	text-align:center;
	font-weight:bold;
	margin-bottom:10px;
}
.tab_bn_product .tab_thumb:hover .tab_caption .tab_pd_consmer {
	font-size:14px;
	color:#c7c7c7;
	text-align:center;
	margin-bottom:5px;
	font-family:'lato-light',sans-serif;
}

.tab_bn_product .tab_thumb:hover .tab_caption .tab_pd_consmer .won {font-size:13px;}

.tab_pd_icon img {width:auto !Important;}

.tab_bn_product .tab_thumb:hover .tab_caption .tab_pd_price {
	font-size:20px;
	color:#fff;
	text-align:center;
	margin-bottom:20px;
	font-family:'lato-bold',sans-serif;
}

.tab_bn_product .tab_thumb:hover .tab_caption .tab_pd_price .won {font-size:14px;}

.tab_bn_product .tab_thumb:hover .tab_caption .tab_pd_icon {
	color:#c7c7c7;
	text-align:center;
}
.tab_bn_product .tab_thumb:hover .tab_caption .tab_pd_icon img {width:17px !Important; height:18px;}
.tab_over_bn {
	width:1200px;
	height:auto;
	margin-top:60px;
}
.tab_over_bn_tit {
	width:1200px;
	height:45px;
}
.tab_over_bn_tit .eng {
	color: #fff;
	display: inline-block;
	font-size: 20px;
	font-weight: bold;
}
.tab_over_bn_tit .kor {
	color: #a4a4a4;
	margin-left: 10px;
	font-size: 16px;
}
.tab_over_bn .more {
	width:100%;
	height:63px;
	line-height:63px;
	border-top:1px solid #eaeaea;
	color:#a2a2a2;
	text-align:center;
	background:#fff;
}
.tab_over_bn .more a {
	color:#a2a2a2;
	font-size:16px;
}
ul.tabs {
	margin: 0;
	padding: 0;
	list-style: none;
	height: 59px;
	width: 100%;
}
ul.tabs li {
    float: left;
    margin: 0;
    padding: 0;
    height: 59px;
    line-height: 59px;
    border-bottom: 3px solid #9a1f1f;
    border-left: none;
    background: #e8e8e8;
    overflow: hidden;
    position: relative;
    width: 299px;
    text-align: center;
    border-right: 1px solid #c5c5c5;
}
ul.tabs li a {
	color: #4c4c4c;
	font-size:16px;
}
ul.tabs li a:hover {
	color: #fff;
}
html ul.tabs li.active, html ul.tabs li.active a:hover {
    background: #9a1f1f;
    border-bottom: 3px solid #9a1f1f;
    color: #fff;
    border-right: 1px solid #9a1f1f;
}
html ul.tabs li.active a, html ul.tabs li.active a:hover {
	color:#fff;
}
.tab_container {
	clear: both;
	width: 100%;
	background: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
.tab_content {
}
/***탭 오버 배너 끝***/


#footer {
	margin-top:0px !Important;
}

.wide_bn {
    width: 100%;
    height: 230px;
    background: #ddd;
    text-align: center;
    font-size: 24px;
    margin-top: 0px;
    background: url(http://pencafe.img4.kr/renewal/banner/main_banner/rounge_bar_back.jpg);
    /* background-size: 100%; */
    background-repeat: no-repeat;
    cursor: pointer;
    line-height: 1.15;
}

.wide_bn a img  {
	width:100%;
}

.ad {
    float: none !important;
    width: 100% !important;
}


.wide_bn2 {
    width: 100%;
    height: 301px;
    text-align: center;
    font-size: 24px;
    background: url(http://pencafe.img4.kr/renewal/banner/main_banner/bar_back.png);
    cursor: pointer;
    background-repeat: repeat-y;
}



.wide_bn3 {
	width:100%;
	background:url('http://pencafe.img4.kr/renewal/banner/main_banner/lounge_imd2_back.jpg');
	height:380px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position-y: bottom;
}

.wide_bn3 a img {
	width:100%;
}

.img_100 {width:100%;}


/***슬라이드 클릭 배너1 시작***/
.slide_cbn_1 {
	width:470px;
	height:523px;
	position:relative;
	float:left;
	margin:0px;
}
.slide_cbn_1 .dotWrap {
	position: absolute;
	bottom: 10px;
	left: 45%;
}
.slide_cbn_1 .dotWrap li {
	display: inline-block;
	width: 8px;
	height: 8px;
	padding: 0px 2px;
	background: url('/design/pencafe/renewal2018/img/w/dot_white.png') no-repeat top left;
	opacity:.5;
	-webkit-background-size: 8px;
	background-size: 8px;
	vertical-align: top;
}
.slide_cbn_1 .dotWrap li.active {
	background: url('/design/pencafe/renewal2018/img/w/dot_white.png') no-repeat top left;
	-webkit-background-size: 8px;
	background-size: 8px;
	opacity:1;
}
.slide_cbn_1 .cList {
	text-align : center;
}
.slide_cbn_1 .sBnBtn {
}
.slide_cbn_1 .sBnBtn .cRight {
	left:10px;
	top:240px;
	position:absolute;
}
.slide_cbn_1 .sBnBtn .cLeft {
	right:10px;
	top:240px;
	position:absolute;
}
/***슬라이드 클릭 배너1 끝***/


/***슬라이드 클릭 배너2 시작***/
.slide_cbn_2 {
	width: 1200px;
	position: relative;
	float: left;
	margin: 100px auto 50px;
}
.slide_cbn_2_tit {
	width:1200px;
	height:45px;
}

.slide_cbn_2 .cContents_2 {
    margin-top: -14px;
}

.slide_cbn_2_tit .eng {
	color: #fff;
	display: inline-block;
	font-size: 20px;
	font-weight: bold;
}
.slide_cbn_2_tit .kor {
	color: #a4a4a4;
	margin-left: 10px;
	font-size: 16px;
}
.slide_cbn_2 .dotWrap_2 {
	position: absolute;
	bottom: 30px;
	left: 315px;
}
.slide_cbn_2 .dotWrap_2 li {
	display: inline-block;
	width: 17px;
	height: 17px;
	padding: 0px 2px;
	background: url('/design/pencafe/renewal2018/img/w/dot_white.png') no-repeat center;
	opacity:.5;
	-webkit-background-size: 8px;
	background-size: 8px;
	vertical-align: middle;
}
.slide_cbn_2 .dotWrap_2 li.active {
	width: 17px;
	height: 17px;
	background: url('/design/pencafe/renewal2018/img/w/dot_twoline.png') no-repeat center;
	-webkit-background-size: 17px;
	background-size: 17px;
	opacity:1;
}
.slide_cbn_2 .cList_2 {
	text-align : center;
}
.slide_cbn_2 .sBnBtn {
}
.slide_cbn_2 .sBnBtn .cRight_2 {
	left:300px;
	top:325px;
	position:absolute;
}
.slide_cbn_2 .sBnBtn .cLeft_2 {
	right:300px;
	top:325px;
	position:absolute;
}
.pan_bn_wrap {
}
.pan_bn_wrap {
	content: "";
	display: block;
	clear: both;
}
.pan_bn_wrap .pan_bn_pd_box {
	width:280px;
	height:560px;
	float:left;
	background:#ddd;
}
.pan_bn_wrap .pan_bn_img_box {
	width:640px;
	height:560px;
	float:left;
}
.pan_bn_pd_box .tab_thumb {
	width:280;
	overflow: hidden;
	position: relative;
}
.pan_bn_pd_box .tab_thumb a img {
	width:100%;
}
.pan_bn_pd_box .tab_thumb .tab_caption {
	display: none;
}
.pan_bn_pd_box .tab_thumb:hover .tab_caption {
	display: block;
	background: #000;
	filter:alpha(opacity=7);/*익스용 투명도 필터*/
	opacity:.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=7)"; /*--익스8용 투명도 필터--*/
	position: absolute;
	bottom: 0px;
	padding:0 10%;
	width: 80%;
	height:100%;
}
.pan_bn_pd_box .tab_thumb:hover .tab_caption .tab_pd_name {
	font-size:16px;
	color:#fff;
	text-align:center;
	margin-bottom:10px;
	margin-top:60px;
}
.pan_bn_pd_box .tab_thumb:hover .tab_caption .tab_pd_subname {
	font-size:12px;
	color:#fff;
	text-align:center;
	margin-bottom:10px;
}
.pan_bn_pd_box .tab_thumb:hover .tab_caption .tab_pd_line {
	font-size:16px;
	color:#fff;
	text-align:center;
	font-weight:bold;
	margin-bottom:10px;
}
.pan_bn_pd_box .tab_thumb:hover .tab_caption .tab_pd_consmer {
	font-size:12px;
	color:#c7c7c7;
	text-align:center;
	margin-bottom:10px;
}
.pan_bn_pd_box .tab_thumb:hover .tab_caption .tab_pd_price {
	font-size:20px;
	color:#fff;
	text-align:center;
	margin-bottom:20px;
}
.pan_bn_pd_box .tab_thumb:hover .tab_caption .tab_pd_icon {
	font-size:20px;
	color:#c7c7c7;
	text-align:center;
}
/***슬라이드 클릭 배너2 끝***/

.tab_pd_icon {margin-top:-20px;}


/***아코디언 배너 시작***/
#accordion {
	margin: 20px auto 0;
	width: 992px;
	height: 345px;
	position: relative;
}
#accordion > ul > li {
	width: 279px;
	height: 67.9px;
	line-height: 67.9px;
	background-color: #f0f0f0;
	list-style-type: none;
	display: block;
	text-align: center;
	margin: auto;
	border-bottom: 1px solid #e2e2e2;
	position: relative;
	border-left: none;
	border-right: 1px solid #e2e2e2;
	color: #000;
	padding: 0 25px;
	text-align: left;
	font-size:16px;
}
#accordion > ul > li:first-child {
	border-top: 1px solid #e2e2e2;
}
#accordion > ul > li:first-child.selected {
	border-top: 1px solid #9a1f1f;
}
#accordion > ul > li.selected {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	border-bottom: 1px solid #9a1f1f;
	border-right: 1px solid #9a1f1f;
	z-index: 10;
	background-color: #9a1f1f;
	position: relative;
	border-left: 1px solid #9a1f1f;
	color:#fff;
}
.arrow_left {
	display: inline-block;
	width: 0;
	height: 0;
	border-right: 10px solid #9a1f1f;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	position: absolute;
	left: -11px;
	top: 25px;
}
#accordion > ul {
	width: 330px;
	text-align: left;
	display: block;
	margin: auto 0;
	padding: 0;
	position: absolute;
	height: 345px;
	top: 0px;
	right: 0px;
}
#accordion > div {
	background-color: #ccc;
	height: 345px;
	position: relative;
	-moz-border-radius: 20px;
	width: 664px;
}
/***아코디언 배너 끝***/

/***이미지 배너1 시작***/
.imgbn_1 {
	width:994px;
	height:218px;
	margin-top:20px;
}
/***이미지 배너1 끝***/

/***투데이 배너 시작***/
.todaybn {
	width:994px;
	height:884px;
	margin-top:64px;
}
.todaybn .todaybn_tit {
	width:994px;
	height:75px;
	margin-bottom:37px;
}
.todaybn .todaybn_con {
	width:994px;
	height:auto;
}
.todaybn .todaybn_con:after {
	content: "";
	display: block;
	clear: both;
}
.todaybn .todaybn_con.two {
	border-top: 1px solid #e3e3e3;
	width: 994px;
	height: 261px;
}
.todaybn .todaybn_con .today261 {
	float:left;
	background:red;
	width:261px;
	height:261px;
	border-left:1px solid #e3e3e3;
}
.todaybn .todaybn_con .today261wrap {
	border-bottom:1px solid #e3e3e3;
	height:261px;
}
.todaybn .todaybn_con .today4wrap {
	float:left;
	background:yellow;
	width:524px;
	height:523px;
}
.todaybn .todaybn_con .today732 {
	float:left;
	background:blue;
	width:732px;
	height:261px;
}
.todaybn .todaybn_con .today261wrap:after {
	content: "";
	display: block;
	clear: both;
}
/***투데이 배너 끝***/


/***슬라이드 오버 배너1 시작***/
.slide_obn_1 {
	width:487px;
	height:190px;
	position:relative;
	float:left;
	margin-right:20px;
}
.slide_obn_1 .sliderkit-panels {
	width: 487px;
	height: 190px;
	margin: 0;
	overflow: hidden;
}
.slide_obn_1 .sliderkit-nav {
	position: absolute;
	top: 10px;
	right: 10px;
	height: 43px;
	text-align: left;
}
.slide_obn_1 .sliderkit-nav-clip {
	position: relative;
	overflow: hidden;
	margin: 0 auto;
}
.slide_obn_1 .sliderkit-nav-clip {
}
.slide_obn_1 .sliderkit-nav-clip ul {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
	z-index:9;
}
.slide_obn_1 .sliderkit-nav-clip ul {
	height: 30px;
	width: 100%;
	/*padding-top: 7px;*/
	padding-bottom: 8px;
}
.slide_obn_1 .sliderkit-nav-clip li {
	float:left;
	height: 8px;
	width: 8px;
	border-radius:5px;
	padding: 0px;
	margin: 0 4px;
	background-color: #fff;
	opacity:.5;
	position: relative;
}
.slide_obn_1 .sliderkit-nav-clip li.sliderkit-selected {
	background-color: #ffffff;
	opacity:1;
}
.slide_obn_1 a, .slide_obn_1 a:hover {
	text-decoration: none;
}
.slide_obn_1 .sliderkit-nav-clip li a {
	float: left;
	display: block;
	width: 100%;
	height: 8px;
	line-height: 8px;
	text-align: center;
	color: #757575;
}
.slide_obn_1 .sliderkit-nav-clip li.sliderkit-selected a {
	color: #000;
}
.slide_obn_1 .sliderkit-nav-clip ul li a {
	display: block;
	overflow: hidden;
}
.slide_obn_1 .sliderkit-nav-clip li.sliderkit-selected em {
	display:none;
}
.slide_obn_1 .sliderkit-panel {
	z-index: 1;
	position: absolute;
	overflow: hidden;
}
.slide_obn_1 .sliderkit-panel-old {
	z-index: 4;
}
.slide_obn_1 .sliderkit-panel-active {
	z-index: 5;
}
.slide_obn_1 .sliderkit-panel {
	clear: both;
	width: 1168px;
	float: left;
}
.slide_obn_1 img {
	border: 0;
}
/***슬라이드 오버 배너1 끝***/


/***슬라이드 오버 배너2 시작***/
.slide_obn_2 {
	width:487px;
	height:190px;
	position:relative;
	float:left;
}
.slide_obn_2 .sliderkit-panels {
	width: 487px;
	height: 190px;
	margin: 0;
	overflow: hidden;
}
.slide_obn_2 .sliderkit-nav {
	position: absolute;
	top: 10px;
	right: 10px;
	height: 43px;
	text-align: left;
}
.slide_obn_2 .sliderkit-nav-clip {
	position: relative;
	overflow: hidden;
	margin: 0 auto;
}
.slide_obn_2 .sliderkit-nav-clip {
}
.slide_obn_2 .sliderkit-nav-clip ul {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
	z-index:9;
}
.slide_obn_2 .sliderkit-nav-clip ul {
	height: 30px;
	width: 100%;
	/*padding-top: 7px;*/
	padding-bottom: 8px;
}
.slide_obn_2 .sliderkit-nav-clip li {
	float:left;
	height: 8px;
	width: 8px;
	border-radius:5px;
	padding: 0px;
	margin: 0 4px;
	background-color: #fff;
	opacity:.5;
	position: relative;
}
.slide_obn_2 .sliderkit-nav-clip li.sliderkit-selected {
	background-color: #ffffff;
	opacity:1;
}
.slide_obn_2 a, .slide_obn_2 a:hover {
	text-decoration: none;
}
.slide_obn_2 .sliderkit-nav-clip li a {
	float: left;
	display: block;
	width: 100%;
	height: 8px;
	line-height: 8px;
	text-align: center;
	color: #757575;
}
.slide_obn_2 .sliderkit-nav-clip li.sliderkit-selected a {
	color: #000;
}
.slide_obn_2 .sliderkit-nav-clip ul li a {
	display: block;
	overflow: hidden;
}
.slide_obn_2 .sliderkit-nav-clip li.sliderkit-selected em {
	display:none;
}
.slide_obn_2 .sliderkit-panel {
	z-index: 1;
	position: absolute;
	overflow: hidden;
}
.slide_obn_2 .sliderkit-panel-old {
	z-index: 4;
}
.slide_obn_2 .sliderkit-panel-active {
	z-index: 5;
}
.slide_obn_2 .sliderkit-panel {
	clear: both;
	width: 1168px;
	float: left;
}
.slide_obn_2 img {
	border: 0;
}
/***슬라이드 오버 배너2 끝***/






/***슬라이드 오버 배너3 시작***/
.slide_obn_3 {
	width:732px;
	height:261px;
	position:relative;
	float:left;
}
.slide_obn_3 .sliderkit-panels {
	width: 732px;
	height: 261px;
	margin: 0;
	overflow: hidden;
}
.slide_obn_3 .sliderkit-nav {
	position: absolute;
	bottom: 20px;
	left: 45%;
	height: 10px;
	text-align: center;
}
.slide_obn_3 .sliderkit-nav-clip {
	position: relative;
	overflow: hidden;
	margin: 0 auto;
}
.slide_obn_3 .sliderkit-nav-clip {
}
.slide_obn_3 .sliderkit-nav-clip ul {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
	z-index:9;
}
.slide_obn_3 .sliderkit-nav-clip ul {
	height: 30px;
	width: 100%;
	/*padding-top: 7px;*/
	padding-bottom: 8px;
}
.slide_obn_3 .sliderkit-nav-clip li {
	float:left;
	height: 8px;
	width: 8px;
	border-radius:5px;
	padding: 0px;
	margin: 0 4px;
	background-color: #b2b2b2;
	position: relative;
}
.slide_obn_3 .sliderkit-nav-clip li.sliderkit-selected {
	background-color: #000;
}
.slide_obn_3 a, .slide_obn_3 a:hover {
	text-decoration: none;
}
.slide_obn_3 .sliderkit-nav-clip li a {
	float: left;
	display: block;
	width: 100%;
	height: 8px;
	line-height: 8px;
	text-align: center;
	color: #757575;
}
.slide_obn_3 .sliderkit-nav-clip li.sliderkit-selected a {
	color: #000;
}
.slide_obn_3 .sliderkit-nav-clip ul li a {
	display: block;
	overflow: hidden;
}
.slide_obn_3 .sliderkit-nav-clip li.sliderkit-selected em {
	display:none;
}
.slide_obn_3 .sliderkit-panel {
	z-index: 1;
	position: absolute;
	overflow: hidden;
}
.slide_obn_3 .sliderkit-panel-old {
	z-index: 4;
}
.slide_obn_3 .sliderkit-panel-active {
	z-index: 5;
}
.slide_obn_3 .sliderkit-panel {
	clear: both;
	width: 1168px;
	float: left;
}
.slide_obn_3 img {
	border: 0;
}
/***슬라이드 오버 배너3 끝***/
/*** 왼쪽메뉴 시작***/
.left_cate {
	margin-bottom:20px;
}
.left_cate .premium li {
	background:#9a1f1f;
}
.left_cate .brand_tit {
	background:#665a4f;
	color:#fff;
	padding:10px 20px;
	font-size:14px;
}
.left_cate .brand_point {
    background: #494949;
    color: #dbaf88;
    font-size: 18px;
    font-weight: 700;
    padding: 7.8px 20px 0 20px;
    /*font-family: notokr-bold,sans-serif;*/
    border-top: 1px solid #3b3b3b;
}


.left_cate ul.premium {
	background:#9a1f1f;
}
.left_cate ul {
	font-size: 0;
	margin: 0;
	padding: 7.5px 0;
	background: #494949;
}

.left_cate ul.fuck {
	padding: 0 0 9px 0;;
}


.left_cate ul li {
	display: block;
	position: relative;
	width:100%;
	background:#494949;
}
.left_cate ul li a {

	/*font-family: "notosanskr", sans-serif;*/
	color: #fff;
	display: block;
	font-size: 14px;
	padding: 4.68px 20px;
	transition: 0.3s linear;
}
.left_cate ul li:hover {
	background: #262626;
}
.left_cate ul li ul {
    display: none;
    position: absolute;
    width: 180px;
    left: 186px;
    top: 0px;
    padding: 0px;
    z-index: 9;
    padding: 10px 0;
    background: #262626;
}
.left_cate ul li ul li {
	display: block;
}
.left_cate ul li ul li:first-child {
	border-top: none;
}
.left_cate ul li ul li a {
	background: #262626;
	display: block;
	padding: 4px 14px;
}
.left_cate ul li ul li a:hover {
	color: #dbaf88;
}
.left_cate .fa.fa-angle-down {
	margin-left: 6px;
}
.molskin {
	margin-top:20px;
}
.molskin2 {
	margin-top:20px;
}


/*** 왼쪽메뉴 끝***/

.main1200 {
	width:1200px;
	margin:0 auto;
}








.main_content2 {
    background: url(/design/pencafe/renewal2018/img/w/main_bg.jpg);
    background-repeat: repeat-y;
    padding: 50px 0 120px 0;
    background-size: 100%;
}
.main_content2:after {
	content: "";
	display: block;
	clear: both;
}
.main_content2 .left_con {
	width:186px;
	margin-right:20px;
	float:left;
}
.main_content2 .right-con {
	width:994px;
	float:left;
}
.main_content2 .right-con .bn_wrap {
	width:994px;
}
.main_content2 .right-con .bn_wrap:after {
	content: "";
	display: block;
	clear: both;
}
.main_content2 .right-con .bn_wrap {
}








.main_content {
    background: url(/design/pencafe/renewal2018/img/w/main_bg.jpg);
    background-repeat: repeat-y;
    padding: 50px 0;
    background-size: 100%;
}
.main_content:after {
	content: "";
	display: block;
	clear: both;
}
.main_content .left_con {
	width:186px;
	margin-right:20px;
	float:left;
}
.main_content .right-con {
	width:994px;
	float:left;
}
.main_content .right-con .bn_wrap {
	width:994px;
}
.main_content .right-con .bn_wrap:after {
	content: "";
	display: block;
	clear: both;
}
.main_content .right-con .bn_wrap {
}
/***메인배너 시작***/





.main_bn1{
	background:url(http://pencafe.img4.kr/renewal/banner/main_banner/main_bn1.jpg);
}


.main_bn2{
	background:url(http://pencafe.jpg2.kr/renewal/banner/main_banner/main_ester250516.jpg);
}



.main_bn3{
	background:url(http://pencafe.jpg2.kr/renewal/banner/main_banner/main_parker250516.jpg);
}


.main_bn4{
	background:url(http://pencafe.jpg2.kr/renewal/banner/main_banner/main_pilot250515.jpg);
}



.main_bn5{
	background:url(http://pencafe.jpg2.kr/renewal/banner/main_banner/main_sailor250514.jpg);
}



.main_bn6{
	background:url(http://pencafe.jpg2.kr/renewal/banner/main_banner/main_mol2618.jpg);
}




.main_bn7{
	background:url(http://pencafe.jpg2.kr/renewal/banner/main_banner/main_cross0519.jpg);
}











.main_bn8{
	background:url(http://pencafe.jpg2.kr/renewal/banner/main_banner/engraving_1200.jpg);
}






.flickity-enabled {
	position: relative;
}
.flickity-enabled:focus {
	outline: none;
}
.flickity-viewport {
	overflow: hidden;
	position: relative;
}
.flickity-slider {
	position: absolute;
	width: 100%;
	height: 100%;

font-family:notokr-bold,sans-serif;
}
/* draggable */

.flickity-enabled.is-draggable {
	-webkit-tap-highlight-color: transparent;
	tap-highlight-color: transparent;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {
	cursor: move;
	cursor: -webkit-grab;
	cursor: grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
	cursor: -webkit-grabbing;
	cursor: grabbing;
}
.flickity-prev-next-button {
    position: absolute;
    top: 50%;
    width: 44px;
    height: 76px;
    border: none;
    border-radius: 0;
    background: none;
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.flickity-prev-next-button:hover {
	background: none;
}
.flickity-prev-next-button:focus {
	outline: none;
}
.flickity-prev-next-button:active {
	opacity: 0.6;
}
.flickity-prev-next-button.previous {
    left: 18.5%;
    background: url('/design/pencafe/renewal2018/img/w/mainbn_arr_left.png');
}
.flickity-prev-next-button.next {
    right: 18.5%;
    background: url('/design/pencafe/renewal2018/img/w/mainbn_arr_right.png');
}
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
	left: auto;
	right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
	right: auto;
	left: 10px;
}
.flickity-prev-next-button:disabled {
	opacity: 0.3;
	cursor: auto;
}
.flickity-prev-next-button svg {
	position: absolute;
	left: 20%;
	top: 20%;
	width: 60%;
	height: 60%;
	display:none;
}
.flickity-prev-next-button .arrow {
	fill: #fff;
	opacity:.5;
}
.flickity-prev-next-button .arrow:hover {
	fill: #fff;
	opacity:1;
}
.flickity-prev-next-button .arrow:active {
	fill: #fff;
	opacity:1;
}
.flickity-prev-next-button .arrow:focus {
	fill: #fff;
	opacity:1;
}
/* ---- page dots ---- */

.flickity-page-dots {
	display:none;
	position: absolute;
	width: 100%;
	bottom: -25px;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
	line-height: 1;
}
.flickity-rtl .flickity-page-dots {
	direction: rtl;
}
.flickity-page-dots .dot {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 8px;

	background: #333;


	border-radius: 50%;
	opacity: 0.25;
	cursor: pointer;

}
.flickity-page-dots .dot.is-selected {
	opacity: 1;
}
/* external css: flickity.css */

.carousel-cell {


	width: 1200px;
	height: 554px;
	margin-right: -1px;
	counter-increment: carousel-cell;
    opacity: 0.4;
}
.carousel-cell.is-selected {     opacity: 1;
}
.carousel-cell.is-previous {
}
.carousel-cell.is-next {
}
.carousel-cell.is-selected img {
	opacity:0;
}

.carousel-cell.is-previous img {
	opacity:.8;
}
.carousel-cell.is-next img {
	opacity:.8;
}

/***메인배너 끝***/

/* BASIC css end */