@charset "utf-8";
/* Default CSS ==================
= Developer Name: 방문준
= Create Date: 2010.03.15
= Reversion History: (일자,개발자,내용 기술)
= Date.Name Description =
2010.03.15.방문준. 최종수정
============================= */

/* Tag ========== */
* { font-style: normal; font-family: "돋움",Dotum,"굴림",Gulim,sans-serif; }
html, body { margin: 0; padding: 0; background: #fff; }
body { color: #666; font-size: 75%; line-height: 1.42; }
a, a:link { color: #555; text-decoration: none; }
a:visited { color: #555; }
a:hover, a:active, a:focus { color: #0390AA; text-decoration: underline; }
img,
form,
fieldset,
legend { margin: 0; padding: 0; border: 0; }
input,
textarea,
select,
button { font-size: .92em; vertical-align: middle; }
hr { display: none; }
em { color: #b37b09; }

/* Layout ========== */
body { background: #fff url(/image/obk/cm/bg.gif) repeat-x; }
#container { z-index: 10; position: relative; width: 100%; margin: 0; }
#head { z-index: 30; clear: both; position: relative; width: 852px; height: 98px; margin: 0; }
#wrap { z-index: 20; clear: both; position: relative; width: 852px; margin: 0; background: url(/image/obk/cm/bg_wp.gif) repeat-y; }
#wrap:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
 #side { display: inline; float: left; width: 205px; min-height: 300px; }
 * html #side { height: 300px; }
  #body { display: inline; float: left; width: 645px; margin: 0; }
   #body_head { clear: both; position: relative; width: 645px; height: 66px; background: url(/image/obk/cm/bg_body_head.gif) no-repeat; }
   #body_content { clear: both; position: static; width: 625px; min-height: 300px; padding: 0 10px; }
	 #body_content:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
   * html #body_content { height: 300px; }
#foot { z-index: 30; clear: both; position: relative; width: 100%; height: 35px; margin: 0; background: #e9e9e9; }

#head *, #side *, #foot *, #body_head *, #body_foot *, body.main *, *.init /* 초기화 */
{ list-style: none; margin: 0; padding: 0; background: transparent; line-height: 1.25; vertical-align: top; }
.init2 { list-style: none; margin: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; line-height: 1.25; vertical-align: top; }/* 불릿표시 */

/* head */
#logo { position: absolute; left: 5px; top: 13px; margin: 0; padding: 0 !important; background: transparent !important; }

#globalmenu { position: absolute; left: 550px; top: 18px; width: 300px; height: 13px; overflow: hidden; }
#globalmenu ul { position: absolute; right: 0; top: 0; }
#globalmenu ul li { display: inline; float: left; margin: 0 0 0 12px; padding: 0; }
#globalmenu ul li.cbg { display: inline; float: left; padding:0 0 0 9px; margin: 0; background: url(/image/obk/cm/gmlibg.gif) no-repeat;  }
#globalmenu ul li a { display: inline; float: left; }

#topmenu { position: absolute; left: 0; top: 50px; width: 900px; height: 45px; }
#topmenu ul { list-style: none; position: absolute; left: 0; top: 0; z-index: 1; }
#topmenu li { display: inline; float: left; }
#topmenu ul li a { display: inline; float: left; padding: 0; }

/* foot */
#authorinfo { display: block; position: absolute; left: 11px; top: 9px; width: 470px; height: 13px; }
#authorinfo h4 { display:none; }
#authorinfo address { display: block; }

#fmail { display: block; position: absolute; left: 771px; top: 6px; }
#finfo { display: block; position: absolute; left: 670px; top: 10px; }
/* login */
#login { display: block; position: relative; width: 196px; height: 105px; margin: 0 9px 0 0; padding: 0; background: #f0f0f0; }
#login form { padding:0; margin:0; }
#login h2 { position: absolute; left: 5px; top: 1px; }
#login fieldset { position: absolute; left: 14px; top: 21px; width: 175px; height: 77px; padding:0; margin:0; border:0; background: transparent; }
#login fieldset legend { display:none; }
#login p.mid { position: absolute; left: 0; top: 0; }
#login p.mid label { display:inline; float:left; width:41px; padding: 0; line-height: 1.25; }
#login p.mpw { position: absolute; left: 0; top: 20px; }
#login p.mpw label { display:inline; float:left; width:41px; padding: 0; line-height: 1.25; }
#login p.mtext { position: absolute; left: 5px; top: 5px; width: 123px; height: 59px; color:#666; }
#login p.mck { position: absolute; left: 5px; top: 42px; font-size: .92em; }
#login p input.text { display:inline; float:left; width:80px; height:15px; padding:1px 5px 0 5px; border:1px solid #b9b9b9; background: transparent;  }
#login .blogin { position: absolute; left: 137px; top: 0; }
#login .btnbox { position: absolute; left: 0; top: 59px; width: 172px; height: 18px; }
#login .btnbox ul {  }
#login .btnbox ul li { display:inline; }
#login .btnbox ul li a { display:inline; float:left; }

/* side */
#sidemenu { width: 196px; margin: 5px 9px 0 0; padding: 0; }
#sidemenu ul { width: 196px; padding:0; margin:0; overflow: hidden; }
#sidemenu ul li { width: 100%; }
#sidemenu ul li a { display: block; width: 100%; padding:0; margin:0; cursor: pointer; }
#sidemenu ul li a.on {  }
#sidemenu ul ul { width: 196px; margin: 0; padding: 7px 0; border: 0; border-bottom: 1px solid #c5c5c5; background: #f7f7f7; }
#sidemenu ul ul li a { width: 177px; padding: 1px 0 1px 19px; border: 0; color: #666; font-size: .92em; }
#sidemenu ul ul li a.on { font-weight: bold !important; color:#0b5a8a; letter-spacing: -1px; }
#sidemenu ul ul li a:hover,
#sidemenu ul ul li a:focus { color: #666 !important; }

/* body */
#body_head #body_title { padding: 27px 0 0 14px; }
#body_head h1 {  }

/* Class ========== */
.hide { position: absolute; width: 0; height: 0; font-size: 0; line-height: 0; text-indent: -9999px; overflow: hidden; visibility: hidden; }
hr.dash { display: block; border-top: 1px dashed #ccc; color: #fff; }

.dpn { display: none !important; }
.dpb { display: block !important; }
.dpi { display: inline !important; }

.fl { display: inline !important; float: left !important; }
.fr { display: inline !important; float: right !important; }
.brclear { clear: both !important; }
.left { float: left; padding: 6px 0; }
.right { float: right; padding: 6px 0; text-align: right; }
.center { margin: 0 auto; padding: 6px 0; text-align: center; }
img.flm { float: left; margin: 0 20px 20px 0; }
img.frm { float: right; margin: 0 0 20px 20px; }
img.center { margin: 0 auto; text-align: center; display: block;}

.wauto { width: auto !important; height: auto !important; }
.w100 { width: 100% !important; }

.mg0 { margin: 0 !important; }
.pd0 { padding: 0 !important; }

.bd0 { border: 0 !important; }

.bin { background-image: none !important; }

.fwn { font-weight: normal !important; }
.fwb { font-weight: bold !important; }

.fsn { font-style: normal !important; }
.fsi { font-style: italic !important; }

.fs11 { font-size: .92em !important; }
.fs14 { font-size: 1.17em !important; }
.fs16 { font-size: 1.34em !important; }
.fs18 { font-size: 1.5em !important; }

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

.vam { vertical-align: middle !important; }
.vat { vertical-align: top !important; }
.vab { vertical-align: bottom !important; }

.tdu { text-decoration: underline !important; }
.tdn { text-decoration: none !important; }

.nowrap,
.nowrap * { white-space: nowrap !important; }
.onwrap,
.onwrap * { white-space: normal !important; }

.ofh { overflow: hidden; }

.scroll { overflow: auto; }

/* Content ========== */

/* 제목 */
h1, h2, h3, h4, h5, h6 { margin: 1.33em 0; color: #333; font-size: 1em; letter-spacing: 0; line-height: 1.25; }
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { font-weight: normal; } /* 제목안텍스트 */
h1 { font-weight: bold; font-size: 1.34em; line-height: 1.19; letter-spacing: -1px; }
h2 { padding: 0 0 0 20px; background: url(/image/cm/h2bg.gif) no-repeat 1px 1px; }
h3 { padding: 0 0 0 18px; background: url(/image/cm/h3bg.gif) no-repeat 0 1px; font-weight: normal; }
h4 { padding: 0 0 0 16px; background: url(/image/cm/h4bg.gif) no-repeat  0 3px; font-weight: normal; }
h5 { padding: 0 0 0 16px; background: url(/image/cm/h5bg.gif) no-repeat 0 2px; font-weight: normal; }
h6 { padding: 0 0 0 10px; background: url(/image/cm/h6bg.gif) no-repeat 0 4px; font-weight: normal; }
/* 들여쓰기 */
.indent { padding: 0 0 0 1.34em; }
.indent1 { padding: 0 0 0 0.84em; }
.indent2 { padding: 0 0 0 20px; }
.indent3 { padding: 0 0 0 18px; }
.indent4 { padding: 0 0 0 16px; }
.indent5 { padding: 0 0 0 16px; }
.indent6 { padding: 0 0 0 10px; }

a.link { text-decoration: underline; }
a.bu { padding: 0 0 0 14px; background: url(/image/cm/bu/bu01.gif) no-repeat 0 50%; }

/* 목록 */
ul.bu { list-style: none; margin: .5em 0; padding: 0; text-align: left; }
ul.bu li { margin: 0; padding: 0 0 0 12px !important; background: url(/image/cm/li1bg.gif) no-repeat 2px 5px; }
ul.bu ul li { padding: 0 0 0 12px; background: url(/image/cm/li2bg.gif) no-repeat 0 6px; }
ul.bu ul ul li { padding: 0 0 0 12px; background: url(/image/cm/li3bg.gif) no-repeat 3px 6px; }
ul.bu ul ul ul li { padding: 0 0 0 12px; background: url(/image/cm/li4bg.gif) no-repeat 4px 7px; }
ul.bu ul, ul.bu ul ul, ul.bu ul ul ul { list-style: none; margin: .5em 0; padding: 0; }
ul.bu1,
ul.bu2,
ul.bu3,
ul.bu4,
ul.bu5 { list-style: none; margin: .5em 0; padding: 0 !important; text-align: left; }
ul.bu1 li { margin: 0; padding: 0 0 0 12px; background: url(/image/cm/li1bg.gif) no-repeat 2px 5px; }
ul.bu2 li { margin: 0; padding: 0 0 0 12px; background: url(/image/cm/li2bg.gif) no-repeat 0 6px; }
ul.bu3 li { margin: 0; padding: 0 0 0 12px; background: url(/image/cm/li3bg.gif) no-repeat 3px 6px; }
ul.bu4 li { margin: 0; padding: 0 0 0 12px; background: url(/image/cm/li4bg.gif) no-repeat 4px 7px; }
ul.bu5 li { margin: 0; padding: 0 0 0 12px; background: url(/image/cm/bu/bu05.gif) no-repeat 2px 5px; }
ul.bu6 li { margin: 0; padding: 0 0 0 12px; background: url(/image/cm/h6bg01.gif) no-repeat 2px 6px; }
td ul.bu {  }
ul.notice { list-style: none; margin: 0; padding: 0 0 .5em 0; text-align: left; }
ul.notice li { margin: 0; padding: 0 0 0 15px; background: url(/image/cm/libg1notice.gif) no-repeat 0 3px; }
ul.bu.btn li { line-height: 3; background-position: 2px 50%; }
ul.init { list-style: none; margin: 0; padding: 0; background: transparent; line-height: 1.42; vertical-align: top; }
ul.init li { margin: 0 !important; padding: 0 !important; background: transparent !important; }

ol.bu { margin: 0 0 0 2em; padding: 0 0 .5em 0; text-align: left; }
ol.bu li { margin: 0; padding: 0; }
ol.num { margin: 0; padding: .5em 0; }
ol.num li { list-style: none; padding: 0 0 0 2.2em; background-repeat: no-repeat; background-position: 0 .25em; }
ol li.n01 { background-image: url(/image/cm/n01.gif); }
ol li.n02 { background-image: url(/image/cm/n02.gif); }
ol li.n03 { background-image: url(/image/cm/n03.gif); }
ol li.n04 { background-image: url(/image/cm/n04.gif); }
ol li.n05 { background-image: url(/image/cm/n05.gif); }
ol li.n06 { background-image: url(/image/cm/n06.gif); }
ol li.n07 { background-image: url(/image/cm/n07.gif); }
ol li.n08 { background-image: url(/image/cm/n08.gif); }
ol li.n09 { background-image: url(/image/cm/n09.gif); }
ol li.n10 { background-image: url(/image/cm/n10.gif); }
ol li.n11 { background-image: url(/image/cm/n11.gif); }
ol li.n12 { background-image: url(/image/cm/n12.gif); }
ol li.n13 { background-image: url(/image/cm/n13.gif); }
ol li.n14 { background-image: url(/image/cm/n14.gif); }
ol li.n15 { background-image: url(/image/cm/n15.gif); }


dl.bu { margin: .5em 0; }
dl.bu dt { margin: 0; padding: 0 0 0 12px; background: url(/image/cm/li1bg.gif) no-repeat 2px 5px; }
dl.bu dd { margin: .5em 0; padding: 0 0 0 12px; }

p.bu { padding: 0 0 0 12px !important; background: url(/image/cm/li1bg.gif) no-repeat 2px 5px; }

/* 상자 */
.box { padding: 17px 29px; border: 2px solid #C5B894; }
.box p { margin: 1.3em 0 0 0; color: #666; font-size: .92em; line-height: 1.28; }
.box p.init { margin: 0; }
/* .box h3 { margin: 0; padding: 0; background: transparent; } */

.box0 { position: relative; min-width: 756px; min-height: 78px; padding: 0; border: 2px solid #C5B894; overflow: hidden; }
* html .box0 { height: 78px; }
.box0 h3 { position: absolute; left: 0; top: 0; margin: 0; padding: 0; background: transparent; }
.box0 p,
.box0 div { margin: 18px 19px 18px 173px; color: #666; font-size: .92em; line-height: 1.28; }

.box1 { width: auto; padding: 15px 20px 15px; border: 1px solid #E8E8E8; background: #F5F5F5; }
.box1 .x { }
.box1 .x .x {  }
.box1 .x .x .x {  }

.box2 { position: relative; width: 100%; background: #fff url(/image/cm/box2bg3.gif) no-repeat left bottom; }
.box2 .x { position: relative; background: url(/image/cm/box2bg4.gif) no-repeat right bottom; padding-bottom: 10px; }
.box2 .x .x { position: relative; background: url(/image/cm/box2bg1.gif) no-repeat left top; padding: 0; }
.box2 .x .x .x { position: relative; background: url(/image/cm/box2bg2.gif) no-repeat right top; padding: 20px 30px 5px; }
.box2 h3 { position: absolute; left: 0; top: 0; margin: 0; padding: 0; background: transparent; }
* html .box2 h3 { left: -30px; }

.box3 { width: auto; border: 1px solid #e2e2e2; }
.box3 .pic { display: none; }
.box3 .x { width: auto; border: 3px solid #F5F5F5; }
.box3 .x .x { border: 0; }
.box3 .x .x .x { width: 95%; padding: 2.5%; border: 0; }
.box3 .content {  }

.box4 { width: 100%; background: #fff url(/image/cm/box4bg3.gif) no-repeat left bottom; }
.box4 .x { background: url(/image/cm/box4bg4.gif) no-repeat right bottom; padding-bottom: 10px; }
.box4 .x .x { background: url(/image/cm/box4bg1.gif) no-repeat left top; padding: 0; }
.box4 .x .x .x { background: url(/image/cm/box4bg2.gif) no-repeat right top; padding: 10px 20px 0; font-size: .92em; }
.box4 ul.bu li { padding: 0 0 0 9px; background: url(/image/cm/bu/bu02.gif) no-repeat 0 5px; }
.box4 em { color: #D08610; }

.box5 { width: auto; margin: 0 auto; padding: 19px; border: 1px solid #CCCCD4; background: #fcfcfc; }
.box5 .x { }
.box5 .x .x {  }
.box5 .x .x .x {  }

.box6 { width: 100%; background: #f1f1f1 url(/image/cm/box6bg3.gif) no-repeat left bottom; }
.box6 .x { background: url(/image/cm/box6bg4.gif) no-repeat right bottom; padding-bottom: 5px; }
.box6 .x .x { background: url(/image/cm/box6bg1.gif) no-repeat left top; padding: 0; }
.box6 .x .x .x { background: url(/image/cm/box6bg2.gif) no-repeat right top; padding: 5px 11px 0; font-size: .92em; }
.box6 ul.title { list-style: none; margin: 0; padding: 0; text-align: left; }
.box6 ul.title li { margin: 0; padding: 0 0 0 15px; background: url(/image/cm/libg1notice.gif) no-repeat 0 3px; color: #666666; }

.x .x .x .init { margin: 0 0 6px 0; }

/* 표 */
/* 01공통 */
caption { margin: 0; padding: 0 0 6px 0; line-height: 1.25; }
caption.bu { margin: 0; padding: 0 0 6px 16px; background: url(/image/cm/h4bg01.gif) no-repeat  0 3px; font-weight: bold; text-align: left; line-height: 1.25; }
caption div.tar { margin-top: -1.25em; }

table.layout { margin: 0 !important; padding: 0 !important; border-collapse: collapse; border: 0 !important; }
table.layout td { padding: 0 !important; border: 0 !important; background: #fff !important; /* color: #666 !important; */ vertical-align: top !important; }

table.t1 { margin: 6px 0; border-collapse: collapse; border-top: 1px solid #ccc; }
* html table.t1 { border-right: 1px solid #fff; }
*:first-child+html table.t1 { border-right: 1px solid #fff; }
table.t1 th,
table.t1 td { padding: 6px 19px 6px; background: url(/image/cm/table.t1.td.bg.gif) no-repeat 0 12px; vertical-align: top; }
table.t1 th { background: #eee; color: #D69611; font-weight: bold; text-align: left; }
table.t1 th a {  }
table.t1 td ul { margin: 2px 0; padding: 0; }

table.t2 { margin: 6px 0; border-collapse: collapse; border: 1px solid #ccc; }
table.t2 tr { text-align: left; vertical-align: top; }
table.t2 th,
table.t2 td { border: 1px solid #ccc; padding: 6px 10px 6px; }
table.t2 th { background: #eee; color: #D69611; font-weight: bold; text-align: left; }

table.t3 { margin: 6px 0; border-collapse: collapse; border-top: 2px solid #9AD3DD; border-bottom: 1px solid #ccc; border-right: 1px hidden #fff; background: #fff; }
* html table.t3 { border-right: 1px solid #fff; }
*:first-child+html table.t3 { border-right: 1px solid #fff; }
table.t3 tr { text-align: left; }
table.t3 th,
table.t3 td { border: 1px solid #ccc; border-width: 1px 1px 0 0; padding: 6px 14px 6px; }
table.t3 th { background: #EBF6F8; color: #0390AA; font-weight: normal; text-align: left; }
table.t3 thead th,
table.t3 tfoot th { font-weight: bold; font-size: .92em; text-align: center; vertical-align: middle; }
table.t3 tr.t1 th,
table.t3 tr.t1 td { border-width: 0 1px 0 0; padding: 1px 14px 1px; }
table.t3 tr.t2 th,
table.t3 tr.t2 td { border-width: 0 1px 0 0; padding: 1px 14px 6px; }
table.t3 .tdtac td { text-align: center; }
table.t3 .tdtar td { text-align: right; }

table.t3 table.t3_1 { border-collapse: collapse; border: 0px; }
table.t3 table.t3_1 td { border: 0px; }
table.t3 table.t3_1 th { border: 0px; background: #f5f5f5;}

table.t4 { width: 100%; border-collapse: collapse; border: 1px solid #9AD3DD; border-top: 2px solid #9AD3DD; background: #fff; }
table.t4 caption { padding-bottom: 4px; }
table.t4 tr {  }
table.t4 th,
table.t4 td { border: 1px solid #9AD3DD; padding: 6px 10px 6px; font-weight: normal; font-size: .92em; }
table.t4 td * { font-size: 1em; }
table.t4 thead th,
table.t4 tfoot th { background: #EBF6F8; }
table.t4 tbody th { background: #EBF6F8; text-align: left; }
table.t4 tr.e * { background: #F4F4F4 !important; }
table.t4 em.up { color: #D54D4F; }
table.t4 em.down { color: #06c; }
table.t4 em img { padding: 2px 6px; }
table.t4 .tdtac td { text-align: center; }
table.t4 .tdtar td { text-align: right; }
/* 표 개별조합속성 */
table.auto { width: auto; height: auto; }
.pd6 th, .pd6 td { padding: 6px 6px !important; }
.vat td, .vat th { vertical-align: top; }
.vab td, .vab th { vertical-align: bottom; }
.vam td, .vam th { vertical-align: middle; }

/* 탭 */
.tab1 { height: 27px; padding: 0 0 15px 0; background: url(/image/cm/tab1bg.gif) repeat-x 0 100%; overflow: hidden; }
.tab1 * { list-style: none; margin: 0; padding: 0; vertical-align: top; }
.tab1 li { display: inline; float: left; padding: 0 1px 0 0; }
.tab2 { height: 22px; padding: 3px 3px 0 3px; background: url(/image/cm/tab2bg.gif) repeat-x; overflow: hidden; }
.tab2 * { list-style: none; margin: 0; padding: 0; vertical-align: top; }
.tab2 li { display: inline; float: left; padding: 0 0 0 1px; background: url(/image/cm/tab2msep.gif) no-repeat 0 50%; }
.tab2 li.on { position: relative; margin: 0 -1px 0 0; padding: 0; }
.tab2 li.nobg { padding: 0; }

/* 콘텐츠메뉴 */
.contentmenu1 { position: relative; padding: 0 20px 0 0; background: #A2A2A2 url(/image/cm/contentmenu1bg.gif) no-repeat 100% 0; overflow: hidden; }
.contentmenu1 * { list-style: none; margin: 0; padding: 0; line-height: 1.25; vertical-align: top; white-space: nowrap; }
.contentmenu1 .x { padding: 3px 0 3px 20px; background: url(/image/cm/contentmenu1bg.gif) no-repeat; }
.contentmenu1 ul { width: 100%; background: url(/image/cm/contentmenu1ulbg.gif); overflow: hidden; }
.contentmenu1 ul li { display: inline; float: left; padding: 0 0 0 1px; background: url(/image/cm/contentmenu1msep.gif) no-repeat 0 50%; }
.contentmenu1 ul li a { display: inline; float: left; padding: 3px 10px; color: #fff !important; }
.contentmenu1 ul li.on { background: transparent; }
.contentmenu1 ul li.on a { background: url(/image/cm/contentmenu1mbg.gif) no-repeat 0 50%; font-weight: bold; letter-spacing: -1px; }
.contentmenu2 { position: relative; width: 100%; background: #01AECE url(/image/cm/contentmenu2bg3.gif) no-repeat left bottom; }
.contentmenu2 .x { background: url(/image/cm/contentmenu2bg4.gif) no-repeat right bottom; padding-bottom: 3px; }
.contentmenu2 .x .x { background: url(/image/cm/contentmenu2bg1.gif) no-repeat left top; padding: 0; }
.contentmenu2 .x .x .x { background: url(/image/cm/contentmenu2bg2.gif) no-repeat right top; padding: 3px 20px 0; }
.contentmenu2 * { list-style: none; margin: 0; padding: 0; line-height: 1.25; vertical-align: top; white-space: nowrap; }
.contentmenu2 ul { width: 100%; overflow: hidden; }
.contentmenu2 ul li { display: inline; float: left; padding: 0 0 0 1px; background: url(/image/cm/contentmenu2msep.gif) no-repeat 0 50%; }
.contentmenu2 ul li a { display: inline; float: left; padding: 3px 10px; color: #fff !important; }
.contentmenu2 ul li.on {  }
.contentmenu2 ul li.on a { font-weight: bold; letter-spacing: -1px; text-decoration: underline; }
/* FAQ */
.faq1 { margin: 20px 0; padding: 3px 0 0 0; background: url(/image/cm/faq1bg.gif) no-repeat; }
.faq1 dl { margin: 0; padding: 0 0 3px 0; background: url(/image/cm/faq1bg.gif) no-repeat 0 100%; }
.faq1 dl dt { margin: 0; border-top: 1px solid #ccc; background: #fff; }
.faq1 dl dt a { display: block; padding: 7px 13px 6px 43px; background: url(/image/cm/faq1q.gif) no-repeat 6px 7px; color: #666; }
.faq1 dl dt a:hover,
.faq1 dl dt a:focus { font-weight: bold; letter-spacing: -1px; text-decoration: none !important; }
.faq1 dl dt.on { background: url(/image/cm/faq1bg.gif) no-repeat 0 -3px; font-weight: bold; letter-spacing: -1px; }
.faq1 dl dd { display: none; margin: 0; padding: 7px 13px 7px 43px;background: #EDF9FB url(/image/cm/faq1a.gif) no-repeat 6px 7px; }
.faq1 dl dd * { margin-top: 0; }
.faq1 dl dd ul { margin-bottom: 1em; }

.faq1 { margin: 20px 0; padding: 3px 0 0 0; background: url(/image/cm/faq1bg.gif) no-repeat; }
.faq1 dl { margin: 0; padding: 0 0 3px 0; background: url(/image/cm/faq1bg.gif) no-repeat 0 100%; }
.faq1 dl dt { margin: 0; border-top: 1px solid #ccc; background: #fff; }
.faq1 dl dt h3,
.faq1 dl dt a { display: block; margin: 0; padding: 7px 13px 6px 43px; background: url(/image/cm/faq1q.gif) no-repeat 6px 7px; color: #666; }
.faq1 dl dt a:hover,
.faq1 dl dt a:focus { font-weight: bold; letter-spacing: -1px; text-decoration: none !important; }
.faq1 dl dt.on { background: url(/image/cm/faq1bg.gif) no-repeat 0 -3px; font-weight: bold; letter-spacing: -1px; }
.faq1 dl dt.on h3 { font-weight: bold; }
.faq1 dl dd { display: none; margin: 0; padding: 7px 13px 7px 43px;background: #EDF9FB url(/image/cm/faq1a.gif) no-repeat 6px 7px; }
.faq1 dl dd * { margin-top: 0; }
.faq1 dl dd ul { margin-bottom: 1em; }
.faq1 dl dd.on { display: block; }
.faq1 ul.faq { list-style: none; margin: 0; padding: 0 0 3px 0; background: url(/image/cm/faq1bg.gif) no-repeat 0 100%; }
.faq1 ul.faq li { margin: 0; padding: 0; border-top: 1px solid #ccc; background: #fff; }
.faq1 ul.faq li a { display: block; padding: 7px 13px 6px 43px; background: url(/image/cm/faq1q.gif) no-repeat 6px 7px; color: #666; }
* html .faq1 ul li a { height: 15px; }
.faq1 ul.faq li a:hover,
.faq1 ul.faq li a:focus { font-weight: bold; letter-spacing: -1px; text-decoration: none !important; }
.faq1 ul.faq li:hover,
.faq1 ul.faq li:focus { background: url(/image/cm/faq1bg.gif) no-repeat 0 -3px; font-weight: bold; letter-spacing: -1px; }
.faq1 table.t3 tbody th { background: #fff; }


/* 다단배치 */
.multicol { width: 100%; }
.multicol:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.multicol .col { float: left; }

/* 서식 */
input.text { padding: 3px 5px; border: 1px solid #ccc; background: #fff !important; }
input.file { height: 19px; padding: 0; border: 1px solid #ccc; background: #fff !important; }
textarea.textarea { padding: 1px 0 1px 2px; border: 1px solid #bbb; background: #fff !important; }
select.select { min-height: 17px; background: #fff !important; }
input.image {  }
button.button {  }

/* 동적page ★ 전부 <div class="board"></div> 로 감싼다!! */
/*  */
.board { clear: both; position: relative; width: 100%; margin: 0 auto; padding: 1px 0 0 0; }
.board a,
.board a:link { color: #333; text-decoration: none; }
.board a:visited { color: #333; }
.board a:hover, a:active, a:focus { color: #000; text-decoration: underline; } /* a:focus추가 */
/* .board em { color: #f42; font-weight: bold; } */
.board img { vertical-align: middle; }
/* 게시판 정보, 버튼메뉴 담기 - float해제 */
.board .infomenu { z-index: 10; clear: both; position: relative; width: 100%; margin: 10px 0; }
.board .infomenu:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

/* 입력 */
.required { margin: 1.34em 0 -1.67em; color: #E46714; font-size: .92em; text-align: right; }
table.input { width: 100%; border-bottom: 2px solid #9AD3DD; }
table.input tr { font-size: .92em; }
table.input tr * { font-size: 1em; }
table.input th { width: 105px; padding: 6px 5px 6px 15px; border-right: 1px solid #9AD3DD; }
table.input th img { margin: 0 0 2px;vertical-align: middle; }
table.input td {  }
table.input td .explain {  }
table.input td strong { font-size: 1.1em; }
table.input td .p { margin: .5em 0 .3em; }

/* 조회 */
h3.item { background: url(/image/cm/bu/bu01.gif) no-repeat 1px 3px; font-size: 1.17em; }
h3.item span { font-size: 0.86em; }
h4.watch { margin: 0 0 8px 0; padding: 2px 0 0 22px; background: url(/image/cm/icon/i3watch.gif) no-repeat 2px 0; font-weight: normal; font-size: .92em; }
.search table { width: 100%; margin: 3px 0 8px; border-collapse: collapse; border-top: 2px solid #D5D5D5; border-bottom: 1px solid #D5D5D5; border-right: 1px hidden #fff; background: #fff; }
* html .search table { border-right: 1px solid #fff; }
*:first-child+html .search table { border-right: 1px solid #fff; }
.search table tr { text-align: left; }
.search table th,
.search table td { border: 1px solid #D5D5D5; border-width: 1px 1px 0 0; padding: 6px 10px 6px; vertical-align: top; }
.search table th { width: 90px; padding: 8px 10px 8px 25px; background: #eee url(/image/cm/bu/bu03.gif) no-repeat 17px 13px; color: #666; font-weight: bold; font-size: .92em; text-align: left; }
.search table img { vertical-align: middle; }
.search table .btns { margin: 0 0 0 7px; }
/* .search input.image { position: absolute; right: 116px; top: 12px; } */
.body_head_btn { position: absolute; right: 0; top: 12px; }
.gridlist .scroll { width: 100%; height: 304px; }
.gridlist table tbody th { background: #fff; }
/* 달력-검색일범위선택 */
.calendar2 { z-index: 100; position: relative; width: 168px; padding: 0 0 6px 0; border: 1px solid #d5d5d5; background: #fff; }
.calendar2 .title { display: block; }
.calendar2 .close { position: absolute; right: 0; top: 0; }
.calendar2 .yearmonth { padding: 5px 4px 6px; text-align: center; }
.calendar2 table { width: 154px; margin: 0 7px; border-collapse: collapse; border: 1px solid #d5d5d5 !important; }
.calendar2 table tr { text-align: center; }
.calendar2 table td,
.calendar2 table th { width: auto; padding: 0; border: 0; background: #fff; color: #697A8D; font-size: .92em; }
.calendar2 table th { font-weight: bold; text-align: center; }
.calendar2 table .sun,
.calendar2 table .sun a { color: #E43F14 !important; }
.calendar2 table .sat,
.calendar2 table .sat a {  }
.calendar2 table .today { font-weight: bold; }
.calendar2 table td a { display: block; color: #697A8D; }
.calendar2 table td a:hover,
.calendar2 table td a:focus { background: #56606B; color: #fff !important; text-decoration: none; }
/* 기간선택용달력을 빌더 게시판용으로 변경 - 달력용  */
#bd_from_date { display: none; position: absolute; left: 225px; top: 67px; }
#bd_to_date { display: none; position: absolute; left: 350px; top: 67px; }

/* 기간선택용달력 
#from_date { display: none; position: absolute; left: 215px; top: 112px; }
#to_date { display: none; position: absolute; left: 342px; top: 112px; }
*/
/* 게시판-쓰기,보기 */
table.write { width: 100%; border-bottom: 2px solid #9AD3DD; }
table.write tr { font-size: .92em; }
table.write tr * { font-size: 1em; }
table.write th { width: 15%; padding: 6px 15px 6px 15px; background: #EEEFF0; color: #6A6B6D; font-weight: bold; }
table.write th img { margin: 0 0 2px;vertical-align: middle; }
table.write td { font-size: 1.1em; }
table.write td .explain {  }
table.write td strong {  }
table.write td .p { margin: .5em 0 .3em; }
table.write td.substance { padding: 15px; }
/* K-Studio의 무비아이콘 */
table.write td.substance div .m_bg {position:relative;width:252px;height:215px; background: url(/image/tvs/movie_bg.gif) no-repeat;}
table.write td.substance div .m_img {position:absolute; left:11px; top:11px; width:230px;height:170px;}
table.write td.substance div .m_btn {position:absolute; left:94px; top:190px; width:64px;height:18px; }
table.go { border-top: 1px solid #ccc !important; border-bottom: 1px solid #ccc !important; }
table.go tbody tr th { border-right-width: 0; white-space: nowrap; }
table.go tbody tr td { width: 100%; }
/* 게시판-목록 */
table.list { clear: both; border-collapse: collapse; width: 100%; margin: 3px 0 0 0px; border-bottom: 2px solid #81C7D4; }
table.list tbody.tb a { color: #666; }
table.list tbody.tb a:hover,
table.list tbody.tb a:focus { color: #0390AA; font-weight: bold; letter-spacing: -1px; text-decoration: none; }
table.list thead.tb tr,
table.list tbody.tb tr { line-height: 1.25; text-align: center; }
table.list tbody.tb td,
table.list tbody.tb th { padding: 8px 15px 7px; border-bottom: 1px solid #ccc; font-weight: normal; white-space: normal; }
table.list thead.tb th { padding: 6px 15px 7px; background: url(/image/cm/board/th_bg.gif) no-repeat; color: #0390AA; font-weight: bold; font-size: .92em; letter-spacing: 0; white-space: nowrap; }
table.list thead.tb th.first { padding-left: 3px; padding-right: 0; background: url(/image/cm/board/thead_bg.gif) no-repeat; }
table.list thead.tb th.first div { padding-left: 15px; padding-right: 15px; }
table.list tbody.tb td.first { padding-left: 18px; }
table.list thead.tb th.last { padding-left: 0; padding-right: 3px; background: url(/image/cm/board/thead_bg.gif) no-repeat 100% 0; }
table.list thead.tb th.last div { padding-left: 15px; padding-right: 15px; background: url(/image/cm/board/th_bg.gif) 0 50%; }
table.list tbody.tb td.last { padding-right: 18px; }
table.list tbody.tb td.subject,
table.list thead.tb th.subject { text-align: left; white-space: normal; }
/* 페이지 네비게이션 */
table.page_navi { clear: both; margin: 2em auto; border-collapse: collapse; border: 0; }
table.page_navi td a { display: block; height: 15px; padding: 2px 7px; color: #666 !important; line-height: 1.25; }
table.page_navi td.active a,
table.page_navi td a.active { font-weight: bold; text-decoration: none; }
table.page_navi tr.img td { padding: 0 0 0 1px; background: url(/image/cm/board/page_sep.gif) no-repeat 0 50%; }
table.page_navi tr.img td.pfirst,
table.page_navi tr.img td.pprev,
table.page_navi tr.img td.pnext,
table.page_navi tr.img td.plast { padding: 0 2px 0 1px; background: transparent; }
table.page_navi tr.img td.pfirst a,
table.page_navi tr.img td.pprev a,
table.page_navi tr.img td.pnext a,
table.page_navi tr.img td.plast a { padding: 2px 0; background: transparent; }
table.page_navi tr.img td img { vertical-align: middle; }
table.page_navi tr.img td.first { padding: 0; border: 0; background: transparent; }
/* 큰달력 */
.calendar1 { width:100%; margin: 1em auto; }
.calendar1 * { line-height: 1.25; }
.calendar1 .ym { padding: 0 10px 0 0; background: url(/image/cm/board/calendar1ymbg.gif) no-repeat 100% 0; }
.calendar1 .ym .x { height: 19px; padding: 8px 0 8px 22px; background: url(/image/cm/board/calendar1ymbg.gif) no-repeat; }
.calendar1 .ym form { display: inline; float: left; width: 200px; }
.calendar1 .ym .year { z-index: 20; display: inline; float: left; position: relative; width: 44px; height: 15px; padding: 1px 0; background: url(/image/cm/board/calendar1ybg.gif) no-repeat; color: #fff; text-align: center; }
.calendar1 .ym .month { z-index: 10; position: relative; left: -1px; top: 0; }
.calendar1 .ym .month a { display: inline; float: left; height: 15px; padding: 1px 8px 1px 9px; background: url(/image/cm/board/calendar1msep.gif) no-repeat 0 50%; }
.calendar1 .ym .month a strong { color: #D39414; }
.calendar1 table { clear: both; width: 100%; margin: 0; padding: 0; border-collapse: collapse; }
.calendar1 table thead th { height: 38px; padding: 0; background: url(/image/cm/board/calendar1dsep.gif) no-repeat; }
.calendar1 table thead th img { padding: 10px 0; vertical-align: top; }
.calendar1 table thead th.sun { background: url(/image/cm/board/calendar1dbg.gif) no-repeat 0 0; }
.calendar1 table thead th.sat { padding: 0 2px 0 0; background: url(/image/cm/board/calendar1dbg.gif) no-repeat 100% 0; }
.calendar1 table thead th.sat div { width: 100%; height: 38px; background: url(/image/cm/board/calendar1dsep.gif) no-repeat 0 0; }
.calendar1 table td { width: 14.29%; height: 100px; padding: 1px; border: 1px solid #ccc; vertical-align: top; }
.calendar1 table td * { font-size: 1em; line-height: 1.37; }
.calendar1 table .sun,
.calendar1 table .sun a,
.calendar1 table .sun span { color: #E43F14 !important; }
.calendar1 table .sat,
.calendar1 table .sat a,
.calendar1 table .sat span { color: #4E78AA !important; }
.calendar1 table td div.day { display: block; width: 21px; height: 15px; margin: 0; padding: 3px 0; overflow: hidden; background: #E7E7E7; font-weight: bold; text-align: center; text-decoration: none; }
.calendar1 table td div.cont { position: relative; padding: 5px 6px; font-size: .92em; }
.calendar1 table td div.cont * { font-size: 1em; }
.calendar1 table td div.cont a { color: #666; letter-spacing: -1px; }
* html .calendar1 table td div.cont img { margin: 0 0 1px 0; }
/* 캘린더보기 */
.calendar1view { z-index: 10; display: none; position: absolute; right: -5px; top: 0; width: 210px; border: 1px solid #C0C1C2; background: #fff; overflow: hidden; line-height: 1.37; }
.calendar1view h4 { margin: 0; padding: 4px 9px; border-bottom: 1px solid #C0C1C2; background: #EDEEEF; color: #30373E; }
.calendar1view .view { margin: 0; padding: 4px 10px; color: #666; }
.calendar1view dl { width: 192px; margin: 0; padding: 0; overflow: hidden; }
.calendar1view dt { display: inline; float: left; width: 22px; margin: 0; padding: 0; }
.calendar1view dd { display: inline; float: left; width: 170px; margin: 0; padding: 0; }
.calendar1view .close { position: absolute; right: 10px; top: 5px; }
/* 범례 */
.legend { padding: 0 10px 0 0; background: url(/image/cm/board/calendar1legendbg.gif) no-repeat 100% 0; }
.legend .x { height: 15px; padding: 15px 0 15px 16px; background: url(/image/cm/board/calendar1legendbg.gif) no-repeat; line-height: 1.28; }
.legend2 { padding: 0 10px 0 0; background: url(/image/cm/board/calendar1legendbg.gif) no-repeat 100% 0; }
.legend2 .x { height: 15px; padding: 15px 0 15px 16px; background: url(/image/cm/board/calendar1legendbg.gif) no-repeat; line-height: 1.28; }
.legend2.btm { padding-top: 0; background-position: 100% 100%; }
.legend2.top .x { padding-bottom: 3px; }
.legend2.btm .x { padding-top: 3px; background-position: 0 100%; }

/* 본문인쇄용 */
@media print {
#head, #visual, #foot, #wing, #side, #body_foot { display: none !important; }
body, #container, #wrap, #body, #body_head, #body_content { margin: 0 !important; padding: 0 !important; border: 0 !important; background: #fff !important; }
}


h2.zul2 { background-image: none; margin: 10px 0; padding: 5px 0; text-align: center; border-top: 2px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; }
h3.noc { background-image: none; color: #666; text-align: center; font-weight: bold; padding: 0; margin: 10px 0; }
.bon_in { position: relative; width: 625px; margin: 0; padding: 0; }
.insa_img { width: 147px; height: 246px; margin: 0; padding: 30px 25px 0 34px; float: left; overflow: hidden; }
.insa_text { width:400px; margin: 0; padding: 30px 0; float: left; }
.matto { margin: 0; padding: 20px 0; }
ul.zejong { list-style: none; margin: 0; padding: 0; text-align: left; }
ul.zejong li { margin: 0; padding: 0; }
ul.zejong2 { list-style-type: disc; margin: 0; padding: 0 0 0 50px; }
ul.zejong2 li { margin: 0; padding: 2px 0; }

/* 로그인 */
.login1 { position: relative; margin: -16px auto 0; width: 470px; height: 225px; background: url(/image/cm/pop/login1bg.gif) no-repeat; }
.login1 * { list-style: none; margin: 0; padding: 0; background: transparent; }
.login1 h2 { position: absolute; left: 36px; top: 41px; }
.login1 .t1 { position: absolute; left: 36px; top: 71px; }
.login1 label { display: inline; float: left; width: 54px; padding: 2px 0 2px 9px; background: url(/image/cm/pop/bu01.gif) no-repeat 0 50%; color: #777; font-weight: bold; font-size: .92em; }
.login1 input.text { width: 184px; padding: 2px; border-color: #E5E4E0; font-size: .92em; }
.login1 .item1 { position: absolute; left: 64px; top: 128px; }
.login1 .item2 { position: absolute; left: 64px; top: 148px; }
.login1 .d { margin: 0 3px;color: #DEDDD8; }
.login1 input.image { position: absolute; left: 323px; top: 128px; }
.login1 .btns { position: absolute; left: 0; bottom: 0; width: 470px; margin: 10px 0 0 0; text-align: right; }