body.intro_body {background:url(../images/intro/intro_bg.gif) top center repeat-y;background-color:#c0c4b5;padding:0;margin:0;overflow:auto;font-family:tahoma,verdana,dotum;text-align:center;}

.intro_bg_l{position:absolute;top:0;left:-471px;z-index:1;width:50%;height:100%;background:url(../images/intro/intro_bg_l.jpg) top right repeat-y;background-color:#bfc4b5;}

div.intro_warp {position:relative;z-index:10;width:941px;height:605px;min-height:605px;margin:0 auto;}

/* Intro Image */
div.intro_img {float:left;width:650px;height:605px;min-height:605px;_height:605px;background:url(../images/intro/intro_img_v2.jpg) top left no-repeat;}

/* Login Box */
div.intro_login_box {float:left;width:291px;height:490px;background:url(../images/intro/intro_login_box_bg.jpg) top left no-repeat;margin-top:115px;text-align:left;}
input.intro_id {font-family:tahoma,verdana,arial,dotum;color:#333;font-size:12px;height:20px;border:0;width:114px;margin-top:1px;_margin-top:2px;padding:0 3px;_padding:3px;}
input.intro_pw {font-family:tahoma,verdana,arial,dotum;color:#333;font-size:12px;height:20px;border:0;width:114px;padding:0 3px;_padding:3px 3px 0 3px;}
input.intro_btn {width:75px;height:60px;margin-left:3px;}

/* Manual Download */
ul.manual_list {margin:88px 0 0 90px;padding:0;width:100px;}
ul.manual_list li {font-family:tahoma,verdana,arial,dotum;color:white;font-size:12px;font-weight:bold;list-style:none;line-height:20px;height:20px;}
ul.manual_list li img {vertical-align:middle;}
ul.manual_list li a {font-family:tahoma,verdana,arial,dotum;color:white;font-size:12px;font-weight:bold;text-decoration:none;}
ul.manual_list li a:hover {text-decoration:underline;}

/* Password Change */
body.intro_pc_body {background-color:#bfc4b5;}
.intro_pc {position:absolute;top:50%;left:50%;margin:-164px 0 0 -188px;width:376px;height:328px;background:url(../images/intro/intro_pc_bg.jpg) top left no-repeat;}
.intro_pc h1 {font:bold 24px tahoma,verdana,arial,gulim;color:white;height:75px;line-height:68px;padding-left:18px;margin:0;}

/* Error Message */
.err_msg_box {height:40px;vertical-align:middle;padding:0 18px}
.err_msg {font:bold 12px tahoma,verdana,arial,gulim;color:#e90000;margin:0;vertical-align:middle;line-height:12px;_line-height:auto;}
.err_msg img {vertical-align:middle;}

/* Password Change Input Table */
.pc_input {padding:0 25px;text-align:center;}
.pc_input table {width:280px;table-layout:auto;}
.pc_input td {font:bold 12px tahoma,verdana,arial,gulim;color:#333333;height:33px;vertical-align:middle;}
.pc_input td input {width:120px;border:1px solid #7a8189;height:20px;}
.pc_input td input.id {background-color:#eef0f2;color:#7a8189;}

/* Password Change Buttons */
.pc_btns {text-align:center;margin-top:15px;}
.pc_btns img {margin:0 5px;cursor:pointer;}

/* Helpdesk */
.helpdesk {font-size: 12px;font-weight: bold;color: #ffffff;position: relative;top: 60px;left: 80px;cursor:pointer;}
.helpdesk .icon {background:url(../images/intro/intro_login_box_bg.jpg) top left no-repeat;display: inline-block;width: 15px;height: 20px;background-position: -80px -270px;vertical-align:middle;}
.helpdesk_modal {position: absolute;text-align: left;margin: auto;top: 0;left: 0;bottom: 0;right: 0;width: 700px;height: 550px;border: 1px solid #000000;background-color: #ffffff;z-index: 1000;}
.helpdesk_modal.disabled {display:none;}
.helpdesk_modal .close {position: absolute;top: 0;right: 0;padding: 10px;color: #ffffff;cursor: pointer;}
.helpdesk_modal .modal_title {background-color: #0950A0;padding: 15px;color: #ffffff;font-weight: bold;font-size: 18px;}
.helpdesk_modal .content {padding: 15px;}
.helpdesk_modal .description{color: #0950A0;font-size:16px;}
.helpdesk_modal .title{margin-top: 20px;padding-bottom: 5px;font-weight: bold;font-size: 18px;border-bottom: 1px solid #DDDDDD;}
.helpdesk_modal .info{font-size:14px;}
.helpdesk_modal .info ul {list-style: none;padding: 0;}
.helpdesk_modal .info li {padding: 5px 0;}
.helpdesk_modal .info svg {vertical-align:middle;}
.helpdesk_modal .info img {vertical-align:middle;width:15px;}