@charset "utf-8";

/*@import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);*/
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);*/
/*@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);*/

/*나눔브러쉬 (Nanum Brush Script)
나눔고딕(Nanum Gothic)
나눔고딕코딩(Nanum Gothic Coding)
나눔명조(Nanum Myeongjo)
나눔펜(Nanum Pen Script)*/

@font-face{
font-family:ng;
src:url(NanumGothic.eot);
src:local(※), url(NanumGothic.woff) format(‘woff’)
} 

/* 요소의 여백 초기화 */
html,body,
div,span,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
blockquote,p,address,pre,cite,
form,fieldset,legend,input,select,textarea,
table,th,td{
        margin:0;
        padding:0;
}

body {
    font-family: "Nanum Gothic","나눔고딕",ng,Nanum Gothic,NanumGothicWeb, NanumGothic Bold,"NGothic",NanumGothicBoldWeb, sans-serif;
    text-align: center;
    font-size: 12px;
}

#wrap{
    text-align: left;
}

/* 제목요소 */
h1,h2,h3,h4,h5,h6 {
        font-size:100%;
        font-weight:normal;
}

/* 테두리 없애기*/

fieldset,img,addr,acronym{
border:0 none;
}


/* 인라인요소 세로 정렬 */

label, img, input, select, textarea{vertical-align:middle;}



/* 목록 */
ol,ul,li {list-style:none;}

/* 텍스트 관련요소 */
address, caption, em, cite{font-weight:normal; font-style:normal;}
ins{text-decoration:none;}
del{text-decoration:line-through;}

/* 인용문 */
blockquote,q{
        quotes:"" "";
}
blockquote:before, blockquote:after,
q:before, q:after{
        content:""
}

/* form태그 */


/* 수평선 */
hr{display:none;}

/* 테이블 - 마크업에 "cellspacing="0" 지정 함께 필요 */

table{
        border-collapse: collapse;
        border-spacing:0;
        border:0 none;
}

caption,th,td{
font-weight: normal;
}

/* 링크 스타일 */
a:link, a:visited{
color:#000;
text-decoration: none;

}
a:active, a:hover, a:focus{
text-decoration: underline;
}


/* 111101_main_Css */
#wrap {
min-width: 1300px;
margin: auto;
border: solid 1px #cccccc;
}

#header {
width: 100%;
/*background: url(../images/main/top_bg.gif) repeat-x;*/
height: 78px;
background-color:#242424;
border-bottom: 1px solid #d7d7d7;
}

#header .header_top{width:100%; height:46px; position:relative; margin:0 auto;}
#header .header_top h1{font-family:"돋움", "돋움체"; font-size:14px; color:#FFFFFF; padding:15px 0 0 20px;}
#header .header_top h1 span{font-weight:bold;}
#header .header_top p{ font-family:"굴림", "굴림체"; font-size:12px; color:#FFFFFF; position:absolute; top:13px; right:15px;}
#header .header_memu{width:100%; margin:0 auto; border-bottom: #d7d7d7 1px solid;}
#header .header_memu ul li{font-size:12px; color:#797979; font-weight:bold; float:left; text-align:center; padding:10px 0;}
#header .header_memu ul li a:link,#header .header_memu ul li a:visited{ color:#fff; font-weight:bold; text-decoration: none;}
#header .header_memu ul li a:active,#header .header_memu ul li a:hover, #header .header_memu ul li a:focus{font-weight:bold; text-decoration:none; color:#EDD200;}
#main_container .main_left{ width:100%; height:100%; float:left;}
#main_content{ width:100%; float:left;}
#main_container .main_left h2{font-size:18px; font-weight:bold; text-align:center; background:url(../images/main/h2_bg.gif) repeat-x;  padding:23px 0 30px 0; border-bottom:2px solid #383838;}
#main_container .main_left ul{font-size:12px; background:#7b7b7b; border-right:1px solid #575757; padding:7px 0 0 25px;}
#main_container .main_left ul li{padding-bottom:15px; width:150px;}
#main_container .main_left ul li a:link,#main_container .main_left ul li a:visited{ color:#ffffff; text-decoration: none;}
#main_container .main_left ul li a:active, #main_container .main_left ul li a:hover, #main_container .main_left ul li a:focus{font-weight:bold; text-decoration:none; color:#f9ff52;}
#bottom{width:100%; height:22px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#a2a2a2; font-size:9px; padding-top:8px; text-align:center; background:#333333; border-top:1px solid #323232;}



/* 111031_login_Css */
#login_container{width:606px; margin:0 auto; padding:100px 0;}
#login_container h1{width:390px; height:52p; margin:0 auto;}
#login_content{width:606px; height:210px; background:url(../images/login/login_box.gif) no-repeat; position:relative;}
#login_content .login_form{width:360px; height:90px; background:url(../images/login/login_minibox.gif) no-repeat; position:absolute; top:85px; left:195px;}
#login_content .login_form legend{display:none;}
#login_content .login_form .login_ul01{margin:23px 0 0 40px;}
#login_content .login_form .login_ul01 .login_li01{margin-bottom:3px;}
#login_content .login_form .login_ul01 .input01{border:1px solid #b4b4b4; background:#fafafa; width:120px;}
#login_container p{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#a2a2a2; text-align:center; padding:10px 0;}
#login_container p span{font-weight:bold;}

/* c_gift_list */
#row_title.title01.td{text-align: center; background-color: #333333}
#row_title.a_title4.td{text-align: center; }

/* 주간 업무보고 */
.report_tb_menu{width:1000px;height: 100%; border:solid 1px #DDDDDD;margin:auto;}
.report_tb_menu td {padding:5px; font:12px "돋움"; color: #aaaaaa;}
.report_tb_menu span {padding-top:3px;  font:12px "돋움"; color: #aaaaaa;}
.report_tb_admin{width:1000px;height: 100%; border:solid 1px #DDDDDD;margin:10px;}
.report_tb_admin td {padding:5px; font:12px "돋움"; color: #666666;}
.report_tb{width:1000px;height: 300px;border:solid 1px #DDDDDD;margin:10px;}
.report_tab{width:200px;height: 20px;border:solid 1px #DDDDDD;margin-left: 10px; font:bold 12px "돋움"; color:white; background-color: #435988; }
.report_tab td{line-height: 20px;text-align: center;}
.report_tb th{background-color: #C2E2F5; text-align: center; font:12px "돋움"; font-weight: bold; height:25px; vertical-align: middle; padding-top: 2px; border:solid 1px #DDDDDD;}
.report_tb tr td{border:solid 1px #DDDDDD; padding: 2px; font:12px "돋움"; text-align: center; height:16px;}
.report_tb .check_td{border:solid 1px #DDDDDD; padding: 0px; font:12px "돋움"; text-align: center; height:16px;}
.report_tb input{border: 0; font:11px "굴림"; width: 100%; height: 20px; line-height: 20px; text-align: center}
.report_tb .day{background-color:  #C2E2F5; border: 0; width: 26px; text-align: center; font:bold 12px "돋움";}
#report_content{width:100%; float:left;}
#report_content h1{padding:10px 0px 0px 10px; font: bold 15px "돋움"; color: #505050; }
.check{background:rgb(221, 255, 184);}
.click{width:100%;height:100%;}


/*총무나라 계산기*/
.estimate_tb th {background-color: #f7f7f7; font-size:12px; height: 20px;}
.estimate_tb td {text-align: center; font-size: 12px}
.estimate_tb td h4{text-align: left; font-size: 12px; font-weight: bold; color: red;}
.estimate_tb td input {width:100%; height:100%; text-align: center; font-size: 11px; border: solid 1px #f7f7f7;}


/*상담일지 등록*/
.submit_btn{padding:4px 10px;background-color:#FFB341;border: 0px;color: white;font-weight: bold; cursor: pointer;}
.submit_btn2{padding:0px 10px 4px 10px;background-color:#7b7b7b;border: 0px;color: white;font-weight: bold; font-size: 12px;}
.del_btn{padding:4px 10px;background-color:#7E7E7E;border: 0px;color: white;font-weight: bold; }
.account_btn{padding:4px 10px;background-color:#28B5B5;border: 0px;color: white;font-weight: bold; border-radius: 6px;}
.account_btn2{padding:4px 6px;background-color:#28B5B5;border: 0px;color: white;font-weight: bold; border-radius: 6px;}
.account_btn3{padding:2px 8px;background-color:#28B5B5;border: 0px;color: white;font-weight: bold; border-radius: 6px; font-size: 12px;}
.account_btn4{padding:4px 10px;background-color:#28B5B5;border: 0px;color: white;font-weight: bold;}
.account_del_btn{padding:4px 10px;background-color:#7E7E7E;border: 0px;color: white;font-weight: bold; border-radius: 6px;}

.btn02 {
display: inline-block;
padding: 4px 10px;
border: 1px solid #3b3c3f;
background: #4b545e;
color: #fff;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
font-size: 12px;
margin: 0 0 30px 10px;
float:left;
}

.btn01 {
display: inline-block;
padding: 4px 10px;
border: 1px solid #ccc;
background: #fafafa;
color: #000;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
margin: 0 0 30px 10px;
float:left;
}

input{
}

.tr_over_color:hover{
    background-color: #cccccc;
}

.tr_over_color{
    background-color: #cccccc;
}

/*네이버CSS*/
button.point{background-color:#1783f0;border-color:#0970d8;color:#fff}
button{display:inline-block;*display:inline;zoom:1;height:29px;margin:0 1px 0 0;padding:0 16px;background-color:#fff;border:1px solid #b4b4b4;border-radius:3px;font-size:12px;color:#424242;line-height:29px;font-weight:normal}


/* 결재현황조회 페이지 스타일 변경 */
table.inquiry_table01{ margin:20px auto 0 auto; width:100%; padding:15px; border:1px solid #ddd; background:#fbfbfb; }
table.inquiry_table01 th, table.inquiry_table01 td{ padding:3px; font:normal 12px/22px 'Malgun Gothic',Sans-serif; color:#333; /* border:1px solid #ddd; */ }

table.inquiry_table01 select{ font:normal 12px/22px 'Malgun Gothic',Sans-serif; }
table.inquiry_table01 input{ font:normal 12px/22px 'Malgun Gothic',Sans-serif; }

a.all_btn{ display:block; padding-bottom:3px; width:100%; color:#58585a; font:800 12px/16px 'Malgun Gothic',Sans-serif; /* border-radius:4px; background:#58585a; */ }
a.all_btn:hover{ /* text-decoration:none;  color:#ef4137;*/ }

p.btn4_s{ display:inline-block; margin:0 0 0 33px; }
p.btn2_s{ display:inline-block; margin:0 0 0 35px; }
p.btn2_s a:nth-child(1){ color:green; }
p.btn2_s a:nth-child(2){ color:red; }

/* 호스팅관리: 호스팅 중요도 //스타일 추가 */
.hosting_lank{ display:inline-block; margin-left:10px; }
.hosting_lank > b{ font-size:13px; }

/* 호스팅관리: 세금계산서 //스타일 추가 */
.hosting_tax_select{ float:left; margin:8px 0 8px 6px; max-width:80px; }
.hosting_tax_select2{ margin:0 0 0 6px; }
.hosting_tax{ float:left; display:inline-block; margin:2px 0 3px 15px; }

/* 호스팅관리: 메모 //스타일 추가 */
.memo_textarea{ padding:2px 5px; width:94%; font-size:13px; font-family:'Malgun Gothic',Sans-serif; }
.memo_textarea_v{ height:300px; }

/* 호스팅관리: 버튼, 견적서 메일 발송/SMS전송 //스타일 추가 */
.hosting_btn_td input{ width:195px; margin-top:-2px; }
.hosting_btn_td p{ display:inline-block; margin:3px 0 3px 45px; border:none; }
.hosting_btn_td p button{ margin:0; height:24px; padding:0 10px 2px; font:normal 12px/14px 'Malgun Gothic',Sans-serif; background:#EDD200; border:none; color:#fff; letter-spacing:-0.5px; cursor:pointer; }
.hosting_btn_td p button:last-child{ margin-left:5px; background:#1d3256; }
.hosting_btn_td p button:hover{ background:#000; }

/* 이전 페이지로 이동 버튼 */
.before_btn{ display:inline-block; height:22px; padding:0 10px 2px; font:normal 12px/20px 'Malgun Gothic',Sans-serif; background:#EDD200; color:#fff !important; text-decoration:none !important; letter-spacing:-0.5px; border-radius:2px; }
.before_btn:hover{ background:#000; }

/* 2017-04-24  옥정아 추가*/
.center_line{ position:relative; width:1000px; margin:0 auto; padding:20px;  }
.inquiry_table01.a02{ max-width:916px;; }
.inquiry_table01.a02 caption{ text-align:left; font-size: 14px; font-weight:600; padding:15px 0; border-bottom:2px solid #000;}
.inquiry_table01.a02 th{ background: #fbfbfb; border:1px solid #bebebe; border-width:0 1px 1px 0;  font-size:12px; font-weight:bold; color:#666666;}
.inquiry_table01.a02 td{padding:5px 10px; background:#fff; text-align:left;  border:1px solid #bebebe; border-width:0 0px 1px 0;}
.btn_box{ clear:both; padding:20px 0; text-align:center;}

.inquiry_table01.a03 tr.top th, .inquiry_table01.a03 tr.top td{ padding-top:18px }
.inquiry_table01.a03 th{ font-weight:bold;  text-align:left; padding:3px 0 3px 18px;}
.inquiry_table01.a03 th:before{ content:"■"; display:inline-block; font-size:5px; color:#333; vertical-align:middle; margin-right:3px; margin-bottom:3px; }
.inquiry_table01.a03 td{ text-align:left; padding:3px 0 ; }
.inquiry_table01.a03 td.btn_line{ padding-top:10px;  text-align:center; }
.inquiry_table01.a03 td.btn_line button{  cursor:pointer; }

.btn4_s a:hover{ color:#225fe7; }

input.btn5{ background:#2db6b6; color:#fff; border:1px solid #22a3af; padding:5px 20px 8px 20px; border-radius:5px; font-size:15px; font-weight:600;  }
input.btn5:hover{ cursor:pointer; background:#28a5b0; }

/* 2020-11-19 JGM - add Css lines which is related to hiding elements like 'header, left-menu' in pop_window class*/
.pop-window #header {display: none;}
.pop-window #main_left_layer {display: none; width: 0px;}
.pop-window #bottom {display: none;}