/* BASIC css start */
.home_icon {margin-top:-4px;}
.star_icon {margin-top:-4px;}
.vc_goUp {top:0px;}
.vc_goDown {top:25px;}

/* ¿À¸¥Âʸ޴º ½ÃÀÛ */	
.rbanner_wrap .bookmark {
	width:100%;
	height:30px;
	margin-bottom:32px;
}
.rbanner_wrap .bookmark .icon {
	display:inline-block;
	vertical-align:top;
	margin-right:8px;
}
.rbanner_wrap .bookmark .text {
	display:inline-block;
	color:#fff;
}
.rbanner_wrap .box {
	width:152px;
	height:223px;
	border:1px solid #494949;
}
.rbanner_wrap .box .box_s {
	width:75px;
	float:left;
	text-align:center;
	height:36px;
	line-height:36px;
	border-bottom:1px solid #494949;
}
.rbanner_wrap .box .box_s_1 {
	width:75px;
	border-right:1px solid #494949;
	border-bottom:1px solid #494949;
	float:left;
	text-align:center;
	height:36px;
	line-height:36px;
}
.rbanner_wrap .box .box_s_1 a {
	color:#fff;
}
.rbanner_wrap .box .box_s a {
	color:#fff;
}
.rbanner_wrap .box .box_s_2 {
	height:36px;
	line-height:36px;
	border-bottom:1px solid #494949;
	width:150px;
	display:block;
	text-align:center;
}
.rbanner_wrap .box .box_s_2 a {
	color:#fff;
}

.rbanner_wrap .box .box_s_2 a img {
	margin-right:5px;:
}
.rbanner_wrap .box .box_s_3 a img {
	margin-right:5px;:
}

.rbanner_wrap .box .box_s_3 {
	height:36px;
	line-height:36px;
	width:150px;
	display:block;
	text-align:center;
}
.rbanner_wrap .box .box_s_3 a {
	color:#fff;
}
.rbanner_wrap .c_center {
	margin:31px 0 15px 0;
	border-top:1px dashed #393939;
	border-bottom:1px dashed #393939;
	width:100%;
	color:#fff;
	text-align:center;
	padding:12px 0;
}
.rbanner_wrap .number {
	color:#fff;
	width:100%;
	margin-bottom:20px;
	text-align:center;
	font-size:18px;
}
.rbanner_wrap .text2 {
	color:#fff;
	width:100%;
	margin-bottom:20px;
	text-align:center;
	font-size:13px;
}
.rbanner_wrap .time {
	color:#848484;
	text-align:center;
}
.rbanner_wrap .view_pd {
}
.btn {
	position:absolute;
	top:451px;
	left:-29px;
}
.btn div {
	width:29px;
	height:30px;
}
.btn div a { 
    display:block;
    height:30px;
    text-indent:-9999em;
    background:url(http://pencafe.img4.kr/renewal/abc963011/sp_top_down.gif) 0 0 no-repeat;
}
.btn .top a {
    background-position:0 0;
}
.btn .down a {
    background-position:0 -30px;
}


.rt_section03 {
	width: 190px;
	background: #000;
}
.fix_rt_menu {
	position:absolute;
	top:412px;
	right:0px;
	z-index:999;
	bottom:0px;
	width:190px;
	background:#000;
}
.fix_rt_menu.fixed {
    position:fixed;
    top:50px;
}
.fix_rt_menu .fix_rt_content {
	position:relative;
	z-index:40;
	width:190px;
}
.fix_rt_menu .fix_rt_content .fixclose_bt {
	position:absolute;
	top:-200px;
	left:100px;
	z-index:50;
	color:#000000;
	font-size:13px;
	padding:4px 27px 4px 0px;
	background:url(/design/yamiyami/wib2015/top/fix_closebtn.gif) no-repeat right 2px;
	cursor:pointer;
}
.fix_rt_menu .fix_rt_content .rt_btn {
    width: 29px;
    height: 61px;
    position: absolute;
    top: 390px;
    left: -29px;
    z-index: 20;
    cursor: pointer;
}
.rbanner_wrap {
	width: 154px;
	height: auto;
	background: #000;
	padding: 36px 18px;
}

/* ¿À¸¥Âʸ޴º ³¡*/




/* Ä«Åå ½ÃÀÛ */
.right_menu {width:65px; position:fixed; top:800px; right:130px; z-index:999;}
/*Ä«Åå ³¡ */









/* ¿ÞÂʸ޴º ½ÃÀÛ */
.left_menu {width:65px; position:fixed; z-index:999999; top:1000px; left:236px;}
.left_menu .brown {
    width: 65px;
    height: 50px;
    background: #665950;
    border-bottom: 1px dashed #8f8177;
    text-align: center;
    padding-top: 15px;
}
.left_menu .brown a {
    color: #fff;
    font-size: 14px;
}
.left_menu .brown_2 {width:65px; height:65px; background:#665950; text-align:center; line-height:60px;}
.left_menu .brown_2 a {color:#fff; font-size: 14px;}

.left_menu .green {width:65px; height:65px; background:#14ba68; text-align:center; color:#fff;}
.left_menu .yellow {width:65px; height:65px; background:#ffdd00; text-align:center; color:#fff;}


/* ¿ÞÂʸ޴º ³¡ */




/* Àüü¸Þ´º ½ÃÀÛ*/
.allmenu_box2 {
    width: 305px;
    float: right;
    margin: 29px 15px 0 0;
}
.allmenu_box2 .allmenu_bn {
    float: left;
    width: 149px;
    height: 149px;
    margin-bottom:5px;
}
.allmenu_box2 .allmenu_bn2 {
    float: left;
    width: 149px;
    height: 149px;
    margin-left:5px;
    margin-bottom:5px;
}

.allmenu_box {width:160px; float:left; margin-right:20px;}
.allmenu_box .allmenu_tit {
    border-bottom: 1px solid #999999;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    margin-top: 12px;
    margin-bottom: 5px;
    padding-bottom: 8px;
}
.allmenu_box .allmenu_sub {text-align:left;}
.allmenu_box .allmenu_sub div {}
.allmenu_box .allmenu_sub div a {
    font-size: 14px;
    color: #fff;
    padding: 0px;
    height: 20px;
    line-height: 20px;
}
.allmenu_box .allmenu_sub div a:hover {font-size:14px; color:#dab08a;}
.line_right {border-right:1px solid #999; height: 700px; margin-right:35px; padding-right: 35px;}
/* Àüü¸Þ´º ³¡*/


/* GNB */
.allmenu {
	width:50px;
	height:50px;
	background:#000;
	text-align:center;
}
.allmenu a i {
	font-size:24px;
	line-height:50px;
}
.allmenu_open {
    display: none;
    position: absolute;
    top: 50px;
    left: 0px;
    width: 1120px;
    height: 700px;
    background: #000;
    overflow: hidden;
    color: #fff;
    padding: 24px 40px 40px 40px;
    opacity:.9; 
}
.allmenu_open .close {
    color: #fff;
    position: absolute;
    top: 5px;
    right: 10px;
}
ul.horizontal-dropdown {
	position: relative;
}
ul.horizontal-dropdown a {
-webkit-padding-end:11px !Important;
-webkit-padding-start:11px !Important;
	display: block;
	text-decoration: none;
	color: #fff;
	line-height: 50px;
	padding:0 9px;
	font-size:14px;
}
ul.horizontal-dropdown li:nth-child(2) {margin-left:15px;}

ul.horizontal-dropdown li {
	float: left;
	padding: 0;
	min-height:50px;
}
ul.horizontal-dropdown li.allmenu.hover {
	background:#000;
}
ul.horizontal-dropdown li.hover {
	background:url('/design/pencafe/renewal2018/img/w/gnb_arr.png') no-repeat bottom;
}


/*sub nav*/
ul.horizontal-dropdown ul {
	position: absolute;
	margin: 0;
	left: 0;
	background: #000;
	overflow: hidden;
	opacity: .9;
}
ul.horizontal-dropdown ul li {
	background: transparent;
	padding: 30px;
	float: left;
}
ul.horizontal-dropdown ul li .sub_tit {
	display:block;
	margin-bottom:30px;
}
ul.horizontal-dropdown ul li .sub_tit a {
	font-size:18px;
	border-bottom:2px solid #fff;
	display:inline-block;
	line-height:27px;
	color:#fff;
}
ul.horizontal-dropdown ul li .sub_tit a:hover {
	color:#fff;
}
ul.horizontal-dropdown ul li .sub_sub {
	display:block;
}
ul.horizontal-dropdown ul li .sub_sub a {
	float: left;
	font-size: 14px;
	padding: 0 3px;
	line-height: 25px;
	margin: 0 13px 20px 0px;
	color:#fff;
}
ul.horizontal-dropdown ul li .sub_sub a:hover {
	color: #dbaf88;
	line-height:25px;
}
ul.horizontal-dropdown ul li a {
	position: relative;
	top: 0;
	left: 0;
	background:#000;
	padding: 0;
	color:#fff;
	display: block;/*float: left;*/
	/*padding: 10px 20px;*/
}
ul.horizontal-dropdown ul li a:hover {
	color: #0609b3;
}



/* ÃÖ»ó´Ü ž¹è³Ê */


.top_bn {
    /* width: 100%; */
    height: 142px;
    /* background: linear-gradient(to right, #ffefe8,#ffefe8, #c3dffd, #c3dffd); */
    /* background-repeat: repeat-x; */
    display: none;
    position: relative;
    z-index: 9;
}

.top_bn .top_bn_img {
	/*width:1200px; ©öe¡Æ©¡¡¾o¡Æi A©¬¨úO©öe©øE1200A¢¬¡¤I ¨ú¥ì ¡Æ©¡¢¯i*/
        /*width:100%;AuA¨ù©öe©øE¡¤I ¨ú¥ì ¡Æ©¡¢¯i*/
	/*margin:0 auto;*/
	position:relative;
}
.top_bn_btn {
	/*position:absolute;
	top:10%;
	right:2%;*/
	z-index:9999;
	position: absolute;
	top: 10px;
	right: 0px;
}

.verticalCarousel {
    margin: 0 auto;
    width: 100%;
    position: relative;
}

.verticalCarouselHeader {
    border-width: 0px;
    border-style: solid;
    padding: 0px;

    width: 100%;
    margin: 0 auto;
    opacity: 1;
    height: 0px;
    position: absolute;
    z-index: 9999999;
}

.verticalCarouselHeader .inner_box {
    width:1200px;
    margin: auto;
    height: 0px;
    position: relative;
}

.verticalCarouselHeader:after {
  content: "";
  display: block;
  clear: both;
}

.verticalCarouselHeader .vc_goUp, .verticalCarouselHeader .vc_goDown {
  position: absolute;
  width: 25px;
  height: 25px;
  background: #000;
  text-align: center;
  color: #000;
  margin-left: 5px;
  opacity: 0.2;
  font-size:16px;
}

.verticalCarouselHeader .vc_goUp, .verticalCarouselHeader .vc_goDown i {
  color:#fff;
}

.verticalCarouselGroup.vc_list > li {
  margin: 0px;
  border-width: 0px;
  border-style: solid;
  padding: 0px;
  background-color: #fff;
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05);
}

.vc_goUp, .vc_goDown {
  display: block;
}

.vc_goUp.isDisabled, .vc_goDown.isDisabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.2;
  cursor: not-allowed;
}

.vc_container {
  height:142px !Important;
  overflow: hidden;
  -moz-transition: height 0.2s ease-in;
  -o-transition: height 0.2s ease-in;
  -webkit-transition: height 0.2s ease-in;
  transition: height 0.2s ease-in;
  z-index: 99999;
  position: relative;
}

.vc_list {
  margin: 0;
  padding: 0;
  list-style: none;
  -moz-transition: -moz-transform 0.2s ease-in;
  -o-transition: -o-transform 0.2s ease-in;
  -webkit-transition: -webkit-transform 0.2s ease-in;
  transition: transform 0.2s ease-in;
}

.top_bn {display:none;}




/* ±âÁ¸½ºÅ² css */

#header h1 {
    float: left;
    margin-right: 15px;
}
#header h1 a {
    display: block;
    width: 114px;
    height: 28px;
    background: #9a1f1f url(//pencafe.jpg2.kr/renewal/banner/main_banner/icon_gl.png) no-repeat 12px 13px;
    overflow: hidden;
    padding-top: 12px;
    text-indent: 35px;
    font-size: 13px;
}



#mask { display:none; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:200 }

/* header */
#header { position:relative; width:100%;  z-index:100; background:url('/design/pencafe/renewal2018/img/w/top_bg.gif'); background-repeat:repeat-x; }
#header .hd_lnb {width:1200px; height:40px; line-height:40px; vertical-align:middle; background:#000; margin:0 auto; color:#b2b2b2;}
#header .hd_lnb .bar {color:#4d4d4d;}
#header .hd_lnb div {
    display: inline-block;
    margin-right: 10px;
    position:relative;
    color: #fff;
    font-size: 13px;
    cursor: pointer;
}
#header .hd_lnb div.hdJoin .bonus { display:inline-block; *display:inline; zoom:1; position:absolute; top:35px; left:50%; width:68px; height:33px; text-indent:-9999em; margin-left:-33px; background:url(http://pencafe.img4.kr/renewal/abc963011/bonus.png) 0 0 no-repeat; -webkit-animation: bonus 2s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -ms-animation: bonus 2s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: ease-in-out }
#header .hd_lnb div.f_left div a {font-size:13px;}
#header .hd_lnb div a {color:#fff;}
#header .hd_lnb div a img {margin-right:7px;}
#header .hd_lnb div i {color:#fff; font-size:18px;}
#header .hd_mib {width:1200px; height:180px; margin:0 auto; background:url('/design/pencafe/renewal2018/img/w/hd_mib_bg.gif'); background-repeat:no-repeat;}
#header .hd_mib:after {content: ""; display: block; clear: both;}
#header .hd_mib div {}
#header .hd_mib .hd_logo {width:206px; height:180px; line-height:180px;}
#header .hd_mib .hd_sch {width:858px; height:180px; line-height:180px; text-align:center;}
#header .hd_mib .hd_sch fieldset a {position:relative;}

#header .hd_mib .hd_sch fieldset a img {
    color: #989898;
    font-size: 24px;
    position: absolute;
    right: 30px;
    bottom: -5px;
}
#header .hd_mib .hd_sch .MS_search_word {width:430px; height:27px; line-height:27px; border:none; background:#f0f0f0; color:#666; padding:10px 20px; border-radius:25px; font-size:14px;}
#header .hd_mib .hd_map {position: absolute; top: 80px; right: 0;  width:500px; height:80px; line-height:80px;}

#header .gnbWrap { width:100%; height:50px }
#header .gnbWrap .gnbArea { position:relative; width:100%; height:50px; background:#9a1f1f }
#header .gnbWrap .gnbArea.fix { position:fixed; top:0; left:0; right:0; z-index:100 }
#header .gnbWrap .gnbArea .hd_gnb { width:1200px; height:50px; margin:0 auto }

@-webkit-keyframes bonus {
    0% { -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg) }
    5% { -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(-5px) skewX(3deg) skewY(0deg) }
    15% { -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg) }
    25% { -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(-5px) skewX(-3deg) skewY(0deg) }
    35% { -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg) }
    100% { -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg) }
}

@-ms-keyframes bonus {
    0% { -ms-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg) }
    5% { -ms-transform: scale(1) rotate(0deg) translateX(0px) translateY(-5px) skewX(3deg) skewY(0deg) }
    15% { -ms-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg) }
    25% { -ms-transform: scale(1) rotate(0deg) translateX(0px) translateY(-5px) skewX(-3deg) skewY(0deg) }
    35% { -ms-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg) }
    100% { -ms-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg) }
}

.top_toggle {position:relative;}
.toggle_sub {display:none; position:absolute; top:40px;left:-10px; width:100%; padding:5px 10px; background:#000; z-index:999}
.toggle_sub li {height:25px; line-height:25px;}
.toggle_sub li a {font-size:11px;}
.top_toggle2 {position:relative;}
.toggle_sub2 {display:none; position:absolute; top:40px;left:-10px; width:130%; padding:5px 10px; background:#000; z-index:999}
.toggle_sub2 li {height:25px; line-height:25px;}
.toggle_sub2 li a {font-size:11px;}
.top_toggle3 {position:relative;}
.toggle_sub3 {display:none; position:absolute; top:40px;left:-10px; width:68px; padding:5px 10px; background:#000; z-index:999}
.toggle_sub3 li {height:25px; line-height:25px;}
.toggle_sub3 li a {font-size:11px;}
/* BASIC css end */