@charset "UTF-8";

/* 검색 */
#_JW_prFl_basic ._prFlSearch { width:100%; background:#f5f6f8; padding:22.5px; text-align:center; margin-bottom:40px; }
#_JW_prFl_basic ._prFlSearch .tbl-search { display:flex; width:100%; justify-content:center; align-items:stretch; }
#_JW_prFl_basic ._prFlSearch .tbl-search .box-title { background:url("../images/ico-search-title.png") no-repeat left center; font-family:'Dream Regular'; font-size:18px; color:#0d2d84; padding:10px 0; padding-left:50px; }
#_JW_prFl_basic ._prFlSearch .tbl-search .box-search { margin-left:20px; display:flex; align-items:center; position:relative; }
#_JW_prFl_basic ._prFlSearch .tbl-search .box-search select { margin-right:10px; height:100%; border:1px solid #ccd0d7; border-radius:40px; font-size:16px; color:#9d9d9d; font-family:'Dream Light'; }
#_JW_prFl_basic ._prFlSearch .tbl-search .box-search input[type="text"] { height:100%; border:1px solid #ccd0d7; border-radius:40px; background:#fff; font-size:16px; color:#9d9d9d; font-family:'Dream Light'; }
#_JW_prFl_basic ._prFlSearch .tbl-search .box-search input[type="submit"] { position:absolute; right:0; top:0; width:50px; height:50px; background:url("../images/ico-search.png") no-repeat center center; text-indent:-9999px; cursor:pointer; }

/* 리스트 */
#_JW_prFl_basic ._prFlList { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; column-gap:5%; row-gap:50px; }
#_JW_prFl_basic ._prFlList > li { flex:0 0 30%; width:100%; border:1px solid #eee; border-top:8px solid #0D2D84; }

#_JW_prFl_basic ._prFlList > li > .artclWrap { background-color:#f7f9fc; padding:20px 20px; display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; }

#_JW_prFl_basic ._prFlList > li > .artclWrap .thumbnail { flex: 0 0 152px; padding:10px; overflow:hidden; position:relative; }

#_JW_prFl_basic ._prFlList > li > .artclWrap .thumbnail::before { content:""; position:absolute; background:url("../images/prFl_bg01.png") repeat; width:132px; height:170px; right:2px; bottom:2px; }
#_JW_prFl_basic ._prFlList > li > .artclWrap .thumbnail .photo { width:132px; height:170px; /*max-height:170px;*/ overflow:hidden; }
#_JW_prFl_basic ._prFlList > li > .artclWrap .thumbnail .photo img { position:relative; width:100%; /*transform: translate(1%,14%);*/ transform: translate(0, 45%) scale(2); }

#_JW_prFl_basic ._prFlList > li > .artclWrap .thumbnail.old::before { content:""; position:absolute; background:url("../images/prFl_bg01.png") repeat; width:132px; height:170px; right:3px; bottom:3px; }
#_JW_prFl_basic ._prFlList > li > .artclWrap .thumbnail.old .photo { width:132px; max-height:170px; overflow:hidden; }
#_JW_prFl_basic ._prFlList > li > .artclWrap .thumbnail.old .photo img { position:relative; width:100%; transform:none; }


#_JW_prFl_basic ._prFlList > li > .artclWrap .artclTitle { flex: 0 0 calc(100% - 152px); text-align:center; position:relative; }
#_JW_prFl_basic ._prFlList > li > .artclWrap .artclTitle > span { display:block; }
#_JW_prFl_basic ._prFlList > li > .artclWrap .artclTitle > span.posi { color:#0D2D84; font-family:'Dream Medium'; font-size:18px; }
#_JW_prFl_basic ._prFlList > li > .artclWrap .artclTitle > span.nm { color:#222; font-family:'Dream ExtraBold'; font-size:30px; }
#_JW_prFl_basic ._prFlList > li > .artclWrap .artclTitle > span.viewBtn { display:inline-block; padding:5px 20px; border:1px solid #0D2D84; border-top-left-radius:10px; border-bottom-right-radius:10px; margin-top:15px; }
#_JW_prFl_basic ._prFlList > li > .artclWrap .artclTitle > span.viewBtn a { color:#0D2D84; font-family:'Dream Regular'; font-size:15px; }
#_JW_prFl_basic ._prFlList > li > .artclWrap .artclTitle > span.viewBtn:hover { background-color:#099b92; border:1px solid #099b92; }
#_JW_prFl_basic ._prFlList > li > .artclWrap .artclTitle > span.viewBtn:hover a { color:#fff; }

#_JW_prFl_basic ._prFlList > li > .artclWrap .artclTitle .iconWrap { position:absolute; top:0; right:0; display:flex; align-items:center; column-gap:5px; }
#_JW_prFl_basic ._prFlList > li > .artclWrap .artclTitle .emailBtn {}
#_JW_prFl_basic ._prFlList > li > .artclWrap .artclTitle .homepageBtn {}

#_JW_prFl_basic ._prFlList > li > .artclInfo { padding:30px; display:flex; flex-direction:column; row-gap:10px; }
#_JW_prFl_basic ._prFlList > li > .artclInfo dl { display:flex; align-items:center; }
#_JW_prFl_basic ._prFlList > li > .artclInfo dl dt { flex:0 0 100px; position:relative; padding-left:20px; font-size:15px; font-family:'Dream Medium'; color:#222; display:flex; align-items:center; }
#_JW_prFl_basic ._prFlList > li > .artclInfo dl dt::before { content:""; width:13px; height:12px; background:url("../images/prFl_li_01.png") no-repeat center center; position:absolute; top:50%; left:0; transform:translateY(-50%); }
#_JW_prFl_basic ._prFlList > li > .artclInfo dl dd { flex: 1 0 calc(100% - 100px); width:100%; font-size:15px; font-family:'Dream Regular'; color:#333; line-height:1.3; }
@media only screen and (max-width:1024px) {	
	#_JW_prFl_basic ._prFlList > li { flex:0 0 47%; }
}
@media only screen and (max-width:650px) {	
	#_JW_prFl_basic ._prFlList { column-gap:0; }
	#_JW_prFl_basic ._prFlList > li { flex:0 0 100%; }
}



/* 보기 */
.popPrFlViewWrap { display:none; }
.popPrFlViewWrap.jModal { max-width:940px; max-height:750px; padding:0 !important; position:relative; overflow:hidden !important; }

.popPrFlViewWrap.jModal .popTopWrap { display:flex; justify-content:space-between; align-items:center; background:#0c3274 url("../images/prFl_bg03.png") no-repeat right center; padding:18px 20px; position:relative; }
.popPrFlViewWrap.jModal .popTopWrap::after { content:""; position:absolute; background-color:#019a97; width:7px; height:150%; right:0; top:0; }
.popPrFlViewWrap.jModal .popTopWrap .popTit { flex:1 0 calc(100% - 60px); color:#fff; font-size:22px; font-family:'Dream Bold'; }
.popPrFlViewWrap.jModal .popTopWrap .popClose { flex:0 0 60px; width:100%; text-align:center; }

.popPrFlViewWrap.jModal .popContWrap { overflow:auto; height:85%; }

.popPrFlViewWrap.jModal .popMiddleWrap { padding:100px 0; }
.popPrFlViewWrap.jModal .popMiddleWrap .popArtclWrap { display:flex; flex-wrap:wrap; align-items:stretch; box-sizing:border-box; min-height:300px; }
.popPrFlViewWrap.jModal .popMiddleWrap .popArtclWrap .artclPhoto { flex: 1 0 58%; background:#f7f7f7 url("../images/prFl_bg02.png") no-repeat 99% center; position:relative; }
.popPrFlViewWrap.jModal .popMiddleWrap .popArtclWrap .artclPhoto .tit { position:absolute; right:17%; top:50%; transform:translate(35%, -50%); text-align:center; line-height:1.3; }
.popPrFlViewWrap.jModal .popMiddleWrap .popArtclWrap .artclPhoto .tit .posi { font-family:'Dream Bold'; font-size:16px; color:#1d355f; display:block; }
.popPrFlViewWrap.jModal .popMiddleWrap .popArtclWrap .artclPhoto .tit .nm { font-family:'Dream Bold'; font-size:22px; color:#222; }
.popPrFlViewWrap.jModal .popMiddleWrap .popArtclWrap .artclPhoto .thumbnail { position:absolute; left:7%; max-width:290px; top:50%; transform:translateY(-50%); }

.popPrFlViewWrap.jModal .popMiddleWrap .popArtclWrap .artclInfo { flex:1 0 42%; padding:10px 20px; }
.popPrFlViewWrap.jModal .popMiddleWrap .popArtclWrap .artclInfo dl { display:flex; justify-content:flex-start; align-items:center; margin-bottom:20px; }
.popPrFlViewWrap.jModal .popMiddleWrap .popArtclWrap .artclInfo dl dt { flex:0 0 100px; position:relative; padding-left:20px; font-size:15px; font-family:'Dream Medium'; color:#222; display:flex; align-items:center; }
.popPrFlViewWrap.jModal .popMiddleWrap .popArtclWrap .artclInfo dl dt::before { content:""; width:13px; height:12px; background:url("../images/prFl_li_01.png") no-repeat center center; position:absolute; top:50%; left:0; transform:translateY(-50%); }
.popPrFlViewWrap.jModal .popMiddleWrap .popArtclWrap .artclInfo dl dd { flex: 1 0 calc(100% - 100px); width:100%; font-size:15px; font-family:'Dream Regular'; color:#333; line-height:1.3; }

.popPrFlViewWrap.jModal .popBottomWrap .artclData { width:95%; margin:0 auto; padding-top:20px; border-top:3px solid #000; }
.popPrFlViewWrap.jModal .popBottomWrap .artclData > h3,
.popPrFlViewWrap.jModal .popBottomWrap .artclData > h4 { margin-top:30px; font-size:20px; font-family:'Dream Bold'; position:relative; padding-left:25px; }
.popPrFlViewWrap.jModal .popBottomWrap .artclData > h3::before,
.popPrFlViewWrap.jModal .popBottomWrap .artclData > h4::before { content:""; position:absolute; width:15px; height:27px; top:50%; left:0; transform:translateY(-50%); background:url("../images/prFl_li_02.png") no-repeat center center; }
.popPrFlViewWrap.jModal .popBottomWrap .artclData > div,
.popPrFlViewWrap.jModal .popBottomWrap .artclData > ul { background:#f6f6f6; padding:30px 20px; margin-top:10px; }
.popPrFlViewWrap.jModal .popBottomWrap .artclData > br { display:none; }
.popPrFlViewWrap.jModal .popBottomWrap .artclData ul li { font-size:16px; padding-bottom:5px; }
.popPrFlViewWrap.jModal .popBottomWrap .artclData .subTit { font-weight:600; margin-bottom:10px; font-size:18px; }

@media only screen and (max-width:1024px) {
	.popPrFlViewWrap.jModal .popMiddleWrap { padding:0; }
	.popPrFlViewWrap.jModal .popMiddleWrap .popArtclWrap { padding:30px;}
	.popPrFlViewWrap.jModal .popMiddleWrap .popArtclWrap .artclPhoto { flex:0 0 100%; padding:20px; }
	.popPrFlViewWrap.jModal .popMiddleWrap .popArtclWrap .artclPhoto .thumbnail { position:relative; left:unset; top:unset; transform:none; }
	.popPrFlViewWrap.jModal .popMiddleWrap .popArtclWrap .artclInfo { flex:0 0 100%; }
}
@media only screen and (max-width:600px) {
	.popPrFlViewWrap.jModal .popMiddleWrap .popArtclWrap .artclPhoto { display:flex; flex-direction:column; align-items:center; justify-content:flex-start; }
	.popPrFlViewWrap.jModal .popMiddleWrap .popArtclWrap .artclPhoto .tit { position:relative; right:unset; top:unset; transform:none; text-align:center; line-height:unset; margin-top:20px; display:flex; align-items:center; }
	.popPrFlViewWrap.jModal .popMiddleWrap .popArtclWrap .artclPhoto .tit .posi { margin-right:10px; font-size:16px; }
	.popPrFlViewWrap.jModal .popMiddleWrap .popArtclWrap .artclPhoto .tit .nm { font-size:22px; }

}

.popContWrap::-webkit-scrollbar {
    width: 7px;  /* 스크롤바의 너비 */
}
.popContWrap::-webkit-scrollbar-thumb {
    height: 10%; /* 스크롤바의 길이 */
    background: #0d2d84; /* 스크롤바의 색상 */
}