::-webkit-scrollbar {display: none;  }
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button { margin:0; padding:0; -webkit-text-size-adjust:none }
body, input, textarea, select, table, button { font-size:0.9em; line-height:normal; font-family:  "맑은 고딕", "Malgun Gothic",Dotum, Gulim, AppleGothic, Helvetica, Sans-serif }
body { position:relative; background-color:#fff; color:#000; }
caption, legend { position: absolute; width: 0; height: 0; font-size: 0; line-height: 0; text-indent: -9999em; visibility:hidden; }
fieldset { border:0 none; margin:0; padding:0; }
img, fieldset { border:0 }
hr { display:none; }
ul, ol { list-style:none }
a { color:#111; text-decoration:none; cursor:pointer; font-family:  "맑은 고딕", "Malgun Gothic",Dotum, Gulim, AppleGothic, Helvetica, Sans-serif }
em, address { font-style:normal }
.block { display:block !important; }
.word-break { word-wrap:break-word; word-break:break-all }
.hidden { position: absolute; width: 0; height: 0; font-size: 0; line-height: 0; text-indent: -9999em; visibility:hidden; }
 
button {border: 0;border-radius: 0;background: 0 0;}
#skipToContent a { display:block; height:1px; width:1px; margin-bottom:-1px; overflow:hidden; text-align:center; color:#fff; white-space:nowrap; }
#skipToContent a:focus, #skipToContent a:active { height:auto; width:auto; padding:5px; margin-bottom:10px; }

#wrap { width:auto; min-width:320px;   overflow-y: hidden;  overflow-x: auto;  -webkit-overflow-scrolling: touch;  scroll-snap-type: x mandatory; }
#container { width:auto; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:0.9em; }
#location { position:relative; background:#283439 url(/inc/img/common/bg_location.jpg) repeat-x left top; text-align:left; z-index:2;height:53px !important;}
#submenu { width:100%; text-align:center; z-index:-1; background:#3e4f51; padding:10px 0; border-bottom:#162021 solid 1px; margin:0; }
#submenu a { font-family:Arial, Helvetica, sans-serif; font-size:1.3em; white-space:nowrap; font-weight:bold; color:#FFF; text-decoration:none; letter-spacing:-1px; margin:0 4px; }
#submenu a.current { color:#FF0; }
#rightcolumn{width:calc(100% - 10px);padding-bottom:250px}
#footer {clear: both;width:100%;height:290px;padding: 10px 10px ; background:#373737;color:#c3c3d3;font-size:20px;}
#footer .fbody{width:750px;margin:10px auto;text-align:center}
#footer .info{margin-left:-10px;;border-bottom:1px solid #555;padding-bottom:10px}
#footer .info a{display:inline-block; text-align:center;font-size:18px;padding:5px 0;;color:#c3c3d3;letter-spacing:-1px}
#footer .info a:last-child{border:none;;color:#c3c3d3}
 
#footer .copyright{width:750px;margin:0 auto; overflow:hidden;color:#c3c3d3;font-size:20px}
#footer .copyright .contact{float:left;width:500px;letter-spacing:-1px}
#footer .copyright .flogo{width:160px}
#footer .copyright a.tel{color:#c3c3d3;margin-right:30px;}
#footer .copyright .jebo{float:right;width:220px;font-size:22px;overflow:hidden;color:#c3c3d3;}
#footer .copyright .jebo .ttl{margin:12px 0 5px 0;letter-spacing:-2px}
#footer .copyright .jebo a{color:#c3c3d3;padding:5px 15px;border:1px solid #c3c3d3;display:inline-block;margin-top:10px;font-size:20px}
#footer .copyright .jebo a.long{padding:5px 21px}

	


.newheader{min-width:730px;overflow:hidden;margin:0 auto;border-bottom:1px solid #ddd}
.newheader .skipmain{display:none;}
.newheader .sitename{width:100%;padding:10px 10px;overflow:hidden;text-align:left;background:#44b255;color:#fff; margin:0 auto}
.newheader .sitename .sitewraper{width:740px;overflow:hidden;margin:0 auto;}
.newheader .sitename .sitewraper  a{font-weight:bold;font-size:26px;font-weight:600;font-family:"맑은 고딕", "Malgun Gothic",Dotum, Gulim, AppleGothic, Helvetica, Sans-serif ;letter-spacing:-2px;;color:#fff}	
.newheader .sitename .sitewraper  .topmenu1{float:right;margin-top:5px;margin-right:10px}	
.newheader .sitename .sitewraper  .topmenu1 a{font-size:24px;color:#fff;font-family:"맑은 고딕", "Malgun Gothic",Dotum, Gulim, AppleGothic, Helvetica, Sans-serif ;letter-spacing:-2px;font-weight:600;float:left;}	
.newheader .sitename .sitewraper  .topmenu1  span{font-size:12px;color:#999;padding:0 8px;margin-top:1px;float:left;}	
.newheader .globalmenu{width:750px;text-align:center; margin:0 auto}	
.newheader .globalmenu table{width:100%; }	
.newheader .globalmenu table td{padding:15px 10px 15px;  text-align:center; line-height:20px;border-bottom:3px solid #666; letter-spacing:-2px;min-height:160px !important}	
.newheader .globalmenu table td a{font-size:22px;font-family:"맑은 고딕", "Malgun Gothic",Dotum, Gulim, AppleGothic, Helvetica, Sans-serif ;letter-spacing:-2px;font-weight:600;outline:none}	
.newheader .globalmenu table td.current{border-bottom:3px solid #44b255}	

.newheader .searchbox{width:100%;text-align:center;display:none;}	
.wrapgnb{width:100%;height:60px;border-bottom:1px solid #ddd}
.header{ position:relative; width:730px;margin:0 auto; text-align:center; height:60px;}
.mainsearch{position:relative; width:730px; display:inline-block;height:27px;}
.header .skipmain{width:1px;height:1px;overflow:hidden;margin-top:-1px}
.srcbox{margin:0 auto;overflow:hidden;background:#fff;border:1px solid #555;border-radius:8px;padding:2px 5px 2px;position:relative; }	
.btnsrc{ display: inline-block;width: 24px;height: 24px;background-size: 24px 24px;background-image: url(/inc/img/sub/srcbtn.png);background-repeat: no-repeat;opacity: .8;font-size: 0;color: transparent;border:none;}
.inputsrc{width:calc(100% - 30px);height: 19px;line-height: 19px;font-size: 15px;letter-spacing: -1px;outline: none;color: #222;border:none;font-weight:400 !important;margin-top:8px}
.contwraper {background:#fff;width:740px;padding:10px 5px;margin:0 auto }
.content{letter-spacing:-1.2px;font-size:20px;padding:10px}


 
.content ul.exp li{padding-left:20px;line-height:35px;font-size:22px;}
.blt{font-weight:600;padding-left:0 !important;padding-bottom:5px}	
.st{font-weight:400}	
.pdl40{padding-left:40px !important}	
.content ul.exp li .c_list{width:100%;border-top:2px solid #333;font-weight:bold} 
.content ul.exp li .c_list td,.content ul.exp li .c_list th{border-bottom:1px solid #d0d0d0;padding:10px 10px} 
.content ul.exp li .c_list td.lr,.content ul.exp li .c_list th.lr{border-right:1px solid #d0d0d0;text-align:center} 
.content ul.exp li .c_list td.txt_left,.content ul.exp li .c_list th.txt_left{text-align:left;letter-spacing:-2px} 
.bld{font-weight:600}
#container #leftcolumn{width:720px;overflow:hidden;;margin:0 auto}
#container #leftcolumn table{width:100%;overflow:hidden;border-spacing:0;}
#container #leftcolumn td{;border-spacing:0}
#container #leftcolumn td a{font-size:22px;font-weight:bold;letter-spacing:-2px;display:inline-block;border:1px solid #ccc;border-radius:0 0 8px 8px;border-top:none;padding:10px 4px;width:100%;text-align:center}
#container #leftcolumn td a.current{background:#44b255;color:#fff}

#content{width:750px;overflow:hidden;margin:0 auto}

 

#tit_location { position:relative; width:100%; height:45px; display:inline-block; margin:20px 0 10px; border-bottom:1px solid #e8e8e8;}
#tit_location h2 { position:absolute; top:5px; left:20px; font-size:26px; color:#44b255;font-weight:600}


.showcheck{padding:15px 10px 15px;margin-bottom:10px; overflow:hidden;font-size:20px;border-bottom:#101010 solid 2px; }
.showcheck .left{float:left}
.showcheck .right{float:right}.pagelocation { position:absolute; top:5px; right:20px; font-size:24px; letter-spacing:-1px; font-style:normal;  text-align:right;}

.b_list{width:100%;overflow:hidden;font-size:20px;border-bottom:#101010 solid 1px; }
.b_list li{width:100%;padding:5px 0;border-bottom:1px solid #dee;overflow:hidden}
.b_list li span.blt{display:inline-block;padding:0 5px;font-size:10px;margin-top:-5px}
.b_list li a{display:inline-block;width:calc(100% - 10px);overflow:hidden;padding-left:10px}
 
.imgwraper{width:100%;overflow:hidden}
.imgwraper img{width:100%}
.b_view{width:100%; color:#222; border-top:#101010 solid 2px; border-bottom:#101010 solid 1px; overflow:hidden;font-size:20px;margin-top:10px}
.b_view .bhead{background:#fafafa;padding:10px 20px;border-bottom:#f0f0f0 solid 1px}
.b_view .bhead .title{font-weight:600;margin-bottom:10px}
.b_view .bhead .winfo{margin-bottom:10px}
.b_view .bhead .file{margin-bottom:0px}
.b_view .bhead .file p{display:inline-block;border:1px solid #ccc;margin-bottom:5px;width:calc(100% - 0px);padding:5px 10px;border-radius:10px;background:#efefef}
.boardbtn{width:100%;overflow:hidden;margin:5px 0}
.boardbtn .left{float:left}
.boardbtn .right{float:right}
.button{display:inline-block;padding:4px 10px;border-radius:4px;font-size:20px}
.greenbtn{background:#44b255;color:#fff}
.greenbtn a{background:#44b255;color:#fff}
.graybtn{background:#eee;border:1px solid d#dd}
.blackbtn{background:#111111}
.redbtn{background:#fd761f}
.dpn{display:none}
input[type="button"],input[type="submit"],input[type="reset"]{ -moz-appearance:none; -webkit-appearance:none; ppearance:none;}
.d_btn {
    display: inline-block;
    padding: 0.5em 1em;
    margin: 0.4em 0.15em;
    border: 1px solid #ccc;
    border-color: #dbdbdb #d2d2d2 #b2b2b2 #d2d2d3;
    cursor: pointer;
    color: #464646;
    border-radius: 0.2em;
    vertical-align: middle;
    font-size: 1em;
    line-height: 1.25em;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f2f2f2));
    background-image: -moz-linear-gradient(top,#fff,#f2f2f2);
    background-image: -o-gradient(top,#fff,#f2f2f2);
    background-image: linear-gradient(top,#fff,#f2f2f2);
}
.b_write { width:100%; color:#111; border-top:#333 solid 2px; border-bottom:#333 solid 1px;font-size:20px}
.b_write tr:hover { background:none }
.b_write th{ text-align:center; font-weight:bold; padding:2px 0; white-space:nowrap; border-bottom:#333 solid 1px;background:#666666;color:#fff }
.b_write td { text-align:left; padding:4px 0 4px 15px; border-bottom:#ececec solid 1px;}
.b_write .none { background:none; }
.b_write .align_top { vertical-align:top; padding-top:10px; }
.b_write .title_th { height:30px;}
.b_write .title_td { height:30px; color:#605ca8; }
.b_write .txt_left { text-align:left; padding-left:15px;}
.b_write .txt_right { text-align:right; padding-right:15px;}
.b_write .txt_center { text-align:center;}
.b_write td input[type="text"],.b_write td input[type="date"]{padding:3px}

.sitemapwrap{width:100%;overflow:hidden;}	
.sitemapwrap ul{padding:10px; margin-bottom:15px; margin-right:5px; overflow:hidden }	
.sitemapwrap ul li.head{ background:url(/inc/img/layout/sub_title_con.jpg) no-repeat 1px 15px;padding:10px 25px;margin-bottom:5px;border-top:1px solid #111;border-bottom:1px solid #ddd}	
.sitemapwrap ul li.smbg {padding: 5px 5px 15px 15px;border-bottom: 1px solid #ccc;}
.sitemapwrap ul li.smbg a{letter-spacing:-2px}

.b_h_bgg {font-size:11px; }
.b_h_bgg th { background:#F4F4F4;}
/* b_write */



.pagelocation em { margin:0 4px; font-style:normal; }
.pagelocation .home {background: url(/inc/img/layout/sub_navi_home.jpg) no-repeat -2px 5px;background-size: 110%;padding-left: 0px;display: inline-block;width: 25px !important;height: 26px;}
.pagelocation strong { font-weight:bold; color:#44b255; }



#ContLay{width:750px;overflow:hidden;margin:0 auto}

#ContLay .main_content{width:100%;overflow:hidden;padding:20px 0; text-align:center}	
#ContLay .main_content .bzinfo{width:100%;overflow:hidden;height:140px;border-top:1px solid #f0f0f0;padding-top:30px}	
#ContLay .main_content h2{font-size: 30px;font-family: 나눔고딕;font-weight: 550;color: #b77820;}	
#ContLay .main_content h3{font-size: 24px;font-family: 나눔고딕;font-weight: 490;color: #000;margin-top: 17px;letter-spacing:-2px}	
#ContLay .main_content .bztab img {margin: 0 1px;width:49%}	
#ContLay2{width:100%;overflow:hidden;margin:20px auto}
#ContLay2 .main_content1{width:100%;overflow:hidden;  text-align:center;background: url(/inc/img/layout/mainviz.jpg) no-repeat center/160%; height:270px}	
#ContLay2 .main_content1 .bzinfo{width:750px;margin:0 auto;overflow:hidden;height:140px;border-top:1px solid #f0f0f0;padding-top:35px}	
#ContLay2 .main_content1 h2{font-size: 30px;font-family: 나눔고딕;font-weight: 600;color: #b77820;}	
#ContLay2 .main_content1 h3{font-size: 24px;font-family: 나눔고딕;font-weight: 600;color: #fff;margin-top: 30px;letter-spacing:-1px}	
#ContLay2 .main_content1 .bztab{width:750px;overflow:hidden;margin:20px auto}	
#ContLay2 .main_content1 .bztab img {margin: 0 1px;width:32%}	


.membershipbox{ font-size:14px;line-height:35px; font-family:나눔고딕;}
.loginwrap{width:368px;margin:10px auto;padding:40px; text-align:center}	
.loginwrap .title{font-weight:500;font-size:30px;color:#29943b;margin-bottom:20px}	
.loginwrap .txtinput{width:368px; padding:10px;margin-bottom:10px;border:1px solid #b1b1b1;font-size:20px}	
.loginwrap .btngr{width:368px;height:60px;padding:15px 5px;margin-bottom:10px;background: #29943b;color:#fff;font-weight:600;border:1px solid #aed927;;font-size:20px}	
.loginwrap .btnbk{width:368px;height:60px;padding:15px 5px;margin-bottom:10px;background: #3b3b3b;color: #fff;font-weight:600;border:1px solid #aed927;font-size:20px;display:inline-block}	
.loginwrap .spline{font-weight:600;font-size:22px;color:#555;margin:10px auto;border-top:1px solid #aed927;padding-top:10px;width:368px}	
.loginwrap .spline a{font-weight:600;font-size:22px;color:#555;margin:10px 0;padding-top:10px}	
.loginwrap .spline span{padding:0 10px;color:#d7d7d7}	

.memberjoinbox{margin:40px 0 0 20px;font-size:14px;line-height:35px;font-family:나눔고딕;}
.memberjoinbox strong{font-size:22px}
.memberjoinbox strong span{float:left ;margin-top:8px;font-size:22px;background:#29943b;padding:3px;display:inline-block;height:13px;margin-right:10px}

.btnsr {
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
    background: #474747;
    color: #fff;
    border-radius: 2px;
    padding: 2px 10px;
    margin-right: 5px;
    width: 150px;
    height: 43px;
    font-size: 22px;
}

.mainarticle{width:100%;overflow:hidden;border-top:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;margin-top:20px;margin-bottom:20px}

.mainarticle .main_left{width:720px;overflow:hidden;margin:0 auto}
.mainarticle .main_left table{width:100%;margin:37px auto 0 auto}
.mainarticle .main_left table th{text-align:left;font-weight:500;color:#000;font-size:28px;font-family:나눔고딕; }
.mainarticle .main_left table th .brdmore{float:right;margin-top:3px}
.mainarticle .main_left table th .brdmore img{width:30px}
.mainarticle .main_left table td{text-align:left;font-weight:500;color:#5b5b5b;font-size:16px;font-family:나눔고딕;height:35px;font-size:24px}
.mainarticle .main_left table td a{text-align:left;font-weight:500;color:#5b5b5b;font-size:16px;font-family:나눔고딕;font-size:24px}
.mainarticle .main_left table td .ntclay{width:100%;overflow:hidden;margin-top:20px}
.mainarticle .main_left table td .ntc_tit{float:left; margin-bottom:5px;width:580px;overflow:hidden; white-space:nowrap;text-overflow: ellipsis;}
.mainarticle .main_left table td .ntc_date{float:right;text-align:right;width:130px}

.mainarticle .main_middle{width:720px;height:276px;margin:0 auto}
.mainarticle .main_middle table{width:100%;margin:47px auto 0 auto}
.mainarticle .main_middle table th{text-align:left;font-weight:500;color:#000;font-size:28px;font-family:나눔고딕; }
.mainarticle .main_middle table th .brdmore{float:right;margin-top:3px}
.mainarticle .main_middle table th .brdmore img{width:30px}
.mainarticle .main_middle table td{text-align:left;font-weight:500;color:#5b5b5b;font-size:16px;font-family:나눔고딕;height:35px}
.mainarticle .main_middle table td a{text-align:left;font-weight:500;color:#5b5b5b;font-size:16px;font-family:나눔고딕;}
.mainarticle .main_middle table td .galimg{float:left;width:50%; overflow:hidden;margin-top:20px}
.mainarticle .main_middle table td .galimg img{width:100%}


.lnbcontainer { width:100%;overflow:hidden; border-top:2px solid #3c464f;}
.lnbcontainer .lnbwrap {width:720px; margin:20px auto 20px; overflow:hidden}
.lnbcontainer .lnbwrap div {float:left;width:240px;display:inline-block;text-align:center;overflow:hidden;margin:5px 0}
.lnbcontainer .lnbwrap div a {display:inline-block;font-size:21px;width:95%; text-align:center; color:#222;border:1px solid #888; border-radius:20px;padding:12px 0 0 0;height:60px;font-weight:600;letter-spacing:-1px}

.newcontainer {width:100%;overflow:hidden; border-top:2px solid #3c464f;}
.newcontainer .newwrap {width:720px; margin:20px auto 20px; overflow:hidden;}
.newcontainer .newwrap div {width:710px;display:inline-block;;overflow:hidden;margin:5px 0;font-size:22px;font-weight:600;letter-spacing:-1px }
.newcontainer .newwrap div a{font-size:18px;font-weight:600;display:inline-block;width:100%;letter-spacing:-3px;vline-height:40px;}
  
 
.main_notice { width:100%; display:inline-block; padding:1px 0 15px 0; }
.main_notice ul { width:276px; margin:0 auto;padding-top:5px;overflow:hidden; }
.main_notice ul li.lft{float:left;width:200px;margin:0 0 2px; text-align:left; letter-spacing:0px;border-bottom:1px dashed #ccc;padding-bottom:5px;}
.main_notice ul li.rgt{float:right;width:60px;margin:0 0 2px; text-align:left; letter-spacing:0px;border-bottom:1px dashed #ccc;padding-bottom:5px;font-size:12px;color:#444}
.main_notice a{ font-weight:bold; color:#7a888f; font-size:90%; text-decoration:none;}

/* location */
#location .left { float:left; height:43px;margin-top:7px; }
#location .right { float:right;  z-index:2;;margin-top:7px; }
#location .home { margin:4px 0 0 2px; width:70px; height:36px; background:url(/inc/img/common/logo.png) no-repeat 0 0; width:70px; font-size:0.9em; padding:0; text-indent: -9999em; display:inline-block; }
#location h1 {display:inline;}
 
#ttm dt.tm1 { position:absolute; top:4px; right:43px; }
#ttm dt.tm2 { position:absolute; top:4px; right:3px; }
#ttm dd { width:100%; display:inline-block; background:#283439; border-bottom:#0e1213 solid 1px; padding:5px 0; margin-bottom:1.6%; }
#ttm dd div { padding:0 5px; }
#ttm dd p { background:#FFF; width:100%; }
#ttm dd p span { display:block; padding:2.4% 0 1.8%; margin:0 auto; z-index:2; }
#ttm dd p span a { font-size:0.9em; padding:1.8%; display:inline-block; font-weight:bold; text-decoration:none; white-space:nowrap; letter-spacing:-1px; color:#009; font-family:Arial, Helvetica, sans-serif; }
#ttm dd p span.last a { color:#333; }
#ttm dd p span .tit { display:block; color:#5E676A; border-bottom:#D1D4D5 solid 1px; font-size:0.8em; height:22px; line-height:22px; font-weight:bold; margin:-2.4% 0 2%; font-family:Arial, Helvetica, sans-serif; letter-spacing:-1px; text-align:left; padding-left:2%; background:#EAECEC; }

/* container */
#container #contit { width:100%; display:inline-block; color:#000; font-size:1.5em; font-weight:bold; letter-spacing:-3px; text-align:left; margin-bottom:20px; }
#container #contit em { position: absolute; width: 0; height: 0; font-size: 0; line-height: 0; text-indent: -9999em; }
#container .subtit { padding:10px 5px; color:#2077B7; border-bottom:#2077B7 solid 2px; font-size:1.2em; text-align:left; font-weight:bold; }
#container .left { float:left; display:inline-block; }
#container .right { float:right; display:inline-block; }
#container .right_top { float:right; display:inline-block; padding:0; text-align:right; }
#container .right_print { position:absolute; top:71px; right:2%; }
#subpagetitle {clear:both;background: url(/inc/img/common/bg_h2.jpg) repeat-x scroll left top #579BD7;color: #FFFFFF;display: block;font-weight: bold;height: 41px;letter-spacing: -1px;line-height: 41px; }
#subpagetitle h2 { background: url(/inc/img/common/bul_h2.jpg) no-repeat scroll 10px 13px transparent;font-size: 16px; padding-left:30px;}

.right_top_new { float:right; display:inline-block; padding:0; text-align:right; }

/* loginform */
.loginform { padding:0 5%; margin-bottom:20px; }
.loginform div { display:block; padding:5px 0; }
.loginform div ul { padding-top:9px; }
.loginform div li { float:left; margin:0 10px 0 0; }
.loginform div li a { font-size:0.9em; text-decoration:none; color:#555; font-weight:bold; }

/* boardlist */
.boardlist { text-align:left; border-top:#D6D9DC solid 1px; letter-spacing:0px; width:100%; display:inline-block; margin:10px 0;}
.boardlist li { position:relative; border-bottom:#D6D9DC solid 1px; }
.boardlist a { font-size:1.0em; font-weight:bold; letter-spacing:-1px; overflow:hidden; display:block; padding:10px 100px 10px 25px; text-decoration:none; background: url("/inc/img/common/bul_snb.gif") no-repeat scroll 10px 10px transparent;  }
.boardlist a img.listphoto { float:left; width:30%; min-height:50px; margin-right:8px; }
.boardlist a em { display:block; font-size:85%; white-space:nowrap; margin-top:8px; }
.boardlist a em .first { padding-left:0; border-left:none; }
.boardlist a:hover, .boardlist a:focus, .boardlist a:active { color:#000; background:#f6f6f6; -webkit-transition-duration:0.3s; -webkit-transition-timing:ease-out; -o-transition-duration:0.3s; -o-transition-timing:ease-out; -moz-transition-duration:0.3s; -moz-transition-timing:ease-out; -ms-transition-duration:0.3s; -ms-transition-timing:ease-out; transition-duration:0.3s; transition-timing:ease-out; }
.boardlist a.none:hover, .boardlist a.none:focus, .boardlist a.none:active { color:#F30; background:url(/inc/img/common/bg_reply.gif) no-repeat 0 0 !important; -webkit-transition-duration:0.3s; -webkit-transition-timing:ease-out; -o-transition-duration:0.3s; -o-transition-timing:ease-out; -moz-transition-duration:0.3s; -moz-transition-timing:ease-out; -ms-transition-duration:0.3s; -ms-transition-timing:ease-out; transition-duration:0.3s; transition-timing:ease-out; }
.date { position:absolute; top:13px; right:5px; font-size:90%; font-weight:normal; color:#3384bb}
.adminreply { background:#d4ebfb; }
.ar { margin:0 20px 0 0; color:#00C; background:url(/inc/img/common/ico_reply.gif) no-repeat 5px 5px; padding-left:20px; }
.listnum { position:absolute; top:50%; right:5px; margin-top:-7px; font-size:0.7em; color:#6F6F6F; }
.blnum { width:30px; display:inline-block; margin-right:5px;}
.comment_txt { display:inline-block; padding:0 10px 0 5px; color:#3384bb;}
.bltit_1 { color:#000; font-weight:bold; font-family:Arial, Helvetica, sans-serif; }
.bltit_2 { color:#D20000; font-weight:normal; margin-left:8px; }
.bltit_2 span { position: absolute; width: 0; height: 0; font-size: 0; line-height: 0; text-indent: -9999em; }
.bltit_3, .bltit_4, .bltit_6, .bltit_7 { padding:0; color:#999; }
.bltit_5 a { float:right; position:absolute; top:50%; right:5px; margin-top:-16px; display:inline-block; width:43px; height:34px; line-height:30px; padding:0px !important; background:url(/inc/img/common/bg_reply.gif) no-repeat 0 0; text-align:center; font-size:1.0em; color:#06C; letter-spacing:0px; font-family:Arial, Helvetica, sans-serif; border:none; z-index:1; }
.book_con { display:block; color:#999; font-weight:normal; margin-top:5px; font-size:95%;}
.book_file { color:#58A4C3; background:url(/inc/img/common/bookSearch3_16.png) no-repeat 0 0; padding-left:15px; margin-top:5px; display:block; font-size:95%;}

/* boardview */
.boardview { font-size:1.1em; text-align:left; border-top:#D6D9DC solid 1px; letter-spacing:0px; width:100%; display:inline-block; margin:10px 0 0; }
.boardview dt { font-size:1.0em; background:#f6f6f6; padding:8px 4px 0 4px; font-family:Arial, Helvetica, sans-serif; letter-spacing:-1px; }
.boardview dd { font-size:0.9em; border-bottom:#D6D9DC solid 1px; padding:4px; }
.boardview .info { font-size:0.7em; background:#f6f6f6; color:#555; letter-spacing:-1px; }
.boardview .info span { padding:0 12px; }
.boardview .day,
.boardview .writer { border-right:#D6D9DC solid 1px; padding-left:0px !important; }
.boardview .data { font-size:0.7em; background:#EAEAEA; color:#555; }
.boardview .data a { color:#03F; text-decoration:underline; }
.boardview .con { padding:2% 0%; font-size:1.05em; line-height:1.5em; letter-spacing:1px; color:#000; text-align:justify; font-family:Arial, Helvetica, sans-serif; }
.boardview .con img { display:block; width:100%; margin-bottom:10px; }

.boardview2 {border-top:1px solid #f2f2f2;margin-bottom:10px;}
.boardview2 li {border-bottom:1px solid #f2f2f2; background:#fff; }
.boardview2 li span {background:#f4fafd url(/inc/img/common/bookSearch3_03.png) no-repeat 10px center;  display:inline-block; padding:10px 0 10px 20px; width:70px; margin-right:10px;}



 
.visual{margin:0 auto 0;width:750px;overflow:hidden}
.visual img{width:150%;margin-left:-20%}


/* audio_box */
.audio_box { margin:20px 0 10px; text-align:center;}

/********** 듣기 **********/
.tit_listening {padding:12px 0 12px 18px; background:#e7f3fb; border-top:1px solid #dce7ee;}
.paly_btn {width:100%; display:inline-block; vertical-align:top;}
.paly_btn li { float:left; background: url(/inc/img/common/bg_paly.png) repeat-x left top; display:inline-block; width:79px; border-right:1px solid #676e6e; height:69px; text-align:center; padding-top:10px}
.stop_green { background:#6fb54a !important; border-right:none !important; padding:24px 0; !important; width:79px !important; height:45px !important;}
.number_list {width:100%; display:inline-block; overflow:hidden; border-left:1px solid #ced8df;}
.number_list li {float:left; border-bottom:1px solid #ced8df; border:1px solid #ced8df; margin-left:-1px;}
.number_list li a {width:31px; height:33px; display:inline-block; text-align:center; line-height:33px; font-weight:bold; color:#7a888f; font-size:90%; text-decoration:none;}
.number_list li a:hover, .number_list li a:focus, .number_list li a:active, .number_list li .current  {background:#525252; color:#6399c8;}
.number_list li .last { border-right:none !important;}
.hd_blue {color:#3384bb; font-size:140%; text-align:center; padding:0 20px;}
.data_list3 ul {width:100%; display:inline-block; text-align:center; margin-top:10px; padding:10px 0; background:#f3f9fd; border-top:1px solid #f2f2f2;}
.data_list3 ul li {display:inline; text-align:center; font-size:110%;}
.box_left {background:url(/inc/img/common/comicSounds2_10.png) no-repeat 10px 10px; padding:10px 0 0 40px; line-height:23px; height:23px; font-weight:bold; font-size:120%;}

/* boardwrite */
.boardwrite { font-size:1.1em; text-align:left; letter-spacing:0px; width:100%; display:inline-block; padding:5px 0; margin:5px 0; border-top:#D6D9DC solid 1px; border-bottom:#D6D9DC solid 1px; background:#f6f6f6; }
.boardwrite dl { padding:0 10px; }
.boardwrite dt { padding-bottom:5px; }
.boardwrite dd { padding-bottom:5px; }
.boardwrite dd em { font-size:0.8em; font-weight:normal; color:#555; letter-spacing:0px; display:block; padding-top:2px; }
.boardwrite .bwtit { font-size:0.9em; font-weight:bold; padding-left:6px; display:block; margin-bottom:5px; font-family:Arial, Helvetica, sans-serif; }
.checksp { padding-left:12px; }
.checkbul { vertical-align:middle; position:relative; top:-2px; }
.boardwrite .blwtit {float:left;padding-right:30px; font-size:0.9em; font-weight:bold; padding-left:6px; display:block; margin-bottom:5px; font-family:Arial, Helvetica, sans-serif; }

.bwrite { font-size:1.1em; text-align:left; letter-spacing:0px; width:100%; display:inline-block; padding:5px 0; margin:5px 0; border-top:#D6D9DC solid 1px; border-bottom:#D6D9DC solid 1px; background:#f6f6f6; }


/* color */
.red_c { color:#f00;}

/* box */
.graybox { border:#ebebeb solid 4px; padding:10px; text-align:center; margin:10px 0; }
.titbox { background:#F4F4F4; border:#BCBCBC solid 1px; -webkit-border-radius:10px; -moz-border-radius:10px; padding:10px 20px; margin:0 0 20px 0; font-size:0.9em; }
.catebox { background:#F4F4F4; border:#BCBCBC solid 1px; -webkit-border-radius:10px; -moz-border-radius:10px; padding:10px 20px; margin:0 0 20px 0; font-size:1.0em; }
.catebox a { font-size:1.0em; font-weight:bold; letter-spacing:-1px; overflow:hidden; display:block; text-decoration:none; }

/* input common */
.basic_in { height:32px; width:99.4%; color:#000; -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: none repeat scroll 0 0 #FFFFFF; border-color: #B6B6B6 #DADADA #DADADA #B6B6B6; border-style: solid; border-width:1px; color: #000; border-top:1px solid #777777; }
.replytxt { font-size:1.1em; font-family:Arial, Helvetica, sans-serif; height:58px; overflow:hidden; width:100%; -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: none repeat scroll 0 0 #FFFFFF; border-color: #B6B6B6 #DADADA #DADADA #B6B6B6; border-style: solid; border-width:1px; color: #000; border-top:1px solid #777777; }
.bw_input { font-size:1.1em; font-family:Arial, Helvetica, sans-serif;  height:32px; width:99.4%; color:#000; -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: none repeat scroll 0 0 #FFFFFF; border-color: #B6B6B6 #DADADA #DADADA #B6B6B6; border-style: solid; border-width:1px; color: #000; border-top:1px solid #777777; }
.bs_input { font-size:1.1em; font-family:Arial, Helvetica, sans-serif; width:32%; -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: none repeat scroll 0 0 #FFFFFF; border-color: #B6B6B6 #DADADA #DADADA #B6B6B6; border-style: solid; border-width: 1px; color: #000; height: 23px; padding: 0 3px !important; border-top: 1px solid #777777; }
.kn_input { font-size:0.6em; font-family:Arial, Helvetica, sans-serif; width:32%; -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: none repeat scroll 0 0 #FFFFFF; border-color: #B6B6B6 #DADADA #DADADA #B6B6B6; border-style: solid; border-width: 1px; color: #000; height: 23px; padding: 0 3px !important; border-top: 1px solid #777777; }
.writetxt { font-size:1.1em; font-family:Arial, Helvetica, sans-serif; width:99.4%; height:300px; line-height:normal; xoxverflow:hidden; -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: none repeat scroll 0 0 #FFFFFF; border-color: #B6B6B6 #DADADA #DADADA #B6B6B6; border-style: solid; border-width:1px; color: #000; border-top:1px solid #777777; }
.bs_input:focus, .bs_input:hover, .basic_in:focus, .basic_in:hover, .bw_input:focus, .bw_input:hover, .writetxt:focus, .writetxt:hover, .replytxt:focus, .replytxt:hover { border-color: #BF6000 #FF8000 #FF8000 #BF6000; }
input[type="file"]:focus, input[type="checkbox"]:focus, input[type="radio"]:focus, input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus {  }

/* button */
.bt_login { display:table-cell; vertical-align:middle; padding:0 10%; height:30px; color:#FFF !important; font-size:1.1em; font-weight:bold; border:1px solid #bcbcbc; background:#000; margin:0 1px; -webkit-border-radius:5px; -moz-border-radius:5px; font-family:Arial, Helvetica, sans-serif; }
.bt_basic { font-size:0.9em; font-weight:bold; display:inline-block; line-height:23px; height:23px; vertical-align:middle; padding:0 10px 0 9px; margin:0 1px; border:1px solid #BEBEBE; background:#f2f2f2; margin:0 2px; text-decoration:none; font-family:Arial, Helvetica, sans-serif; color:#000; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
.bt_small { font-size:12px; font-weight:bold; display:inline-block; line-height:16px; height:16px; vertical-align:middle; padding:1px 4px 0 4px; margin:0 -1px; border:1px solid #BEBEBE; background:#f2f2f2;  text-decoration:none; font-family:Arial, Helvetica, sans-serif; color:#000; -webkit-border-radius: 4px; -moz-border-radius: 4px;
 -o-box-shadow: 1px 2px 3px #999; -icab-box-shadow: 1px 2px 3px #999; -khtml-box-shadow: 1px 2px 3px #999; -moz-box-shadow: 1px 2px 3px #999; -webkit-box-shadow: 1px 2px 3px #999; box-shadow: 1px 2px 3px #999; }
.bt_prev { display:table-cell; vertical-align:middle; padding:0px 10px 0 12px; height:23px; color:#FFF !important; font-size:0.85em; font-weight:bold; border:1px solid #bcbcbc; background:#242424; margin:0 1px; -webkit-border-radius:40px; -moz-border-radius:40px; text-decoration:none; font-family:Arial, Helvetica, sans-serif; }
.bt_gnb0 { display:table-cell; vertical-align:middle;letter-spacing:-1px; padding:5px 10px;  color:#fff !important; font-size:1.25em; font-weight:bold; border:1px solid #e9ebf1; background:#303232; margin:0 5px; -webkit-border-radius:8px; -moz-border-radius:8px; text-decoration:none; font-family:Arial, Helvetica, sans-serif;text-align:center;}
.bt_gnb5 { display:inline-block; vertical-align:middle;letter-spacing:-1px; padding:6px 6px 4px 6px;  color:#fff !important; font-size:1.20em; font-weight:bold; border:1px solid #aaa; background:#9da7a7; margin:0 2px 5px 2px; -webkit-border-radius:8px; -moz-border-radius:8px; text-decoration:none; font-family:Arial, Helvetica, sans-serif;text-align:center;}

.bt_gnb1 { display:table-cell; vertical-align:middle; padding:0px 10px 0 12px; height:23px; color:#333 !important; font-size:0.85em; font-weight:bold; border:1px solid #bcbcbc; background:#ddd; margin:0 1px; -webkit-border-radius:40px; -moz-border-radius:40px; text-decoration:none; font-family:Arial, Helvetica, sans-serif;text-align:center;}
.bt_gnb2 { display:table-cell; vertical-align:middle; padding:0px 6px 0 6px; height:23px; color:#333 !important; font-size:0.85em; font-weight:bold; border:1px solid #bcbcbc; background:#ddd;margin:0 1px; -webkit-border-radius:40px; -moz-border-radius:40px; text-decoration:none; font-family:Arial, Helvetica, sans-serif;text-align:center; }

 
/* sortcommon */
.sortcommon { line-height:21px; }
.sortcommon .btn_option { float:left; width:51px; padding:2px 0 2px 1px; border:1px solid #aaa; border-right:0 none; font-size:12px; background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f8f8f8)); background-color:#f8f8f8; color:#414141; text-align:center; text-decoration:none; }
.sortcommon .frist { border-top-left-radius:3px; border-bottom-left-radius:3px; -webkit-border-top-left-radius:3px; -webkit-border-bottom-left-radius:3px; }
.sortcommon .last { border-right:1px solid #c8c8c8; border-top-right-radius:3px; border-bottom-right-radius:3px; -webkit-border-top-right-radius:3px; -webkit-border-bottom-right-radius:3px; }
.sortcommon .on { background:-webkit-gradient(linear, left top, left bottom, from(#e9e9e9), to(#c2c2c2)); background-color:#c2c2c2; -webkit-box-shadow:inset 1px 1px 0 rgba(0, 0, 0, 0.07); box-shadow:inset 1px 1px 0 rgba(0, 0, 0, 0.15); color:#000; font-weight:bold; }

/* board search */
.board_search { position:relative; margin:0; padding:0 63px 0 0; }
.searchTxtWrap { position:relative; height:30px; padding-right:0px; }
.txtQueryWrap { padding:0 59px 0 70px !important; }
.search_inp { position:absolute; top:0; left:0px; z-index:2; font-size:12px; font-weight:normal; border:1px solid #0e1213; height:31px; width:70px; }
.txtQuery { border:1px solid #0e1213; font-size:15px; height:29px; width:100%; font-weight:bold; }
.btnSearch { border:medium none; position:absolute; right:4px; text-indent:-5000em; top:0; height:31px; width:58px; background:url(/inc/img/common/btn_search.gif) no-repeat left top; cursor:pointer; }

 
.visualbox{height:320px !important;margin:-11px auto 0;width:750px; }
.borderlist{max-width:740px;min-width:730px;margin:10px auto;overflow:hidden;letter-spacing:-1px;line-height:50px}
.borderlist .subjects{width:100%;;overflow:hidden;margin:0 auto}	
.borderlist .subboradlist{ padding:10px 20px;background:#efefef;margin-bottom:15px;font-size:22px;font-family:"맑은 고딕";font-weight:600;}	
.borderlist .subboradlist td.txt_center{ text-align:center;letter-spacing:-3px}	

.borderlist .subboradlist tr.trbg{background:#ddd}	
.borderlist .subboradlist tr.trbg td{border-top:1px dashed #ccc;border-bottom:1px dashed #ccc}	
.borderlist .subjects a{font-size:22px;font-family:"맑은 고딕";font-weight:600;border:none !important }	
.borderlist .subboradlist a{font-size:22px;font-family:"맑은 고딕";font-weight:600;border:none !important;  }	
.borderlist .subboradlist td{height:40px}	
.borderlist .subboradlist td  div{text-overflow:ellipsis;overflow:hidden;white-space: nowrap;width:550px}	


/* boardsearch */
.boardsearch { width:100%; display:inline-block; }
.boardsearch { text-align:right; }
.boardsearch div { position:relative; padding:0 53px 0 66px; }
.boardsearch div select { position:absolute; top:0; left:0;font-weight:bold;padding-top:4px; }
.boardsearch div .tit { position:absolute; top:0; left:0;font-weight:bold;padding-top:4px; }
.boardsearch .btn { position:absolute; top:0; right:0; }
.boardselect { font-size:0.9em; height:25px; }
.search_result { margin-top:10px;}

/* boardsort */
.boardsort { width:100%; display:inline-block; }
.boardsort { text-align:right; }
.boardsort div input, .boardsort div select { vertical-align:middle; font-size:0.7em !important; }
.boardsort { height:25px; line-height:25px; }

/* Paging */
.paging { text-align:center; height:30px; padding:0; font-size:12px; }
.paging a, .paging span, .paging strong { text-decoration:none; display:inline-block; min-width:19px; height:23px; line-height:23px; padding:0 3px; margin:0 0px 0 0; border:1px solid #BEBEBE; vertical-align:middle; font-family:Tahoma, Sans-serif; color:#333; }
.paging a.prev { width:25px; height:26px; overflow:hidden; padding:0; background:url(/inc/img/common/ico_paging.gif) no-repeat 0 -30px; border:none; }
.paging a.prevEnd { margin:0; width:25px; height:26px; overflow:hidden; padding:0; background:url(/inc/img/common/ico_paging.gif) no-repeat 0 0; border:none; }
.paging a.next { margin:0; width:25px; height:26px; overflow:hidden; padding:0; background:url(/inc/img/common/ico_paging.gif) no-repeat 0 -60px; border:none; }
.paging a.nextEnd { width:25px; height:26px; overflow:hidden; padding:0; background:url(/inc/img/common/ico_paging.gif) no-repeat 0 -90px; border:none; }
.paging a span { border:none; overflow:hidden; text-indent:-9999px; }
.paging strong { min-width:19px; padding:0 3px; border:1px solid #E61F1B; color:#E61F1B; }

/* reply */
#reply { clear:both; padding:0 8px; margin-bottom:15px; text-align:left; border-bottom:#D6D9DC solid 1px; background:#F7F7F7; }
#reply li { border-bottom:#999 dotted 1px; padding:10px 0; }
#reply dt { font-size:0.9em; color:#2C414E; font-weight:bold; font-family:"Arial Black", Gadget, sans-serif; }
#reply dt em { font-size:0.9em; margin-left:10px; font-weight:normal; color:#A7B0B8; }
#reply dt em a { background:url(/inc/img/common/ico_reply.gif) no-repeat 0 3px; color:#000; padding-left:15px; margin-left:10px; }
#reply dt em a:hover, #reply dt em a:focus { text-decoration:underline; }
#reply dd { margin-top:10px; font-size:1.0em; font-family:"Arial Black", Gadget, sans-serif; }
#reply .replyarea { position:relative; background:#F7F7F7; padding:10px 80px 10px 0; }
#reply .replyarea input { position:absolute; top:50%; right:0; margin-top:-30px; }

/* boardinput */
#boardinput { clear:both; width:100%; display:inline-block; margin:15px 0; text-align:center;}
#boardinput .left { float:left; }
#boardinput .right { float:right; }
#boardinput .center { float:none; }

/* boardtop */
.boardtop { width:100%; display:inline-block; margin:0; }
.boardtop .left { float:left; }
.boardtop .right { float:right; }
.selectd select, .selectd input { vertical-align:middle; }
.boardtop .ul{margin-top:10px;}
.boardtop .li{float:left;padding:5px 10px 5px 0;display:inline-block;}


/* book_reading */
.book_reading h3 {background:url(/inc/img/common/bg_book_reading.png) no-repeat left top; width:147px; height:40px; line-height:27px; padding:5px 0 0 0px; text-align:center; font-size:120%; margin:30px 0 15px; letter-spacing:-2px;}
.book_reading h3:first-child { margin:0 0 15px;}

/* bookinfo_list */
.bookinfo_list dt { font-size:110%; font-weight:bold; margin:20px 0 10px;}
.bookinfo_list dd,
.bookinfo_list li { margin-bottom:10px;}
.bookinfo_list dd.etc { font-size:95%;}

/* onsori */
.onsori dt { font-size:130%; font-weight:bold; margin:20px 0 10px; color:#306da0;}
.onsori dd { font-size:100%; font-weight:bold; margin-bottom:10px; color:#306da0;}

/* information */
#information { position:fixed; top:0; left:0; width:100%; height: 100%; z-index:9999;}
.information_bg { position:absolute; top:0; left:0; width:100%; height:100%; opacity:0.5; FILTER: alpha(opacity=50);  background:#000;}
.information_box { position:absolute; top:100px; left:50%; margin-left:-135px; width:275px; height:190px; background:url(/inc/img/main/bg_information.png) repeat-x 0 0; overflow:hidden;}

.information_box dt { text-align:center; margin:40px 0 20px;}
.information_box dd { text-align:center; font-size:95%; width:95%; line-height:normal; margin-bottom:5px;}
.information_box .info_btn { text-align:left; padding-left:10px;}
.information_box .close_btn { position:absolute; top:11px; right:12px;}
.mtitle{background: url("/inc/img/main/bul_h2.png") no-repeat scroll 0 1px transparent; border-bottom: 3px solid #555;color: #333;font-size: 16px;font-weight: bold;padding-bottom: 3px;padding-left: 20px;height:26px;}

.booklistbtn{border:1px solid #eee;background:#111;color:#fff;;padding:5px 0 5px 0;border-radius:4px;text-align:left;width:100%;}
.nxtbtn{border-radius:2px;font-size:9px;width:70px;border:1px solid #111;}
 



.b_reg { width:100%; color:#456293; border-top:2px solid #4d699a;  }
.b_reg tr:hover { background:#F7F7F7; }
.b_reg th { text-align:center; font-weight:bold; padding:2px 0; white-space:nowrap; border-bottom:#4d699a solid 1px;background:#666666;color:#fff }
.b_reg td { text-align:left; padding:2px 2px 2px 3px; border-bottom:#4d699a solid 1px;background:#fff;}
.b_reg .none { background:none; }
.b_reg .align_top { vertical-align:top; padding-top:10px; }
.b_reg .title_th { height:30px;}
.b_reg .title_td { height:30px; color:#605ca8; }
.b_reg .txt_left { text-align:left; padding-left:10px;}
.b_reg .txt_right { text-align:right; padding-right:15px;}
.b_reg .txt_center { text-align:center;}

.bt_blue { background:#1C51CE; border:1px solid #1847B6; color:#FFF; }
.bt_gray { background:#4D5262; border:1px solid #343743; color:#FFF; }
.bt_cyan { background:#336699; border:1px solid #336666; color:#FFF;border-radius:4px;bordar-shadow:#3399cc;padding:3px 1px 3px 1px;letter-spacing:-1px}
.bt_write { background:#fff; border:1px solid #336666; color:#444;border-radius:4px;bordar-shadow:#3399cc;padding:3px 1px 3px 1px;letter-spacing:-1px}
.bt_red { background:#D2064E; border:1px solid #AF0541; color:#FFF; }






.join_tbl { width:100%; color:#555;  border-bottom:#ccc solid 1px; line-height:normal; font-size:22px;}
.join_tbl tr:hover { background:#F7F7F7; }
.join_tbl th { text-align:left; font-weight:bold; padding:10px 0 10px 20px; white-space:nowrap;border-top:#CCC dotted 1px; }
.join_tbl td { text-align:left; padding:9px 0 7px; border-top:#CCC dotted 1px; font-size:20px; letter-spacing:0px; }
.join_tbl td.txt_left { text-align:left; padding-left:15px; font-size:20px; letter-spacing:0px; }
.join_tbl td input[type="text"]{padding:8px;width:520px;border:1px solid #999;font-size:22px;outline:none;}
.join_tbl td input[type="password"]{padding:8px;width:520px;border:1px solid #999;font-size:22px;outline:none;}
.join_tbl .notice { background:#FFF; color:#D12810; font-size:12px; font-weight:bold; }
.join_tbl .notice a { color:#D12810; }


.btng{font-size:22px;font-weight:600;display:inline-block;border:1px solid #aaa;background:#00dbba;color:#fff;border-radius:30px;padding:15px 30px;margin-right:5px}
.btns{font-size:22px;font-weight:600;display:inline-block;border:1px solid #aaa;background:#eeeeee;color:#555;border-radius:30px;padding:15px 30px }
.btnsm{font-size:22px;font-weight:600;display:inline-block;border:1px solid #aaa; ;color:red;border-radius:5px;padding:3px 10px 1px;}
.btnst{font-size:22px;font-weight:600;display:inline-block;border:1px solid #aaa; ;color#222;border-radius:5px;padding:3px 10px 1px;}




.pagination { padding:10px 0; text-align:center; line-height:normal; white-space:nowrap; }
.pagination * { position:relative; display:inline-block; margin:0 -2px; padding:2px 8px; font-size:22px; text-decoration:none; line-height:normal; color:#c8c8c8; font-family:Tahoma, Sans-serif; vertical-align:middle; }
.pagination a:hover, .pagination a:active, .pagination a:focus { background-color:#f8f8f8; ;border:1px solid #ccc}
.pagination strong { color:#333; }
.pagination .direction { padding:10px 26px; text-align:center; font-weight:bold; font-size:32px; color:#8781bd}
.pagination .direction:hover, .pagination .direction:active, .pagination .direction:focus { background-color:transparent !important; color:#333; }
.pagination .direction span { position:absolute; top:0; left:0; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden; visibility:hidden; }

/* board_search */
.board_search { position:relative; width:100%; display:inline-block; text-align:center; margin-top:10px;}
.board_search select, .board_search input, .board_search img { vertical-align:middle; }
.tbinput { position:relative; right:-5px; width:166px; height:18px; line-height:18px; padding:0 2px; border-top:#dbd9d9 solid 1px; border-left:#dbd9d9 solid 1px; border-right:0; border-bottom:#dbd9d9 solid 1px; }