@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.greeting {display:flex;}
.greeting .cnt {padding-left:60px; flex:1;}
.greeting .cnt p {margin-bottom:25px;}
.greeting .cnt p:first-child {margin-bottom:30px;}
.greeting .cnt p.last {font-weight:500; margin-bottom:0; color:#242424;}
.greeting .cnt .tt {font-size:20px; margin-bottom:20px; letter-spacing:-.03em; line-height:1.3em; font-weight:500;}
.greeting .cnt .tt span {color:#937341;}

.association {position:relative; line-height:1.625em;}
.association .pf {font-weight:500; color:#242424; position:absolute; top:0; right:0;}
.association .sec {margin-bottom:30px;}
.association .sec .tit {font-size:18px; margin-bottom:10px; font-weight:500; letter-spacing:-.03em; line-height:1.4em; color:#937341;}
.association .sec .group {margin-bottom:20px;}
.association .sec .group h4 {font-size:16px; margin-bottom:5px; font-weight:500;}
.association .sec:last-child,
.association .sec .group:last-child {margin-bottom:0;}
.association .sec .group ul li {padding-left:20px;}

.padb30 {padding-bottom:20px; display: block;}

.fw500 li {font-weight:500;}

.board-view-info2 {display:flex;}
.board-view-info2 .row {padding-right:80px;}
.board-view-info2 .row .name {margin-right:8px;}
.board-view-cnt2 {padding-top:25px;}

.sub-tit {padding-left:25px; padding-bottom:10px; border-bottom:1px solid #ddd; font-weight:500; letter-spacing:-.03em; color:#242424; position:relative;}
.sub-tit:before {position:absolute; content:''; width:16px; height:16px; top:7px; left:0; border:3px solid #937341; border-radius:100%;}
.sub-tit.none-line {font-size:18px; letter-spacing:-.03em; border-bottom:0;}

.doc-cnt {margin-bottom:35px;}

.revise-wrap .group {margin-bottom:30px;}
.revise-wrap .group:last-child {margin-bottom:0;}
.revise-wrap .group .cnt {min-height:240px; padding:20px 30px; line-height:1.375em; letter-spacing:-.03em; background-color:#f8f8f8;}

.numbering {background-color:#f4f1ec; display:flex; border-bottom:0; margin-top:-1px; flex-wrap:wrap;}
.numbering .row {margin-right:20px; display:flex; align-items:center;}
.numbering .row:last-child {margin-right:0;}
.numbering .row .name {margin-right:7px; float:none;}
.numbering .row .count {font-size:15px; min-width:80px; text-align:center; padding:6px 25px; background-color:#fff;}

.width1 {width:100%; max-width:335px;}

.radio-item {padding-right:30px;}
.radio-box {height:70px;}

.print-buttons {margin:60px 0 0;}
.print-buttons .btn-pack.large {font-weight:400;}

.check.space-left .checkbox {padding-right:45px;}

.form-agree-wrap .form-agree {margin:35px 0;}
.form-agree-wrap .form-agree.last {margin-bottom:0;}
.form-agree-wrap .form-agree .pf-txt {padding:10px 15px 0; display:block;}
.form-agree-wrap .checkbox label:before {position:absolute; margin:1px 20px; right:0; top:50%; transform:translateY(-50%);}

.agree-bottom .today {font-size:18px; padding:25px 0 15px; font-weight:500; color:#242424; letter-spacing:-.03em; text-align:center;}
.agree-bottom .agree-area {text-align:right;}
.agree-bottom .agree-area .item {font-weight:500;}
.agree-bottom .agree-area .item strong {padding-right:55px; font-weight:500;}
.agree-bottom .agree-area .item span {padding-right:10px; font-weight:300;}
.agree-bottom ol {margin-top:50px;}
.agree-bottom ol li {line-height:1.625em;}
.agree-bottom ol li.indent {padding-left:24px;}

.table-flex {display:flex;}
.table-flex .board-form {width:50%;}
.table-flex .board-form:last-child {border-left:1px solid #ddd;}

.form-agree .thank {margin:22px 0; display:block;}
.form-agree .leave {font-size:18px; margin:12px 0; font-weight:500; letter-spacing:-.03em; color:#242424;}

.sub2-menu {margin:0 auto 40px; position:relative;}
.sub2-menu ul {display:table; table-layout:fixed; width:100%;}
.sub2-menu ul li {display:table-cell; vertical-align:middle; max-width:50%; text-align:center;}
.sub2-menu ul li a {font-size:18px; letter-spacing:-.03em; height:60px; border:1px solid #ddd; border-right:0; border-bottom:1px solid #937341; color: #242424; display:flex; align-items: center; justify-content: center;}
.sub2-menu ul li:last-child a {border-right:1px solid #ddd;}
.sub2-menu ul li.active a {border:1px solid #937341; border-bottom:1px solid #fff; color:#937341;}
.sub2-menu ul li.active a + li {border-left:0;}

.print-zone {padding-top:70px;}
.print-zone .pop-tit {font-size:16px; margin-bottom:10px; font-weight:500; color:#242424; letter-spacing:-.03em; text-align:center;}
.print-zone .cate {font-size:14px; padding:0 13px; margin-left:10px; background-color:#fff; border:1px solid #ddd}
.print-zone .cate:first-child {margin-left:0;}
.print-zone .board-search {margin-bottom:10px;}
.print-zone .board-view-tit {padding:12px 19px;}
.print-zone .board-view-tit h3 {font-size:15px;}
.print-zone .board-view-info {font-size:14px;}
.print-zone .revise-wrap .group {margin-bottom:17px;}
.print-zone .revise-wrap .group .cnt {padding:15px 20px; font-size:13px;}
.print-zone .board-view-cnt2 {padding-top:17px;}
.print-zone .numbering .row .count {font-size:13px; min-width:55px; padding:6px 10px;}
.print-zone .board-form table th {font-size:14px; padding:5px 5px;}
.print-zone .board-form table td {font-size:13px; padding:5px 5px;}
.print-zone .width1 {max-width:100%;}
.print-zone .leave-form .input {height:32px;}
.print-zone .leave-form table td {padding-left:13px;}
.print-zone .form-agree {margin:15px 0 20px;}
.print-zone .form-agree .leave {font-size:15px; /* text-align:center; */}
.print-zone .form-agree .thank {margin:10px 0 25px;}
.print-zone .form-agree span {font-size:13px;}
.print-zone .sub-tit {font-size:14px; padding-left:20px; padding-bottom:3px;}
.print-zone .sub-tit:before {width:14px; height:14px; top:8px;}
.print-zone .doc-cnt {margin-bottom:10px;}
.print-zone .form-agree h3 {font-size:12px; margin-bottom:0; background-color:#eee; padding:5px; border:1px solid #ddd;}
.print-zone .board-view-info2 .row {padding-right:30px;}

.pop-join table th,
.pop-join table td {font-size:12px !important; line-height:1.4em;}
.pop-join table td {padding-left:10px !important;}
.pop-join .radio-box {height:auto;}
.pop-join .radio-item {padding-right:20px;}

.btn-pack.print {font-size:13px; min-width:90px; height:30px; padding:0; line-height:30px;}
.fancybox-print-zone .fancybox-skin {background-color:#fff;}

.print-zone .form-agree-wrap .form-agree .pf-txt {font-size:12px; padding:0;}
.print-zone .agree-bottom .today {padding:0 0 12px; line-height:1.3em; font-size:12px;}
.print-zone .agree-bottom .agree-area .item {font-size:13px; font-weight:300;}
.print-zone .agree-bottom .agree-area .item strong {padding-right:70px; font-weight:300;}

.print-zone .agree-bottom ol {margin-top:20px;}
.print-zone .agree-bottom ol li {font-size:11px;}
.print-zone .agree-bottom ol li.indent {padding-left:17px;}

.print-agree-table table {border-collapse:collapse; width:100%;}
.print-agree-table table td .check {margin-top:0 !important;}
.print-agree-table table td .check.space-left .checkbox {padding-right:25px;}
.print-agree-table table td .checkbox label {font-size:11px;}
.print-agree-table table td .checkbox label:before {width:10px; height:10px; margin:0 10px; background-size: 5px 5px;}
.print-agree-table table th {font-size:12px; padding:0 5px; line-height:1.6em; font-weight:300; text-align:left; border-left:1px solid #ddd; border-bottom:1px solid #ddd;}
.print-agree-table table td {font-size:11px; padding:0 5px; line-height:1.2em; font-weight:300; border-left:1px solid #ddd; border-bottom:1px solid #ddd;}
.form-agree.last-box {margin:-5px 0 10px;}
.form-agree.last-box .b-color {padding:6px; line-height:1em; background-color:#d4c68d;}
.form-agree.last-box .b-color h4 {font-size:12px; font-weight:500; color:#242424;}
.form-agree.last-box .b-color span {font-size:11px; line-height:1.2em; display:block;}

@media print {
	.radiobox {display:inline-block; position:relative; vertical-align:middle; margin-top:-.2em;}
	.radiobox input {position:absolute; top:5px; left:0; width:14px; display: none; height:14px; border:1px solid #ddd; opacity:1; z-index:1;}
	.radiobox label {display:inline-block;}
	.radiobox label:before {content:""; display:inline-block; vertical-align:middle; margin:-.2em 8px 0 0; width:14px; height:14px; background-color:#f4f4f4; border:1px solid #ccc; border-radius:100%;}
	.radiobox input:checked {display: block;}
	.radiobox label:before {background-image:unset;}
	.radiobox input:checked + label:before {background:#fff url("/images/bbs/radiobox.png") 50% 50% no-repeat; border:none;}
	
	.checkbox input:checked {position:absolute; top:11px; right:8px !important; left:auto; width:10px; height:10px; border:1px solid #ddd; opacity:1; z-index:1;}
	.checkbox label:before {content:""; display:inline-block; vertical-align:middle; margin:-.2em 8px 0 0; width:18px; height:18px; background-color:#f4f4f4; border:1px solid #ccc;}
	.checkbox input:checked + label:before {background:#937341 url("/images/bbs/checkbox.png") 50% 50% no-repeat; border-color:#937341;}
	.print-agree-table table td .checkbox label:before {display: none !important;}	
} 

@page {
  size:210mm 297mm; /*A4*/
  margin:30px;
 }