@charset "utf-8";


body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select {
  -webkit-text-size-adjust:none; font-size:12px; font-weight:normal; color:#888; letter-spacing:-0.03em;
  font-family:'Malgun Gothic', '맑은 고딕',dotum,'돋움','MS PGothic','Arial','simsun',sans-serif; /*'Malgun Gothic', '맑은 고딕', '나눔고딕L',NanumGothicLight */
} 
/*-webkit-text-size-adjust: none(글자크기 자동조정 방지) , auto (화면의 폭에 맞추어서 텍스트의 크기를 자동으로 조절 , 100%(폰트크기를 지정된사이즈로 변경);*/ 
html, body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, table , tr , td , dl, dt, dd, a ,img,input,button, select,textarea { margin: 0px; padding: 0px; list-style:none; }
address, cite, dfn, em, var { font-style: normal; }
code, kbd, pre, samp { font-family:dotum,'돋움', courier new, courier, monospace; }
header, hgroup, article, nav, footer, figure, figcaption, canvas, section , menu { display: block; margin:0; padding:0; }

body { }
img,fieldset,iframe{border:0 none}
img { border: 0px; vertical-align:top; }
table{/* border-collapse:collapse;table-layout:fixed; */border-collapse:collapse;border-spacing:0}

/* ------------------------------
clear
------------------------------ */
.clearfix:after { display: block; visibility: hidden; clear:both; height:0; content:'\020'; }
.clearfix { zoom: 1; }

.clear, .clearfix { clear: both; height:0; }

.clearafter { *zoom:1;}
.clearafter:after { content: ''; clear: both; display: block; height: 0px; line-height: 0px; }

.blind, legend { visibility: hidden; overflow: hidden; position: absolute; top: 0; left: 0; width: 0; height: 0; font-size: 0; line-height: 0; }

/*  NanumGothic, '나눔고딕', MalgunGothic, '맑은 고딕',  */
body,input,textarea,select,table,button{}

form { margin: 0px; padding: 0px; }
fieldset { padding: 0; border: none; }
caption { display: none; }
label {  }
input, button { vertical-align: middle; border:none; background: none; }
select { border:1px solid #bababa; vertical-align:middle; padding:4px 0 4px; font-size:12px; background:#fff;}
input { margin:0; padding:0;}
button { cursor:pointer; }

input[type="checkbox"],input[type="radio"] { padding:0; vertical-align:middle; margin-top:-3px; *margin-top:-2px; }


input[type="text"] ,input[type="password"] , input[type="file"] , input[type="tel"] , input[type="email"] { padding:4px 0 4px 4px; }
input[type="button"] ,input[type="submit"] { cursor:pointer; }

textarea { font-size: 12px; border:1px solid #e5e5e5; padding:5px; }

a:link { text-decoration: none; color:#363636; }
a:visited { text-decoration: none; color:#363636; }
a:hover { text-decoration: none; color:#008fd5; }
a:active { text-decoration: none; color:#008fd5; }


/* ------------------------------
display
------------------------------ */
.hide { display: none; }
.fleft { float: left; }
.fright { float: right; }

.relative { position: relative; }
.absolute { position: absolute; }

.center { text-align: center !important; }
.left { text-align: left !important; }
.right { text-align: right !important; }

.vtop { vertical-align: top; }
.vmiddle { vertical-align: middle; }

.block { display: block; }



/* skip */
.skip {  }
.skip a{overflow:hidden;position:absolute;top:0;left:0;z-index:1000;width:1px;height:1px;margin:0 -1px -1px 0;padding:0;font-size:0;line-height:0}
.skip a:hover,
.skip a:active,
.skip a:focus{display:block; font-size:12px; padding-top:8px; width:100%; line-height:100%; text-align:center; height:22px; margin:0 0 0 0; background:#dde0e1; color:#000; }

/* location */
.location { width:100%; border-top:3px solid #fff; height:34px; background:#eee; border-bottom:1px solid #b7c2c8; }
.location .location_box { width:1000px; margin:0 auto; text-align:right; padding-top:6px; }
.location .location_box a , .location .location_box span { height:14px; display:inline-block; font-family:dotum,"돋움"; color:#7b7b7b; vertical-align:middle; line-height:14px;}
.location .location_box a { padding:0 14px 0 7px; background:url(../img/common/location_arr.gif) no-repeat right 6px; font-size:11px; }
.location .location_box a.arr { padding-top:2px; height:12px; }
.location .location_box span { padding:3px; 0 0 7px; font-weight:bold; height:11px;}
.location .location_box img { vertical-align:middle; }

/* paging */

.paging { text-align:center; margin-top:20px; position:relative;}
.paging a { display:inline-block; font-size: 12px; vertical-align: top;  margin-right:5px;}
.paging strong { font-weight:bold; font-size:12px; vertical-align:top; margin-right:5px; }
.paging a:hover { text-decoration:none;}
.paging a.crrnt {font-weight:bold; color:#fff; background:#606060;}
.paging a.btn_pp { background: url(/images/page_pp.gif) no-repeat left top; width:17px; height:17px; text-indent: -1000px; overflow:hidden; }
.paging a.btn_p { background: url(/images/page_p.gif) no-repeat left top; width:17px; height:17px; text-indent: -1000px; overflow:hidden; }
.paging a.btn_n { background: url(/images/page_n.gif) no-repeat left top; width:17px; height:17px; text-indent: -1000px; overflow:hidden; }
.paging a.btn_nn { background: url(/images/page_nn.gif) no-repeat left top; width:17px; height:17px; text-indent: -1000px; overflow:hidden;  }


/* etc. */

.overflow { overflow:hidden; }

.blind { position: absolute;display: block;overflow: hidden;top: -5000px;left: 0; }
.l_h15 { line-height:1.5em; }

.fn_11 { font-size:11px; }
.fn_12 { font-size:12px; }
.fn_13 { font-size:13px; letter-spacing:-0.4px; }
.fn_14 { font-size:14px; letter-spacing:-1px; }
.fn_20 { font-size:20px; }
.fn_22 { font-size:22px; letter-spacing:-1px; }

.inline { display:inline-block; }
.inline-block { display:inline-block; }
.block { display:block; }

.bold { font-weight:bold; }
.normal { font-weight:normal; }

.txt_al_j { text-align:justify; }

.v_line_m { vertical-align:middle; }
.v_line_t { vertical-align:top; }
.v_line_b { vertical-align:bottom; }

.a_line_c { text-align:center; }
.a_line_l { text-align:left; }
.a_line_r { text-align:right; }


.col_sky { color:#118ccf !important; }
.col_red { color:#ff0000 !important; }
.col_gray { color:#888 !important; }
.col_black { color:#888 !important; }
.col_blue { color:#006cff !important; }
.col_yell { color:#fff000 !important; }
.col_org { color:#ee7500 !important; }
.col_whi { color:#fff !important; }

.backbg_red { background:#ff0000 !important; }
.backbg_blue { background:#006cff !important; }

.pl5 { padding-left:5px !important; }
.pl9 { padding-left:9px !important; }
.pl10 { padding-left:10px !important; }
.pl12 { padding-left:12px !important; }
.pl13 { padding-left:13px !important; }
.pl15 { padding-left:15px !important; }
.pl16 { padding-left:16px !important; }
.pl18 { padding-left:18px !important; }
.pl19 { padding-left:19px !important; }
.pl20 { padding-left:20px !important; }
.pl21 { padding-left:21px !important; }
.pl24 { padding-left:24px !important; }
.pl28 { padding-left:28px !important; }
.pl30 { padding-left:30px !important; }
.pl69 { padding-left:69px !important; }
.pl78 { padding-left:78px !important; }
.pl85 { padding-left:85px !important; }
.pl110 { padding-left:110px !important; }
.pl160 { padding-left:160px !important; }
.pl165 { padding-left:165px !important; }
.pl256 { padding-left:256px !important; }
.pl270 { padding-left:270px !important; }
.pl300 { padding-left:300px !important; }

.pt0 { padding-top:0px !important; }
.pt1 { padding-top:1px !important; }
.pt4 { padding-top:4px !important; }
.pt9 { padding-top:9px !important; }
.pt10 { padding-top:10px !important; }
.pt18 { padding-top:18px !important; }
.pt20 { padding-top:20px !important; }
.pt21 { padding-top:21px !important; }
.pt24 { padding-top:24px !important; }
.pt28 { padding-top:28px !important; }
.pt30 { padding-top:30px !important; }
.pt35 { padding-top:35px !important; }
.pt38 { padding-top:38px !important; }
.pt39 { padding-top:39px !important; }
.pt32 { padding-top:32px !important; }
.pt48 { padding-top:48px !important; }
.pt50 { padding-top:50px !important; }
.pt56 { padding-top:56px !important; }
.pt305 { padding-top:305px !important; }

.pr10 { padding-right:10px !important; }
.pr19 { padding-right:19px !important; }
.pr20 { padding-right:20px !important; }
.pr30 { padding-right:30px !important; }

.pb10 { padding-bottom:10px !important; }
.pb20 { padding-bottom:20px !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; }
.pb60 { padding-bottom:60px !important; }
.pb70 { padding-bottom:70px !important; }
.pb80 { padding-bottom:80px !important; }
.pb90 { padding-bottom:90px !important; }
.pb100 { padding-bottom:100px !important; }
.pb125 { padding-bottom:125px !important; }

.pad10 { padding:10px !important; }
.pad20 { padding:20px !important; }

.wid30 { width:30px !important; }
.wid35 { width:35px !important; }
.wid38 { width:38px !important; }
.wid40 { width:40px !important; }
.wid44 { width:44px !important; }
.wid45 { width:45px !important; }
.wid50 { width:50px !important; }
.wid51 { width:51px !important; }
.wid52 { width:52px !important; }
.wid55 { width:55px !important; }
.wid58 { width:58px !important; }
.wid61 { width:61px !important; }
.wid60 { width:60px !important; }
.wid63 { width:63px !important; }
.wid64 { width:64px !important; }
.wid65 { width:65px !important; }
.wid66 { width:66px !important; }
.wid70 { width:70px !important; }
.wid71 { width:71px !important; }
.wid75 { width:75px !important; }
.wid78 { width:78px !important; }
.wid80 { width:80px !important; }
.wid85 { width:85px !important; }
.wid90 { width:90px !important; }
.wid96 { width:96px !important; }
.wid99 { width:99px !important; }
.wid100 { width:100px !important; }
.wid103 { width:103px !important; }
.wid108 { width:108px !important; }
.wid110 { width:110px !important; }
.wid114 { width:114px !important; }
.wid115 { width:115px !important; }
.wid116 { width:116px !important; }
.wid120 { width:120px !important; }
.wid122 { width:122px !important; }
.wid125 { width:125px !important; }
.wid130 { width:130px !important; }
.wid134 { width:134px !important; }
.wid140 { width:140px !important; }
.wid146 { width:146px !important; }
.wid150 { width:150px !important; }
.wid152 { width:152px !important; }
.wid155 { width:155px !important; }
.wid160 { width:160px !important; }
.wid165 { width:165px !important; }
.wid170 { width:170px !important; }
.wid173 { width:173px !important; }
.wid174 { width:174px !important; }
.wid175 { width:175px !important; }
.wid176 { width:176px !important; }
.wid180 { width:180px !important; }
.wid182 { width:182px !important; }
.wid185 { width:185px !important; }
.wid186 { width:186px !important; }
.wid190 { width:190px !important; }
.wid199 { width:199px !important; }
.wid200 { width:200px !important; }
.wid205 { width:205px !important; }
.wid206 { width:206px !important; }
.wid210 { width:210px !important; }
.wid217 { width:217px !important; }
.wid220 { width:220px !important; }
.wid223 { width:223px !important; }
.wid225 { width:225px !important; }
.wid228 { width:228px !important; }
.wid230 { width:230px !important; }
.wid233 { width:233px !important; }
.wid240 { width:240px !important; }
.wid250 { width:250px !important; }
.wid260 { width:260px !important; }
.wid270 { width:270px !important; }
.wid295 { width:295px !important; }
.wid300 { width:300px !important; }
.wid310 { width:310px !important; }
.wid319 { width:319px !important; }
.wid325 { width:325px !important; }
.wid340 { width:340px !important; }
.wid355 { width:355px !important; }
.wid372 { width:372px !important; }
.wid385 { width:385px !important; }
.wid400 { width:400px !important; }
.wid410 { width:410px !important; }
.wid440 { width:440px !important; }
.wid450 { width:450px !important; }
.wid466 { width:466px !important; }
.wid500 { width:500px !important; }
.wid530 { width:530px !important; }
.wid550 { width:550px !important; }
.wid560 { width:560px !important; }
.wid580 { width:580px !important; }
.wid593 { width:593px !important; }
.wid600 { width:600px !important; }
.wid640 { width:640px !important; }
.wid700 { width:700px !important; }
.wid725 { width:725px !important; }
.wid749 { width:749px !important; }
.wid780 { width:780px !important; }
.wid790 { width:790px !important; }
.wid800 { width:800px !important; }

.widp10 { width:10%; }
.widp15 { width:15%; }
.widp18 { width:18%; }
.widp20 { width:20%; }
.widp45 { width:45%; }
.widp60 { width:60%; }
.widp92 { width:92%; }
.widp70 { width:70%; }
.widp90 { width:90%; }
.widp100 { width:100%; }

.wid70p { width:70%; }
.wid85p { width:85%; }
.wid90p { width:90%; }
.wid95p { width:95%; }

.hei450 { height:450px !important; }
.hei138 { height:138px !important; }
.hei120 { height:120px !important; }
.hei110 { height:110px !important; }
.hei90 { height:90px !important; }
.hei50 { height:50px !important; }

.mt4 { margin-top:4px !important; }
.mt5 { margin-top:5px !important; }
.mt7 { margin-top:7px !important; }
.mt8 { margin-top:8px !important; }
.mt10 { margin-top:10px !important; }
.mt11 { margin-top:11px !important; }
.mt12 { margin-top:12px !important; }
.mt13 { margin-top:13px !important; }
.mt14 { margin-top:14px !important; }
.mt15 { margin-top:15px !important; }
.mt16 { margin-top:16px !important; }
.mt20 { margin-top:20px !important; }
.mt25 { margin-top:25px !important; }
.mt30 { margin-top:30px !important; }
.mt33 { margin-top:33px !important; }
.mt35 { margin-top:35px !important; }
.mt40 { margin-top:40px !important; }
.mt45 { margin-top:45px !important; }
.mt50 { margin-top:50px !important; }
.mt80 { margin-top:80px !important; }

.mt-20 { margin-top:-20px !important; }

.ml5 { margin-left:5px !important; }
.ml7 { margin-left:7px !important; }
.ml10 { margin-left:10px !important; }
.ml12 { margin-left:12px !important; }
.ml20 { margin-left:20px !important; }
.ml33 { margin-left:33px !important; }
.ml50 { margin-left:50px !important; }
.ml42 { margin-left:42px !important; }
.ml70 { margin-left:70px !important; }
.ml230 { margin-left:230px !important; }
.ml256 { margin-left:256px !important; }

.mr1 { margin-right:1px !important; }
.mr4 { margin-right:4px !important; }
.mr5 { margin-right:5px !important; }
.mr7 { margin-right:7px !important; }
.mr8 { margin-right:8px !important; }
.mr10 { margin-right:10px !important; }
.mr12 { margin-right:12px !important; }
.mr13 { margin-right:13px !important; }
.mr14 { margin-right:14px !important; }
.mr15 { margin-right:15px !important; }
.mr17 { margin-right:17px !important; }
.mr20 { margin-right:20px !important; }
.mr24 { margin-right:24px !important; }
.mr26 { margin-right:26px !important; }
.mr27 { margin-right:27px !important; }
.mr30 { margin-right:30px !important; }
.mr33 { margin-right:33px !important; }
.mr35 { margin-right:35px !important; }
.mr41 { margin-right:41px !important; }
.mr50 { margin-right:50px !important; }

.mb0 { margin-bottom:0px !important; }
.mb3 { margin-bottom:3px !important; }
.mb4 { margin-bottom:4px !important; }
.mb5 { margin-bottom:5px !important; }
.mb6 { margin-bottom:6px !important; }
.mb7 { margin-bottom:7px !important; }
.mb8 { margin-bottom:6px !important; }
.mb9 { margin-bottom:9px !important; }
.mb10 { margin-bottom:10px !important; }
.mb11 { margin-bottom:11px !important; }
.mb12 { margin-bottom:12px !important; }
.mb13 { margin-bottom:13px !important; }
.mb14 { margin-bottom:14px !important; }
.mb15 { margin-bottom:15px !important; }
.mb16 { margin-bottom:16px !important; }
.mb17 { margin-bottom:17px !important; }
.mb18 { margin-bottom:18px !important; }
.mb19 { margin-bottom:19px !important; }
.mb20 { margin-bottom:20px !important; }
.mb22 { margin-bottom:22px !important; }
.mb23 { margin-bottom:23px !important; }
.mb24 { margin-bottom:24px !important; }
.mb25 { margin-bottom:25px !important; }
.mb26 { margin-bottom:26px !important; }
.mb27 { margin-bottom:27px !important; }
.mb30 { margin-bottom:30px !important; }
.mb32 { margin-bottom:32px !important; }
.mb35 { margin-bottom:35px !important; }
.mb38 { margin-bottom:38px !important; }
.mb40 { margin-bottom:40px !important; }
.mb45 { margin-bottom:45px !important; }
.mb50 { margin-bottom:50px !important; }
.mb55 { margin-bottom:55px !important; }
.mb60 { margin-bottom:60px !important; }
.mb70 { margin-bottom:70px !important; }
.mb77 { margin-bottom:77px !important; }
.mb90 { margin-bottom:90px !important; }
.mb100 { margin-bottom:100px !important; }
.mb120 { margin-bottom:120px !important; }
.mb150 { margin-bottom:150px !important; }
.mb170 { margin-bottom:170px !important; }
.mb490 { margin-bottom:490px !important; }