/* common expression */
.wrapper{width:1140px; margin:0 auto; position:relative;}
.wrapper:after{content:''; display:block; clear:both;}
.clear:after{content:''; display:block; clear:both;}
.displayTable{width:100%; display:table; table-layout:fixed; border-spacing:0; border-collapse:collapse;}
.display_inline_block{display:inline-block; vertical-align:middle;}
.tr{display:table-row;}
.td{display:table-cell;}
.point_c{color:#eb5353;}
.point_c02{color:#ff5757;}
.s_title{font-size:15px; font-weight:bold; color:#000;}
.s_title02{margin:0 0 15px; font-size:16px; color:#333;}
.s_title02 em{margin:0 0 0 10px; font-size:13px; color:#999; vertical-align:-1px;}
.s_title03{margin:0; padding:0 0 15px; font-size:16px; font-weight:bold; color:#333;}
.s_title03.ver_line{background:url('../images/icon/title_line_bg.png') bottom repeat-x;}
.s_title04{font-size:15px; padding:0 0 10px; font-weight:bold; color:#000;}
.s_title05{font-size:15px; padding:0 0 10px; color:#000;}
.s_title05 em{margin:0 0 0 10px; font-size:13px; color:#999; vertical-align:-1px;}

.circle{border-radius:50%;}
.bg_gray{background:#fbfbfb;}
.bg_pink{background:#faf4f0;}
.border_box{border:1px solid #ddd; background:#fff;}
.border_box02{border:1px solid #999; background:#f7f7f7;}
.border_box03{border:1px solid #ddd; background:#f5f5f5;}
.border_box03 .kw_box{margin:20px;}
.strike{text-decoration:line-through;}
.box_gray{border:1px solid #ddd; background:#f9f9f9;}

.nodeAction{cursor:pointer;}

/* common Link motion */
.honeyLink{}
.honeyLink a{position:relative;}
.honeyLink a:before{content:''; width:0; height:2px; position:absolute; left:50%; bottom:0; background:#eb5353;
	-ms-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.honeyLink a:hover:before{width:100%; left:0;}

/* common Icon motion */
.icon_plus:before, .icon_plus:after{content:''; position:absolute; background:#fff;
	-webkit-transition: margin .3s ease-out, transform .3s ease-out;
	transition: margin .3s ease-out, transform .3s ease-out;
}
.icon_plus:before{width:1px; height:7px; margin:0 0 0 -1px; left:50%; top:25%;}
.icon_plus:after{width:7px; height:1px; margin:-1px 0 0 0; left:25%; top:50%;}
.active .icon_plus:before{
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
.active .icon_plus:after{
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.icon_bookmark{width:30px; height:30px; display:inline-block; font-size:0; text-indent:-9999px; background:url('../images/icon/icon_bookmark.png') no-repeat;}
.icon_bookmark.active{background-position:0 -30px;}

.icon_typeA{height:32px; padding:0 10px; display:inline-block; font-size:1em; line-height:30px; color:#666; border:1px solid #ddd; background:#fff; border-radius:3px;}

.icon_selections{margin:-10px 0 0 -10px; font-size:0;}
.icon_selections > span{height:25px; margin:10px 0 0 10px; padding:0 36px 0 11px; display:inline-block; font-size:13px; line-height:24px; color:#444; background:#f0f0f0; border-radius:12px; position:relative; overflow:hidden;}
.icon_selections > span > button{width:20px; height:20px; margin:-10px 0 0; position:absolute; right:7px; top:50%; background:url('../images/icon/icon_del.png') 50% 50% no-repeat;}

.recommended_box{}
.recommended_box .td{padding:0 20px; position:relative;}
.recommended_box .td + .td:after{content:''; width:1px; position:absolute; left:0; top:3px; bottom:15px; background:#ddd;}
.recommended_box .tools{}
.recommended_box .tools .s_title{margin:0 0 10px;}
.recommended_box .tools .s_title,
.recommended_box .tools .controller{display:inline-block;}
.recommended_box .tools .controller{margin:0 0 0 15px; vertical-align:-1px;}
.recommended_box .tools .controller:after{content:''; display:block; clear:both;}
.recommended_box .tools .controller button{width:13px; height:11px; margin:0 -1px 0 0; float:left; background-repeat:no-repeat; font-size:0; text-indent:-9999px;}
.recommended_box .tools .controller button.prev{background-image:url('../images/icon/icon_nav_prev.png');}
.recommended_box .tools .controller button.next{background-image:url('../images/icon/icon_nav_next.png');}

.recommended_box .inner{overflow:hidden;}
.recommended_box .recommended_list{width:1000%;}
.recommended_box.login_after .recommended_list li{width:110px;}

.adult_icon{width:30px; height:30px; text-align:center; font-size:13px; line-height:26px; font-weight:bold; color:#ff5757; border:2px solid #ff5757; border-radius:50%; background:#fff;}
.adult_icon:before{content:'19'}

.event_icon{}
.event_icon img{max-width:100%;}

.blind{width:100%; height:100%; position:absolute; left:0; top:0; text-align:center;}
.blind:before{content:'';display:inline-block;vertical-align:middle;width:0;height:100%;}
.blind:after{content:''; position:absolute; left:0; top:0; right:0; bottom:0; background:#ccc; opacity:.8; filter:alpha(opacity=80);}
.blind img{width:auto !important; height:auto !important; box-shadow:none !important;}
.blind > div{display:inline-block;vertical-align:middle;position:relative;z-index:2;}
.blind > div > *{position:relative;}
.blind > div > span{display:block;}
.blind .btn{height:30px; padding:0 20px; display:inline-block; border:1px solid #666; font-size:13px; line-height:28px; color:#000;
	-ms-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.blind .btn:hover{background-color:#333; color:#fff;}

/* common tab package */
.tab_category{margin:0 0 40px; position:relative;}
.tab_category:after{content:''; width:100%; height:1px; position:absolute; left:0; bottom:0; background:#333;}
.tab_category ul{padding:0 0 0 1px; font-size:0;}
.tab_category li{width:18%; margin:0 0 0 -1px; display:inline-block; text-align:center; border:1px solid #ddd; border-bottom-color:#333; position:relative;}
.tab_category li:before,
.tab_category li.active:before{content:''; position:absolute; left:-1px; right:0; top:-1px; background:none;}
.tab_category li:before{bottom:-1px;
	-ms-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;

	transition: transform 0.3s, background-color 0.3s;
	-webkit-transform: perspective(200px) rotate3d(1,0,0,90deg);
	transform: perspective(200px) rotate3d(1,0,0,90deg);
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-perspective-origin: 50% 100%;
	perspective-origin: 50% 100%;
}
.tab_category li.active{}
.tab_category li.active:before{background-color:#333;
	-webkit-transform: perspective(200px) rotate3d(1,0,0,0deg);
	transform: perspective(200px) rotate3d(1,0,0,0deg);
}
.tab_category a{padding:13px 0; display:block; font-size:15px; color:#333; position:relative; background:#fff;}
.tab_category .active a{color:#fff; position:relative; z-index:2; background:none;}
.tab_category a:hover{}
.tab_category .displayTable{padding:0;}
.tab_category .displayTable li{display:table-cell; margin:0;}

.tab_category.ver2:after{content:none;}
.tab_category li{border-bottom-color:#ddd;}
.tab_category.ver2 li.active:before{background-color:#ff5757;}

.tab_typeA{margin:0 0 25px;}
.tab_typeA ul:after{content:''; display:block; clear:both;}
.tab_typeA li{padding:0 20px; float:left; position:relative;}
.tab_typeA li:first-child{padding-left:0;}
.tab_typeA li + li:before{content:''; width:1px; height:15px; margin:-8px 0 0; background:#ddd; position:absolute; left:0; top:50%;}
.tab_typeA a{color:#333;}
.tab_typeA .active a{font-weight:bold; color:#ff5757;}

.tab_typeB{margin:0 0 25px; border:1px solid #ddd;}
.tab_typeB ul{width:auto; max-width:100%;}
.tab_typeB li{display:table-cell; vertical-align:middle; font-size:15px;}
.tab_typeB li a{padding:18px 30px; display:block; color:#222; position:relative;}
.tab_typeB li + li:before{content:''; width:1px; height:10px; background:#fff;}
.tab_typeB li a em{color:#ff5757;}
.tab_typeB li + li a:before{content:''; width:1px; height:15px; margin:-7px 0 0; background:#ddd; position:absolute; left:-1px; top:50%;}
.tab_typeB li.active a{background:#ff5757; z-index:1;}
.tab_typeB li.active a,
.tab_typeB li.active a em{color:#fff;}

.tab_typeC{margin:0 0 20px; font-size:0;}
.tab_typeC li{display:inline-block; font-size:14px;}
.tab_typeC li + li{margin:0 0 0 10px;}
.tab_typeC li a{min-width:110px; height:35px; padding:0 12px; display:block; border:1px solid #999; text-align:center; line-height:33px; color:#999; border-radius:17px;}
.tab_typeC li.active a{border-color:#ff5757; background:#ff5757; font-weight:bold; color:#fff;}

/* common btn package */
.btn_more_view,
.ajax_more_view{width:100%; outline:none; text-align:center; border:1px solid #e2e2e2; background:#f6f6f6; font-size:13px; line-height:44px; color:#333; display:block; position:relative;
	-ms-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}
.btn_more_view:hover,
.ajax_more_view:hover{border:1px solid #cacaca;}
.btn_more_view span,
.ajax_more_view span{display:inline-block;}
.btn_more_view i,
.ajax_more_view i{margin-right:5px;}
.btn_more_view.honeycon-loading:before,
.ajax_more_view.honeycon-loading:before{
	-webkit-animation: spin 2s infinite linear;
	animation: spin 2s infinite linear;
}
.btn_more_view.honeycon-loading i:before,
.ajax_more_view.honeycon-loading i:before{content:none;}
.btn_more_view.honeycon-up-light i:before,
.ajax_more_view.honeycon-up-light i:before{content:none;}
.ajax_more_view em{font-weight:bold;}

.more span{width:11px; height:11px; margin:0 3px 0 0; vertical-align:-1px; display:inline-block; position:relative;}
.more span:before,
.more span:after{content:''; position:absolute; background:#999;}
.more span:before{width:100%; height:1px; left:0; top:5px;}
.more span:after{width:1px; height:100%; left:5px; top:0;}

.btn_tag{}
.btn_tag span{padding:0 14px; display:block; line-height:28px; color:#666; border:1px solid #ccc; border-radius:5px;
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(243,243,243,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3', GradientType=0 );
}
.btn_tag.active span{border-color:#ff5757; color:#ff5757;}

.btn_cate{outline:none;}
.btn_cate span{height:35px; padding:0 25px; display:inline-block; border:1px solid #999; font-size:15px; line-height:33px; color:#666; border-radius:17px; background:#fff;
	-ms-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}
.btn_cate:hover span{border-color:#ff5757; color:#ff5757;}
.btn_cate.active span{border-color:#ff5757; background-color:#ff5757; font-weight:bold; color:#fff;}
.btn_cate.active:before{
	-ms-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}
.btn_cate.active:hover span{color:#fff;}

.btn_typeA{display:inline-block; vertical-align:middle; background:#fff; position:relative; overflow:hidden;}
.btn_typeA:before{content:''; width:150%; height:120%; position:absolute; left:0; top:0; background:#666; opacity:0; filter:alpha(opacity=0);
	-ms-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;

	-ms-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -4em, 0);
	-webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -4em, 0);
	transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -4em, 0);
}
.btn_typeA span{min-width:78px; height:40px; display:block; padding:0 13px; border:1px solid #666; text-align:center; font-size:15px; font-weight:normal; line-height:38px; color:#333; position:relative;
	-ms-transition: color 0.2s;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}
.btn_typeA:hover:before{opacity:1; filter:alpha(opacity=100);
	-ms-transform: rotate3d(0, 0, 1, 0deg);
	-webkit-transform: rotate3d(0, 0, 1, 0deg);
	transform: rotate3d(0, 0, 1, 0deg);
}
.btn_typeA:hover span{color:#fff;}
.btn_typeA.ver2 span{border-color:#ff5757; color:#ff5757;}
.btn_typeA.ver2:before{background:#ff5757;}
.btn_typeA.ver2:hover span{color:#fff;}
.btn_typeA.ver3{background:#ff5757;}
.btn_typeA.ver3:before{background:#fff;}
.btn_typeA.ver3 span{min-width:auto; padding:0 16px; color:#fff; border-color:#ff5757;}
.btn_typeA.ver3:hover span{color:#ff5757;}
.btn_typeA.ver3:hover span em{color:#ff5757; opacity:1; filter:alpha(opacity=100);}
.btn_typeA.ver4{background:#333;}
.btn_typeA.ver4:before{background:#fff;}
.btn_typeA.ver4 span{min-width:auto; padding:0 16px; color:#fff; border-color:#333;}
.btn_typeA.ver4:hover span{color:#333;}
.btn_typeA.ver5{background:#666;}
.btn_typeA.ver5:before{background:#fff;}
.btn_typeA.ver5 span{min-width:auto; padding:0 16px; color:#fff; border-color:#666;}
.btn_typeA.ver5:hover span{color:#666;}
.btn_typeA.round,
.btn_typeA.round:before,
.btn_typeA.round span{border-radius:20px;}

.btn_typeA[disabled]{background:#666;cursor:default;}
.btn_typeA[disabled]:before{content:none;}
.btn_typeA[disabled] span,
.btn_typeA[disabled]:hover span{border-color:#666;color:#fff;}

.btn_typeB{display:inline-block; vertical-align:middle;}
.btn_typeB span{height:25px; padding:0 14px; display:block; background:#fff; border:1px solid #fff; text-align:center; font-size:13px; line-height:23px; color:#ff5757;
	-ms-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.btn_typeB:hover span{background:#ff5757; color:#fff; border:1px solid #fff;}
.btn_typeB.ver_round span{height:22px; line-height:20px; border-radius:11px;}
.btn_typeB.ver2 span{border-color:#666; color:#666; background:#fff;}
.btn_typeB.ver2:hover span{background:#666; color:#fff;}
.btn_typeB.ver3 span{border-color:#333; color:#333; background:#fff;}
.btn_typeB.ver3:hover span{background:#333; color:#fff;}
.btn_typeB.ver4 span{color:#ff5757; border-color:#ff5757;}
.btn_typeB.ver4:hover span{background:#ff5757; color:#fff;}
.btn_typeB.ver5 span{background:#ff5757; border-color:#ff5757; color:#fff;}
.btn_typeB.ver5:hover span{background:#fff; color:#ff5757;}
.btn_typeB.ver6 span{background:#666; border-color:#666; color:#fff;}
.btn_typeB.ver6:hover span{background:#fff; color:#666;}
.btn_typeB.ver7 span{background:#333; border-color:#333; color:#fff;}
.btn_typeB.ver7:hover span{background:#fff; color:#333;}
.btn_typeB.ver8 span{border-color:#999; color:#666; background:#fff;}
.btn_typeB.ver8:hover span{background:#999; color:#fff;}
.btn_typeB.round,
.btn_typeB.round:before,
.btn_typeB.round span{border-radius:5px;}

.btn_wrap{padding:10px 0;}
.btn_wrap.ver_line{border-top:1px solid #ddd;}
.btn_wrap.ver_line02{border-top:2px solid #979797;}
.btn_wrap:after{content:''; display:block; clear:both;}
.btn_wrap .btn_right{padding:0; float:right;}
.btn_wrap .btn_right button,
.btn_wrap .btn_right a{margin-left:5px;}
.btn_wrap .btn_left{float:left;}
.btn_wrap .btn_center{text-align:center;}
.btn_wrap .btn_center .btn_typeA span{min-width:120px;}
.btn_wrap .btn_center .btn_typeA span.ver_long{min-width:auto; padding:0 46px;}
.btn_wrap .btn_center button,
.btn_wrap .btn_center a,
.btn_wrap .btn_center input[type="image"],
.btn_wrap .btn_center input[type="submit"]{margin:0 7px; vertical-align:middle;}
.btn_right{padding:10px 0 20px; text-align:right; font-size:13px; color:#999;}

.in_btns{margin:0 0 15px; font-size:0;}
.in_btns a{padding:0 11px; display:inline-block; font-size:13px; color:#6c6360; position:relative;}
.in_btns a:first-child{padding-left:0;}
.in_btns a + a:before{content:''; width:1px; height:10px; margin:-5px 0 0; background:#dadada; position:absolute; left:0; top:50%;}

.tab_typeA{margin:0 0 25px;}
.tab_typeA ul:after{content:''; display:block; clear:both;}
.tab_typeA li{padding:0 20px; float:left; position:relative;}
.tab_typeA li:first-child{padding-left:0;}
.tab_typeA li + li:before{content:''; width:1px; height:15px; margin:-8px 0 0; background:#ddd; position:absolute; left:0; top:50%;}
.tab_typeA a{color:#333;}
.tab_typeA .active a{font-weight:bold; color:#ff5757;}

/* common sheet package */
.sheet_list_wrap{position:relative;}
.sheet_list{}
.sheet_list th,
.sheet_list td{padding:12px 5px; text-align:center; font-size:15px; border:1px solid #ddd; border-right:none;}
.sheet_list tr th:first-child,
.sheet_list tr td:first-child{border-left:none;}
.sheet_list th{background:#f7f7f7; font-weight:normal; color:#333; border-bottom:none;}
.sheet_list td{color:#666;}
.sheet_list td .gray_txt{font-size:13px; color:#999;}
.sheet_list .sbj p,
.sheet_list .thumb_sbj p{margin:2px 0 0; font-size:13px; font-weight:normal; color:#999;}
.sheet_list .align_left{text-align:left;}
.sheet_list .sheet_thumb{width:50px; height:34px; margin:0 auto; border:1px solid #ddd;}
.sheet_list .sheet_thumb img{width:100%;max-height:100%;}
.sheet_list.ver_height01 td{height:60px;}
.sheet_list.ver_height02 td{height:85px;}
.sheet_list.ver_notification td{font-size:13px; color:#999;}
.sheet_list .sbj,
.sheet_list.ver_notification .sbj{padding:10px 18px; text-align:left; font-size:15px; font-weight:bold; color:#666;}
.sheet_list .thumb_sbj,
.sheet_list.ver_notification .thumb_sbj{padding:10px 18px 10px 0; text-align:left; font-size:15px; font-weight:bold; color:#333; border-left:none;}
.sheet_list .thumb_sbj a{color:#333;}
.sheet_list .has_scroll_table,
.sheet_list .has_contents_td{padding:0;}
.sheet_list .has_scroll_table .scroll_box{height:150px; overflow-x:hidden; overflow-y:auto;}
.sheet_list .has_scroll_table td{height:50px; padding:5px;}

.sheet_list.ver_tline tr:first-child th,
.sheet_list.ver_level tr:first-child th{border-top:1px solid #333;}
.sheet_list.ver_level{}
.sheet_list.ver_level th,
.sheet_list.ver_level td{}
.sheet_list.ver_level th{background:#f5f5f5;}
.sheet_list.ver_level td{padding:17px 19px; text-align:left; font-size:13px;}
.sheet_list.ver_level .icon_td{padding:0; text-align:center;}
.sheet_list.ver_level .level_info_td{padding-left:10px; border-left:none;}
.sheet_list.ver_level td strong{font-weight:bold; color:#333;}

.drag_upload_area{height:250px; padding:60px 0 0; text-align:center; background:url('../images/icon/icon_drag_upload.png') 50% 100px no-repeat; font-size:13px; color:#666; position:relative; vertical-align:top; overflow-x:hidden; overflow-y:auto;}
.drag_upload_area #multipleupload{width:100%; height:100%; position:absolute; left:0; top:0;}


.ver_contents .sheet_list,
.ver_data .sheet_list{margin:0 0 10px;}
.ver_contents .sheet_list th,
.ver_contents .sheet_list td{border:none; border-bottom:1px solid #ddd; font-size:14px;}
.ver_contents .sheet_list th{padding:15px 5px; border-top:1px solid #333;}
.ver_contents .sheet_list td{padding:12px; color:#666;}
.ver_contents .sheet_list .btn_td{}
.ver_contents .sheet_list .btn_td .btn_typeB + .btn_typeB{margin:10px 0 0;}
.ver_contents .sheet_list .btn_td .btn_typeB span{min-width:100px; padding:0;}
.ver_contents .sheet_list .itemList{position:relative;}
.ver_contents .sheet_list .itemList .blind{left:0; top:0;}
.ver_contents .sheet_list .itemList .info{padding:0 17px 50px;}
.ver_contents .sheet_list .itemList .sbj{padding:0; font-size:15px;}
.ver_contents .sheet_list .contents_td{padding:20px 10px;}

.ver_data .sheet_list th,
.ver_data .sheet_list td{padding:15px 2px; border:none; border-bottom:1px solid #ddd; font-size:14px;}
.ver_data .sheet_list th{border-top:1px solid #ddd;}
.ver_data .sheet_list .sbj{padding:15px 2px 15px 10px; text-align:left; font-weight:normal;}

.layer_sheet_wrap .sheet_list th,
.layer_sheet_wrap .sheet_list td{border:none; border-bottom:1px solid #ddd;}
.layer_sheet_wrap .sheet_list th{background:#f5f5f5; color:#222; border-top:1px solid #222;}
.layer_sheet_wrap .sheet_list tfoot td{padding:19px; background:#f5f5f5;}
.layer_sheet_wrap .sheet_list tfoot td .total_file_count,
.layer_sheet_wrap .sheet_list tfoot td .total_file_size{font-size:15px; color:#666;}
.layer_sheet_wrap .sheet_list tfoot td .total_file_count{float:left;}
.layer_sheet_wrap .sheet_list tfoot td .total_file_size{float:right;}


.sheet_btn{padding:19px 0; overflow:hidden; border-bottom:1px solid #b7b7b7;}
.sheet_btn .left{float:left;}

.sheet_write_wrap{}
.sheet_write_wrap + .sheet_write_wrap{margin-top:45px;}
.sheet_write_wrap + .btn_wrap{margin-top:20px;}
.sheet_write_wrap + .btn_wrap.ver_line{margin-top:15px;}
.sheet_write{}
.sheet_write tr:first-child th,
.sheet_write tr:first-child td{border-top:1px solid #333;}
.sheet_write th, .sheet_write td{padding:10px 20px; text-align:left; font-weight:normal; border:1px solid #ddd; border-right:none}
.sheet_write th{padding:17px 10px 17px 20px; border-left:none; background:#f5f5f5; font-size:15px; color:#222;}
.sheet_write th.rowspan{padding:17px 10px; text-align:center; vertical-align:middle;}
.sheet_write th.letter_spacing{letter-spacing:-1.5px;}
.sheet_write th.pass{text-align:center; vertical-align:middle; background:none;}
.sheet_write th.pass img{max-width:100%;}
.sheet_write td{font-size:15px; color:#222;}
.sheet_write td label + label{margin:0 0 0 15px;}
.sheet_write .display_inline_block{margin-left:20px;}
.sheet_write td textarea{border-color:#e6e6e6;}
.sheet_write .space{padding:0 5px;}
.sheet_write td .btn_typeA span{padding:0 30px;}

.sheet_write.ver2 tr:first-child th,
.sheet_write.ver2 tr:first-child td{border-top:1px solid #ddd;}
.sheet_write.ver2 th{padding:17px 10px; text-align:center;}
.sheet_write.ver2 td{padding:13px 20px; color:#666;}

.sheet_write.ver3 th,
.sheet_write.ver3 td{font-size:13px;}
.sheet_write.ver3 th{padding:15px 15px;}
.sheet_write.ver3 td{padding:5px 15px;}
.sheet_write.ver3 td input[type="text"]{height:34px; line-height:32px;}

.sheet_write .in_sheet tr:first-child th,
.sheet_write .in_sheet tr:first-child td{border-top:none;}
.sheet_write .in_sheet th,
.sheet_write .in_sheet td{border:none; border-top:1px solid #ddd;}
.sheet_write .in_sheet th{font-weight:bold; background:none;}

.sheet_write_sub {margin-top:-1px;}
.sheet_write_sub tr:first-child th,
.sheet_write_sub tr:first-child td{}
.sheet_write_sub th, .sheet_write_sub td{padding:10px 20px; text-align:left; font-weight:normal; border:1px solid #ddd; border-right:none}
.sheet_write_sub th{padding:17px 10px 17px 20px; border-left:none; background:#f5f5f5; font-size:15px; color:#222;}
.sheet_write_sub th.rowspan{padding:17px 10px; text-align:center; vertical-align:middle;}
.sheet_write_sub th.letter_spacing{letter-spacing:-1px;}
.sheet_write_sub th.pass{text-align:center; vertical-align:middle; background:none;}
.sheet_write_sub th.pass img{max-width:100%;}
.sheet_write_sub td{font-size:15px; color:#222;}
.sheet_write_sub td label + label{margin:0 0 0 15px;}
.sheet_write_sub .display_inline_block{margin-left:20px;}
.sheet_write_sub td textarea{border-color:#e6e6e6;}
.sheet_write_sub .space{padding:0 5px;}
.sheet_write_sub td .btn_typeA span{padding:0 30px;}

.multi_table_wrap .sheet_write{margin:0 0 30px;}
.multi_table_wrap .sheet_write tr:first-child th,
.multi_table_wrap .sheet_write tr:first-child td{border-top:1px solid #ddd;}

.sheet_payment{}
.sheet_payment th,
.sheet_payment td{padding:5px 0; font-size:15px; color:#333;}
.sheet_payment th{font-weight:normal; text-align:left;}
.sheet_payment td{text-align:right; font-weight:bold;}
.sheet_payment.ver_small th,
.sheet_payment.ver_small td{padding:3px 0; font-size:13px;}

.sheet_layer_write{}
.sheet_layer_write th,
.sheet_layer_write td{padding:7px 0; text-align:left;}
.sheet_layer_write th{font-size:18px; font-weight:bold; color:#555;}
.sheet_layer_write td{font-size:15px; color:#666;}
.sheet_layer_write td textarea{width:100%; padding:7px 14px; font-size:15px; line-height:26px; color:#666; border:1px solid #ddd; border-top:1px solid #333;}

.sheet_info{padding:0 0 20px;}
.sheet_info:after{content:''; display:block; clear:both;}
.sheet_info .left{float:left;}
.sheet_info .right{float:right;}
.sheet_info .select_items{}
.sheet_info .select_items > span{width:150px; margin:0 5px 0 0; display:inline-block; vertical-align:top;}
.sheet_info .btn_items{}
.sheet_info .btn_items .btn_typeA,
.sheet_info .btn_items .btn_typeB{margin:0 0 0 5px;}
.ver_contents .btn_wrap .btn_typeA span,
.ver_data .btn_wrap .btn_typeA span,
.sheet_info .btn_items .btn_typeA span{min-width:98px; padding:0; font-size:13px;}


.sheet_summary{padding:15px 0; font-size:14px; color:#999;}
.sheet_summary h3{margin:0 0 8px;}



.sort.ver_absolute,
.searchbox.ver_absolute{position:absolute; right:0; top:-53px;}
.sort.ver_absolute label{margin:0 15px 0 0; font-size:14px; color:#666;}
.sort.ver_absolute label input[type="checkbox"]{vertical-align:-2px;}
.sort.ver_absolute .selectric-wrapper{display:inline-block; min-width:140px; vertical-align:middle;}
.searchbox.ver_absolute{width:250px;}

.verification{padding:8px 15px; border:1px solid #eee; background:#fbfbfb;}
.verification em{margin:0 5px 0 0; color:#333;}
.verification input[type="text"],
.verification input[type="password"],
.verification select{height:28px;}
span.verification{margin:0 0 0 20px; display:inline-block; vertical-align:middle;}
p.verification,
div.verification{margin:7px 0 0; display:block;}

.field_address{}
.field_address > div + div{margin:9px 0 0;}

.field_cols_3{}
.field_cols_3 > span,
.field_cols_3 > em{display:table-cell; font-size:15px;}
.field_cols_3 > em{width:32px; text-align:center;}
.field_cols_3 > em.space{width:10px;}
.field_cols_3 input[type="text"],
.field_cols_3 select{width:100%;}

.agreement_marketing{padding:15px 0 0;}
.agreement_marketing label{font-size:14px; color:#333;}
.agreement_marketing label + label{margin:0 2px;}
.agreement_marketing p{font-size:13px; color:#999;}

.agreement_box{margin:8px 0 0; color:#333;}
.agreement_box input[type="checkbox"]{vertical-align:-2px;}
.agreement_box + .field_guide{margin-top:3px;}
.btn_wrap .agreement_box{margin:17px 0 25px; color:#666;}

.searchbox{height:40px; display:inline-block; position:relative;}
.searchbox input[type="text"]{width:100%; height:100%; padding:0 38px 0 10px; line-height:38px; outline:none;}
.searchbox .btn_search{width:38px; height:100%; position:absolute; right:0; top:0; background:url('../images/icon/icon_search02.png') 50% 50% no-repeat;}

.page_searchbox{margin:0 0 30px; padding:19px; text-align:center; border:1px solid #eee; background:#f9f9f9;}
.page_searchbox em{margin:0 7px 0 0; font-weight:bold; color:#222;}
.page_searchbox .input_box{display:inline-block; position:relative;}
.page_searchbox .input_box input[type="text"]{width:570px;}
.page_searchbox .input_box .btn_search{width:45px; height:100%; position:absolute; right:0; top:0; font-size:0; text-indent:-9999px; background:url('../images/icon/icon_search03.png') 50% 50% no-repeat;}



.field_guide{font-size:13px; color:#999;}
p.field_guide,
div.field_guide{margin-top:8px}
span.field_guide,
em.field_guide,
label.field_guide{margin-left:10px;}

.file_field{width:290px; height:40px; position:relative;}
.file_field input[type="file"]{width:100%; height:100%; position:absolute; left:0; top:0; opacity:0; filter:alpha(opacity=0); z-index:1;}
.file_field:before{content:''; width:162px; height:100%; display:block; border:1px solid #e6e6e6;}
.file_field:after{content:'파일찾기'; width:111px; height:100%; text-align:center; border:1px solid #575757; background:#7d7d7d; text-align:center; font-size:14px; line-height:38px; font-weight:bold; color:#fff; position:absolute; right:0; top:0;}
.file_field:before,
.file_field:after{z-index:0;}

.sheet_notice{padding:0 0 15px;}
.sheet_notice .icon_round{margin:0 0 10px;}
.sheet_notice p{color:#999;}

/* common style */
.align_left{text-align:left;}
.has_layer{max-width:100%; padding:0 16px 0 0; display:inline-block; position:relative;}
.has_layer > span{display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;-o-text-overflow:ellipsis;}
.has_layer:after{content:''; width:12px; height:12px; margin:-6px 0 0; position:absolute; right:0; top:50%; background:url('../images/icon/icon_has_layer.png') 50% 50% no-repeat;}
.write_link{color:#004687;}

/* common paging */
.paging{padding:45px 0 0; text-align:center; font-size:0;}
.paging a{margin:0 9px; display:inline-block; font-size:13px; line-height:14px; color:#999;}
.paging span{padding:0 5px;}
.paging img{vertical-align:-3px;}

.btn_wrap + .paging{padding:0;}

/* common list style */
.list_type_dot li{padding:1px 0 1px 6px; color:#999; position:relative;}
.list_type_dot li:before{content:''; width:2px; height:1px; background:#a9a9a9; position:absolute; left:0; top:11px;}
.list_type_dot li em{font-weight:bold; color:#333;}
.list_type_dot.ver2 li{padding:1px 0 1px 6px; color:#666;}
.list_type_dot li:before{width:2px; height:2px; background:#5c5c5c; position:absolute; left:0; top:10px;}

/* common radio & checkbox */
.radio_css{display:inline-block; position:relative; vertical-align:middle}
.radio_css input[type="radio"]{width:100%; height:100%; position:absolute; left:0; top:0; opacity:0; filter:alpha(opacity=0); cursor:pointer;}
.radio_css:before{content:''; width:15px; height:15px; margin:0 3px 0 0; display:inline-block; vertical-align:-3px; background:url('../images/icon/icon_radio.png') no-repeat;}
.radio_css.on:before{background-position:0 -15px;}
.radio_css.ver2:before{width:16px; height:16px; margin:0 8px 0; background:url('../images/icon/icon_radio02.png') no-repeat;}
.radio_css.ver2.on:before{background-position:0 -16px;}
.radio_wrap{}
.radio_wrap label + label{margin:0 0 0 20px;}
.radio_wrap.width_fix label{width:125px;}
.radio_tr_cont{display:none;}
.radio_tr_cont.how_to_send01{display:table-row;}


.checkbox_css{display:inline-block; position:relative; vertical-align:middle}
.checkbox_css input[type="checkbox"]{width:100%; height:100%; position:absolute; left:0; top:0; opacity:0; filter:alpha(opacity=0); cursor:pointer;}
.checkbox_css:before{content:''; width:14px; height:14px; margin:0 3px 0 0; display:inline-block; vertical-align:-3px; background:url('../images/icon/icon_checkbox.png') no-repeat;}
.checkbox_css.on:before{background-position:0 -14px;}

.check_wrap label{vertical-align:0;}

/* common layer package */
.alert_dim,
.alert_layer{position:fixed; z-index:101;}
.alert_dim{width:100%; height:100%; left:0; top:0; background:#000; opacity:.7; filter:alpha(opacity=70); display:none;}
.alert_layer{width:300px; padding:0 0 10px; margin:0 0 0 -150px; left:50%; top:50%; background:#fff; border-radius:6px; overflow:hidden; box-shadow:rgba(0, 0, 0, 0.3) 0px 3px 10px 0px;}
.alert_layer.show{
	animation: showSweetAlert 0.5s;
}
.alert_layer.hide{
	animation: hideSweetAlert 0.3s;
}
.alert_layer h2{padding:10px 15px; background:#ff5757; font-size:18px; font-weight:bold; color:#fff;}
.alert_layer .msg{padding:35px 15px 25px; text-align:center; font-size:15px; color:#333;}
.alert_layer .msg span{display:inline-block;}
.alert_layer > .close{width:18px; height:19px; position:absolute; right:12px; top:14px; background:url('../images/icon/layer_close.png') no-repeat; font-size:0; text-indent:-9999px;}
.alert_layer .btn_wrap .btn_typeA span{min-width:auto; height:34px; padding:0 20px; line-height:32px;}

.common_layer .dim,
.common_layer .layer_wrap{display:none;}
.common_layer .dim{position:fixed; left:0; top:0; right:0; bottom:0; background:#000;opacity: .5;  filter:alpha(opacity=50); z-index:99; display:none;}
.common_layer .layer_wrap{width:500px; margin-left:-250px; position:absolute; left:50%; top:50%; background:#fff; z-index:100;
	-ms-transition:transform 0.3s ease-out;
	-webkit-transition:transform 0.3s ease-out;
	transition:transform 0.3s ease-out;

	-ms-transform:scale(0.4);
	-webkit-transform:scale(0.4);
	transform:scale(0.4);
}
.common_layer .layer_wrap.ver_size_01{width:600px; margin-left:-300px;}
.common_layer .layer_wrap.ver_size_02{width:1140px; margin-left:-570px;}
.common_layer .layer_wrap.show{z-index:101;
	-ms-transform:scale(1);
	-webkit-transform:scale(1);
	transform:scale(1);
}
.common_layer .layer_wrap.ready{;
	-ms-transform:scale(0.4);
	-webkit-transform:scale(0.4);
	transform:scale(0.4);
}
.common_layer .layer_wrap .layer_head{background:#ff5757; position:relative;}
.common_layer .layer_wrap h2{padding:18px; font-size:18px; font-weight:bold; color:#fff;}
.common_layer .layer_wrap h2 span{font-size:14px; font-weight:normal; opacity:.8; filter:alpha(opacity=80);}
.common_layer .layer_wrap .layer_head .close{width:50px; height:100%; position:absolute; right:0; top:0; background:#ff5757 url('../images/icon/layer_close.png') 50% 50% no-repeat; font-size:0; text-indent:-9999px;
	-ms-transition:all 0.4s;
	-webkit-transition:all 0.4s;
	transition:all 0.4s;
}
.common_layer .layer_wrap .layer_head .close:hover{background-color:#000;}
.common_layer .layer_wrap .layer_body{padding:30px 20px;}
/*
.common_layer .layer_wrap h2{padding:6px 19px; font-size:18px; font-weight:bold; color:#fff;}
.common_layer .layer_wrap .layer_head .close{width:38px; height:100%; position:absolute; right:0; top:0; background:#333 url('../images/icon/layer_close.png') 50% 50% no-repeat; font-size:0; text-indent:-9999px;
	-ms-transition:all 0.4s;
	-webkit-transition:all 0.4s;
	transition:all 0.4s;
}
.common_layer .layer_wrap .layer_body{padding:30px 21px;}
*/
.common_layer .layer_wrap .layer_body .layer_hd{margin:0 0 25px; text-align:center; font-size:18px; font-weight:bold; color:#535353;}
.common_layer .layer_wrap .layer_body .layer_hd img{margin:0 0 0 5px; vertical-align:-3px;}
.common_layer .layer_wrap .layer_body .btn_wrap{padding:20px 0;}
.common_layer .layer_wrap .layer_body .btn_typeA.round span{padding:0 45px;}

.common_layer .layer_wrap .layer_popupbody { height: calc(100% - 139px); overflow: auto; padding:30px 20px; } /* 76px(layer_foot) + 63px(layer_head) = 139px */
.common_layer .layer_wrap .layer_foot { position: absolute; bottom: 0; width: 100%; }
.common_layer .layer_wrap .layer_foot .btn_wrap { padding: 18px 0; }

.common_layer h1, .common_layer h2, .common_layer h3, .common_layer h4, .common_layer h5, .common_layer h6 { font-size: initial; }
.common_layer .subject { font-weight: bold; padding-bottom: 0.5em; }
.common_layer .link { padding-top: 0.5em; }
.common_layer .link a { color: #00e; text-decoration: underline; }

.common_layer.ver2{}
.common_layer.ver2 .layer_wrap{}
.common_layer.ver2 .layer_wrap h2{padding:18px;}
.common_layer.ver2 .layer_wrap .layer_head .close{width:50px; background-color:#ff5757;}
.common_layer.ver2 .layer_wrap .layer_body{padding:30px 20px;}

.common_layer .layer_wrap .message_cont{margin:0 0 20px;}
.common_layer .layer_wrap .message_cont strong{margin:0 0 5px; display:block; font-size:18px; color:#222;}
.common_layer .layer_wrap .message_cont p{font-size:13px; line-height:16px; color:#999}
.common_layer .layer_wrap .sheet_cont{font-size:15px; line-height:25px; color:#666;}
.common_layer .layer_wrap .sheet_cont em.fix_size{width:120px; display:inline-block; font-weight:bold;}

.common_layer .layer_wrap .layer_result_cont{margin:0 0 20px; text-align:center; font-size:18px; font-weight:bold; color:#999;}
.common_layer .layer_wrap .layer_result_cont + .layer_result_cont{margin:25px 0 20px; padding:20px 0 0; border-top:1px dashed #bbb;}
.common_layer .layer_wrap .layer_result_cont .icon{padding:0 0 20px; text-align:center;}
.common_layer .layer_wrap .layer_result_cont .thumb{position:relative; width:180px;height:123px;margin:0 auto 20px;}
.common_layer .layer_wrap .layer_result_cont .thumb img{width:100%;max-height:100%;box-shadow:rgba(0, 0, 0, 0.3) 0px 0px 15px 0px;}
.common_layer .layer_wrap .layer_result_cont em{color:#ff5757;}
.common_layer .layer_wrap .layer_result_cont p span{color:#333;}
.common_layer .layer_wrap .layer_result_cont p{margin:10px 0; font-size:13px; font-weight:normal; line-height:20px; color:#666;}
.common_layer .layer_wrap .layer_result_cont p.align_left{padding-left:10px; text-align:left;}
.common_layer .layer_wrap .layer_result_cont strong{display:inline-block; font-weight:bold; color:#333;}
.common_layer .layer_wrap .layer_result_cont strong span{text-align:right; font-weight:normal; display:block; font-size:13px; color:#666;}
.common_layer .layer_wrap .layer_result_cont .desc{margin:10px 0 0; font-size:16px; font-weight:normal; color:#666;}
.common_layer .layer_wrap .layer_result_cont .btn_wrap{padding:30px 0 0;}
.common_layer .layer_wrap .layer_result_cont .checkbox_css{vertical-align:middle;}
.common_layer .layer_wrap .layer_guide_box{margin:15px 0 0; padding:27px 10px; text-align:center; font-size:14px; font-weight:normal; line-height:20px; color:#333;}
.common_layer .layer_wrap .layer_guide_box em{color:#333; font-weight:bold;}
.common_layer .layer_wrap .layer_guide_box em.point_c{font-size:16px; font-weight:normal; color:#ff5757;}
.common_layer .layer_wrap .layer_guide_box + .layer_result_cont{padding:10px 0 0;}
.common_layer .layer_wrap .layer_guide_box.ver2{margin:15px 20px 0; font-size:13px;}
.common_layer .layer_wrap .layer_guide_box.ver2 em.point_c{font-size:13px;}

.common_layer .layer_wrap .layer_alert_box{padding:15px; font-size:13px; line-height:24px; color:#666;}
.common_layer .layer_wrap .layer_alert_box strong{margin:0 0 10px; font-size:15px; font-weight:bold; display:block; color:#333;}
.common_layer .layer_wrap .layer_alert_box em{font-weight:bold;}
.common_layer .layer_wrap .layer_alert_box p{padding:0 0 0 8px;}


.common_layer .layer_wrap .layer_guide_cont{margin:20px 0; text-align:center; font-size:16px; line-height:25px; font-weight:bold; color:#666;}
.common_layer .layer_wrap .layer_guide_cont em{color:#ff5757;}
.common_layer .layer_wrap .layer_guide_cont strong{color:#222;}
.common_layer .layer_wrap .layer_result_cont + .message_wrap{margin:40px 0 0;}
.common_layer .layer_wrap .layer_body .message_wrap .btn_typeA span{padding:0;}
.common_layer .layer_wrap .layer_agreement{}
.common_layer .layer_wrap .layer_agreement .s_title,
.common_layer .layer_wrap .layer_agreement .s_title02{margin:0 0 15px; text-align:center; font-size:18px; font-weight:bold; color:#333;}

.common_layer .layer_wrap .layer_section{font-size:13px; line-height:20px; color:#666;}
.common_layer .layer_wrap .layer_section + .layer_section{margin:20px 0 0;}
.common_layer .layer_wrap .dot_title{margin:0 0 15px; font-size:18px; font-weight:bold; color:#535353;}


.one_row_filed{padding:10px 30px;}
.one_row_filed .btn{width:80px; padding:0 0 0 10px;}
.one_row_filed .file_name_box{width:100%; height:40px; border:1px solid #ddd; background:#f4f4f4; font-size:16px; line-height:38px; color:#333; position:relative;}
.one_row_filed .file_name_box span{width:100%; height:100%; padding:0 0 0 15px; background:#555; position:absolute; left:0; top:0; color:#fff;}
.one_row_filed .td{vertical-align:middle;}
.one_row_filed .btn_typeA{width:100%;}
.one_row_filed .btn_typeA span{width:100%; padding:0;}

.css_input_file{width:100%; height:100%; display:inline-block; position:relative; cursor:pointer;}
.css_input_file input[type="file"]{width:100%; height:100%; position:absolute; left:0; top:0; opacity:0; filter:alpha(opacity=0);}

.layer_icon_cont{margin:0 0 25px;}
.layer_icon_cont .icon{width:100px; vertical-align:top;}
.layer_icon_cont .icon img{max-width:100%;}
.layer_icon_cont .cont{padding:5px 8px; vertical-align:middle}
.layer_icon_cont .cont li{font-size:13px; line-height:20px; color:#666;}
.layer_icon_cont .cont li + li{margin:4px 0 0;}
.layer_icon_cont .cont li em{font-size:15px;}

.sheet_div{}
.sheet_div > div + div{margin:10px 0 0;}
.sheet_div > div > em{font-size:15px; color:#222;}
.sheet_div > div > strong{}

.layer_sheet_wrap{}
.layer_sheet_wrap .sheet_info{padding:0 0 10px;}
.layer_sheet_wrap .table_info{position:relative;}
.layer_sheet_wrap .table_info:after{content:''; display:block; clear:both;}
.layer_sheet_wrap .table_info .left{float:left;}
.layer_sheet_wrap .table_info .right{float:right;}
.layer_sheet_wrap .table_info .left span{padding:0 6px; display:inline-block; font-size:13px; color:#666; position:relative;}
.layer_sheet_wrap .table_info .left span:first-child{padding-left:0;}
.layer_sheet_wrap .table_info .left span + span:before{content:''; width:1px; height:10px; margin:-4px 0 0; background:#ddd; position:absolute; left:0; top:50%;}
.layer_sheet_wrap .table_info .table_info_title{font-size:18px; font-weight:bold; color:#555;}
.layer_sheet_wrap .part + .part{margin:20px 0 0;}
.layer_sheet_wrap .table_info + .sheet_write{margin-top:10px;}
.layer_sheet_wrap .sheet_write td{color:#666;}
.layer_sheet_wrap .sheet_write td em{color:#222;}
.table_info .btn_file{width:auto; position:absolute; right:0; top:-12px}

.common_layer .layer_wrap .layer_body .sheet_write th{padding:15px 10px 15px 20px;}
.common_layer .layer_wrap .layer_body .sheet_write td{padding:12px 20px;}
.common_layer .layer_wrap .layer_body .sheet_write.ver3 td{padding:5px 15px;}

.email_modidy_form{margin:25px 0 0;}
.layer_input_form{padding:20px; border-top:2px solid #979797; border-bottom:1px solid #e2e2e2;}

.inline_block_wrap{text-align:center;}
.inline_block_left{padding:15px 28px; margin:0 0 20px; display:inline-block; font-size:15px; font-weight:normal; color:#333;}
.inline_block_left .checkbox_css{vertical-align:0;}
.inline_block_left > p,
.inline_block_left > div,
.inline_block_left > label{padding:5px 0; display:block; text-align:left;}


.share_box{}
.share_box .items{text-align:center;}
.share_box button{font-size:15px; color:#666;}
.share_box button .icon{margin:0 0 12px; display:block;}
.share_box button:hover{font-weight:bold; color:#eb5353;}

#layer_share .layer_wrap{width:600px; margin-left:-300px;}
#layer_share .layer_wrap .layer_body{padding:40px;}

#layer_thumb_list .layer_wrap{width:800px; margin-left:-400px;}
.layer_wrap .layer_body .v_img{height:520px; position:relative; overflow:hidden;}
.layer_wrap .layer_body .v_img ul{height:100%;}
.layer_wrap .layer_body .v_img li{width:760px; height:100%; display:none; vertical-align:top; overflow:hidden; border-radius:5px; text-align:center; font-size:0;}
.layer_wrap .layer_body .v_img li a{width:100%; height:100%; display:block;}
.layer_wrap .layer_body .v_img li a:before{content:''; display:inline-block; width:0; height:100%; vertical-align:middle;}
.layer_wrap .layer_body .v_img li:first-child{display:block;}
.layer_wrap .layer_body .v_img li img{width:100%;max-height:100%}
.layer_wrap .layer_body .thumb_img{display:none; position:relative;}
.layer_wrap .layer_body .thumb_img .inner{margin:19px 40px; overflow:hidden; position:relative;}
.layer_wrap .layer_body .thumb_img ul{width:1000%; position:relative; left:0; top:0;}
.layer_wrap .layer_body .thumb_img li{width:80px; height:55px; float:left; position:relative;}
.layer_wrap .layer_body .thumb_img li + li{margin-left:20px;}
.layer_wrap .layer_body .thumb_img li a{width:100%; height:100%; text-align:center; position:absolute; border:1px solid #ddd; overflow:hidden; font-size:0;}
.layer_wrap .layer_body .thumb_img li a:before{content:''; width:0; height:100%; display:inline-block; vertical-align:middle}
/* .layer_wrap .layer_body .thumb_img li.active a{border-color:#ff5757;} */
.layer_wrap .layer_body .thumb_img li a img{width:100%; max-height:100%;}
.layer_wrap .layer_body .thumb_img li.active a{border-color:#ff5757;}

.layer_wrap .layer_body .thumb_img .nav{}
.layer_wrap .layer_body .thumb_img .nav button{width:30px; height:80px; margin:-40px 0 0; position:absolute; top:50%; font-size:0; text-indent:-9999px; background-repeat:no-repeat; background-position:50% 50%; outline:none;}
.layer_wrap .layer_body .thumb_img .nav .prev{left:0; background-image:url('../images/icon/icon_nav_prev03.png');}
.layer_wrap .layer_body .thumb_img .nav .next{right:0; background-image:url('../images/icon/icon_nav_next03.png');}

/* label */
.rank_label,
.only_label{width:40px; height:40px; padding:0 15px 0 0; text-align:center; font-size:16px; font-weight:bold; color:#fff; letter-spacing:-1px; position:absolute; left:0; top:0;}
.rank_label{background:url('../images/icon/icon_rank_bg.png') no-repeat;}
.only_label{background:url('../images/icon/icon_only.png') no-repeat; font-size:0; text-indent:-9999px;}
.top_3 .rank_label{background-image:url('../images/icon/icon_rank_top3.png');}

.icon_label{height:20px; padding:0 10px; font-size:12px; line-height:18px; color:#ff5757; display:inline-block; border:1px solid #ff5757; background:#fff; border-radius:10px;}
.icon_label.ver2{background:#ff5757; color:#fff;}
.icon_label.new{padding:0 5px;}

.icon_round{height:24px; padding:0 18px; font-size:15px; line-height:22px; font-weight:bold; color:#ff5757; display:inline-block; border:1px solid #ff5757; background:#fff; border-radius:12px;}

/* common input filed */
.placeholder{position:relative;}
.placeholder label{position:absolute;}

.checkbox_list{}
.checkbox_list label{height:22px; padding:0 8px 0 22px; font-size:14px; line-height:21px; color:#333; display:block; position:relative;}
.checkbox_list label:first-child{border-top:none !important;}
.checkbox_list label input[type="checkbox"]{width:100%; height:100%; opacity:0; filter:alpha(opacity=0); position:absolute; left:0; top:0;}
.checkbox_list label.on{background:#fe7676; color:#fff; border-top:1px dashed #fab1b1;}

.full_field{width:100%;}


/* Selectric */
.selectric-wrapper{position:relative; cursor:pointer;}
.selectric-responsive{width:100%;}
.selectric{border:1px solid #DDD; background:#fff; position:relative;}
.selectric .label{display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:0 38px 0 22px; font-size:14px; line-height:38px; color:#333; height:38px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.selectric .button{display:block; position:absolute; right:0; top:0; width:38px; height:38px; color:#333; text-align:center; font:0/0 a; *font:20px / 38px Lucida Sans Unicode, Arial Unicode MS, Arial;}
.selectric .button:after{content:" "; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; width:0; height:0; border:4px solid transparent; border-top-color:#333; border-bottom:none;}
.selectric-hover .selectric{border-color:#ddd;}
.selectric-hover .selectric .button{color:#A2A2A2;}
.selectric-hover .selectric .button:after{border-top-color:#A2A2A2;}
.selectric-open{z-index:9;}
.selectric-open .selectric{border-color:#ff5757;}
.selectric-open .selectric-items{display:block;}
.selectric-disabled{filter:alpha(opacity=50);opacity:0.5;cursor:default; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.selectric-hide-select{position:relative;overflow:hidden;width:0;height:0;}
.selectric-hide-select select{position:absolute;left:-100%;display:none;}
.selectric-input{position:absolute !important;top:0 !important;left:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;margin:0 !important;padding:0 !important;width:1px !important;height:1px !important;outline:none !important;border:none !important;*font:0/0 a !important;background:none !important;}
.selectric-temp-show{position:absolute !important;visibility:hidden !important;display:block !important;}

/* Items box */
.selectric-items{display:none;margin-top:-1px; position:absolute; top:100%; left:0; background:#fff; border:1px solid #C4C4C4; z-index:-1; box-shadow:0 0 10px -6px;}
.selectric-items .selectric-scroll{height:100%; overflow:auto;}
.selectric-above .selectric-items{top:auto; bottom:100%;}
.selectric-items ul, .selectric-items li{list-style:none; padding:0; margin:0; font-size:14px; line-height:20px; min-height:20px;}
.selectric-items li{display:block; padding:10px 22px; color:#666; cursor:pointer;}
.selectric-items li.selected{background:#fff; color:#333;}
.selectric-items li:hover{background:#f5f5f5;}
.selectric-items .disabled{filter:alpha(opacity=50); opacity:0.5; cursor:default !important; background:none !important; color:#666 !important; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.selectric-items .selectric-group .selectric-group-label{font-weight:bold; padding-left:10px; cursor:default; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; background:none; color:#444;}
.selectric-items .selectric-group.disabled li{filter:alpha(opacity=100); opacity:1;}
.selectric-items .selectric-group li{padding-left:25px; }

/* Main */
#mainVisual{height:470px; background:#eb5353; overflow:hidden;}
#mainVisual .mvList{height:100%; position:relative;}
#mainVisual .items > li{width:100%; height:100%; position:absolute; left:0; top:0; z-index:0; display:none;}
#mainVisual .items > li .bg{width:100%; height:100%; position:absolute; left:0; top:0; display:block; background-repeat:no-repeat; background-position:50% 0; background-size:cover;
	-webkit-backface-visibility: hidden;
	-webkit-animation: bg_animation 10s linear infinite 0s;
	-moz-animation: bg_animation 10s linear infinite 0s;
	-o-animation: bg_animation 10s linear infinite 0s;
	-ms-animation: bg_animation 10s linear infinite 0s;
	animation: bg_animation 10s linear infinite 0s;
}
#mainVisual .items > li:first-child{display:block; z-index:1;}
#mainVisual .items > li.ver_detail .wrapper{display:block;}
#mainVisual .items > li.ver_detail,
#mainVisual .items > li .wrapper,
#mainVisual .items > li.ver_detail .displayTable,
#mainVisual .items > li.ver_detail .td{height:100%; color:#fff;}
#mainVisual .items > li.ver_detail .td{text-align:center; vertical-align:middle;}
#mainVisual .items > li.ver_detail .thumb{position:relative; width:300px;}
#mainVisual .items > li.ver_detail .thumb .thumbBox{display:inline-block; box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 30px 0px;}
#mainVisual .items > li.ver_detail .hd{font-size:18px; display:inline-block; text-align:left;}
#mainVisual .items > li.ver_detail .hd strong{display:block; font-size:40px; font-weight:bold;}
#mainVisual .items > li.ver_detail .desc{padding:0 40px; text-align:left; font-size:13px; line-height:1.4; color:#d7d7d7;}
#mainVisual .items > li.ver_detail .hd p,
#mainVisual .items > li.ver_detail .hd strong,
#mainVisual .items > li.ver_detail .desc,
#mainVisual .items > li.ver_detail .thumb .thumbBox{opacity:0; filter:alpha(opacity=0);}
#mainVisual .items > li.ver_detail .hd p{
	-ms-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;

	-ms-transform: translate(-100px,0);
	-webkit-transform: translate(-100px,0);
	transform: translate(-100px,0);
}
#mainVisual .items > li.ver_detail .hd strong{
	-ms-transition: all 0.3s ease-out 0.2s;
	-webkit-transition: all 0.3s ease-out 0.2s;
	transition: all 0.3s ease-out 0.2s;

	-ms-transform: translate(-100px,0);
	-webkit-transform: translate(-100px,0);
	transform: translate(-100px,0);
}
#mainVisual .items > li.ver_detail .desc{
	-ms-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;

	-ms-transform: translate(100px,0);
	-webkit-transform: translate(100px,0);
	transform: translate(100px,0);
}
#mainVisual .items > li.ver_detail .thumb .thumbBox{
	-ms-transition: all 0.5s ease-out 0.5s;
	-webkit-transition: all 0.5s ease-out 0.5s;
	transition: all 0.5s ease-out 0.5s;

	-ms-transform: translate(0,-100px);
	-webkit-transform: translate(0,-100px);
	transform: translate(0,-100px);
}

#mainVisual .items > li.ver_detail.active .hd p,
#mainVisual .items > li.ver_detail.active .hd strong,
#mainVisual .items > li.ver_detail.active .desc{opacity:1; filter:alpha(opacity=100);
	-ms-transform: translate(0,0);
	-webkit-transform: translate(0,0);
	transform: translate(0,0);
}
#mainVisual .items > li.ver_detail.active .thumb .thumbBox{opacity:1; filter:alpha(opacity=100);
	-ms-transform: translate(0,0);
	-webkit-transform: translate(0,0);
	transform: translate(0,0);
}

#mainVisual .items > li.ver_multi{padding:50px 0 0; text-align:center;}
#mainVisual .items > li.ver_multi h2{display:inline-block; font-size:40px; font-weight:bold; line-height:70px; color:#000; position:relative;
	-ms-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;

	-ms-transform: scale(0);
	-webkit-transform: scale(0);
	transform: scale(0);
}
#mainVisual .items > li.ver_multi h2:before,
#mainVisual .items > li.ver_multi h2:after{content:''; width:0; height:1px; position:absolute; background:#000; opacity:.3; filter:alpha(opacity=30);
	-ms-transition: width 0.5s ease-out 0.3s;
	-webkit-transition: width 0.5s ease-out 0.3s;
	transition: width 0.5s ease-out 0.3s;
}
#mainVisual .items > li.ver_multi h2:after{left:0; top:0;}
#mainVisual .items > li.ver_multi h2:before{right:0; bottom:0;}

#mainVisual .items > li.ver_multi .itemsWrap{width:100%; position:absolute; left:0; bottom:0;}
#mainVisual .items > li.ver_multi .itemsWrap > a{padding:0 0 0 24px; float:left;}
#mainVisual .items > li.ver_multi .itemsWrap > a:first-child{padding:0;}
#mainVisual .items > li.ver_multi .in_items{display:block; position:relative;}
#mainVisual .items > li.ver_multi .in_items .info{margin-bottom:10px; text-align:center; opacity:0; filter:alpha(opacity=0);
	-ms-transform: translate(0,-50px);
	-webkit-transform: translate(0,-50px);
	transform: translate(0,-50px);
}
#mainVisual .items > li.ver_multi .in_items .info .sbj{font-size:18px; font-weight:bold; color:#000;}
#mainVisual .items > li.ver_multi .in_items .info .writer{font-size:14px; color:#666;}
#mainVisual .items > li.ver_multi .in_items .info{
	-ms-transition: all 0.3s ease-out 0.3s;
	-webkit-transition: all 0.3s ease-out 0.3s;
	transition: all 0.3s ease-out 0.3s;
}
#mainVisual .items > li.ver_multi .in_items .thumb{position:relative; width:170px; box-shadow:rgba(0, 0, 0, 0.3) 0px 0px 10px 0px;
	-ms-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
#mainVisual .items > li.ver_multi .in_items .thumb{position:relative; height:233px; opacity:0; filter:alpha(opacity=0);
	-ms-transform: translate(0,50px);
	-webkit-transform: translate(0,50px);
	transform: translate(0,50px);
}

#mainVisual .items > li.ver_multi.active h2{
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
}
#mainVisual .items > li.ver_multi.active h2:before,
#mainVisual .items > li.ver_multi.active h2:after{width:100%;}
#mainVisual .items > li.ver_multi.active .info,
#mainVisual .items > li.ver_multi.active .thumb{opacity:1; filter:alpha(opacity=100);
	-ms-transform: translate(0,0);
	-webkit-transform: translate(0,0);
	transform: translate(0,0);
}

#mainVisual .mvList .controller{padding:20px 0; text-align:center; position:absolute; left:0; bottom:0; right:0; z-index:2;}
#mainVisual .mvList .controller:before{content:''; position:absolute; left:0; top:0; right:0; bottom:0; background:#000; opacity:.2; filter:alpha(opacity=20);}
#mainVisual .mvList .controller button{width:10px; height:10px; margin:0 7px; display:inline-block; background:#fff; border-radius:50%; position:relative; font-size:0; text-indent:-9999px; outline:none;}
#mainVisual .mvList .controller button.active{background:#ff5757;}

.main_body{}
.main_body .section{}
.main_advertising_wrap{padding:30px 0 60px; background:#f8f8f8;}
.main_advertising_wrap h2{display:inline-block; font-size:16px; line-height:1.2; font-weight:normal; color:#000;}
.main_advertising_wrap .head{margin-bottom:10px; position:relative;}
.main_advertising_wrap .nav{margin:0 0 0 10px; display:inline-block; vertical-align:1px}
.main_advertising_wrap .nav button, .main_advertising_wrap .nav a{margin:0 2px; font-size:13px; color:#999;}
.main_advertising_wrap .nav .on{color:#ff5757;}

.main_advertising_wrap .controller{padding:0 1px 0 0; position:absolute; right:0; top:4px;}
.main_advertising_wrap .controller:after{content:''; display:block; clear:both;}
.main_advertising_wrap .controller button{width:13px; height:11px; margin:0 -1px 0 0; float:left; background-repeat:no-repeat; font-size:0; text-indent:-9999px;}
.main_advertising_wrap .controller button.prev{background-image:url('../images/icon/icon_nav_prev.png');}
.main_advertising_wrap .controller button.next{background-image:url('../images/icon/icon_nav_next.png');}

#advertising_area{margin-left:-20px;}
#advertising_area .column{width:560px; margin:0 0 0 20px; float:left;}
#advertising_area .column.banners{width:100%;}
#advertising_area .mdpick_event .inner{margin:-20px 0 0 -20px;}
#advertising_area .mdpick_event .inner > div{width:100%; padding:20px 0 0 20px; float:left;}
#advertising_area .mdpick_event .inner .m_event{width:100%;}
#advertising_area .mdpick_event .inner .m_event .head{margin:18px 0;}
#advertising_area .banners{margin-top:30px;}
#advertising_area .m_slide_wrap{overflow:hidden; position:relative;}

#advertising_area .m_special .m_slide_wrap{height:542px;}
#advertising_area .m_mdpick .m_slide_wrap{height:261px;}
#advertising_area .m_event .m_slide_wrap{height:204px;}

.banner_area{overflow:hidden;position:relative;margin:20px 0 0;}
/*.banner_area .outer{margin:-20px 0 0 -20px;}*/
.banner_area .outer
.banner_area .outer:after{content:'';display:block;clear:both;}
.banner_area .banners{float:left;position:relative;width:100%;height:160px;padding:20px 0 0 20px;}
.banner_area .banners.half{width:50%;}
.banner_area .banners a{position:absolute;left:0;top:20px;}
.banner_area .banners a:first-child{z-index:2;}
.banner_area .banners a.active{z-index:4;}
.banner_area .banners a.slide{z-index:6;}

.single_slide .slide_list > li{width:100%; height:100%; position:absolute; left:0; top:0; z-index:0; display:none;}
.single_slide .slide_list > li:first-child{display:block;}
.single_slide .slide_list .thumb{position:relative; width:100%; height:100%; overflow:hidden; border:1px solid #ddd; background:#eee;}
.m_event .single_slide .slide_list .thumb{border:none;}
.single_slide .slide_list .thumb img{width:100%; height:100%;}
.single_slide .slide_list .info{width:100%; padding:10px 18px; position:absolute; left:0; bottom:0; font-size:13px; color:#fff;}
.single_slide .slide_list .info:before{content:''; position:absolute; left:0; top:0; right:0; bottom:0; background:#000; opacity:.6; filter:alpha(opacity=60);}
.single_slide .slide_list .info > div{position:relative;}
.single_slide .slide_list .info .sbj{font-size:15px; font-weight:bold;}

.multi_slide > div{width:100%; height:100%; position:absolute; left:0; top:0; z-index:0; display:none;}
.multi_slide > div:first-child{display:block; z-index:1;}
.multi_slide .slide_list{margin:-20px 0 0 -20px; overflow:hidden;}
.multi_slide .slide_list > li{width:50%; float:left;}
.multi_slide .slide_list > li .wrap{position:relative; margin:20px 0 0 20px; display:block; border:1px solid #ddd; background:#fff;}
.multi_slide .slide_list > li .wrap .adult_icon{position:absolute;right:10px;top:10px;}
.multi_slide .slide_list .thumb{position:relative; height:184px; text-align:center; overflow:hidden;}
.multi_slide .slide_list .thumb img{height:100%;}
.multi_slide .slide_list .info{max-height:75px; padding:9px 18px; background:#fff; font-size:13px;}
.multi_slide .slide_list .opt{color:#999;}
.multi_slide .slide_list .sbj{margin-top:1px; font-size:15px; line-height:1.2; font-weight:bold; color:#333; word-break:normal; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;-o-text-overflow:ellipsis;}
.multi_slide .slide_list .desc{margin-top:1px; color:#999;}
.type_2 .multi_slide .slide_list{margin:0;}
.type_2 .multi_slide .slide_list > li{width:auto; float:none;}
.type_2 .multi_slide .slide_list > li .wrap{width:270px; height:205px; margin:0;}

.hot_keyword{margin:25px 0 0;}
.hot_keyword .keyword_tags{margin:0 0 0 18px; display:inline-block; vertical-align:1px;}
.keyword_tags{}
.keyword_tags button{margin-right:7px;}
.hot_keyword_body{}
.hot_keyword_body .list_4cols{margin-top:-16px;}

.list_4cols{margin:-20px 0 0 -20px;}
.list_4cols li{width:33.33%; padding:20px 0 0 20px; float:left;}
.list_4cols li .wrap{max-height:140px; padding:19px 13px 19px 19px; display:block; border:1px solid #ddd; word-break:normal; background:#fff;}
.list_4cols li .displayTable > div{display:table-cell; vertical-align:top;}
.list_4cols .thumb{position:relative; width:145px;}
.list_4cols .thumb .box{height:100px; border:1px solid #ddd; overflow:hidden;}
.list_4cols .thumb img{width:100%; max-height:100%;}
.list_4cols .info{padding:0 0 0 17px; font-size:13px;}
.list_4cols .opt,
.list_4cols .desc{color:#999;}
.list_4cols .sbj{font-size:15px; line-height:1.2; font-weight:bold; color:#333;}
.list_4cols .sbj,
.list_4cols .desc{margin-top:3px;}
.list_4cols .desc em{}
.list_4cols .adult_icon{position:absolute;right:2px;top:2px;width:25px;height:25px;line-height:21px;font-size:12px;}

.main_ranking_wrap{padding:30px 0; }
.main_ranking_head{padding:0 0 20px;}
.main_ranking_head .s_title{margin-top:10px; float:left;}
.main_ranking_head .sort{float:right;}
.main_ranking_body{overflow:hidden;}
.main_ranking_body .inner{height:693px; margin:0 -20px 30px; overflow:hidden;}
.main_ranking_body .inner > .displayTable{border-spacing:20px 0; border-collapse:separate;}
.main_ranking_body .td{}

.ranking_list_wrap{position:relative;}
.ranking_list_wrap:after{content:''; height:1px; position:absolute; left:0; right:0; bottom:0;}
.ranking_title{padding:11px 20px; font-size:16px; font-weight:bold; color:#111; border:1px solid #ddd; border-top:1px solid #000; position:relative;
	-ms-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.ranking_title .more{width:11px; height:11px; margin:-5px 0 0; position:absolute; right:20px; top:50%;
	-ms-transition: transform 0.3s ease-out;
	-webkit-transition: transform 0.3s ease-out;
	transition: transform 0.3s ease-out;
}
.ranking_title .more:before, .ranking_title .more:after{content:''; position:absolute; background:#999;
	-ms-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.ranking_title .more:before{width:100%; height:1px; margin:-1px 0 0; left:0; top:50%;}
.ranking_title .more:after{width:1px; height:100%; left:50%; top:0;}
.ranking_title:hover{background:#111; border-color:#111; color:#eb5353;}
.ranking_title:hover .more{
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.ranking_title:hover .more:before, .ranking_title:hover .more:after{background:#eb5353;}

.ranking_list{}
.ranking_list li{margin:-1px 0 0; border:1px solid #ddd; position:relative;}

.ranking_list .thumb{height:184px; text-align:center; overflow:hidden; position:relative;}
.ranking_list .thumb .bg{width:800%; height:800%; position:absolute; left:-350%; top:-350%; opacity:.9;}
.ranking_list .thumb .bg img{width:100%; height:100%; position:static;}
.ranking_list .thumb img{width:100%; height:100%; position:relative;}
.ranking_list .info{height:96px; padding:15px 18px; font-size:14px;}
.ranking_list .opt{color:#999;}
.ranking_list .sbj{margin-top:3px; font-size:15px; line-height:1.2; font-weight:bold; color:#333; word-break:normal; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;-o-text-overflow:ellipsis;}
.ranking_list .desc{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; min-height:21px; margin-top:3px; color:#999;}
.ranking_list .view_info{position:absolute; left:0; top:0; right:0; bottom:0; cursor:pointer; display:none;}
.ranking_list .view_info:before{content:''; position:absolute; left:0; top:0; right:0; bottom:0; opacity:.8; filter:alpha(opacity:0.8); background:#000;}
.ranking_list .view_info .view_info_cont{width:100%; display:table; table-layout:fixed; border-spacing:0; border-collapse:collapse;}
.ranking_list .view_info .view_info_cont, .ranking_list .view_info .td{height:100%;}
.ranking_list .view_info .td{text-align:center; vertical-align:middle; font-size:12px; color:#fff; position:relative}
.ranking_list .view_info .opt{color:#999;}
.ranking_list .view_info .sbj{padding:3px 18px 25px; color:#fff;}
.ranking_list .view_info .btn_detail{padding:0 22px; display:inline-block; font-size:12px; line-height:26px; color:#fff; border:1px solid #fff;
	-ms-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}
.ranking_list .view_info .btn_detail:hover{background:#fff; color:#111;}
.ranking_list .view_info .icon_tools{margin-top:25px; text-align:center;}
.ranking_list .view_info .icon_tools a{margin:0 12px; display:inline-block; font-size:15px; vertical-align:middle;
	-ms-transition: transform 0.2s;
	-webkit-transition: transform 0.2s;
	transition: transform 0.2s;
}
.ranking_list .view_info .icon_tools a i{vertical-align:top}
.ranking_list .view_info .icon_tools a i.active{color:#ff5757;}
.ranking_list .view_info .icon_tools a:hover{
	-ms-transform: translate(0,-3px);
	-webkit-transform: translate(0,-3px);
	transform: translate(0,-3px);
}

.ranking_list .blind{width:100%; height:184px; position:absolute; left:0; top:0; text-align:center;}
.ranking_list .blind:after{content:''; position:absolute; left:0; top:0; right:0; bottom:0; background:#ccc; opacity:.8; filter:alpha(opacity=80);}
.ranking_list .blind > div > *{position:relative;}
.ranking_list .blind > div > span{display:block;}
.ranking_list .blind .btn{height:30px; margin:13px 0 0; padding:0 20px; display:inline-block; border:1px solid #666; font-size:13px; line-height:28px; color:#000;
	-ms-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.ranking_list .blind .btn:hover{background-color:#333; color:#fff;}
.ranking_list .adult_icon{position:absolute; left:235px; top:4px;}

.ranking_list li:hover .view_info{}
.ranking_list li.below_6{max-height:102px; overflow:hidden;}
.ranking_list li.below_6 .wrap{width:100%; display:table; table-layout:fixed; border-spacing:0; border-collapse:collapse;}
.ranking_list li.below_6 .thumb,
.ranking_list li.below_6 .info{display:table-cell; vertical-align:top;}
.ranking_list li.below_6 .thumb{position:relative; width:100px; height:100px;}
.ranking_list li.below_6 .info{width:168px; padding:10px 10px 0 13px;}
.ranking_list li.below_6 .view_info .icon_tools{margin-top:15px;}
.ranking_list li.below_6 .view_info .sbj{display:none;}

.main_foot{padding:30px 0; background:#faf4f0; letter-spacing:0;}
.main_foot .mf_left{width:470px; height:341px; float:left; background:#fff;}
.main_foot .inner{padding:23px 33px; position:relative;}
.main_foot .inner h2{margin:0 0 13px; font-size:16px; color:#000;}
.main_foot .mf_right{width:527px; float:left; margin:0 0 0 10px;}
.main_foot .mf_r_top, .main_foot .mf_r_bottom{height:166px; position:relative;}

.main_foot .mf_left .inner h2{margin:0 0 20px;}
.main_foot .mf_left table{}
.main_foot .mf_left table th{text-align:left; font-size:13px; color:#000;}
.main_foot .mf_left table td{padding:1px 0; text-align:right; color:#666;}
.main_foot .mf_left table td.td_tel{font-size:24px; font-weight:bold;}
.main_foot .mf_left table td.td_fax{font-size:24px;}
.main_foot .mf_left table td.td_email{font-size:20px;}
.main_foot .mf_left .info{margin:20px 0 0; padding:22px 0 0; font-size:13px; color:#999; border-top:1px solid #e2e2e2;}
.main_foot .mf_left .info p{margin:15px 0 0; color:#666;}
.main_foot .main_bbs{height:100%; background:#fff;}
.main_foot .main_bbs ul{}
.main_foot .main_bbs li{position:relative;}
.main_foot .main_bbs li:before{content:''; width:2px; height:2px; position:absolute; left:0; top:10px; background:#999;}
.main_foot .main_bbs li a{padding:1px 0 0 11px; display:block; color:#888; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;-o-text-overflow:ellipsis;}
.main_foot .main_bbs li a:hover{color:#eb5353;}
.main_foot .mf_r_top{}
.main_foot .mf_r_bottom{margin:9px 0 0;}
.main_foot .snsLink{width:200px; height:200px; padding:50px 0 0; text-align:center; position:absolute; top:0; color:#fff;
	-ms-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.main_foot .snsLink i{display:block; text-align:center; font-size:46px;
	-ms-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.main_foot .snsLink.facebook{left:0; background:#023f74; border:1px solid #023f74;}
.main_foot .snsLink.instagram{right:0; background:#ff5757; border:1px solid #ff5757;}
.main_foot .snsLink span{display:inline-block; font-size:14px;
	-ms-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.main_foot .snsLink:hover{background:#fff;}
.main_foot .snsLink:hover i{
	-ms-transform: scale(1.5) translate(0,-5px);
	-webkit-transform: scale(1.5) translate(0,-5px);
	transform: scale(1.5) translate(0,-5px);
}
.main_foot .snsLink:hover span{
	font-weight:bold;
	-ms-transform: scale(1.5) translate(0,8px);
	-webkit-transform: scale(1.5) translate(0,8px);
	transform: scale(1.5) translate(0,8px);
}

.main_foot .mf_sns{float:right;width:123px;}
.main_foot .mf_sns a{display:block;height:107px;text-align:center;}
.main_foot .mf_sns a + a{margin:10px 0 0;}
.main_foot .mf_sns a:before{content:'';display:inline-block;vertical-align:middle;width:0;height:100%;}
.main_foot .mf_sns a.s1{background:#023f74;}
.main_foot .mf_sns a.s2{background:#00c73c;}
.main_foot .mf_sns a.s3{background:#1da1f3;}

.scroll_on #lnbWrap{width:100%; position:fixed; left:0; top:45px; z-index:10; box-shadow:rgba(0, 0, 0, 0.2) 0px 3px 10px 0px;}
.scroll_on .main_body,
.scroll_on .cont_body,
.scroll_on .sub_body,
.scroll_on #s_container{padding-top:80px;}
.scroll_on #s_container{background-position:50% 80px;}

.main_foot .snsLink.facebook:hover i,
.main_foot .snsLink.facebook:hover span{color:#023f74;}
.main_foot .snsLink.instagram:hover i,
.main_foot .snsLink.instagram:hover span{color:#ff5757;}

.line_event{position:relative; border:1px solid #ececec;}
.line_event .line{position:absolute;
	-ms-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.line_event .line.horizontal{width:0; left:50%; top:-1px; bottom:-1px; border-top:1px solid #eb5353; border-bottom:1px solid #eb5353;}
.line_event .line.vertical{height:0; left:-1px; right:-1px; top:50%; border-left:1px solid #eb5353; border-right:1px solid #eb5353;}
.line_event:hover .line.horizontal{width:100%; left:0;}
.line_event:hover .line.vertical{height:100%; top:0;}

/* sub contents */
.sub_body{padding:0 0 50px;}
.list_wrap{}
.list_wrap .section{padding:25px 0 35px;}
.list_wrap .section .head{padding:0 0 20px;}
.list_wrap .section .head .s_title03{padding:9px 0 0;}
.list_wrap .section h2{font-size:16px; color:#000;}
.list_wrap .section h2 em{font-weight:normal;}
.list_wrap .section h2.theme_title{font-size:15px;}
.list_wrap .section .md_pick .head{padding:0 0 10px;}
.list_wrap .section .md_pick .head h2{font-weight:normal;}
.list_wrap .itemList .info{padding-right:100px;}
.m_mdpick .multi_slide .slide_list .info{height:75px; padding:17px 18px 0; background:#444; font-size:13px;}
.m_mdpick .multi_slide .slide_list .sbj{color:#fff;}
.m_mdpick .multi_slide .slide_list .desc{margin-top:5px;}

#anchor_list{position:relative;top:-150px;}

.contents_wrap{min-height:700px; padding:40px 0;}
.sheet_info .page_title{margin-bottom:0;}
.page_title{margin:0 0 35px; font-size:25px; line-height:35px; color:#222;}
.page_title em{font-weight:bold; color:#ff5757;}
.page_title.ver_line{margin:0 0 15px; padding:0 0 18px; font-weight:bold; background:url('../images/icon/icon_page_title_line.png') bottom repeat-x;}


/* list contents */
.items_container{}
.items_container:after{content:'';display:block;clear:both;}
.items_container .ajax_more_view{margin:30px 0 0;}
.items_container .head{}
.items_container .head:after{content:'';display:block;clear:both;}
.items_container .head h2,
.items_container .head h3,
.items_container .head .cateBox,
.items_container .head .slide_nav{float:left;}
.items_container .head .cateBox{font-size:0;}
.items_container .head .cateBox .btn_cate{margin:0 10px 0 0;}
.items_container .head .slide_nav{width:100%;}
.items_container .head h2{line-height:38px; font-weight:bold;}
.items_container .toolBox{float:right;}
.items_container .toolBox label{margin:0 9px; font-size:14px; color:#333;}
.items_container .toolBox .selectric-wrapper,
.items_container .toolBox .viewType{display:inline-block; vertical-align:middle;}
.items_container .toolBox .selectric-wrapper{width:150px; margin:0 0 0 6px;}
.items_container .toolBox .viewType{margin:0 0 0 17px; padding:0 0 0 1px; display:inline-block; font-size:0; background:#fff;}
.items_container .toolBox .viewType button{width:40px; height:40px; margin:0 0 0 -1px; border:1px solid #ddd; position:relative; overflow:hidden;}
.items_container .toolBox .viewType .active img{margin-top:-38px;}
.items_container .ranking_list_wrap{padding:0 0 30px;}
.items_container .ranking_list{margin:0 -10px; font-size:0;}
.items_container .ranking_list li{width:25%; padding:0 10px; margin:0; border:none; display:inline-block; vertical-align:top;}
.items_container .ranking_list li .wrap{border:1px solid #ddd;}

.itemsList_wrap{overflow:hidden;min-height:40px;}

.itemList{margin:0; text-align:left;}
.itemList > li{width:100%; padding:20px; border-bottom:1px solid #ddd; position:relative;}
.itemList > li:first-child{border-top:1px solid #ddd;}
.itemList .wrap{width:100%; display:table; table-layout:fixed; border-spacing:0; border-collapse:collapse;}
.itemList .wrap > div{display:table-cell; vertical-align:middle; height:138px;}
.itemList .wrap > div.thumb{}
.itemList .thumb{width:262px; position:relative;}
.itemList .thumb .thumbBox{position:relative; width:100%; height:179px;}
.itemList .thumb .thumbBox img{width:100%;max-height:100%;box-shadow:rgba(0, 0, 0, 0.3) 2px 2px 6px 0px;}
.itemList .thumb .thumbBox .addTitle{position:absolute; left:0; right:0; bottom:0; opacity:0; filter:alpha(opacity=0);
	-ms-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.itemList .thumb .thumbBox .addTitle:before{content:''; position:absolute; left:0; top:0; bottom:0; right:0; background:#444; opacity:.7; filter:alpha(opacity=70);
	-ms-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;

	box-shadow:inset rgba(0, 0, 0, 0.4) 3px 3px 6px 0px;

	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.itemList .thumb .thumbBox .addTitle em{padding:6px 12px; display:block; position:relative; font-size:14px; font-weight:bold; color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;-o-text-overflow:ellipsis;
	-ms-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;

	text-shadow:1px 1px 2px #222;

	-ms-transform: translate(40px, 0);
	-webkit-transform: translate(40px, 0);
	transform: translate(40px, 0);
}
.itemList .wrap:hover .thumb .thumbBox .addTitle{opacity:1; filter:alpha(opacity=100);}
.itemList .wrap:hover .thumb .thumbBox .addTitle:before{
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
}
.itemList .wrap:hover .thumb .thumbBox .addTitle:before,
.itemList .wrap:hover .thumb .thumbBox .addTitle em{
	-ms-transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}

.itemList .thumb.sm{width:90px;}
.itemList .thumb.sm + .info{vertical-align:middle;padding-bottom:0;}
.itemList .thumb.sm .thumbBox{width:100%;height:61px;}
.itemList .info{padding:30px 17px 0; font-size:13px; line-height:18px; color:#999; position:relative;}
.itemList .info .opt{margin:0 0 4px;}
.itemList .info .sbj{margin:0 0 4px; font-size:15px; line-height:18px; font-weight:bold; color:#333; word-break:normal;}
.itemList .info .desc{margin:0 0 7px;}
.itemList .info .summary{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.itemList .info .code{position:absolute; right:0; top:0;}
.itemList .info .event_icon{position:absolute;right:20px;top:70px;}
.itemList .info .labels{height:auto; padding:0; border:none; position:absolute; left:17px; top:0;}
.itemList .info .labels .icon_label.ver2{display:none;}
.itemList .info .others{margin:25px 0 0;}
.itemList .info .others > span{display:inline-block;}
.itemList .info .others.ver_absolute{position:absolute; left:17px; bottom:2px;}
.itemList .info .others > span + span{margin:0 0 0 27px;}
.itemList .info .others > div + div{margin:8px 0 0;}
.itemList .info .others > div > span + span{margin:0 0 0 17px;}

.itemList .info .rating{color:#ff1919;}
.itemList .info .rating:before{content:''; width:12px; height:11px; margin:0 5px 0 0; vertical-align:-1px; display:inline-block; background:url('../images/icon/icon_star.png') no-repeat;}
.itemList .info .others .star_rating_box{margin:0 50px 0 0; vertical-align:1px;}
.itemList .info .others .star_rating_box em{position:absolute; right:-38px; top:1px; color:#ff1919;}
.itemList .info .interest{}
.itemList .info .interest em{padding:0 0 0 8px; margin:0 0 0 5px; color:#666; position:relative;}
.itemList .info .interest em:before{content:''; width:1px; height:11px; margin:-5px 0 0; position:absolute; left:0; top:50%; background:#e0e0e0;}
.itemList .info .term{}
.itemList .info .writer{margin:7px 0 0;}
.itemList .info .writer span{padding:0 9px 0 13px; position:relative;}
.itemList .info .writer span em{margin-left:4px; color:#333;}
.itemList .info .writer span:first-child{padding-left:0;}
.itemList .info .writer span + span:before{content:''; width:1px; height:12px; margin:-6px 0 0; position:absolute; left:0; top:50%; background:#ddd;}

.itemList .blind{/*width:262px; height:179px; position:absolute; left:20px; top:20px; text-align:center;*/}
.itemList .blind:after{content:''; position:absolute; left:0; top:0; right:0; bottom:0; background:#ccc; opacity:.8; filter:alpha(opacity=80);}
.itemList .blind > div > *{position:relative;}
.itemList .blind > div > span{display:block;}
.itemList .blind .btn{height:30px; margin:13px 0 0; padding:0 20px; display:inline-block; border:1px solid #666; font-size:13px; line-height:28px; color:#000;
	-ms-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.itemList .blind .btn:hover{background-color:#333; color:#fff;}
.itemList .adult_icon{position:absolute; right:5px; top:5px;}

.itemList .sm .adult_icon{right:2px;top:2px;width:25px;height:25px;line-height:21px;font-size:12px;}

.ver_type_tile{}
.ver_type_tile .itemList{margin:-30px 0 0; font-size:0;}
.ver_type_tile .itemList > li{width:25%; padding:30px 31px 0; display:inline-block; vertical-align:top; border:none;}
.ver_type_tile .itemList > li .wrap{display:block;}
.ver_type_tile .itemList > li .wrap > div{display:block;height:auto;}
.ver_type_tile .itemList .thumb{position:relative;height:auto;padding:0 0 68.49%;width:auto;}
.ver_type_tile .itemList .thumb .thumbBox{position:absolute;left:0;top:0;right:0;bottom:0;height:auto;}
.ver_type_tile .itemList .info{padding:12px 0 0;}
.ver_type_tile .itemList .info .sbj{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ver_type_tile .itemList .info .sbj .icon_label{display:none;}
.ver_type_tile .itemList .info .summary,
.ver_type_tile .itemList .info .others,
.ver_type_tile .itemList .info .code{display:none;}
.ver_type_tile .itemList .info .labels{display:none;height:56px; padding:10px 0 0; border-top:1px solid #eee; font-size:0; position:static;}
.ver_type_tile .itemList .info .labels .icon_label{margin:0 4px 5px 0; vertical-align:top;}
.ver_type_tile .itemList .info .labels .icon_label.ver2{display:inline-block}
.ver_type_tile .itemList .blind{/*width:223px; height:153px; left:31px; top:30px;*/}
.ver_type_tile .itemList .adult_icon{}
.ver_type_tile .itemList .info .event_icon{right:0;top:5px;}
.ver_type_tile .itemList .info .event_icon + .opt,
.ver_type_tile .itemList .info .event_icon + .opt + .sbj{padding-right:55px;}

.contest_img{}
.contest_img .btn_typeA{position:absolute;right:10px;bottom:10px;}
.contest_img .btn_typeA span{min-width:150px;}

.recommended_list{width:1000%; font-size:0; position:relative;}
.recommended_list li{width:112px; padding:0 0 15px; display:inline-block; vertical-align:top;}
.recommended_list li .wrap{position:relative; width:90px; display:block;}
.recommended_list .thumb{position:relative; width:100%; height:61px; overflow:hidden;}
.recommended_list .thumb img{width:100%; max-height:100%;}
.recommended_list .subject{padding:6px 0; text-align:center; font-size:13px; line-height:16px; color:#666;}
.recommended_list .adult_icon{position:absolute;right:2px;top:2px;width:25px;height:25px;line-height:21px;font-size:12px;}
.recommended_list .blind{}
.recommended_list .blind img{width:33px !important;}
.recommended_list .blind .btn{height:25px;line-height:23px;font-size:11px;}

#auto_complete_keyword .itemList > li{padding:0; border-bottom:1px solid #ddd; position:relative; border:none;}
#auto_complete_keyword .itemList > li + li{padding:9px 0 0;}
#auto_complete_keyword .itemList .thumb{width:50px;}
#auto_complete_keyword .itemList .thumb .thumbBox{width:100%; height:60px; border:1px solid #ddd; box-shadow:none; overflow:hidden;}
#auto_complete_keyword .itemList .thumb .thumbBox img{width:100%;}
#auto_complete_keyword .itemList .info{padding:0 0 0 14px; font-size:13px; line-height:20px; color:#666;}
#auto_complete_keyword .itemList .info .sbj{font-size:13px; font-weight:normal; color:#666;}
#auto_complete_keyword .itemList .info .sbj > span{font-weight:bold; color:#333;}


.md_pick,
.mystudy{overflow:hidden;}
.md_pick .itemList,
.mystudy .itemList{margin:-10px; font-size:0;}
.md_pick .itemList > li,
.mystudy .itemList > li{width:50%; padding:10px; display:inline-block; vertical-align:middle; border:0;}
.md_pick .itemList > li .wrap,
.mystudy .itemList > li .wrap{border:1px solid #ddd; border-spacing:19px; border-collapse:separate;}
.md_pick .itemList .thumb,
.mystudy .itemList .thumb{position:relative; width:201px;}
.md_pick .itemList .thumb .thumbBox,
.mystudy .itemList .thumb .thumbBox{width:100%; height:138px;}
.md_pick .itemList .info{padding:30px 0 22px 0; font-size:13px; line-height:18px; color:#999; position:relative;}
.md_pick .itemList .info .summary,
.md_pick .itemList .info .others{display:none;}
.md_pick .itemList .info .labels{left:0;}
.md_pick .itemList .info .code{position:absolute; right:auto; top:auto; left:0; bottom:0;}
.md_pick .itemList .blind{width:100%; height:100%; left:0; top:0;}
.md_pick .itemList .blind .btn{height:24px; padding:0 10px; font-size:12px; line-height:22px;}

.mystudy .itemList .info{padding:0;}
.mystudy .itemList .info .reading{margin:15px 0 0; font-size:0;}
.mystudy .itemList .info .reading span{padding:0 15px; display:inline-block; font-size:13px; color:#999; position:relative;}
.mystudy .itemList .info .reading span:first-child{padding-left:0;}
.mystudy .itemList .info .reading span + span:before{content:''; width:1px; height:15px; margin:-7px 0 0; background:#ddd; position:absolute; left:0; top:50%;}
.mystudy .itemList .info .btns{width:100%; position:absolute; left:0; bottom:0;}
.mystudy .itemList .info .btns .btn_typeB{margin:0 7px 0 0;}
.mystudy .itemList .info .btns .btn_typeB span{width:80px; padding:0;}
.mystudy .itemList .info .tools_btn{position:absolute; right:-5px; bottom:-6px;}
.mystudy .itemList .info .tools_btn button{}
.mystudy .itemList .info .tools_btn button i{font-size:20px; color:#a0a0a0;
	-ms-transition: color 0.2s;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}
.mystudy .itemList .info .tools_btn button:hover i{color:#ff5757;}
.mystudy .itemList .info .others{margin:18px 0 0;}
.mystudy .itemList .info .icon_bell.off i:before{content:'\f1f7';}
.mystudy .itemList .info .tools_btn .btn_bookmark span{width:12px; height:20px; display:block; overflow:hidden; background:url('../images/icon/icon_bookmark02.png') no-repeat;}
.mystudy .itemList .info .tools_btn .btn_bookmark.on span{background-position:0 -20px;}


.slide_nav{width:100%; padding:0 33px; margin:20px 0 0; border:1px solid #e2e2e2; background:#fff;}
.slide_nav,
.slide_nav .inner,
.slide_nav .navigation,
.slide_nav .navigation a{position:relative;}
.slide_nav .inner{padding:15px 0; overflow:hidden;}
.slide_nav .controller button{width:13px; height:13px; margin:-7px 0 0; position:absolute; top:50%; border:1px solid #dadada; overflow:hidden; font-size:0; text-indent:-9999px; background-repeat:no-repeat; background-position:0 0; z-index:1;}
.slide_nav .controller .prev{left:21px; background-image:url('../images/icon/icon_nav_prev02.png');}
.slide_nav .controller .next{right:21px; background-image:url('../images/icon/icon_nav_next02.png');}
.slide_nav .controller .on{background-position:0 -11px;}

.slide_nav .navigation{width:1000%; font-size:0; position:relative; left:0; top:-1px;}
.slide_nav .navigation a{width:1%; display:inline-block; text-align:center; vertical-align:middle; font-size:15px; line-height:1; color:#999;}
.slide_nav .navigation a+a:before{content:''; width:1px; height:12px; margin:-5px 0 0; position:absolute; left:0; top:50%; background:#dedede;}
.slide_nav .navigation a.active{font-weight:bold; color:#333;}

/* search */
.search_result_wrap{}
.search_result_wrap .section{}
.search_result_wrap .section + .section{margin:40px 0 0;}
.search_result_wrap .section .head{padding:0 0 20px; overflow:hidden;}
.search_result_wrap .section .head .s_title03{padding:9px 0 0;}
.search_result_wrap .s_title03 .more{margin:0 0 0 5px; font-size:0; display:inline-block; vertical-align:12px;}
.search_result_wrap + .banner_area{padding:40px 0 0;}

.writer_illustration_brand{padding:15px 18px 17px;}
.writer_illustration_brand ul{}
.writer_illustration_brand li{width:100%; display:table; table-layout:fixed; border-spacing:0;}
.writer_illustration_brand li > div{padding:2px 0; display:table-cell; vertical-align:middle;}
.writer_illustration_brand .name{width:57px; font-weight:bold; color:#333;}
.writer_illustration_brand .info{color:#999; overflow:hidden;}
.writer_illustration_brand .info span{padding:0 7px; float:left;}
.writer_illustration_brand .info span:first-child{padding-left:0;}
.writer_illustration_brand .info span + span{position:relative;}
.writer_illustration_brand .info span + span:before{content:''; width:1px; height:13px; margin:-6px 0 0; background:#999; position:absolute; left:0; top:50%;}

.cloud_wrap{margin:30px 0 0;}
.cloud_wrap .box{border:1px solid #ddd; border-top-color:#000;}
.cloud_wrap dt{padding:13px 20px; position:relative; font-size:15px; font-weight:bold; color:#111; border-bottom:1px solid #ddd; position:relative;}
.cloud_wrap dt .more{padding:10px; margin:-16px 0 0; position:absolute; right:10px; top:50%; font-size:0;}
.cloud_wrap dd{padding:20px; text-align:center;}

/* detail*/
.detail_wrap{}
.detail_wrap .detail_top_btns{position:absolute; right:0; top:5px;}
.detail_wrap .detail_top_btns .btn_typeB{margin-left:5px;}
.detail_wrap .head{table-layout:auto; border-bottom:1px solid #666;}
.detail_wrap .head .td{padding:0 0 25px; vertical-align:bottom;}
.detail_wrap .head .info{}
.detail_wrap .head .page_title{margin:0 0 12px;}
.detail_wrap .head .info .spec{font-size:15px;}
.detail_wrap .head .info .spec .spec_opt{color:#999;}
.detail_wrap .head .info .spec .spec_cont{color:#666; font-size:0;}
.detail_wrap .head .info .spec .spec_cont span{padding:0 13px; position:relative; font-size:15px;}
.detail_wrap .head .info .spec .spec_cont span a{cursor:default;}
.detail_wrap .head .info .spec .spec_cont span + span:before{content:''; width:1px; height:15px; margin:-7px 0 0; position:absolute; left:0; top:50%; background:#ddd;}
.detail_wrap .head .info .spec .spec_cont span em{color:#222;}

.detail_wrap .head .others{text-align:right; position:relative;}
.detail_wrap .head .others .icon_tools{font-size:0;}
.detail_wrap .head .others .icon_tools > *{min-width:52px; margin:0 0 0 20px; display:inline-block; vertical-align:middle; text-align:center; font-size:14px; color:#666;}
.detail_wrap .head .others .icon_tools i{display:block; margin:0 0 7px; font-size:18px; color:#999;}
.detail_wrap .head .others .icon_tools .active i{color:#ff5757;}
.detail_wrap .head .others .contents_opt{margin:0 0 30px; font-size:15px; color:#999;}
.detail_wrap .others .weeks{font-size:0; position:absolute; right:0; top:0;}
.detail_wrap .others .weeks span{min-width:23px; height:23px; margin:0 0 0 5px; padding:0 4px; display:inline-block; border:1px solid #999; text-align:center; font-size:14px; line-height:21px; color:#999;}
.detail_wrap .others .weeks span.active{border-color:#ff5757; color:#ff5757;}

.detail_wrap .body{margin:0 0 30px; padding:30px 0 0;}
.detail_wrap .body .img_n_info .td{vertical-align:top;}
.detail_wrap .body .detail_img{width:400px;}
.detail_wrap .body .v_img{height:273px; position:relative;}
.detail_wrap .body .v_img li{width:100%; height:100%; position:absolute; left:0; top:0; display:none; z-index:0; text-align:center;}
.detail_wrap .body .v_img li:first-child{display:block; z-index:1;}
.detail_wrap .body .v_img li img{height:100%; width:100%; max-height:100%;}
.detail_wrap .body .v_img .adult_icon{position:absolute;right:10px;top:10px;z-index:2;}
.detail_wrap .body .thumb_img{display:none; border:1px solid #eee; position:relative;}
.detail_wrap .body .thumb_img .inner{margin:19px 44px; overflow:hidden; position:relative;}
.detail_wrap .body .thumb_img ul{width:10000%; position:relative; left:0; top:0;}
.detail_wrap .body .thumb_img li{width:70px; height:47px; float:left; position:relative;}
.detail_wrap .body .thumb_img li + li{margin-left:10px;}
.detail_wrap .body .thumb_img li a{width:100%; height:100%; position:absolute; border:1px solid #ddd; overflow:hidden; text-align:center;}
.detail_wrap .body .thumb_img li a:before{content:''; width:0; height:100%; display:inline-block; vertical-align:middle;}
/* .detail_wrap .body .thumb_img li.active a{border-color:#ff5757;} */
.detail_wrap .body .thumb_img li a img{width:100%; max-height:100%;}
.detail_wrap .body .thumb_img .cover{width:70px; height:47px; border:1px solid #ff5757; position:absolute; left:0; top:0;
	-ms-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.detail_wrap .body .thumb_img .cover.on{
	width:10px; height:10px; margin-left:30px; top:30px; background:#ff5757; border-radius:50%; opacity:.5; filter:alpha(opacity=50);
	-ms-transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
}

.detail_wrap .body .thumb_img .nav{}
.detail_wrap .body .thumb_img .nav button{width:45px; height:70px; margin:-35px 0 0; position:absolute; top:50%; font-size:0; text-indent:-9999px; background-repeat:no-repeat; background-position:50% 50%; outline:none;}
.detail_wrap .body .thumb_img .nav .prev{left:0; background-image:url('../images/icon/icon_nav_prev03.png');}
.detail_wrap .body .thumb_img .nav .next{right:0; background-image:url('../images/icon/icon_nav_next03.png');}
.detail_wrap .body .other_btns{margin:20px 0 0 -20px; overflow:hidden; }
.detail_wrap .body .other_btns a,
.detail_wrap .body .other_btns span{width:120px; height:40px; margin:0 0 0 20px; float:left; text-align:center; font-size:16px; line-height:37px; font-weight:bold;}
.detail_wrap .body .other_btns a{color:#ff5757; border:1px solid #ff5757;}
.detail_wrap .body .other_btns span{color:#999; background:#f5f5f5; border:1px solid #ddd;}
.detail_wrap .body .other_btns a img{vertical-align:-4px;}


.detail_wrap .body .detail_info{padding:0 0 0 38px;}
.detail_wrap .body .detail_info .others,
.detail_wrap .body .guide{font-size:15px; color:#999;}
.detail_wrap .body .detail_info .others{position:relative; margin:-5px 0 10px; padding:0 250px 0 0;}
.detail_wrap .body .detail_info .others .rating{margin:0 0 2px; display:block; font-size:20px; color:#ff1919;}
.detail_wrap .body .detail_info .others .rating:before{content:''; width:20px; height:18px; margin:0 5px 0 0; display:inline-block; vertical-align:-2px; background:url('../images/icon/icon_star_b.png') no-repeat;}
.detail_wrap .body .detail_info .others .star_rating_box{margin:0 0 5px -7px; display:block;}
.detail_wrap .body .detail_info .others .star_rating_box em{position:absolute; right:-38px; top:-1px; font-size:20px; color:#ff1919;}
.detail_wrap .body .detail_info .others .interest{}
.detail_wrap .body .detail_info .others .interest em{margin:0 0 0 10px;}
.detail_wrap .body .detail_info .others .interest span + span{margin:0 0 0 25px;}
.detail_wrap .body .guide{margin:0 0 15px;}
.detail_wrap .body .guide dt{margin:0 0 6px; color:#333;}
.detail_wrap .body .guide dd{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-height:48px;padding:0 0 0 6px; line-height:23px; position:relative; word-break:break-all;}
.detail_wrap .body .guide dd:before{content:''; width:2px; height:2px; background:#a1a1a1; position:absolute; left:0; top:10px;}
.detail_wrap .body .keyword_tags{margin:-10px 0 23px -7px; font-size:0;}
.detail_wrap .body .keyword_tags button{margin:10px 0 0 7px;}
.detail_wrap .body .paymentBox{padding:15px 20px; border:1px solid #ddd;}
.detail_wrap .body .paymentBox th{text-align:left; font-size:15px; font-weight:normal; color:#222;}
.detail_wrap .body .paymentBox td{padding:5px 0;}
.detail_wrap .body .paymentBox td .btn_typeA{margin:0 0 0 5px;}
.detail_wrap .body .paymentBox .selectric-wrapper{display:inline-block; vertical-align:middle;}
.detail_wrap .body .paymentBox td.coupon .selectric-wrapper{width:60%;}
.detail_wrap .body .paymentBox td.opt .selectric-wrapper{width:108px;}
.detail_wrap .body .paymentBox td .view_opt{float:right;}
.detail_wrap .body .paymentBox td .view_opt .btn_typeA{width:100px;}
.detail_wrap .body .paymentBox td .view_opt .btn_typeA span{padding:0;}

.detail_wrap .foot{margin:30px 0 0; padding:30px 0; position:relative;}
.detail_wrap .foot:after{content:''; height:90px; position:absolute; left:0; bottom:-90px; right:0; background:#fbfbfb;}

#detail_anchor{position:absolute;left:0;top:-150px;right:0;}
.detail_wrap .detail_contents{float:left; width:800px;}
.detail_wrap .detail_contents.ver_author{float:none; width:auto;}
.ajax_more_view{margin:25px 0 0;}
.detail_wrap .detail_quick{float:right; width:300px; position:relative; z-index:2;}
.detail_wrap .detail_quick > div{position:relative; padding:13px 18px; color:#999;}
.detail_wrap .detail_quick > div + div{margin:20px 0 0;}
.detail_wrap .detail_quick .btn_evaluation{}
.detail_wrap .detail_quick h3{margin:0 0 15px; padding:0 0 13px; font-size:16px; color:#333; border-bottom:1px solid #ddd;}
.detail_wrap .detail_quick h3 em{font-weight:bold;}
.detail_wrap .detail_quick .help_area{position:absolute;right:0;top:0;}
.detail_wrap .detail_quick .help_area .help{width:14px;height:14px;margin:18px 17px 0 0;background:#eb5353;color:#fff;font-size:11px;border-radius:100%;text-align:center;outline:none;}
.detail_wrap .detail_quick .help_area.active .area{height:auto;opacity:1;margin:0;padding:10px 0 0;}
.detail_wrap .detail_quick .help_area .area{overflow:hidden;position:absolute;right:-1px;top:39px;z-index:2;height:0;margin-top:-10px;color:#fff;opacity:0;transition:opacity .5s, margin .5s ease-out;}
.detail_wrap .detail_quick .help_area .area:before{content:'';position:absolute;left:0;top:0;right:49px;bottom:66px;background:url('../images/logo_h.png') no-repeat 100% 100%;}
/*.detail_wrap .detail_quick .help_area .area:after{content:'';position:absolute;right:18px;top:0;border:5.5px solid transparent;border-bottom:10px solid #eb5353;border-top:0;}*/
.detail_wrap .detail_quick .help_area .area .inner{padding:15px 14px;background:#fff;border-radius:5px;border:1px solid #ddd}
.detail_wrap .detail_quick .help_area .area p{position:relative;margin:0 0 15px;font-size:15px;}
.detail_wrap .detail_quick .help_area .area .summary{color:#666; line-height:22px;}
.detail_wrap .detail_quick .help_area .area .wrap{position:relative;width:533px;margin:-14px 0 0 -14px;}
.detail_wrap .detail_quick .help_area .area .wrap:after{content:'';display:block;clear:both;}
.detail_wrap .detail_quick .help_area .area dl{float:left;width:252px;min-height:135px;margin:14px 0 0 14px;padding:12px 6px 10px 11px;background:#fbdddd;color:#eb5353;border-radius:5px;}
.detail_wrap .detail_quick .help_area .area .ver_height02{min-height:144px;}
.detail_wrap .detail_quick .help_area .area dt{margin:0 0 5px;font-size:15px;font-weight:bold;}
.detail_wrap .detail_quick .help_area .area dt .n{display:inline-block;width:18px;height:18px;line-height:18px;margin:0 3px 0 0;border-radius:100%;background:#eb5353;text-align:center;color:#fff;font-weight:normal;}
.detail_wrap .detail_quick .help_area .area dd{font-size:13px;}
.detail_wrap .detail_quick .guide{position:relative;line-height:20px;white-space:pre-wrap;word-break:break-all;}
/*.detail_wrap .detail_quick .guide > textarea{width:100%;height:350px;padding:0;border:0;}*/
.detail_wrap .detail_quick .guide .btn_wrap{/*position:absolute;left:0;right:0;bottom:0;*/}
.detail_wrap .detail_quick .more{padding:10px 0; text-align:right; color:#666;}
.detail_wrap .detail_quick .more a{}
.detail_wrap .detail_quick .more a span{width:11px; height:11px; margin:0 3px 0 0; vertical-align:-1px; display:inline-block; position:relative;}
.detail_wrap .detail_quick .more a span:before,
.detail_wrap .detail_quick .more a span:after{content:''; position:absolute; background:#666;}
.detail_wrap .detail_quick .more a span:before{width:100%; height:1px; left:0; top:5px;}
.detail_wrap .detail_quick .more a span:after{width:1px; height:100%; left:5px; top:0;}
.detail_wrap .detail_quick .list_typeNumber{padding:0 0 17px;}
.detail_wrap .detail_quick .writer{margin:0 0 14px;}
.detail_wrap .detail_quick .writer em{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; float:left; max-width:100%; font-size:15px; color:#333;}
.detail_wrap .detail_quick .writer .in_tab{float:right;}
.detail_wrap .detail_quick .writer .sort_tab{float:right;}

.detail_wrap .border_box.view{height:250px;}
.detail_wrap .border_box.view .act_wrap{position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;padding:13px 18px;border:1px solid #ddd;background:#fff;-webkit-transition:.2s left ease-out;transition:.2s left ease-out;}
.detail_wrap .border_box.view .act_wrap .guide{overflow:hidden;height:140px;}
.detail_wrap .border_box.view .act_wrap .writer + .guide{height:105px;}
.detail_wrap .border_box.view.active{}
.detail_wrap .border_box.view.active .act_wrap{left:-500px;}
.detail_wrap .border_box.view.active .act_wrap .guide{overflow:auto;padding-right:10px;}

.highcharts-legend{display:none;}

.rating_wrap{text-align:center;}
.rating_wrap .dtable_txt{margin-bottom:20px;}
.rating_wrap .area dl{display:table;width:100%;color:#999;line-height:37px;box-sizing:border-box;}
.rating_wrap .area dl > *{display:table-cell;vertical-align:middle;}
.rating_wrap .area .title{width:100px;text-align:left;font-size:1.1em;color:#000;}
.rating_wrap .area .wrap{}
.rating_wrap .area .slider{/*height:37px;border:0;background:url('../images/viewer/star_rating.png') no-repeat;*/}
/*
body .ui-widget.ui-widget-content,
body .ui-state-default,body .ui-widget-content .ui-state-default,body .ui-widget-header .ui-state-default,body .ui-button, html body .ui-button.ui-state-disabled:hover, html body .ui-button.ui-state-disabled:active{border-color:#ff5757;}
*/
.rating_wrap .area .ui-slider-range{/*z-index:3;background:url('../images/viewer/star_rating_on.png') no-repeat;cursor:pointer;*/}
.rating_wrap .area .ui-slider .ui-slider-handle{/*visibility:hidden;*/}
.rating_wrap .area .score{width:50px;text-align:right;font-size:1.25em;}

.detail_tab_wrap{margin:0 0 50px;}
.detail_tab_cont{display:none;}
#detail_tab_cont01{display:block;}

.detail_others_wrap{}
.detail_others_wrap .section{}
.detail_others_wrap .section + .section{margin:60px 0 0;}
.detail_others_wrap .section_head{margin:0 0 25px;}
.detail_others_wrap .section_head p{font-size:13px; color:#999;}
.detail_others_wrap .ver_type_tile{}
.detail_others_wrap .ver_type_tile .itemList{margin:-20px -20px 0; font-size:0;}
.detail_others_wrap .ver_type_tile .itemList > li{width:20%; padding:20px 20px 0;}
.detail_others_wrap .ver_type_tile .itemList .blind{left:20px; top:20px; display:none}

.series_wrap .sort_tab{margin:0 0 13px 0; float:left;}
.series_wrap .sort_tab a:first-child{margin:0;}
.series_wrap .sort_tab a.on{color:#ff5757; font-weight:bold;}
.series_wrap .top_btns{margin:0 0 13px 0; float:right;}
.series_wrap .top_btns .btn_typeB{margin:0 0 0 5px;}
.series_list{border-top:1px solid #ddd; clear:both;}
.series_list th{padding:14px 5px; font-size:14px; color:#666; background:#f6f6f6; border-bottom:1px solid #ddd;}
.series_list td{padding:15px 5px; text-align:center; border-bottom:1px solid #ddd;}
.series_list td .thumb{position:relative; width:100%; height:68px; display:inline-block; vertical-align:top; overflow:hidden;}
.series_list td .thumb img{max-width:100%; width:100%; box-shadow:rgba(0, 0, 0, 0.2) 3px 3px 6px 0px;}
.series_list td .thumb .adult_icon{position:absolute;right:2px;top:2px;width:25px;height:25px;line-height:21px;font-size:12px;}
.series_list td.align_left{text-align:left;}

.series_list td.sbj{padding:10px 13px; text-align:left;}
.series_list td.sbj > a{display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:15px; font-weight:bold; color:#333;}
.series_list td.sbj .write_link{font-weight:normal; color:#004687;}
.series_list td.sbj .icon_label{margin:0 0 0 5px; vertical-align:0;}
.series_list td .others{margin:4px 0 0;}
.series_list td .others > span{display:inline-block; font-size:13px; color:#999;}
.series_list td .others > span + span{margin:0 0 0 20px;}
.series_list td .others .rating{color:#ff1919;}
.series_list td .others .rating:before{content:''; width:12px; height:11px; margin:0 5px 0 0; vertical-align:-1px; display:inline-block; background:url('../images/icon/icon_star.png') no-repeat;}
.series_list td .others .star_rating_box{width:100px;}
.series_list td .others .star_rating_box .score img{max-width:100px;}
.series_list td .others .star_rating_box em{position:absolute; right:-15px; top:2px; color:#ff1919}
.series_list td.condition{text-align:right; padding:10px;}
.series_list td.condition a,
.series_list td.condition span{margin-left:4px; vertical-align:middle;}
.series_list td .btn_typeB span{padding:0 10px;}
.series_list td span a{color:#333; text-decoration:underline;}

.ver_author .series_wrap .sort_tab{text-align:left;}
.ver_author .series_wrap .top_btns{}
.ver_author .series_list td{font-size:13px; color:#999;}

.webtoon_prologue{border-top:1px solid #ddd; clear:both;}
.webtoon_prologue th{padding:14px 5px; font-size:14px; color:#666; background:#f6f6f6;}
.webtoon_prologue td{padding:15px 5px; text-align:center; height:130px; }
.webtoon_prologue td .thumb{position:relative; width:100%; height:100px; display:inline-block; vertical-align:top; overflow:hidden;}
.webtoon_prologue td .thumb img{max-width:100%; width:100%; box-shadow:rgba(0, 0, 0, 0.2) 3px 3px 6px 0px;}
.webtoon_prologue td .thumb .adult_icon{position:absolute;right:2px;top:2px;width:25px;height:25px;line-height:21px;font-size:12px;}
.webtoon_prologue td.align_left{text-align:left;}

.webtoon_prologue td.sbj{padding:10px 13px; text-align:left;}
.webtoon_prologue td.sbj > a{display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:15px; font-weight:bold; color:#333;}
.webtoon_prologue td.sbj .write_link{font-weight:normal; color:#004687;}
.webtoon_prologue td.sbj .icon_label{margin:0 0 0 5px; vertical-align:0;}
.webtoon_prologue td .others{margin:4px 0 0;}
.webtoon_prologue td .others > span{display:inline-block; font-size:13px; color:#999;}
.webtoon_prologue td .others > span + span{margin:0 0 0 20px;}
.webtoon_prologue td.condition{text-align:right; padding:10px;}
.webtoon_prologue td.condition a,
.webtoon_prologue td.condition span{margin-left:4px; vertical-align:middle;}
.webtoon_prologue td .btn_typeB span{padding:0 10px;}
.webtoon_prologue td span a{color:#333; text-decoration:underline;}

.batch_purchase{margin:0 0 30px; border:1px solid #ddd;}
.batch_purchase th,
.batch_purchase td{}
.batch_purchase th{text-align:center; font-size:20px; font-weight:bold; color:#333; background:#fff7f7;}
.batch_purchase td{padding:17px 23px; text-align:left;}
.batch_purchase td .batch_cont{padding:0 65px 0 0; position:relative;}
.batch_cont .price{font-size:20px; font-weight:bold; color:#ff5757;}
.batch_cont .price .icon_label{vertical-align:2px;}
.batch_cont .guide{margin-top:2px;color:#666;}
.batch_cont .btn_typeA{margin:-20px 0 0; position:absolute; right:0; top:50%;}

.batch_purchase th.disabled{background:#666;color:#fff;}
.batch_purchase td.disabled .batch_cont .btn_typeA{display:none;}
.batch_purchase td.disabled .batch_cont .price{color:#666;}

.like_up_theme{}
.like_up_theme a{margin:0 0 18px; display:block;}
.like_up_theme a .thumb{position:relative; width:62px;}
.like_up_theme a .thumb .thumbBox{height:44px; border:2px solid #ddd;}
.like_up_theme a .info{padding:0 0 0 18px; line-height:20px; color:#666;}
.like_up_theme a .info .sbj{margin-bottom:2px;}
.like_up_theme a .info .spec{margin:0 0 0 -12px; font-size:0;}
.like_up_theme a .info .spec > span{font-size:13px; padding:0 12px;}
.like_up_theme a .info .spec > span + span{position:relative;}
.like_up_theme a .info .spec > span + span:before{content:''; width:1px; height:12px; margin:-6px 0 0; background:#ddd; position:absolute; left:0; top:50%;}
.like_up_theme a .info .spec em{margin-left:5px; color:#222;}

.product_table{}
.product_table > div{display:table-cell; vertical-align:top; text-align:left;}
.product_table .thumb{width:50px; height:60px; overflow:hidden;}
.product_table .thumb img{width:100%;max-height:100%;}
.product_table .info{}

.book_list a{display:block;}
.book_list a + a{margin:9px 0 0;}
.book_list .info{padding:0 0 0 14px;}
.book_list .info .sbj{margin:2px 0 4px; line-height:20px; color:#666;}
.book_list .info .sbj > span{font-weight:bold; color:#333;}
.book_list .info .spec{margin:0 0 0 -8px; font-size:0;}
.book_list .info .spec > span{font-size:13px; padding:0 8px;}
.book_list .info .spec > span + span{position:relative;}
.book_list .info .spec > span + span:before{content:''; width:1px; height:12px; margin:-5px 0 0; background:#ddd; position:absolute; left:-1px; top:50%;}
.book_list .info .spec em{margin-left:5px; color:#222;}

.list_typeNumber{}
.list_typeNumber li{padding:2px 3px;}
.list_typeNumber li a{color:#999;}
.list_typeNumber li a em{width:21px; display:inline-block; font-weight:bold; color:#666;}

.faq_wrap{border-top:1px solid #ddd;}
.faq_wrap li{}
.faq_wrap .faq_f{padding:14px 18px; border-bottom:1px solid #ddd; cursor:pointer; position:relative;}
.faq_wrap .faq_f .arrow{margin:-24px 0 0; font-size:32px; color:#444; position:absolute; right:10px; top:50%;
	-ms-transition: transform 0.3s ease-out;
	-webkit-transition: transform 0.3s ease-out;
	transition: transform 0.3s ease-out;
}
.faq_wrap .faq_f.active .arrow{
	-ms-transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
}
.faq_wrap .sbj{margin:0 0 3px; font-size:15px; color:#333;}
.faq_wrap .sbj em{font-weight:bold;}
.faq_wrap .date,
.faq_wrap .hit{font-size:13px; color:#999;}
.faq_wrap .date + .hit{margin:0 0 0 6px; padding:0 0 0 10px; position:relative;}
.faq_wrap .date + .hit:before{content:''; width:1px; height:10px; margin:-5px 0 0; position:absolute; left:0; top:50%; background:#eaeaea;}
.faq_wrap .faq_q{position:relative; background:#f5f5f5; display:none;}
.faq_wrap .faq_q_inner{padding:18px; border-bottom:1px solid #ddd; line-height:18px; color:#666; word-break:break-all;}
.faq_wrap .faq_q_inner .attach_file{margin:15px 0 0;}
.faq_wrap .add_answer{margin:20px 0 0; overflow:hidden;}
.faq_wrap .add_answer .in_btns{margin:0 -10px 12px 0; text-align:right;}
.faq_wrap .reply_box{padding:16px 0 0; border-top:1px dashed #ddd;}
.faq_wrap .reply_form{}
.faq_wrap .reply_form dt{margin:0 0 12px; font-weight:bold; color:#333;}
.faq_wrap .reply_form dd{padding:0 96px 0 0; border:1px solid #dedede; background:#fff; position:relative;}
.faq_wrap .reply_form dd textarea{width:100%; height:60px; padding:8px; border:0; outline:none;}
.faq_wrap .reply_form dd button{width:96px; position:absolute; right:-1px; top:-1px; bottom:-1px; border:1px solid #252525;}
.faq_wrap .reply_form dd button span{height:100%; display:block; border:1px solid #5a5a5a; background:#4a4a4a; text-align:center; font-size:16px; line-height:57px; font-weight:bold; color:#fff;}

.faq_wrap.ver2{margin:0 0 10px; border-top:1px solid #333;}
.faq_wrap.ver2 .faq_f .arrow{margin:-18px 0 0; font-size:22px;}
.faq_wrap.ver2 .faq_f{padding:14px 9px; border-bottom:1px solid #ccc; cursor:pointer; position:relative;}
.faq_wrap.ver2 .sbj{font-weight:bold; color:#666;}
.faq_wrap.ver2 .sbj .icon_label{vertical-align:1px;}
.faq_wrap.ver2 .sbj span + span{margin:0 0 0 3px;}
.faq_wrap.ver2 .sbj em{color:#111;}
.faq_wrap.ver2 .faq_q{background:#fcfcfc;}
.faq_wrap.ver2 .faq_q_inner{padding:16px 20px; line-height:25px; position:relative;}
.faq_wrap.ver2 .displayTable > em,
.faq_wrap.ver2 .displayTable > div{display:table-cell; vertical-align:top; word-break:break-all;}
.faq_wrap.ver2 .displayTable > em{width:20px; font-weight:bold; color:#000;}
.faq_wrap.ver2 .displayTable > em.point_c{color:#eb5353;}
.faq_wrap.ver2 .displayTable > em.reply{width:28px;}
.faq_wrap.ver2 .displayTable > em.reply:before{content:''; width:16px; height:15px; display:inline-block; background:url('../images/icon/icon_reply.png') no-repeat;}
.faq_wrap.ver2.notice .faq_q_inner .attach_file{margin:15px 0 0;}

.attach_file{}
.attach_file a{padding:6px 10px; display:block; border:1px solid #e6e6e5; background:#fff; font-size:13px; color:#646464;}
.attach_file a:before{content:''; width:14px; height:14px; margin:0 7px 0 0; display:inline-block; vertical-align:middle; background:url('../images/icon/icon_file.png') no-repeat;}
.attach_file a + a{margin:1px 0 0;}

.review_wrap{}
.review_wrap .review_head{padding:0 0 13px;}
.review_wrap .review_head .desc{float:left; color:#333;}
.review_wrap .review_head .sort_tab{float:right;}
.review_list{border-top:1px solid #ddd;}
.review_list li{padding:13px 19px; border-bottom:1px solid #ddd;}
.review_list .info > div{margin:0 0 0 -15px; float:left; font-size:0;}
.review_list .info > div + div{float:right; margin:0 -15px 0 0;}
.review_list .info span{padding:0 15px; font-size:13px; position:relative;}
.review_list .info span + span:before{content:''; width:1px; height:13px; margin:-7px 0 0; background:#ddd; position:absolute; left:0; top:50%;}
.review_list .info .like{}
.review_list .info .like:before{content:''; width:15px; height:15px; margin:0 5px 0 0; display:inline-block; vertical-align:-3px; background:url('../images/icon/icon_like.png') no-repeat;}
.review_list .info .like.active:before{background-position:0 -15px;}
.review_list .info .like.active{color:#ff5757;}

.review_list .cont{padding:12px 0; font-size:15px; line-height:20px; color:#666; word-break:break-all;}
.review_list .cont a{}
.review_list .more{text-align:right; color:#666;}
.review_list .more a span{width:11px; height:11px; margin:0 3px 0 0; vertical-align:-1px; display:inline-block; position:relative;}
.review_list .more a span:before,
.review_list .more a span:after{content:''; position:absolute; background:#666;}
.review_list .more a span:before{width:100%; height:1px; left:0; top:5px;}
.review_list .more a span:after{width:1px; height:100%; left:5px; top:0;}

.event_list{border-top:1px solid #ddd;}
.event_list li{padding:20px; border-bottom:1px solid #ddd;}
.event_list .wrap > div{display:table-cell; text-align:left; vertical-align:top;}
.event_list .imgBox{width:350px;}
.event_list .imgBox img{max-width:100%; width:100%;}
.event_list .cont{padding:0 18px 35px; font-size:15px; position:relative;}
.event_list .cont .sbj{margin-bottom:3px; font-weight:bold; color:#333;}
.event_list .cont .summary{color:#666;}
.event_list .cont .date{font-size:13px; color:#999;}
.event_list .cont .more{font-size:14px; color:#666; position:absolute; left:18px; bottom:0;}
.event_list .cont .more a span{width:11px; height:11px; margin:0 5px 0 0; vertical-align:-1px; display:inline-block; position:relative;}
.event_list .cont .more a span:before,
.event_list .cont .more a span:after{content:''; position:absolute; background:#666;}
.event_list .cont .more a span:before{width:100%; height:1px; left:0; top:5px;}
.event_list .cont .more a span:after{width:1px; height:100%; left:5px; top:0;}

.event_detail_wrap{}
.event_detail_wrap .head{margin:0 0 25px;}
.event_detail_wrap .head > div{display:table-cell;}
.event_detail_wrap .head .info{padding:0 40px 0 0; vertical-align:top;}
.event_detail_wrap .head .info h2{margin:0 0 10px; font-size:25px; line-height:35px; color:#222;}
.event_detail_wrap .head .info p{font-size:15px; color:#666;}
.event_detail_wrap .head .info p em{margin:0 0 0 5px; color:#222;}
.event_detail_wrap .head .dday{width:93px; vertical-align:middle;}
.event_detail_wrap .head .dday .box{width:93px; height:93px; text-align:center; font-size:25px; line-height:91px; color:#fff; background:#333; border-radius:50%;}
.event_detail_wrap .body{padding:30px 0; border-top:1px solid #666; border-bottom:1px solid #d3d3d3;}
.event_detail_wrap .body img{max-width:100%;}
.event_detail_wrap .foot{padding:25px 0;}
.event_detail_wrap .foot .section + .section{margin:50px 0 0;}

.present_wrap{}
.present_wrap h3{margin:0 0 7px; font-size:15px; color:#333;}
.present_wrap .td{vertical-align:top;}
.present_wrap .itemList{padding:20px 17px; border-top:1px solid #333;}
.present_wrap .itemList .thumb{position:relative; width:125px;}
.present_wrap .itemList .thumb .thumbBox{width:100%; height:86px;}
.present_wrap .itemList .info{padding:0 17px; vertical-align:middle;}
.present_wrap .itemList .info .opt{font-size:13px; font-weight:bold; color:#666;}
.present_wrap .itemList .info .sbj{margin:0 0 10px;}
.present_wrap .itemList .info .summary{font-size:13px; color:#999;}
.present_wrap .itemList .info .summary span{color:#333;}
.present_message_box{margin:25px 0 0;}
.present_message_box textarea{width:100%; padding:10px 15px;}
.present_message_box .agree_check{margin:15px 0 0; font-size:14px; color:#333;}
.present_message_box .agree_check em{color:#ff5757; text-decoration:underline;}

.present_wrap .present_gold{width:300px; padding:0 0 0 35px;}
.present_wrap .present_gold.ver2{width:270px;}
.present_wrap .present_gold .part{padding:11px 19px 10px;}
.present_wrap .present_gold .part + .part{border-top:1px solid #ddd;}
.present_wrap .present_gold h3{margin:0 0 10px;}
.present_wrap .present_gold select{margin:0 0 10px;}

.sort_tab{font-size:0;}
.sort_tab a{padding:0 0 0 9px; margin:0 0 0 9px; display:inline-block; font-size:14px; color:#666; position:relative;}
.sort_tab a + a:before{content:''; width:1px; height:15px; margin:-8px 0 0; background:#ddd; position:absolute; left:0; top:50%;}

.title_ver_line{font-size:16px; line-height:28px; color:#222; position:relative;}
.title_ver_line:before{content:''; width:100%; height:1px; background:#999; position:absolute; left:0; top:50%;}
.title_ver_line span{padding:0 20px 0 0; display:inline-block; position:relative; background:#fbfbfb;}
.title_ver_line em{font-weight:bold;}

.func_tools{margin:20px 0 0; table-layout:auto;}
.func_tools > div{display:table-cell; vertical-align:middle;}
.func_tools .left{text-align:left;}
.func_tools .right{text-align:right;}
.func_tools .right button,
.func_tools .right a{margin-left:5px;}
.func_tools .right > em{margin-right:10px;}

/* join */
.join_intro{padding:100px 0; margin:-40px 0 -90px;}
.join_intro .join_intro_cont{width:562px; margin:0 auto; padding:70px 103px; position:relative;}
.join_intro .join_intro_cont > div{padding:45px 0; text-align:center;}
.join_intro .join_intro_cont > div + div{border-top:1px dashed #ddd;}
.join_intro .join_intro_cont > div p{letter-spacing:-.5px;}
.join_intro .join_standard{}
.join_intro .join_standard.ver_author{padding:70px 0;}
.join_intro .join_standard h2{}
.join_intro .join_standard p{margin:17px 0 0; line-height:22px; color:#666;}
.join_intro .join_standard .btn_typeA{width:100%; margin:23px 0 0;}
.join_intro .join_standard .btn_typeA span{height:auto; padding:9px 0; font-size:15px; line-height:1.5;}
.join_intro .join_standard .btn_typeA span em{font-size:12px; opacity:.7; filter:alpha(opacity=70);}
.join_intro .join_standard .btns{margin:30px 0 0; padding:20px 0 0; border-top:1px solid #b7b7b7; overflow:hidden;}
.join_intro .join_standard .btns .btn_typeA{width:47%; margin:0; float:left;}
.join_intro .join_standard .btns .btn_typeA + .btn_typeA{margin-left:6%;}
.join_intro .join_standard .btns .btn_typeA span{height:56px; padding:0; line-height:54px;}

.join_intro .join_intro_cont.login_cont{padding:25px 103px 145px; position:relative;}
.join_intro .login_cont .login_banner{padding:0; position:absolute; left:0; bottom:0; border:0;}
.join_intro .login_cont .login_banner img { width: 560px; height: 140px;}

.login_form{margin:25px 0 0;}
.login_form .field{height:38px; margin:0 0 10px; text-align:left; position:relative; overflow:hidden; border:1px solid #ddd;}
.login_form .field label{width:100%; height:100%; padding:0 15px; color:#999; line-height:38px; position:absolute; left:0; top:0; background:#efeeee; letter-spacing:5px;
	-ms-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.login_form .field input[type="text"],
.login_form .field input[type="password"]{width:70%; height:100%; position:absolute; left:-100%; top:0; border:none;}
.login_form .field.on{}
.login_form .field.on input[type="text"],
.login_form .field.on input[type="password"]{left:0%;}
.login_form .field.on label{width:30%; left:70%; letter-spacing:0; text-align:center; background:#666; color:#fff;}

.login_form .others{font-size:13px; color:#666;}
.login_form .others .id_pass_save{float:left;}
.login_form .others .nav_link{float:right;}
.login_form .others .nav_link a + a{padding:0 0 0 8px; margin:0 0 0 4px; position:relative;}
.login_form .others .nav_link a + a:before{content:''; width:1px; height:12px; margin:-6px 0 0; background:#e9e9e9; position:absolute; left:0; top:50%;}

.join_intro .login_sns{}
.join_intro .login_sns h2{font-size:20px; font-weight:normal; color:#000;}
.join_intro .login_sns p{margin:7px 0 0; color:#666;}

.login_sns_items{margin:25px 0 0; overflow:hidden;}
.login_sns_items .inner{margin:0 -40px;}
.login_sns_items ul{border-spacing:40px 0; border-collapse:separate;}
.login_sns_items li{display:table-cell; vertical-align:top;}
.login_sns_items li a,
.login_sns_items li .icon{width:100%; display:block; overflow:hidden;}
.login_sns_items li .icon{padding:0 0 100%; margin:0 0 15px; position:relative;}
.login_sns_items li .icon img{width:100%; height:200%; position:absolute; left:0; top:0;}
.login_sns_items li em{font-size:15px; color:#666;
	-ms-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.login_sns_items a:hover em{letter-spacing:4px;}

.term_wrap{}
.term_box{margin:0 0 35px;}
.term_wrap .term_box + .term_box{padding:10px 0 0;}
.term_box .area{height:330px; padding:16px 18px; border:1px solid #e6e6e5; border-top-color:#333; font-size:13px; line-height:25px; color:#9a9a9a; overflow-x:hidden; overflow-y:auto;}
.term_box .area > div{margin-bottom:30px;}
.term_box .area h3{margin:0 0 15px; font-size:15px; font-weight:bold; color:#333;}
.term_box .area strong{margin:5px 0 2px; display:block; font-weight:bold; color:#555;}
.term_box table{margin:5px 0 15px;}
.term_box th,
.term_box td{padding:6px 0; text-align:center; font-size:13px; color:#666; border:1px solid #ddd;}
.term_box th{color:#333; background:#fafafa; border-bottom:none;}
.term_box td{}
.term_box .agreement{margin:17px 0 0;}
.term_box .agreement label{font-size:14px; color:#333;}
.term_box .agreement label + label{margin-left:15px;}

.join_complete{padding:20px 200px;}
.join_complete .btn_wrap{padding:60px 0 30px;}
.complete_message{padding:60px 0 60px 200px; border-bottom:1px solid #b7b7b7;}
.complete_message .icon,
.complete_message .cont{vertical-align:middle;}
.complete_message .icon{width:172px; padding:32px 0; text-align:right;}
.complete_message .cont{padding:20px 10px; text-align:center;}
.complete_message .cont p{font-size:25px; color:#333;}
.complete_message .cont p,
.complete_message .cont .desc{letter-spacing:-.5px;}
.complete_message .cont .mail{margin:10px 15px 0; padding:10px; font-size:18px; color:#ff5757;}
.complete_message .cont .desc{margin:14px 0 0; display:block; font-size:13px; color:#666;}
.complete_message + .added_info{margin:20px 0 50px;}
.added_info .border_box{padding:35px; text-align:center; font-size:18px;}
.added_info .border_box p{margin:0 0 13px;}
.added_info .border_box .point_c{color:#ff5757}
.added_info .list_type_dot{margin:15px 0 0;}

/* my page */
.mypage_wrap{margin:-25px 0 0;}
.mypage_wrap .head{margin:0 0 35px; border:1px solid #ddd;}
.mypage_wrap .head .my_level{width:420px; padding:18px 8px 22px; background:#ff5757;}
.mypage_wrap .head .my_level .td{vertical-align:top;}
.mypage_wrap .head .my_level .icon_level{width:125px; color:#fff;}
.mypage_wrap .head .my_level .info_level{padding:4px 0 0; color:#fff;}
.mypage_wrap .head .my_level .info_level .guide{font-size:15px;}
.mypage_wrap .head .my_level .info_level p{margin:8px 0 0; color:#ffe0e0;}
.mypage_wrap .head .my_level .info_level .btn_typeB{margin-top:10px;}

.mypage_wrap .head .my_possession{padding:15px 0; vertical-align:middle;}
.mypage_wrap .head .my_possession li{padding:15px 0 10px; display:table-cell; font-size:15px;}
.mypage_wrap .head .my_possession li + li{border-left:1px dashed #999;}
.mypage_wrap .head .my_possession li .icon,
.mypage_wrap .head .my_possession li em,
.mypage_wrap .head .my_possession li strong{width:100%; display:inline-block; text-align:center;}
.mypage_wrap .head .my_possession li em{margin:12px 0 0; font-weight:bold; color:#333;}
.mypage_wrap .head .my_possession li strong{margin:5px 0 0; font-weight:normal; color:#ff5757;}

.mypage_wrap .tab_category + .sheet_list_wrap{margin-top:-15px;}

.gold_charge_wrap{margin:0 0 50px;}
.gold_charge_wrap .s_title{margin:0 0 8px;}

.coupon_registration{padding:30px; margin:0 0 30px; text-align:center;}
.coupon_registration input[type="text"]{width:148px; height:40px; border:1px solid #ccc;}
.coupon_registration .space{width:18px; height:40px; display:inline-block; text-align:center; position:relative; vertical-align:middle;}
.coupon_registration .space:before{content:''; width:10px; height:1px; margin:0 0 0 -5px; background:#ccc; position:absolute; left:50%; top:50%;}
.coupon_registration .btn_typeA{margin-left:15px;}

.pass_over_wrap{padding:25px 0; overflow:hidden;}
.pass_list{padding:1px 0 0; margin:0 -1px; font-size:0;}
.pass_list .pass_over_tabcont{width:50%; margin:-1px 0 0 0; display:inline-block; vertical-align:top; border-right:1px solid #ddd;}
.pass_list .sheet_write tr:first-child th,
.pass_list .sheet_write tr:first-child td{border-top:1px solid #ddd;}
.pass_list .btns{margin:0 -3%; text-align:center; font-size:0;}
.pass_list .btns a,
.pass_list .btns button{width:44%; margin:0 3%;}
.pass_list .btns a span,
.pass_list .btns button span{width:100%; padding:0; height:30px; font-size:13px; line-height:28px; font-weight:bold;}

.layer_pass_list{height:437px; border-top:1px solid #333; border-bottom:1px solid #ddd; overflow-x:hidden; overflow-y:auto;}
.layer_pass_list li{height:145px; padding:15px 0 14px;}
.layer_pass_list li + li{border-top:1px solid #ddd;}
.layer_pass_list .pass_icon{width:210px;}
.layer_pass_list .pass_info{padding:0 10px 0 15px; vertical-align:middle; font-size:13px; color:#666;}
.layer_pass_list .pass_info em{margin-bottom:5px; display:block; font-size:14px; font-weight:bold; color:#333;}

.buying_list_wrap{height:260px; border-top:1px solid #333; border-bottom:1px solid #ddd; overflow-x:hidden; overflow-y:auto;}
.buying_list_wrap ul{}
.buying_list_wrap ul li{padding:10px 15px;}
.buying_list_wrap ul li + li{border-top:1px solid #ddd;}
.buying_list_wrap .work_title{font-size:15px; font-weight:bold; color:#333;}
.buying_list_wrap .work_subject{font-size:13px; color:#666;}

.pass_item{display:inline-block; text-align:center; position:relative; overflow:hidden;}
.pass_item:before,
.pass_item:after{content:''; width:16px; height:16px; margin:-8px 0 0; background:#fff; position:absolute; top:50%; border:1px solid #ddd; border-radius:50%; z-index:1}
.pass_item:before{left:-8px;}
.pass_item:after{right:-8px;}
.pass_item .box{width:210px; height:110px; border:1px solid #ddd; position:relative;}
.pass_item .box:after{content:''; height:4px; margin:-1px 0 0; position:absolute; left:12px; top:50%; right:12px; background:url('../images/icon/icon_pass_round.png') repeat-x;}
.pass_item .box > div{height:55px;}
.pass_item .pass_type{background:#951422; font-size:15px; color:#fff;}
.pass_item .pass_type span{min-width:120px; margin:10px 0 0; padding:5px 3px; display:inline-block; position:relative;}
.pass_item .pass_type span:before,
.pass_item .pass_type span:after{content:''; width:100%; height:1px; background:#fff; opacity:.7; filter:alpha(opacity=70); position:absolute; left:0;}
.pass_item .pass_type span:before{top:0;}
.pass_item .pass_type span:after{bottom:0;}
.pass_item .pass_name{padding:0 10px; font-size:20px; line-height:53px; font-weight:bold; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;-o-text-overflow:ellipsis;}

.myprofile_tab_cont .section{}
.myprofile_tab_cont .section + .section{margin:25px 0 0;}

.myprofile_tab_cont,
.myorder_tab_cont,
.mystudy_tab_cont{display:none;}
#myprofile_tab_cont01,
#myorder_tab_cont01,
#mystudy_tab_cont01{display:block;}
.mystudy_tab_cont{position:relative;}

.password_confirm_box{padding:65px 25%;}
.password_confirm_box .summary{}
.password_confirm_box .summary .icon{width:110px; background:url('../images/icon/icon_pass.png') 0 50% no-repeat}
.password_confirm_box .summary .cont{padding:25px 20px; vertical-align:middle; font-size:15px; line-height:24px; color:#666;}
.password_confirm_box .summary .cont em{margin:0 0 8px; display:block; font-size:20px; line-height:28px; color:#333;}
.password_confirm_box .form{padding:30px 0 0; border-top:1px solid #eee;}
.password_confirm_box .ver2 + .form{margin:17px 0 0;}
.password_confirm_box .form div + div{margin:20px 0 0;}
.password_confirm_box .form input[type="text"],
.password_confirm_box .form input[type="password"]{width:100%;}
.password_confirm_box .form > div{padding:0 90px;}
.password_confirm_box .form .solo_field{padding:0 140px 0 0; position:relative;}
.password_confirm_box .form .solo_field .btn_typeA{position:absolute; right:0; top:0;}
.password_confirm_box .form .solo_field input[type="text"],
.password_confirm_box .form .solo_field input[type="password"]{height:40px;}
.password_confirm_box .form .solo_field .btn_typeA span{width:130px; padding:0;}

#myprofile_tab_cont01 .password_confirm_box{margin:0 0 30px;}

.member_out_wrap{}
.member_out_wrap .section + .section{margin:25px 0 0;}
.member_out_guide{padding:15px 20px 40px; line-height:25px;}
.member_out_guide em{color:#ff0000;}
.member_out_guide .sheet_write{}
.member_out_guide .sheet_write tr:first-child th,
.member_out_guide .sheet_write tr:first-child td{border-top:1px solid #ddd;}
.member_out_reason{padding:23px 20px; font-size:0;}
.member_out_reason span{width:25%; padding:12px 0; display:inline-block; font-size:15px; color:#666;}
.member_out_reason span.others{width:75%;}
.member_out_reason span.others input[type="text"]{margin:0 0 0 10px;}

.gold_type_choice{font-size:15px;}
.gold_type_choice .gold_type,
.gold_type_choice .gold_price{}
.gold_type_choice .gold_type{color:#666;}
.gold_type_choice .gold_price{width:90px; text-align:right; font-weight:bold; color:#333;}

.message_wrap{}
.message_wrap .message_head{padding:14px 22px; font-size:15px; color:#333; border-top:2px solid #333;}
.message_wrap .message_body{height:520px; padding:20px 0 30px; margin:0 0 25px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#fbfbfb; overflow-x:hidden; overflow-y:auto;}
.message_wrap .message_body .from,
.message_wrap .message_body .to{width:100%; margin:10px 0 0; display:inline-block; vertical-align:top;}
.message_wrap .message_body .from{text-align:left; padding:0 30px;}
.message_wrap .message_body .to{text-align:right; padding:0 50px 0 30px;}
.message_wrap .message_body .nickname,
.message_wrap .message_body .bubble_wrap{display:inline-block; vertical-align:top;}
.message_wrap .message_body .bubble{max-width:400px;}
.message_wrap .message_body .nickname{font-weight:bold;}
.message_wrap .message_body .from .bubble{margin:4px 0 0 34px; background:#fff8f8; border-radius:0 8px 8px;}
.message_wrap .message_body .from .bubble:after{left:-17px; background:url('../images/icon/icon_bubble_side.png') no-repeat;}
.message_wrap .message_body .to .bubble{text-align:left; background:#fff; border-radius:8px 0 8px 8px;}
.message_wrap .message_body .to .bubble:after{right:-17px; background:url('../images/icon/icon_bubble_side02.png') no-repeat;}
.message_wrap .message_body .info{overflow:hidden;}
.message_wrap .message_body .from .info{padding:7px 0 0 36px;}
.message_wrap .message_body .to .info{padding:7px 0 0 3px;}
.message_wrap .message_body .info .report,
.message_wrap .message_body .info .date{font-size:13px; color:#999;}
.message_wrap .message_body .info .report{float:left;}
.message_wrap .message_body .info .date{float:right;}
.message_wrap .message_foot{margin:0 0 20px;}
.message_wrap .write_box{height:120px; padding:18px 148px 18px 18px; border:1px solid #ccc; position:relative;}
.message_wrap .write_box textarea{width:100%; height:100%; border:none; outline:none;}
.message_wrap .write_box .btn_typeA{position:absolute; right:18px; top:18px; bottom:18px;}
.message_wrap .write_box .btn_typeA span{width:110px; height:100%; padding:0; line-height:80px;}
.message_wrap .write_box .byte_box{position:absolute; right:0; top:-30px; font-size:13px; color:#999;}

.bubble{min-width:160px; padding:15px 17px; display:inline-block; line-height:20px; border:1px solid #ddd; border-radius:8px; position:relative;}
.bubble:after{content:''; width:17px; height:11px; position:absolute; top:-1px}

/* author */
.author_profile{padding:0;}
.author_profile .td{padding:30px; text-align:center; vertical-align:top;}
.author_profile .td.info{padding-left:0; text-align:left;}
.author_profile .photo{width:180px;}
.author_profile .photo_box{width:100%; height:120px; border-radius:50%; overflow:hidden; background:#d0d0d0 url('../images/icon/icon_photo.png') 50% 50% no-repeat;}
.author_profile .info{}
.author_profile .info .names{margin:0 0 5px;}
.author_profile .info .names strong{font-size:25px; font-weight:bold; color:#222;}
.author_profile .info .names span{margin:0 0 0 10px; font-size:15px; color:#999;}
.author_profile .info .names span em{margin:0 0 0 4px; padding:0 0 0 8px; position:relative;}
.author_profile .info .names span em:before{content:''; width:1px; height:11px; margin:-5px 0 0; background:#e1dcda; position:absolute; left:0; top:50%;}
.author_profile .info .summary{font-size:15px; line-height:25px; color:#999;}
.author_profile .btn{width:160px;}

.author_info{margin:26px 0 0;}
.author_regi_form{padding:100px 0; text-align:center;}
.author_regi_form .btn_type{width:320px; height:180px; padding:105px 0 0; margin:70px 58px 0; display:inline-block; position:relative; border:1px solid #ddd; background:#fff; font-size:18px; font-weight:bold; color:#333;}
.author_regi_form .btn_type .icon{margin:0 0 0 -70px; position:absolute; left:50%; top:-71px;}
.author_regi_form .add_file_box{width:380px; margin:0 auto;}
.author_regi_form .add_file_box > div{vertical-align:middle;}
.author_regi_form .add_file_box .icon{width:158px;}
.author_regi_form .add_file_box .cont{padding:0 0 0 30px;}
.author_regi_form .add_file_box .desc{font-size:25px; color:#333;}
.author_regi_form .add_file_box .desc p{font-size:13px; color:#666;}
.author_regi_form .add_file_box .btn{margin:15px 0 0; padding:17px 0 0; border-top:1px solid #a8a8aa;}
.author_regi_form .add_file_box .btn .btn_typeA span{height:50px; padding:0 42px; line-height:48px; font-size:18px;}

.author_contents_write_wrap{}
.author_contents_write_wrap .contents_name{font-size:25px; line-height:35px; color:#222;}

.csv_upload_type{display:none;}

.pen_name{position:relative;}
.contextmenu{width:86px; padding:5px 10px; text-align:center; position:absolute; border:1px solid #d0d0d0; background:#fff7f7; font-size:13px; font-weight:bold; color:#999; opacity:0; filter:alpha(opacity=0); z-index:2;
	-ms-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;

	-ms-transform: scale(0);
	-webkit-transform: scale(0);
	transform: scale(0);
}
.contextmenu.show{opacity:1; filter:alpha(opacity=100);
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
}
.contextmenu a{padding:3px 0; display:block; color:#333;}
.contextmenu a:hover{color:#ff5757;}

/* author add */
#image_sel{height:200px;}

.text-muted{color:#8d9ea7;}

.sh_area{position:relative;min-height:215px;padding:25px 150px 0 5px;border:1px solid #e4e7ea;}
.sh_area .btn.add{position:absolute;right:-1px;top:-1px;bottom:-1px;width:150px;}
.sh_area .btn.add > span{height:100%;line-height:215px;}

.img_sh{margin:-5px 0 0 -15px;}
.img_sh label{display:inline-block;position:relative;width:132px;margin:5px 0 0 15px;border:1px solid #e4e7ea;}
.img_sh label input[type="radio"]{position:absolute;left:0;bottom:0;width:100%;height:100%;opacity:0;cursor:pointer;}
.img_sh label:hover > div,
.img_sh label input[type="radio"]:checked + div{display:block;}
.img_sh label > div{display:none;position:absolute;left:0;top:-20px;right:0;bottom:0;margin:-3px;padding:3px;background:#ff5757;color:#fff;font-weight:bold;}
.img_sh label > div button{position:absolute;right:0;top:0;height:22px;padding:3px 5px;border:0;background:none;color:#fff;}
.img_sh label > span{display:block;position:relative;padding:0 0 138.5%;}
.img_sh label > span > span{position:absolute;left:0;top:0;right:0;bottom:0;text-align:center;}
.img_sh label > span > span:before{content:'';display:inline-block;vertical-align:middle;;width:0;height:100%;}
.img_sh label > span > span img{max-width:100%;max-height:100%;vertical-align:middle;}

.lisg_kn{max-width:500px;margin:-5px 0 0 -10px;}
.lisg_kn > div{display:inline-block;margin:5px 0 0 10px;}

.dtable_txt{margin:0 0 10px;}
.dtable_desc{margin:10px 0 0;}

.form_wrap{display:inline-block;vertical-align:middle;position:relative;}
.form_wrap > div{margin:-5px 0 0 -10px;}
.form_wrap > div > *{display:inline-block;margin:5px 0 0 10px;}
.form_wrap label{margin-bottom:0;font-weight:normal;}
.form_wrap input{vertical-align:-2px;}

.form-control{display:block;width:100%;}
.form-control.inline,
.form-control.list-inline-item{display:inline-block;vertical-align:middle;width:auto;}

.list-inline-item{display:inline-block;vertical-align:middle;}

.line_wrap{margin:10px 0 0;padding:10px 0 0;border-top:1px solid #e4e7ea;}

.group-form{margin:0 -2px;}
.group-form > div{display:table;border-collapse:separate;border-spacing:2px 0;}
.group-form > div > *{display:table-cell;vertical-align:top;line-height:40px;}
.group-form > div > * > *{width:100%;vertical-align:top;}
.group-form .form-control.inline,
.group-form .form-control.list-inline-item{width:100%;}

.m-auto{margin:0 auto;}

.tags-default{margin:0 0 0 -10px; font-size:0;}
.tags-default .icon_css_tags{height:25px; margin:10px 0 0 10px; padding:0 36px 0 11px; display:inline-block; font-size:13px; line-height:24px; color:#444; background:#f0f0f0; border-radius:12px; position:relative; overflow:hidden;}
.tags-default .icon_css_tags > button{width:20px; height:20px; margin:-10px 0 0; position:absolute; right:7px; top:50%; background:url('../images/icon/icon_del.png') 50% 50% no-repeat;}

.m-t-5{margin-top:5px;}
.m-b-5{margin-bottom:5px;}

.form-control[disabled],
fieldset[disabled] .form-control,
input[disabled]{cursor:not-allowed;background:#fafafa;}

.dropdown-menu{display:none;}
.input-daterange-datepicker{width:200px;}
.input-group.date .input-group-addon{display:none;}

.daterangepicker .prev,
.daterangepicker .next{font-family:'honeycon';}
.daterangepicker .prev:before{content: '\f104';}
.daterangepicker .next:before{content: '\f105';}
.daterangepicker .input-mini{padding-left:6px;}
.range_inputs{}
.range_inputs button{height:30px;padding:0 10px;color:#fff;}
.range_inputs .btn-danger{background:#ff5757;}
.range_inputs .btn-inverse{background:#333;}

.required{color:#f00;}

.sheet_info .s_title02{margin-bottom:0;}

#pop{}
#pop .layer_wrap{display:block;position:static;width:auto;margin-left:0;
	-ms-transform:scale(1);
	-webkit-transform:scale(1);
	transform:scale(1);
}

.bubble_wrap{position:relative;}
.bubble_layer{display:none;position:absolute;left:0;top:100%;right:-50px;z-index:2;margin:15px 0 0;border:1px solid #ddd;box-shadow:1px 1px 3px rgba(0,0,0,.3);}
.bubble_layer:before{content:'';position:absolute;left:20px;top:-10px;width:20px;height:20px;border:1px solid #ddd;background:#fff;transform:rotate(45deg);}
.bubble_layer .inner{position:relative;background:#fff;}
.bubble_layer .header{padding:10px;border-bottom:1px solid #b7b7b7;font-weight:bold;font-size:15px;color:#333;}
.bubble_layer .body{padding:15px 5px 15px 10px;}
.bubble_layer .cont{height:200px;}
.bubble_layer .footer{border-top:1px solid #b7b7b7;}

.tab-content > .tab-pane{display:none;}
.tab-content > .active{display:block;}

.nav-pills{}
.nav-pills:after{content:'';display:block;clear:both;}
.nav-pills li{float:left;}
.nav-pills a{display:block;padding:5px 10px;border-radius:5px;}
.nav-pills a.active{background:#fe7676;color:#fff;}

.text-center{text-align:center !important;}
.text-right{text-align:right !important;}
.align-top{vertical-align:top;}

.kw_select_wrap.active .scroll_box{height:auto;}

.image_area{overflow:hidden;height:0;}
.image_area.active{overflow:visible;height:auto;}

.img_custom{display:inline-block;position:relative;width:130px;text-align:center;}
.img_custom:before{}
.img_custom img{max-width:100%;max-height:100%;}
.img_custom .po{position:absolute;left:0;top:0;right:0;margin:-3px -3px 0;padding:0 0 60%;border:3px solid #ff5757;cursor:move;}
.img_custom .po > span{position:absolute;left:100%;top:-3px;bottom:-3px;width:20px;word-break:break-all;background:#ff5757;color:#fff;text-align:center;}
.img_custom .po > span:before{content:'';display:inline-block;vertical-align:middle;width:0;height:100%;}
.img_custom .po > span em{display:inline-block;vertical-align:middle;font-style:normal;font-size:12px;}

.crop_view{overflow:hidden;position:relative;width:130px;height:78px;}
.crop_view img{position:absolute;left:0;top:0;width:100%;}

.photo_list{}
.photo_list ul{font-size:0;list-style:none;margin:-5px 0 0 -5px;padding:0;}
.photo_list li{display:inline-block;vertical-align:top;width:25%;padding:5px 0 0 5px;}
.photo_list li > span{cursor:pointer;}
.photo_list img{max-width:100%;}

.box-title{margin:0 0 10px;font-weight:bold;color:#2b2b2b;}

.table{}
.table.ver{border-bottom:1px solid #e4e7ea;}
.table.ver th,
.table.ver td{padding:10px 0;border-top:1px solid #e4e7ea;}

.table.layout{table-layout:auto;width:auto;margin-bottom:0;border:0;}
.table.layout th,
.table.layout td{padding:3px 10px 3px 0 !important;border:0 !important;text-align:left;background:none;}
.table.layout th{white-space:nowrap;width:1px !important;}

.table-fixed{table-layout:fixed !important;}

.list-icons{}
.list-icons li{position:relative;padding:0 0 0 10px;}
.list-icons li:before{content:'-';position:absolute;left:0;top:0;}

.list_media{overflow:hidden;position:relative;}
.list_media > div{margin:-20px 0 0 -20px;}
.list_media ul{display:table;width:100%;margin:0;padding:0;font-size:0;list-style:none;}
.list_media li{display:inline-block;vertical-align:top;width:25%;font-size:13px;color:#999;}
.list_media .wrap{margin:20px 0 0 20px;}
.list_media .thumb{position:relative; border:1px solid #ddd;}
.list_media .img{position:relative;padding:0 0 60%;text-align:center;}
.list_media .img > span{position:absolute;left:0;top:0;right:0;bottom:0;}
.list_media .img > span:before{content:'';display:inline-block;vertical-align:middle;width:0;height:100%;}
.list_media .img img{max-width:100%;max-height:100%;}
.list_media .infor{padding:5px 10px;border-top:1px solid #ddd;font-size:14px;color:#333;}
.list_media .sbj{margin:0 10px;padding:5px;border-top:1px solid #eee;font-size:14px;}

.parts + .parts{margin:40px 0 0;}

#send_wrap{padding:0;}
#send_wrap dl{position:relative;background:#fbfbfb;}
#send_wrap dt{position:absolute;left:0;top:0;bottom:0;width:164px;border-right:1px solid #ddd;color:#333;}
#send_wrap dt:before{content:'';display:inline-block;vertical-align:middle;width:0;height:100%;}
#send_wrap dt > span{display:inline-block;vertical-align:middle;}
#send_wrap dd{margin:0 0 0 164px;}
#send_wrap dd table{}
#send_wrap dd .body{overflow-y:scroll;height:220px;padding:8px 0 8px 20px;}
#send_wrap dd th{border-top:0;background:none;}
#send_wrap dd td{padding:6px 0;border-bottom:0;color:#c2c2c2;}
#send_wrap dd td.title{text-align:left;}
#send_wrap dd td.title > span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;}
#send_wrap dd td button{color:inherit;}
#send_wrap dd .comp td{color:#666;}
#send_wrap dd .comp button{text-decoration:underline;}

.btn_toggle > span:before{content:'펼치기';}
.btn_toggle.active > span:before{content:'접기';}
.btn_toggle.active .icon_toggle{border-top:0;border-bottom:4px solid #a1a1a1;}
.icon_toggle{display:inline-block;vertical-align:2px;border:3.5px solid transparent;border-bottom:0;border-top:4px solid #a1a1a1;}

.btn-link{text-decoration:underline;color:#0275d8;}

#coming_soon{overflow:hidden;height:854px;margin:-40px 0 -90px;text-align:center;background:url('../images/bg_coming.png') no-repeat 50% 0;color:#fff;font-size:20px;line-height:1.2;}
#coming_soon .txt_top{position:relative;z-index:2;margin:90px 0 0;opacity:0;left:-100px;}
#coming_soon .txt_mid{display:inline-block;position:relative;top:-600px;margin:-120px 0 25px;}
#coming_soon .txt_mid:before{content:'';position:absolute;right:250px;bottom:100%;width:1px;height:9999px;margin:0 0 -70px;background:#fff;}
#coming_soon .txt_btm{position:relative;margin:0 0 40px;padding:0 0 40px;}
#coming_soon .txt_btm:before{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;
	background: -moz-linear-gradient(left,  rgba(255,255,255,0) 20%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 80%);
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 20%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 80%);
	background: linear-gradient(to right,  rgba(255,255,255,0) 20%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 80%);
}

#coming_soon .txt_btm .para{margin:0 0 20px;}
#coming_soon .txt_btm .logo{}

/* event */
.event_items_wrap{}
.event_items_wrap .inner{margin:-20px -10px 0;}
.event_items_wrap .ajax_more_view{margin:30px 0 0;}
.event_items{border-collapse:separate;}
.event_items:after{content:''; display:block; clear:both;}
.event_items li{width:50%; padding:20px 10px 0; float:left;}
.event_items li .wrap{display:block; border:1px solid #ddd; position:relative;}
.event_items .thumb{position:relative; height:190px; overflow:hidden;}
.event_items .thumb img{width:100%;}
.event_items .info{padding:12px 18px;}
.event_items .state{margin:0 0 3px; display:block; font-size:12px; color:#ff0000;}
.event_items .sbj{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:1.4; font-weight:bold; color:#333;}
.event_items .date{padding:6px 18px; border-top:1px solid #ddd; font-size:12px; color:#999;}
.event_items .d_day{position:absolute; left:10px; top:10px;}


/* customer */
.customer_wrap{margin:-40px 0 0;}
.customer_wrap > .head{padding:40px 0; background:#faf4f0;}
/*.customer_wrap .head > .wrapper */
.customer_wrap .nav_wrap,
.customer_wrap .information{display:table-cell;vertical-align:top;}
.customer_wrap .nav_wrap .nav_items{margin:0 0 0 -20px; position:relative; font-size:0;}
.customer_wrap .nav_wrap .nav_items a{width:33.33%; padding:0 20px 20px 0; display:inline-block; vertical-align:top; color:#fff;}
.customer_wrap .nav_wrap .nav_items a:first-child{width:33.33%; padding:0 20px 20px 20px; float:left;}
.customer_wrap .nav_wrap .nav_items a .box{height:111px; padding:15px 18px; position:relative;}
.customer_wrap .nav_wrap .nav_items a:first-child .box{height:242px; overflow:hidden;}
.customer_wrap .nav_wrap .nav_items a.ver1 .box{background-color:#ff5757;}
.customer_wrap .nav_wrap .nav_items a.ver2 .box{background-color:#868686}
.customer_wrap .nav_wrap .nav_items a.ver3 .box{background-color:#f4bf00}
.customer_wrap .nav_wrap .nav_items a.ver4 .box{background-color:#444}
.customer_wrap .nav_wrap .nav_items a.ver5 .box{background-color:#e85c44}
.customer_wrap .nav_wrap .nav_items .box .icon{position:absolute; right:-20px; bottom:0; opacity:.1; filter:alpha(opacity=10);}
.customer_wrap .nav_wrap .nav_items .box h3,
.customer_wrap .nav_wrap .nav_items .box .summary{position:relative;}
.customer_wrap .nav_wrap .nav_items .box h3{margin:0 0 7px; font-size:16px; font-weight:bold;}
.customer_wrap .nav_wrap .nav_items .box .summary{font-size:13px; line-height:18px; opacity:.8; filter:alpha(opacity=80);}
.customer_wrap .nav_wrap .faq_quick_search{margin:0 20px 0 0; padding:20px; background:#fff; border:1px solid #ececec;}
.customer_wrap .nav_wrap .faq_quick_search h3{margin:0 0 7px; font-size:20px; font-weight:bold; color:#444;}
.customer_wrap .nav_wrap .faq_quick_search h3 em{margin:0 0 0 7px; font-size:13px; font-weight:normal; color:#999;}
.customer_wrap .nav_wrap .fqs_box{height:30px; padding:0 35px 0 0; border:1px solid #e6e6e5; position:relative;}
.customer_wrap .nav_wrap .fqs_box .btn_search{width:34px; font-size:0; text-indent:-9999px; position:absolute; top:-1px; bottom:-1px; right:-1px; background:#444 url('../images/icon/icon_search.png') 50% 50% no-repeat;}
.customer_wrap .nav_wrap .fqs_box input[type="text"]{width:100%; height:28px; border:none; outline:none}

.customer_wrap .information{width:450px;}
.customer_wrap .information .outer{height:371px; padding:25px 33px; border:1px solid #ececec; background:#fff;}
.customer_wrap .information h3{font-size:16px; color:#000;}
.customer_wrap .information .info_table{padding:10px 0 20px;}
.customer_wrap .information .info_table th{text-align:left; font-size:13px; font-weight:normal; color:#000;}
.customer_wrap .information .info_table td{padding:3px 0; text-align:right; font-size:15px; color:#666;}
.customer_wrap .information .info_table .tel{font-size:/*28*/23px; font-weight:bold; color:#ff5757;}
.customer_wrap .information .info_table .fax{font-size:28px;}
.customer_wrap .information .info_table .email{font-size:20px; color:#666;}
.customer_wrap .information .desc{padding:20px 0 0; font-size:13px; border-top:1px solid #e2e2e2;}
.customer_wrap .information .desc .business_time{color:#999;}
.customer_wrap .information .desc p{margin:14px 0 0; color:#666;}

.customer_wrap .body{padding:35px 0;}
.customer_wrap .term_box .area{height:800px;}

.faq_list{}

/**/
.icon_level{text-align:center;}
.icon_level .icon,
.icon_level em{display:inline-block; vertical-align:top;}
.icon_level .icon{width:80px; height:88px; background-repeat:no-repeat; font-size:0; text-indent:-9999px;}
.icon_level .icon.platinum{background-image:url('../images/icon/icon_level_platinum.png');}
.icon_level .icon.royal{background-image:url('../images/icon/icon_level.png');}
.icon_level .icon.gold{background-image:url('../images/icon/icon_level_gold.png');}
.icon_level em{width:100%; margin:-2px 0 0; font-weight:bold;}

.icon_attach{width:9px; height:20px; display:inline-block; background:url('../images/icon/icon_attach.png') no-repeat; font-size:0; text-indent:-9999px; vertical-align:middle;}

.round_social{border-radius:50%; overflow:hidden;}
.round_social:before{content:''; border:2px dashed #000; position:absolute; left:0; top:0; right:0; bottom:0; opacity:0; filter:alpha(opacity=0); border-radius:50%;
	-ms-transform: scale(0);
	-webkit-transform: scale(0);
	transform: scale(0);
}
.round_social,
.round_social:before{
	-ms-transition: all 0.4s ease-out;
	-webkit-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}
.round_social.facebook{background:#233581;}
.round_social.facebook:before{border-color:#233581;}
.round_social.blog{background:#2db400;}
.round_social.blog:before{border-color:#2db400;}
.round_social.google{background:#ea4335;}
.round_social.google:before{border-color:#ea4335;}
a:hover .round_social img{margin:-100% 0 0;}

a:hover .round_social{background:#fff;
	-ms-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}
a:hover .round_social:before{opacity:1; filter:alpha(opacity=100);
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
}

/* keyframe */
.honey-spin {
	-moz-animation: spin 2s infinite linear;
	-o-animation: spin 2s infinite linear;
	-webkit-animation: spin 2s infinite linear;
	animation: spin 2s infinite linear;
	display: inline-block;
}
@-moz-keyframes spin {
	0% {
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-moz-transform: rotate(359deg);
		-o-transform: rotate(359deg);
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}
@-webkit-keyframes spin {
	0% {
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-moz-transform: rotate(359deg);
		-o-transform: rotate(359deg);
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}
@-o-keyframes spin {
	0% {
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-moz-transform: rotate(359deg);
		-o-transform: rotate(359deg);
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}
@-ms-keyframes spin {
	0% {
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-moz-transform: rotate(359deg);
		-o-transform: rotate(359deg);
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}
@keyframes spin {
	0% {
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-moz-transform: rotate(359deg);
		-o-transform: rotate(359deg);
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}
@-webkit-keyframes bg_animation {
	0% {
		-webkit-animation-timing-function: ease-in;
	}
	10% {
		-webkit-transform: scale(1.05);
		-webkit-animation-timing-function: ease-out;
	}
	40% {
		-webkit-transform: scale(1.1) rotate(1deg);
	}
	80% {
		-webkit-transform: scale(1.05) rotate(-0.5deg);
	}
	100% {
		-webkit-transform: scale(1) rotate(0deg);
	}
}
@-moz-keyframes bg_animation {
	0% {
		-moz-animation-timing-function: ease-in;
	}
	10% {
		-moz-transform: scale(1.05);
		-moz-animation-timing-function: ease-out;
	}
	40% {
		-moz-transform: scale(1.1) rotate(1deg);
	}
	80% {
		-moz-transform: scale(1.05) rotate(-0.5deg);
	}
	100% {
		-moz-transform: scale(1) rotate(0deg);
	}
}
@-o-keyframes bg_animation {
	0% {
		-o-animation-timing-function: ease-in;
	}
	10% {
		-o-transform: scale(1.05);
		-o-animation-timing-function: ease-out;
	}
	40% {
		-o-transform: scale(1.1) rotate(1deg);
	}
	80% {
		-o-transform: scale(1.05) rotate(-0.5deg);
	}
	100% {
		-o-transform: scale(1) rotate(0deg);
	}
}
@-ms-keyframes bg_animation {
	0% {
		-ms-animation-timing-function: ease-in;
	}
	10% {
		-ms-transform: scale(1.05);
		-ms-animation-timing-function: ease-out;
	}
	40% {
		-ms-transform: scale(1.1) rotate(1deg);
	}
	80% {
		-ms-transform: scale(1.05) rotate(-0.5deg);
	}
	100% {
		-ms-transform: scale(1) rotate(0deg);
	}
}
@keyframes bg_animation {
	0% {
		animation-timing-function: ease-in;
	}
	20% {
		transform: scale(1.05);
		animation-timing-function: ease-out;
	}
	40% {
		transform: scale(1.1) rotate(1deg);
	}
	80% {
		transform: scale(1.05) rotate(-0.5deg);
	}
	100% {
		transform: scale(1) rotate(0deg);
	}
}
@-webkit-keyframes showSweetAlert {
	0% {
		transform:scale(.7);-webkit-transform:scale(.7)
	}
	45% {
		transform:scale(1.05);-webkit-transform:scale(1.05)
	}
	80% {
		transform:scale(.95);-webkit-tranform:scale(.95)
	}
	100% {
		transform:scale(1);-webkit-transform:scale(1)
	}
}
@keyframes showSweetAlert {
	0% {
		transform:scale(.7);-webkit-transform:scale(.7)
	}
	45% {
		transform:scale(1.05);-webkit-transform:scale(1.05)
	}
	80% {
		transform:scale(.95);-webkit-tranform:scale(.95)
	}
	100% {
		transform:scale(1);-webkit-transform:scale(1)
	}
}
@-webkit-keyframes hideSweetAlert {
	0% {
		transform:scale(1);-webkit-transform:scale(1)
	}
	100% {
		transform:scale(.5);-webkit-transform:scale(.5)
	}
}
@keyframes hideSweetAlert {
	0% {
		transform:scale(1);-webkit-transform:scale(1)
	}
	100% {
		transform:scale(.5);-webkit-transform:scale(.5)
	}
}

.collapse-wrapper{padding-top:0 !important;padding-right:0 !important;padding-bottom:0 !important;}
.collapse-wrapper > div{margin:-1px 0 -1px -21px;}
.collapse-wrapper .table{margin:0;}
.collapse-wrapper .table td{padding-left:20px;border-left:0;border-right:0;}

#no_data{float:none;width:100%;margin:0;padding:50px;border:0;text-align:center;font-size:14px;background:none;color:#333;}
td#no_data{border-top:1px solid #ddd;border-bottom:1px solid #ddd;}

.buy_area{position:relative;}
.buy_area > div{}
.buy_area > div p{display:none;}
.buy_area .list_more{display:none;position:absolute;right:0;bottom:0;outline:0;}
.buy_area .list_more span:before{content:'더보기';}
.buy_area .list_more span:after{content:'';display:inline-block;vertical-align:1px;margin:0 0 0 5px;border:5px solid transparent;border-top:5px solid #666;border-bottom:0;font-size:0;}
.buy_area.active > div p{display:block !important;}
.buy_area.active .list_more span:after{border-top:0;border-bottom:5px solid #666;}

/* 2017-08-16 추가 별점 표시 (리스트 & 상세) */
.star_rating_box{width:140px; display:inline-block; position:relative;}
.star_rating_box .score_bg{display:block;}
.star_rating_box .score_bg img{width:100%;}
.star_rating_box .score{height:100%; position:absolute; left:0; top:0; overflow:hidden;}
.star_rating_box .score img{width:auto; max-width:140px}


.thumb .checkbox_css {
	position: absolute;
	left: 2%;
	top: 2%;
}
.thumb .checkbox_css .multidel {
	cursor: default;
}


.btn_typeA.ver3_p{background:#ff5757;width:100px;height:89px}
.btn_typeA.ver3_p span p{background:url('../images/icon/gift_icon_35.png') no-repeat;width:35px;height:35px;margin:8px auto 0 auto;}
.btn_typeA.ver3_p:before{background:#fff;}
.btn_typeA.ver3_p span{min-width:auto; padding:0; color:#fff; border-color:#ff5757;width:100px;height:89px}
.btn_typeA.ver3_p:hover span p{background:url('../images/icon/gift_icon_35_over.png') no-repeat;width:35px;height:35px;margin:8px auto 0 auto}
.btn_typeA.ver3_p:hover span{color:#ff5757;width:100px;height:89px}
.btn_typeA.ver3_p:hover span em{color:#ff5757; opacity:1; filter:alpha(opacity=100);}

.btn_typeA.ver3_p2{background:#ff5757;}
.btn_typeA.ver3_p2:before{background:#fff;}
.btn_typeA.ver3_p2 span p{background:url('../images/icon/gift_icon_2.png') no-repeat;width:20px;height:20px;background-size:20px 20px;margin:8px 5px 0 auto;float:left}
.btn_typeA.ver3_p2 span{min-width:auto; padding:0 16px; color:#fff; border-color:#ff5757;}
.btn_typeA.ver3_p2:hover span{color:#ff5757;}
.btn_typeA.ver3_p2:hover span p{background:url('../images/icon/gift_icon_2_over.png') no-repeat;width:20px;height:20px;background-size:20px 20px;margin:8px 5px 0 auto;}
.btn_typeA.ver3_p2:hover span em{color:#ff5757; opacity:1; filter:alpha(opacity=100);}