@charset "utf-8";
/* 팝업공지용 */
.mw .fg { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 0px; background: #fff; }
.fg .pop_box { overflow: hidden }
.fg .pop_notice { width: 100%; height: 640px; overflow: hidden; }
.fg .pop_notice { }
.fg .pop_notice > .img { width: 100%; }
.fg .pop_notice > .img > img { width: 100%; max-width: 100% }
.fg .pop_notice .popup_nttCn > div { padding: 40px 40px 30px; text-align: center; }
.fg .pop_notice .popup_nttCn > div > p.txt { font-size: 17px; padding: 30px 0 20px; line-height: 140% }
.fg .pop_notice .popup_nttCn > div > p.txt span { color: #0678d3; font-family: 'Pretendard-Bold'; }
.fg .pop_notice .popup_nttCn > div > p.conact { text-align: left; line-height: 170%; margin-bottom: 30px; padding: 0 6px }
.fg .pop_notice .popup_nttCn > div > p.conact > em { display: inline-block; min-width: 70px; margin-right: 20px; position: relative }
.fg .pop_notice .popup_nttCn > div > p.conact > em::after { content: ""; position: absolute; top: 8px; right: -10px; width: 2px; height: 10px; background: #ccc; }
.fg .pop_notice .popup_nttCn > div > p.title { font-size: 29px; line-height: 120%; }
.fg .pop_notice .popup_nttCn > div > p.title > span { color: #0678D3; display: block; }
.fg .pop_notice .popup_nttCn > div .confirm-area .btn { padding: 20px 40px; cursor: pointer; font-size: 17px }
.mw .fg .btn-area { padding: 16px 20px; font-size: 17px }
.mw .fg .btn-area > a { padding: 8px 20px; background: #666; color: #fff; text-align: center; float: right; position: relative; top: -18px }
.mw .fg .btn-area > a:hover { background: #333; }
.fg div.popup_nttCn { width: 100%; position: relative; height: 640px; overflow: auto; padding: 0px; font-size: 18px; line-height: 140%; color: #333; }
.fg div.popup_nttCn img { width: 100% !important; height: auto !important; max-width: 100% }
.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 0 !important; left: 0; width: 100%; height: 20px; background: #fff; position: relative; }
.swiper-container-horizontal > .swiper-pagination-bullets { bottom: 50px; left: 0; width: 100%; }
.fg .pop_notice .popup_nttCn > div.align_left { padding: 40px 20px 30px 40px; text-align: left; color: #232B33 }
.fg .pop_notice .popup_nttCn > div.align_left p.title { font-size: 26px; line-height: 120%; }
.fg .pop_notice .popup_nttCn > div.align_left p.title span { display: inline }
.fg .pop_notice .popup_nttCn > div.align_left p.txt { font-size: 15px; padding: 20px 0 20px; line-height: 140%; font-family: 'Pretendard-Medium'; color: #5E6977; }
.fg .pop_notice .popup_nttCn > div ul { margin-bottom: 20px; }
.fg .pop_notice .popup_nttCn > div.align_left ul { font-size: 15px; font-family: 'Pretendard-Medium'; margin-bottom: 20px; }
.fg .pop_notice .popup_nttCn > div ul li { position: relative; display: flex; align-items: center; }
.fg .pop_notice .popup_nttCn > div ul li::before { margin-right: 10px; content: ""; display: inline-block; width: 4px; height: 4px; background: #0678D3; border-radius: 100% }
.fg .pop_notice .popup_nttCn > div.align_left p.conact { text-align: left; line-height: 170%; margin-bottom: 30px; padding: 0 6px; font-family: 'Pretendard-Medium'; }
.fg .pop_notice .popup_nttCn > div.align_left p.conact { text-align: left; line-height: 170%; margin-bottom: 30px; padding: 0; font-family: 'Pretendard-Medium'; font-size: 15px; }
.fg .pop_notice .popup_nttCn > div.align_left .confirm-area .btn { padding: 16px 36px; cursor: pointer; font-size: 17px; }
.fg .pop_notice .popup_nttCn > div.align_left .confirm-area { display: flex; align-items: center; justify-content: center; }
.fg .popup_nttCn::-webkit-scrollbar {
 width: 6px;
}
.fg .popup_nttCn::-webkit-scrollbar-track {
 background-color: transparent;
}
.fg .popup_nttCn::-webkit-scrollbar-thumb {
 background-color: #999;
}
.fg .popup_nttCn::-webkit-scrollbar-button {
 width: 0;
 height: 0;
}
.fg .popup_nttCn::-webkit-scrollbar-thumb:hover {
 background: #666;
 cursor: pointer
}


/* 팝업공지용 */
.fg .Intro_character { width: 100%; height: 620px; overflow: hidden; }
.fg .Intro_character { }
.fg .Intro_character > .img { width: 100%; }
.fg .Intro_character > .img > img { width: 100%; max-width: 100% }
.fg .Intro_character .popup_nttCn > div { padding: 30px 50px 0; text-align: center; }
.fg .Intro_character .popup_nttCn > div > p.txt { font-size: 17px; padding: 0px; line-height: 160% }
.fg .Intro_character .popup_nttCn > div > p.txt span { color: #0678d3; font-family: 'Pretendard-Bold'; }
.fg .Intro_character .popup_nttCn > div > p.conact { text-align: left; line-height: 170%; margin-bottom: 30px; padding: 0 6px }
.fg .Intro_character .popup_nttCn > div > p.conact > em { display: inline-block; min-width: 70px; margin-right: 20px; position: relative }
/*.fg .Intro_character .popup_nttCn > div > p.txt:first-letter { font-size: 20px; }*/
.fg .Intro_character .popup_nttCn > div > p.conact > em::after { content: ""; position: absolute; top: 8px; right: -10px; width: 2px; height: 10px; background: #ccc; }
.fg .Intro_character .popup_nttCn > div > p.title { font-size: 29px; line-height: 120%; }
.fg .Intro_character .popup_nttCn > div > p.title > span { color: #0678D3; display: block; }
.fg .Intro_character .popup_nttCn > div .confirm-area .btn { padding: 20px 40px; cursor: pointer; font-size: 17px }