@charset "utf-8";

@font-face {
	font-family: NanumGothic;
	font-weight: normal;
	font-style: normal;
	src: url("/css/font/NanumGothic.eot");
	src: url("/css/font/NanumGothic.eot?#iefix") format("embedded-opentype"), url("/css/font/NanumGothic.woff") format("woff"), url("/css/font/NanumGothic.ttf") format("truetype"), url("/css/font/NanumGothic.otf") format("opentype")
}

/*font-family: NanumGothic, NanumGothicWeb;*/
@font-face {
  font-family: 'NanumGothic', '나눔고딕';
  font-style: normal;
  font-weight: 700;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'NanumGothic', '나눔고딕';
  font-style: normal;
  font-weight: 400;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'NanumGothic', '나눔고딕';
  font-style: normal;
  font-weight: 800;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.ttf) format('truetype');
}
@font-face {
  font-family: 'NanumGothicWeb';
  font-style: normal;
  font-weight: 700;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.ttf) format('truetype');
}
/* @font-face {
  font-family: 'NanumGothicWeb';
  font-style: normal;
  font-weight: 400;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype');
} */
@font-face {
  font-family: 'NanumGothicWeb';
  font-style: normal;
  font-weight: 800;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.ttf) format('truetype');
}

/* Common Style Reset Area */
*{margin:0;padding:0;}

html,body{width:100%; height:100%;}
body,input,button{font: 12px 'NanumGothic', '나눔고딕',Dotum,"Gulim", "Verdana", sans-serif; color:#333333;}
h1,h2,h3,h4,h5,h6{font-size:12px; text-align:left;}
img,fieldset,iframe{border:0 none; vertical-align:middle;}
input[type=image],[type=checkbox],[type=radio]{vertical-align:middle;margin-right:2px}

body {
scrollbar-face-color:#ffffff; /*스크롤바의 색을 지정*/
scrollbar-track-color:#FFFFFF; /*배경 부분의 색을 지정*/

scrollbar-arrow-color:#cccccc; /*화살표 버튼의 색을 지정*/

scrollbar-highlight-color:#cccccc; /*스크롤바의 왼쪽과 위쪽의 안쪽 색을 설정*/
scrollbar-shadow-color:#cccccc; /*스크롤바의 오른쪽과 밑에 들어가는 안쪽 색 지정*/

scrollbar-3dlight-color:#000000; /*스크롤바의 왼쪽과 위쪽 바탕으로 들어가는 색 지정*/
scrollbar-darkshadow-color:#000000; /*스크롤바의 오른쪽과 밑에 그림자의 색을 지정*/
}
li{list-style:none;}
a, a:link{color:#333333; text-decoration:none;}
a:hover{color:#ff6633; text-decoration:none;}
em,address{font-style:normal;}
button,label{cursor:pointer;}
label{position:relative;}
button *{position:relative;}
textarea{overflow:auto;border:1px solid #ccc;padding:5px}
hr{display:none;}
caption{display:none;}
ul{margin:0; padding:0;}
legend{display:none;}
table {border-collapse:collapse; }
.essential{color:#ff6600; }
.orangeB{color:#ff6600;font-weight:600 }

/* Clear Area */
.clear{display:block; float:none; clear:both; height:0; width:100%;  border:0; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important;}
body{width:100%; position:relative}
#wrap{width:100%;margin:0 auto ;background:#fff;height:100%} 
#wrap navi{display:block;width:100%;margin:0 auto ;background:#f8f8f8;height:42px;border-bottom:2px solid #ff6700}
#wrap h1{width:100%;text-align:center;background:url('../../images/common/pop_bg.jpg') repeat-x left top; color:#fff;font-size:1.8em;font-weight:600;padding:15px 0 5px 0;box-sizing:border-box} 
#wrap h2{font-size:1.1em;font-weight:600;padding:20px 0 5px 0;box-sizing:border-box} 
#wrap h2.print{font-size:1.3em;font-weight:600;padding:10px 0 5px 0;box-sizing:border-box} 

#PopContent{width:1024px;margin:10px auto 0 auto;background:#fff;padding:0 10px;box-sizing:border-box;overflow:hidden}
#PopContent.print{width:100%;margin:10px auto 0 auto;background:#fff;padding:0 10px;box-sizing:border-box;overflow:hidden}
#Calculation{width:640px;height:620px;margin-right:20px;overflow-y:scroll;float:right;}
#Calculation.print{width:100%;height:auto;margin-right:0;overflow-y:hidden;float:none;}

#Calculation div.CalcuBox{border:3px solid #ff9933;width:99%;margin-bottom:10px;box-sizing:border-box;}

#Paper{width:980px;height:150px;margin:10px auto 0 auto;float:left;background:#fff;border:1px solid #ccc;border-radius:5px}
#Paper>dl{width:100%;height:150px;overflow:hidden}
#Paper>dl dt{width:115px;height:100%;background:red;float:left;background:#eee;text-align:center;margin-right:10px;padding-top:30px;}
#Paper>dl dd{width:86%;height:130px;overflow-y:scroll; margin-top:10px;line-height:1.5em}
#Paper>dl dd>#PopContent_02{width:100% !important;height:auto !important;margin:0 !important ;background:#fff;padding:0 10px;box-sizing:border-box;overflow:hidden !important}

#Help{width:330px;float:left;height:620px;overflow-y:scroll;}
#Help h3{font-size:1.1em; font-weight:bold; margin-bottom:2px}
#Help>dl dd{margin-top:20px}
#Help>dl dd div.box{width:99%;border:1px solid #ccc;padding:10px; box-sizing:border-box;line-height:1.5em;background:#f1f7de; margin-bottom:10px}
#Help>dl dd div.box ul li{ background:url('/views/images/common/icon_orange.gif') no-repeat left 3px; padding-left:10px  }

#PopContent_02{width:96%;height:420px;margin:10px 2% 0 2% ;background:#fff;padding:0 10px;box-sizing:border-box;overflow-y:scroll}
#preparatory>h3{font-size:1.2em;margin-bottom:5px }
#preparatory>h4{font-size:1em;margin-bottom:5px }
#preparatory>ul{margin-bottom:20px;border:2px solid #ff9966;width:100%;padding:10px;box-sizing:border-box;border-radius:5px;line-height:1.5em;background:#fff}
#preparatory>ul li{background:url('../../images/04_serivice/icon_Docu.gif') no-repeat left 7px;padding-left:12px;}
.PopBtn{width:100%; text-align:center;display:block; background:#ff9933;padding:10px 0 20px;0}
#doc ul{margin-top:10px; line-height:1.5}

h2.Docu_title{display:block;width:100%;border-bottom:1px solid #ccc;background:#f8f8f8;text-align:center; font-size:1.5em !important;padding:10px 0 !important} 

table.write{margin-bottom:10px}
table.write input[type=text]{padding:4px;height:13px;font-size:12px;border:1px solid #ccc}
table input{margin:0 1px}
table.write td ul li{display:inline-block;margin-right:20px}
table.write th{padding:5px; background-color:#f7f7f7;border-bottom:1px solid #cccccc;border-right:1px solid #cccccc;font-weight:normal ;text-align:left}
table.write th.th02{border-top:2px solid #999}
table.write th.th03{border-right:0 !important}

table.write td{padding:5px; background-color:#ffffff;border-bottom:1px solid #cccccc;}
table.write td.td02{border-top:2px solid #999}
table.write td.td03{border-right:1px solid #ccc}
.receipt{overflow:hidden; width:99%; }
table.write02{width:100%; margin-bottom:5px}
table.write02 td{border:1px solid #ccc; padding:5px;}

table.write03{width:100%; margin-bottom:5px}
table.write03 th{text-align:center;border:1px solid #ccc; padding:5px; background:#f4f4f4}
table.write03 td{border:1px solid #ccc; padding:5px; text-align:right; font-size:14px}

#PopClose{position:absolute;right:10px;top:10px}
#PopClose02{position:absolute;right:0;top:10px}

.list th{padding:10px 5px; background-color:#fbfbfb;border-bottom:1px solid #cccccc;font-weight:normal;font-size:1.1em}
.list td{padding:10px 5px; background-color:#ffffff;border-bottom:1px solid #cccccc;}


 .btn{ width:100%;padding:20px 0 ;text-align:center }
  .btn input[type=submit]{border:0; color:#fff; background:#ff9933;padding:5px 20px;font-size:1.1em;margin:0 5px}
  .btn input[type=reset],.btn input[type=button]{border:0; color:#fff; background:#999;padding:5px 20px;font-size:1.1em;}
  .btn .btn_lawyer{ background:#339999 !important;}
 input[type=text]{padding:5px;height:15px;font-size:12px;border:1px solid #ccc}
 .i_select{height:27px;font-size:12px;}
 .aligncenter{text-align:center !important;}
.alignright{text-align:right !important;}

div.printArea{border:1px solid #ccc; margin:20px auto; width:940px; font-size:15px; line-height:1.5em}
div.printArea > h2{width:100%; text-align:center; font-size:30px !important; font-weight:600; margin-bottom:20px;}
.printArea * { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; }

.printArea > span.name_01{display:inline-block; border-bottom:1px solid #ccc; margin:10px 0 20px 10px; padding:5px}
.printArea div.name_02{margin:20px 0 5px 10px; font-size:18px; font-weight:600}
.printArea div.name_03{margin:0 5px 5px 0}
.calcTable{width:100%; overflow:hidden;}
.calcTable > div{width:50%; padding-left:3px; padding-right:3px;}
dl.sign_01{width:700px; float:left; margin:0 0 20px 20px}
dl.sign_01 dt{width:100px; text-align:right; float:left; margin-right:20px}
dl.sign_01 dd{width:580px; text-align:left; float:left;position:relative}
dl.sign_01 dd span.dojang1{width:150px;position:absolute;top:0px; left:60px }

dl.sign_02{width:150px; float:right; border-top:1px solid #ccc; border-left:1px solid #ccc; min-height:130px; text-align:center}
dl.sign_02 dt{padding:5px; background:#f4f4f4; border-bottom:1px solid #ccc}
dl.sign_02 dd{padding-top:20px;position:relative}
dl.sign_02 dd span.dojang2{width:150px;position:absolute;top:10px; left:0  }