@import url('../css/page_style.css');
@import url('../css/bbs_style.css');

/* Reset */
html,body{width:100%;height:100%;}
body,div,table,th,td,h1,h2,h3,h4,h5,form,fieldset,p,button,legend,input,textarea,button,select,ul,dd,dl,dt{margin:0;padding:0;font-family:tahoma,'돋움',Gulim,'굴림',dotum,Helvetica,'Apple SD Gothic Neo',Sans-serif; font-size:12px; color:#424242;}
body{background-color:#fff;*word-break:break-all;-ms-word-break:break-all}
h1,h2,h3,h4,h5,h6{text-align:left;}
img,fieldset,iframe,input,button{border:0 none;}
input,select,button{vertical-align:middle;}
img{vertical-align:middle;}
i,em,address{font-style:normal;}
button{cursor:pointer;}
button{margin:0;padding:0;}
a{color:#2f3743;text-decoration:none;}
a:hover{color:#2f3743;text-decoration:none;}
legend{*width:0; position:absolute; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden;}
caption {padding:0; height:0; font-size:0; line-height:0; overflow:hidden;}
ul li{padding:0; list-style:none}
*:not(img) {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
*:before, *:after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
/* 툴팁레이어 */
#dhtmltooltip{
position:absolute;
border-width:2px;
border-style:solid;
border-color:#CECECE;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100000;
}

/* Wys2 reset */
#ct{word-break: break-all; word-break: break-word; word-wrap: break-word; text-align:justify; line-height:normal}
#ct table{border-collapse: separate}
#ct table[align="center"]{margin:auto;}
#ct ul{padding-left:20px; display:block}
#ct ul li{display:list-item; list-style:disc}
#ct ol{padding-left:20px; display:block}
#ct ol li{list-style:decimal;  display:list-item}
#ct hr{display:block}
#ct img{max-width:100%; height:auto !important}
#ct p, #ct div{font-size:inherit}
#ct blockquote{line-height:normal; position: relative;}
#ct blockquote:before {position: relative; top: 11px; content: "\201C"; color:#bcbcbc; font-family:Georgia;  font-size:40px; display:block; text-align:center;}
#ct blockquote:after {position: relative; top:11px; content: "\201D"; color:#bcbcbc; font-family:Georgia; font-size:40px; display:block; text-align:center;}
#ct blockquote > p, #ct blockquote > div{text-align:center;}
#ct sup {vertical-align: super; font-size: smaller; top:0;}
#ct sub{vertical-align: sub; font-size: smaller; bottom:0;}
#ct .wyschart{
	max-width:850px;
	margin:0 auto;
}
#ct .wys_chart_title{
	padding-bottom:40px;
	font-size:30px;
	font-weight:bold;
	font-family:맑은 고딕;
	letter-spacing:-2px;
	color:#333;
	text-align:center;
}
#ct > .price_chart:first-of-type{
	border-top:2px solid #dddddd;
}
#ct .price_chart{
	display:flex; 
	padding:20px; 
	align-items: center; 
	border-bottom:2px solid #dddddd;
}
#ct .price_chart .price_left{
	flex:1; 
	line-height:1.5;
}
#ct .price_chart .price_left .name{
	display:block; 
	font-size:25px;
	letter-spacing:-1px; 
	font-family:맑은 고딕; 
	color:#333;
}
#ct .price_chart .price_left .review{
	display:block;  
	letter-spacing:-1px;
	font-family:맑은 고딕; 
	font-size:20px; 
	color:#787878;
}
#ct .price_chart .price_right{
	margin-left:auto; 
	text-align:right;
	line-height:1.3;
}
#ct .price_chart .price_right .price{
	display:block; 
	font-size:22px; 
	font-family:맑은 고딕; 
	color:#787878;
	letter-spacing:-1px;
}
#ct .price_chart .price_right .discount{
	display:block;  
	font-size:24px; 
	font-family:맑은 고딕; 
	color:#ff3000; 
	font-weight:bold;
	letter-spacing:-1px;
}

.ct{word-break: break-all; word-break: break-word; word-wrap: break-word; text-align:justify; line-height:normal}
.ct table{border-collapse: separate}
.ct table[align="center"]{margin:auto;}
.ct ul{padding-left:20px; display:block}
.ct ul li{display:list-item; list-style:disc}
.ct ol{padding-left:20px; display:block}
.ct ol li{list-style:decimal;  display:list-item}
.ct hr{display:block}
.ct img{max-width:100%; height:auto !important}
.ct p, .ct div{font-size:inherit}
.ct blockquote{line-height:normal; position: relative;}
.ct blockquote:before {position: relative; top: 11px; content: "\201C"; color:#bcbcbc; font-family:Georgia;  font-size:40px; display:block; text-align:center;}
.ct blockquote:after {position: relative; top:11px; content: "\201D"; color:#bcbcbc; font-family:Georgia; font-size:40px; display:block; text-align:center;}
.ct blockquote > p, .ct blockquote > div{text-align:center;}
.ct sup {vertical-align: super; font-size: smaller; top:0;}
.ct sub{vertical-align: sub; font-size: smaller; bottom:0;}

.ellipsis_line{text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.ellipsis_line1 {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.ellipsis_line_1 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; /* number of lines to show */ -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.ellipsis_line_2 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; /* number of lines to show */ -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.ellipsis_line_3 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; /* number of lines to show */ -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.ellipsis_line_4 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; /* number of lines to show */ -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.ellipsis_line_5 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; /* number of lines to show */ -webkit-line-clamp: 5; -webkit-box-orient: vertical;}

/* 본고딕 */
.noto100 {font-family: 'Noto Sans KR' !important; font-weight:100 !important;}
.noto100 a{font-family: 'Noto Sans KR' !important; font-weight:100 !important;}
.noto100 a:hover{font-family: 'Noto Sans KR' !important; font-weight:100 !important;}

.noto400 {font-family: 'Noto Sans KR' !important; font-weight:400 !important;}
.noto400 a{font-family: 'Noto Sans KR' !important; font-weight:400 !important;}
.noto400 a:hover{font-family: 'Noto Sans KR' !important; font-weight:400 !important;}

.noto500{font-family: 'Noto Sans KR' !important; font-weight:500 !important;}
.noto500 a{font-family: 'Noto Sans KR' !important; font-weight:500 !important;}
.noto500 a:hover{font-family: 'Noto Sans KR' !important; font-weight:500 !important;}

#m2_layer_sub_category, #pyong_layer_sub_category{font-family: 'Noto Sans KR' !important; font-weight:400 !important;font-size:17px;color:#888}
#m2_layer_sub_category img, #pyong_layer_sub_category img{margin-left:7px}