@charset "UTF-8";

/* Basic Set */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button,input{margin:0;padding:0}
body,h1,h2,h3,h4,input,button{font-family:'Roboto','맑은 고딕','Malgun Gothic','나눔 고딕','Nanum Gothic','dotum', serif;font-size:100%;
							letter-spacing:-1px;color:#888;
}
a {text-decoration:none; vertical-align:middle; color:#333; cursor:pointer;}
hr {display:none;}
.txtNone {display:block;text-indent:-9999px;overflow:hidden;}
.systemFont {
    font-family: Dotum, serif;
    font-size: 11px;
    color: #555;
    }
     
body {
    font-family:"Aplee SD Gothic Neo","Nanum Gothic", Dotum, Helvetica, serif;
    font-size: 16px;
}

/* layout Set */
    #wrap {
        width:100%;
        position: relative;
        margin: 0 auto;
        background: #fff;
    }
    #container {
        width:1221px;
        height:736px;
        margin: 0 auto;
        margin-top: 5%;
        background: url('/IntroImage/images/fullbg.png') no-repeat 0 0;
    }
.leftConArea {
    float: left;
    width: 400px;
    position: relative;
}
    .rightConArea {
        width:570px;
        float: right;
        margin-top: 218px;
    }
    .formArea {
        width:392px;
    }
    .ul.lgBox {}


/* 왼쪽CSNET24로고 영역 */
.leftConArea .mainLogo {
    position: relative;
    top: 377px;
    left: 108px;
    font-size: 15px;
    font-weight: bold;
    color: #787878;
}
.mainLogo span {
    display: inline-block;
}
.mainLogo span.st_01 {
    color: black;
}
.mainLogo span.st_02 {
    color: white;
}
    /* 슬로건 영역  슬로건 텍스트 조정 CSS !!_____________________________________________________ */
.sloganArea {}
.slogan_s {
    font-size: 18px;
    font-weight: bold;
    color: #6a6a6a;
}
.slogan_b {
    font-size: 34px;
    font-weight: bold;
    color: #6a6a6a;
    margin-bottom: 20px;
}
span.slogan_st_B {
    display: inline-block;
    color: #6b84ff;
}
 
    /* 아이디 패스워드 입력란 공통*/
    .lgBox li.name input, .lgBox li.passwd input {
        width:228px;
        height:41px;
        float: left;
        margin-bottom: 6px;
		line-height:41px;
        text-indent: 20px;
        border: 1px solid #ccc;
    }
    /* 아이디 입력란 */
    .lgBox li.name input {}
	/* 로그인 버튼 */
    .lgBox li.login a {
        display:block;
        float: right;
        width:153px;
        height:93px;
        margin-bottom: 6px;
        background: url("/IntroImage/images/btn_login.png") no-repeat 0 0;
        transition: .3s;
    }
    .lgBox li.login a:hover {
        opacity: .8;
    }
    /* 비밀번호 입력란 */
    .lgBox li.passwd input {}

	/*아이디저장*/
    li.check {
        width:230px;
        float: left;
        margin-bottom: 6px;
    }
    li input.checkbox {}
    li label {}
    
    li.goBtn {
        float: right;
        width: 153px;
        margin-bottom: 6px;
    }
    span a {
        transition: .3s;
    }
    span a:hover {
        opacity: .7;
    }
    /* 홈페이지 바로가기 */
    span.goHomepage a {
        display: inline-block;
        font-weight: 600;
        color:#4464ff;      
    }
    /* 프리미엄평 바로가기 */
     span.goPremium a {
        display: inline-block;
        margin-left: 2px;
        font-weight: 600;
        color:#3a91ff;     
    }
    span.blit {
        display: inline-block;
        width:6px;
        height:6px;
    }
    span.goHomepage a span.blit {
        background:#4464ff; 
    }
    span.goPremium a span.blit {
        background:#3a91ff; 
    }
    

    
    /* 보안영역 */
    .lgBox li.security {
        clear: both;
        font-size:13px;
    }
    .lgBox li.security:after {
        content: "";
        display: block;
        clear: both;
    }
    li.security input {
        float: left;
        width: 110px;
        height:29px;
		line-height:29px;
        text-indent: 5px;
        border: 1px solid #ccc;
        background: #fff;
    }
    /* 새로고침 버튼 */
    .setBtn a {
        float: left;
        display:block;
        width:110px;
        height:29px;
        text-align: center;
        line-height: 29px;
        margin-top: -1px;
        border: 1px solid #ccc;
        background: #fff;
    }
    .setBtn a:hover {
        background:#6b84ff;
        color: #fff;
    }
    /* 보안문자 readonly */
    .secury {
        margin: 0 6px;
        color:red;
    }


/* footer */
#footer {
    width:100%;
    padding-top: 20px;
    text-align: center;
    
}
#footer p {
    font-size: 12px;
    letter-spacing: .01em;
    color: #a5a5a5;
}