@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 }
.sbtn02{border:1px solid #ccc !important;display:inline-block;padding:5px 10px;background:#eee;margin:0 1px}
.sbtn01{border:1px solid #ff9900 !important;display:inline-block;padding:5px 10px;background:#eee;margin:0 1px}
/* 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:#f8f8f8;height:100%} 
#wrap h1{width:100%;text-align:center ;background:#333333;color:#fff;font-size:20px;font-weight:600;padding:20px 0 5px 0;box-sizing:border-box} 
#wrap h1.titleEdit{width:100%;text-align:center ;background:#ff9933 url('../../images/common/title_Popedit.gif') left 0;background-repeat: no-repeat ;color:#fff;font-size:20px;font-weight:600;padding:20px 0 5px 55px;text-align:left;box-sizing:border-box}
#wrap #PopContent{width:90%;height:95%;margin:20px auto 0 auto;background:#fff;border:1px solid #ccc;overflow-y:scroll;}
#wrap #PopContent ul{width:100%;}
#wrap #PopContent ul li img{width:100%;}
#wrap #PopContent02{width:95%;height:95%;margin:20px auto 0 auto;background:#fff;border:1px solid #ccc;}



#wrap_02{width:100%;margin:0 auto ;background:#fff;height:100%} 
#wrap_02 h1{width:100%;text-align:center ;background:#ff6600;color:#fff;font-size:20px;font-weight:600;padding:20px 0 5px 0;box-sizing:border-box}
#wrap_02 h2{font-size:14px;font-weight:600; margin:10px 0 3px 0} 
#wrap_02 #PopContent{width:100%;margin:10px auto 0 auto;background:#fff;padding:0 10px;box-sizing:border-box;line-height:1.5em;;overflow:hidden}
#wrap_02 #PopContent div.zoom_img{border:1px solid #ccc; text-align:center;}

#wrap_03{width:100%;margin:0 auto ;background:#fff;height:100%} 
#wrap_03 h1{width:100%;text-align:center ;background:#ff6600;color:#fff;font-size:20px;font-weight:600;padding:20px 0 5px 0;box-sizing:border-box}
#wrap_03 h2{font-size:14px;font-weight:600; margin:10px 0 3px 0} 
#wrap_03 #PopContent{width:98%;margin:10px auto 10px auto;background:#fff;box-sizing:border-box;line-height:1.5em;;overflow:hidden; }
#wrap_03 #PopContent div.zoom_img{border:1px solid #ccc; text-align:center;}
#wrap_03 div.box{border:1px solid #ccc; padding:5px 10px; width:100%; background:#f8f8f8; border-radius:5px; box-sizing:border-box}
#wrap_03 div.box02{border:0; padding:5px 10px; width:100%; box-sizing:border-box}
.alignright{text-align:right !important;}
.aligncenter{text-align:center !important;}

#wrap_03 div ul li{background:url('../images/common/icon_orange.gif') no-repeat left top; padding-left:10px}

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

table.list{margin-bottom:10px;width:100%}
.list th{padding:10px 5px; background-color:#fbfbfb;border-bottom:1px solid #cccccc;font-weight:normal;font-size:1.1em;border-top:2px solid #ff6633}
.list td{padding:10px 5px; background-color:#ffffff;border-bottom:1px solid #cccccc;}

.list02 th{padding:10px 5px; background-color:#fbfbfb;border-bottom:1px solid #cccccc;font-weight:normal;font-size:1.1em;border-top:2px solid #999999}
.list02 th.th02{border-right:1px solid #cccccc;}
.list02 th.th03{border-right:1px solid #cccccc; border-top:0 !important}
.list02 td{padding:10px 5px; background-color:#ffffff;border-bottom:1px solid #cccccc;}
.list02 td.td02{border-right:1px solid #cccccc;}

table.write th{padding:10px 5px 10px 10px; 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 td{padding:10px 5px; background-color:#ffffff;border-bottom:1px solid #cccccc}
table.write td.td02{border-top:2px solid #999}

table.write02{margin-bottom:20px}
table.write02 th{padding:5px; background-color:#f7f7f7;border-bottom:1px solid #cccccc;border-right:1px solid #cccccc; border-left:1px solid #cccccc;font-weight:normal ;border-top:2px solid #999}
table.write02 th.th02{border-left:1px solid #ccc}
table.write02 th.th03{border-top:0 }

table.write02 td{padding:5px; background-color:#ffffff;border-bottom:1px solid #cccccc;border-right:1px solid #cccccc; border-left:1px solid #cccccc;}
table.write02 td.td02{border-left:1px solid #ccc}
table.write02 td.td03{border-top:1px solid #ccc}
table.write02 td.td04{border-top:2px solid #999}

table.write03 th{padding:10px 5px 10px 10px; background-color:#f7f7f7;border:1px solid #cccccc;font-weight:normal ;}
table.write03 td{padding:5px;border:1px solid #cccccc;}


table.list_print{width:100%;margin-bottom:20px}
table.list_print th{border-bottom:1px solid #ccc; border-top:2px solid #f8a34b; border-right:1px solid #ccc; padding:10px 5px; background:#f8f8f8}
table.list_print th.first{border-left:1px solid #ccc; }
table.list_print td{border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:10px 5px;}
table.list_print td.first{border-left:1px solid #ccc; }
table.list_print td.td02{border-left:1px solid #ccc;}

div.PriceCal {border:1px solid #ccc;padding:10px 20px; background:#f8f8f8;margin-top:10px}
div.PriceCal input[type=text]{margin:0 1px 0 5px;text-align:center;color:#ff6633}
div.PriceCal input[type=button],#Service div.PriceCal input[type=submit]{border:1px solid #cccccc;  color:#666; padding:5px 20px;font-size:12px;margin-right:5px;background:#ff6633;color:#fff}
div.PriceCal span.Result_01 {display:inline-block;border:1px solid #ff6633;padding:10px 20px; background:#f8f8f8;border-radius:20px;margin-right:10px}
div.PriceCal span.Result_02 {font-size:1.2em;}
div.PriceCal span.Result_03 {font-size:1.5em;color:#ff6633; font-weight:600}


.btn{ clear:both; width:100%;padding:20px 0 ;text-align:center }
.btn input[type=submit], .btn .yellow{border:0; color:#fff; background:#ff9933;padding:5px 20px;font-size:1.1em;margin:0 5px}
button[type=button],button[type=submit]{border:0; color:#fff; background:#ff9933;padding:5px 10px;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;margin-bottom:5px;border:1px solid #ccc}
select{height:27px;font-size:12px;}
.i_select{height:27px;font-size:12px;}


 /* 페이지넘기기 */
.page{clear:both; padding-top:20px;width:100%; text-align:center; }
 .page .pagelink {width:100$; margin:0 auto;text-align:center;font-size:11px}
 .page .pagelink ul{text-align:center}
 .page .pagelink ul li{display:inline; margin-right:5px;}
 .page .pagelink ul li a:link{display:inline-block;border:1px solid #cccccc; padding:7px 7px ; line-height:11px;width:13px }
 .page .pagelink ul li a:visited{display:inline-block;border:1px solid #cccccc; padding:7px 7px ; line-height:11px;width:13px }
 .page .pagelink ul li a:focus{display:inline-block;border:1px solid #cccccc; padding:7px 7x ; line-height:11px;width:13px }
 .page .pagelink ul li a:active{display:inline-block;border:1px solid #cccccc; padding:7px 7px ; line-height:11px;width:13px }
 .page .pagelink ul li a:hover{display:inline-block;border:1px solid #ff6633; padding:7px 7px ; line-height:11px ;width:13px}

 .page .pagelink ul li  .focus{font-weight:bold}

 .page .pagelink ul li.pre a{width:27px; height:27px; border:0; padding:0;}
 .page .pagelink ul li.next a{width:27px; height:27px; border:0; padding:0;}