@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
html{overflow-y:scroll}
html, body, td, p, input, button, textarea, select, span { 
font-family: '나눔고딕', 'NanumGothic', 'Nanum Gothic','Dotum','돋움','Tahoma','Verdana';
font-size:12px; 
}/************* 기본 폰트 종류/사이즈/컬러 변경 **********/
div, ul, ol, dl, dt, dd, form, fieldset, td, th, li, h1, h2, h3, h4, h5, h6, p{padding:0; margin:0;border:0;}

/* 초기화 */
body {margin:0 auto;padding:0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

#hd ul, nav ul, #ft ul {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-family:dotum;font-size:1em}
button {cursor:pointer}


select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll; }



form { margin:0px; }

/* img {border:0px;} */



.member {font-weight:bold;color:#888888;}
.guest  {font-weight:normal;color:#888888;}

.lh { line-height: 150%; }
.jt { text-align:justify; }

.li { font-weight:bold; font-size:18px; vertical-align:-4px; color:#66AEAD; }

.ul { list-style-type:square; color:#66AEAD; }

.ct { font-family: Verdana, 굴림; color:#222222; } 

.ed { border:1px solid #CCCCCC; } 
.tx { border:1px solid #CCCCCC; } 

.small { font-size:8pt; font-family:돋움; }
.cloudy, a.cloudy {color:#888888;} /* 흐림 */

input.ed { height:20px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:3px 2px 0 2px; }
input.ed_password { height:20px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:3px 2px 0 2px; font:10px Tahoma; }
textarea.tx { border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:2px; }







/* IE 스크롤 */
html, body {
scrollbar-face-color:#fff; /*배경*/
scrollbar-highlight-color: #000; /*선택*/
scrollbar-3dlight-color: #fff; /*3D 경계*/
scrollbar-shadow-color: #000; /*그림자*/
scrollbar-darkshadow-color: #fff; /*어두운 그림자*/
scrollbar-track-color: #fff; /*트랙 색*/
scrollbar-arrow-color: #2298d6; /*화살표*/
}

/* 크롬/사파리 스크롤 */
::-webkit-scrollbar{width:15px;}
::-webkit-scrollbar-thumb {
 -webkit-border-radius: 0px;
 border-radius: 0px;
 background: rgba(255,255,255,0.8); 
 -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,9.9); 
}






.hei20{ height:20px;}
.hei25{ height:25px;}
.hei30{ height:30px;}
.hei35{ height:35px;}
.hei40{ height:40px;}
.hei45{ height:45px;}
.hei50{ height:50px;}
.hei55{ height:55px;}


/*padding-top*/
.pt3{padding-top:3px}
.pt5{padding-top:5px}
.pt7{padding-top:7px}
.pt10{padding-top:10px}
.pt15{padding-top:15px}
.pt20{padding-top:20px}
.pt25{padding-top:25px}
.pt30{padding-top:30px} 
.pt35{padding-top:35px} 
.pt40{padding-top:40px}
.pt50{padding-top:50px}
.pt70{padding-top:70px}
.pt90{padding-top:90px}


/*padding-right*/
.pr2{padding-right:2px}
.pr5{padding-right:5px}
.pr10{padding-right:10px}
.pr12{padding-right:12px}
.pr13{padding-right:13px}
.pr15{padding-right:15px}
.pr20{padding-right:20px}
.pr25{padding-right:25px}
.pr26{padding-right:26px}
.pr27{padding-right:27px}
.pr30{padding-right:30px}
.pr33{padding-right:33px}
.pr35{padding-right:35px}
.pr40{padding-right:40px}
.pr45{padding-right:45px}


/*padding-bottom*/
.pb2{padding-bottom:2px}
.pb5{padding-bottom:5px}
.pb10{padding-bottom:10px}
.pb13{padding-bottom:13px}
.pb15{padding-bottom:15px}
.pb20{padding-bottom:20px}
.pb25{padding-bottom:25px}
.pb30{padding-bottom:30px}
.pb35{padding-bottom:35px}
.pb40{padding-bottom:40px}
.pb45{padding-bottom:45px}
.pb50{padding-bottom:50px}


/*padding-left*/
.pl1{padding-left:1px}
.pl2{padding-left:2px}
.pl5{padding-left:5px}
.pl7{padding-left:7px}
.pl8{padding-left:8px}
.pl10{padding-left:10px}
.pl12{padding-left:12px}
.pl15{padding-left:15px}
.pl17{padding-left:17px}
.pl20{padding-left:20px}
.pl25{padding-left:25px}
.pl30{padding-left:30px}
.pl35{padding-left:35px}
.pl40{padding-left:40px}
.pl45{padding-left:45px}


/*margin-top*/
.mt2{margin-top:2px}
.mt3{margin-top:3px}
.mt5{margin-top:5px}
.mt7{margin-top:7px}
.mt10{margin-top:10px}
.mt13{margin-top:13px}
.mt15{margin-top:15px}
.mt17{margin-top:17px}
.mt20{margin-top:20px}
.mt23{margin-top:23px}
.mt25{margin-top:25px}
.mt26{margin-top:26px}
.mt30{margin-top:30px}
.mt35{margin-top:35px}
.mt37{margin-top:37px}
.mt38{margin-top:38px}
.mt40{margin-top:40px}
.mt45{margin-top:45px}
.mt50{margin-top:50px}
.mt60{margin-top:60px}
.mt61{margin-top:61px}
.mt70{margin-top:70px}
.mt90{margin-top:90px}
.mt100{margin-top:100px}


/*margin-right*/
.mr2{margin-right:2px}
.mr5{margin-right:5px}
.mr10{margin-right:10px}
.mr13{margin-right:13px}
.mr15{margin-right:15px}
.mr20{margin-right:20px}
.mr25{margin-right:25px}
.mr30{margin-right:30px}
.mr40{margin-right:40px}
.mr50{margin-right:50px}
.mr60{margin-right:60px}
.mr80{margin-right:80px}
.mr100{margin-right:100px}
.mr110{margin-right:110px}


/*margin-bottom*/
.mb2{margin-bottom:2px}
.mb3{margin-bottom:3px}
.mb4{margin-bottom:4px}
.mb5{margin-bottom:5px}
.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mb16{margin-bottom:16px}
.mb20{margin-bottom:20px}
.mb25{margin-bottom:25px}
.mb30{margin-bottom:30px}
.mb40{margin-bottom:40px}


/*margin-left*/
.ml1{margin-left:1px}
.ml3{margin-left:3px}
.ml5{margin-left:5px}
.ml6{margin-left:6px}
.ml8{margin-left:8px}
.ml10{margin-left:10px}
.ml15{margin-left:15px}
.ml20{margin-left:20px}
.ml25{margin-left:25px}
.ml30{margin-left:30px}
.ml35{margin-left:35px}
.ml40{margin-left:40px}
.ml45{margin-left:45px}
.ml50{margin-left:50px}
.ml55{margin-left:55px}
.ml60{margin-left:60px}
.ml62{margin-left:62px}
.ml80{margin-left:80px}
.ml90{margin-left:90px}
.ml100{margin-left:100px}
.ml110{margin-left:110px}
.ml170{margin-left:170px}
.ml180{margin-left:180px}
.ml190{margin-left:190px}
.ml230{margin-left:230px}
.ml240{margin-left:240px}


.li_h17{ line-height:17px;}
.li_h18{ line-height:18px;}
.li_h20{ line-height:20px;}
.li_h22{ line-height:22px;}
.li_h24{ line-height:24px;}


.tt10 { font-size: 10px;}
.tt11 { font-size: 11px;}
.tt12 { font-size: 12px;}
.tt13 { font-size: 13px;letter-spacing:-0.8px;}
.tt14 { font-size: 14px; letter-spacing:-0.8px;}
.tt15 { font-size: 15px;letter-spacing:-0.8px;}


.red{color:#f32d39;}
.blue{color:#2d73af;}
.blue2{color:#00a7ed;}
.gray{ color: #e1e1e1;}
.brown{ color: #3e1908;}
.green{color:#198b50;}
.oran{color:#ff6c00;}
.black{color:#525252;}
.black2{color:#707070;}
.black3{color:#666;}

.bold{font-weight:bold;}




/*대소문자 변경*/
.uppercase{text-transform:uppercase}
.lowercase{text-transform:lowercase}
.capitalize{text-transform:capitalize}