@charset "utf-8";

/* default definition*/
* { margin:0; padding:0;}
html, body { margin:0; padding:0;}
/* html {overflow:hidden;}*/ /* 기본 스크롤 제거 */
body {/* overflow-x:hidden;*/ font-family: "돋움", Dotum, Verdana; font-size:12px; color:#011c35; line-height:20px; position:relative; text-align:justify; word-break:break-all; overflow-y:scroll} /* 대체 스크롤 생성 */
table, div {border-collapse:collapse;}
select, textarea {border:1px solid #aaaaaa; background:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#676767; vertical-align:top;}
form, ul, ol, dl, table, div, h1, h2, h3 ,h4 {margin:0;padding:0;}
img, fieldset {border:0; margin:0; padding:0; }
select, input, li, img {vertical-align:top;}
ul, li, dl, dt, dd{list-style-type : none; }
caption { text-indent:-5000px; line-height:0; font-size:0;}
legend{ text-indent:-5000px; line-height:0; font-size:0; position:absolute;  top:0; left:0;}
textarea {border:1px solid #dedede; resize:none;}
hr{display:none;}
a:link {color:#011c35; text-decoration:none;}
a:hover {color:#3011c353; text-decoration:none;}
a:visited {color:#011c35; text-decoration:none;}

/*skipNavigation*/
#skipNavigation a{position:abssolute; overflow:none; display:block; width:1px; height:1px; margin-top:-1px; text-align:center; color:#fff; text-indent:-5000px;}
#skipNavigation a:focus, #skipNavigation a:active {width:auto; height:auto; padding:5px; background:#136cb0 !important; border:1px solid #104974; display:block; text-indent:0px;}

/* 공통 */
.skip {position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden;}
.hidden{text-indent:-5000px; line-height:1; font-size:1; position:absolute;  top:-10000px; left:0; }
.b {font-weight:bold !important;}
.nf {font-weight:normal !important;}
.bk{display:block;}
.ib {display:inline-block;}
.nbt {border-top:none !important;}
.nbr {border-right:none !important;}
.nbb {border-bottom:none !important;}
.nbl {border-left:none !important;}
.bg_n {background:none  !important;}
.errorInput {background-color:#fff5bf; height:20px; padding:0 0 0 5px; border:1px solid #d1d1d1;}
.error {font-family:dotum; font-size:11px; color:#fa7000;}

.f_red {color:red;}
.f_blue {color:#0775c2;}

.fs_14 {font-size:14px;}

.txt_input { padding:2px 5px; border:1px solid #cccccc; color:#333333; font-size:12px; font-weight:normal;}
.text_input_b {height:25px; margin:0 10px 0 0; padding:0 0 0 5px; border:3px solid #0977c4;}
.raido_input, .check_input {width:13px; height:13px;}
.area_130 {width:100%; height:130px;}

/*정렬클래스*/
.of {overflow:hidden !important;}
.fl {float:left !important;}
.fr {float:right !important;} 

.cl {clear:both !important;}
.al {text-align:left !important;}
.ar {text-align:right !important;}
.ac {text-align:center !important;}
.at {vertical-align:top !important;}
.am {vertical-align:middle !important;}
.ab {vertical-align:bottom !important;}

/*마진,패딩 클래스*/
.mt0 {margin-top:0 !important;}
.mt02{margin-top:2px !important;}
.mt05{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt13{margin-top:13px !important;}
.mt15{margin-top:15px !important;}
.mt18{margin-top:18px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt28{margin-top:28px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mt70{margin-top:70px !important;}
.mt80{margin-top:80px !important;}
.mt90{margin-top:90px !important;}
.mt100{margin-top:100px !important;}

.mb0{margin-bottom:0px !important;}
.mb02{margin-bottom:2px !important;}
.mb05{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}
.mb70{margin-bottom:70px !important;}
.mb90{margin-bottom:90px !important;}
.mb100{margin-bottom:100px !important;}
.mb200{margin-bottom:200px !important;}

.ml0 {margin-left:0 !important;}
.ml05{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml35{margin-left:35px !important;}
.ml40{margin-left:40px !important;}
.ml45{margin-left:45px !important;}
.ml50{margin-left:50px !important;}
.ml60{margin-left:60px !important;}
.ml70{margin-left:70px !important;}
.ml80{margin-left:80px !important;}
.ml90{margin-left:90px !important;}
.ml100{margin-left:100px !important;}
.ml125{margin-left:125px !important;}
.ml140{margin-left:140px !important;}
.ml195{margin-left:195px !important;}
.ml250{margin-left:250px !important;}
.ml420{margin-left:420px !important;}
.ml440{margin-left:440px !important;}

.mr0 {margin-right:0 !important;}
.mr04{margin-right:4px !important;}
.mr05{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}
.mr35{margin-right:35px !important;}
.mr40{margin-right:40px !important;}
.mr45{margin-right:45px !important;}
.mr50{margin-right:50px !important;}
.mr60{margin-right:60px !important;}
.mr70{margin-right:70px !important;}
.mr80{margin-right:80px !important;}
.mr90{margin-right:90px !important;}
.mr100{margin-right:100px !important;}

.pt0 {padding-top:0 !important;}
.pt05{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}
.pt30{padding-top:30px !important;}
.pt35{padding-top:35px !important;}
.pt40{padding-top:40px !important;}
.pt45{padding-top:45px !important;}
.pt50{padding-top:50px !important;}

.pb0 {padding-bottom:0 !important;}
.pb05{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}
.pb35{padding-bottom:35px !important;}
.pb40{padding-bottom:40px !important;}
.pb45{padding-bottom:45px !important;}
.pb50{padding-bottom:50px !important;}
.pb200{padding-bottom:100px !important;}

.pl0 {padding-left:0 !important;}
.pl05 {padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl25{padding-left:25px !important;}
.pl30{padding-left:30px !important;}
.pl35{padding-left:35px !important;}
.pl40{padding-left:40px !important;}
.pl45{padding-left:45px !important;}
.pl50{padding-left:50px !important;}
.pl60{padding-left:60px !important;}
.pl75{padding-left:75px !important;}
.pl59{padding-left:59px !important;}

.pr0 {padding-right:0 !important;}
.pr05 {padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr25{padding-right:25px !important;}
.pr30{padding-right:30px !important;}
.pr35{padding-right:35px !important;}
.pr40{padding-right:40px !important;}
.pr45{padding-right:45px !important;}
.pr50{padding-right:50px !important;}

/* H Space */
.h0 {clear:both; width:0px; height:0px;}
.h2 {clear:both; width:0px; height:2px;}
.h3 {clear:both; width:0px; height:3px;}
.h4 {clear:both; width:0px; height:4px;}
.h5 {clear:both; width:0px; height:5px;}
.h6 {clear:both; width:0px; height:6px;}
.h7 {clear:both; width:0px; height:7px;}
.h8 {clear:both; width:0px; height:8px;}
.h10 {clear:both; width:0px; height:10px;}
.h12 {clear:both; width:0px; height:12px;}
.h14 {clear:both; width:0px; height:14px;}
.h15 {clear:both; width:0px; height:15px;}
.h16 {clear:both; width:0px; height:16px;}
.h17 {clear:both; width:0px; height:17px;}
.h18 {clear:both; width:0px; height:18px;}
.h19 {clear:both; width:0px; height:19px;}
.h20 {clear:both; width:0px; height:20px;}
.h22 {clear:both; width:0px; height:22px;}
.h23 {clear:both; width:0px; height:23px;}
.h25 {clear:both; width:0px; height:25px;}
.h26 {clear:both; width:0px; height:26px;}
.h27 {clear:both; width:0px; height:27px;}
.h28 {clear:both; width:0px; height:28px;}
.h30 {clear:both; width:0px; height:30px;}
.h32 {clear:both; width:0px; height:32px;}
.h34 {clear:both; width:0px; height:34px;}
.h35 {clear:both; width:0px; height:35px;}
.h37 {clear:both; width:0px; height:37px;}
.h38 {clear:both; width:0px; height:38px;}
.h40 {clear:both; width:0px; height:40px;}
.h42 {clear:both; width:0px; height:42px;}
.h43 {clear:both; width:0px; height:43px;}
.h45 {clear:both; width:0px; height:45px;}
.h48 {clear:both; width:0px; height:48px;}
.h50 {clear:both; width:0px; height:50px;}
.h55 {clear:both; width:0px; height:55px;}
.h58 {clear:both; width:0px; height:58px;}
.h60 {clear:both; width:0px; height:60px;}
.h80 {clear:both; width:0px; height:80px;}