@import url("paginate.css");
@import url("button.css");
@import url("form.css");
@import url("popup.css");

/* Common */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,input,textarea,button,table{font-family: dotum, Myriad Pro, Helvetica, sans-serif;font-size:11px;color:#505050;}


select{font-family: dotum,Myriad Pro, Helvetica, sans-serif;font-size:11px;color:#505050;}



body{height:100%}
img,fieldset{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}
a{text-decoration:none;outline:none;select-dummy:expression(this.hideFocus=true);}
a:hover,a:active,a:focus{text-decoration:underline}
h2{height:15px}
legend{float:right;padding:0 35px 0 0;_padding:0;font-size:14px;font-family:Myriad Pro, Geneva, sans-serif;color:#4c9101}
.mr10{margin-right:10px}
.mb20{margin-bottom:20px}
.pd20{padding-bottom:20px}
.mb300{margin-bottom:20px}
.mt10{margin-top:10px}
.check_text{padding:20px;color:#F30}
.font13_red_b{font-size:13px;color:#F30;font-weight:bold;}
.font20_b{font-size:20px;font-weight:bold;}
.font30_b{font-size:30px;font-weight:bold;}
.font16_b_gr{font-size:15px;font-weight:bold;color:#50b914;}
.font16_b_g{font-size:15px;font-weight:bold;color:#505050;}
.font14_b{font-size:14px;font-weight:bold;color:#505050;}
.font14_b_w{font-size:14px;font-weight:bold;color:#ffffff;}
.font14_blue{font-size:14px;color:#008bd1;}
.font14_blue_under{font-size:14px;color:#008bd1;text-decoration:underline}
.font14_under{font-size:14px;text-decoration:underline}
.font14_under_w{font-size:14px;text-decoration:underline;color:#ffffff;}
.font14_b_blue{font-size:14px;font-weight:bold;color:#008bd1;}
.font13_b{font-size:13px;font-weight:bold;color:#505050;}
.font13_blue{font-size:13px;color:#008bd1;}
.font13_b_blue{font-size:13px;font-weight:bold;color:#008bd1;}
.font16_gr{font-size:15px;color:#50b914;}
.font16_g{font-size:15px;color:#505050;}
.font18{font-size:18px;padding-bottom:27px;}
.font18_default_b{font-size:18px;font-weight:bold;}
.font18_b{font-size:18px;padding-bottom:27px;font-weight:bold;}
.font18_gr{font-size:18px;color:#50b914;font-weight:bold;}

.font11_gray{color:#ccc;}

.font11_white{font-size:11px;color:#ffffff;}
.font11_white_b{font-size:11px;color:#ffffff;font-weight:bold;}
.font12_b{font-weight:bold;}
.font11_b{font-size:11px;font-weight:bold;}
.font12_white_b_mp{font-size:11px;color:#ffffff;font-family:Myriad Pro}

/* Layout */
#wrap{width:980px;margin:0 auto;background:url(../n_img/sub/Gray_back_1px.png) repeat-y;}
#wrap_login{width:100%;margin:0 auto;background:#000000;}

#header{margin:0 auto;width:100%;height:90px;background:#ffffff;}
#container{clear:both;margin:0px auto;width:980px;height:auto;}
#container:after{display:block;clear:both;content:''}
#content{width:920px;margin:60px 0 0 30px; }


#content_pop{width:920px;}
#content_pop .order_sheet{margin:0px 0 0 0px;width:930px;height:auto;text-align:left;}
#content_pop .order_sheet .title{width:100%;font-size:30px;padding-bottom:15px;}
#content_pop .order_sheet .line1{margin-bottom:30px;width:920px;height:1px;background:#ffffff;}
#content_pop .order_sheet .line2{margin-top:20px;width:920px;height:1px;background:#ccc;}



/* Local Navigation Bar */
.lnb{margin:0 auto;width:980px;height:75px;}
.lnb h1{float:left;margin:13px 0 0 20px;}

.lnb .cipod-box{float:right; margin:25px 0px 0 0; width:85px; background:url("../n_img/sub/sps_logo_1.png") no-repeat;}

.lnb .menu{margin:25px 0px 0 5px; width:65px;cursor:pointer; font-size:14px;}

.lnb .menu_icon{margin:20px 20px 0 20px; width:8px;height:8px; background:url("../n_img/sub/under_icon.png") no-repeat; }

.lnb .top{float:right; margin:7px 0 0 0; width:980px;height:10px; background:url("../n_img/sub/Gray_back_top-1.png") no-repeat;}

.lnb .top_m03{float:right; margin:7px 0 0 0; width:980px;height:10px; background:url("../n_img/sub/Gray_back_top-1_1.png") no-repeat;}



#wrap_help{width:980px;}
#top_td{ width:980px;height:10px; background:url("../n_img/sub/Gray_back_top-1.png") no-repeat;}
#wrap_body_help{width:980px;background:url(/unilab/n_img/sub/Gray_back_1px.png) repeat-y;}
.help_menu{float:left;width:980px;}
#help_1{letter-spacing:-1px;}
#help_1_b{letter-spacing:-1px;font-size:17px;font-weight:bold;color:#505050;}

.aside{width:980px;background:#ffffff;} /*c2c2c2*/

.menu_top{margin-top:0px;padding-left:30px;width:980px;height:46px;background:url(../n_img/sub/Gray_back_top-2.png) no-repeat;}
.menu_top .menu_top_btn{margin-top:13px;}



/*.lnb .under_line{margin:0px;width:980px;height:56px;background:url("../n_img/sub/Gray_back_top.png")}*/
/* Side Navigation Bar */
.aside .menu{width:980px;padding-top:10px;background:url(../n_img/sub/Gray_back_1px.png) repeat-y;} 
.aside .menu li{margin-left:50px;display:inline;height:10px;}


/* Content */

.con_middle{margin:0;width:980px;height:auto;}
.con_middle2{margin:0;width:980px;height:auto;}
.con_list{margin:0;width:100%;height:auto}
.con_middle .section{margin:0 auto;padding:0 0;width:980px}
.con_middle2 .section{margin:0;padding:0;}

.front_msg{color:#505050;margin:25px 0 0 440px;font-size:16px;}

/* Content > biz card */
#content .card{margin:0 0 50px 0;text-align:left;}
#content .last{margin:0 !important;}
#content .card li{display:inline;margin:0;padding-right:10px;_padding-right:11px;width:260px;height:250px}
#content .card li.last{padding-right:0 !important}

/* Content */
#content .card_y{margin:0 0 0px 0;text-align:left;}
#content .card_y li{display:inline;margin-right:10px;}
#content .card_y li.last{padding-right:0 !important}

/* Content */
#content .card_b{margin:0 0 0px 0;text-align:left;}
#content .card_b li{display:inline;margin-right:10px;}
#content .card_b li.last{padding-right:0 !important}


/* Content > biz card_ 3 */
#content .card3{margin:50px 0 50px 0;text-align:left}
#content .last3{margin:0 !important;}
#content .card3 li{display:inline;margin:0;padding-right:10px;_padding-right:11px;width:260px;height:150px}
#content .card3 li.last{padding-right:0 !important}

/* Content > card_detail */
#content .card_detail{margin:-20px 0 0 -6px;height:300px;width:980px;}/*;border:1px #ff0000 solid;*/
#content .card_detail li.front{float:left;padding:10px 10px 0 0px;}
#content .card_detail li.back{float:left;padding:10px 10px 0 0px;}
/* Content > card_detail*/
#content .card_detail_f{margin:0px 0 0 230px;height:250px;}
#content .card_detail_f li.front{padding:10px 10px 0 0px;}
#content .card_detail_f li.back{padding:25px 10px 0 40px}

#content .card_detail_env{margin:0px 0 30px 80px;height:450px;}


.btn_order{position:absolute;left:50%;top:450px;margin-left:360px;width:110px;height:85px;z-index:20}
.btn_edit{position:absolute;left:50%;top:1120px;margin-left:-350px;width:110px;height:85px;z-index:20}
.btn_envelope{position:absolute;left:50%;top:230px;margin-left:320px;width:110px;height:85px;z-index:20}

/* Content > envelope */
#content .envelope{margin:0 0 15px 0;text-align:left}
#content .last{margin:0 !important;}
#content .envelope li{display:inline;margin:0 -3px -3px 0;_margin:0;padding-right:6px;_padding-right:7px;width:400px;height:220px}
#content .envelope li img{border:1px #97a8b9 solid}
#content .envelope li.last{padding-right:0 !important}

/* Content > b_env_detail */
#content .b_env_detail{margin:0 !important}
#content .b_env_detail li{width:750px;height:500px;background:url(../images/big_enve_bg.png) no-repeat}
#content .b_env_detail .view img{margin:25px 0 0 15px}
.btn_b_envelope{position:absolute;left:50%;top:270px;margin-left:380px;width:110px;height:85px;z-index:20}


/* Content > m_env_detail */
#content .m_env_detail{margin:0 !important}
#content .m_env_detail li{width:750px;height:445px;background:url(../images/m_enve_bg.png) no-repeat}
#content .m_env_detail .view img{margin:25px 0 0 15px}
.btn_m_envelope{position:absolute;left:50%;top:270px;margin-left:380px;width:110px;height:85px;z-index:20}


/* Content > s_env_detail */
#content .s_env_detail{margin:0 !important}
#content .s_env_detail li{width:750px;height:400px;background:url(../images/s_enve_bg.png) no-repeat}
#content .s_env_detail .view img{margin:25px 0 0 15px}
.btn_s_envelope{position:absolute;left:50%;top:270px;margin-left:380px;width:110px;height:85px;z-index:20}


/* Content > sticker_detail */
#content .sticker_detail{margin:0 !important}
#content .sticker_detail li{width:750px;height:400px;background:url(../images/sticker_bg.png) no-repeat}
#content .sticker_detail .view img{position:absolute;left:40%;margin:25px 0 0 15px}
.btn_sticker{position:absolute;left:50%;top:270px;margin-left:380px;width:110px;height:85px;z-index:20}




/* Content > placard_detail */
#content .placard_detail{margin:0 !important}
#content .placard_detail li{width:750px;height:500px;background:url(../images/placard_bg.png) no-repeat}
#content .placard_detail .view img{margin:140px 0 0 20px}
.btn_placard_detail{position:absolute;left:50%;top:270px;margin-left:380px;width:110px;height:85px;z-index:20}

/* Content > order */
#content .order_sheet{margin:0px 0 0 0px;width:930px;height:auto;}
#content .order_sheet{margin:0px 0 0 0px;width:930px;height:auto;}

#content .order_sheet .title{width:100%;font-size:30px;padding-bottom:15px;}


#content .order_sheet .line1{margin-bottom:30px;width:920px;height:1px;background:#ffffff;}
#content .order_sheet .line2{margin-top:20px;width:920px;height:1px;background:#ccc;}
#content .order_sheet .line2_p{width:920px;height:1px;background:#ccc;}

/*#content .order_sheet .group{clear:both;padding:20px 0 0 0;width:640px;background:url(../images/order_bg.png) 0 -49px}*/
#content .order_sheet .btm{height:30px;background:url(../images/order_bg.png) 0 -1470px}
/*#content h3.sheet{padding:0 0 2px 25px;background:url(../images/bul_sheet.png) no-repeat 0 40%;font-family:Helvetica, sans-serif !important;font-weight:normal;font-size:22px;color:#fff;letter-spacing:-1px}*/
#content .order_sheet .simg img{border:1px #333 solid}
#content .order_sheet .img{background:url(../images/material_bg.gif) no-repeat 0 50%}
#content .order_sheet .img img{margin:0 0 0 12px;_margin:0 0 0 6px;border:1px #333 solid}

/* Content > order list */
.con_list .search{margin:30px 30px 10px 30px;width:580px;height:50px}
.search .title{float:left;margin-bottom:1px;_margin-bottom:-1px}
.search .title li{float:left;height:13px}
.search .title li.dept{margin-left:150px;_margin-left:98px}
.search .title li.period{margin-left:10px}
.search .form{float:left}
.search .form li{display:inline}
.search .form li input.i_order{padding:1px 3px;width:111px;background:#f2f2f2;border:1px #a5acb2 solid}
.search .form li input.i_text{padding:1px 3px;width:102px;background:#f2f2f2;border:1px #a5acb2 solid}
.search .form li .btn{margin:-5px 0 0 0}

.con_list .complete{margin:60px 0 80px;font-size:40px;font-weight:bold;text-align:center;}
.con_list .complete_comment_2{ width:980px;margin:30px 10px 50px 10px;font-size:14px;text-align:center;}
.con_list .complete_comment{ width:980px;margin:5px auto;font-size:14px;text-align:center;}
.con_list .complete_comment_1{ width:980px;margin:30px auto;font-size:14px;text-align:center;font-weight:bold;}

.orderlist_title{margin:15px 0px 0px 30px;font-size:30px;font-weight:bold;color:#505050;}
.orderlist_title_pop{margin:15px 0px 0px 15px;font-size:30px;font-weight:bold;color:#505050;}
.orderlist_title_detail{margin:15px 0px 15px 15px;font-size:30px;font-weight:bold;color:#505050;}

.ribon_1{position:absolute;top:65px;left:50%;margin-left:-505px;width:258px;height:257px; background:url("../n_img/sub/Ribbon_back.png") no-repeat;}
.ribon_2{position:absolute;top:65px;left:50%;margin-left:-505px;width:235px;height:234px; background:url("../n_img/sub/Ribbon_front.png") no-repeat;}

/* tab*/
.tab{position:relative;height:30px;float:left;margin:0;padding-left:25px;width:965px;font-size:11px;}
.tab .tab_text{background:url(../n_img/on_1px.png) repeat;color:#ffffff;font-weight:bold;cursor:pointer;}
.tab .tab_text_1{background:url(../n_img/off_1px.png) repeat;cursor:pointer;}





/* Footer */
#footer{clear:both; auto;width:980px;margin:0 auto;}
#footer .area{float:right;width:980px;background:url(../n_img/sub/Gray_back_1px.png) repeat-y;}
#footer .line1{margin-left:30px;width:920px;height:1px;background:#ffffff;}
#footer .line2{margin-left:30px;width:920px;height:1px;background:#ccc;}
#footer .help{float:left;margin:20px 0px 20px 30px; font-size:16px;}
#footer .logo{float:right;margin:15px 35px 0px 0px;}
#footer .bottom{float:right; width:980px;height:11px;background:url("../n_img/sub/Gary_back_bottom.png") no-repeat;}





/* Layer Popup; border:1px solid #ff0000;*/

#layerPop .area{text-align:center;margin:0 auto; width:980px;float:left;}
#layerPop {padding-bottom:10px;margin-bottom:10px;float:left;}

#layerPop .close{position:absolute;bottom:5px;right:5px}
.cn_btn {text-align:center;margin:0 auto;height:80px; width:980px; float:left;}


#preview_div{float:left;margin-left:30px;height:130px;z-index:100;}
.table3{ float:left;width:760px;height:100px; background:url("../n_img/sub/Table.png") no-repeat;}
.table3 ul{float:left;margin:0;padding:0}

.table3 ul li{padding-left:20px;padding-top:10px;list-style:none; font-size:14px;}
.table3 ul li.n2{padding-left:20px;padding-top:18px;list-style:none;}
.table3 ul li.n3{padding-top:15px;list-style:none;}

.table3 .s{padding-left:10px;}
.table3 .s1{padding-left:100px;padding-top:5px;padding-bottom:5px;margin-left:600px;}
.table3 .s2{padding-left:100px;padding-top:5px;padding-bottom:5px;margin-left:600px;}
.table3 .s3{padding-left:100px;padding-top:5px;padding-bottom:5px;margin-left:600px;}



.left_3{padding-left:5px;}

.table_excel_green{float:left;width:760px; font-size:34px;color:#505050;font-weight:bold;padding-bottom:20px;font-family:Myriad Pro}
.table_excel_r {float:left;width:860px; font-size:16px;color:#909090;}
.table_excel_gray {float:left;width:760px; font-size:28px;color:#505050;font-weight:bold;padding-bottom:10px;}
.table_excel_gray_tip {float:left;width:760px; font-size:22px;color:#505050;font-weight:bold;padding-bottom:10px;}

.table_excel_con_1 {float:left;width:760px; font-size:16px;color:#505050;padding-bottom:10px;}

.table_excel_con {float:left;width:760px; font-size:16px;color:#505050;}
.table_excel_con_2 {float:left;width:760px; font-size:16px;color:#505050;padding-bottom:10px;padding-left:15px;}

.table_excel_num1 {float:left;background:url("../n_img/sub/no1.png") no-repeat;width:15px;height:13px;margin-top:8px;}
.table_excel_num2 {float:left;background:url("../n_img/sub/no2.png") no-repeat;width:15px;height:13px;margin-top:8px;}
.table_excel_num3 {float:left;background:url("../n_img/sub/no3.png") no-repeat;width:15px;height:13px;margin-top:8px;}
.table_excel_num4 {float:left;background:url("../n_img/sub/no4.png") no-repeat;width:15px;height:13px;margin-top:8px;}
.table_excel_num5 {float:left;background:url("../n_img/sub/no5.png") no-repeat;width:15px;height:13px;margin-top:8px;}
.table_excel_num6 {float:left;background:url("../n_img/sub/no6.png") no-repeat;width:15px;height:13px;margin-top:8px;}

.table_excel_text {float:left;font-size:12px;color:#505050;padding-top:10px;padding-left:10px;}
.table_excel_link {float:left;font-size:12px;color:#505050;padding-top:10px;padding-left:10px;text-decoration:underline;cursor:pointer;font-weight:bold;}

.table_excel_icon{ float:left; background:url("../n_img/sub/warning.png") no-repeat;width:16px;height:14px;margin-top:4px;}
.table_excel_text_tip {float:left;font-size:12px;color:#505050;padding-left:10px;padding-top:5px;}
.table_excel_con_2_tip {float:left;width:760px; font-size:16px;color:#505050;padding-bottom:10px;}
.table_excel_con_2_btn {float:left;width:760px; font-size:16px;color:#505050;font-weight:bold;padding-bottom:40px;padding-top:40px;padding-left:320px;}


.table_excel_bg {float:left;width:484px; height:301px; font-size:16px;color:#505050;padding-bottom:10px; background:url("../n_img/sub/VDP_tex1.png") no-repeat;}

.table_excel_down{margin:40px 0px 0px 80px;float:left;font-size:12px;color:#505050;width:50px;height:20px;text-decoration:underline;cursor:pointer;font-weight:bold;}
.table_excel_up{margin:130px 0px 0px -40px;float:left;font-size:12px;color:#505050;width:40px;height:20px;text-decoration:underline;cursor:pointer;font-weight:bold;}

.table_excel{ float:left;width:760px;}
.excel_line1{float:left;width:920px;height:1px;background:#ffffff;margin-bottom:30px;}
.excel_line2{float:left;width:920px;height:1px;background:#ccc;margin-top:30px;}

.next_div{margin-left:790px;float:left;width:104px;z-index:100; margin-top:-32px;}





/* Login */
.login{margin:150px auto;padding:35px 0 0 35px;width:340px;height:410px;background:url(../n_img/login/Gray_back.png) no-repeat;behavior:url("iepngfix.htc"); }
.login .title{margin-left:35px;width:200px;height:110px;background:url(../n_img/login/logo_login.png);}
.login .under_line{margin:0px;width:146px;height:2px;background:url(../n_img/login/logo_login.png);}
.login .box{height:28px;background:url(../n_img/login/text_box.png) no-repeat 21%;}
.login .text1{margin-top:15px;margin-left:25px;padding:10px 0 7px 0;font-size:15px;color:#ffffff;font-family:Myriad Pro;font-weight:bold;}
.login .text2{margin-top:12px;margin-left:25px;padding:0px 0 7px 0;font-size:15px;color:#ffffff;font-family:Myriad Pro;font-weight:bold;}
.login .text3{margin-top:7px;margin-left:25px;color:#ffffff;}
.login .txt{padding:2px 0 0 3px; margin:2px 0 0 30px; width:200px; height:20px;border:#FFFFFF 1px solid;}
.login .login_btn{margin-top:12px;margin-left:85px;}

/* Login_1 */
.login1{margin-top:-35px;margin-left:-35px;padding:35px 0 0 35px;width:340px;height:410px;background:url(../n_img/login/Gray_back.png) no-repeat;behavior:url("iepngfix.htc"); position:absolute;}
.login1 .title{margin-left:35px;width:200px;height:110px;background:url(../n_img/login/logo_login.png);}
.login1 .under_line{margin:0px;width:146px;height:2px;background:url(../n_img/login/logo_login.png);}

.tbl_login .txt{padding:2px}

/*user menu*/
#div_usermenu_a{width:182px;height:132px;background:url(../n_img/sub/admin_box.png) no-repeat;}
#div_usermenu_a .div_usermenu_li_1{margin-left:25px;margin-top:18px;margin-bottom:10px;font-size:13px;cursor:pointer;}
#div_usermenu_a .div_usermenu_li_2{margin-left:25px;margin-top:24px;margin-bottom:10px;font-size:13px;cursor:pointer;}
#div_usermenu_a .div_usermenu_li_3{margin-left:25px;margin-top:22px;margin-bottom:10px;font-size:13px;cursor:pointer;}
#div_usermenu_a .icon_ol{margin-right:8px;float:left;width:14px;height:16px;background:url(../n_img/sub/Order_Lists.png) no-repeat;}
#div_usermenu_a .icon_id{margin-right:8px;float:left;width:16px;height:14px;background:url(../n_img/sub/Invoice_Details.png) no-repeat;}
#div_usermenu_a .icon_lo{margin-right:8px;float:left;width:16px;height:16px;background:url(../n_img/sub/Logout.png) no-repeat;}
#div_usermenu_g{width:182px;height:92px;background:url(../n_img/sub/guest_box.png) no-repeat;}
#div_usermenu_g .div_usermenu_li_1{margin-left:25px;margin-top:18px;margin-bottom:10px;font-size:13px;cursor:pointer;}
#div_usermenu_g .div_usermenu_li_2{margin-left:25px;margin-top:22px;margin-bottom:10px;font-size:13px;cursor:pointer;}
#div_usermenu_g .icon_ol{margin-right:8px;float:left;width:14px;height:16px;background:url(../n_img/sub/Order_Lists.png) no-repeat;}
#div_usermenu_g .icon_lo{margin-right:8px;float:left;width:16px;height:16px;background:url(../n_img/sub/Logout.png) no-repeat;}

/*

.line1{margin-left:65px;width:850px;height:1px;background:#ffffff;}
.line2{margin-left:65px;width:850px;height:1px;background:#ccc;}


*/



span.customStyleSelectBox{
 font-size:11px;
 background-color:#ffffff;
 color:#5F5F5F;
 padding:0 0 0 7px;
 border:1px solid #ffffff;
 padding:5px 7px;
}
span.customStyleSelectBox.changed{
 background-color: #ffffff;
}
.customStyleSelectBoxInner{
 font-size:11px;
 letter-spacing:-1px;
 white-space:nowrap;
}
.customStyleSelectBorderStrong{
 border-color:#000000;
}


.fileOpacity{-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0';filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;cursor:pointer;width:75px;}