/* BASIC css start */
/* page-hd */

@import url(http://fonts.googleapis.com/earlyaccess/hanna.css);

#productPlan .page-hd { padding: 8px 15px 5px; background-color: #c9c9c9; }
#productPlan .page-hd h2 { color: #f97b7c; font-size: 14px; font-weight: bold; text-transform: uppercase; }
/* page-body */
#productPlan .page-body { padding-bottom: 80px; }
#productPlan .page-body .visual { margin-top: 5px; }
#productPlan .page-body .pick { margin-top: 10px; text-align: right; }
#productPlan .page-body .pick select { width: 320px; border: 1px solid #c5c5c5; }
#productPlan .page-body .clst { zoom: 1; overflow: hidden; margin-top: 10px; padding: 10px 7px 7px; border-top: 1px solid #999; border-bottom: 1px solid #999;text-align:center; }
#productPlan .page-body .clst li { float: left; margin-right: 30px; padding-left: 10px; background: url(/images/d3/modern_simple/common/bull_h2_sqr_gray.gif) no-repeat 0 45%; }
#productPlan .page-body .clst li a { display: block; white-space: nowrap;  font-size:15px; font-weight:bold;}
#productPlan .page-body .clst li a:hover { display: block; white-space: nowrap;  font-size:15px; font-weight:bold; color:#f96285;}
#productPlan .page-body .p-hd { position: relative; margin-top: 70px; padding: 15px 10px; background-repeat:no-repeat; background-color:#f6caca; height:40px; text-align:center;font-size: 15px; font-weight:bold;}
#productPlan .page-body .p-hd.mt-35 { margin-top: 35px;}
#productPlan .page-body .p-hd h3 {color: #fff; font-size: 30px; line-height:31px; margin-top:4px; font-weight:400;}
#productPlan .page-body .p-hd .top { position: absolute; top: 0px; right: 5px; color: #fff; }
#productPlan .page-body .p-hd div{ position: absolute; top: 30px; right: 60px; color:#fff; }
#productPlan .page-body .plst { zoom: 1; overflow: hidden; margin: 25px auto 0; }
#productPlan .page-body .prd-list .thumb { width: 176px; height: 176px;}
#productPlan .page-body .prd-list .thumb img {width:170px; height:auto; padding:3px}
#event_box_1,#event_box_2,#event_box_3,#event_box_4,#event_box_5,#event_box_6{
    height:auto; overflow:hidden;
	-ms-transition-duration:5s;
	-moz-transition-duration:5s;
	-o-transition-duration:5s;
	-webkit-transition-duration:5s;
	transition-duration:5s;
}

.item-cont .item-list{margin:25px 0 40px 0!important;}
.item-cont .item-list:hover{margin:20px 0 35px 0!important;}

#event_box_1 .item-cont .item-list,
#event_box_2 .item-cont .item-list,
#event_box_3 .item-cont .item-list,
#event_box_4 .item-cont .item-list {width:300px!important;padding:0 10px;}

#event_box_1 .item-cont .item-list:hover,
#event_box_2 .item-cont .item-list:hover,
#event_box_3 .item-cont .item-list:hover,
#event_box_4 .item-cont .item-list:hover {width:290px!important;}

#event_box_1 .item-cont .item-list dt img,
#event_box_2 .item-cont .item-list dt img,
#event_box_3 .item-cont .item-list dt img,
#event_box_4 .item-cont .item-list dt img {width:220px!important;height:220px!important}

#event_box_1 .item-cont .item-list .prd-name,
#event_box_2 .item-cont .item-list .prd-name,
#event_box_3 .item-cont .item-list .prd-name,
#event_box_4 .item-cont .item-list .prd-name {width:280px!important; height:auto!important;}



#event_box_1 .item-cont .item-list .prd-name .name_b,
#event_box_2 .item-cont .item-list .prd-name .name_b,
#event_box_3 .item-cont .item-list .prd-name .name_b,
#event_box_4 .item-cont .item-list .prd-name .name_b{ height:auto!important;}






/*ºäƼ Å×½ºÅÍ °ü·Ã CSS*/

#chess_event{text-align:center;}
#chess_event .sns_bt img{float:left; padding:0 5px }
#blog_popup {
	position:fixed;
	left:37%;
	top:100px;
	width:500px;
	height:500px;
	z-index:999998;
	display:none;
        border:solid 2px #fff;
}
#kakaostory-share-button img {width:70px; height:70px;}
#blog_popup .close_bt{position:absolute; top:15px; right:15px;}
#blog_popup span{display:block; margin:0 auto; padding:10px; position:absolute; top:270px; left:37px; width:400px; font-family:dotum; font-weight:bold;}


/*ºäƼ Å×½ºÅÍ °ü·Ã CSS ³¡ */

/* BASIC css end */