/*
Hompee Web-Standardization
Author : WiNMasTeR(Sung Woong)
*/
body,button{mar}{margin:0; padding:0;}
BODY,table,tr,td,select,textarea{color:#333;font-family:Dotum;font-size:12px;margin:0;line-height:17px;}
A{color:#333;font-size:12px;text-decoration:none;}
A:hover{text-decoration:underline;}
A.small{color:#333;font-size:11px;letter-spacing:-1px;line-height:14px;}
IMG{border-bottom:0;border-left:0;border-right:0;border-top:0;}
TABLE{color:#444;}
IMG.border{border:1px solid #D8D8D8;}
SELECT{background-color:#fff;background-image:none;background-repeat:repeat;border-bottom:#c8ccc8 1px solid;border-left:#c8ccc8 1px solid;border-right:#c8ccc8 1px solid;border-top:#c8ccc8 1px solid;color:#333;font-size:12px;}
SELECT.small{background-color:#fff;background-image:none;background-repeat:repeat;border-bottom:#D5D5D5 1px solid;border-left:#D5D5D5 1px solid;border-right:#D5D5D5 1px solid;border-top:#D5D5D5 1px solid;color:#333;font-size:11px;letter-spacing:-1px;}
textarea{background-color:#FFF;padding-left:4px;padding-top:2px;}
input{background-color:#fff;color:#7B7872;font-size:12px;padding-left:4px;padding-top:2px;}
input.none{background-color:transparent;border:none;}
label{cursor:pointer;}

.BC_BODY{line-height:160%;}
.BC_BODY P{line-height:160%; padding:0; margin:0;}

.eng{color:#333;font-family:Verdana, Arial;font-size:11px;}
.e_orange{color:#EE711D;font-family:Tahoma;font-size:11px;line-height:13px;}
.e_blue{color:#447AA8;font-family:Tahoma;font-size:11px;line-height:13px;}
.big{color:#3A2A08;font-size:14px;font-weight:700;line-height:14px;}
.tit{color:#000;font-size:14px;line-height:14px;}
.history{color:#EC5E00;font-size:11px;letter-spacing:-1px;line-height:13px;}
.top{color:#D4DEEA;font-size:11px;letter-spacing:-1px;line-height:13px;}
.s_orange{color:#F7941C;font-size:11px;letter-spacing:-1px;}
.s_red{color:#F35323;font-size:11px;letter-spacing:-1px;line-height:14px;}
.s_blue{color:#8B95A7;font-size:11px;letter-spacing:-1px;line-height:14px;}
.s_navy{color:#0A3651;font-size:11px;letter-spacing:-1px;line-height:14px;}

.m_orange{color:#F7941C;font-size:12px;letter-spacing:-.05em;}
.m_red{color:#F35323;font-size:12px;letter-spacing:-.05em;line-height:14px;}
.m_blue{color:#8B95A7;font-size:12px;letter-spacing:-.05em;line-height:14px;}
.m_navy{color:#0A3651;font-size:12px;letter-spacing:-.05em;line-height:14px;}

.Red{color:#ED1C24;font-size:12px;line-height:17px;}
.red{color:#ED1C24;font-size:12px;line-height:17px;}
.orange{color:#F25D03;font-size:12px;}
.brown{color:#7C5631;font-size:12px;line-height:17px;}
.green{color:#4D9509;font-size:12px;line-height:17px;}
.navy{color:#31577A;font-size:12px;line-height:17px;}
.black{color:#000;font-size:12px;line-height:17px;}
.blue{color:#0B57A2;font-size:12px;line-height:17px;}
.gray{color:#333;font-size:12px;line-height:17px;}
.white{color:#FFF;font-size:12px;line-height:17px;}
A.small:hover,A.small1:hover{color:#000;font-size:11px;line-height:14px;text-decoration:underline;}
A.small1,.small{color:#888;font-size:11px;letter-spacing:-1px;line-height:14px;}
.eng1,.eng2{color:#888;font-family:Tahoma;font-size:10px;line-height:13px;}

.b1cc{border:1px solid #ccc;}
.bold{font-weight:700;}
.normal{font-weight:normal;}
.clear{clear:both;}
.flt{float:left;}
.fblue{height:20px; border:1px solid #ccc; font-size:12px;padding:3px 0 2px 3px;color:#333;}
.fblue2{border:1px solid #ccc; font-size:12px; color:#333;}
.login_box{width:95px; height:20px; letter-spacing:-0.03em; color:#9C9C9C; margin:0; padding:0;}
.pwd_bg{width:95px; height:20px; letter-spacing:-0.03em; color:#9C9C9C; background:url(/images/login_pwd_bg.png) no-repeat top left; margin:0; padding:0;}
.pwd_bg_on{width:95px; height:20px; margin:0; padding:0; letter-spacing:-0.03em; background:none;}

.chkbox{border:none; cursor:pointer; padding:0; margin:0; background:none; width:13px; height:13px;}
.radiobox{border:none; cursor:pointer; padding:0; margin:0; background:none; width:13px; height:13px;}
input[type=checkbox],input[type=radio]{border:none; cursor:pointer; background:none; margin:0; padding:0; width:13px; height:13px;}
.cursor, .m_over{cursor:pointer;}
.hidden{visibility:hidden;}
.hide{display:none;}
.show{display:block;}
.showinline{display:inline-block;}
.overhide{overflow:hidden;}
.noshade{padding:0; margin:0;}

.no_bg{background:none !important;} /* ¸ðµç ¹è°æ ¾ø¾Ö±â */
.no_bi{background-image:none !important;}  /* ¹è°æ À̹ÌÁö¸¸ ¾ø¾Ö±â */
.no_line{border:0 none !important;} /* Å׵θ® ¶óÀÎ ¾ø¾Ö±â */
.bc_trans{background-color:transparent;} /* iframe ¹è°æÅõ¸íÇÏ°Ô ¹Ù²Ù±â */
.hide{display:none;}
.show{display:block;}

#main_faq_list .faq{margin:0;padding:0;}
#main_faq_list .fl{float:left;}
#main_faq_list .upgrade{width:272px;height:110px;display:block;margin:0;padding:0;}
#main_faq_list li{list-style:none;text-align:left;height:16px;margin:2px 0 2px 2px;}
#main_faq_list ul{list-style:none;margin:0;padding:0;}
#table1 td,#table2 td,#table4 td{padding:6px;}
#table5 td table td{padding:0;}
#table5 td{padding:6px;}

#table2 .none,#table3 .none,#table4 .none{border:none;}
#table2 td input,#table3 input,select,#table4 td input,textarea{border:1px solid #ccc;}

/* Address Layer Box Style */
#Address_add_box{display:block;height:130px;left:200px;margin:0;padding:0;position:relative;top:110px;width:250px;}
#Address_add_box .div0_t .div0_topleft{background:url(/images/box/blue/top_left.gif) no-repeat left top;float:left;height:10px;margin:0;padding:0;width:10px;}
#Address_add_box .div0_t .div0_topmiddle{background:url(/images/box/blue/top_middle.gif) repeat-x left top;float:left;height:10px;margin:0;padding:0;width:230px;}
#Address_add_box .div0_t .div0_topright{background:url(/images/box/blue/top_right.gif) no-repeat left top;float:left;height:10px;margin:0;padding:0;width:10px;}
#Address_add_box .div0_m{clear:both;display:block;height:110px;margin:-4px 0 0;padding:0;width:250px;}
#Address_add_box .div0_m .div0_middleleft{background:url(/images/box/blue/middle_left.gif) repeat-y left top;float:left;height:110px;margin:0;padding:0;width:10px;}
#Address_add_box .div0_m .div0_middle{background:#fff;display:block;float:left;height:110px;margin:0;padding:0;width:230px;}
#Address_add_box .div0_m .div0_middleright{background:url(/images/box/blue/middle_right.gif) repeat-y left top;float:left;height:110px;margin:0;padding:0;width:10px;}
#Address_add_box .div0_b .div0_btmleft{background:url(/images/box/blue/bottom_left.gif) no-repeat left top;float:left;height:10px;width:10px;}
#Address_add_box .div0_b .div0_btmmiddle{background:url(/images/box/blue/bottom_middle.gif) repeat-x left top;float:left;height:10px;width:230px;}
#Address_add_box .div0_b .div0_btmright{background:url(/images/box/blue/bottom_right.gif) no-repeat left top;float:left;height:10px;width:10px;}
#Address_add_box .div0_m .div0_ok_btn{background:url(/images/box/blue/btn_ok_blue.gif) no-repeat left top;border:0;cursor:pointer;height:23px;margin-top:15px;width:59px;}
#Address_add_box .div0_m .div0_cancel_btn{background:url(/images/box/blue/btn_cancel_blue.gif) no-repeat left top;border:0;cursor:pointer;height:23px;margin-top:15px;width:59px;}
#Address_add_box .div0_m .div0_text{text-align:left;}
#Address_add_box .div0_m .div0_input{height:20px;line-height:30px;padding:10px 0 0;vertical-align:middle;}
#Address_add_box .div0_m .div0_input input{height:18px;line-height:18px;margin:0;padding:0;vertical-align:middle;width:140px;}
#Address_add_box .div0_t,#Address_add_box .div0_b{clear:both;display:block;height:10px;margin:0;padding:0;width:250px;}

/* Div Layer Box Style */
#div_box{display:block;left:200px;margin:0 auto;padding:0;position:relative;top:110px;width:300px;}
#div_box .div0_t .div0_topleft{background:url(/images/box/blue/top_left.gif) no-repeat left top;float:left;height:10px;margin:0;padding:0;width:10px;}
#div_box .div0_t .div0_topmiddle{background:url(/images/box/blue/top_middle.gif) repeat-x left top;float:left;height:10px;margin:0;padding:0;}
#div_box .div0_t .div0_topright{background:url(/images/box/blue/top_right.gif) no-repeat left top;float:left;height:10px;margin:0;padding:0;width:10px;}
#div_box .div0_m{clear:both;display:block;height:110px;margin:-4px 0 0;padding:0;}
#div_box .div0_m .div0_middleleft{background:url(/images/box/blue/middle_left.gif) repeat-y left top;float:left;height:110px;margin:0;padding:0;width:10px;}
#div_box .div0_m .div0_middle{background:#fff;display:block;float:left;height:110px;margin:0;padding:0;}
#div_box .div0_m .div0_middleright{background:url(/images/box/blue/middle_right.gif) repeat-y left top;float:left;height:110px;margin:0;padding:0;width:10px;}
#div_box .div0_b .div0_btmleft{background:url(/images/box/blue/bottom_left.gif) no-repeat left top;float:left;height:10px;width:10px;}
#div_box .div0_b .div0_btmmiddle{background:url(/images/box/blue/bottom_middle.gif) repeat-x left top;float:left;height:10px;}
#div_box .div0_b .div0_btmright{background:url(/images/box/blue/bottom_right.gif) no-repeat left top;float:left;height:10px;width:10px;}
#div_box .div0_m .div0_ok_btn{background:url(/images/box/blue/btn_ok_blue.gif) no-repeat left top;border:0;cursor:pointer;height:23px;margin-top:15px;width:59px;}
#div_box .div0_m .div0_cancel_btn{background:url(/images/box/blue/btn_cancel_blue.gif) no-repeat left top;border:0;cursor:pointer;height:23px;margin-top:15px;width:59px;}
#div_box .div0_m .div0_text{text-align:left;}
#div_box .div0_m .div0_input{vertical-align:middle;}
#div_box .div0_t,#div_box .div0_b{clear:both;display:block;height:10px;margin:0;padding:0;}

@media print{
body{color:#000;}
}

/* form_service */
#form_service{margin:0;padding:0;width:420px;}
#form_service .top_left{background:url("/{img}/admin/popup_service_edit_bg.gif") no-repeat left top;height:50px;width:150px;}
#form_service .top_middle{background:url("/{img}/common/popup_tit_bg.gif") repeat-x left top;height:50px;width:144px;}
#form_service .top_right{background:url("/{img}/common/popup_tit_right.gif") no-repeat right top;height:50px;width:126px;}
#form_service .middle_left{background:url("/{img}/common/popup_left_bg.gif") repeat-y left top;height:110px;width:5px;}
#form_service .middle_mid{height:100px;padding-top:10px;width:410px;}
#form_service .middle_right{background:url("/{img}/common/popup_right_bg.gif") repeat-y left top;height:110px;width:5px;}
#form_service .middle_mid .middle_list{margin:0 auto;width:400px;}
#form_service .btm_left{background:url("/{img}/common/popup_left.gif") no-repeat left top;height:15px;width:15px;}
#form_service .btm_middle{background:url("/{img}/common/popup_btm.gif") repeat-x left top;height:15px;width:390px;}
#form_service .btm_right{background:url("/{img}/common/popup_right.gif") no-repeat right top;height:15px;width:15px;}
#form_service .middle_mid .middle_list ul{margin:0;padding:0;width:400px;}
#form_service .middle_mid .middle_list li{list-style:none;margin:0;padding:0;text-align:left;width:100px;}
#form_service .button{height:34px;margin:0;padding-top:10px;text-align:center;width:420px;}

#certification .regno{width:600px; display:block;}
#certification .regno .kid_alert{width:600px; height:50px; display: block; overflow: hidden;}
#certification .regno .regno_box{width:600px; height:60px; display: block; overflow: hidden; padding:5px 0 0 10px;}
#certification .regno .regno_box .reg_create{height:30px; line-height:30px; overflow: hidden;}
#certification .regno .regno_box .reg_create .regno_title{width:130px; float:left;}
#certification .regno .regno_box .reg_create .regno_contents{width:440px; float:left;}
#certification .company{width:186px; height:20px; padding:3px 0 2px 3px;border:1px solid #ccc;font-size:12px; font-weight:bold; color:#333;}
#certification .name{width:176px; height:20px; padding:3px 0 2px 3px;border:1px solid #ccc;font-size:11px; font-weight:bold; color:#333;}
#certification .email{width:176px; height:20px; padding:3px 0 2px 3px;border:1px solid #ccc;font-size:11px; font-weight:bold; color:#333;}
#certification .UserResiNo{width:80px; height:20px; padding:3px 0 2px 3px; border:1px solid #ccc; font-size:12px; font-weight:bold; color:#333;}
#certification #com1{width:46px; height:20px; padding:3px 0 2px 3px; border:1px solid #ccc; font-size:12px; font-weight:bold; color:#333;}
#certification #com2{width:36px; height:20px; padding:3px 0 2px 3px; border:1px solid #ccc; font-size:12px; font-weight:bold; color:#333;}
#certification #com3{width:76px; height:20px; padding:3px 0 2px 3px; border:1px solid #ccc; font-size:12px; font-weight:bold; color:#333;}

/* ÆäÀÌÁö */
.board_pageing{margin:0 auto;text-align:center;width:100%; position:relative; clear:both;}
.board_pageing .no a,.board_pageing strong{_width:17px;border:1px solid #F5F5F5;color:#000;display:block;font:bold 11px/normal Verdana;margin-right:1px;padding:2px 4px 3px;position:relative;text-decoration:none;}
.board_pageing strong{border:1px solid #ddd;color: #f23219!important;}
.board_pageing .first{margin:0 0 0 3px; letter-spacing:-1px; padding:2px 0 0 0;}
.board_pageing .pre{margin:0 4px 0 3px; letter-spacing:-1px; padding:2px 0 0 0;}
.board_pageing .next{margin:0 3px 0 4px; letter-spacing:-1px; padding:2px 0 0 0;}
.board_pageing .end{margin:0 4px 0 0; letter-spacing:-1px; padding:2px 0 0 0;}
.board_pageing .no a:hover{background-color:#F5F5F5!important;border:1px solid #ddd;color:#39F;text-decoration:underline;}
.board_pageing .no a:active{color:#39F;text-decoration:underline;}
.board_pageing .no a,.board_pageing .no a:visited{color:#333;text-decoration:none;}

#floater {position:absolute; visibility:visible;}

.Header_Line_Q_1{padding-top:3px;}
#q_1{width:275px;}
#q_1 .Left_Header{width:275px;}
#q_1 .left_Header .Header_Line{width:275px; height:22px; line-height:22px; vertical-align:middle;}
#q_1 .left_Header .Header_Line .Header_Line_Q_1{width:50px;}
#q_1 .left_Header .Header_Line .Header_Line_Q_2{width:225px; padding-left:10px;}
#q_1 .left_Header .Header_Line .Header_Line_Q_2 input{width:155px; border:1px solid #ccc;}
#q_1 .left_Header .Header_Line .Header_Btn{width:54px; padding-left:5px;}
#q_1 .Header_Add{width:54px;}
#q_2{width:275px;}
#q_2 .Left_Header{width:275px;}
#q_2 .left_Header .Header_Line{width:470px; height:22px; line-height:22px; vertical-align:middle;}
#q_2 .left_Header .Header_Line .Header_Line_Q_1{width:50px;}
#q_2 .left_Header .Header_Line .Header_Line_Q_2{width:225px; padding-left:10px;}
#q_2 .left_Header .Header_Line .Header_Line_Q_2 input{width:155px; border:1px solid #ccc;}
#q_2 .left_Header .Header_Line .Header_Line_Q_3{width:225px; padding-left:10px;}
#q_2 .left_Header .Header_Line .Header_Line_Q_3 input{width:155px; border:1px solid #ccc;}
#q_2 .left_Header .Header_Line .Header_Btn{width:54px; padding-left:5px;}
#q_2 .Header_Add{width:54px;}

#H_data_step input[type="radio"]{margin:0; padding:0; vertical-align:middle;}

/* PreView */
#Preview {font-family:Tahome,µ¸¿ò;font-size:9pt;width:320px;border:2px solid #0060BF;background-color: #FFF; color:#003366;padding:9px 9px 6px 9px;position: absolute;top:232px;left:230px;text-decoration: none;z-index:1;text-align:justify;table-layout:fixed; display:none; -webkit-border-radius: 4px; -moz-border-radius: 4px;}

.board_paging{display: inline-block; padding:4px; margin:0; width:auto; width:100%; _width:100%; _text-align:center; _display:block;}
.board_pageing .no a,.board_pageing strong{_width:17px; border:1px solid #F5F5F5; color:#000; font:bold 11px/normal Verdana; margin-right:1px; padding:2px 4px 3px; text-decoration:none;}

/* Service Design Popup Style */
.SDPop_Body, .SDPop_Line{display:inline-block; width:554px; text-align:center;}
.SDPop_Body .SDPop_Line .SDPop_Top_Left{width:432px; height:50px; background:url("/{img}/hompee/popup_tit_guide_hompee.gif") no-repeat left top; float:left}
.SDPop_Body .SDPop_Line .SDPop_Top_MID{width:106px; height:50px; background:url("/{img}/common/popup_tit_bg.gif") repeat-x left top; float:left}
.SDPop_Body .SDPop_Line .SDPop_Top_Right{width:16px; height:50px; background:url("/{img}/common/popup_tit_right2.gif") no-repeat left top; float:left}
.SDPop_Body .SDPop_Line .SDPop_MID_Left{width:15px; background:url("/{img}/common/popup_left_bg.gif") repeat-y left top; float:left}
.SDPop_Body .SDPop_Line .SDPop_MID_MID{width:524px; text-align:center; float:left}
.SDPop_Body .SDPop_Line .SDPop_MID_Right{width:15px; background:url("/{img}/common/popup_right_bg.gif") repeat-y left top; float:left}
.SDPop_Body .SDPop_Line .SDPop_BTM_Left{width:15px; height:15px; background:url("/{img}/common/popup_left.gif") no-repeat left top; float:left}
.SDPop_Body .SDPop_Line .SDPop_BTM_MID{width:524px; height:15px; background:url("/{img}/common/popup_btm.gif") repeat-x left top; float:left}
.SDPop_Body .SDPop_Line .SDPop_BTM_Right{width:15px; height:15px; background:url("/{img}/common/popup_right.gif") no-repeat left top; float:left}
.SDPop_Body .SDPop_Buttom{display:inline-block; width:554px; height:34px; padding-top:10px; text-align:center; margin:0 auto;}

/* Service Global Login Box */
.SRV_Login_box{width:180p; height:130px; padding:0; margin:0;}
.SRV_Login_box .SRV_Login_TITLE{background:url("/{img}/common/login_top.gif") no-repeat left top; width:180px; height:31px; padding:0; margin:0;}
.SRV_Login_box .SRV_Login_BODY{background:url("/{img}/common/login_bg.gif") no-repeat left top; width:180px; height:67px; padding:0; margin:0;}
.SRV_Login_box .SRV_Login_BODY .SRV_Login_INPUT{padding:9px 0px 0px 10px; margin:0; height:50px;}
.SRV_Login_box .SRV_Login_BODY .SRV_Login_LOGOUT{padding:7px 0px 0px 20px; margin:0; height:50px;}
.SRV_Login_box .SRV_Login_BODY .SRV_Login_INPUT .SRV_Login_INPUT_ID{height:25px;padding:0; margin:0;}
.SRV_Login_box .SRV_Login_BODY .SRV_Login_INPUT .SRV_Login_INPUT_PWD{height:25px; padding:0; margin:0;}
.SRV_Login_box .SRV_Login_BOTTOM{background:url("/{img}/common/login_btm.gif") no-repeat left top; width:180px; height:32px; padding:7px 0px 0px 10px; margin:0; display:inline-block;}
.SRV_Login_box .SRV_Login_BOTTOM_LOGOUT{background:url("/{img}/common/login_btm.gif") no-repeat left top; width:180px; height:32px; padding:7px 0px 0px 0px; margin:0; display:inline-block;}

@import "/css/basic.css";
@import "/css/bt.css";

.jquery-safari-checkbox {display: inline; font-size: 16px; line-height: 16px; cursor: pointer; cursor: hand;}
.jquery-safari-checkbox .mark {display: inline;}

.jquery-safari-checkbox img {vertical-align: middle; width: 16px; height: 16px;}
.jquery-safari-checkbox img{background: transparent url('/js/jq/safari-checkbox.png') no-repeat;}

.jquery-safari-checkbox img{
	background-position: 0px 0px;
}
.jquery-safari-checkbox-hover img{
	background-position: -16px 0px;
}
.jquery-safari-checkbox-checked img{
	background-position: 0px -16px;
}
.jquery-safari-checkbox-checked .jquery-safari-checkbox-hover img {
	background-position: -16px -16px;
}

.jquery-safari-checkbox-disabled img{
	background-position: 0px -32px;
}
.jquery-safari-checkbox-checked .jquery-safari-checkbox-disabled img{
	background-position: 0px -48px;
}

.ui-tooltip {padding:8px;position:absolute;z-index:9999;-o-box-shadow: 0 0 5px #aaa;-moz-box-shadow: 0 0 5px #aaa;-webkit-box-shadow: 0 0 5px #aaa;box-shadow: 0 0 5px #aaa;}
/* Fades and background-images don't work well together in IE6, drop the image */
* html .ui-tooltip {background-image: none;}
body .ui-tooltip{border-width:2px;}

#REQUEST_MSG{padding:3px; margin:5px 3px 5px 3px;}
.REQUEST_MSG_BIGBOX{padding:10px 3px 10px 3px; margin:5px 3px 5px 3px;}
#REQUEST_BODY{font-size:12px;}
#REQUEST_BODY .REQEUST_TITLE2{margin-top:7px;}
.ui-dialog .ui-dialog-buttonpane2 { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane2 button{float: inherit; margin: .3em .2em .3em 0; cursor: pointer; padding: .2em .3em .3em .3em; line-height: 1.4em; width:auto; overflow:visible; }