/* pc_76035.css 를 PC(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;

}
@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 (min-width:1024px){
/*     1215785 : 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}

}

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

.title__1215795__ p {

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

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

}

.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;

}



@media all and (min-width:1024px){

	.title__1215795__ p {font-size:20px; font-weight:bold; letter-spacing:-0.03em; color: #072471; border-top:2px solid #072471;font-family:'Pretendard';}

	.title__1215795__.style_top p:before {width:20px}

	.title__1215795__.style_right p:before {height:20px}

	.title__1215795__.style_bottom p:before {width:20px}

	.title__1215795__.style_left p:before {height:20px}

}

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


.title__1215805__ {font-size:0}

.title__1215805__ p {

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

	font-size:20px;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;

}



@media all and (min-width:1024px){

	.title__1215805__ p {font-size:50px; font-weight:700; margin-top:20px; margin-bottom:50px; font-family:'Pretendard';}

	.title__1215805__.style_top p:before {width:20px}

	.title__1215805__.style_right p:before {height:20px}

	.title__1215805__.style_bottom p:before {width:20px}

	.title__1215805__.style_left p:before {height:20px}

}

/*     1215815 : 이미지 (비율형)      */
.img_ratio__1215815__ {max-width:100%;vertical-align:top}

.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}

}

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

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

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

}



@media all and (min-width:1024px){

	.textarea__1207835__ p {font-size:35px}

}

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

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

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

}



@media all and (min-width:1024px){

	.textarea__1226195__ p {font-size:24px}

}

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



.list .info{display:flex;   font-size:30px; 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:25px;}

/*     1207885 : 실선      */
.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:40px}

}

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

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

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

}



@media all and (min-width:1024px){

	.textarea__1215835__ p {font-size:35px}

}

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



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

.list .info > h3{;border-left:3px solid #39508D;padding-left:20px;height:25px;    margin-top: 8px;}

.list .info .info_text {font-size:25px; line-height:1.5}

/*     1208055 : 실선      */
.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}

}

/*     1215885 : 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}

}

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


.title__1215875__ {font-size:0}

.title__1215875__ p {

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

	font-size:20px;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;

}



@media all and (min-width:1024px){

	.title__1215875__ p {font-size:50px; font-weight:700; margin-top:20px; margin-bottom:50px; font-family:'Pretendard';}

	.title__1215875__.style_top p:before {width:20px}

	.title__1215875__.style_right p:before {height:20px}

	.title__1215875__.style_bottom p:before {width:20px}

	.title__1215875__.style_left p:before {height:20px}

}

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

.Journal {

    text-align: left;

}



.journal_list {

    list-style: none;

    padding: 0;

    display: flex;

    justify-content: space-between;

}



.book {

    position: relative;

    width: 384px;

 	height:541px;

    text-align: center;

    transition: background 0.3s ease-in-out;

   

}



.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;

    width: 414px;

    height: 541px;

}



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

.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: 20px 0px 10px 5px;;text-align:left;}



.Journal_text {

    font-size: 14px;

    color: #666;

text-align:left;

 padding-left:5px;

line-height:1.6;

}

.view-more {

    position: absolute;

    top: 42%;

    left: 50%;

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

    font-size: 35px;

    color: white;

    font-weight: bold;

    opacity: 0;

    transition: opacity 0.3s ease-in-out;

}



/*     1215905 : 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}

}


}