@charset "UTF-8";

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,time,mark,audio,video {margin:0;padding:0;border:0;outline:0;vertical-align:baseline;} 
caption,hr,legend{width:0;height:0;text-indent:-9999em;font-size:1px;line-height:0}
body {line-height:1;}
ol,ul {list-style:none;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {border-collapse:collapse;border-spacing:0;}
a,a:active,a:focus,a:hover,a:link,a:visited{color:#666;text-decoration:none;}
textarea, input, button, select {font-family:inherit;font-size:inherit;}

/* SELF-CLEARING FLOATS */
.section:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.section{zoom: 1;}

/* layout */
body {background-color: #fff;width:100%; height:100%; font-family: Dotum, sans-serif;font-size:12px;color:#666;word-break: keep-all;} 
#wrap{position:relative;width:757px;margin:0 auto;}
#header{position:relative;}
.contents{position:relative;}
#bottom{position:relative;margin-top:20px;height:75px;}

/* header */
.logo{padding:20px 0 10px 16px;}

/* bottom */
.bot_logo{float:left;padding:23px 20px 24px 30px;border-right:1px solid #e4e4e4;}
.copyright{float:left;padding-left:20px;}

/* contents */
.box_top{width:757px;height:16px;background:url(/image/DDS/box_top.gif) 0 0 no-repeat;}
.box_con{width:697px;padding:25px;border-left:5px solid #4a6cca;border-right:5px solid #4a6cca;}
.box_bottom{width:757px;height:16px;background:url(/image/DDS/box_bottom.gif) 0 0 no-repeat;}
.title{margin-bottom:20px;padding-bottom:20px;border-bottom:2px solid #4a6cca;}
.txt_exp{padding-bottom:20px;line-height:20px;}
.sbox_top{width:697px;height:5px;background:url(/image/DDS/sbox_top_697.gif) 0 0 no-repeat;}
.sbox_con{width:697px;padding:20px 0;background:url(/image/DDS/sbox_bg_697.gif) 0 0 repeat-y;text-align:center;}
.sbox_bottom{width:697px;height:5px;background:url(/image/DDS/sbox_bottom_697.gif) 0 0 no-repeat;}
.con_num{display:inline-block;height:23px;padding:7px 5px 0 0;position:relative;vertical-align:top;}
.con_btn{display:inline-block;height:30px;padding:0 0 0 10px;position:relative;vertical-align:top;}
input.box{background-color:#fafafa;color:#191919;border:1px solid #c4cad1;font-size:9pt;padding: 2px 0 0 3px }
.join_img{margin-top:50px;}
.join_img div{float:left;}
.sub_wrap{margin:0 auto;padding-top:20px;text-align:center;}
.sub_btn{margin-top:30px;text-align:center;}
.sub_btn a+a {padding-left:20px;}
.sub_btn2{margin-top:30px;text-align:right;}
.sub_btn2 a+a {padding-left:20px;}

/* font */
.blue{color:#3558bc;}
.bold{font-weight:bold;}


/* eDocView*/
	#mask {
	  position:absolute;
	  z-index:9000;
	  background-color:#000;
	  display:none;
	  left:0;
	  top:0;
	}
	.window{
	  display: none;
	  position:absolute;
	  left:100px;
	  top:100px;
	  z-index:10000;
        float: left;
        width: 358px;
        height: 230px;
        border-right: 1px solid #22366c;
        border-left: 1px solid #22366c;
        border-bottom: 1px solid #22366c;
        box-shadow: 6px 6px 18px -7px #000;
        -webkit-box-shadow: 6px 6px 18px -7px #000;
        -moz-box-shadow: 6px 6px 18px -7px #000;	
	}
	.confirmwindow{
	  display: none;
	  position:absolute;
	  left:100px;
	  top:100px;
	  z-index:10000;
        float: left;
        width: 358px;
        height: 168px;
        border-right: 1px solid #22366c;
        border-left: 1px solid #22366c;
        border-bottom: 1px solid #22366c;
        box-shadow: 6px 6px 18px -7px #000;
        -webkit-box-shadow: 6px 6px 18px -7px #000;
        -moz-box-shadow: 6px 6px 18px -7px #000;	
	}
    /*media all*/
    .logbox_tit {
        width: 357px;
        height: 40px;
        background-color: #3453a6;
    }
    .logbox_tit01 {
        float: left;
        width: 300px;
        padding-left: 17px;
        padding-top: 9px;
        font-family: "Malgun Gothic", "¸¼Àº °íµñ","µ¸¿ò","µ¸¿òü","Dotum","Dotumche";
        font-size: 16px;
        color: #fff;
        font-weight: bold;
        line-height: 18px;
        text-align:center;
    }
    .logbox_close {
        float: right;
    }
    .logbox_Comment
    {
        width: 298px;
        height: 60px;
    }
    .logbox_con2 {
        width: 300px;
        height: 120px;
        background-color: #fff;
        padding: 28px 28px 28px 28px;
    }
    .logbox_con {
        width: 300px;
        height: 172px;
        background-color: #fff;
        padding: 28px 28px 28px 28px;
    }
    .logbox_login, .logbox_login2 {
        float: left;
        width: 298px;
        height: 116px;
    }
    .logbox_button {
        float: left;
        width: 298px;
        height: 46px;
    }
    #login_box {
        float: left;
        width: 357px;
        height: 268px;
        border-right: 1px solid #22366c;
        border-left: 1px solid #22366c;
        border-bottom: 1px solid #22366c;
        position: absolute;
        left: -282px;
        z-index: 9999;
        top: 33px;
        box-shadow: 6px 6px 18px -7px #000;
        -webkit-box-shadow: 6px 6px 18px -7px #000;
        -moz-box-shadow: 6px 6px 18px -7px #000;
    }
    textarea{
        width:300px;height:116px;
        resize: none;
    }