@charset "EUC-KR";
/* 
 * ´º½º·¹ÅÍ PC UI 
 * 2020.12.01
*/

/* icon */
.icon-plus {display:inline-block; position:relative; width:14px; height:14px; margin-right:7px; vertical-align:-2px}
.icon-plus:before {content:''; display:inline-block; position:absolute; left:0; top:6px; width:14px; height:2px; background:#fff}
.icon-plus:after {content:''; display:inline-block; position:absolute; left:6px; top:0; width:2px; height:14px; background:#fff}
/* button */
a[class^="btn-"],
button[class^="btn-"] {display:inline-block; text-align:center; box-sizing:border-box}
.btn-subscription,
.btn-last {min-width:130px; height:36px; padding:0 15px; border:1px solid #222; border-radius:18px; font-size:14px}
.btn-subscription:before,
.btn-last:before {content:''; display:inline-block; width:1px; height:36px; vertical-align:-14px}
.btn-subscription { background:#222; color:#fff}

.btn-more-wrap {margin-top:20px; text-align:center}
.btn-more-wrap .btn-more {display:inline-block; min-width:200px; padding:15px 0; border:1px solid #ddd; border-radius:5px; font-size:15px; box-sizing:border-box}
.btn-more-wrap .btn-more:after {content:''; display:inline-block; width:6px; height:6px; margin-left:5px; border-bottom:1px solid #222; border-right:1px solid #222; vertical-align:4px; transform:rotate(45deg)}

/* ´º½º·¹ÅÍ ±¸µ¶½Åû */
.newsletter-wrap {padding:34px 0; background-color:#f3f3f3}
.newsletter-cont {position:relative; max-width:960px; margin:0 auto; border:1px solid #d3d3d3; border-radius:10px; background-color:#fff; box-sizing:border-box}
.newsletter-cont .cont-area {display:block; margin-right:277px; padding:30px 0 30px 30px; text-decoration:none}
.newsletter-cont .day {display:block; color:#436f91; font-size:13px}
.newsletter-cont .cont-tit {font-weight:bold; font-size:24px}
.newsletter-cont .desc {margin-top:10px; font-size:15px; line-height:25px}
.newsletter-cont a.cont-area:hover .cont-tit,
.newsletter-cont a.cont-area:hover .desc {text-decoration:underline}
.newsletter-cont .btns-area {position:absolute; top:50%; right:30px; transform:translateY(-50%)}
.newsletter-cont .btns-area [class^="btn-"] {display:inline-block; text-decoration:none; outline:none}
.newsletter-cont .btns-area [class^="btn-"] + [class^="btn-"] {margin-left:5px}
.newsletter-cont + .newsletter-cont {margin-top:34px}

/* Áö³­ ·¹Åͺ¸±â */
.lastletter-wrap .newsletter-cont {padding-bottom:60px}
.lastletter-wrap .newsletter-cont .cont-area {margin:0 150px; padding:58px 0 0 0}
.lastletter-wrap .newsletter-cont .cont-area .thumb {top:60px; left:52px; transform:none}
.lastletter-wrap .newsletter-cont .cont-tit {font-size:28px}
.lastletter-wrap .newsletter-cont .desc {word-break:keep-all; word-wrap:break-word}
.lastletter-wrap .newsletter-cont .btns-area {position:static; margin:20px 0 0 0; transform:none; text-align:center}
.lastletter-list-wrap {margin:35px 150px 0 150px}
.lastletter-list-wrap .subcont-tit {margin-bottom:15px; font-size:18px}
.lastletter-list {border-top:1px solid #d3d3d3}
.lastletter-list > li {position:relative; padding:10px 0; border-bottom:1px solid #d3d3d3; font-size:15px}
.lastletter-list > li .date {position:absolute; top:10px; left:2px}
.lastletter-list > li > a {display:inline-block; max-width:calc(100% - 120px); padding:0 0 0 120px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}