/** IR LETTER 구독 신청 **/
.ir_form { display: flex; flex-direction: column; gap:0.25rem; } 
.ir_form .row { padding:2.125rem 3.75rem; display: flex; justify-content: space-between; background-color: #fff; border-radius: 0.625rem; gap: 3.75rem; } 
.ir_form .row p.tit { width:15.3125rem; font-size:1.25rem; font-weight: var(--bold); letter-spacing: -0.0088rem; } 
.ir_form .row .input_box { flex:1; display: flex; flex-wrap: wrap; gap:1.4375rem; } 
.ir_form .row .input_box input[type=text] { width:100%; font-size:1.125rem; } 
.ir_form .row .input_box ::placeholder { color:#C0C0C0; font-weight: var(--medium); } 
.ir_form .row .input_box label { display: flex; align-items: center; font-family: 'Pretendard','Noto Sans KR', '맑은 고딕',sans-serif; font-weight: var(--semiBold); } 
.ir_form .row .input_box label input[type=text] { width:100%; background-color:#EFEFEF; border-radius: 0.3125rem; width:100%; height:2.875rem; padding:0 0.625rem; } 
.ir_form .row .input_box label.etc { display: flex; align-items: center; width:100%; gap:0.625rem; } 
.ir_form .row .input_box label.etc div:last-child { flex:1; } 

.ir_form .row .input_box.count3 label { width:calc(33.33333% - 1.4375rem); } 
.ir_form .row .input_box.count3 label:last-child { width:calc(66.66666% - 1.4375rem); } 

.ir_form .row .input_box.count2 label { width:calc(50% - 1.4375rem); } 
.ir_form .row .input_box.count2 label:last-child { width:calc(100% - 1.4375rem); }


@media screen and (max-width:1450px){
  .ir_form .row { padding:2.125rem 1.875rem; gap: 1.875rem; } 
  .ir_form .row p.tit { width:9.375rem;} 
}

@media screen and (max-width:1024px){
  .ir_form .row { flex-direction: column; } 
}

@media screen and (max-width:768px){
  .ir_form .row .input_box { flex-direction: column;} 
  .ir_form .row .input_box.count3 label { width:100% } 
  .ir_form .row .input_box.count3 label:last-child { width:100%; } 

  .ir_form .row .input_box.count2 label { width:100%; } 
  .ir_form .row .input_box.count2 label:last-child {width:100%;  }
}


.bottom_info { margin-top:3.3125rem; margin-bottom:6.375rem;} 
.bottom_info p { margin-bottom:1.3125rem; font-size:1rem; line-height:1.2; text-align: right; } 
.bottom_info label {position: relative; padding-left:30px; width:100%; text-align: right; font-size:1.25rem; font-weight: var(--semiBold); } 
.bottom_info a { text-decoration: underline; } 
.bottom_info label input[type=checkbox] {position: absolute; top:0; left:0;}


@media screen and (max-width:640px){
  .bottom_info label { font-size:1rem; } 
}



.modal_content p.title { margin-bottom:50px; font-size:24px; font-weight: bold; text-align: center; }
 .policyBox{width: 100%;margin-top: 10px; padding: 2.5rem 2rem; border: 1px solid #eee; box-sizing: border-box; height:100%; overflow-y: scroll; }
 .policyBox p { margin-bottom:10px; line-height: 24px; } 
 .policyBox p.spacing { margin-bottom:5px; } 
 .policyBox .policy_wrap { margin-bottom:50px; } 
 .policyBox .policy_wrap .h4_title { margin-bottom:10px; font-size:18px; font-weight: bold; } 
 .policyBox .policy_wrap .policy_table { margin:20px 0; width:100%; border:1px solid #eeeeee; border-left:0 none; border-bottom:0 none; border-spacing: 0px; padding: 0px; text-align: center; } 
 .policyBox .policy_wrap .policy_table th { padding:10px; background-color: #fafafa; border-left:1px solid #eee; border-bottom:1px solid #eeeeee; } 
 .policyBox .policy_wrap .policy_table td { padding:10px; border-left:1px solid #eee; border-bottom: 1px solid #eee; line-height: 18px; line-height: 24px; } 
 .policyBox .policy_wrap .policy_table td span { display:block; font-size:13px; color: #a0a0a0; } 
 .policyBox .policy_wrap .spacing { padding-left:15px; } 
 .policyBox .policy_wrap a { color:rgb(90, 156, 255); text-decoration: underline; } 
 .policyBox table {margin-bottom:30px;}

 .policyBottom p { margin-bottom:5px; } 
 .policyBottom p span { margin-bottom:5px; color:#b60a0a; } 
 .policyBottom label a { text-decoration: underline; } 






/*      list     */
.table .table-col--chk{padding-top:0; width:60px; text-align:center}
.table .table-col--num{width:100px; text-align:center}
.table .table-col--write{width:120px}
.table .table-col--view,
.table .table-col--date{width:100px}

.board{padding-bottom:5em}
.board .btn{width:120px; text-align:center; box-sizing:border-box}
.board .table{border-bottom:1px solid #ccc; width:100%}
.board .table thead th{padding:1.45em 0; text-align:center; font-size:14px; border-bottom:1px solid #ddd; border-top:2px solid #000; background-color:transparent; color:#333}
.board .table th,
.board .table td{padding:1.25em 0; text-align:center; vertical-align:middle}
.board .table td.board__title{text-align:left; overflow:hidden; word-break:break-all; line-height:1.4}
.board .table td p{display:none}
.board .table .board__title .label{display:inline-block; margin-left:.5em; padding:3px .5em 5px; transform:translateY(-1px); border-radius:5px}
.board .table .board__title .label.ml0{margin-left:0}
@media screen and (max-width:768px){
	.board .btn{width:auto; font-size:14px}
	.board .table thead th,
	.table .table-col--num,
	.table .list-num{display:none !important}
	.board .table th,
    .board .table td{text-align:left}
	.board .table tbody tr{position:relative; display:block; border-top:1px solid #ddd}
	.board .table tbody td,
	.board .table tbody th{display:block}
	.board .table .list-check,
	.board .table .list-notice{display:inline-block; padding-top:5px; padding-bottom:0}
	.board .table .list-notice .label{color:#fff}
	.board .table .list-title{padding:.65em 0 .5em; width:100%; box-sizing:border-box; font-size:1rem}
	.board .table .list-name,
	.board .table .list-view,
	.board .table .list-date{display:inline-block; padding:.5em 0 1em; font-size:.875rem}
	.board .table .list-view,
	.board .table .list-date{margin-left:1em}
	.board .table td p{display:inline-block}
	.board .table td span{color:#999}
}

.board .search{padding:1em 1.5em; background:#f5f5f5}
.board .search .form-group{display:flex; margin:0 auto; width:500px}
.board .search .form-group .select-search{margin-right:.5em; height:inherit; background-color:#fff; border-radius:0}
.board .search .form-group .search-form{width:100%}
.board .search .form-group input.input{border-radius:0}
.board .search .search-go button{width:50px; height:100%; background:#333}
.board .search .search-go button i{color:#fff; font-size:20px}
@media screen and (max-width:599px){
	.board .search{padding:.5em}
	.board .search .form-group{width:100%}
	.board .search .form-group .select-search,
	.board .search .form-group input.input{height:35px; font-size:14px}
	.board .search .search-go button i{transform:translateY(-2px); font-size:16px}
}

/* list admin */
.bottom-buttons{display:flex}
.bottom-buttons .btn-write{margin-left:auto}
.board .btn-admin-manage-wrap{position:relative; display:inline-block}
.board .btn-admin-manage-layer{z-index:99999; position:absolute; top:inherit !important; bottom:0; display:none; width:100%; transform:translateY(-34px); border:1px solid #ddd; background-color:#fff}
.board .btn-admin-manage-layer div.item{height:23px;border-bottom:1px solid #ddd; cursor:pointer;padding-left:2px;padding-right:10px;line-height:23px; font-size:.75rem}
.board .btn-admin-manage-layer div.item i{width:20px;text-align:center}
.board .btn-admin-manage-layer div.item:hover{background-color:#dedede}
@media screen and (max-width:599px){
	.board .btn-admin-manage-layer{width:150%}
}

/*      post      */
.board .contents-view{padding:1.5em 1em; clear:both; min-height:10em}
.board .contents-view-img img{display:block; max-width:100%; margin:0 auto 15px; border:0; height:auto}
.post-content .sns_button{text-align:left}
.post-content .information{padding:1.5em; border-top:2px solid #000; background:#eee}
.post-content .information .post__title{border:none; padding:0; margin-bottom:20px; font-size:1.5rem; line-height:1}
.post-content .information ul{display:flex}
.post-content .information li{padding:0; margin-right:15px}
.post-content .information li:last-child{margin-right:0}
.post-content .information li p,
.post-content .information li span{display:inline-block; font-size:14px}
.post-content .information li span{color:#999}
.post-content .information .print{color:#d53f41}
.post-content .information-etc{padding:1em 1.5em; border-top:1px solid #ddd}
.post-content .information-etc ul{display:block}
.post-content .information-etc li{display:flex; align-items:center; padding:.25em 0}
.post-content .information-etc li > *{margin-left:1em}
.post-content .information-etc li > *:first-child{margin-left:0}
.post-content .information-etc li a{font-size:14px; color:#d53f41}
.btn-list-group{display:flex}
.btn-list-group .btn-sm{width:auto; min-width:80px; border-radius:0; text-align:center}
.btn-list-group .btn-sm + .btn-sm{border-left:0}
.post-bottom-btn{display:flex; margin-top:2em}
.post-bottom-btn .btn-write{margin-left:auto}
@media screen and (max-width:599px){
	.board .contents-view{padding:1em .5em}
	.post-content .information{padding:.5em}
	.post-content .information .post__title{font-size:1.25rem; line-height:1.4}
	.post-content .information li p,
    .post-content .information li span{font-size:13px}
    .post-content .information-etc li{display:block; padding:1em 0;}
    .post-content .information-etc li > *{display:block; margin-left:0}
    .post-content .information-etc li a{margin:5px 0 8px; font-size:12px}
    .post-content .information-etc li span{margin-right:1em}
}

/* comment */
.view_comment{word-break:break-all; line-height:1.6; margin-top:2em; border-top:2px solid #ddd}
.view_comment .media{margin-top:0; border-bottom:1px solid #ddd; background-color:#f6f6f6}
.view_comment .media.comment-reply{padding-left:30px; background-color:#f6f6f6}
.view_comment .media.comment-reply .media-body{position:relative}
.view_comment .media.comment-reply .media-body:after{position:absolute; left:-5px; top:24px; content:''; width:12px; height:12px; border-bottom:1px solid #d53f41; border-left:1px solid #d53f41}
.view_comment .media.comment-reply .media-heading{padding:1em 0 .5em 0}
.view_comment .media-heading{padding:1em 0}
.view_comment .media-heading .input-form{transform:translateY(-3px)}
.view_comment .media-body{padding:.5em 1em 1em 1em; line-height:1.8; font-size:1rem; color:#333}
.view_comment .time,
.view_comment .ip,
.view_comment .reply{font-size:14px}
.view_comment .time,
.view_comment .ip{color:#666}
.view_comment .time{margin-left:1em}
.view_comment .ip:before{content:'/'; margin-right:.5em}
.view_comment .reply{float:right}
.view_comment .reply a+a{margin-left:5px}
.comment_write{padding:1em; background:#f6f6f6}
.comment_write-inn{}
.comment_write-inn textarea.input{width:100%; height:80px; min-height:auto}
.comment_write-inn .btn-comment{margin-left:1em; width:80px; height:80px; background-color:#fff; border:1px solid #ddd}
.comment_write-inn .form-inline{display:flex}
.comment_write-inn .form-inline > .form-group{margin-top:auto; margin-bottom:auto;}
.comment_write-inn .captcha-txt{font-size:14px; color:#666}
@media screen and (max-width:599px){
	.view_comment .media-heading{padding:0 0 1.5em}
	.view_comment .media-body{padding:.75em; font-size:14px}
	.comment_write-inn textarea.input{font-size:14px}
}
/* comment admin */
.chk_comment_all_wrapper{margin:1em 0}


/* write */
.writeform li{display:flex; margin-bottom:1.5em; min-height:44px;}
.writeform li:after{content:''; display:block; clear:both}
.writeform li > span{display:block; margin:auto 0; width:130px; color:#000; font-weight:bold; box-sizing:border-box}
.writeform li > .form-group{width:calc(100% - 130px); float:left; margin-bottom:0}
.writeform li > .form-group .file-lists a{display:inline-block; margin-right:1em}
.writeform li > .form-group .file-lists a,
.writeform li > .form-group .input-form{margin-top:.75em}
.writeform li > input[type=file]{border:1px solid #ddd; padding:.5em 0}
.writeform .map_btn{width:100px; float:right;margin-left:10px}
@media screen and (max-width:768px){
	.writeform li{flex-direction:column; margin-bottom:1em}
	.writeform li > span{text-align:left; width:100%; margin-bottom:.5em}
	.writeform li > .form-group{width:100%}
}