@charset "UTF-8";


.bodyArea { clear:both; position:relative; width: 758px; margin: 0 auto; }


/* 타이틀 Style ************************************************************************************************/
#contents h1 { float: left; margin-bottom: 20px; }
#contents h2 { float: left; color: #333333; font-size: 14px; font-weight: bold; background: url(/images/common/icon/h2_line.gif) 10px 2px no-repeat; padding: 2px 0 0 20px; }
h3 { font-size: 12px; color: #7F493B; padding-left: 18px; height: 33px; background: url(/images/common/icon/h3_bul.gif) 0 0 no-repeat; }/*display: none;*/
h3.view { display: inline-block; }
h4 { font-size: 12px; color: #545454; padding-left: 18px; height: 22px; background: url(/images/common/icon/h4_bul.gif) 2px 1px no-repeat; }
h5 { }
h5.issue { padding-left: 20px; height: 24px; background: url(/images/common/icon/h5_bul.gif) 0 0 no-repeat; }
h5.tipguide { padding-left: 20px; height: 24px; background: url(/images/common/icon/h5_bul2.gif) 0 0 no-repeat; }


/* LayoutPOP Style ************************************************************************************************/
.layerPop { position: absolute; z-index: 900; left: ; top: ; }

.layerPop1 { border: 1px solid #c0aca4; background: #FFFFFF; }
.layerPop1 .layerBox { padding: 10px; border: 3px solid #efeae8; }

.layerPop1 .layerBtn { padding-top: 10px; text-align: right; }
.layerPop1 .layerBtn.line { margin-top: 10px; border-top: 1px solid #DBDBDB; }


/* <p class="measure">[단위 : 원]</p> Style ************************************************************************************************/
.measure { float: right; font-size: 11px; margin: 3px 0; }
.popStyle .measure { float: right; font-size: 11px; margin: 3px 20px 3px 0; }

.measure2 { float: right; margin: 3px 0; font-size:14px; }
.popStyle .measure2 { float: right; margin: 3px 20px 3px 0; }


/* Images Style ************************************************************************************************/
.imgType1 { }


/* Help Style ************************************************************************************************/
.help { float: right; }


/* 이전글/다음글 Style ************************************************************************************************/
.prevnext { padding-top: 10px; }
.prevnext a { margin-right: 10px; padding-left: 15px; }
.prevnext .prev { background: url(/images/common/btn/btn_prev.gif) 0 0 no-repeat; }
.prevnext .next { background: url(/images/common/btn/btn_next.gif) 0 0 no-repeat; }


/* Bullet Style ************************************************************************************************/
.bulType1,
.bulType2,
.bulType3,
.bulType5,
.bulType6,
.bulType7,
.bulType8,
.popStyle .bulType1,
.popStyle .bulType2,
.popStyle .bulType3,
.popStyle .bulType5,
.popStyle .bulType6,
.popStyle .bulType7,
.popStyle .bulType8 { zoom: 1; font-size: 12px; }

.bulType3,
.popStyle .bulType3 { font-size: 11px; line-height: 15px; }

.bulType4,
.popStyle .bulType4 { }


.bulType1 li,
.popStyle .bulType1 li { margin-bottom: 5px; vertical-align: top; }

.bulType2 li,
.bulType3 li,
.bulType4 li,
.bulType5 li,
.bulType6 li,
.bulType7 li,
.bulType8 li,
.popStyle .bulType2 li,
.popStyle .bulType3 li,
.popStyle .bulType4 li,
.popStyle .bulType5 li,
.popStyle .bulType6 li,
.popStyle .bulType7 li,
.popStyle .bulType8 li { margin-bottom: 0; vertical-align: top; }


ul.bulType1 { color: #555555;} 
ul.bulType1 li { padding-left: 10px; background: url(/images/common/icon/tl_bul1.gif) 0 2px no-repeat; }
span.bulType1,
div.bulType1 { color: #555555; padding-left: 10px; background: url(/images/common/icon/tl_bul1.gif) 0 2px no-repeat; }

.popStyle ul.bulType1 li { background: url(/images/popup/icon/tl_bul1.gif) 0 2px no-repeat; }
.popStyle div.bulType1 { background: url(/images/popup/icon/tl_bul1.gif) 0 2px no-repeat; }


ul.bulType2 { color: #777777; }
ul.bulType2 li { padding-left: 8px; background: url(/images/common/icon/tl_bul2.gif) 0 4px no-repeat; }
span.bulType2,
div.bulType2 { color: #777777; padding-left: 8px; background: url(/images/common/icon/tl_bul2.gif) 0 4px no-repeat; }

.popStyle ul.bulType2 li { background: url(/images/popup/icon/tl_bul2.gif) 0 4px no-repeat; }
.popStyle div.bulType2 { background: url(/images/popup/icon/tl_bul2.gif) 0 4px no-repeat; }

.bulType2 a { color: #777777; text-decoration:underline; }

ul.bulType3 { color: #7D8DA3; }
ul.bulType3 li { padding-left: 10px; background: url(/images/common/icon/tl_bul3.gif) 0 2px no-repeat; }
span.bulType3,
div.bulType3 { color: #7D8DA3; padding-left: 10px; background: url(/images/common/icon/tl_bul3.gif) 0 2px no-repeat; }

.bulType3 a { color: #7D8DA3; text-decoration:underline; }

ul.bulType4 { color: #555555; }
ul.bulType4 li { padding-left: 20px; background: url(/images/common/icon/tl_bul4.gif) 10px 3px no-repeat; }
span.bulType4,
div.bulType4 { color: #555555; padding-left: 20px; background: url(/images/common/icon/tl_bul4.gif) 10px 3px no-repeat; }


ul.bulType5 { color: #1073AC; }
ul.bulType5 li { padding-left: 8px; background: url(/images/common/icon/tl_bul5.gif) 0 4px no-repeat; }
span.bulType5,
div.bulType5 { color: #1073AC; padding-left: 8px; background: url(/images/common/icon/tl_bul5.gif) 0 4px no-repeat; }


ul.bulType6 { color: #1D4E91; }
ul.bulType6 li { padding-left: 8px; background: url(/images/common/icon/tl_bul2.gif) 0 4px no-repeat; }
span.bulType6,
div.bulType6 { color: #1D4E91; padding-left: 8px; background: url(/images/common/icon/tl_bul2.gif) 0 4px no-repeat; }

.bulType6 a { color: #1D4E91; text-decoration:underline; }

ul.bulType7 { color: #555555; }
ul.bulType7 li { padding-left: 7px; background: url(/images/common/icon/tl_bul7.gif) 0 5px no-repeat; }
span.bulType7,
div.bulType7 { color: #555555; padding-left: 7px; background: url(/images/common/icon/tl_bul7.gif) 0 5px no-repeat; }


ul.bulType8 { color: #777777; }
ul.bulType8 li { padding-left: 10px; background: url(/images/common/icon/tl_bul8.gif) 0 4px no-repeat; }
span.bulType8,
div.bulType8 { color: #777777; padding-left: 10px; background: url(/images/common/icon/tl_bul8.gif) 0 4px no-repeat; }



/* Button Style ************************************************************************************************/
.btnType { display: inline-block; font-weight:normal; text-align: center; background-position: right top; background-repeat: no-repeat; }
.btnType a { display: inline-block; font-weight:normal; text-decoration:none; letter-spacing:0px; vertical-align: top; padding: 0 10px; line-height: 16px; background-position: left top; background-repeat: no-repeat; }


.btnType.style1 { background-image: url(/images/common/btn/box_ar.gif); }
.btnType.style1 a { height: 17px; padding-top: 4px; color: #1D4E91; font-size: 12px; background-image: url(/images/common/btn/box_al.gif); }
.btnType.style1 a:hover { color: #1D4E91; }

.popStyle .btnType.style1 a { color: #643209; }
.popStyle .btnType.style1 a:hover { color: #643209; }

.btnType.style2 { background-image: url(/images/common/btn/box_hr.gif); }
.btnType.style2 a { height: 15px; padding-top: 3px; _height: 16px; _padding-top: 2px; color: #666666; font-size: 11px; background-image: url(/images/common/btn/box_hl.gif); }
.btnType.style2 a:hover { color: #666666; }

.btnType.style3 { background-image: url(/images/common/btn/box_mr.gif); }
.btnType.style3 a { height: 17px; padding-top: 4px; color: #653F2E; font-size: 12px; background-image: url(/images/common/btn/box_ml.gif); }
.btnType.style3 a:hover { color: #653F2E; }

.btnType.style4 { background-image: url(/images/common/btn/box_lr.gif); }
.btnType.style4 a { height: 15px; padding-top: 3px; _height: 16px; _padding-top: 2px; color: #653F2E; font-size: 11px; background-image: url(/images/common/btn/box_ll.gif); }
.btnType.style4 a:hover { color: #653F2E; }

.btnType.style5 { background-image: url(/images/common/btn/box_br.gif); }
.btnType.style5 a { height: 17px; padding-top: 4px; color: #653F2E; font-size: 12px; background-image: url(/images/common/btn/box_bl.gif); }
.btnType.style5 a:hover { color: #653F2E; }

.btnType.style6 { background-image: url(/images/common/btn/box_kr.gif); }
.btnType.style6 a { height: 15px; padding-top: 3px; _height: 16px; _padding-top: 2px; color: #496A99; font-size: 11px; background-image: url(/images/common/btn/box_kl.gif); }
.btnType.style6 a:hover { color: #496A99; }

.btnType.style7 { background-image: url(/images/common/btn/box_cr.gif); }
.btnType.style7 a { height: 17px; padding-top: 4px; color: #496A99; font-size: 12px; background-image: url(/images/common/btn/box_cl.gif); }
.btnType.style7 a:hover { color: #496A99; }

.btnType.style8 { background-image: url(/images/common/btn/box_nr.gif); }
.btnType.style8 a { height: 15px; padding-top: 3px; _height: 16px; _padding-top: 2px; color: #FFFFFF; font-size: 11px; background-image: url(/images/common/btn/box_nl.gif); }
.btnType.style8 a:hover { color: #FFFFFF; }

.btnType.style9 { background-image: url(/images/common/btn/box_or.gif); }
.btnType.style9 a { height: 18px; padding-top: 5px; color: #FFFFFF; font-size: 12px; background-image: url(/images/common/btn/box_ol.gif); }
.btnType.style9 a:hover { color: #FFFFFF; }

.btnType.style10 { background-image: url(/images/common/btn/box_dr.gif); }
.btnType.style10 a { height: 15px; padding-top: 3px; _height: 16px; _padding-top: 2px; color: #FFFFFF; font-size: 11px; background-image: url(/images/common/btn/box_dl.gif); }
.btnType.style10 a:hover { color: #FFFFFF; }

.btnType.style11 { background-image: url(/images/common/btn/box_fr.gif); }
.btnType.style11 a { height: 18px; padding-top: 5px; color: #FFFFFF; font-size: 12px; background-image: url(/images/common/btn/box_fl.gif); }
.btnType.style11 a:hover { color: #FFFFFF; }

.btnType.style12 { background-image: url(/images/common/btn/box_er.gif); }
.btnType.style12 a { height: 15px; padding-top: 3px; _height: 16px; _padding-top: 2px; color: #FFFFFF ; font-size: 11px; background-image: url(/images/common/btn/box_el.gif); }
.btnType.style12 a:hover { color: #FFFFFF; }

.btnType.style13 { background-image: url(/images/common/btn/box_gr.gif); }
.btnType.style13 a { height: 18px; padding-top: 5px; color: #FFFFFF; font-size: 12px; background-image: url(/images/common/btn/box_gl.gif); }
.btnType.style13 a:hover { color: #FFFFFF; }

.btnType.style14 { background-image: url(/images/common/btn/box_ir.gif); }
.btnType.style14 a { height: 18px; padding-top: 5px; color: #444444; font-size: 12px; background-image: url(/images/common/btn/box_il.gif); }
.btnType.style14 a:hover { color: #444444; }

.btnType.style17 { background-image: url(/images/common/btn/box_qr.gif); }
.btnType.style17 a { height: 15px; padding-top: 3px; _height: 16px; _padding-top: 2px; color: #444444; font-size: 11px; background-image: url(/images/common/btn/box_ql.gif); }
.btnType.style17 a:hover { color: #444444; }

.btnType.style15 { background-image: url(/images/common/btn/box_jr.gif); }
.btnType.style15 a { height: 32px; padding-top: 7px; color: #444444; font-size: 11px; line-height: 14px; background-image: url(/images/common/btn/box_jl.gif); }
.btnType.style15 a:hover { color: #444444; }

.btnType.style16 { background-image: url(/images/common/btn/box_pr.gif); }
.btnType.style16 a { height: 32px; padding-top: 3px; color: #fff; font-weight:bold;  font-size: 11px; line-height: 14px; background-image: url(/images/common/btn/box_pl.gif); }
.btnType.style16 a:hover { color: #fff; }


.btnType .blu1 { float: left; display: inline-block; height: 12px; margin-right: 4px; }
.btnType .blu2 { float: left; display: inline-block; height: 12px; margin-right: 3px; _margin-right: 1px; }
.btnType .blu3 { float: left; display: inline-block; width: 7px; height: 12px; margin-right: 3px; background-color: #000; }
.btnType .blu4 { float: left; display: inline-block; width: 12px; height: 12px; margin-right: 3px; background-color: #000; }


.btnType.style2 .blu1,
.btnType.style3 .blu1,
.btnType.style14 .blu1,
.btnType.style17 .blu1 { width: 2px; background: url(/images/common/icon/blu_a1.gif) 0 50% no-repeat; }
.btnType.style2 .blu2,
.btnType.style3 .blu2,
.btnType.style14 .blu2,
.btnType.style17 .blu2 { width: 3px; background: url(/images/common/icon/blu_b1.gif) 0 50% no-repeat; }
.btnType.style2 .blu3,
.btnType.style3 .blu3,
.btnType.style14 .blu3,
.btnType.style17 .blu3 { background: url(/images/common/icon/blu_c1.gif) 0 50% no-repeat; }
.btnType.style2 .blu4,
.btnType.style3 .blu4,
.btnType.style14 .blu4,
.btnType.style17 .blu4 { background: url(/images/common/icon/blu_d1.gif) 0 50% no-repeat; }

.btnType.style4 .blu1,
.btnType.style5 .blu1,
.popStyle .btnType.style1 .blu1 { width: 2px; background: url(/images/common/icon/blu_a2.gif) 0 50% no-repeat; }
.btnType.style4 .blu2,
.btnType.style5 .blu2,
.popStyle .btnType.style1 .blu2 { width: 3px; background: url(/images/common/icon/blu_b2.gif) 0 50% no-repeat; }
.btnType.style4 .blu3,
.btnType.style5 .blu3,
.popStyle .btnType.style1 .blu3 { background: url(/images/common/icon/blu_c2.gif) 0 50% no-repeat; }

.btnType.style1 .blu1,
.btnType.style6 .blu1,
.btnType.style7 .blu1 { width: 2px; background: url(/images/common/icon/blu_a3.gif) 0 50% no-repeat; }
.btnType.style1 .blu2,
.btnType.style6 .blu2,
.btnType.style7 .blu2 { width: 3px; background: url(/images/common/icon/blu_b3.gif) 0 50% no-repeat; }
.btnType.style1 .blu3,
.btnType.style6 .blu3,
.btnType.style7 .blu3 { background: url(/images/common/icon/blu_c3.gif) 0 50% no-repeat; }

.btnType.style8 .blu1,
.btnType.style9 .blu1,
.btnType.style10 .blu1,
.btnType.style11 .blu1,
.btnType.style12 .blu1,
.btnType.style13 .blu1 { width: 2px; background: url(/images/common/icon/blu_a4.gif) 0 50% no-repeat; }
.btnType.style8 .blu2,
.btnType.style9 .blu2,
.btnType.style10 .blu2,
.btnType.style11 .blu2,
.btnType.style12 .blu2,
.btnType.style13 .blu2 { width: 3px; background: url(/images/common/icon/blu_b4.gif) 0 50% no-repeat; }
.btnType.style8 .blu3,
.btnType.style9 .blu3,
.btnType.style10 .blu3,
.btnType.style11 .blu3,
.btnType.style12 .blu3,
.btnType.style13 .blu3 { background: url(/images/common/icon/blu_c4.gif) 0 50% no-repeat; }



.bulType1 .btnType,
.bulType2 .btnType,
.bulType3 .btnType,
.bulType4 .btnType,
.bulType5 .btnType,
.bulType6 .btnType,
.bulType7 .btnType,
.bulType8 .btnType,
.popStyle .bulType1 .btnType,
.popStyle .bulType2 .btnType,
.popStyle .bulType3 .btnType,
.popStyle .bulType4 .btnType,
.popStyle .bulType5 .btnType,
.popStyle .bulType6 .btnType,
.popStyle .bulType7 .btnType,
.popStyle .bulType8 .btnType { vertical-align: top; margin-bottom: 3px; }




















            