/* 원본 모바일 사이트 m_76035.css 의 스타일. 1024px 미만에서만 적용한다. */
@font-face {

    font-family: 'Pretendard-Regular';

    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');

    font-weight: 400;

    font-style: normal;

}
@media all and (max-width:1023px){
/*     1223335 : BLANK 컨텐츠      */
.blank__1215785__ {box-sizing:border-box;display:block;position:relative;width:100%;height:180px}

.blank__1215785__.build_edit_mode {min-height:10px;border:1px dashed red;background:rgba(255,255,255,.1);}

.blank__1215785__.build_edit_mode:before {content:'Blank';display:block;position:absolute;top:50%;left:0;right:0;margin-top:-10px;padding:5px 0;font-size:13px;color:red;text-align:center;line-height:1}



@media all and (max-width:1023px){

	.blank__1215785__ {height:80px}

}

/*     1223345 : 타이틀 텍스트      */
.title__1215795__ {font-size:0}

.title__1215795__ p {

	display:inline-block;position:relative;margin:0;padding:0;

	font-size:15px;font-weight:bold;color:#072471;letter-spacing:-.03em;line-height:1.4em; border-top:1px solid #072471;

}

.title__1215795__ p:before {content:'';position:absolute;background:#d00000;font-size:0}



.title__1215795__.style_top p {padding-top:10px}

.title__1215795__.style_top p:before {top:0;left:0;width:20px;height:4px}



.title__1215795__.style_right p {padding-right:14px}

.title__1215795__.style_right p:before {top:16%;right:0;width:4px;height:20px}



.title__1215795__.style_bottom p {padding-bottom:12px}

.title__1215795__.style_bottom p:before {bottom:0;left:0;width:20px;height:4px}



.title__1215795__.style_left p {padding-left:14px}

.title__1215795__.style_left p:before {top:16%;left:0;width:4px;height:20px}



.title__1215795__.style_circle1 p {padding-left:18px}

.title__1215795__.style_circle1 p:before {

	top:0;bottom:0;left:0;width:10px;height:10px;margin:auto;border-radius:50%;

}



.title__1215795__.style_circle2 p {padding-left:18px}

.title__1215795__.style_circle2 p:before {

	top:0;bottom:0;left:0;width:10px;height:10px;margin:auto;border-radius:50%;

	border:2px solid #d00000;background:none;box-sizing:border-box;

}





/*     1223355 : 타이틀 텍스트      */


.title__1215805__ {font-size:0}

.title__1215805__ p {

	display:inline-block;position:relative;margin:0;padding:0;

	font-size:28px;font-weight:bold;color:#222;letter-spacing:-.03em;line-height:1.4em;

}

.title__1215805__ p:before {content:'';position:absolute;background:#d00000;font-size:0}



.title__1215805__.style_top p {padding-top:10px}

.title__1215805__.style_top p:before {top:0;left:0;width:20px;height:4px}



.title__1215805__.style_right p {padding-right:14px}

.title__1215805__.style_right p:before {top:16%;right:0;width:4px;height:20px}



.title__1215805__.style_bottom p {padding-bottom:12px}

.title__1215805__.style_bottom p:before {bottom:0;left:0;width:20px;height:4px}



.title__1215805__.style_left p {padding-left:14px}

.title__1215805__.style_left p:before {top:16%;left:0;width:4px;height:20px}



.title__1215805__.style_circle1 p {padding-left:18px}

.title__1215805__.style_circle1 p:before {

	top:0;bottom:0;left:0;width:10px;height:10px;margin:auto;border-radius:50%;

}



.title__1215805__.style_circle2 p {padding-left:18px}

.title__1215805__.style_circle2 p:before {

	top:0;bottom:0;left:0;width:10px;height:10px;margin:auto;border-radius:50%;

	border:2px solid #d00000;background:none;box-sizing:border-box;

}





/*     1223365 : 이미지 (비율형)      */
.img_ratio__1215815__ {max-width:70%;vertical-align:top; margin:0 auto}

.img_ratio__1215815__ * {box-sizing:border-box}

.img_ratio__1215815__ a {display:block;vertical-align:top}

.img_ratio__1215815__ img {width:100%;vertical-align:top}



@media (min-width:768px){

	.img_ratio__1215815__ img {width:auto}

}

/*     1223375 : 장문 텍스트      */
.textarea__1207835__ p {

	display:block;margin:30px 0px 0px;padding:0;

	font-size:20px;font-weight:normal;color:#222;letter-spacing:-0.035em;line-height:1.5em;    text-align: center;

}





/*     1226205 : 장문 텍스트      */
.textarea__1226195__ p {

	display:block;margin:0;padding:0;

	font-size:16px;font-weight:normal;color:#444444;letter-spacing:-0.035em;line-height:1.5em;

}





/*     1223395 : 실선      */
.solid_line__1207885__ {display:block;position:relative;width:100%;height:50px}

.solid_line__1207885__:before {content:'';position:absolute;left:0;top:50%;width:100%;height:0;border-top:1px solid #dddddd}



.solid_line__1207885__.build_edit_mode {min-height:10px}



@media all and (max-width:767px){

	.solid_line__1207885__ {height:20px}

}

/*     1223385 : HTML 편집기      */
*{list-style: none; margin:0; padding:0}



.list .info{font-size:20px; margin:30px 0;}

.list .info > h4{width:300px;align-self:center;border-left:3px solid #39508D;padding-left:20px;}

.list .info .info_text {font-size:18px;margin: 15px 23px; letter-spacing:-0.035em}





/*     1223405 : 장문 텍스트      */
.textarea__1215835__ p {

	display:block;margin:0;padding:0;

	font-size:28px;font-weight:normal;color:#222;letter-spacing:0;line-height:1.5em;

}





/*     1223415 : HTML 편집기      */
*{list-style: none; margin:0; padding:0}



.list .info2{font-size:20px; margin:30px 0;}

.list .info2 {border-left:3px solid #39508D;margin-top: 8px;}

.list .info2 .info_text {font-size:18px;margin: 20px; letter-spacing:-0.035em}

/*     1223425 : 실선      */
.solid_line__1208055__ {display:block;position:relative;width:100%;height:0px}

.solid_line__1208055__:before {content:'';position:absolute;left:0;top:50%;width:100%;height:0;border-top:1px solid #ddd}



.solid_line__1208055__.build_edit_mode {min-height:10px}



@media all and (max-width:767px){

	.solid_line__1208055__ {height:0px}

}

/*     1223435 : BLANK 컨텐츠      */
.blank__1215885__ {box-sizing:border-box;display:block;position:relative;width:100%;height:180px}

.blank__1215885__.build_edit_mode {min-height:10px;border:1px dashed red;background:rgba(255,255,255,.1);}

.blank__1215885__.build_edit_mode:before {content:'Blank';display:block;position:absolute;top:50%;left:0;right:0;margin-top:-10px;padding:5px 0;font-size:13px;color:red;text-align:center;line-height:1}



@media all and (max-width:1023px){

	.blank__1215885__ {height:80px}

}

/*     1223445 : 타이틀 텍스트      */


.title__1215875__ {font-size:0}

.title__1215875__ p {

	display:inline-block;position:relative;margin:0;padding:0;

	font-size:28px;font-weight:bold;color:#222;letter-spacing:-.03em;line-height:1.4em;

}

.title__1215875__ p:before {content:'';position:absolute;background:#d00000;font-size:0}



.title__1215875__.style_top p {padding-top:10px}

.title__1215875__.style_top p:before {top:0;left:0;width:20px;height:4px}



.title__1215875__.style_right p {padding-right:14px}

.title__1215875__.style_right p:before {top:16%;right:0;width:4px;height:20px}



.title__1215875__.style_bottom p {padding-bottom:12px}

.title__1215875__.style_bottom p:before {bottom:0;left:0;width:20px;height:4px}



.title__1215875__.style_left p {padding-left:14px}

.title__1215875__.style_left p:before {top:16%;left:0;width:4px;height:20px}



.title__1215875__.style_circle1 p {padding-left:18px}

.title__1215875__.style_circle1 p:before {

	top:0;bottom:0;left:0;width:10px;height:10px;margin:auto;border-radius:50%;

}



.title__1215875__.style_circle2 p {padding-left:18px}

.title__1215875__.style_circle2 p:before {

	top:0;bottom:0;left:0;width:10px;height:10px;margin:auto;border-radius:50%;

	border:2px solid #d00000;background:none;box-sizing:border-box;

}





/*     1223455 : HTML 편집기      */
/* 기본 레이아웃 설정 */

.Journal {

    text-align: left;

}



.journal_list {

    list-style: none;

    padding: 0;



    justify-content: space-between;

}



.book {

    position: relative;

    width: 100%;

    text-align: center;

    transition: background 0.3s ease-in-out;

margin-bottom:20px;

   

}



.book a {

    text-decoration: none;

    color: inherit;

    display: block;

    position: relative;

}



/* 이미지 컨테이너 */

.container {

    position: relative;

    overflow: hidden;

}



/* 이미지 스타일 */

.container img {

    width: 100%;

    display: block;

    transition: opacity 0.3s ease-in-out;

	    object-fit: cover;

   

    height: 100%;

}



/* 오버레이 (검은색 배경) */

.container::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.6);

    opacity: 0;

    transition: opacity 0.3s ease-in-out;

}



/* 십자(+) 아이콘 */

.container::after {

    content: "+";

    position: absolute;

    top: 60%;

    left: 50%;

    transform: translate(-50%, -50%);

    font-size: 40px;

    color: white;

    font-weight: 300;

    opacity: 0;

    transition: opacity 0.3s ease-in-out;

border:1px solid #fff;

width:50px; height:50px;

}



/* 마우스 호버 시 효과 */

.book:hover .container::before,

.book:hover .container::after,

.book:hover .view-more {

    opacity: 1;

}



.Journal .journal_list .Journal_title{padding: 15px 0px 10px 5px;;text-align:left;}



.Journal_text {

    font-size: 14px;

    color: #666;

text-align:left;

 line-height:1.6;

 padding-left:5px;

}

.view-more {

    position: absolute;

    top: 42%;

    left: 50%;

    transform: translate(-50%, -50%);

    font-size: 24px;

    color: white;

    font-weight: bold;

    opacity: 0;

    transition: opacity 0.3s ease-in-out;

}



/*     1223465 : BLANK 컨텐츠      */
.blank__1215905__ {box-sizing:border-box;display:block;position:relative;width:100%;height:180px}

.blank__1215905__.build_edit_mode {min-height:10px;border:1px dashed red;background:rgba(255,255,255,.1);}

.blank__1215905__.build_edit_mode:before {content:'Blank';display:block;position:absolute;top:50%;left:0;right:0;margin-top:-10px;padding:5px 0;font-size:13px;color:red;text-align:center;line-height:1}



@media all and (max-width:1023px){

	.blank__1215905__ {height:25px}

}


}