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

/* Reset */
html,body{width:100%;height:100%;}
html>/**/body { overflow-y:scroll; }

body,div,table,th,td,h1,h2,h3,h4,h5,form,fieldset,p,button,legend,pre,code,blockquote,input,textarea,button,select,ul,li,ol,dd,dl,dt
{margin:0;padding:0; font-family:'±¼¸²',Gulim,'¸¼Àº °íµñ','µ¸¿ò',Dotum,tahoma,NanumGothic,Helvetica,'Apple SD Gothic Neo',Sans-serif; font-size:12px; color:#6c6c6c;}
img:not([border]),fieldset,iframe,input,button{border:0 none;}
input,select,textarea,button{vertical-align:middle;}
dl,ul,ol,menu,li{list-style:none}
button {border:0 none;background-color:transparent;cursor:pointer}
body{background:#fff}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}
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;}
hr{display:none}
address,caption,cite,code,dfn,var,em {font-style:normal;font-weight:normal}
iframe{vertical-align:top}
a{color:#6c6c6c;text-decoration:none;}
a:hover{color:#6c6c6c;text-decoration:none;}
/* Reset */


/* Common */

.blind,legend{position: absolute;overflow: hidden;clip: rect(0 0 0 0);margin: -1px; width: 1px; height: 1px;}
.clear{clear:both}
.f_l{float:left}
.f_r{float:right}
.ir_pm {display:block;overflow:hidden;font-size:0px;line-height:0;text-indent:-9999px} /* »ç¿ëµÈ À̹ÌÁö³» ÀǹÌÀÖ´Â ÅؽºÆ®ÀÇ ´ëüÅؽºÆ®¸¦ Á¦°øÇÒ¶§ */
.ir_wa {display:block;overflow:hidden;position:relative;z-index:-10;width:100%;height:100%} /* Áß¿äÇÑ À̹ÌÁö ´ëüÅؽºÆ®·Î À̹ÌÁöoff½Ã¿¡µµ ´ëü ÅؽºÆ®¸¦ º¸¿©ÁÖ°íÀÚ ÇÒ¶§ */
.show{display:block}
.hide{display:none}
.tbl, .tbl table {border-collapse:collapse; border-spacing:0} /* Å×À̺í ÃʱâÈ­ */
/* Common */


/* Font-style */
.font_10 { font-size:10px;}
.font_11 { font-size:11px;}
.font_13 { font-size:13px;}
.font_14 { font-size:14px;}
.font_15 { font-size:15px;}
.font_16 { font-size:16px;}
.font_17 { font-size:17px;}
.font_18 { font-size:18px;}
.font_19 { font-size:19px;}
.font_20 { font-size:20px;}
.font_21 { font-size:21px;}
.font_22 { font-size:22px;}
.font_23 { font-size:23px;}
.font_24 { font-size:24px;}
.font_25 { font-size:25px;}
.font_26 { font-size:26px;}
.font_27 { font-size:27px;}
.font_28 { font-size:28px;}
.font_29 { font-size:29px;}
.font_30 { font-size:30px;}
.font_31 { font-size:31px;}
.font_32 { font-size:32px;}
.font_33 { font-size:33px;}
.font_34 { font-size:34px;}
.font_35 { font-size:35px;}
.font_36 { font-size:36px;}
.font_37 { font-size:37px;}
.font_38 { font-size:38px;}
.font_39 { font-size:39px;}
.font_40 { font-size:40px;}

.font_dotum{font-family:'µ¸¿ò',Dotum,'¸¼Àº °íµñ','±¼¸²',Gulim,tahoma,NanumGothic,Helvetica,'Apple SD Gothic Neo',Sans-serif;}
.font_tahoma{font-family:Tahoma,'µ¸¿ò',Dotum,'¸¼Àº °íµñ','±¼¸²',Gulim,NanumGothic,Helvetica,'Apple SD Gothic Neo',Sans-serif;}
.font_gulim{font-family:'±¼¸²',Gulim,'µ¸¿ò',Dotum,'¸¼Àº °íµñ',tahoma,NanumGothic,Helvetica,'Apple SD Gothic Neo',Sans-serif;}
.font_malgun{font-family:'¸¼Àº °íµñ','µ¸¿ò',Dotum,'±¼¸²',Gulim,tahoma,NanumGothic,Helvetica,'Apple SD Gothic Neo',Sans-serif !important;}
.font_nanum{font-family:'³ª´®°íµñ','³ª´® °íµñ',Nanum Gothic,NanumGothic,nanum gothic,nanumgothic,'¸¼Àº °íµñ','°íµñ','µ¸¿ò',Dotum,'±¼¸²',Gulim,tahoma,NanumGothic,Helvetica,'Apple SD Gothic Neo',Sans-serif !important;}
.font_verdana{font-family:verdana,'µ¸¿ò',Dotum,'¸¼Àº °íµñ','±¼¸²',Gulim,NanumGothic,Helvetica,'Apple SD Gothic Neo',Sans-serif;}

.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;}

.noto600{font-family: 'Noto Sans KR' !important; font-weight:600 !important;}
.noto600 a{font-family: 'Noto Sans KR' !important; font-weight:600 !important;}
.noto600 a:hover{font-family: 'Noto Sans KR' !important; font-weight:600 !important;}
/* Font-style */


/* Wys2 reset */
#ct{word-break: break-all; word-break: break-word; word-wrap: break-word; text-align: justify; font-family: 'Noto Sans KR' !important; font-weight:400 !important; font-size:14.4px;}
#ct table{border-collapse: separate}
#ct ul{padding-left:20px; display:block}
#ct ul li{display:list-item; list-style:disc; font-family: 'Noto Sans KR' !important; font-weight:400 !important; font-size:14.4px;}
#ct ol{padding-left:20px; display:block}
#ct ol li{list-style:decimal;  display:list-item; font-family: 'Noto Sans KR' !important; font-weight:400 !important; font-size:14.4px;}
#ct hr{display:block}
#ct blockquote{margin:12px 0 12px 40px; font-family: 'Noto Sans KR' !important; font-weight:400 !important; font-size:13px;}
#ct p, #ct div{font-size:inherit}
#ct p{line-height: 135%; font-family: 'Noto Sans KR' !important; font-weight:400 !important; font-size:14.4px;}
#ct p img{max-width:100%}

.ct{word-break: break-all; word-break: break-word; word-wrap: break-word; text-align: justify; font-family: 'Noto Sans KR' !important; font-weight:400 !important; font-size:14.4px;}
.ct table{border-collapse: separate}
.ct ul{padding-left:20px; display:block}
.ct ul li{display:list-item; list-style:disc; font-family: 'Noto Sans KR' !important; font-weight:400 !important; font-size:14.4px;}
.ct ol{padding-left:20px; display:block}
.ct ol li{list-style:decimal;  display:list-item; font-family: 'Noto Sans KR' !important; font-weight:400 !important; font-size:14.4px;}
.ct hr{display:block}
.ct blockquote{margin:12px 0 12px 40px; font-family: 'Noto Sans KR' !important; font-weight:400 !important; font-size:13px;}
.ct p, .ct div{font-size:inherit}
.ct p{line-height: 135%; font-family: 'Noto Sans KR' !important; font-weight:400 !important; font-size:14.4px;}
.ct p img{max-width:100%}
/* Wys2 reset */

.ellipsis_line1 {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.ellipsis_line_c {overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; /* number of lines to show */ -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.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;}
.ellipsis_line_6 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; /* number of lines to show */ -webkit-line-clamp: 6; -webkit-box-orient: vertical;}