body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,blockquote,button,th,td,textarea,input{margin:0;padding:0; font-family:dotum, 돋움;}
hr, legend {display:none;}
img, fieldset {border:0 none;}
body, h1, h2, h3, h4, h5, dl, dt, dd, th, td, p, form, fieldset, legend, input, div {font-size:12px;font-weight:normal;}
ul, ol, li {list-style:none outside;}
img, input, select, textarea, label{vertical-align:middle;}
a{text-decoration:none; color:#666666;}

.none{display:none;}
.fbold{font-weight:bold;}
.png24 {tmp:expression(setPng24(this));}

.wr{width:1024px; margin:0px; font-family: Dotum, 돋움;}
.wr .top{width:1024; height:84px; background:url(../images/top.jpg) no-repeat;}
.wr .top .a1{margin-top:12px; margin-left:719px; float:left;}
.wr .top .a1 li{float:left; margin:0px 10px;}
.wr .top .a1 li a{color:#71acd3; font-size:11px;}
.wr .top .a1 .sep{width:1px; height:10px; background:url(../images/cTopBar.gif) no-repeat; margin:0px; margin-top:1px; *margin-top:0px;}
.wr .top .a1 .on a{color:#d2d2d2}
.wr .top .a2{width:400px; height:80px; cursor:pointer; position:absolute; left:0px; top:0px;}

.wr .mtop{margin-left:16px; width:874px; height:72px; border-bottom:3px solid #f21819; margin-bottom:10px; }
.wr .mtop .a1{height:27px; padding-top:7px;}
.wr .mtop .a1 li{float:right;}
.wr .mtop .a1 .sep{margin:5px 8px 0px 8px; width:1px; height:6px; font-size:1px; background:#b7b7b7; *margin-top:3px;}
.wr .mtop .a2 .b0{margin-left:9px; float:left;}
.wr .mtop .a2 .b1{margin-left:14px; margin-top:3px; float:left;}
.wr .mtop .a2 .b2{margin-left:17px; float:left;}
.wr .mtop .a2 .b2 li{float:left; margin-top:10px;}
.wr .mtop .a2 .b2 .sep{width:1px; height:11px; font-size:11px; margin:13px 15px 0px 15px; background:#d5d5d5;}

.menu{margin-left:17px; margin-top:11px; width:874px; height:0px;}
.menu li{height:12px; float:left; cursor:pointer;}
.menu li img{float:left;}
.menu .separator{width:2px; background:url(../images/top_bar.gif) 0px 3px no-repeat; cursor:auto;}
/*leftside*/
.leftside{width:184px; margin-top:10px; margin-right:30px; margin-left:17px; _margin-left:9px; float:left; margin-bottom:60px;}
.box1_t{background:url(../images/box1_t.gif) no-repeat; width:184px; height:2px; font-size:1px;}
.box1_m{background:#f9f9f9; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; width:182px;}
.box1_b{background:url(../images/box1_b.gif) no-repeat; width:184px; height:7px;}
.box1_bb{background:url(../images/box1_bb.gif) no-repeat; width:184px; height:2px;}

.box2_t{background:url(../images/box2_t.gif) no-repeat; width:184px; height:7px; font-size:1px;}
.box2_m{background:url(../images/box2_m.gif) repeat-y; width:184px;}
.box2_b{background:url(../images/box1_b.gif) no-repeat; width:184px; height:7px;}
.box2_sep{background:url(../images/box2_splitor.gif) no-repeat; width:184px; height:5px; font-size:1px;}

.box3_t{background:url(../images/menu_ab_t.gif) no-repeat; width:184px; height:9px; font-size:1px;}
.box3_m{width:182px; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6;}
.box3_b{background:url(../images/menu_ab_b.gif) no-repeat; width:184px; height:9px; font-size:1px;}

/*leftside 개인정보*/
.info{height:160px;}
.info .a1{padding-top:10px; margin-left:13px; color:#999999; height:18px;}
.info .a1 .b1 .c1{float:left;}
.info .a1 .b1 .c2{float:left; margin-left:8px; margin-top:0px;}
.info .a1 .name{color:#5b7a8d;}
.info .a2{margin-left:7px; width:165px; height:85px; border:1px solid #e6e6e6; background:white; padding-top:9px;}
.info .it{width:140px; height:13px; margin-left:8px; padding-left:8px; background:url(../images/info_dot.gif) 0px 6px no-repeat; height:21px;}
.info .it .m1{float:left; margin-top:1px; *margin-top:2px; color:#444444; font-size:11px;}
.info .it .m2{float:right; margin-top:1px; *margin-top:2px; color:#888888; font-size:11px;}
.info .it .m3{float:right; margin-left:5px;}
.info .a3{margin-left:8px; margin-top:7px;}
.info .a3 div{float:left; cursor:pointer; width:81px; height:20px;}
.info .a3 .btn_mypage{background:url(../images/btn_mypage.gif) no-repeat;}
.info .a3 .btn_logout{background:url(../images/btn_logout.gif) no-repeat; margin-left:4px;}

/*leftside 로긴박스 */
.login .m1{padding-top:8px; height:47px;}
.login .a1{width:118px; height:47px; float:left; padding-left:8px;}
.login .a2{width:48px; height:47px; float:left;}
.login .a1 input{border:1px solid #e6e6e6; color:#888888; font-size:11px; width:105px; height:13px; padding-top:3px; padding-left:6px; margin-bottom:3px; float:left; background-color:#ffffff;}
.login .m2{height:21px; margin-left:8px; width:166px; border-bottom:1px solid #e6e6e6;}
.login .m2 *{float:left;}
.login .m2 .c1{margin-left:1px; margin-top:2px; *margin-top:-2px;}
.login .m2 .c2{margin-left:7px; *margin-left:4px; margin-top:3px; color:#999999; font-size:11px; height:15px; font-family:dotum;}
.login .m2 .btn_guestLogin{margin-left:11px; *margin-left:7px; cursor:pointer;}
.login .m3{height:33px; width:166px; border-top:1px solid #ffffff; margin-left:8px; clear:both;}
.login .m3 div{float:left; margin-top:6px; cursor:pointer; width:81px; height:20px; cursor:pointer;}
.login .m3 .btn_register{background:url(../images/btn_register.gif) no-repeat;}
.login .m3 .btn_findpw{margin-left:4px; background:url(../images/btn_findpw.gif) no-repeat;}
.login .id{background:url(../images/bg_id.gif) no-repeat;}
.login .pw{background:url(../images/bg_pw.gif) no-repeat;}


/*rightside*/
.rightside{width:660px; float:left;}
.rightside div.first{margin-top:9px;}
.r_t{height:51px;}
.r_t .m1{padding-top:16px; float:left;}
.r_t .m2{margin-top:27px; float:right; padding-left:10px; background:url(../images/dot_magenta.gif) 0px 5px no-repeat; *background-position:0px 4px; font-size:11px; color:#666666;}
.r_t .m2 .ac1{color:#666666;}
.r_t .m2 .ac2{color:#6c7d91; font-weight:bold;}
.table1{border-top:2px solid #d5e3f5;}
.table1 .tt{color:#5988b7; background:#f5fbff; text-align:center; border-right:1px solid #d5e3f5; border-bottom:1px solid #d5e3f5;}
.table1 .ttlast{border-right:none;}
.table1 .tm1{text-align:left; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; padding-left:9px;}
.table1 .tm1 a{color:#5988b7;}
.table1 .tm{color:#555555; text-align:center; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
.table1 .tm3{color:#5988b7; text-align:center; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
.table1 .tmlast{border-right:none;}
.table1 .even td{background:#fbfaf6;}
.tit1{height:20px; background:url(../images/icon_tableTitle.gif) 0px 0px no-repeat; clear:both;}
.tit1 .a1{float:left; font-weight:bold; color:#6c7d91; padding-left:16px;}
.tit1 .a2{float:right; color:#888888; font-size:11px;}
.table1 .tt2{color:#5988b7; background:#f5fbff; text-align:center; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
.table1 .tm2{color:#555555; text-align:left; border-bottom:1px solid #e1e1e1; padding-left:12px;}
.rece_list{margin-left:9px;}
.modify_num{margin-left:8px;}
#sendInfo{margin-bottom:40px;}

.ti{margin-top:11px;}
.ti .i1, .ti .i2{float:right;}
.ti .i1{margin-right:5px; margin-top:1px;}
.ti .i2{color:#4d4d4d; margin-right:8px;}
.ti .i3{color:#ff6600; font-weight:bold;}
.table .r1{cursor:pointer;}

.tit2{padding-left:9px; padding-top:8px; height:19px; width:651px; background:#f6f6f6; font-weight:bold; clear:both; margin-top:2px; margin-bottom:5px;}
.tit2 .a1{color:#888888;}
.tit2 .a2{color:#202020;}

.pager1{width:660px; text-align:center; margin-top:20px; height:20px;}
.pager1 span{font-weight:bold; cursor:pointer; color:#777777;}
.pager1 .on{text-decoration:underline; color:#4785c1;}
.pager1 .i{padding:0px 8px 0px 3px; background:url(../images/pager1_separator.gif) 100% 4px no-repeat; cursor:pointer;}
.pager1 .last{background:none;}
.pager1 .c{margin-top:-3px; *margin-top:-2px; _margin-top:0px;}

.flt{position:absolute; border:1px solid #608ab4; background:#f6fbff; width:300px; color:#6497c9; padding:4px; text-align:left;}

/* width 지정 필요 */
.popup{background-color:#f6f6f6; border:3px solid #7ea0b4; padding-bottom:36px; position:relative; display:none;}
.popup h4{background-color:#7ea0b4; padding:4px 0 8px 11px;}
.popup h4 span{display:none;}
.popup span.close{position:absolute; top:8px; right:8px;}
.popup .inner{background-color:#fff; padding:6px; *zoom:1;}
.popup .alert{background:url("../images/address/icon_subject.gif") no-repeat left 50%; color:#666666; font-size:12px; padding-left:10px;}
.popup .btn{margin-top:10px; text-align:center;}
.popup input.text{border:1px solid #b8c1c7; height:15px; width:178px;}

/* 아이디 비밀번호 찾기 */
div.find{background-color:#fff; border:3px solid #7ea0b4; padding:1px; width:300px; display:none; position:absolute; top:129px; left:220px;}
div.find ul{*zoom:1;}
div.find ul:after{content:" "; display:block; clear:both; height:0; visibility:hidden;}
div.find ul a{display:block; width:148px; height:22px; text-align:center; padding-top:3px;` outline:none; border:1px solid #b7b7b7; border-right:0; border-bottom:0; background:url("/images/layer/bg_find_pw.gif") repeat-x;}
div.find ul li{display:inline;}
div.find ul li a.id{float:left;}
div.find ul li a.pw{float:right;}
div.find ul li a.select{border:1px solid #7da0b4; border-right:0; border-bottom:0; background:url("/images/layer/bg_find_id.gif") repeat-x;}

div.find form.inner{padding:22px 20px;}
div.find p{line-height:150%;}
div.find p.subject{background:url("/images/layer/l2_icon_aw.gif") no-repeat left 50%; color:#6b7c90; font-weight:bold; padding-left:15px; margin-bottom:11px;}
div.find p.desc{color:#646464; margin-bottom:13px;}
div.find p.inst{color:#5a86b7; text-align:center; margin-bottom:10px;}
div.find p.alert{color:#898989;}

div.find div.box{background-color:#f6f6f6; text-align:center; padding:10px 0; margin-bottom:15px;}
div.find div.box label{color:#888888; font-weight:bold;}
div.find div.box input.text{border:1px solid #b8c1c6; height:14px; width:88px;}

div.find .btn{background-color:#f6f6f6; padding:11px 0 8px; text-align:center;}
div.find .result{background-color:#f6f6f6; border:1px solid #dfdfdf; display:none; padding:8px 8px 5px; margin-bottom:15px;}
div.find .result p{color:#7ba0b2; font-size:11px; margin-bottom:3px;}


div.head {border-bottom:1px solid #f1f1f1; margin:15px 0 10px;}
h1{margin-bottom:14px;}

ul.desc{background-color:#f9f9f9; border:1px solid #d1d2d3; padding:12px 0 2px 17px;}
ul.desc li{background:url("/gnuboard4/skin/board/board_faq/img/icon_desc.gif") no-repeat left 4px; padding-left:7px; margin-bottom:10px;}
