@charset"utf-8";

/* font */
@font-face {
     font-family:'Nanum Gothic';
	 font-style:normal;
	 font-weight:400;
     src :url(../fonts/NanumGothic.eot);
     src :url(../fonts/NanumGothic.eot@#iefix) format('embeded-opentype'),
           url(../fonts/NanumGothic.woff) format('woff');
}
@font-face {
     font-family:'Nanum Gothic';
	 font-weight:700;
	 font-style:normal;
     src :url(../fonts/NanumGothic-Bold.eot);
     src :url(../fonts/NanumGothic-Bold.eot@#iefix) format('embeded-opentype'),
           url(../fonts/NanumGothic-Bold.woff) format('woff');
}

@font-face {
     font-family:'Nanum Gothic';
	 font-weight:800;
	 font-style:normal;
     src :url(../fonts/NanumGothic-ExtraBold.eot);
     src :url(../fonts/NanumGothic-ExtraBold.eot@#iefix) format('embeded-opentype'),
           url(../fonts/NanumGothic-ExtraBold.woff) format('woff');
}

/* reset.css */
html,body,div,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,embed, 
figure,figcaption,footer,header,hgroup, 
menu,nav,output,ruby,section,summary,
time,mark,audio,video{margin:0;padding:0;border:0 none;font-family:Nanum Gothic,Dotum,sans-serif;font-size:12px;color:#666;}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:""; content:none}
table{border-collapse:collapse;border-spacing:0;width:100%;table-layout:fixed}

/* HTML5 */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}


/* Base */
html{height:100%}
body{height:100%;background:#f0f0f0}
a{text-decoration:none}
a:hover{color:#666; text-decoration:none}
hr{display:none}
legend,caption{display:block;position:absolute;top:-1000em;left:-1000em;text-indent:-1000em;overflow:hidden}
button,label{cursor:pointer}
input[type=text],
input[type=date],
input[type=password]{border:1px solid #ddd;height:20px;line-height:20px;text-indent:5px;font-size:12px;color:#666;border-radius:0;padding:0;margin:0;font-family:Nanum Gothic,Dotum,sans-serif}
input[type=text]:focus,
input[type=password]:focus{border:1px solid #ddd}
input[type=checkbox],
input[type=radio]{width:13px;height:13px;margin:0 5px 0 0;padding:0}
textarea{border:1px solid #ccc;line-height:1.5;font-size:12px;color:#666;resize:none;border-radius:0;font-family:NanumGothic,Dotum,sans-serif}
textarea:focus{border:1px solid #666}
select{position:relative;top:-2px;height:24px;line-height:18px;border:1px solid #ccc;color:#666;border-radius:0}
.blind{display:block;overflow:hidden;position:absolute;top:-1000em;left:0}
label{*zoom:1}
label:after{content:"";display:block;clear:both}
label span,
label input{float:left}
label input[type=check],
label input[type=radio]{position:absolute;top:0}

/* Login */
#login_wrapper {width:100%;height:100%}
#login_wrapper #loginBox{overflow:hidden;position:absolute;left:50%;top:45%;width:518px;height:406px;margin:0 auto;vertical-align:middle;background-position:center center;background-image:url('../images/cmm/loginbox_bg.png');background-repeat:no-repeat}
.loginm {text-indent:0 !important;font-size:0;width:208px;margin:3px 0 !important;padding:2px 2px 3px 2px !important}
.loginform {width:340px;position:relative;top:135px;left:50px;text-align:center;font-size:0}
.logintxt {margin-top:20px;color:#fff}
.login_copyright {width:430px;position:relative;top:205px;left:10px;background-image:url('../images/cmm/copyright.png');background-repeat:no-repeat;background-position:45% 50%;text-align:right}

/* Layout */
#wrapper {position:absolute;width:100%;height:100%;}
#wrapper #gnb {float:left;position:relative;top:0;left:0;width:200px;background:#333}
#wrapper #inner {margin:20px 20px 0 20px;padding:10px}

/* Logo */
#wrapper #gnb header {width:100%;height:90px;text-align:center;background-image:url('../images/cmm/logo_bg.png');background-repeat:no-repeat}
#wrapper #gnb header img {margin-top:30px}
#wrapper #gnb .login_info {padding:11px 0;background:#000;text-align:center;color:#fff}
#wrapper #gnb .name {font-weight:800;color:#ff5555}

/* title */
.pageTitle {margin-bottom:15px;font-size:16px;font-weight:700}

/* Navigation */
.depth_one li {overflow:hidden;padding:0 10px 4px 35px;line-height:32px;border-bottom:1px #484848 solid;font-size:14px;font-weight:800;color:#fff;background-image:url('../images/cmm/gnb_menu.png');background-position:10px 10px;background-repeat:no-repeat}
.depth_one li a {overflow:hidden;margin:0;padding:0 0 4px 0;color:#fff;}
.depth_one .over {overflow:hidden;margin:0;padding:0 0 4px 0;background-color:#484848}
.depth_one .over span {overflow:hidden;display:block;width:100%;background-color:#cc2121;background-image:url('../images/cmm/gnb_menu.png');background-position:10px 10px;background-repeat:no-repeat;border-bottom:1px #484848 solid;padding:0 10px 4px 35px;}
.depth_two {margin:12px 0;display:none}
.depth_two li {padding:0 0 0 10px;font-size:13px;font-weight:normal;line-height:24px;border-bottom:0;color:#eee;background-image:none}
.depth_two .subover {color:#ff2323;font-weight:800;background-image:url('../images/cmm/submenu_arrow.png');background-repeat:no-repeat;background-position:96% 50%}

/* À¯ÀúÁ¤º¸ Å×À̺í */
.userinfo_t {width:100%;min-width:1000px}
.userinfo_t th{padding:10px 0;color:#fff;background-color:#444;line-height:20px;border-top:2px #cc2121 solid;border-bottom:1px #ddd solid}
.userinfo_t td{padding:10px 0;background-color:#fff;border-bottom:1px #ddd solid;text-align:center;word-wrap:break-word}
.userinfo_t .page_num {background:none}

/* ¹öÆ° ¹Ú½º */
.buttonBox {min-width:1000px;width:100%;margin:15px 0;text-align:right;}
.greenBtn {display:inline-block;margin-left:5px;padding:3px 10px;line-height:22px;border:1px #3dab01 solid;background-image:url('../images/cmm/btn_greenbg.png');background-repeat:repeat-x;color:#fff;font-weight:700}
.blueBtn {display:inline-block;margin-left:5px;padding:3px 10px;line-height:22px;border:1px #033aa5 solid;background-image:url('../images/cmm/btn_bluebg.png');background-repeat:repeat-x;color:#fff;font-weight:700}
.redBtn {display:inline-block;margin-left:5px;padding:3px 10px;line-height:22px;border:1px #bb0014 solid;background-image:url('../images/cmm/btn_redbg.png');background-repeat:repeat-x;color:#fff;font-weight:700}
.grayBtn {display:inline-block;margin-left:5px;padding:3px 10px;line-height:22px;border:1px #c0c0c0 solid;background-image:url('../images/cmm/btn_graybg.png');background-repeat:repeat-x;color:#666;font-weight:700}

/* °Ë»ö¹Ú½º */
.searchBox {min-width:1000px;margin-bottom:20px;background:#fff;border:1px #ddd solid}
.searchBox dl {height:20px;padding:7px 0 9px 0;border-bottom:1px #ddd solid}
.searchBox dl:last-child {border-bottom:none}
.searchBox dl dt {float:left;display:inline-block;width:75px;padding-left:15px;line-height:18px;font-weight:800}
.searchbox_title {display:inline-block;width:80px;padding:5px 0}
.checksm {margin-right:10px} */* üũ¹Ú½º ¿©¹é */
.checktxt {position:relative;top:-3px}

/* °¡ÀÔ¹Ú½º */
.joinBox {overflow:hidden;width:100%;height:100%;margin:0 auto;background-color:#fff}
.popupTitle {width:100%;margin:0;padding:4px 10px 5px 10px;line-height:22px;border-bottom:1px #3dab01 solid;background-image:url('../images/cmm/btn_greenbg.png');background-repeat:repeat-x;color:#fff;font-size:14px;font-weight:700}
.popupBox {overflow:hidden;width:90%;margin:0 auto;margin-top:10px}
.joinBox dl {overflow:hidden;width:100%;height:32px;margin:0 auto;margin-top:5px;}
.joinBox dl dt {float:left;width:25%;font-weight:800;padding-top:11px}
.joinBox dl dd {float:right;width:75%;text-align:right}
.joinBox p {width:95%;margin-top:10px;text-align:right}
.joinm {text-indent:0 !important;font-size:0;width:96%;margin:3px 0 !important;padding:2px 2px 3px 2px !important}