/*  SamsnugSDS / Kim Eun Seon  */
/*  Date : 2010-04-12		   */

/*---------- Basic Style ----------*/
body {
	overflow-x:auto;
	overflow-y:auto;
	scrollbar-3dlight-color: #B4B4B4;
	scrollbar-arrow-color: #333333;
	scrollbar-base-color: #ffffff;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-face-color: #ffffff;
	scrollbar-highlight-color: #FFFFFF;
    scrollbar-shadow-color: #B4B4B4;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-position: top;
} 
img {border:0}
td {
	font-size: 13px;
	color: #353535;
	line-height: 14px;
	letter-spacing: 0;
	font-family: Dotum, Arial;
	padding: 0 0 0 0;
}
a:link {
	color: #002d70;
	text-decoration: none;
}
a:visited {
	color: #002d70;
	text-decoration: none;
}
a:active {
	color: #002d70;
	text-decoration: none;
}
a:hover {
	color: #002d70;
	text-decoration: underline;
}

/*---------- site layout 관련 ----------*/
.lay_pad {
	padding-left: 20px;
	height: 100%;
}

.3depth_subtitle {
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	color: #d97815;
	vertical-align: bottom;
	padding-bottom: 3px;
	height: 25px;
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: left bottom;
}

.top_bg {
	background-image: url(../../img/top_bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding-right: 20px;
	padding-left: 20px;
}



/*---------- GNB Global navigation bar 관련 ----------*/
.gnb {
	background-image: url(../../img/gnb_left.gif);
	background-repeat: no-repeat;
	height: 34px;
	font-family: arial;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 40px;
	padding-right: 40px;
}
.gnb_left {
	background-image: url(../../img/gnb.gif);
	background-repeat: repeat-x;
	
}
.gnb_right {
	background-image: url(../../img/gnb_right.gif);
	background-repeat: no-repeat;
	height: 34px;
	width: 13px;
}
.gnb_menu {
	font-family: arial;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../../img/gnb_verbar.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 20px;
	padding-left: 20px;
}
/*---------- common menu관련 ----------*/
.gnb_menu a:link {
	color: #fcff08;
	text-decoration: none;
}
.gnb_menu a:visited {
	color: #ffffff;
	text-decoration: none;
}
.gnb_menu a:active {
	color: #ffffff;
	text-decoration: none;
}
.gnb_menu a:hover {
	color: #fcff08;
	text-decoration: none;
}
.combar_left {
	background-image: url(../../img/combar_left.gif);
	background-repeat: no-repeat;
	height: 22px;
	width: 25px;
}
.combar {
	background-image: url(../../img/combar.gif);
	font-family: arial;
	font-size: 10px;
	color: #FFFFFF;
	background-repeat: repeat-x;	
	padding-bottom:3px;
}
.combar_right {
	background-image: url(../../img/combar_right.gif);
	background-repeat: no-repeat;
	height: 22px;
	width: 25px;
}


/*---------- left navigation layout관련 ----------*/

.lenavi_ti_left {
	background-image: url(../../img/lenavi_title_left.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: 40px;
	width: 9px;
}
.lenavi_ti {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../../img/lenavi_title.gif);
	background-repeat: repeat-x;
	height: 34px;
	padding-left: 3px;
}
.lenavi_ti_right {
	background-image: url(../../img/lenavi_title_right.gif);
	background-repeat: no-repeat;
	background-position: top;
	width: 9px;
	height: 40px;
}
.left_bg {
	background-color: #f9f9f9;
	border-left:#d6d6d6 1px solid;
	border-right:#d6d6d6 1px solid;
	padding: 5px 0px;
}
.lenavi_bm_left {
	background-image: url(../../img/lenavi_bottom_left.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: 6px;
	width: 9px;
}
.lenavi_bm {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../../img/lenavi_bottom.gif);
	background-repeat: repeat-x;
}
.lenavi_bm_right {
	background-image: url(../../img/lenavi_bottom_right.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: 6px;
	width: 9px;
}
.lenavi_arrow {
	background-position: center;
}

/*---------- left menu관련 ----------*/
.inb_01 {
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	background-image: url(../../img/lnb_bul_out.gif);
	background-repeat: no-repeat;
	padding: 5px 5px 5px 24px;
	background-position: left center;
}
.inb_01 a:link {
	color: #0066cc;
	text-decoration: none;
}
.inb_01 a:visited {
	color: #0066cc;
	text-decoration: none;
}
.inb_01 a:active {
	color: #0066cc;
	text-decoration: none;
}
.inb_01 a:hover {
	color: #0066cc;
	text-decoration: none;
}
.inb_01_ov {
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	color: #0066cc;
	background-image: url(../../img/lnb_bul_out.gif);
	background-repeat: no-repeat;
	padding: 5px 5px 5px 24px;
	background-position: left center;
}
.inb_01_ov  a:link {
	color: #0066cc;
	text-decoration: none;
}
.inb_01_ov  a:visited {
	color: #0066cc;
	text-decoration: none;
}
.inb_01_ov  a:active {
	color: #0066cc;
	text-decoration: none;
}
.inb_01_ov  a:hover {
	color: #0066cc;
	text-decoration: none;
}
.inb_02 {
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
	color: #444444;
	background-image: url(../../img/lnb_bul_squ.gif);
	background-repeat: no-repeat;
	padding: 3px 3px 3px 30px;
	background-position: left center;
}
.inb_02_ov {
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
	color: #2188d2;
	background-image: url(../../img/lnb_bul_squ.gif);
	background-repeat: no-repeat;
	padding: 3px 3px 3px 30px;
	background-position: left center;
}

.inb_03 {
	font-family: arial;
	font-size: 11px;
	color: #666666;
	padding: 3px 3px 3px 35px;
	background-position: left center;
}
.inb_03_ov {
	font-family: arial;
	font-size: 11px;
	color: #d37311;
	padding: 3px 3px 3px 35px;
	background-position: left center;
	background-color: #e7e7e7;
}


/*---------- copyright 관련 ----------*/
.copy {
	background-image: url(../../img/copy.gif);
	background-repeat: repeat-x;
	text-align: right;
	vertical-align: bottom;
	padding-bottom: 7px;
	height: 65px;
}
.copy_bg {
	background-image: url(../../img/copy_bg.gif);
	background-repeat: repeat-x;
	text-align: center;
	vertical-align: bottom;
	height: 65px;
	padding-right: 20px;
	padding-left: 20px;
}

/*---------- login 관련 ----------*/
.login_body_wrap {width:100%; height:100%; background:#f8f8f8 url(../../img/login_bg.gif) repeat-x; font-family:arial;}
.login_wrap {width:100%; height:100%; background:#f8f8f8 url(../../img/login_bg.gif) repeat-x; font-family:arial;}
.login_wrap form {margin:0; padding:0;}
.login_container {width:100%; height:100%;text-align: center;}
.login_content {position:absolute; top:50%; left:50%; margin-left:-443px; margin-top:-260px; width:886px; height:520px;}
.login_content h1 {margin:0; height:38px}
.login_conceptImg {height:293px;}
.login_form_wrap {position:relative; background:url(../../img/login_bg_form.png) repeat-x; width:752px; height:132px; margin:0 auto}
.login_form {position:relative; width:380px; height:98px; float:left; margin-top:17px;}
.recaptcha_wrap {width:328px; height:98px; float:right; background:url(../../img/login_line_form.png) no-repeat left top; padding-left:23px; text-align:left; margin-top:10px; margin-bottom:8px; _margin-right:23px;}
.recaptcha_wrap input {width:200px; font:normal 13px arial; vertical-align:middle}

.login_form_wrap02 {position:relative; background:url(../../img/login_bg_form.png) repeat-x; width:752px; height:132px; margin:0 auto}
.login_form_wrap02 .login_form {position:absolute; left:155px; top:10px; width:430px}
.login_form_wrap02 .login_form input {width:195px; _width:200px}
.login_form_wrap02 .login_form input.checkbox {width:17px}
.login_form_wrap02 .recaptcha_wrap {display:none}

.login_caution {position:relative; width:750px; height:30px; text-align:left; margin:0 auto}
.login_caution dl {margin:0}
.login_caution dt, .login_caution dd {position:absolute; display:block; float:left; font:bold 11px arial; color:#bd4444; margin: 7px 0 0 0}
.login_caution dd {left:52px}

.login_footer {position:fixed; _position:absolute; bottom:0; right:0; height:50px; width:100%; background:url(../../img/login_bg_footer.png) repeat-x; text-align:right}
.login_footer_banner {position:fixed; _position:absolute; bottom:70px; right:0; height:50px; width:100%; background:url(../../img/login_bg_footer.png) repeat-x; text-align:right}
.login_footer p {padding:7px 20px 0 0; margin-top:0; vertical-align:top}
.login_footer img {vertical-align:top}
.cookiePolicy {position:absolute;text-align: center; bottom:0; height:80px; width:100%; background:url(../../img/login_bg_footer3.png) repeat-x; }
.cookieBody {position:absolute;margin-left:-400;bottom:0; left:50%; height:80px; width:800px; background:url(../../img/login_bg_footer3.png) repeat-x;}
.item-right {text-align:right; margin:0px 10 -10 5px;}
.btn-banner-close {
    display:inline-block;
    font-size:0;
    background:url(../../img/btn_banner_close.png) no-repeat 50%;
    border-radius:0;
    width:13px;height:13px;
    background-size:100% auto
}
.item-right button {border:0 none;outline:0 none;background-color:transparent}

/*---------- login form 관련 ----------*/
.login_form dl {position:relative; text-align:left; left:30px; margin:0}
.login_form dt, .login_form dd {position:absolute; display:block;}
.login_form dt {color:white; font:bold 12px arial; margin-top:3px;}
.login_form dd {margin:0; left:70px}
.login_form .user_pwd {top:23px}
.login_form .save_id {top:46px; color:white; font:normal 11px arial}
.login_form .save_id input {text-align:left; padding-top:4px}
.login_form .network_pool {top:50px; color:white; font:normal 11px arial}
.login_form .network_pool input {text-align:left; padding-top:4px}
.login_form input {width:146px; height:19px; border:1px solid #162545; padding:0 2px; color:#333; font:normal 11px arial; vertical-align:middle}
.login_form input.checkbox {width:13px; border:0; padding:0; margin:0; vertical-align:middle}
.login_form .login_btn {position:absolute; right:0; cursor:pointer}
.recaptcha_txt {display:block; font:bold 12px arial; color:white; margin-top:5px;}
.recaptcha_form {position:relative; _position:absolute; *position:absolute; display:inline-block; height:13px}
.recaptcha_form img {position:relative; display:block; float:left; width:39px; margin-right:5px}
.recaptcha_form:after {content:''; display:block; width:0; height:0; float:none; clear:both}
.recaptcha_image {display:inline-block; border:1px solid #162545; width:132; height:59px;}
.recaptcha_audio {display:inline-block; background-color:#152344; padding:9px 18px 7px 18px}
.recaptcha_audio img {vertical-align:middle; cursor:pointer}
.recaptcha_audio_icon {margin: 7px 4px;}

/*---------- login Box관련 
.loginB_bgL {
	background-image: url(../../img/loginB_01.gif);
	background-repeat: repeat-x;
	height: 120px;
	background-position: center;
	vertical-align: middle;
	width: 400px;
	padding: 15px 15px 15px 30px;
}
.loginB_bgR {
	background-image: url(../../img/loginB_02.gif);
	background-repeat: repeat-x;
	height: 120px;
	width: 170px;
	padding: 4px;
	vertical-align: top;
}
.loginB_brdr {
	background-image: url(../../img/loginB_brdr.gif);
	background-repeat: no-repeat;
	height: 120px;
	width: 1px;
}

/*---------- login 텍스트 관련 
.login_txt {
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	padding-right: 5px;
}
.txtW {
	font-family: arial;
	font-size: 11px;
	color: #FFFFFF;
	padding: 3px;
}
.txtW a:link {
	color: #FFFFFF;
	text-decoration: none;
}
.txtW a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.txtW a:active {
	color: #FFFFFF;
	text-decoration: none;
}
.txtW a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

.txtR {
	font-family: arial;
	font-size: 11px;
	color: #333333;
	text-align: right;
	padding: 3px;
}

 /*---------- logot관련 ----------*/
.btn_logout_left {
	background-image: url(../../img/btn_logout_left.gif);
	background-repeat: no-repeat;
	height: 14px;
	width: 13px;
}
.btn_logout_right {
	background-image: url(../../img/btn_logout_right.gif);
	height: 14px;
	width: 7px;
}
.btn_logout {
	font-family: arial;
	font-size: 10px;
	color: #333333;
	background-image: url(../../img/btn_logout.gif);
	background-repeat: repeat-x;
	vertical-align: middle;
}

.btn_logout  a:link {
	color: #333333;
	text-decoration: none;
}
.btn_logout  a:visited {
	color: #333333;
	text-decoration: none;
}
.btn_logout  a:active {
	color: #333333;
	text-decoration: none;
}
.btn_logout a:hover {
	color: #333333;
	text-decoration: none;
}