@import url('../css/page_style.css');
@import url('../css/bbs_style_mobile.css');*/

/* Reset */
html,body{width:100%;height:100%;}
html>/**/body { overflow-y:scroll; }
body,div,table,tbody,th,td,h1,h2,h3,h4,h5,form,fieldset,p,button,legend,input,textarea,button,select,dd,dl,dt,ul,li,ol{margin:0; padding:0; font-family:'나눔고딕',NanumGothic,'맑은 고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif; color:#424242; font-size:14px}
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;}


button, input[type=text], input[type=password], input[type=file], input[type=submit], input[type=image]{
vertical-align:middle;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
-webkit-border-radius:0;
}

select{
vertical-align:middle;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
-webkit-border-radius:0;
}

textarea{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}

img{vertical-align:middle;}
i,em,address{font-style:normal;}
button{cursor:pointer;}
button{margin:0;padding:0;}
a{color:#2f3743;text-decoration:none; cursor: auto;}
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;}
* {-webkit-text-size-adjust:none;}
/* Reset */

.freeimg img { width:100%; max-width:100%; height:auto; }
.blind {height:50px; position:absolute; text-indent:-9999px; left:9999px; white-space: nowrap;overflow: hidden}

/* Wys2 reset */
#ct{font-size:14px}
#ct *{font-size: inherit;}
#ct{word-break:break-all; text-align:justify;}
#ct table{width:100% !important; border-collapse: separate}
#ct ul{padding-left:20px; display:block}
#ct ul li{display:list-item}
#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 iframe{max-width:100%;}
#ct blockquote{line-height:normal; position: relative; font-style:normal}
#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 [id*="mapContainer"]{width:100% !important; min-height:200px;}


.ct{font-size:14px}
.ct *{font-size: inherit;}
.ct{word-break:break-all; text-align:justify;}
.ct table{width:100% !important; border-collapse: separate}
.ct ul{padding-left:20px; display:block}
.ct ul li{display:list-item}
.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 iframe{max-width:100%;}
.ct blockquote{line-height:normal; position: relative; font-style:normal}
.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 [id*="mapContainer"]{width:100% !important; min-height:200px;}

.iframe_wrap{position:relative; top:0; left:0; height:0; padding-bottom:56.4%;}
.iframe_wrap iframe{position:absolute; width:100% !important; height:100%; left:0; right:0; top:0; bottom:0;}

.ellip{overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.ellipsis_line1 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; /* number of lines to show */ -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.ellipsis_line2 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; /* number of lines to show */ -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.ellipsis_line3 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; /* number of lines to show */ -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.ellipsis_line4 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; /* number of lines to show */ -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.ellipsis_line5 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; /* number of lines to show */ -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
/* span 등 display속성이 inline값을 가진 속성일때 ellipsis1,2 를 사용하여 글자자름 줄을 설정 */