@charset "euc-kr";
/* CSS Document _ DMRC _ areumming */

html {overflow:scroll;}
body {padding:0; margin:0;}
body,table,input,select,option,div,p,textarea {font-family:tahoma; font-size:12px; line-height:150%; color:#30323f;}
img {border:none;}
hr {display:none;}
address {font-style:normal; color:#666; text-align:center;}
p {padding:0; margin:0 0 15px 0;}
label input, input, label {vertical-align:middle;}
table {border-collapse:collapse;}
textarea {resize:none;}
.png24 {tmp:expression(setPng24(this));}

.input, textarea {border-top:1px solid #aaa; border-left:1px solid #aaa; border-right:1px solid #ccc; border-bottom:1px solid #ccc; font-family:tahoma;}

/* ³ª´®ÆùÆ®Àû¿ë */
@font-face { font-family: 'NanumGothic';  font-style: normal;  font-weight: normal; src: local('NanumGothic'),  local('³ª´®°íµñ'),   url('http://itstandard.kr/~ssbmc/font/NanumGothic.woff') format('woff');}


.inline {display:inline;}
.alignCenter {text-align:center;}
.alignLeft {text-align:left;}
.clear {clear:both;}
.fl {float:left;}
.fr {float:right;}
.noMargin {margin:0; padding:0;}
.marginB5 {margin-bottom:5px;}
.marginB10 {margin-bottom:10px;}
.marginB15 {margin-bottom:15px;}
.marginB20 {margin-bottom:20px;}
.marginB25 {margin-bottom:25px;}
.marginB30 {margin-bottom:30px;}
.marginB40 {margin-bottom:40px;}

.blue {color:#3056a2;}
.red {color:#ac0000;}
.gray {color:#777;}
.violet {color:#32317a;}
.normal {font-size:12px;}
.small {font-size:11px;}
.italic {font-style:italic;}

a:link,
a:visited {color:#30323f; text-decoration:none;}
a:hover,
a:active {color:#b16b2f; text-decoration:underline;}


/* Common */
h1 {padding:0; margin:0;}
.blind {visibility:hidden; font-size:1px; line-height:1px;}
.display_none {display:none;}
.wrap {width:830px; margin:10px auto; border:1px solid #818181; background:url(image/bg_bodytop.jpg) no-repeat top;}

#topmenu {width:110px; height:23px; float:right; margin:7px 15px 0 0;} 
#topmenu ul {list-style:none; padding:0; margin:0; float:right;}
#topmenu li {height:23px; float:left;}
#topmenu li img {display:block;}

#mHead {clear:both; margin-left:15px; width:800px; height:227px; margin-bottom:30px;}
#mHead #menu {float:left; width:130px; height:227px; background:url(image/bg_menu.gif) no-repeat;}
#mHead #menu ul {list-style:none; padding:9px 0 0 0; margin:0;}
#mHead #menu ul li img {vertical-align:top;}


#mHead #mVisual {float:left; width:670px; height:227px; }
#mHead #mSince {clear:both; float:left; text-align:right; width:800px; height:30px;}

address {clear:both; width:791px; height:50px; border-top:3px solid #616161; padding:10px 0 0 5px; margin:30px 0 15px 17px; text-align:left;}
address #copyright {width:600px; float:left;}
address #copyright .counter {margin-bottom:1px; font:normal 11px tahoma; color:#666;}
address #copyright .copy {font:normal 11px tahoma;}
address #familySite  {float:left; width:186px; text-align:right; margin-right:0px;}
address #familySite ul{padding:0; margin:0;}
address #familySite li{padding:0; margin:0;list-style:none;}

/* Main */
#mContainer {clear:both; margin-left:15px; width:800px; text-align:left; }
#mContainer #mIntro .introLogo {float:left; width:200px; height:200px;}
#mContainer #mIntro .introText {float:left; width:580px; text-align:justfy; padding:17px 0 0 0; line-height:150%; font-family: ³ª´®°íµñ, NanumGothic, ngwoff, ngeot; font-size: 13px;}
#mContainer #mIcon1 {clear:both; float:left; margin-left:25px; width:495px; height:280px; background:url(image/bg_icondotline.gif) no-repeat right;}
#mContainer #mIcon1 h2 {padding:0; margin:0;}
#mContainer #mIcon1 ul {list-style:none; padding:0; margin:0;}
#mContainer #mIcon1 li {float:left; margin:0 25px 10px 0;}
#mContainer #mIcon2 {float:left; margin-left:18px; height:280px;}
#mContainer #mIcon2 h2 {padding:0; margin:0 0 0 25px;}
#mContainer #mIcon2 ul {list-style:none; padding:0; margin:0;}
#mContainer #mIcon2 li {float:left; margin:0 0 10px 25px;}

/* Sub */
#sContainer {clear:both; margin-left:15px; width:800px; min-height:300px; text-align:justify; }
#sContainer h3 {width:800px; height:32px; margin-bottom:30px; background:url(image/bg_subtitlebar.gif) no-repeat bottom; font:normal 21px Times New Roman; line-height:100%; color:#313260;}
#sContainer .subtitle01 {background:url(image/cImg_icon.gif) no-repeat 0 0; padding-left:17px; margin-bottom:10px; font:bold 15px ³ª´®°íµñ, NanumGothic, ngwoff, ngeot; line-height:100%;}
#sContainer .subtitle02 {background:url(image/cImg_icon.gif) no-repeat 0 -30px; padding-left:17px; margin-bottom:10px; font:bold 15px ³ª´®°íµñ, NanumGothic, ngwoff, ngeot; line-height:100%;}
#sContainer .subtitle03 {background:url(image/cImg_icon.gif) no-repeat 0 -60px; padding-left:17px; margin-bottom:10px; font:bold 15px ³ª´®°íµñ, NanumGothic, ngwoff, ngeot; line-height:100%;}


/* Å×À̺í */
.tbl01 {border-top:2px solid #444547; margin-bottom:20px;}
.tbl01 caption {visibility:hidden;overflow:hidden;width:1px;height:1px;font-size:0;line-height:0}
.tbl01 th {height:12px; color:#555; border-bottom:1px solid #e4e4e4; padding:7px; font:bold 11px "µ¸¿ò",dotum; background-color:#f9f9f9;}
.tbl01 td {height:12px; color:#666; border-bottom:1px solid #e4e4e4; padding:7px;}
.tbl01 td .item{position:relative;margin:-4px 0;}
.tbl01 td .item img {vertical-align:middle;}
.tbl01 td .item .i_help{position:absolute;top:4px;right:0}
.tbl01 td .item .i_label{top:6px; left:10px}
.tbl01 td .item .i_dsc{margin:2px 0}
.tbl01 td .item .i_check,
.tbl01 td .item .i_radio{width:13px;height:13px;margin:2px 5px 2px 0;padding:0;vertical-align:middle}
.tbl01 td .item .i_text{position:relative; margin:2px; padding:3px 4px; border-left:1px solid #cbcbcb; border-top:1px solid #cbcbcb; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; background-color:#f7f7f7;}

.tbl02 {border-top:2px solid #444547; margin-bottom:20px;}
.tbl02 caption {text-align:left; padding:2px; margin:0;}
.tbl02 thead {clear:both;}
.tbl02 th {height:12px; color:#555; border-bottom:1px solid #e4e4e4; padding:7px; font:bold 11px "µ¸¿ò",dotum; background-color:#f9f9f9;}
.tbl02 td {height:12px; color:#666; border-bottom:1px solid #e4e4e4; padding:7px;}
.tbl02 td .item{position:relative;margin:-4px 0;}
.tbl02 td .item img {vertical-align:middle;}
.tbl02 td .item .i_help{position:absolute;top:4px;right:0}
.tbl02 td .item .i_label{ top:6px; left:10px}
.tbl02 td .item .i_dsc{margin:2px 0}
.tbl02 td .item .i_check,
.tbl02 td .item .i_radio{width:13px;height:13px;margin:2px 5px 2px 0;padding:0;vertical-align:middle}
.tbl02 td .item .i_text{position:relative; margin:2px; padding:3px 4px; border-left:1px solid #cbcbcb; border-top:1px solid #cbcbcb; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; background-color:#f7f7f7;}


/* ŸÀÌƲ */
.textTitle01 {font:bold 14px/140% "µ¸¿ò",dotum; color:#37648d; padding:0 0 0 14px; margin:0 0 4px 0; background:url(image/icon02.gif) no-repeat 0 3px; letter-spacing:-0.05em;}
.textTitle02 {font:bold 12px/140% "µ¸¿ò",dotum; color:#000; padding:0; margin:0 0 4px 0; letter-spacing:-0.05em;}


/* ¸®½ºÆ® */
.basic_list {padding:0 0 0 20px; margin-top:0; margin-left:0;}
.list01 {list-style:none; padding-top:0; padding-left:0; margin-top:0; margin-left:0;}
.list01 li {line-height:260%;}

.list02 {list-style:none; padding-top:0; padding-left:0; margin-top:0; margin-left:0;}
.list02 li {background:url(image/icon01.gif) no-repeat 0 8px; line-height:150%; padding-left:6px;}