/* CSS 초기화 */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video,textarea,input,select,button{margin:0; padding:0; border:0 none; font-size:100%; vertical-align:baseline; background:transparent;}
body,th,td,input,select,textarea,button{font-size:14px;line-height:1;font-family:AppleSDGothicNeo-Regular,'Montserrat',sans-serif;color:#1a1b1f;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
dl,ul,ol,menu,li{list-style:none;}
blockquote,q{quotes: none /*따옴표 안생기게*/}
a{margin:0; padding:0; font-size:100%; text-decoration:none; vertical-align:baseline; color:#222; background:transparent;}
img{vertical-align:top;/* 인라인 수평맞추는것 */ width:100%;}
table{border-collapse:collapse; border-spacing:0;}
/* input{
margin:0;
padding:0;
box-sizing:content-box;
vertical-align:top;
appearance:none;
border:1px solid #e65d5d;
color:#e65d5d;
border-radius:0; 
font-family:NanumGothic,나눔고딕,'Nanum Gothic','맑은 고딕',HelveticaNeue,DroidSans,Sans-serif,Helvetica;
} */
/* input::-moz-input-placeholder{
color:#e65d5d;
}
input::-webkit-input-placeholder {
color:#e65d5d;
} */
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal}
hr {display: none;}
.blind,legend {display: block; position: absolute; left: 0; top: -9999em; overflow: hidden;}
.skip a {display: block; position: absolute; left: 0; top: -9999em; z-index: 9999; padding: 0 1em; background-color: #010101; color: #a0a0a0; line-height: 2.2;}
.skip a:focus {top: 0;}
.clearfix {zoom: 1;}
.clearfix:after {content: ''; display: block; clear: both;}
.s1140 {width: 1140px; margin: 0 auto;}
.m1140 {min-width: 1140px; margin: 0 auto;}
.ios .menu_bar{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);}
body {min-width: 320px;}


/* ck에디터 부분 */
.review-area.review-area2 {padding-top: 100px; padding-bottom: 0; animation: bg 100s linear alternate-reverse infinite; width: 100%; height: auto; background: url(./../img/content_wrap.jpg) no-repeat 50% 50%; background-size: cover;}
@keyframes bg {
  0% {background: url(./../img/content_wrap.jpg)no-repeat 50% 0%; background-size: cover;}
  100% {background: url(./../img/content_wrap.jpg)no-repeat 50% 100%; background-size: cover;}
}

/* next-prev_btn */
.next-prev_btn {width: 100%; height: auto; margin: 20px 0; position: relative; text-align: left;}
.next-prev_btn ul {width: 100%; height: auto;}
.next-prev_btn ul li {display: flex; align-items: center; gap: 20px; border-top: 1px solid #f1f1f1; padding: 13px;}
.next-prev_btn ul li:last-of-type {border-bottom: 1px solid #f1f1f1;}

.next-prev_btn ul li .arrow {display: flex; align-items: center; gap: 10px; white-space: nowrap;}
.next-prev_btn ul li .arrow:before {content: ''; display: block; width: 13px; height: auto; aspect-ratio: 16/10;}
.next-prev_btn ul li .arrow:after {content: ''; display: block; font-size: 14px; font-weight: 400; line-height: 1.3; color: #b3b3b3;}

.next-prev_btn ul li.prev .arrow:before {background: url(./../img/prev.png)no-repeat 50% 50%; background-size: cover;}
.next-prev_btn ul li.next .arrow:before {background: url(./../img/next.png)no-repeat 50% 50%; background-size: cover;}

.next-prev_btn ul li.prev .arrow:after {content: '이전글';}
.next-prev_btn ul li.next .arrow:after {content: '다음글';}

.next-prev_btn ul li .tit-date {display: flex; align-items: center; justify-content: space-between; width: 100%;}
.next-prev_btn ul li .tit {font-size: 14px; font-weight: 500; line-height: 1.4; color: var(--black);}
.next-prev_btn ul li .date {font-size: 14px; font-weight: 400; line-height: 1.4; color: #b3b3b3;}


.detail-area {width: 550px; height: auto; padding: 20px; margin: 0 auto; background: var(--wt); box-sizing: border-box; font-family: 'Pre' !important;}
.detail-area > p.tit {display: block; font-size: 2em; margin: 5px 0 0; word-break: break-all;}
.detail-area > p.date {display: block; padding-bottom: 60px; font-size: 16px; font-weight: 300; line-height: 1.19; color: var(--gray_70);}
.detail-area p {font-size: 16px; font-weight: 400; line-height: 1.44; letter-spacing: -0.32px; color: #000;}
.detail-area p span{font-size: 16px; font-weight: 400; line-height: 1.44; letter-spacing: -0.32px; color: #000;}
.detail-area span{font-size: 16px; font-weight: 400; line-height: 1.44; letter-spacing: -0.32px; color: #000;}
/* .detail-area p:first-of-type {margin-bottom: 20px;} */

.detail-area h2 {font-size: 30px; font-weight: 600; line-height: 1.6; letter-spacing: -0.32px; color: #000; margin: 10px 0 5px;}
.detail-area h3 {font-size: 24px; font-weight: 600; line-height: 1.6; letter-spacing: -0.32px; color: #000; margin: 10px 0 5px;}
.detail-area h4 {font-size: 22px; font-weight: 600; line-height: 1.6; letter-spacing: -0.32px; color: #000; margin: 10px 0 5px;}
.detail-area h2 span {font-size: 30px; font-weight: 600; line-height: 1.6; letter-spacing: -0.32px; color: #000;}
.detail-area h3 span {font-size: 24px; font-weight: 600; line-height: 1.6; letter-spacing: -0.32px; color: #000;}
.detail-area h4 span {font-size: 22px; font-weight: 600; line-height: 1.6; letter-spacing: -0.32px; color: #000;}

.detail-area img {width: auto; height: auto; max-width: 100%; margin: 20px 0;}
.detail-area figure {width: auto; height: auto; margin: 20px 0;}

.detail-area .text-huge {font-size: 1.8em;}
.detail-area .text-big {font-size: 1.4em;}
.detail-area .text-small {font-size: .85em;}
.detail-area .text-tiny {font-size: .7em;}