@charset "utf-8";
/* Default CSS ==================
= Developer Name: 문영신
= Create Date: 2009.12.23
= Reversion History: (일자,개발자,내용 기술)
= Date.Name Description =
2013.12.23.이재학. 최종수정
============================= */

/* 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/spc/cm/bg03.gif) repeat-x 0 73px; }
#container { z-index: 10; position: relative; width: 1000px; margin: 0; }
#head { z-index: 30; clear: both; position: relative; width: 100%; height: 142px; margin: 0 0 18px 0; background: url(/image/spc/cm/bg03_head.gif) no-repeat 0 69px; }
#wrap { z-index: 20; clear: both; position: relative; width: 100%; margin: 0 auto; }
#wrap:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
 #side { /* display: inline; float: left; */ position: absolute; left: -5px; top: 0; width: 205px; min-height: 300px; padding: 0 0 30px 0; }
 * html #side { height: 300px; }
  #body { width: auto; min-width: 760px; margin: 0 35px 0 205px; }
   #body_head { clear: both; position: relative; width: 100%; height: 50px; background: url(/image/spc/cm/bg_body_head.gif) no-repeat 100% 0; }
   #body_content { clear: both; position: static; width: 100%; min-height: 300px; }
	 #body_content:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
   * html #body_content { height: 300px; }
   #body_foot { clear: both; position: relative; width: 100%; padding: 30px 0 15px 0; }
#foot { z-index: 30; clear: both; position: relative; width: auto; min-width: 950px; height: 150px; margin: 0 30px 0 20px; background: url(/image/spc/cm/bg_foot.gif) repeat-x 50% 0; }
#wing { z-index: 101; position: absolute; right: 0; top: 405px; width: 22px; height: 155px; background: url(/image/spc/cm/bg_wing.gif) no-repeat; }

#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; }/* 불릿표시 */

/* 메인CSS보정 */
body.main .x_bg { position: absolute; left: 0; top: 0; width: 50%; height: 147px; background: url(/image/spc/cm/bg.gif) repeat-x 0 69px; }
body.main #container { margin: 0 auto; }
body.main #head { height: 135px; margin: 0; }
body.main #visual { position: absolute; left: 20px; top: 135px; }
body.main #wrap { width: 950px; height: 525px; margin: 0 30px 0 20px; }

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

#globalmenu { position: absolute; left: 230px; top: 29px; width: 500px; height: 20px; overflow: hidden; }
#globalmenu ul { position: absolute; right: 0; top: 0; }
#globalmenu ul li { display: inline; float: left; margin: 0 0 0 10px; padding: 2px 0; }
#globalmenu ul li a { display: inline; float: left; }
#globalmenu ul li.m2 { margin: 0; padding: 0; }
#globalmenu ul li.m3 { margin: 0; padding: 0 0 0 2px; background: url(/image/cm/gm3sep.gif) no-repeat 0 50%; }
#globalmenu ul li.m3 a { margin: 0; padding: 0 12px; }
#globalmenu ul li.m3.eng { margin: 0 0 0 10px; }
#globalmenu ul li.m2.login { margin: 0 0 0 10px; }

#search { z-index: 10; position: absolute; left: 744px; top: 25px; width: 226px; height: 24px; border: 0; background: url(/image/cm/search_bg.gif) no-repeat; }
#search legend { display: none; }
#search label { position: absolute; left: 8px; top: 5px; color: #666; font-size: .92em; }
#search input.text { position: absolute; left: 75px; top: 5px; width: 112px; height: 15px; border: 0; }
#search input.image { position: absolute; right: 0; top: 0; }
#search #autocomplete { display: none; position: absolute; left: 0; top: 24px; width: 224px; border: 1px solid #888D95; background: #fff; }
#search #autocomplete p { padding: 7px; color: #888D95; font-size: .92em; line-height: 1.19; letter-spacing: 0; }
#search #autocomplete p em { color: #30373E; }
#search #autocomplete .control { width: 164px; padding: 5px 30px; border-top: 1px solid #ccc; background: #EDEEEF; overflow: hidden; }
#search #autocomplete .control a { display: inline; float: left; padding: 0 10px 0 11px; color: #757575; font-size: .92em; line-height: 1.28; }
#search #autocomplete .control a.last { background: url(/image/cm/sep1.gif) no-repeat 0 50%; }
#search #autocomplete a.close { position: absolute; right: 13px; bottom: 4px; padding: 0; }
#search #autocomplete a:hover,
#search #autocomplete a:active,
#search #autocomplete a:focus { color: #008ca5 !important; font-weight: bold; letter-spacing: -1px; }

#topmenu { position: absolute; left: 25px; top: 63px; width: 950px; height: 80px; }
#topmenu ul { list-style: none; position: absolute; left: 41px; top: 0; z-index: 1; }
#topmenu li { display: inline; float: left; padding-left:15px;}
#topmenu ul li a { display: inline; float: left; padding: 0 7px 0 0; }
#topmenu ul li.on ul { display: block; }
#topmenu ul ul { display: none; position: absolute; left: -46px; top: 40px; width: 950px; height: 32px; background: url(/image/spc/cm/b.gif); }
#topmenu ul ul li { padding: 0 0 0 1px; background: url(/image/spc/cm/top2msep.gif) no-repeat 0 12px !important; }
#topmenu ul ul li.first { padding-left: 0 !important; background: transparent !important; }
#topmenu ul ul li a { display: block; padding: 0; color: #666 !important; }
#topmenu ul ul li a span { display: block; padding: 10px 7px 7px !important; border: 0 !important; background: transparent !important; color: #666 !important; font-size: 1em; text-decoration: none; white-space: nowrap; text-indent: 0; }
#topmenu ul ul li a.on { font-weight: bold !important; letter-spacing: -1px; }
#topmenu ul ul li a:hover,
#topmenu ul ul li a:focus { text-decoration: underline; }
#topmenu ul ul#top2m1 { width: 885px; padding-left: 65px; }
#topmenu ul ul#top2m2 { width: 785px; padding-left: 165px; }
#topmenu ul ul#top2m3 { width: 645px; padding-left: 305px; }
#topmenu ul ul#top2m4 { width: 600px; padding-left: 350px; }
#topmenu ul ul#top2m5 { width: 425px; padding-left: 525px; }
#topmenu ul ul#top2m6 { width: 345px; padding-left: 605px; }
#topmenu ul ul#top2m7 { width: 260px; padding-left: 690px; }
#topmenu ul ul#top2m8 { width: 172px; padding-left: 778px; }


/* foot */
#siteguide { position: absolute; left: 4px; top: 7px; width: 900px; height: 23px; overflow: hidden; }
#siteguide ul { position: relative; left: -1px; top: 0; }
#siteguide ul li { display: inline; }
#siteguide ul li a { display: inline; float: left; padding: 5px 13px 5px 14px; background: url(/image/spc/cm/foot_msep.gif) no-repeat 0 50%; color: #555; }

#familysite { position: absolute; left: 798px; top: 9px; }
#familysite #familysitec { display: none; position: absolute; left: 0; bottom: 20px; width: 130px; padding: 5px 10px; border: 1px solid #ccc; background: #EDEEEF; }
#familysite ul li { display: inline; }
#familysite ul li a { display: inline; float: left; width: 130px; padding: 2px 0 1px; color: #6B6D70; font-size: .92em; }
#familysite ul li a:hover,
#familysite ul li a:active,
#familysite ul li a:focus { color: #008ca5 !important; font-weight: bold; letter-spacing: -1px; }
#familysite .close { position: absolute; right: 10px; bottom: 10px; }

#authorinfo { position: absolute; left: 0; top: 40px; width: 950px; height: 50px; }
#authorinfo h4 { position: absolute; right: 6px; top: 19px; background: transparent !important; }
#authorinfo ul { position: absolute; left: 17px; top: 17px; width: 700px; height: 28px; background: url(/image/cm/foot_address.gif) no-repeat; overflow: hidden; font-size: 0; line-height: 0; text-indent: -9999px; }
#authorinfo address { display: block; color: #555; }
#authorinfo address.copyright { position: absolute; left: 17px; top: 50px; width: 700px; height: 14px; background: url(/image/cm/foot_copyright.gif) no-repeat; overflow: hidden; font-size: 0; line-height: 0; text-indent: -9999px; }
#authorinfo .email { position: absolute; left: 288px; top: 50px; background: transparent !important; }
/* #authorinfo address.copyright { margin: 3px 0 0 0; color: #767676; } */

/* wing */
#layoutcontrol { position: absolute; left: 1px; top: 35px; }
#layoutcontrol #setpagewidth2b { display: none; }
.gotop { position: absolute; left: 1px; top: 90px; }

/* side */
#side h2 { position: relative; width: 144px; height: 24px; margin: 0 0 0 21px; padding: 4px 12px 22px; background: url(/image/spc/cm/side1bg03.gif) no-repeat; }
#sidemenu { width: 144px; margin: 0 0 0 21px; padding: 0 12px 40px; background: url(/image/spc/cm/side2bg.gif) no-repeat 0 100%; }
#sidemenu ul { width: 144px; margin: -1px auto 0; border-bottom: 1px solid #ddd; overflow: hidden; }
#sidemenu ul li { width: 100%; }
#sidemenu ul li a { display: block; width: 100%; background: url(/image/spc/cm/side2mbg.gif) no-repeat; cursor: pointer; }
#sidemenu ul li a img { padding: 6px 0 6px 19px; }
#sidemenu ul li a.on { background: url(/image/spc/cm/side2mbgon.gif) no-repeat; }
#sidemenu ul ul { width: 144px; margin: 0; padding: 7px 0; border: 0; border-top: 1px solid #ddd; background: #fff; }
#sidemenu ul ul li a { width: 123px; padding: 1px 0 1px 19px; border: 0; background: #fff; color: #666; font-size: .92em; }
#sidemenu ul ul li a.on { background: #fff; font-weight: bold !important; letter-spacing: -1px; }
#sidemenu ul ul li a:hover,
#sidemenu ul ul li a:focus { color: #666 !important; }

/* body */
#body_head #body_title { width: 300px; height: 43px; padding: 7px 0 0 0; background: url(/image/spc/cm/bg_body_head.gif) no-repeat; }
#body_head h1 { padding: 0 0 0 20px !important; background: url(/image/cm/h1bg03.gif) no-repeat 0 1px !important; }
#body_head #location { position: absolute; right: 0; top: 11px; min-width: 1em; color: #666; font-size: .92em; line-height: 1.22; letter-spacing: -1px; text-align: right; white-space: nowrap; }

#body_head #location a { display: inline; float: left; height: 14px; margin: 0 0 0 8px; padding: 0 0 0 8px; background: url(/image/spc/cm/location_sep.gif) no-repeat 0 50%; color: #666; letter-spacing: -1px; }
#body_head #location .on { font-weight: normal; text-decoration: underline; cursor: default; }
#body_head #location a.home { display: inline; float: left; height: 14px; padding: 0 0 0 14px; background: url(/image/spc/cm/location_home.gif) no-repeat 0 1px; cursor: pointer; }

#body_foot #charge dl { padding: 0 0 4px 0; color: #666; font-size: .92em; }
#body_foot #charge dl dt { display: inline; float: left; padding: 0 5px 0 40px; background: url(/image/spc/cm/charge_bg.gif) no-repeat 21px 0; }
#body_foot #charge dl dd {  }
#body_foot #charge p { margin: 4px 0 0 0; padding: 7px 20px; background: #eee; color: #666; font-size: .92em; }

/* 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/spc/cm/h2bg.gif) no-repeat 1px 1px; }
h3 { padding: 0 0 0 18px; background: url(/image/spc/cm/h3bg.gif) no-repeat 0 1px; font-weight: normal; }
h4 { padding: 0 0 0 16px; background: url(/image/spc/cm/h4bg.gif) no-repeat  0 3px; font-weight: normal; }
h5 { padding: 0 0 0 16px; background: url(/image/spc/cm/h5bg.gif) no-repeat 0 2px; font-weight: normal; }
h6 { padding: 0 0 0 10px; background: url(/image/spc/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/spc/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/spc/cm/li1bg.gif) no-repeat 2px 5px; }
ul.bu ul li { padding: 0 0 0 12px; background: url(/image/spc/cm/li2bg.gif) no-repeat 0 6px; }
ul.bu ul ul li { padding: 0 0 0 12px; background: url(/image/spc/cm/li3bg.gif) no-repeat 3px 6px; }
ul.bu ul ul ul li { padding: 0 0 0 12px; background: url(/image/spc/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/spc/cm/li1bg.gif) no-repeat 2px 5px; }
ul.bu2 li { margin: 0; padding: 0 0 0 12px; background: url(/image/spc/cm/li2bg.gif) no-repeat 0 6px; }
ul.bu3 li { margin: 0; padding: 0 0 0 12px; background: url(/image/spc/cm/li3bg.gif) no-repeat 3px 6px; }
ul.bu4 li { margin: 0; padding: 0 0 0 12px; background: url(/image/spc/cm/li4bg.gif) no-repeat 4px 7px; }
ul.bu5 li { margin: 0; padding: 0 0 0 12px; background: url(/image/spc/cm/bu/bu05.gif) no-repeat 2px 5px; }
ul.bu6 li { margin: 0; padding: 0 0 0 12px; background: url(/image/spc/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/spc/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/spc/cm/n01.gif); }
ol li.n02 { background-image: url(/image/spc/cm/n02.gif); }
ol li.n03 { background-image: url(/image/spc/cm/n03.gif); }
ol li.n04 { background-image: url(/image/spc/cm/n04.gif); }
ol li.n05 { background-image: url(/image/spc/cm/n05.gif); }
ol li.n06 { background-image: url(/image/spc/cm/n06.gif); }
ol li.n07 { background-image: url(/image/spc/cm/n07.gif); }
ol li.n08 { background-image: url(/image/spc/cm/n08.gif); }
ol li.n09 { background-image: url(/image/spc/cm/n09.gif); }
ol li.n10 { background-image: url(/image/spc/cm/n10.gif); }
ol li.n11 { background-image: url(/image/spc/cm/n11.gif); }
ol li.n12 { background-image: url(/image/spc/cm/n12.gif); }
ol li.n13 { background-image: url(/image/spc/cm/n13.gif); }
ol li.n14 { background-image: url(/image/spc/cm/n14.gif); }
ol li.n15 { background-image: url(/image/spc/cm/n15.gif); }


dl.bu { margin: .5em 0; }
dl.bu dt { margin: 0; padding: 0 0 0 12px; background: url(/image/spc/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/spc/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/spc/cm/box2bg3.gif) no-repeat left bottom; }
.box2 .x { position: relative; background: url(/image/spc/cm/box2bg4.gif) no-repeat right bottom; padding-bottom: 10px; }
.box2 .x .x { position: relative; background: url(/image/spc/cm/box2bg1.gif) no-repeat left top; padding: 0; }
.box2 .x .x .x { position: relative; background: url(/image/spc/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/spc/cm/box4bg3.gif) no-repeat left bottom; }
.box4 .x { background: url(/image/spc/cm/box4bg4.gif) no-repeat right bottom; padding-bottom: 10px; }
.box4 .x .x { background: url(/image/spc/cm/box4bg1.gif) no-repeat left top; padding: 0; }
.box4 .x .x .x { background: url(/image/spc/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/spc/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/spc/cm/box6bg3.gif) no-repeat left bottom; }
.box6 .x { background: url(/image/spc/cm/box6bg4.gif) no-repeat right bottom; padding-bottom: 5px; }
.box6 .x .x { background: url(/image/spc/cm/box6bg1.gif) no-repeat left top; padding: 0; }
.box6 .x .x .x { background: url(/image/spc/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/spc/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/spc/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/spc/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/spc/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/spc/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/spc/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/spc/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/spc/cm/contentmenu1bg.gif) no-repeat; }
.contentmenu1 ul { width: 100%; background: url(/image/spc/cm/contentmenu1ulbg.gif); overflow: hidden; }
.contentmenu1 ul li { display: inline; float: left; padding: 0 0 0 1px; background: url(/image/spc/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/spc/cm/contentmenu1mbg.gif) no-repeat 0 50%; font-weight: bold; letter-spacing: -1px; }
.contentmenu2 { position: relative; width: 100%; background: #01AECE url(/image/spc/cm/contentmenu2bg3.gif) no-repeat left bottom; }
.contentmenu2 .x { background: url(/image/spc/cm/contentmenu2bg4.gif) no-repeat right bottom; padding-bottom: 3px; }
.contentmenu2 .x .x { background: url(/image/spc/cm/contentmenu2bg1.gif) no-repeat left top; padding: 0; }
.contentmenu2 .x .x .x { background: url(/image/spc/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/spc/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/spc/cm/faq1bg.gif) no-repeat; }
.faq1 dl { margin: 0; padding: 0 0 3px 0; background: url(/image/spc/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/spc/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/spc/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/spc/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/spc/cm/faq1bg.gif) no-repeat; }
.faq1 dl { margin: 0; padding: 0 0 3px 0; background: url(/image/spc/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/spc/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/spc/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/spc/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/spc/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/spc/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/spc/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 img { margin: 0 0 2px;vertical-align: middle; }
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/spc/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/spc/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/spc/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; }
/* 기간선택용달력 */
#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/spc/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/spc/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/spc/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/spc/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/spc/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/spc/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/spc/cm/board/calendar1ymbg.gif) no-repeat 100% 0; }
.calendar1 .ym .x { height: 19px; padding: 8px 0 8px 22px; background: url(/image/spc/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/spc/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/spc/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/spc/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/spc/cm/board/calendar1dbg.gif) no-repeat 0 0; }
.calendar1 table thead th.sat { padding: 0 2px 0 0; background: url(/image/spc/cm/board/calendar1dbg.gif) no-repeat 100% 0; }
.calendar1 table thead th.sat div { width: 100%; height: 38px; background: url(/image/spc/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/spc/cm/board/calendar1legendbg.gif) no-repeat 100% 0; }
.legend .x { height: 15px; padding: 15px 0 15px 16px; background: url(/image/spc/cm/board/calendar1legendbg.gif) no-repeat; line-height: 1.28; }
.legend2 { padding: 0 10px 0 0; background: url(/image/spc/cm/board/calendar1legendbg.gif) no-repeat 100% 0; }
.legend2 .x { height: 15px; padding: 15px 0 15px 16px; background: url(/image/spc/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; }
}


/* 전체사이트맵 CSS */
.sitemap_boxout					{width:100%;background:url('/image/spc/cm/sitemap/07_bg.gif') 33% 40px no-repeat;margin-top:30px;}
.sitemap_boxin					{width:100%;background:url('/image/spc/cm/sitemap/07_bg.gif') 66% 40px no-repeat;}
.sitemap_box					{width:33%;float:left;}
.sitemap_fieldset				{clear:both; background:url('/image/spc/cm/sitemap/06_tlbox_bg.gif') left top repeat-x; width: 90%;margin: 0 auto;}
.sitemap_fieldset legend		{display:none;}
.sitemap_fieldset div.tlBox_l	{background:url('/image/spc/cm/sitemap/06_tlbox_l.gif') left top no-repeat; width: 100%; height: 40px;}
.sitemap_fieldset div.tlBox_r	{background:url('/image/spc/cm/sitemap/06_tlbox_r.gif') right top no-repeat; width: 100%; height: 40px;}
.sitemap_fieldset div h2		{padding:8px 0 0 14px; margin: 0px;background:url();}

.sitemap_fieldset table			{width: 100%;border-collapse: collapse;}
.sitemap_fieldset table td		{width: 25%;background:url('/image/spc/cm/sitemap/06_ic.gif') 15px 9px no-repeat;font-weight:bold;font-size:.92em;vertical-align:top;}
.sitemap_fieldset table td.nomenu{background:url();}
.sitemap_fieldset table td p	{padding:7px 0 0 30px;margin: 0px;}
.sitemap_fieldset table td ul	{list-style:none; padding:0px; margin:8px 0 0 30px;}
.sitemap_fieldset table td ul li {font-weight:normal;}
/* ////사이트맵 CSS//// */


.mup { margin: 0; padding: 15px 0; }
ul.nbu { list-style: none; margin: .5em 0; padding: 0; text-align: left; }
ul.nbu li { margin: 0; padding: 10px 0 10px 12px !important; background: url(/image/spc/cm/li1bg.gif) no-repeat 2px 15px; }
ul.s7 { list-style: none; margin: 0; padding: 0 }
ul.s7 li { background: url(/sub1_spc/image/spc/s7_bu.gif) no-repeat 0 12px; padding: 8px 0 8px 10px; margin: 0; line-height: 1.25; }
.s8_box  { border: 1px solid #e2e2e2; margin: 0; padding: 15px 15px; position: relative; overflow: hidden; }
.s8_box img { margin: 0; padding: 0; float:left; }
.s8_box p { margin: 0; padding: 35px 0 0 0; }
.s8_box p em { font-weight: bold; color: #bf8610; }
h2.sh2 { margin: 0; padding: 13px 0; line-height: 1.25; background-image: none; color: #000; }
ol.num2 { margin: 0; padding: .5em 0; }
ol.num2 li { list-style: none; padding: 0 0 1.2em 2.2em; background-repeat: no-repeat; background-position: 0 .25em; }
.kbox { position: relative; margin: 0 auto; padding: 0; width: 650px; }
ul.jk { list-style: none; padding: 22px 0 0 0; margin: 0; }
ul.jk li { display: block; margin: 0; padding: 4px 0 4px 18px; background: url(/image/spc/cm/h3bg.gif) no-repeat 0 5px; font-weight: normal; line-height: 1.25; overflow: hidden; }
ul.jk li span.jkt1 { display: block; width: 115px; margin: 0; float: left; line-height: 1.25; }
ul.jk li span.jkt2 { display: block; width: 500px; margin: 0; padding: 0; float: left;line-height: 1.25;  }
ul.sbu { list-style: none; margin: .5em 0; padding: 0; text-align: left; }
ul.sbu li { margin: 0; padding: 2px 0 2px 10px !important; background: url(/image/spc/s11_bu.gif) no-repeat 2px 8px; line-height: 1.25; }


/* foot */
#foot { background: transparent; }

#familybox { z-index:101; position: relative; width: 950px; margin: 0; background: url(/image/cm/bg_familybox.gif) no-repeat; }

#familysite1 { z-index:101; position: relative; left:0; top:0; width: 950px;}
#familysite1 h3 { position: absolute; right: 10px; bottom: -27px; padding:0; margin: 0; background: transparent; }
#familysite1 .close { position: absolute; right: 10px; bottom: -27px; padding:0; margin: 0; background: transparent; }

#familysite1 #familysitec1 { display: none; position: relative; left: 0; top: 0; width: 950px; padding: 0; margin:0; overflow:hidden; }
#familysitec1 h4 { padding: 15px 0 17px 30px; margin:0; background: transparent; }
/*
#familysitec1 ul { display: inline; float: left; width: 130px; padding: 0 30px 15px 30px; margin:0; }
#familysitec1 ul li { display: inline; }
#familysitec1 ul li a { display: inline; float: left; width: 125px; padding: 1px 5px 2px 0; background: url(/image/kor/main/m15mbg.gif) no-repeat 100% 50%; color: #666 !important; font-size: .92em; }
*/
#familysitec1 ul { display: inline; float: left; width: 160px; padding: 0 0 15px 25px; margin:0; }
*html #familysitec1 ul { padding: 0 0 15px 20px; }
#familysitec1 ul li { display: inline; }
#familysitec1 ul li a { display: inline; float: left; width: 160px; padding: 1px 0 2px 10px; background: url(/image/kor/main/m15mbg.gif) no-repeat 0 40%; color: #666 !important; font-size: .92em; }
#familysitec1 ul li a:hover,
#familysitec1 ul li a:focus { background-image: url(/image/kor/main/m15mbgon.gif); font-weight: bold; }

#foot_in { position: relative; width: auto; min-width: 950px; height: 150px; margin: 0; background: url(/image/cm/bg_foot.gif) repeat-x 50% 0; }

/* 20100730 추가 */
table.t5 { width: 100%; border-collapse: collapse; border: 1px solid #9AD3DD; border-top: 2px solid #9AD3DD; background: #fff; }
table.t5 caption { padding-bottom: 4px; }
table.t5 tr {  }
table.t5 th,
table.t5 td { border: 1px solid #9AD3DD; padding: 6px 4px 6px; font-weight: normal; font-size: .92em; }
table.t5 td * { font-size: 1em; }
table.t5 thead th,
table.t5 tfoot th { background: #EBF6F8; }
table.t5 tbody th { background: #EBF6F8; text-align: left; }
table.t5 tr.e * { background: #F4F4F4 !important; }
table.t5 em.up { color: #D54D4F; }
table.t5 em.down { color: #06c; }
table.t5 em img { padding: 2px 6px; }
table.t5 .tdtac td { text-align: center; }
table.t5 .tdtar td { text-align: right; }