@charset "euc-kr";

body{font-family:'NanumBarunGothic','Malgun Gothic','맑은 고딕','돋움',Dotum,sans-serif;font-weight: 400; letter-spacing:-0.02em;}
body, input, textarea, select, button, table, h1, h2, h3, h4, h5{font-size:16px; line-height:1.5; color:#666;}
caption { overflow:hidden; position:absolute; left:-999em; width:0; height:0; font-size:0; line-height:0}
#page { margin:5%; }
input, select { color:inherit; font:inherit; line-height:100%; }
input, button { vertical-align:middle; }
button { margin:0; padding:0; border:0; font:inherit; color:inherit; background:transparent; overflow:visible; cursor:pointer; line-height:1; }
button::-moz-focus-inner { margin: -1px; padding: 0; }

/* input */
input,textarea{font-size:0.95em;}
input[type=text],
input[type=password]{height:30px; border:1px solid #ddd; text-indent:5px;box-sizing: border-box;}
input[type=file].input_file { padding: 0;width: 100%;height: 30px;font-size: 13px;line-height: 30px;border: 1px solid #ccc;}
textarea {padding:5px; border:1px solid #ddd;font-size:0.95em;}
select {height:30px; padding:0px; border:1px solid #ddd; font-size:0.95em;}
input[type=checkbox],
input[type=radio] {margin:0px; padding:0px; height:12px;}
a:link, a:visited, a:hover, a:active, a:focus {color:inherit;}

input.full { width: 100%; box-sizing: border-box;}


.privacy { padding: 25px 25px 15px 25px; overflow: hidden; border: 1px solid #ddd; max-height: 400px; overflow-y: auto; margin-bottom: 10px; }
.privacy .ttl02{ padding-left:0}
.privacy .ttl02:before{ display:none;}
.ttl01{clear: both; font-size:1.4em;color:#333; margin:10px 0 10px; position:relative;}
.ttl01:before{content:''; display:block; position:absolute; top:-8px; left:0; background:#0676cd; width:45px; height:3px;}
.ttl02{clear: both;font-size:1.25em;color:#222;margin:30px 0 10px;position: relative;padding-left: 15px;}
.ttl02:before,
.ttl02:after{background: #22307b;top: 15px;}
.ttl01 span,
.ttl02 span,
.ttl03 span{ display: inline-block; color: #444; font-size: .85em; font-weight: 400;}
.ttl03{clear: both;font-size:1.1em; ;color:#39427f;margin:20px 0 5px; position: relative;padding-left: 15px;}
.ttl03:before{content:'';display: block;position: absolute;left: 0px;top: 6px;width: 5px;height: 5px; border-radius: 50%; border: 3px solid #22307b}
.ttl01 + .ttl02 { margin-top: 25px}
.ttl02 + .ttl03 { margin-top: 0}

ul { list-style:none; }
.list01>li{ position:relative;padding-left:15px;margin-bottom:10px; text-align: left !important; }
.list01>li:last-child { margin-bottom:0 !important;}
.list01>li:before{ content:''; display:block; position:absolute; left:2px; top:9px; } 
.list01>li ul{ padding:5px 0;}
.list01>li:before{ border: solid #1a7ac5;  border-width: 0 2px 2px 0;  display: inline-block;  padding: 2px;transform: rotate(-45deg);  -webkit-transform: rotate(-45deg);top: 8px;} 
.list01>li {margin-bottom:5px;}
.txt_sm { font-size: .9em}
.txt_large { font-size: 1.25em;color:#000 !important;}

table { border-collapse:collapse; border-spacing:0; width:700; }
th { font-weight:500; }
table tbody th, tfoot th, .tbl  tfoot td { font-weight: 500;border:0;}

.tbl thead th {color:#505050;padding:10px 5px;border-left: 1px solid #e5e6e6;border-bottom: 1px solid #e5e6e6;background: #f7f7f7;text-align:center; line-height: 1.3}
.tbl tbody th,
.tbl tfoot th,
.tbl td {padding:7px 10px;border-left: 1px solid #e4e4e4;border-bottom: 1px solid #e4e4e4;text-align:center;background:#fff;}
.tbl tr td:first-child {border-left: none;}
.tbl tbody th{color:#222;background: #f7f7f7;}
.tbl tfoot th, .tbl  tfoot td {background-color: #626776;color: #fff;border-bottom: 1px solid #626776;border-left: 1px solid #525764;}
.tbl tfoot td {background-color: #787c89}
.tbl thead th:first-child,
.tbl tfoot th:first-child,
.tbl tbody th:first-child{border-left:none;}
.tbl tbody th.first:first-child {border-left:1px solid #e4e4e4;}
.tbl .tL{text-align:left;}
.tbl tbody td.line {border-color:#ddd;}
.tbl tbody th, .tbl tbody td {font-size: 1em;}

table td li { text-align: left; position:relative; box-sizing:border-box; padding-left:8px;margin-bottom:5px !important;line-height: 1.3}
table td li:before { content:''; display:block; position:absolute; left:0px; top:7px;background:#5d5d5d; width:2px; height:2px; } 
table td li strong { font-weight: 500}
table td li ul{ padding:3px 0;}
table td li li,
table ul.sList li{ margin-bottom:1px; color:#666; font-size: 13px; line-height: 15px; color: #777}
table td li li:before,
table ul.sList li:before{ content:''; display:block; position:absolute; left:0; top:6px; background:#8a8a8a; width:5px; height:1px; } 
table ul li:last-child {margin-bottom:0 !important;}
.button{position:relative;overflow: visible;display:-moz-inline-stack;display:inline-block;margin-bottom:5px;padding:0;vertical-align: top;white-space: nowrap;text-decoration:none;color:#fff;background-color:  #0676cd;border: 0px solid  #0676cd;border-width:0 1px 1px 0;cursor:pointer; border-radius: 3px}
a.button { margin:0 2px 2px;color:#fff;} 
.button.large { height: 50px; padding:0 50px; line-height:50px; font-size:1.2em;font-weight:500;border-radius: 8px}
.button.medium { height: 37px; padding: 0 22px; line-height:35px; font-size:1.05em;font-weight:300;border-radius: 5px} 
.button:hover, .button:active, .button:focus {border-width:0 1px 1px 0; color: #fff; box-sizing:border-box; text-decoration:none; background-color: #0676cd;} 
.button.white {border:1px solid #ddd; border-width:1px 1px 1px 1px; box-sizing:border-box; color:#333; background-color:#fafafa;}

.mt_20 { margin-top:20px !important;}
.tC {text-align:center !important;}

.signBox .name{ position:absolute;}
.signBox .sign{ position:relative}
.signBox .sign img{width:100%;max-width: 300px;display:block;margin:0 auto; padding-top:10px;}
.signBox .sign span{position:absolute;left:30%;top:0;}

@media screen and (max-width:1024px) {
	#page, table {font-size: .9em;}
}
@media screen and (max-width:640px) {
	#page, table { font-size: .85em; line-height: 1.3}
}

@media print{
	#page { margin:0; font-size: .7em;}
	.privacy { padding: 0; border: 0; overflow-y: hidden !important; height: auto !important; max-height: 1800px; }
	.ttl02{ margin:15px 0 5px;}
	.signBox .sign img{ max-height:200px;}
	.printNo { display:none; }
}

@media all and (max-width:640px){
	.list01>li{ margin-bottom:5px;}
}