@import url("hanaro_footer.css");
@import url("struct.css");

* {margin:0px; padding:0px;}
html {width:100%;}
body {background:url('/_images/header/bg_header.gif') top center repeat-x; font-family:"¸¼Àº °íµñ","µ¸¿ò"; font-size:12px; line-height:140%;}
img	{border:none; vertical-align:middle;}
li	{list-style-type:none;}

a	{color:#484848; text-decoration:none;}
a:hover, a:active	{color:#2C92DA; text-decoration:underline;}


/* ----------------------------------------------------------------------
        quick menu
---------------------------------------------------------------------- */
.container	{
	position:relative; overflow:hidden;
	width:900px;
	margin:0 auto;
}

/*
.header_nav {
    height:20px;
    padding-right:10px;
    font-size:11px; color:#fff; font-weight:bold;
    text-align:right; line-height:150%;
    background: url('/_images/header/bg_header_nav.gif') no-repeat;
}

.header_nav a {
	color: #fff;
	font-weight:bold;
}

.bi {
    float:left;
	margin-top:15px;
    padding-left:20px;
}
.header_menu {
    float:right;
    height:80px;
    margin-top:9px;

}
*/

/* ----------------------------------------------------------------------
        sub images / menu
---------------------------------------------------------------------- */
.subimg_svcinfo {
    clear: both;
    display:block;
    width:900px; height:140px;
    padding-bottom:20px;
    background:url('/_images/common/subimg_serviceinfo.png') no-repeat;
}

.subimg_svcuse {
    clear: both;
    display:block;
    width:900px; height:140px;
    padding-bottom:20px;
    background:url('/_images/common/subimg_serviceuse.png') top no-repeat;
}

.subimg_guide {
    clear: both;
    display:block;
    width:900px; height:140px;
    padding-bottom:20px;
    background:url('/_images/common/subimg_guide.png') no-repeat;
}

.subimg_cs {
    clear: both;
    display:block;
    width:900px; height:140px;
    padding-bottom:20px;
    background:url('/_images/common/subimg_cs.png') no-repeat;
}

.submenu {
    float:left;
    width:170px; height:270px;
    margin-left:10px;
    background:url('/_images/common/bg_submenu.png') top no-repeat;
}

	.submenu ul {
		padding-top:5px;
	}

	.submenu li {
		height:20px;
		line-height:100%;
		padding-left:20px; padding-top:4px;
		background:url('/_images/common/hr_submenu.png') bottom center no-repeat;
	}




/* ----------------------------------------------------------------------
        navigation
---------------------------------------------------------------------- */
#navigation {
	float:right;
    width: 682px;
    height: 50px;
	font-size:11px;
    padding-bottom: 10px;  padding-right:10px;
	margin-top:10px;
    background: url('/_images/common/hr_title.gif') repeat-x;
}

#now_location {
    width: 100%; height: 22px;
	margin-top:10px;
    text-align: right;
}

#now_location a {
    font-size: 11px;
    color: #1676d6;
    font-weight: bold;
}

#now_location span {
    margin-right: 5px;
    color: #555;
}

#contents {
	float:right;
    width: 682px;
    display: block;
}

#go_top {
	float:right;
    width: 682px;
    height: 50px;
    text-align: right;
    padding-top: 30px;
    background: url('/_images/common/hr_gotop.png') repeat-x;
}

.footer {
	float:right;
    width: 900px;
	margin-bottom:50px;
    display: block;
}

#nav_footer {
    width:100%;
    margin-top:20px;
    text-align:center;
    /*background:url('/_images/common/footer_hr.png') top center no-repeat;*/
}

    #nav_footer_container {
        width:900px; height:100px; margin:0 auto;
    }

    #nav_footer_ci {
        float:left;
        width:220px; height:60px;
        padding-top:5px;
        text-align:center;
    }

    #nav_footer_menu {
        float:left;
        height:25px;
    }

	#nav_footer_site {
        padding-left:750px;
        padding-top:10px;
    }

    #nav_footer_copyright {
        float:left;
		width:436px;
		height:43px;
        text-align:left;
        margin-top:0px;
		background:url('/_images/common/footer_copyright.png') top no-repeat;

    }


/* ----------------------------------------------------------------------
        quick menu
---------------------------------------------------------------------- */
#quick_menu {
    float: left;
    width: 80px;
    margin-top: 20px;
    margin-left: 20px;
}
#quick_menu ul {
    width: 80px;
    margin-top: 10px;
}
#quick_menu li {
    text-align: center;
    margin-bottom: 10px;
}


/* ----------------------------------------------------------------------
        provision
---------------------------------------------------------------------- */
.provision {
    width: 630px;
    padding: 7px 10px;
    margin-bottom: 20px;
    background: #f6fbff;
    border-top: 1px solid #7fbfff;
    border-bottom: 1px solid #7fbfff;
    font-size:11px;
	font-family:Dotum;
}
	.provision p {
		font-weight:bold;
		color:#1676d6;
	}

	.provision span {
		font-size:11px;
	}

	.provision iframe {
		width: 620px;
		height: 85px;
		margin-top: 5px;
		margin-bottom: 10px;
		border: 2px solid #aed7ff;
		font-size: 11px;
	}


.rsv_input {
    padding-top:2px;
    margin-right:15px;
    width: 100px;
    height: 22px;
    border: 2px solid #1676d6;
    font-size: 16px;
    font-weight: bold;
    line-height: 130%;
    color: #333;
    text-align:center;
}




.btn_signup {
	width: 132px;
	height: 40px;
	border: 0px;
	cursor: hand;
	background: url('/_images/process/btn_signup.png') no-repeat;
}

.btn_uninst0 {
    width: 132px;
    height: 40px;
    cursor: hand;
    border: 0px;
    background: url('/_images/process/btn_uninst0.png') no-repeat;
}
.btn_uninst1 {
    width: 132px;
    height: 40px;
    cursor: hand;
    border: 0px;
    background: url('/_images/process/btn_uninst1.png') no-repeat;
}

#install {
    margin: 10px 0px 20px 7px;
    height: 300px;
    background: url('/_images/process/bg_install.png') no-repeat top center;
}

#install_confirm {
	font-size: 12px;
    font-weight: bold;
    line-height: 130%;
    color: #333;
	padding:10px 0px 10px 80px;
	background: url('/_images/process/user_chk.png') no-repeat top left;

}

.btn_install {
    width: 243px;
    height: 89px;
    border: 0px;
    cursor: hand;
    background: url('/_images/process/btn_install.png') no-repeat;
}

.btn_install_main {
    width: 243px;
    height: 89px;
    border: 0px;
    cursor: hand;
    background: url('/_images/process/btn_install_main.png') no-repeat;
}

#user_result {
	font-size: 12px;
    width: 550px;
    height: 50px;
	margin: 10px 0px 20px 40px;
    padding-left: 105px;
    padding-top: 11px;
    background: url('/_images/process/bg_user_chk.png') no-repeat;
}

#inst_svc_signup {
    width:650px; height:214px;
    margin-left:10px;
    background:url('/_images/process/inst_svc0.png') no-repeat;
}

#inst_svc {
    width:650px; height:214px;
    margin-left:10px;
    background:url('/_images/process/inst_svc.png') no-repeat;
}

#inst_process1 {
    width:650px; height:140px;
    padding-top:10px;
    margin-left:10px;
    text-align:center;
    background:url('/_images/process/bg_inst_process.png') repeat-x;
}

#inst_process1 .inst_noti {
	padding-top:15px;
	color:#555; font-size:11px; text-align:right;
}

#inst_process1 p {
	padding-bottom:10px;
}

#inst_process_step1 p {
    padding-bottom:15px;
}

#inst_process_step2 {
    height:170px;
}

#inst_process_step2_auto {
	width:650px; height:220px;
	padding-top:10px;
	text-align:left;
	background:#fff;
	background:url('/_images/process/inst_step2_bg.png') no-repeat top center;
}

#inst_vacinfo0 {
    height:40px;
}

#inst_vacinfo1 {
	padding-left:300px;
	text-align:left;
    height:80px;
    background:url('/_images/process/inst_step2_1.png') top no-repeat;
}

#inst_vacinfo2 {
    height:50px;
}

#vac_info {
    float:left;
	font-size:12px; text-align:left;
    width:427px; height:150px;
    padding-top:7px; padding-left:12px;
	margin-left:10px;
    background:url('/_images/process/bg_vac_mode.png') no-repeat;
}

#vac_result {
	width:360px;
    line-height:110%;
    margin-top:72px; margin-left:260px;
    font-weight:bold; font-size:14px; color:#e51937;
}

#vac_0023 {
	padding-left:20px;
    cursor:pointer;
}

#vac_0026 {
    cursor:pointer;
}

#run_appwiz_txt {
	color:#ea002c; font-weight:bold;text-decoration:underline;
	cursor:pointer;
}

#run_uninstall_txt {
	color:#294e92; font-weight:bold;text-decoration:underline;
	padding:50px 0px 0px 250px;
	cursor:pointer;
}

.btn_inst {
    width:160px; height:50px;
    cursor:pointer;
    border:0px;
    background:url('/_images/process/inst_btn.png') no-repeat;
}

.btn_confirm {
    width:160px; height:40px;
    cursor:pointer;
    border:0px;
    background:url('/_images/process/btn_confirm.png') no-repeat;
}

.btn_inst_appwiz {
    width:160px; height:40px;
    cursor:pointer;
    border:0px;
    background:url('/_images/process/inst_btn_appwiz.png') no-repeat;
}

/*
#vac_result {
    width: 550px;
    height: 90px;
	margin-left: 40px;
    padding-left: 100px;
    padding-top: 11px;
    background: url('/_images/process/bg_vacfind.png') no-repeat;
}

#vac_result .vac_find {
    font-size: 12px;
    font-weight:bold;
    color: #1676d6;
}

#vac_result .vac_info {
    font-size: 12px;
    font-weight:bold;
    line-height:240%;
}

#vac_result .desc {
    font-size: 11px;
    color: #666;
}
*/

/* ----------------------------------------------------------------------
        xlogon
---------------------------------------------------------------------- */
#ip_check {
    width:620px; height:250px;
    margin-top:10px; margin-left:10px;
    background:url('/_images/xlogon/bg_logon_ip_check.png') top left no-repeat;
}

#ip_check_loading {
    margin-top:50px; margin-left:190px;
}

#ip_check_confirm {
    width:430px; height:88px;
    background:url('/_images/xlogon/ip_check_confirm.png') top left no-repeat;
    margin-top:50px; margin-left:190px;
    padding-top:110px;
}

#xlogon_choose {
    font-size:11px;
	font-weight: bold;
    color: #666;
    line-height:130%;
    padding-left:20px;
}
#xlogon_choose p {
    padding:2px 0px;
    
}

#xlogon_ssn {
    width:640px; height:110px;
    margin-left:20px;
    background:url('/_images/xlogon/bg_logon_ssn.png') top left no-repeat;
    padding-top:90px;
}

#xlogon_ssn input {
    font-size:12px;
    font-weight:bold;
    color:#222;
    font-family:"¸¼Àº °íµñ", "µ¸¿ò";
    height:18px;
    border:1px solid #1676d6;
    line-height:140%;
    width:80px;
    text-align:center;
}

#xlogon_phone {
    width:640px; height:90px;
    margin-left:25px;
    padding-top:10px;
    background:url('/_images/xlogon/bg_phone_confirm.png') bottom left no-repeat;
}

#xlogon_phone input {
    font-size:12px;
    font-weight:bold;
    color:#222;
    font-family:"¸¼Àº °íµñ", "µ¸¿ò";
    height:18px;
    border:1px solid #1676d6;
    line-height:140%;
    width:80px;
    text-align:center;
}


/* ----------------------------------------------------------------------
        SLB
---------------------------------------------------------------------- */
.SLB_center { cursor:pointer; visibility:hidden; background-color: #FFF;}
.SLB_close { cursor: pointer; display:none; text-align:right; padding:0px 20px 5px 0px; background-color:#3e98f2; color: #000000;}
.SLB_caption { cursor: pointer; display:none; background-color:#000000; color: #ffffff; padding-bottom: 4px; }
#SLB_loading { cursor: pointer; display:none; z-index: 99998; position:absolute; background-color:#000000; color: #ffffff; padding: 3px 0px 4px 0px; border: solid 2px #cfcfcf; }

.SLB_layout {
    width: 530px;
    background: #3e98f2;
    padding: 10px;
	font-size:12px;
	line-height:140%;
}
.SLB_title {
    width: 510px;
    height: 24px;
    padding: 8px 0px 0px 20px;
    background: url('/_images/process/bg_title.png') repeat-x;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
}
.SLB_content {
    width: 320px;
    height: 163px;
    padding-top: 25px;
    padding-left: 210px;
    background: url('/_Images/Process/bg_countcost.png');
}



/* ----------------------------------------------------------------------
        MyPage
---------------------------------------------------------------------- */
#info_user {
    margin-left:10px;
    background: url('');
}

#tb_info_user {
    width: 650px;
    margin-left: 10px;
    border-top: 2px solid #70aeed;
    border-bottom: 2px solid #70aeed;
    text-align: center;
}

#tb_info_user thead {
    height: 24px;
    background: #edf7ff;
}

#tb_info_user th {
    border-right: 1px solid  #70aeed;
}

#tb_info_user td {
    height: 24px;
    border-top: 1px solid #70aeed;
    border-right: 1px solid  #70aeed;
}

#tb_info_user .last_child {
    border-right: 0px;
}

#info_user h3 {
    padding-bottom: 8px;
}


/*========== »ç¿ëµµ¿ò¸» & ¼­ºñ½º ¼Ò°³ ==========*/
#user_guide {
    margin-left:10px;
    background: url('');
}

.svc_desc {
    color:#636363;
}

.btn_gd {
    color:#636363;
    font-size:11px;
    padding:0px 0px 0px 290px;
}

.svc_nm {
    color:#636363;
    font-family:Georgia;
}

.svc_bold {
    color: #357dae;
    font-weight: bold;
    font-size: 12px;
}