@charset "utf-8";
* { margin:0; padding:0;}
a { text-decoration:none; color:#fff;}
a { text-decoration:none; }
a:link { text-decoration:none; }
a:active { text-decoration:none; }

.main_area {width: 100%;  background-image:url("../../image/login_bg.png");}
.top_area {position: relative; width:1024px; height:700px; left:50%; margin-left: -512px;  text-align:center; background-image:url("../../image/login_bg.png");}
.mainci {position: relative; left:25px; top:160px;}
.version_name {position: relative; text-align:right; padding:10px; font-family: '³ª´®°íµñ','NanumGothicWeb','Nanum Gothic'; font-size: 13px; color:#6ec7ed;}

.loginbox {position: relative; margin-left:350px; top:280px;}
.idputbox_img {position: absolute;}
.idputbox {position: absolute; left:45px;}
.passbox_img {position: absolute; top:41px;}
.passbox {position: absolute; left:45px; top:40px;}
.accepare {position: absolute; left:215px;}
.language_text {position: absolute; width:300px; left:5px; top:88px; color: #87c7e2; font-family: '³ª´®°íµñ','NanumGothicWeb','Nanum Gothic'; font-size: 15px; text-align:center;}

.textbox { width:150px; height:20px; padding:5px; border-bottom:2px solid #1983af; border-right:2px solid #1983af; border-top:2px solid #2c93bd; border-left:2px solid #2c93bd; background-color:#ffffff; font-size: 15px;}
.textbox:hover {background-color:#ededed;}

.acceptbox {width:75px; height:75px; background-color:#f06715; border-bottom:2px solid #1983af; border-right:2px solid #1983af; border-top:2px solid #2c93bd; border-left:2px solid #2c93bd; padding-top:37px; background-image:url("../../image/loginbt.png");background-repeat: no-repeat; font-family: '³ª´®°íµñ','NanumGothicWeb','Nanum Gothic'; font-size: 14px; color:#ffffff;}
.acceptbox:hover {background-color:#d55306;}

.footer_language {position: relative; top:10px; color: #fff; font-family: '³ª´®°íµñ','NanumGothicWeb','Nanum Gothic'; font-size: 14px; background-color:#646464; display:inline-block;}
.footer_language_are {height:40px; text-align:center; background-color:#646464;}

.footer_area {background-color:#fff;}
.footer {position: relative; width:1024px; left:50%; margin-left: -512px; background-color:#fff; padding-top:15px;}
.yccci {width:165px; height:30px; background-image:url("../../image/foot_logo.png");}
.yccinfo {color:#828282; font-family: 'dotum'; font-size: 12px; }
.bottom_bt { border:1px solid #b3b3b3; width:160px; height:25px; margin:2px; padding:5px; color: #828282; font-family: 'dotum'; font-size: 12px; border-radius: 2px; background-image:url("../../image/btn_bg.png"); vertical-align:middle; }
.bottom_bt:hover { cursor:pointer; border:1px solid #117bff; color: #000000; }