/* pc_76045.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;

}
@media all and (min-width:1024px){
/*     1216145 : 블록 설정      */
.block_option__1216145__ {display:table;width:100%}

.block_option__1216145__ p {display:table-cell;height:100px;margin:0;background:#fafafa;color:#c40000;text-align:center;vertical-align:middle}



@media (max-width:1023px){

	.row__1216145__ {background-size:cover;background-repeat: no-repeat;}

}





@media (min-width:1024px){

	.row__1216145__ {background-size:cover;background-repeat: no-repeat;}

}

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

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

.blank__1216115__.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__1216115__ {height:25px}

}

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


.title__1216095__ {font-size:0}

.title__1216095__ 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__1216095__ p:before {content:'';position:absolute;background:#d00000;font-size:0}



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

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



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

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



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

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



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

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



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

.title__1216095__.style_circle1 p:before {

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

}



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

.title__1216095__.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__1216095__ p {font-size:50px; font-weight:700; margin-top:20px; margin-bottom:20px; font-family:'Pretendard';}

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

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

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

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

}

/*     1216105 : 실선      */
.solid_line__1216105__ {display:block;position:relative;width:100%;height:px}

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



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



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

	.solid_line__1216105__ {height:px}

}

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

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

.blank__1216135__.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__1216135__ {height:25px}

}

/*     1233485 : HTML 편집기      */
.Research{

    text-align: center;

}



.interests{

    list-style: none;

    padding: 0;

    display: flex;



    gap: 30px;

	flex-wrap:wrap

}



.Topic {

    position: relative;

    width: 478px;

    padding: 0px 0px ;

    background: #fff;

    border-radius: 5px;

    text-align: left;

    transition: background 0.3s ease-in-out;

}

.Topic_title{padding: 0px 15px 10px 15px; border-bottom:1px solid #ddd;font-size:24px; color:#072471; letter-spacing:-0.035em;}

.Topic_text{padding:0px 15px 20px 15px; font-size:18px; color#444; letter-spacing:-0.035em;}

.Topic a {

    text-decoration: none;

    color: inherit;

    display: block;

    position: relative;

}



/* 이미지 컨테이너 */

.Topic_container {

    position: relative;

    overflow: hidden;

    border-radius: 10px;

}



/* 이미지 스타일 */

.Topic_container img {

    width: 100%;

    display: block;

    transition: opacity 0.3s ease-in-out;

}



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

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

}



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

.Topic_container::after {

    content: "+";

    position: absolute;

    top: 62%;

    left: 50%;

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

    font-size: 40px;

    color: white;

    font-weight: 300;

    opacity: 0;

    transition: opacity 0.3s ease-in-out;

   width:50px; height:50px; border:1px solid #fff;

text-align:center

}



/* View More 텍스트 (십자 아래 배치) */

.view-more {

    position: absolute;

    top: 32%;

    left: 50%;

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

    font-size: 35px;

    color: white;

    font-weight: bold;

    opacity: 0;

    transition: opacity 0.3s ease-in-out;

}



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

.Topic:hover .Topic_container::before,

.Topic:hover .Topic_container::after,

.Topic:hover .view-more {

    opacity: 1;

}



.custom_modal {

  display: none;

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

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

  justify-content: center;

  align-items: center;

}



.custom_modal.on {

  display: flex;

}



.custom_modal_popup {

  background: white;

  padding: 20px;

  border-radius: 10px;

  width: 400px;

  text-align: center;

}



.close_btn {

  margin-top: 10px;

  padding: 10px 15px;

  background: #39508D;

  color: white;

  border: none;

  cursor: pointer;

}

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

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

.blank__1216125__.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__1216125__ {height:25px}

}


}