/* INIT BY WHILE */
html { width:100%; height: 100%; }
body { margin: 0; text-align: center; background:#FFFFFF; height: 100%; }
h1,h2,h3,h4,h5,h6,p { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
div,span,table,tr,th,td,ul,ol,li,dl,dt,dd,form,fieldset,legend,select,textarea,label,input { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #242424; font-size:12px; font-family: ±¼¸², NanumGothic, ¸¼Àº °íµñ, Malgun Gothic, verdana, arial, helvetica, sans-serif; }
ul,ol,li,dl,dt,dd { list-style: none; }
address { font-style: normal; }
table,img,fieldset { border: 0; }
legend { margin-top: -1px; }
/* DEFAULT SETTING */
body { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-family: ±¼¸², NanumGothic, ¸¼Àº °íµñ, Malgun Gothic, verdana, arial, helvetica, sans-serif; color: #242424; /*background-color: #585858;*/}
a {text-decoration: none; color: #242424 ; outline: none; }
a:visited { color: #242424; }
a:active {color: #242424; }
a:hover { color: #0174df; }
strong, b { font-weight: bold; }
p { font-size: 12px; line-height: 22px; margin-top: 20px; margin-bottom: 10px; }
h1 { font-size: 24px; line-height: 44px; font-weight: bold; margin-top: 0; margin-bottom: 0;}
h2 { font-size: 18px; line-height: 40px; font-weight: bold; margin-top: 0; margin-bottom: 0;}
h3 { font-size: 16px; line-height: 22px; font-weight: bold; margin-top: 0; margin-bottom: 0;}
h4 { font-size: 14px; line-height: 26px; font-weight: bold; margin-top: 0; margin-bottom: 0;}
h5 { font-size: 12px; line-height: 22px; font-weight: bold; margin-top: 0; margin-bottom: 0;}
h6 { font-size: 10px; line-height: 18px; font-weight: bold; margin-top: 0; margin-bottom: 0;}
img { border: 0; }
/* ETC CONTENTS*/
/*** tabbox ***/
.box {float:left; width:320px;}
.tab_box1 {position:relative; z-index:100; float:left; width:320px;}
.tab_box1 li {float:left; margin-right:3px; border:1px solid #D4D4D4; border-bottom:none;}
.tab_box1 li a {display:block; padding:8px 19px 6px 19px; color:#666666; text-decoration:none;}
.tab_box1 li a:hover {color:#333333; background:#F4F4F4;}
.tab_box1 li.on {background:#F4F4F4;}
.tab_box1 li.on a {color:#333333; font-weight:bold; letter-spacing:-1px; text-decoration:none;}
.cont {float:left; width:320px; height:100px; margin-top:-1px; color:#666666; background:#F4F4F4; border:1px solid #CCCCCC;}
.cont p {padding:10px;}
/* LAYOUT POSITION SETTING */
#wrapper { width: 1024px; margin:0 auto; text-align: left; }
#header { float: left; width: 1024px; /*border: 1px solid #ccc;*/ voice-family: "\"}\""; voice-family:inherit; padding-bottom: 10px;}
#left { padding: 0px 10px 10px 0px; float: left; width: 190px; /*border: 1px solid #ccc;*/ background: #ffffff; voice-family: "\"}\""; voice-family:inherit; }
#main { padding: 0px 0px 10px 0px; margin: 0px 0px 0px 0px; float: left; width: 824px; /*border: 1px solid #ccc; background: #ffffff;*/ voice-family: "\"}\""; voice-family:inherit; }
#footer { float: left; width: 1024px; background: #ffffff; voice-family: "\"}\""; voice-family:inherit;}
/* HEADER SECTION */
#gnb { width: 1024px; height: 76px; overflow: hidden; }
#gnb #mainmenu {float: left; width: 1024px; height: 39px; background: url(/selfimg/navibar.gif) no-repeat;}
#gnb #mainmenu .mm { position: relative; text-decoration: none; white-space: nowrap; height: 39px; overflow: hidden; vertical-align: middle;}
#gnb #mainmenu .mm li {text-align: center; position: relative; list-style-type: none; width: 85px; float: left; height: 39px; background:url(/selfimg/bu_bar.gif) no-repeat right 14px; }
#gnb #mainmenu .mm li a { position: relative; color:#fff; text-align:center; display: block; height: 39px; padding-top: 12px;}
#gnb #mainmenu .mm li.current-gr { font-size: 15px; font-weight: bold; background: url(/selfimg/on.gif); }
#gnb #mainmenu .mm a:hover { background: url(/selfimg/on.gif); height: 39px; }
#gnb #mmbottom { float: left; width: 1024px; height: 397px; background: url(/selfimg/navibar_bottom.gif) no-repeat; display: inline;}
#gnb #mmbottom #top-submenu { float: left; padding-top: 11px; padding-left: 15px; width: 70%; }
#gnb #mmbottom #search {float: right; padding-top: 11px; padding-right: 5px; }
.topsubmenu { width: 0; height: 0; }
/* LEFT SECTION */
#lnb { width: 187px; background: #ffffff; voice-family: "\"}\""; voice-family:inherit; }
#lnb .sectiontitle { width: 176px; /*background: url(/selfimg/bg_submenu.gif);*/ font-family: ³ª´®°íµñ, NanumGothic, ¸¼Àº °íµñ, Malgun Gothic, verdana, arial; padding: 5px; border:1px solid #ededed; color: #fff; font-weight: bold; text-align: center; background-color: #5694d1; text-decoration: none; display: block; }
#lnb #outlogin { padding-bottom: 10px; height: 110px; width: 187px; background: #ffffff; voice-family: "\"}\""; voice-family:inherit; }
#lnb #submenu {padding-bottom: 10px; margin:0; list-style:none;}
#lnb #submenu li a{ padding: 5px; border:1px solid #ededed; color: #444; text-decoration: none; display: block; cursor: pointer; height: 100%;}
#lnb #submenu li a:hover{ padding: 5px; color: #000000; border:1px solid #9a9a9a; }
#lnb #submenu li.current-bo a { padding: 5px; color: #000000; border:3px solid #9a9a9a; font-weight: bold; }
#lnb #connect { width: 185px; border:1px solid #eee; background: #ffffff; voice-family: "\"}\""; voice-family:inherit; }
#lnb #ud_on_box{width:99%; height:105px; overflow: auto; border:1px; border-style:solid; border-color:#cccccc; background-color:#ffffff;}
#lnb #newarticle {padding-bottom: 10px; }
/* MAIN SECTION */
#main .hgt_box {padding:2px;margin-bottom:12px;border:2px solid #cccccc;}
#main .hgt_box .view_box_guide {position:relative;width:100%;}
#main .hgt_box .view_box_tl {position:absolute;top:-4px;left:-4px;display:block;width:9px;height:9px;background:url(../img/bg_rndbox_2.gif) no-repeat;font-size:0}
#main .hgt_box .view_box_tr {position:absolute;top:-4px;left:-5px;margin-left:100%;display:block;width:9px;height:9px;background:url(../img/bg_rndbox_2.gif) right top no-repeat;font-size:0}
#main .hgt_box .view_box_bl {position:absolute;top:-5px;left:-4px;display:block;width:9px;height:9px;background:url(../img/bg_rndbox_2.gif) left bottom no-repeat;font-size:0}
#main .hgt_box .view_box_br {position:absolute;top:-5px;left:-5px;margin-left:100%;display:block;width:9px;height:9px;background:url(../img/bg_rndbox_2.gif) right bottom no-repeat;font-size:0}
#main .hgt_box .view_contents {padding:10px 10px 19px 24px;border:1px solid #ededed}
#main #indexWrap { width: 824px; }
#main #indexWrap #latest-section { float: left; width: 490px; }
#main #indexWrap #etcconetns { width: 320px; float: right;}
#main #indexWrap #etcconetns .box {float:left; width:320px;}
#main #indexWrap #etcconetns #etc_tab_box {position:relative; z-index:100; float:left; width:320px;}
#main #indexWrap #etcconetns #etc_tab_box li {float:left; margin-right:3px; border:1px solid #D4D4D4; border-bottom:none;}
#main #indexWrap #etcconetns #etc_tab_box li a {display:block; padding:8px 19px 6px 19px; color:#666666; text-decoration:none;}
#main #indexWrap #etcconetns #etc_tab_box li a:hover {color:#333333; background:#F4F4F4;}
#main #indexWrap #etcconetns #etc_tab_box li.on {background:#F4F4F4;}
#main #indexWrap #etcconetns #etc_tab_box li.on a {color:#333333; font-weight:bold; letter-spacing:-1px; text-decoration:none;}
#main #indexWrap #etcconetns #etc_cont {float:left; width:320px; height:257px; margin-top:-1px; color:#666666; background:#F4F4F4; border:1px solid #CCCCCC;}
#main #indexWrap #etcconetns #etc_cont p {padding:10px;}
#main #indexWrap #prm-latest_section { float: left; padding-top: 8px; width: 100% }
/* RECENT ARITICLE LIST SECTION */
#main .article_list h1 { color: #6A6A6A; font-size: 9pt; font-weight: normal; line-height: 18px; display: inline; } /* NORMAL ARTICLE */
#main .article_list h2 { color: #2C88B9; font-size: 9pt; font-weight: bold; line-height: 18px; display: inline; } /* NOTICE ARTICLE */
#main .article_list h3 { color: #9A9A9A; font-size: 6pt; line-height: 18px; display: inline; } /* COMMENT */
#main .article_list { padding:10px; }
/* FOOTER SECTION */
#footer #copy { float: left; width: 1024px; overflow: hidden; margin: 0 auto; border-top: 2px solid #0174df;}
/* SEARCH SKIN SECTION */
.srh li { padding: 5px 10px 0px 15px; margin: 0px;}
/* MEMBER SKIN SECTION */
/** LOGIN **/
#member-login-wrap { }
#member-login-wrap #member-login-header { text-align: center; padding: 20px; background-color: #eee; }
#member-login-wrap #member-login-container { border: 4px solid #eee; padding: 20px; }
#member-login-wrap #member-login-container #member-login-basic input { display: block; }
#member-login-wrap #member-login-container #member-login-basic ul { height: 30px; width: 100%; }
#member-login-wrap #member-login-container #member-login-basic li { float: left; }
#member-login-wrap #member-login-container #member-login-basic li.title { width: 70px; }
#member-login-wrap #member-login-container #member-login-basic li.content { }