@charset "utf-8";
/* 
#2010.06.28. MoonYoungShin. CSS2.1 Valid
*/
/* Layout ───── 서브공통배치. #sidebar, #body_head, #body_foot 자손. #body_content 자손 중 공통 콘텐츠. 개별 콘텐츠는 content.css */
#container_wp { position: relative; width: 100%;  margin:0 auto; padding:0; background: #fff url(/img/sub/sub_bg.jpg) repeat-x; }



/* #sidebar ─── */


#sidebar h2 { position: relative; margin:15px 0 0 0; padding: 0; }
/* 부 메뉴 */
#sidemenu{width:249px; margin:0 0 20px 0; padding:0 0 0 0;border:0px solid #000;height:270px;}
#sidemenu h3{display:none;}
#sidemenu ul{width:220px;margin:0;padding:0}
#sidemenu ul li{width:100%}
#sidemenu ul li a{display:block;width:100%;padding:0;margin:0;cursor:pointer;}
#sidemenu ul li a span{}/* js생성 */
#sidemenu ul li a:hover,
#sidemenu ul li a:focus,
#sidemenu ul li a.on{}
#sidemenu ul li a.on span{}
#sidemenu ul ul{width:100%;margin:0;padding:7px 0;border:0;background:url(/img/inc/side3bg.gif) no-repeat 0 100%;}
#sidemenu ul ul li{margin:0;padding:0;background:transparent;}
#sidemenu ul ul li.first{}/* js생성 */
#sidemenu ul ul li a{display:block;width:184px;padding:3px 10px 3px 26px;background:url(/img/inc/side3mbg.gif) no-repeat 18px 8px;color:#393964;font-weight:normal;}
#sidemenu ul ul li a:hover,
#sidemenu ul ul li a:focus,
#sidemenu ul ul li a.on{background:url(/img/inc/side3mbg.gif) no-repeat 18px 7px;margin:0;padding:3px 10px 3px 26px;color:#404040;font-weight:bold;letter-spacing:-1px;}

#sbn1,
#sbn2{position:relative;width:220px; padding:0 0 0 7px ; margin:0; overflow:hidden}
.sbn h2{position:relative;padding:0 !important;margin:0 !important;background:transparent}
/* #body_head ─── */


#font_plus{ position:absolute; right:0px; top:13px; padding:0; margin:0; width:240px; }
#font_plus ul{ position:relative; padding:0; margin:0; list-style:none;}
#font_plus .fo01{ position:relative; float:left; padding:0 15px 0 0; margin:0; list-style:none;}
#font_plus .fo02{ position:relative; float:left; padding:5px 0 0 10px; margin:0; list-style:none;}
#font_plus ul li{ position:relative; float:left; padding:0; margin:0; list-style:none;}

/* 현재 위치 */
#location { z-index:10; position: absolute; right:10px; top: 10px ; min-width: 1em; margin: 0; padding: 0; color: #555; font: 11px ; letter-spacing: 0px; text-align: right; line-height: 1.25; white-space: nowrap; }
#location h4{display:none;}
#location a{color:#ccc;}
/*#location .on{color:#2D9AED;text-decoration:none;cursor:default;font-weight:bold;}*/
#location .on{color:#ccc;text-decoration:none;cursor:default;font-weight:bold;}

/* 본문 제목 */
#body_title { position: relative; top:0px; left:0px; padding:0; margin:0;border:0px solid #000; }
#body_title h1 { margin: 0; border:0px solid #000;}





/*   sub_content   */
#cont_txt {width:100%;padding:20px;text-align:left;margin:0 0 30px 0;}
#cont01 {width:700px;background:url(/img/sub/bg_cont.jpg) top left no-repeat;}

#cont_box {width:680px;margin:0 0 0 5px;padding:10px;}
#cont_box b {font-size:14px;color:red;margin:0 0 0 10px;}


/*   sub_table   */
.table01 {margin: 0 0 30px 20px;}
.table01 th {background:#f4edda;text-align:center;padding:5px;font-size:11px;}
.table01 td {background:#fff;vertical-align:middle;height:22px;text-align:center;}
#table01_p {text-align:right;padding-right:15px;}

.table02 {margin: 0;width:100%}
.table02 th {background:#e8eefb;text-align:center;padding:5px;font-size:11px;}
.table02 td {background:#fff;vertical-align:middle;height:22px;text-align:center;}
#table02_p {text-align:right;padding-right:15px;}




.table03 {margin: 0 0 30px 20px;}
.table03 th {border:1px solid #ccc; background:#f4edda;text-align:center;padding:5px;font-size:11px;}
.table03 td {border:1px solid #ccc; background:#fff;vertical-align:middle;height:22px;text-align:center;padding:5px;}
#table03_p {text-align:right;padding-right:15px;}





/* #body_foot ─── */

/* 만족도조사 */
#satisfaction { position: relative; width: 740px; height: 68px; margin:11px 0 0;background: url(/img/inc/satisfaction_bg.gif) no-repeat; }
#satisfaction h3 { position: absolute; left: 12px; top: 12px; padding:0;margin:0;background: transparent; }
#satisfaction .question{ position: absolute; left: 115px; top: 10px; padding:0;margin:0;}
#satisfaction legend { display: none; }
#satisfaction dl {padding:0;margin:0}
#satisfaction dl dt.grade,
#satisfaction dl dt.answer{ display: none; }
#satisfaction dl dd.grade { position: absolute; left: 390px; top: 9px; padding:0;margin:0}
#satisfaction dl dd.grade label { margin: 0 6px 0 1px; }
#satisfaction dl dd.grade img { vertical-align: middle; }
#satisfaction dl dd.answer { position: absolute; left: 115px; top: 31px; width: 610px; height: 21px; padding:0;margin:0;background: url(/img/inc/satisfaction_input_bg.gif) no-repeat; }
#satisfaction dl dd.answer label{margin:0;}
#satisfaction input.text { position: absolute; left: 0px; top: 0px; width: 470px;padding:0;margin:0; border:0;background:transparent;padding: 3px 5px 3px 5px; color: #666; }
#satisfaction input.image { position: absolute; left: 485px; top: 0px; }
#satisfaction .total { position: absolute; right: 0; top: 0px;}

/* 본문 책임자, 최종수정일 */
#charge { position: relative; width: 721px; height: 21px; padding:11px 0 0;background: transparent; }
#charge h3 { display: none; }
#charge dl { margin:0; padding: 0; color: #666; line-height:1.25; }
#charge dl dt,
#charge dl dd { display: inline; float: left; padding:0; margin:0; }
#charge dl dt.manager { padding: 0; }
#charge dl dd.manager { padding: 3px 0 3px 10px; color: #666; }
#charge dl dt.update { padding: 3px 0 3px 18px;}
#charge dl dd.update { padding: 3px 0 3px 6px; color: #666; }

/* 본문 유틸리티 */
#bodyutil ul { z-index: 1; position: absolute; right: 1px; top: 11px; }
#bodyutil h3 { display: none; }
#bodyutil ul { padding:0;margin:0; }
#bodyutil ul li { display: inline; float: left; margin: 0 0 0 3px; }
#bodyutil ul li img { vertical-align: top; }


/* #body_content ───── 본문공용 */

/* Heading ─── */
h2, h3, h4, h5, h6 { margin: 1.34em 0 1em 0; padding: 0 0 0 16px; background: url() no-repeat 0 1px; font-size: 1em; line-height: 1.25; }
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { font-weight: normal; }
/*h1 { margin-top: 0; padding: 2px 0 2px 30px; background: url(/img/inc/h1bg.png) no-repeat; color: #000; font: bold 1.34em/1.19 "돋움"; }
h2 { margin-top: 1.5em; padding: 0 0 0 18px;background: url(/img/inc/h2bg.png) no-repeat 0 2px; color: #03AA8E; font: bold 1.17em/1.2 "돋움"; }*/
h2 { margin:20px 0 5px 0; padding: 2px 0 8px 25px; background: url(/img/inc/h2bg.png) no-repeat 2px 0; color: #474747; font: bold 15px "돋움";  }
h3 {margin:10px 0 0 12px; padding: 0 0 2px 12px; color:#6b312b; font-weight:bold; background-image: url(/img/inc/h3bg.png);  }
h4 { margin:8px 0 0 10px; color:#4d4d4d; font-weight:normal; background-image: url(/img/inc/h4bg.png); font-weight:bold; }
h5 { background-image: url(/img/inc/h5bg.png); font-weight:normal; }
h6 { background-image: url(/img/inc/h6bg.png); }

/* Paragraph ─── */
p.bu { margin: .5em 0 .5em .0em; padding: 0 0 0 1.2em; background: url(/img/inc/li1bg.png) no-repeat 0 .25em; }

/* List ─── */
ul.bu { list-style: none; margin: .5em 0 15px .0em; padding: 0; text-align: left; color:#5b5b5b;}
ul.bu li { margin:0 0 0 15px; padding: 0 0 0 10px; background: url(/img/inc/li1bg.png) no-repeat 0 .3em; }
ul.bu.mg li { margin: .5em 0; }
ul.bu.mg li ul li { margin: 0;  }
ul.bu ul li { background: url(/img/inc/li2bg.png) no-repeat 0 .25em; margin: 0 0 0 15px; }
ul.bu ul ul li { background: url(/img/inc/li3bg.png) no-repeat 0 .25em;}
ul.bu ul ul ul li { background: url(/img/inc/li4bg.png) no-repeat 0 .25em; }
ul.bu ul, ul.bu ul ul, ul.bu ul ul ul { list-style: none; margin: .5em 0; padding: 0; }


ul.buzz { list-style: none; margin: .5em 0 .5em .0em; padding: 0; text-align: left; color:#4d4d4d;}
ul.buzz li { margin: 0; padding:2px 0 0 15px; }
ul.buzz.mg li { margin: .5em 0; }
ul.buzz.mg li ul li { margin: 0; }
ul.buzz ul li { background: url(/img/inc/li2bg.png) no-repeat 0 .3em; }
ul.buzz ul ul li { background: url(/img/inc/li3bg.png) no-repeat 0 .25em; }
ul.buzz ul ul ul li { background: url(/img/inc/li4bg.png) no-repeat 0 .25em; }
ul.buzz ul, ul.bu ul ul, ul.bu ul ul ul { list-style: none; margin: .5em 0; padding: 0; }
ul.buzz li span { display:inline; color:#4d4d4d; }


ul.gu { list-style: none; margin: .5em 0 20px .0em; padding: 0; text-align: left; color:#4d4d4d;}
ul.gu li { margin:0 0 3px 10px; padding: 0 0 0 1em; background: url(/img/inc/guli1bg.png) no-repeat 0 .25em;  }
ul.gu.mg li { margin: .5em 0; }
ul.gu.mg li ul li { margin: 0; }
ul.gu ul li { background: url(/img/inc/li2bg.png) no-repeat 0 .25em; margin:0 0 0 20px; }
ul.gu ul ul li { background: url(/img/inc/li3bg.png) no-repeat 0 .25em; }
ul.gu ul ul ul li { background: url(/img/inc/li4bg.png) no-repeat 0 .25em; }
ul.gu ul, ul.bu ul ul, ul.bu ul ul ul { list-style: none; margin: .5em 0; padding: 0; }



ol { margin: .5em 0 .5em; padding: 0 0 .5em 2.1em; font-size: 1em; list-style-type: decimal-leading-zero; }
ol.bu { list-style: none; margin: .5em 0 .5em .0em; padding: 0; text-align: left; }
ol.bu li { margin: 0; padding: 0 0 0 1.2em; background: url(/img/inc/li1bg.png) no-repeat 0 .25em; }
ol.num { margin: .5em 0 .5em -1.2em; }
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(/img/all/n01.gif); margin:5px 0 0 0; }
ol li.n02 { background-image: url(/img/all/n02.gif);  margin:5px 0 0 0;}
ol li.n03 { background-image: url(/img/all/n03.gif); margin:5px 0 0 0;}
ol li.n04 { background-image: url(/img/all/n04.gif); margin:5px 0 0 0;}
ol li.n05 { background-image: url(/img/all/n05.gif); margin:5px 0 0 0;}
ol li.n06 { background-image: url(/img/all/n06.gif);margin:5px 0 0 0; }
ol li.n07 { background-image: url(/img/all/n07.gif); margin:5px 0 0 0;}
ol li.n08 { background-image: url(/img/all/n08.gif); }
ol li.n09 { background-image: url(/img/all/n09.gif); }
ol li.n10 { background-image: url(/img/all/n10.gif); }
ol li.n11 { background-image: url(/img/all/n11.gif); }
ol li.n12 { background-image: url(/img/all/n12.gif); }
ol li.n13 { background-image: url(/img/all/n13.gif); }
ol li.n14 { background-image: url(/img/all/n14.gif); }
ol li.n15 { background-image: url(/img/all/n15.gif); }
ol li.n16 { background-image: url(/img/all/n16.gif); }
ol li.n17 { background-image: url(/img/all/n17.gif); }
ol li.n18 { background-image: url(/img/all/n18.gif); }
ol li.n19 { background-image: url(/img/all/n19.gif); }
ol li.n20 { background-image: url(/img/all/n20.gif); }


/*정신건강질환에서 사용되는 ol*/
ol.num_01 { margin: .5em 0 .5em -1.2em; }
ol.num_01 li { margin:0 0 0 0; list-style: none; padding:22px 0 0 45px; background-repeat: no-repeat ; background-position: 0 .25em;  }
ol li.n_n01 { background-image: url(/img/all/n_n01.gif) ; margin:5px 0 0 0; padding:0}
ol li.n_n02 { background-image: url(/img/all/n_n02.gif);  margin:5px 0 0 0;padding:0}
ol li.n_n03 { background-image: url(/img/all/n_n03.gif); margin:5px 0 0 0; padding:0}
ol li.n_n04 { background-image: url(/img/all/n_n04.gif); margin:5px 0 0 0; padding:0}
ol li.n_n05 { background-image: url(/img/all/n_n05.gif); margin:5px 0 0 0; padding:0}
ol li.n_n06 { background-image: url(/img/all/n_n06.gif);margin:5px 0 0 0; padding:0}
ol li.n_n07 { background-image: url(/img/all/n07.gif); margin:5px 0 0 0;}
ol li.n_n08 { background-image: url(/img/all/n08.gif); }
ol li.n_n09 { background-image: url(/img/all/n09.gif); }
ol li.n_n10 { background-image: url(/img/all/n10.gif); }


.espresso { padding:10px 0 20px 0; margin:0; position:relative; }
.espresso1 { padding:10px 0 8px 0; margin:0; position:relative; }


dl.bu { margin: .5em 0 .5em .0em; padding: 0; }
dl.bu dt { margin: 0; padding: 0 0 0 1.2em; background: url(/img/inc/li1bg.png) no-repeat 0 .2em; font-weight: bold; }
dl.bu dd { margin: .5em 0; padding: 0 0 0 1.2em; }

/* Table ─── */
/* caption */
caption { margin: 0; padding: 0 0 .5em 0; font-weight: bold; line-height: 1.25; color:#ffffff; }
caption span { font-weight: normal; }
caption .tar { display: block; margin-top: -1.25em; }
/* 배치용 */
table.layout { margin: 0; padding: 0; border: 0; border-collapse: collapse; }
table.layout td { padding: 0; vertical-align: top; }
/* border 상하 */
table.t1 { width: 100%; margin: 3px 0; border: 0; border-collapse: collapse; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
table.t1 tr { text-align: center; }
table.t1 th, table.t1 td { border: 0; border-bottom: 1px solid #eee; padding: 4px 6px 2px; }
table.t1 th { background: #eee; }
table.t1 tbody th { background: #f4f4f4; }
/* border 상하좌우 */
table.t2 { width: 100%; margin: 3px 0; border: 0; border-collapse: collapse;  }
table.t2 tr { text-align: left; }
table.t2 th, table.t2 td { border: 1px solid #dadde0; padding: 4px 6px 2px; }
table.t2 th { background: #eff1f3; font-weight: normal; }
table.t2 tbody th { background: #f7f8f9; }
/* border 상하좌우 + 상단테두리강조 */
table.t3 { width:720px; margin:7px 0 3px 20px; border: 0; border-collapse: collapse; border-top: 2px solid #c55a4f; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; background: #fff; }
table.t3 tr { text-align: left; } /* colgroup 으로 td 스타일제어하려면 tr 에 정의 */
table.t3 th, table.t3 td { border: 1px solid #ccc; border-width: 1px 1px 0 0; padding: 4px 6px 2px; }
table.t3 th { background: #fcfdf8; font-weight: normal; text-align: inherit; }
table.t3 tbody th { text-align:center; }
table.t3 thead th, table.t3 tfoot th { border-width: 1px 1px 0 0; border-color: #ccc; background: #f7f7f7; color: #000; text-align: center; vertical-align: middle; }

table.t4 { width:795px; margin: 3px 0 0 8px; border: 0; border-collapse: collapse;  border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; background: #fff; }
table.t4 tr { text-align: left; } /* colgroup 으로 td 스타일제어하려면 tr 에 정의 */
table.t4 th, table.t4 td { border: 1px solid #ccc; border-width: 1px 1px 0 0; padding: 4px 6px 2px; }
table.t4 th {  background:#f7f7f7 ; font-weight: normal; text-align: inherit; color:#000 }
table.t4 tbody th { text-align:center; }
table.t4 thead th, table.t4 tfoot th { border-width: 1px 1px 0 0; border-color: #ccc; background:#b45046 ; color: #FFF; text-align: center; vertical-align: middle; }







/* border 상하좌우 + 상단테두리강조 */
table.t3c { width:100%; margin: 3px 0; border: 0; border-collapse: collapse; border-top: 2px solid #03AA8E; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; background: #fff; }
table.t3c tr { text-align: center; } /* colgroup 으로 td 스타일제어하려면 tr 에 정의 */
table.t3c th, table.t3c td { border: 1px solid #ccc; border-width: 1px 1px 0 0; padding: 4px 6px 2px; }
table.t3c th { background: #fcfdf8; font-weight: normal; text-align: inherit; }
table.t3c tbody th { text-align:center; }
table.t3c thead th, table.t3c tfoot th { border-width: 1px 1px 0 0; border-color: #ccc; background: #f7f7f7; color: #000; text-align: center; vertical-align: middle; }




/* 테이블 개별조합속성 */
table.auto { width: auto; height: auto; }
.pd6 th, .pd6 td { padding: 6px 6px 4px; }
.vat td, .vat th { vertical-align: top; }
.vab td, .vab th { vertical-align: bottom; }
.vam td, .vam th { vertical-align: middle; }

/* Menu ─── */

/* 본문1차메뉴탭 text + background */
#contenttabmenu { position: relative; width: 100%; height: 35px; margin: 0 0 1.5em 0; padding: 0 15px 0 15px;  overflow: hidden; background: url(/img/inc/ctabmbgz.png) no-repeat 0 0; }
#contenttabmenu * { list-style: none; margin: 0; padding: 0; border: 0; background: transparent; line-height: 1.25; letter-spacing: -1px; }
#contenttabmenu .bg { position: absolute; left: 0; bottom: 0; width: 95%; font-size: 0; line-height: 0; text-indent: -9999px; overflow: hidden; }
#contenttabmenu ul { clear: both; position: relative; left: 0; top: 0; width: 100%; overflow: hidden; }
#contenttabmenu ul li { display: inline; float: left; margin: 3px 0 0 0; padding: 0 0 5px 10px; border: 0; }
#contenttabmenu ul li a { display: block; padding: 9px 15px 4px 5px; border: 0;  color: #333; letter-spacing: 0; text-decoration: none; cursor: pointer; }
#contenttabmenu ul li:hover,
#contenttabmenu ul li:focus, 
#contenttabmenu ul li.on { background: url(/img/inc/ctabmbg.png) no-repeat 0 -50px; color:#C63; }
#contenttabmenu ul li:hover a,
#contenttabmenu ul li:focus a,
#contenttabmenu ul li.on a { background: url(/img/inc/ctabmbg.png) no-repeat 100% -50px; color:#C63; font-weight: bold; letter-spacing: -1px; padding: 9px 15px 4px 5px; }


/* 본문1차메뉴탭 img */
#contenttabmenuImg { width: 100%; margin: 0 0 2em 0; }
#contenttabmenuImg ul { list-style: none; width: 100%; margin: 0; padding: 0; overflow: auto; }
#contenttabmenuImg ul li { display: inline; float: left; margin: 0 2px 0 0; padding: 0; }
#contenttabmenuImg ul li a {  }
#contenttabmenuImg ul li img { vertical-align: top; }

/* 본문2차메뉴불릿박스 */
.contentmenu{width:100%;margin:0 0 1em 0;padding:0 0 10px;text-align:left;background:url(/img/inc/cmbg.png) no-repeat 0 100%;}
.contentmenu *{list-style:none;margin:0;padding:0;border:0;background:transparent;line-height:1.25;letter-spacing:-1px;}
.contentmenu div{/* width:92.4%; */padding:12px 3.8% 0 3.8%;overflow:auto;background:url(/img/inc/cmbg.png) no-repeat;}
.contentmenu ul{width:100%;overflow:hidden;}
.contentmenu ul li{display:inline;float:left;width:24.9%;}
.contentmenu ul li.c2{display:inline;float:left;width:49.9%;}
.contentmenu ul li a{display:block;padding:4px 1.2em 3px 1em;background:url(/img/inc/cmlibg.png) no-repeat 0 7px;color:#333;}
.contentmenu ul li.on a{color:#1c8cff;font-weight:bold;}
.contentmenu ul.col1 li{width:100%;}
.contentmenu ul.col2 li{width:50%;}
.contentmenu ul.col3 li{width:33%;}
.contentmenu ul.col4 li{width:25%;}
.contentmenu ul.col5 li{width:19%;}
.contentmenu ul.col8 li{width:12.5%;}

/* 본문3차메뉴불릿 */
.content2menu{width:100%;margin:0 0 1em 0;padding:.75em 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background:#fcfcfc;}
.content2menu *{list-style:none;margin:0;padding:0;border:0;background:transparent;line-height:1.25;letter-spacing:-1px;}
.content2menu ul{overflow:auto;}
.content2menu ul li{display:inline;float:left;}
.content2menu ul li a{display:block;padding:3px 1em 2px 1.1em;background:url(/img/all/bu06.gif) no-repeat 0 4px;color:#000;white-space:normal;}
.content2menu ul li.on a{color:#f03;font-weight:bold;}
.content2menu ul.col1 li{width:100%;}
.content2menu ul.col2 li{width:50%;}
.content2menu ul.col3 li{width:33%;}
.content2menu ul.col4 li{width:25%;}
.content2menu ul.col5 li{width:20%;}

/* Etc ─── */

/* 전문 */
.preamble { width: 100%; padding: 2% 0 0 0; background: url(/img/all/box1bg.gif) no-repeat left top; }
.preamble .in { width: 96%; padding: 0 2% 2%; background: url(/img/all/box1bg.gif) no-repeat right bottom; }

/* 박스 */
.box0 { border: 1px solid #ddd; padding:15px 15px 15px 8px; margin:0 0 15px 10px; background:#fff; width:640px; }
.box1 { border: 1px solid #e7e7e7; padding: .75em 1em .75em; }
.box2 { border: 2px solid #eee; padding: .75em 1em .75em; }
.box3 { border: 3px solid #f4f4f4; padding: .75em 1em .75em; }
.box4 { border: 3px solid #f7f7f7; padding: .75em 1em .75em; }


.boxz0 { border: 1px solid #ddd; padding:15px 15px 15px 8px; margin:0 20px 10px 0px; background:#fff; width:785px; position:relative; }
.boxz0 img { position:absolute; top:20px; left:700px; margin:0; padding:0; }

/* 라인 */
.dot { clear:both; border-bottom : 1px dashed #ccc; }
.dotbgt { width: 100%; padding: 1px 0 0 0; background: url(/img/all/dot.gif) repeat-x 0 0; }
.dotbgb { width: 100%; padding: 0 0 1px 0; background: url(/img/all/dot.gif) repeat-x 0 100%; }
hr.dash { display: block; border-top: 1px dashed #ccc; color: #fff; }

/* 배치 */
.left { float: left; padding: .34em 0; }
.right { float: right; padding: .34em 0; }
.center { position: relative; margin: 0 auto; padding: .34em 0; text-align: center; }
img.flm { float: left; margin: 0 20px 20px 0; }
img.frm { float: right; margin: 0 0 20px 20px; }
img.center { display: block; margin: 0 auto; text-align: center; }

.infomenu02 {border:0px solid #ccc;margin:0;padding:0;width:780px;margin:0 auto;}

.floatleft02 { float:left; padding:0;border:0px solid #ccc;background:url(/img/bg_floatleft.jpg) top left no-repeat; width:300px;height:300px;text-align:center;}

.button7  { display: inline-block; margin: 0; padding:5px 10px 5px 11px; font-size:12px; border: 0px solid #a5362b; background: #666; color: #fff !important;
line-height: 1.25; vertical-align: middle; white-space: nowrap; text-decoration: none !important; cursor: pointer;height:30px;width:250px; }



img.button { vertical-align: middle; cursor: pointer; }

.floatright02 { float:right;padding:60px 0 0 20px ; border:0px solid #ccc;width:450px;min-height:300px;background:url(/img/bg_floatright.jpg) top left no-repeat;}
.flaotright02 form {margin:0;padding:0;}


.floatleft { float:left; padding:0;border:0px solid #ccc;t; width:300px;height:150px;text-align:center;}
.floatright { float:right;padding:60px 0 0 20px ; border:0px solid #ccc;width:300px;min-height:150px;}
/* 활성 */
.on, .on a { color: #f03; }


/* Property ───── 개별조합속성 */

/* layout */
.dpn { display: none !important; }
.dpb { display: block !important; }
.dpi { display: inline !important; }
.psr { position: relative; }
.zia { z-index: auto; }
.ofh { overflow: hidden; }
.fl { display: inline !important; float: left !important; }
.fr { display: inline !important; float: right !important; }
.clb { clear: both !important; }
/* box */
.w100 { width: 100% !important; }
.h100 { height: 100% !important; }
.wh100 { width: 100% !important; height: 100% !important; }
.waha { width: auto !important; height: auto !important; }
.mg0 { margin: 0 !important; }
.pd0 { padding: 0 !important; }
.bd0 { border: 0 !important; }
.bgf { background: #fff !important; }
.bin { background-image: none !important; }

.mgupdown20 { margin:20px 0 20px 0; }
.pdupdown20 { padding:10px 0 20px 0; }

.mgup10 { margin:10px 0 0 0; }
.mgdown10 { margin:0 0 10px 0; }

.pdup10 { padding:10px 0 0 0; }
.pddown10 { padding:0 0 10px 0; }
.pdup10 { padding:10px 0 0 0; }

/* color, font, text */
.cd { color: #333 !important; }/* = body { color: default값; } */
.rrd { color: #CC0000 !important; }/* = body { color: default값; } */
.fwn { font-weight: normal !important; }
.fwb { font-weight: bold !important; }
.fsd { font-size: 12px !important; }/* = body { font-size: default값; } */
.lhd { line-height: 1.5 !important; }/* = body { font-size: default값; } */
.ffd { font-family: "돋움",Dotum !important; }/* = body { font-size: default값; } */
.ffe { font-family: tahoma !important; }/* etc(english) */
.ls-1 { letter-spacing: -1px !important; }
.ls-2 { letter-spacing: -1px !important; }
.ls0 { letter-spacing: 0 !important; }
.nowrap { white-space: nowrap !important; }
.onwrap { white-space: normal !important; }
.tdu { text-decoration: underline !important; }
.tdn { text-decoration: none !important; }
.tal { text-align: left !important; }
.tar { text-align: right !important; }
.tac { text-align: center !important; }
.vat { vertical-align: top !important; }
.vab { vertical-align: bottom !important; }
.vam { vertical-align: middle !important; }
.vabl { vertical-align: baseline !important; }


/* 만족도조사 통계 */
#total_pop { clear:both; position: relative; width:702px; height: 380px; padding:0; margin:0; background: url(/img/inc/total_pop_bg.jpg) no-repeat; }
#total_pop h1 { position: absolute; left: 28px; top: 0px; margin: 0; padding: 0; background-image:none; }
#total_pop .tnum { position: absolute; left: 30px; top: 78px; width: 136px; height: 17px; text-align: left; color:#fff; font-weight:bold; }
#total_pop .opinion { position: absolute; left: 30px; top: 110px; width: 305px; height: 230px; }
#total_pop .opinion ul { width: 305px; height: 230px; padding:0; margin:0; }
#total_pop .opinion ul li { display:inline; float:left; position: relative; width: 100%; padding:14px 0; overflow:hidden;  line-height: 1.25; letter-spacing: -1px; }
#total_pop .opinion ul li .grade { display:inline; float:left; width: 90px; padding:0; }
#total_pop .opinion ul li .num { display:inline; float:left; width: 40px; padding:0 7px 0 0; text-align: right;  }
#total_pop .opinion ul li .gimg { display:inline; float:left; width: 120px; padding:1px 0 0 0 ;}
#total_pop .opinion ul li .percent { display:inline; float:left; width: 40px; padding:0; text-align: right;}
#total_pop .comment { position: absolute; left: 377px; top: 115px; width: 278px; height: 205px; padding: 0 17px 0 0; margin:0; overflow: scroll; overflow-x: auto; }

#total_pop .close { position: absolute; right: 20px; bottom: 5px; }

/* 검증결과 */


#boxz01{ position:relative; top:0px; left:0px; width:681px ; height:703px; padding:0; margin:0 auto; }
#boxz02{ position:relative; top:0px; left:0px; width:681px ; height:643px; padding:0; margin:0; background:url(/img/sub/04_bg.jpg) no-repeat;}
#boxz02 ul{ position:relative; top:0px; left:0px; width:681px ; padding:0; margin:0;list-style:none; }
#boxz02 .boz01{ position:relative; top:0px; left:0px; width:640px ; height:110px; padding:0; margin:0;}
#boxz02 .boz02{ position:relative; top:0px; left:0px; width:640px ; height:59px; padding:10px 20px 20px 20px; margin:0;}
#boxz02 .boz03{ position:relative; top:0px; left:0px; width:640px ; height:288px; padding:0; margin:0;}
#boxz02 .boz04{ position:relative; top:0px; left:0px; width:640px ; height:30px;padding:15px 0; margin:0;text-align:center;}
#boxz02 .boz04 span{ font-weight:bold; color:#069; }
#boxz02 .boz05{ position:relative; top:0px; left:0px; width:640px ; height:99px; padding:0; margin:0;}
#boxz03 { position:relative; top:0px; left:0px; width:681px ; height:50px; padding:10px 0; margin:0 auto;text-align:center;}


#boxz02 .boz03 ul{ position:relative; top:0px; left:0px; width:681px ; padding:0; margin:0; list-style:none; }
#boxz02 .boz03 .bz01{ position:relative; float:left; top:0px; left:0px; width:341px ; height:288px;  padding:0; margin:0; background:#39C;}
#boxz02 .boz03 .bz02{ position:relative; float:left; top:0px; left:0px; width:340px ; height:288px; padding:0; margin:0; background:#39C;}



.memo {width:97%;padding:10px;line-height:14px;border:1px solid #ccc;background:#f4f4f4;min-height:40px;margin:0 auto;}


#body_content .media {width:680px;padding:10px 0 0 25px;border:0px solid #ccc;}