@charset "utf-8";
/* version 1.0 | 2023-11-16 */
/*------------------------------------------------
main
------------------------------------------------*/
/* fullpage */
#header { z-index: 999; }
#fp-nav { display: none; }
#fp-nav.left { left: 33px; }
#fp-nav ul li:last-child, .fp-slidesNav ul li:last-child { display: none; }
html.scrCtrl .contents.fullpage { overflow-y: hidden; height: auto !important; }

/* S::2024-11-05 수정 */
#fp-nav ul li { margin: 26px 7px; }
#fp-nav ul li a{font-size: 0;}
#fp-nav ul li a span { width: 8px; height: 8px; background: #DEE1E8; margin: -4px 0 0 -4px; }
#fp-nav ul li a.active span,
#fp-nav ul li a:hover span,
#fp-nav ul li a:focus span,
#fp-nav ul li a.active:hover span,
#fp-nav ul li a.active:focus span{ width: 8px; height: 8px; background: #0064DD; margin: -4px 0 0 -4px; }
#fp-nav ul li a:hover span::before,
#fp-nav ul li a:focus span::before,
#fp-nav ul li a.active span::before{ content: ""; z-index: -1; position: absolute; top: 50%; left: 50%; width: 16px; height: 16px; transform: translate(-50%,-50%); border-radius: 50%; background: rgba(0, 100, 221, 0.2); }
#fp-nav ul li .fp-tooltip { font-family: "Noto_Sans_KR"; text-transform: uppercase; line-height: 16px; font-size: 12px; font-weight: 500; color: #0064DD; }
#fp-nav ul li a.active + .fp-tooltip { width: auto; opacity: 1; }
#fp-nav ul li a:focus + .fp-tooltip { width: auto; opacity: 1; }
/* E::2024-11-05 수정 */

.fp-enabled body, html.fp-enabled {height: 100% !important;} /* 2024-04-24/3 수정 */

/* 2024-05-17 스크롤바 투명처리 */
.shortcut_wrap.scrollbar::-webkit-scrollbar-thumb, 
.service_wrap.scrollbar::-webkit-scrollbar-thumb, 
.news_wrap .scrollbar::-webkit-scrollbar-thumb {background-color: transparent;}

.section { overflow-x: hidden; }

/* footer */
.section[data-anchor="footer"] { z-index: 2;}

/* wrapper */
.con_wrapper{overflow: hidden;} /* 2024-02-23 추가 */

/* 메인 배너 */
.main_bnnr_wrap { z-index: 1; position: relative; width: 100%; height: auto; overflow: hidden; }
.main_bnnr_wrap .main_bnnr { z-index: 1; position: relative; width: 100%; }
.main_bnnr_wrap .main_bnnr .bnnr { width: 100%; height: calc(100vh - 48px); }
/* S::2024-05-21 추가 */
.main_bnnr_wrap .main_bnnr .bnnr img{ width: 100%;;}
.main_bnnr_wrap .main_bnnr .bnnr img.bnnr_pc{ min-width: 800px; display: block;}
.main_bnnr_wrap .main_bnnr .bnnr img.bnnr_mobile{display: none;}
/* E::2024-05-21 추가 */
/* S::2024-08-29 수정 */
.main_bnnr_wrap .main_bnnr .bnnr a {display: block; width: 100%; height: 100%; position: relative;}
.main_bnnr_wrap .main_bnnr .bnnr a:focus{outline: auto;}
.main_bnnr_wrap .main_bnnr .bnnr a:focus::after{content: ""; display: block; width: 40vw; height: 17vw; position: absolute; top: 50%; left: 10vw; transform: translate(0, -50%); outline: auto;}
/* E::2024-08-29 수정 */
.main_bnnr_wrap .main_bnnr .bnnr_01 { background: url("../images/main/img_visual_01.png") no-repeat 0 0; background-size: cover; }
.main_bnnr_wrap .main_bnnr .bnnr_02 { background: url("../images/main/img_visual_02.png") no-repeat 0 0; background-size: cover; }
.main_bnnr_wrap .main_bnnr .bnnr_03 { background: url("../images/main/img_visual_03.png") no-repeat 0 0; background-size: cover; }
.main_bnnr_wrap .main_bnnr .bnnr_04 { background: url("../images/main/img_visual_04.png") no-repeat 0 0; background-size: cover; }
.main_bnnr_wrap .main_bnnr .bnnr_05 { background: url("../images/main/img_visual_05.png") no-repeat 0 0; background-size: cover; }
.main_bnnr_wrap .main_bnnr .bnnr_06 { background: url("../images/main/img_visual_06.png") no-repeat 0 0; background-size: cover; }
.main_bnnr_wrap .main_bnnr .bnnr_07 { background: url("../images/main/img_visual_07.png") no-repeat 0 0; background-size: cover; }
.main_bnnr_wrap .main_bnnr .bnnr_08 { background: url("../images/main/img_visual_08.png") no-repeat 0 0; background-size: cover; }
.main_bnnr_wrap .main_bnnr button { position: absolute; }
.main_bnnr_wrap .controler_wrap { z-index: 2; position: absolute; top: 70%; left: 12.5%; display: flex; align-items: center; width: 188px; height: 40px; background: rgba(0,0,0,.35); border-radius: 50px; transition: all 0.2s; word-break: keep-all; } /* 2024-05-20 수정 */
.main_bnnr_wrap .controler_wrap .counter { width: auto; margin-left:20px; font-size: 1.6em; color: #fff; font-weight: 300; }
.main_bnnr_wrap .controler_wrap .counter .current { font-weight: 600; }
.main_bnnr_wrap .controler_wrap .prevArrow { top: 70%; margin-left: 28%; width: 28px; height: 28px; background: url("../images/common/ic_arrow_left.svg") no-repeat center center;}
.main_bnnr_wrap .controler_wrap .nextArrow { top: 70%; margin-right: 6%; width: 28px; height: 28px; background: url("../images/common/ic_arrow_right.svg") no-repeat center center; }
.main_bnnr_wrap .controler_wrap .prevArrow:hover { background: url("../images/common/ic_arrow_left_on.svg") no-repeat center; }
.main_bnnr_wrap .controler_wrap .nextArrow:hover { background: url("../images/common/ic_arrow_right_on.svg") no-repeat center; }
.main_bnnr_wrap .controler_wrap .play { margin-left: 51%; padding: 0 20px; display: none; width: 28px; height: 28px; background: url("../images/common/ic_play.svg") no-repeat center center; }
.main_bnnr_wrap .controler_wrap .stop { margin-left: 51%; padding: 0 20px; width: 28px; height: 28px; background: url("../images/common/ic_pause.svg") no-repeat center center; }

/* 메인 숏컷 */
.shortcut_wrap { z-index: 2; position: relative; width: 100%; height: 48px; }
.shortcut_wrap > div { display: flex; justify-content: flex-end; position: absolute; top: -50px; width: 100%; max-width: 1778px; height: 98px; background: #f2f4f8; }
.shortcut_wrap > div .shorcut { display: flex; flex-direction: column; justify-content: center; width: 144px; height: 100%; background: transparent; font-size: 1.4em; color: #424242; text-align: center; word-break:keep-all; transition: all 0.2s; outline: none;} /* 2024-05-20 수정 */
.shortcut_wrap > div .shorcut span { display: block; }
.shortcut_wrap > div .shorcut span .mo_space { display: none; }
.shortcut_wrap > div .shorcut span .open{display: inline-block; width: 0; height: 0; margin-left: 4px;  background: url("../images/common/ic_arrow_open_12px.svg") center center no-repeat; position: absolute; top: 3px; } /* 2024-04-29 수정 */
.shortcut_wrap > div .shorcut.on span .open{width: 16px; height: 16px; position: relative;}
.shortcut_wrap > div .shorcut span::before { content:"아이콘"; display: block; width: 36px; height: 36px; margin: 0 auto 8px auto; text-indent: -1000px; overflow: hidden; transition: all 0.2s ease; } /* 2024-02-23 수정 */
/* S::2024-04-04 수정 */
.shortcut_wrap > div .shorcut.shortcut_01 span::before { background: url("../images/main/ic_menu_nor_01.svg") no-repeat center center; }
.shortcut_wrap > div .shorcut.shortcut_02 span::before { background: url("../images/main/ic_menu_nor_02.svg") no-repeat center center; }
.shortcut_wrap > div .shorcut.shortcut_03 span::before { background: url("../images/main/ic_menu_nor_03.svg") no-repeat center center; }
.shortcut_wrap > div .shorcut.shortcut_04 span::before { background: url("../images/main/ic_menu_nor_04.svg") no-repeat center center; }
.shortcut_wrap > div .shorcut.shortcut_05 span::before { background: url("../images/main/ic_menu_nor_05.svg") no-repeat center center; }
.shortcut_wrap > div .shorcut.shortcut_06 span::before { background: url("../images/main/ic_menu_nor_06.svg") no-repeat center center; }
.shortcut_wrap > div .shorcut.shortcut_07 span::before { background: url("../images/main/ic_menu_nor_07.svg") no-repeat center center; }
.shortcut_wrap > div .shorcut.shortcut_08 span::before { background: url("../images/main/ic_menu_nor_08.svg") no-repeat center center; }
.shortcut_wrap > div .shorcut.shortcut_09 span::before { background: url("../images/main/ic_menu_nor_09.svg") no-repeat center center; }
.shortcut_wrap > div .shorcut.shortcut_10 span::before { background: url("../images/main/ic_menu_nor_10.svg") no-repeat center center;  }
.shortcut_wrap > div .shorcut.on { margin-top: -30px; height: 114px; background: #0064DD; transition: all 0.1s; color: #fff; position: relative; }
.shortcut_wrap > div .shorcut.on::before { content: ""; display: block; width: 100%; height: 20px; position: absolute; bottom: -20px; }
.shortcut_wrap > div .shorcut.on span::before { margin-bottom: 8px; }
.shortcut_wrap > div .shorcut.shortcut_01.on span::before { background: url("../images/main/ic_menu_sel_01.svg") no-repeat center center; }
.shortcut_wrap > div .shorcut.shortcut_02.on span::before { background: url("../images/main/ic_menu_sel_02.svg") no-repeat center center; }
.shortcut_wrap > div .shorcut.shortcut_03.on span::before { background: url("../images/main/ic_menu_sel_03.svg") no-repeat center center; }
.shortcut_wrap > div .shorcut.shortcut_04.on span::before { background: url("../images/main/ic_menu_sel_04.svg") no-repeat center center; }
.shortcut_wrap > div .shorcut.shortcut_05.on span::before { background: url("../images/main/ic_menu_sel_05.svg") no-repeat center center; }
.shortcut_wrap > div .shorcut.shortcut_06.on span::before { background: url("../images/main/ic_menu_sel_06.svg") no-repeat center center; }
.shortcut_wrap > div .shorcut.shortcut_07.on span::before { background: url("../images/main/ic_menu_sel_07.svg") no-repeat center center; }
.shortcut_wrap > div .shorcut.shortcut_08.on span::before { background: url("../images/main/ic_menu_sel_08.svg") no-repeat center center; }
.shortcut_wrap > div .shorcut.shortcut_09.on span::before { background: url("../images/main/ic_menu_sel_09.svg") no-repeat center center; }
.shortcut_wrap > div .shorcut.shortcut_10.on span::before { background: url("../images/main/ic_menu_sel_10.svg") no-repeat center center; }
/* E::2024-04-04 수정 */
.shortcut_wrap > div .shortcut_scr { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 98px; background:#8290AB; }
.shortcut_wrap > div .shortcut_scr img { width: 42px; animation: bounce 1s ease-in-out infinite alternate; }
.shortcut_wrap > div .shortcut_scr span { color: #fff; font-size: 12px; }
.shortcut_wrap > div .shortcut_scr:focus img,
.shortcut_wrap > div .shortcut_scr:hover img { animation: none; }
@keyframes bounce {
    0% {
       transform: translateY(-8%);
    }
    100%{
        transform: translateY(0);
    }
}

/* main section - common */
.section_conts { width: 100%; margin-top: 30px; }
.section_conts > div { max-width: 1440px; padding: 0 20px; margin: 0 auto; }
.section_conts > div .section_tit { margin-bottom: 34px; }
.section_conts > div .section_tit.sub{margin-bottom: 4px; font-size: 1.8em; font-weight: 600; color: #06346D; transition: all 0.2s;}
.section_conts > div .section_tit{ font-family:"Raleway"; font-size: 4.2em; color: #222; font-weight: 600; transition: all 0.2s; }

/* Our service */
.section_conts.our_service { position: relative; margin-bottom: 30px; }
.section_conts.our_service .contents_area { position: relative; }
.section_conts.our_service .contents_area .service_wrap { z-index: 1; position: relative; }
.section_conts.our_service .contents_area .service_wrap .service_conts { display: flex; width: 100%; border: 1px solid #E0E0E0; border-left: 0;  box-sizing: border-box; }
.section_conts.our_service .contents_area .service_wrap .service_conts .service { width: 25%; border-left: 1px solid #E0E0E0; }
.section_conts.our_service .contents_area .service_wrap .service_conts .service a { position: relative; display: block; width: 100%; height: 100%; overflow: hidden;} /* 2024-11-05 수정 */
.section_conts.our_service .contents_area .service_wrap .service_conts .service a::before { z-index: 1; content:''; position: absolute; top: -1px; left: -1px; width: 0; height: 0; background: #0064DD; transition: all 0.3s ease-in-out; }
.section_conts.our_service .contents_area .service_wrap .service_conts .service a > div { z-index: 2; position: relative; padding: 10px 0 0 10px; }
.section_conts.our_service .contents_area .service_wrap .service_conts .service a > div > div { background: #fff; padding: 62px 0 0 42px; }
.section_conts.our_service .contents_area .service_wrap .service_conts .service a > div > div h3 { font-size: 3.2em; font-weight: 700; color: #222; transition: all 0.3s ease-in-out; }
.section_conts.our_service .contents_area .service_wrap .service_conts .service a > div > div div { height: 78px; padding: 20px 20px 0 0; font-size: 2em; font-weight: 400; color: #222; transition: all 0.3s ease-in-out; word-break: keep-all; }
.section_conts.our_service .contents_area .service_wrap .service_conts .service a > div > div p { padding-top: 20px; font-size: 1.6em; font-weight: 500; color: #757575; transition: all 0.3s ease-in-out; position: relative;}
.section_conts.our_service .contents_area .service_wrap .service_conts .service a > div > div img { width: 100%; margin-top: 89px; transition: all 0.3s; will-change: transform; }
.section_conts.our_service .contents_area .service_wrap .service_conts .service a:hover > div > div img,
.section_conts.our_service .contents_area .service_wrap .service_conts .service a:focus > div > div img{transform: scale(1.08);}
.section_conts.our_service .contents_area .btn_wrap.side { position: absolute; right: 0; top: -70px; display: block; font-size: 1.6em; color: #222; text-decoration: underline; }
.section_conts.our_service .contents_area .btn_wrap.side a { display: block; color: #222; text-decoration: underline; transition: all 0.3s;} /* 2024-11-05 수정 */
.section_conts.our_service .contents_area .btn_wrap.side a:hover,
.section_conts.our_service .contents_area .btn_wrap.side a:focus { font-weight: 700; color: #0064DD; transition: all 0.3s; }

.section_conts.our_service .contents_area .service_wrap .service_conts .service a:hover::before,
.section_conts.our_service .contents_area .service_wrap .service_conts .service a:focus::before { width: 135px; height: 210px; transition: all 0.3s ease-in-out; }
.section_conts.our_service .contents_area .service_wrap .service_conts .service a:hover > div > div h3,
.section_conts.our_service .contents_area .service_wrap .service_conts .service a:focus > div > div h3 { color: #222; transition: all 0.3s ease-in-out; }
.section_conts.our_service .contents_area .service_wrap .service_conts .service a:hover > div > div div,
.section_conts.our_service .contents_area .service_wrap .service_conts .service a:focus > div > div div { color: #222; transition: all 0.3s ease-in-out; }
.section_conts.our_service .contents_area .service_wrap .service_conts .service a:hover > div > div p,
.section_conts.our_service .contents_area .service_wrap .service_conts .service a:focus > div > div p { position: relative; color: #093F81; transition: all 0.3s ease-in-out; }
.section_conts.our_service .contents_area .service_wrap .service_conts .service a > div > div p::after,
.section_conts.our_service .contents_area .service_wrap .service_conts .service a > div > div p::after { content:'화살표'; display: block; opacity: 0; position: absolute; top: 45px; left: -20px; width: 40px; height: 40px; background: url("../images/main/ic_arrow_right.svg") no-repeat center; text-indent:-10000px; overflow: hidden; transition: all 0.2s; }
.section_conts.our_service .contents_area .service_wrap .service_conts .service a:hover > div > div p::after,
.section_conts.our_service .contents_area .service_wrap .service_conts .service a:focus > div > div p::after { opacity: 1; left: -4px; }

/* Ceo 동정 */
.section[data-anchor="ceo_news_room"] { background: #F2F4F8 url("../images/main/bg_main_logo.png") no-repeat right bottom -80px; }
.section_conts.ceo_news { position: relative; width: 100%; }
.section_conts.ceo_news > div { z-index: 2; position: relative; display: flex; justify-content: space-between; }
.section_conts.ceo_news .ceo_wrap { position: relative; width: 380px; height: auto; }
.section_conts.ceo_news .ceo_wrap > a.ceo_contents { z-index: 1; position: relative; display: block; width: 100%; height: 100%; background: #515E78 url("../images/main/img_ceo.svg") no-repeat left bottom; transition: all 0.2s; } /* 2024-11-05 수정 */
.section_conts.ceo_news .ceo_wrap.active > a.ceo_contents{margin-top: -20px;}
.section_conts.ceo_news .ceo_wrap.active > a.ceo_contents + .btn_more{top: 16px; transition: all 0.2s ease-in-out;}
.section_conts.ceo_news .ceo_wrap > a.ceo_contents:hover .tit,
.section_conts.ceo_news .ceo_wrap.active > a.ceo_contents:focus .tit { color: #FBD1B6;  transition: all 0.2s ease-in-out; }
.section_conts.ceo_news .ceo_wrap > a.ceo_contents h3 { padding: 9.5% 9.5% 0 9.5%; font-family:"Raleway"; font-size: 4.2em; font-weight: 700; color: #fff; }
.section_conts.ceo_news .ceo_wrap > a.ceo_contents h3 span { font-size: 0.9em; }
.section_conts.ceo_news .ceo_wrap > a.ceo_contents .tit { margin: 23px 9.5% 16px 9.5%; font-size: 2em; font-weight: 500; color: #fff; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.5em; height: 3em; }
.section_conts.ceo_news .ceo_wrap > a.ceo_contents p { padding: 0 9.5%; font-size: 1.6em; font-weight: 300; color: #F2F4F8; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; line-height: 1.5em; height: 6em; }
.section_conts.ceo_news .ceo_wrap > a.ceo_contents > span { display: block; padding: 24px 9.5% 0 9.5%; font-size: 1.4em; font-weight: 400; color: #BFC6D4; }
.section_conts.ceo_news .ceo_wrap a.btn_more { z-index: 2; position: absolute; top: 36px; right: 28px; width: 28px; height: 28px; text-indent: -1000px; overflow: hidden; background: url("../images/main/ic_plus_28px_white.svg") no-repeat center center; transform: rotate(0deg); transition: all 0.2s ease-in-out;} /* 2024-11-05 수정 */
.section_conts.ceo_news .ceo_wrap a.btn_more:focus,
.section_conts.ceo_news .ceo_wrap a.btn_more:hover { transform: rotate(90deg); transition: all 0.2s ease-in-out; }

/* 뉴스룸 */
.section_conts.ceo_news .news_wrap { position: relative; width: 990px; margin-left: 30px; }
.section_conts.ceo_news .news_wrap::before{content: ""; display: block; width: 65%; height: 1px; position: absolute; top: 52px; right: 48px; background: #DEE1E8;} /* 2024-04-23 추가 */
.section_conts.ceo_news .news_wrap .section_tit { padding-bottom: 102px; margin-bottom: 0; }
.section_conts.ceo_news .news_wrap .section_tit.sub{padding-bottom: 4px;} /* 2024-04-23 추가 */
.section_conts.ceo_news .news_wrap .section_tit div { position: relative; }
.section_conts.ceo_news .news_wrap .section_tit div span { z-index: 2; position: relative; padding-right: 20px; display: inline-block; background: #F2F4F8; }
.section_conts.ceo_news .news_wrap .section_tit div::before { z-index: 1; content: ""; position: absolute; top: 50%; left: 0; width: calc(100% - 48px); height: 1px; background: #DEE1E8; }
.section_conts.ceo_news .news_wrap > div { padding-top: 14px; }
.section_conts.ceo_news .news_wrap > div .card_wrap { display: flex; justify-content: space-between; height: 306px; padding-bottom: 111px; }
.section_conts.ceo_news .news_wrap > div .card_wrap .card { width: 100%; max-width: 314px; height: 100%; border: 1px solid #e0e0e0; }
.section_conts.ceo_news .news_wrap > div .card_wrap .card:nth-child(2) { margin-top: -33px; }
.section_conts.ceo_news .news_wrap > div .card_wrap .card:nth-child(3) { margin-top: 33px; }
.section_conts.ceo_news .news_wrap > div .card_wrap .card + .card { margin-left: 20px; }
.section_conts.ceo_news .news_wrap > div .card_wrap .card a { position: relative; display: block; width: 100%; height: 100%; background: #fff; transition: all 0.2s; outline: none; }
.section_conts.ceo_news .news_wrap > div .card_wrap .card a::before { z-index: 1; content:''; position: absolute; top: 0; left: 0; width: 0; height: 0; background: #0064DD; border: 0 solid #0064dd; transition: all 0.2s; } /* 2024-04-23 수정 */
.section_conts.ceo_news .news_wrap > div .card_wrap .card.card_bodo a::before { background: #0064DD; border: 0 solid #0064dd; transition: all 0.3s ease; }
.section_conts.ceo_news .news_wrap > div .card_wrap .card.card_media a::before { background: #4C3DF5; border: 0 solid #4C3DF5; transition: all 0.3s ease; }
.section_conts.ceo_news .news_wrap > div .card_wrap .card.card_issue a::before { background: #03A0AB; border: 0 solid #03A0AB; transition: all 0.3s ease; } /* 2024-11-05 수정 */
.section_conts.ceo_news .news_wrap > div .card_wrap .card a > div { z-index: 2; position: relative; width: calc(100% - 4px); height: calc(100% - 4px); padding: 2px; }
.section_conts.ceo_news .news_wrap > div .card_wrap .card a > div > div { width: 100%; height: 100%; background: #fff; }
.section_conts.ceo_news .news_wrap > div .card_wrap .card a > div > div h3 { position: relative; display: inline-block; margin: 10.33% 0 12.5% 10.33%; }
.section_conts.ceo_news .news_wrap > div .card_wrap .card a > div > div h3 span { z-index: 2; position: relative; font-size: 2em; font-weight: 500; transition: all 0.2s; }
.section_conts.ceo_news .news_wrap > div .card_wrap .card a > div > div h3::before { z-index: 1; content:''; position: absolute; bottom: 2px; left: -4px; width: 100%; height: 8px; padding: 0 4px; background: transparent; transition: all 0.2s; }
.section_conts.ceo_news .news_wrap > div .card_wrap .card.card_bodo a > div > div h3 span { color: #0064DD; }
.section_conts.ceo_news .news_wrap > div .card_wrap .card.card_media a > div > div h3 span { color: #4C3DF5; }
.section_conts.ceo_news .news_wrap > div .card_wrap .card.card_issue a > div > div h3 span { color: #03A0AB; } /* 2024-11-05 수정 */
.section_conts.ceo_news .news_wrap > div .card_wrap .card a > div > div .txt { padding: 23px 0; margin: 0 10.33%; font-size: 1.8em; font-weight: 500; color: #222; background-position: 0px 0px ,100% 100%; background-repeat: no-repeat; }
.section_conts.ceo_news .news_wrap > div .card_wrap .card.card_bodo a > div > div .txt { background-image: url("../images/main/ic_quote_blue_right.png"), url("../images/main/ic_quote_blue_left.png"); }
.section_conts.ceo_news .news_wrap > div .card_wrap .card.card_media a > div > div .txt { background-image: url("../images/main/ic_quote_purple_right.png"), url("../images/main/ic_quote_purple_left.png"); }
.section_conts.ceo_news .news_wrap > div .card_wrap .card.card_issue a > div > div .txt { background-image: url("../images/main/ic_quote_green_right.png"), url("../images/main/ic_quote_green_left.png"); }
.section_conts.ceo_news .news_wrap > div .card_wrap .card a > div > div .txt span { display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 1.5em; max-height: 4.5em; }
.section_conts.ceo_news .news_wrap > div .card_wrap .card a > div > div ul { position: absolute; bottom: 0; left: 0; display: flex; justify-content: space-between; width: 100%; font-size: 1.4em; }
.section_conts.ceo_news .news_wrap > div .card_wrap .card a > div > div ul li { padding: 0 10.33% 7.8% 10.33%; color: #757575; }
.section_conts.ceo_news .news_wrap > div .card_wrap .card a > div > div ul li.view { padding: 0 10.33% 0 20px; margin-bottom: 7.8%; color: #8290AB; background: url("../images/common/ic_eye.png") no-repeat 0 center; display: none;} /* 2024-04-24 수정 */
.section_conts.ceo_news .news_wrap a.btn_more { z-index: 2; position: absolute; top: 38px; right: 0; width: 28px; height: 28px; text-indent: -1000px; overflow: hidden; background: url("../images/main/ic_plus_28px_black.svg") no-repeat center; transform: rotate(0deg); transition: all 0.2s ease-in-out; } /* 2024-11-05 수정 */
.section_conts.ceo_news .news_wrap a.btn_more:focus,
.section_conts.ceo_news .news_wrap a.btn_more:hover { transform: rotate(90deg); transition: all 0.2s ease-in-out; }

.section_conts.ceo_news .news_wrap > div .card_wrap .card a:hover,
.section_conts.ceo_news .news_wrap > div .card_wrap .card a:focus { box-shadow: 3px 9px 10px 0px rgba(0, 0, 0, 0.12), 8px 9px 30px 3px rgba(0, 0, 0, 0.15); transition: all 0.5s; }
.section_conts.ceo_news .news_wrap > div .card_wrap .card a:hover::before,
.section_conts.ceo_news .news_wrap > div .card_wrap .card a:focus::before { width: 100%; height: 100%; transition: all 0.2s; }
.section_conts.ceo_news .news_wrap > div .card_wrap .card.card_bodo a:hover > div > div h3::before,
.section_conts.ceo_news .news_wrap > div .card_wrap .card.card_bodo a:focus > div > div h3::before { background: #C2DBFA; transition: all 0.2s; }
.section_conts.ceo_news .news_wrap > div .card_wrap .card.card_media a:hover > div > div h3::before,
.section_conts.ceo_news .news_wrap > div .card_wrap .card.card_media a:focus > div > div h3::before { background: #DCD9FD; transition: all 0.2s; }
.section_conts.ceo_news .news_wrap > div .card_wrap .card.card_issue a:hover > div > div h3::before,
.section_conts.ceo_news .news_wrap > div .card_wrap .card.card_issue a:focus > div > div h3::before { background: #CDEDEE; transition: all 0.2s; }

/* 공지사항 */
.section_conts.notice_sns { position: relative; width: 100%;}
.section_conts.notice_sns > div { display: flex; justify-content: space-between; }
.section_conts.notice_sns .notice_wrap { width: 100%; max-width: 762px; }
.section_conts.notice_sns .notice_wrap .bord_wrap { width: 100%; height: auto; background: #F2F4F8; }
.section_conts.notice_sns .notice_wrap .bord_wrap > div { padding: 52px 52px 97px 52px; }
.section_conts.notice_sns .notice_wrap .bord_wrap .bord_new { position: relative; width: 100%; height: 92px; overflow:hidden; padding-bottom: 30px; border-bottom: 1px dashed #BFC6D4; }
.section_conts.notice_sns .notice_wrap .bord_wrap .bord_new a { z-index: 1; display: none; justify-content: flex-start; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #F2F4F8; }
.section_conts.notice_sns .notice_wrap .bord_wrap .bord_new a.on { z-index: 2; display: flex; }
.section_conts.notice_sns .notice_wrap .bord_wrap .bord_new a .date_box { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; flex-shrink: 0; margin-top: 4px; width: 87px; height: 87px; border: 1px solid #BFC6D4; border-radius: 8px; box-sizing: border-box; }
/*.section_conts.notice_sns .notice_wrap .bord_wrap .bord_new a .date_box::after { content:"새 게시물 뱃지"; z-index: 2; position: absolute; top: -5px; right: -6px; width: 20px; height: 20px; text-indent: -10000px; overflow: hidden; background: url("../images/common/ic_new_badge_20px.svg") no-repeat center center; }*/ /* 2024-10-07 삭제 */
.section_conts.notice_sns .notice_wrap .bord_wrap .bord_new a .date_box span { font-size: 1.6em; color: #424242; }
.section_conts.notice_sns .notice_wrap .bord_wrap .bord_new a .date_box p { font-size: 3.8em; font-weight: 700; line-height: 1.1em; color: #222; }
.section_conts.notice_sns .notice_wrap .bord_wrap .bord_new a .date_box .ic_new{z-index: 2; position: absolute; top: -5px; right: -6px; overflow: hidden; margin-top: 0; margin-left: 0;} /* 2024-10-07 추가 */
.section_conts.notice_sns .notice_wrap .bord_wrap .bord_new a .bord_conts { margin-left: 24px; max-width: 520px;}
.section_conts.notice_sns .notice_wrap .bord_wrap .bord_new a .bord_conts div { margin-bottom: 10px; font-size: 2.4em; font-weight: 500; color: #222; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; line-height: 1.5em; height: 1.5em; transition: all 0.1s; }
.section_conts.notice_sns .notice_wrap .bord_wrap .bord_new a .bord_conts p { font-size: 1.6em; font-weight: 400; color: #424242; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.5em; height: 3em; }
.section_conts.notice_sns .notice_wrap .bord_wrap .bord_new a:hover .bord_conts div{font-weight: 600;}
.section_conts.notice_sns .notice_wrap .bord_wrap .bord_new a:focus .bord_conts div{ font-weight: 600; outline: auto;} /* 2024-11-05 수정 */
.section_conts.notice_sns .notice_wrap .bord_wrap .bord_new a .mo_date { display: none; position: absolute; bottom: -30px; right: 0; font-size: 14px; color: #757575; }
.section_conts.notice_sns .notice_wrap .bord_wrap .bord_list_wrap { margin-top: 30px; }
.section_conts.notice_sns .notice_wrap .bord_wrap .bord_list_wrap > div { position: relative; width: 100%; }
.section_conts.notice_sns .notice_wrap .bord_wrap .bord_list_wrap > div .bord_list { width: 100%; height: 31px; }
.section_conts.notice_sns .notice_wrap .bord_wrap .bord_list_wrap > div .bord_list + .bord_list { margin-top: 40px; }
.section_conts.notice_sns .notice_wrap .bord_wrap .bord_list_wrap > div .bord_list .bord_btn { position: absolute; top: 0; left: 0; width: 75px; font-size: 2em; color: #222; font-weight: 500; }
.section_conts.notice_sns .notice_wrap .bord_wrap .bord_list_wrap > div .bord_list:nth-child(2) .bord_btn { top: 69px; }
.section_conts.notice_sns .notice_wrap .bord_wrap .bord_list_wrap > div .bord_list .bord_btn:focus { color: #0064DD; text-decoration: none; font-weight: 700; transition: all 0.2s; } /* 2024-04-23 수정 */
.section_conts.notice_sns .notice_wrap .bord_wrap .bord_list_wrap > div .bord_list .bord_btn:hover{ color:#0064DD; text-decoration: none;}
.section_conts.notice_sns .notice_wrap .bord_wrap .bord_list_wrap > div .bord_list ul { display: none; position: absolute; top: 0; right: 0; width: calc(100% - 75px); height: 105px; background: #F2F4F8; text-align: right; }
.section_conts.notice_sns .notice_wrap .bord_wrap .bord_list_wrap > div .bord_list ul li { position: relative; margin-left: 16%; font-size: 1.6em; color: #424242; text-align: left; }
.section_conts.notice_sns .notice_wrap .bord_wrap .bord_list_wrap > div .bord_list ul li::before { content:"·"; position: absolute; top: 0; left: -25px; width: 20px; font-size: 2em; line-height: 20px; color: #424242; }
.section_conts.notice_sns .notice_wrap .bord_wrap .bord_list_wrap > div .bord_list ul li + li { margin-top: 16px; }
.section_conts.notice_sns .notice_wrap .bord_wrap .bord_list_wrap > div .bord_list ul li a { display: flex; justify-content: space-between; } /* 2024-08-20 수정 */
.section_conts.notice_sns .notice_wrap .bord_wrap .bord_list_wrap > div .bord_list ul li a div { color: #424242; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; line-height: 1.5em; height: 1.5em; }
.section_conts.notice_sns .notice_wrap .bord_wrap .bord_list_wrap > div .bord_list ul li a:hover div { color: #000;} /* 2024-04-26 추가 */
.section_conts.notice_sns .notice_wrap .bord_wrap .bord_list_wrap > div .bord_list ul li a:focus div { color: #000; } /* 2024-08-20 수정 */
.section_conts.notice_sns .notice_wrap .bord_wrap .bord_list_wrap > div .bord_list ul li a span { padding-left: 24px; color: #757575; flex-shrink: 0; }
.section_conts.notice_sns .notice_wrap .bord_wrap .bord_list_wrap > div .bord_list .btn_board_more { display: none; position: absolute; left: 50%; bottom: -60px; transform: translate(-50%, 0); padding-right: 20px; width: 100px; height: 36px; line-height: 34px; color: #515E78; font-size: 1.4em; font-weight: 500; background: #F2F4F8 url("../images/common/ic_plus_32px.svg") no-repeat center right 20px; background-size: 17px; border: 1px solid #BFC6D4; border-radius: 50px; box-sizing: border-box; text-align: center; }
.section_conts.notice_sns .notice_wrap .bord_wrap .bord_list_wrap > div .bord_list .btn_board_more:hover,
.section_conts.notice_sns .notice_wrap .bord_wrap .bord_list_wrap > div .bord_list .btn_board_more:focus{ color: #0064DD; background: url("../images/common/ic_plus_32px_blue.svg") no-repeat center right 20px; background-size: 17px; border-color: #0064DD; }
.section_conts.notice_sns .notice_wrap .bord_wrap .bord_list_wrap > div .bord_list.on .bord_btn { color: #0064DD; font-weight: 700; transition: all 0.2s; } /* 2024-08-20 수정 */
.section_conts.notice_sns .notice_wrap .bord_wrap .bord_list_wrap > div .bord_list.on ul { display: block; }
.section_conts.notice_sns .notice_wrap .bord_wrap .bord_list_wrap > div .bord_list.on .btn_board_more { display: block; }
/*.section_conts.notice_sns .notice_wrap .bord_wrap .bord_list_wrap > div .bord_list.on .bord_btn:hover, 
.section_conts.notice_sns .notice_wrap .bord_wrap .bord_list_wrap > div .bord_list.on .bord_btn:focus{text-decoration: underline;}*/ /* 2024-04-29 삭제 */

/* SNS */
.section_conts.notice_sns .sns_wrap { width: 100%; max-width: 614px; margin-left: 30px; }
.section_conts.notice_sns .sns_wrap .section_tit { position: relative; }
.section_conts.notice_sns .sns_wrap .section_tit.bar { display: inline-block; } /* 2024-05-07 수정 */
.section_conts.notice_sns .sns_wrap .section_tit.bar::after{content: ""; display: block; width: 1px; height: 24px; background: #E0E0E0; position: absolute; top: 14px; right: -32px;} /* 2024-05-07 추가 */
.section_conts.notice_sns .sns_wrap .sns_list_wrap { position: relative; }
.section_conts.notice_sns .sns_wrap .sns_list_wrap .sns_list .sns_btn { position: absolute; top: -76px; width: 40px; height: 40px; border-radius: 50px; overflow: hidden; text-indent: -10000px; transition: all 0.2s; }
.section_conts.notice_sns .sns_wrap .sns_list_wrap .sns_list .blog.sns_btn { left: 290px; background: #03C75A url("../images/main/ic_blog_02.svg") no-repeat center center; background-size: 40px;}
.section_conts.notice_sns .sns_wrap .sns_list_wrap .sns_list .blog.sns_btn:hover, .section_conts.notice_sns .sns_wrap .sns_list_wrap .sns_list .blog.sns_btn:focus {background: #03C75A url("../images/main/ic_blog_02_on.svg") no-repeat center center; background-size: 40px;}
.section_conts.notice_sns .sns_wrap .sns_list_wrap .sns_list .youtube.sns_btn { left: 340px; background: #FF0000 url("../images/main/ic_youtube_02.svg") no-repeat center center; background-size: 40px;}
.section_conts.notice_sns .sns_wrap .sns_list_wrap .sns_list .youtube.sns_btn:hover, .section_conts.notice_sns .sns_wrap .sns_list_wrap .sns_list .youtube.sns_btn:focus {background: #FF0000 url("../images/main/ic_youtube_02_on.svg") no-repeat center center; background-size: 40px;}
.section_conts.notice_sns .sns_wrap .sns_list_wrap .sns_list .instagram.sns_btn { left: 390px; background: linear-gradient(-45deg, #FBE18A 0%,#FCBB45 21%,#F75274 38%,#D53692 52%,#873DD2 74%, #5B4FE9 100%);}
.section_conts.notice_sns .sns_wrap .sns_list_wrap .sns_list .instagram.sns_btn::before{content: ""; width: 40px; height: 40px; display: block; position: absolute; top: 0; left: 0; background: url("../images/main/ic_instagram.svg") no-repeat center center; border-radius: 50px; background-size: 40px; opacity: 1; transition: all 0.2s;}
.section_conts.notice_sns .sns_wrap .sns_list_wrap .sns_list .instagram.sns_btn p { opacity: 0; width: 100%; height: 100%; color: #fff; font-size: 1.4em; line-height: 40px; text-align: left; text-indent: 20px; }
.section_conts.notice_sns .sns_wrap .sns_list_wrap .sns_list .instagram.sns_btn:focus,
.section_conts.notice_sns .sns_wrap .sns_list_wrap .sns_list .instagram.sns_btn:hover { width: 172px; transition: all 0.2s ease-in-out; }
.section_conts.notice_sns .sns_wrap .sns_list_wrap .sns_list .instagram.sns_btn:focus::before,
.section_conts.notice_sns .sns_wrap .sns_list_wrap .sns_list .instagram.sns_btn:hover::before{opacity: 0;}
.section_conts.notice_sns .sns_wrap .sns_list_wrap .sns_list .instagram.sns_btn:focus p,
.section_conts.notice_sns .sns_wrap .sns_list_wrap .sns_list .instagram.sns_btn:hover p { opacity: 1; transition: all 0.2s ease-in-out; }
.section_conts.notice_sns .sns_wrap .sns_list_wrap .sns_list ul { display: none; width: 100%; max-width: 614px; }
.section_conts.notice_sns .sns_wrap .sns_list_wrap .sns_list.on ul { display: flex; justify-content: space-between; }
.section_conts.notice_sns .sns_wrap .sns_list_wrap .sns_list ul li { flex: 1; }
.section_conts.notice_sns .sns_wrap .sns_list_wrap .sns_list ul li + li { margin-left: 24px; }
.section_conts.notice_sns .sns_wrap .sns_list_wrap .sns_list ul li a { display: block; width: 100%; outline: none; }
.section_conts.notice_sns .sns_wrap .sns_list_wrap .sns_list ul li a .thumbnail { position: relative; width: 100%; height: 295px; background: #efefef; display: flex; align-items: center; overflow: hidden; }
.section_conts.notice_sns .sns_wrap .sns_list_wrap .sns_list ul li a .thumbnail::after { display: none; content:""; z-index:2; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(27,35,53,.45) url(../images/main/ic_plus_48px.png) no-repeat center center; }
.section_conts.notice_sns .sns_wrap .sns_list_wrap .sns_list ul li a .thumbnail img { z-index: 1; position: relative; width: 100%; height: auto; }
.section_conts.notice_sns .sns_wrap .sns_list_wrap .sns_list ul li a:focus .thumbnail::after,
.section_conts.notice_sns .sns_wrap .sns_list_wrap .sns_list ul li a:hover .thumbnail::after { display: block; }
.section_conts.notice_sns .sns_wrap .sns_list_wrap .sns_list ul li a:focus .txt .tit{text-decoration: underline;} /* 2024-04-23 수정 */

.section_conts.notice_sns .sns_wrap .sns_list_wrap .sns_list ul li a .txt { display: flex; flex-direction: column; justify-content: space-between; width: 100%; height: 109px; border: 1px solid #E0E0E0; box-sizing: border-box; }
.section_conts.notice_sns .sns_wrap .sns_list_wrap .sns_list ul li a .txt .tit { margin: 16px 16px 0 16px; font-size: 1.6em; color: #222; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.5em; height: 3em; }
.section_conts.notice_sns .sns_wrap .sns_list_wrap .sns_list ul li a .txt .info { position: relative; margin: 8px 16px 16px 16px; font-size: 1.4em; color: #757575; }
.section_conts.notice_sns .sns_wrap .sns_list_wrap .sns_list ul li a .txt .info .date { padding-left: 8px; line-height: 22px; }
/*.section_conts.notice_sns .sns_wrap .sns_list_wrap .sns_list ul li a .txt .info::after { content:"새 게시물 뱃지"; position: absolute; top: 0; right: 0; width: 21px; height: 21px; text-indent: -10000px; overflow: hidden; background: url("../images/common/ic_new_badge_16px.svg") no-repeat center; }*/ /* 2024-08-20 삭제 */
.section_conts.notice_sns .sns_wrap .sns_list_wrap .sns_list ul li a .txt .info .ic_new { position: absolute; top: 0; right: 0; width: 21px; height: 21px; text-indent: -10000px; overflow: hidden; background: url("../images/common/ic_new_badge_16px.svg") no-repeat center; } /* 2024-10-24 수정 */

/* 고객센터 */
.section_conts.cs_wrap { margin-top: 100px; }
.section_conts.cs_wrap > div { position: relative; }
.section_conts.cs_wrap > div::before { content: ""; z-index: 1; position: absolute; left: 20px; top: -8px; display: block; width: 94px; height: 77px; background: #0064DD; }
.section_conts.cs_wrap > div .cs_contents { z-index: 2; position: relative; display: flex; justify-content: space-between; align-items: center; margin: 8px 0 0 8px; padding-left: 184px; width: calc(100% - 8px); height: 115px; border: 1px solid #E0E0E0; box-sizing: border-box; background: #fff; }
.section_conts.cs_wrap > div .cs_contents::before { content: "캐릭터 금결이"; z-index: 3; position: absolute; top: -30px; left: 28px; display: block; width: 109px; height: 132px; background: url("../images/main/img_chat.png") no-repeat center center; text-indent: -100000000px; overflow: hidden; }
.section_conts.cs_wrap > div .cs_contents::after{ content: "캐릭터 금결이 말풍선"; z-index: 3; position: absolute; top: -20px; left: 135px; display: block; width: 39px; height: 34px; background: url("../images/main/img_bubble.png") 0 0 no-repeat; animation: 1.5s pop infinite; vertical-align: middle; text-indent: -100000000px; overflow: hidden;}
@keyframes pop{0%{transform: translateY(5px)} 50%{transform: translateY(-5px)} 100%{transform: translateY(5px)}}
.section_conts.cs_wrap > div .cs_contents .cs_intro { width: 100%; max-width: 258px; font-size: 2.4em; font-weight: 500; }
.section_conts.cs_wrap > div .cs_contents .cs_call{ margin-left: 30px; width: 100%; max-width: 250px; }
.section_conts.cs_wrap > div .cs_contents .cs_call > span { font-size: 1.6em; }
.section_conts.cs_wrap > div .cs_contents .cs_call div { font-size: 2.8em; }
.section_conts.cs_wrap > div .cs_contents .cs_call div span { display: inline-block; padding-left: 4px; font-size: 14px; }
.section_conts.cs_wrap > div .cs_contents .cs_shorcut_wrap { margin-left: 20px; display: flex; align-items: center; width: 100%; max-width: 584px; height: 100%; }
.section_conts.cs_wrap > div .cs_contents .cs_shorcut_wrap li { position: relative; flex: 1; text-align: center; height: 100%; }
.section_conts.cs_wrap > div .cs_contents .cs_shorcut_wrap li::after { content: ""; position: absolute; top: 50%; right: 0; display: block; width: 1px; height: 42px; transform: translate(0, -50%); background: #e0e0e0; }
.section_conts.cs_wrap > div .cs_contents .cs_shorcut_wrap li:last-child:after { width: 0; }
.section_conts.cs_wrap > div .cs_contents .cs_shorcut_wrap a { display: inline-block; margin-top: 0; padding-top: 72px; font-size: 1.6em; transition: all 0.2s;} /* 2024-08-20 수정 */
.section_conts.cs_wrap > div .cs_contents .cs_shorcut_wrap a:hover,
.section_conts.cs_wrap > div .cs_contents .cs_shorcut_wrap a:focus{font-weight: 500;}
.section_conts.cs_wrap > div .cs_contents .cs_shorcut_wrap li:nth-child(1) a { background: url("../images/main/ic_quick_01.svg") no-repeat center 20px; }
.section_conts.cs_wrap > div .cs_contents .cs_shorcut_wrap li:nth-child(1) a:hover,
.section_conts.cs_wrap > div .cs_contents .cs_shorcut_wrap li:nth-child(1) a:focus{background: url("../images/main/ic_quick_01.svg") no-repeat center 15px;}
.section_conts.cs_wrap > div .cs_contents .cs_shorcut_wrap li:nth-child(2) a { background: url("../images/main/ic_quick_02.svg") no-repeat center 20px; }
.section_conts.cs_wrap > div .cs_contents .cs_shorcut_wrap li:nth-child(2) a:hover,
.section_conts.cs_wrap > div .cs_contents .cs_shorcut_wrap li:nth-child(2) a:focus{background: url("../images/main/ic_quick_02.svg") no-repeat center 15px;}
.section_conts.cs_wrap > div .cs_contents .cs_shorcut_wrap li:nth-child(3) a { background: url("../images/main/ic_quick_03.svg") no-repeat center 20px; }
.section_conts.cs_wrap > div .cs_contents .cs_shorcut_wrap li:nth-child(3) a:hover,
.section_conts.cs_wrap > div .cs_contents .cs_shorcut_wrap li:nth-child(3) a:focus{background: url("../images/main/ic_quick_03.svg") no-repeat center 15px;}
.section_conts.cs_wrap > div .cs_contents .cs_shorcut_wrap li:nth-child(4) a { background: url("../images/main/ic_quick_04.svg") no-repeat center 20px; }
.section_conts.cs_wrap > div .cs_contents .cs_shorcut_wrap li:nth-child(4) a:hover,
.section_conts.cs_wrap > div .cs_contents .cs_shorcut_wrap li:nth-child(4) a:focus{background: url("../images/main/ic_quick_04.svg") no-repeat center 15px;}
.section_conts.cs_wrap > div .cs_contents .cs_shorcut_wrap a img { margin: 5px 0 0 2px; }
.section_conts.cs_wrap > div .cs_contents .cs_shorcut_wrap br{display: none;}

/* 메인 팝업 */
.popup_main { z-index: 1000; position: absolute; left: 10%; top: 60px; width: 568px; height: auto; padding-bottom: 46px; border: 1px solid #e0e0e0; box-sizing: border-box; box-shadow: 8px 9px 10px rgba(0,0,0,0.5); } /* 2024-04-25 수정 */
.popup_main img { width: 100%; }
.popup_main .popup_footer { position: absolute; bottom: 0; left: 0; display: flex; justify-content: space-between; align-items: center; width: 100%; height: 46px; background: #fff; }
.popup_main .popup_footer button { margin: 0 20px; }
.popup_main .popup_footer button.oneday_close { font-size: 14px; color: #424242; }
.popup_main .popup_footer button.popup_close { width: 32px; height: 32px; background: url("../images/common/ic_close_popup.svg") no-repeat center center; }

/* interaction */
.section .section_conts { opacity: 0.1; margin-left: 65px; transition: all ease-in-out 1s; transition-delay: .25s; }
.section:last-child .section_conts { opacity: 1; margin-left: 0; }
.section.active .section_conts { opacity: 1; margin-left: 0; }
.section.active.focus .section_conts {transition-delay: 0s;} /* 2024-08-29 추가 */
.section.secLoad .section_conts { opacity: 1; margin-left: 0; }


/*==========================================================
responsive
==========================================================*/

@media all and (max-width: 1778px){
/* fullpage */
#fp-nav.left { left: 17px; }
#fp-nav .fp-tooltip { display: none !important; }

}
@media all and (max-width: 1560px){
/* -------- S: fullpage -------- */

/* fullpage */
#fp-nav { display: none !important; }

.section_conts { margin-top: 150px; }

/* 메인 숏컷 */
.shortcut_wrap > div { justify-content: center; max-width: 1680px; }
.shortcut_wrap > div .shortcut_scr { display: none; }

/* Ceo 동정 */
.section[data-anchor="ceo_news_room"] { background: transparent; }
.section_conts.ceo_news { margin-top: 80px; padding: 70px 0; background: #F2F4F8 url("../images/main/bg_main_logo.png") no-repeat right bottom -100px; background-size: 50%;}

/* interaction */
.section .section_conts { opacity: 1; margin-left: 0; }
/* -------- E: fullpage -------- */
}
@media all and (max-width: 1340px){

/* 메인 배너 */
.main_bnnr_wrap .controler_wrap { top: 66.7%; width: 158px; height: 30px; transition: all 0.2s; }
.main_bnnr_wrap .controler_wrap .counter { margin: 0 15px; font-size: 1.4em; }
.main_bnnr_wrap .controler_wrap .play { padding: 0 15px; }
.main_bnnr_wrap .controler_wrap .stop { padding: 0 15px; }
    
/* 메인 고객센터 */
.section_conts.cs_wrap > div .cs_contents .cs_shorcut_wrap a img{margin: 2px 0 0 2px;}

/* 메인 숏컷 */
.shortcut_wrap { height: 83px; }
.shortcut_wrap > div { top: -35px; }
.shortcut_wrap > div .shorcut { font-size: 1.3em; }
.shortcut_wrap > div .shorcut.on { margin-top: -25px; height: 99px; }
.shortcut_wrap > div .shorcut.on::before { height: 10px; bottom: -10px; }

/* main section - common */
.section_conts { margin-top: 130px; }
.section_conts > div .section_tit { font-size: 32px; } /* 2024-04-24/2 수정 */
.section_conts > div .section_tit.sub{font-size: 14px; margin-bottom: 4px;} /* 2024-04-24/3 수정 */
.section_conts.ceo_news .news_wrap .section_tit.sub{margin-bottom: 4px; padding-bottom: 0;} /* 2024-04-24/3 추가 */

/* our service */
.section_conts.our_service { margin-top: 100px; margin-bottom: 0; }
.section_conts.our_service .contents_area .service_wrap .service_conts .service a > div > div { font-size: 8px; padding: 38px 0 0 22px; }
.section_conts.our_service .contents_area .service_wrap .service_conts .service a > div > div p { font-size: 14px; }
.section_conts.our_service .contents_area .service_wrap .service_conts .service:first-child a > div > div img { margin-top: 50px; }
.section_conts.our_service .contents_area .service_wrap .service_conts .service a > div > div img { margin-top: 50px; }

/* Ceo 동정 */
.section_conts.ceo_news .ceo_wrap { font-size: 8px; }
.section_conts.ceo_news .ceo_wrap > a.ceo_contents { background-size: 100%; }
.section_conts.ceo_news .ceo_wrap > a.ceo_contents .tit { font-size: 18px; }
.section_conts.ceo_news .ceo_wrap > a.ceo_contents p { font-size: 14px; }
.section_conts.ceo_news .ceo_wrap > a.ceo_contents span { font-size: 14px; }
.section_conts.ceo_news .news_wrap .section_tit { padding-bottom: 78px; }
.section_conts.ceo_news .news_wrap > div .card_wrap { padding-bottom: 73px; }


/* 뉴스룸 */
.section_conts.ceo_news .news_wrap { font-size: 8px; }
.section_conts.ceo_news .news_wrap > div .card_wrap { height: 270px; }
.section_conts.ceo_news .news_wrap > div .card_wrap .card a > div > div ul { font-size: 14px; }
.section_conts.notice_sns .notice_wrap .bord_wrap .bord_list_wrap > div .bord_list ul li a span { padding-left: 16px; }
.section_conts.ceo_news .news_wrap::before{top: 44px; width: 60%;} /* 2024-04-24/2 수정 */
.section_conts.ceo_news .news_wrap a.btn_more{top: 32px; width: 24px; height: 24px;} /* 2024-04-24/2 수정 */


/* 공지사항 */
.section_conts.notice_sns .bord_wrap { font-size: 8px; }
.section_conts.notice_sns .notice_wrap .bord_wrap > div { padding: 52px 32px 82px 32px; }
.section_conts.notice_sns .notice_wrap .bord_wrap .bord_new a .bord_conts p { font-size: 14px; }
.section_conts.notice_sns .notice_wrap .bord_wrap .bord_list_wrap > div .bord_list ul li { margin-left: 10%; }
.section_conts.notice_sns .notice_wrap .bord_wrap .bord_list_wrap > div .bord_list ul li a div { font-size: 14px; }
.section_conts.notice_sns .notice_wrap .bord_wrap .bord_list_wrap > div .bord_list ul li a span { font-size: 14px; }
.section_conts.notice_sns .notice_wrap .bord_wrap .bord_list_wrap > div .bord_list .btn_board_more { font-size: 14px; }

/* SNS */
.section_conts.notice_sns .sns_wrap .section_tit.bar::after{top: 8px;} /* 2024-05-07 수정 */
.section_conts.notice_sns .sns_wrap .sns_list_wrap .sns_list .sns_btn{top: -72px;} /* 2024-05-07 추가 */
.section_conts.notice_sns .sns_wrap .sns_list_wrap .sns_list ul li + li { margin-left: 10px; }
.section_conts.notice_sns .sns_wrap .sns_list_wrap .sns_list ul li a .thumbnail { position: relative; width: 100%; height: 280px; }
.section_conts.notice_sns .sns_wrap .sns_list_wrap .sns_list .blog.sns_btn { left: 232px; }
.section_conts.notice_sns .sns_wrap .sns_list_wrap .sns_list .youtube.sns_btn { left: 282px; }
.section_conts.notice_sns .sns_wrap .sns_list_wrap .sns_list .instagram.sns_btn { left: 332px; }


/* 고객센터 */
.section_conts.cs_wrap > div .cs_contents { padding-left: 134px; font-size: 8px; transition: all 0.2s; }
.section_conts.cs_wrap > div .cs_contents .cs_intro { max-width: 210px; }
.section_conts.cs_wrap > div .cs_contents .cs_call { max-width: 220px; margin-left: 15px; }
.section_conts.cs_wrap > div .cs_contents .cs_call { max-width: 220px; margin-left: 15px; }
.section_conts.cs_wrap > div .cs_contents .cs_shorcut_wrap { margin-left: 0; }
    
}
@media all and (max-width: 1024px){

/* main section - common */
.section_conts { margin-top: 80px; }

/* 메인 숏컷 */
.shortcut_wrap { width: 100%; overflow-x: auto; overflow-y: hidden; height: 148px; } /* 2024-04-25 수정 */
.shortcut_wrap > div { position: relative; top: 0; left: 0; width: 115%; padding: 0 20px; max-width: none; height: 100%; background: #fff; transition: all 0.2s; }
.shortcut_wrap > div .shorcut { justify-content: flex-start; width: 11.5%; height: 128px; line-height: 1.3; margin-top: 30px; font-size: 1.2em; font-weight: 500; text-align: center; transition: all 0.2s; } /* 2024-04-24/3 수정 */
.shortcut_wrap > div .shorcut span .mo_space { display: block; height: 0;}
.shortcut_wrap > div .shorcut span::before { width: 58px; height: 58px; margin: 0 auto 8px auto; border-radius: 50%; }
/* S::2024-04-04 수정 */
.shortcut_wrap > div .shorcut.shortcut_01 span::before { background: #F2F4F8 url("../images/main/ic_menu_nor_01.svg") no-repeat center center; }
.shortcut_wrap > div .shorcut.shortcut_02 span::before { background: #F2F4F8 url("../images/main/ic_menu_nor_02.svg") no-repeat center center; }
.shortcut_wrap > div .shorcut.shortcut_03 span::before { background: #F2F4F8 url("../images/main/ic_menu_nor_03.svg") no-repeat center center; }
.shortcut_wrap > div .shorcut.shortcut_04 span::before { background: #F2F4F8 url("../images/main/ic_menu_nor_04.svg") no-repeat center center; }
.shortcut_wrap > div .shorcut.shortcut_05 span::before { background: #F2F4F8 url("../images/main/ic_menu_nor_05.svg") no-repeat center center; }
.shortcut_wrap > div .shorcut.shortcut_06 span::before { background: #F2F4F8 url("../images/main/ic_menu_nor_06.svg") no-repeat center center; }
.shortcut_wrap > div .shorcut.shortcut_07 span::before { background: #F2F4F8 url("../images/main/ic_menu_nor_07.svg") no-repeat center center; }
.shortcut_wrap > div .shorcut.shortcut_08 span::before { background: #F2F4F8 url("../images/main/ic_menu_nor_08.svg") no-repeat center center; }
.shortcut_wrap > div .shorcut.shortcut_09 span::before { background: #F2F4F8 url("../images/main/ic_menu_nor_09.svg") no-repeat center center; }
.shortcut_wrap > div .shorcut.shortcut_10 span::before { background: #F2F4F8 url("../images/main/ic_menu_nor_10.svg") no-repeat center center; }
.shortcut_wrap > div .shorcut.on { margin-top: 30px; height: auto; background: transparent; transition: all 0.1s; color: #0064DD; }
.shortcut_wrap > div .shorcut.on span::before { margin-bottom: 8px; }
.shortcut_wrap > div .shorcut.shortcut_01.on span::before { background: #0064DD url("../images/main/ic_menu_sel_01.svg") no-repeat center center; }
.shortcut_wrap > div .shorcut.shortcut_02.on span::before { background: #0064DD url("../images/main/ic_menu_sel_02.svg") no-repeat center center; }
.shortcut_wrap > div .shorcut.shortcut_03.on span::before { background: #0064DD url("../images/main/ic_menu_sel_03.svg") no-repeat center center; }
.shortcut_wrap > div .shorcut.shortcut_04.on span::before { background: #0064DD url("../images/main/ic_menu_sel_04.svg") no-repeat center center; }
.shortcut_wrap > div .shorcut.shortcut_05.on span::before { background: #0064DD url("../images/main/ic_menu_sel_05.svg") no-repeat center center; }
.shortcut_wrap > div .shorcut.shortcut_06.on span::before { background: #0064DD url("../images/main/ic_menu_sel_06.svg") no-repeat center center; }
.shortcut_wrap > div .shorcut.shortcut_07.on span::before { background: #0064DD url("../images/main/ic_menu_sel_07.svg") no-repeat center center; }
.shortcut_wrap > div .shorcut.shortcut_08.on span::before { background: #0064DD url("../images/main/ic_menu_sel_08.svg") no-repeat center center; }
.shortcut_wrap > div .shorcut.shortcut_09.on span::before { background: #0064DD url("../images/main/ic_menu_sel_09.svg") no-repeat center center; }
.shortcut_wrap > div .shorcut.shortcut_10.on span::before { background: #0064DD url("../images/main/ic_menu_sel_10.svg") no-repeat center center; }
.shortcut_wrap > div .shorcut span .open{display: none;}
/* E::2024-04-04 수정 */
    
/* 메인 - 고객센터 */
.section_conts.cs_wrap{font-size: 10px; margin-top: 60px;}
.section_conts.cs_wrap > div::before{display: none;}
.section_conts.cs_wrap > div .cs_contents{width: 100%; margin: 0; padding: 0; border: 1px solid #DEE1E8; background: #F2F4F8; border-radius: 4px; height: 128px;}
.section_conts.cs_wrap > div .cs_contents::before,
.section_conts.cs_wrap > div .cs_contents::after{display: none;}
.section_conts.cs_wrap > div .cs_contents .cs_call{max-width: unset; margin-left: 4vw;}
.section_conts.cs_wrap > div .cs_contents .cs_call > span{ font-size: 18px; margin-top: 8px;}
.section_conts.cs_wrap > div .cs_contents .cs_call div{font-size: 24px; font-weight: 500; margin-top: 10px;}
.section_conts.cs_wrap > div .cs_contents .cs_call div span{font-size: 14px; font-weight: 400; vertical-align: middle; height: 26px;}
.section_conts.cs_wrap > div .cs_contents .cs_intro{display: none;}
.section_conts.cs_wrap > div .cs_contents .cs_shorcut_wrap{margin-right: 4vw; width: 167vw;}
.section_conts.cs_wrap > div .cs_contents .cs_shorcut_wrap li{height: 96px; text-align: left; border-radius: 4px;}
.section_conts.cs_wrap > div .cs_contents .cs_shorcut_wrap li + li{margin-left: 16px;}
.section_conts.cs_wrap > div .cs_contents .cs_shorcut_wrap li:nth-child(1) {background: url("../images/common/ic_quick_01.svg") no-repeat bottom 12px right 16px #fff;}
.section_conts.cs_wrap > div .cs_contents .cs_shorcut_wrap li:nth-child(2) {background: url("../images/common/ic_quick_02.svg") no-repeat bottom 12px right 16px #fff;}
.section_conts.cs_wrap > div .cs_contents .cs_shorcut_wrap li:nth-child(4) {background: url("../images/common/ic_quick_03.svg") no-repeat bottom 12px right 16px #fff;}
.section_conts.cs_wrap > div .cs_contents .cs_shorcut_wrap li:nth-child(3){display: none;}
.section_conts.cs_wrap > div .cs_contents .cs_shorcut_wrap li::after{display: none;}
.section_conts.cs_wrap > div .cs_contents .cs_shorcut_wrap a{font-size: 14px; font-weight: 400; display: block; padding-top: 15px; padding-bottom: 50px; padding-left: 22px; background: none !important;}

/* Our service */
.section_conts.our_service > div { padding: 0; }
.section_conts.our_service > div .section_tit { padding: 0 20px; }
.section_conts.our_service .contents_area .service_wrap { width: 100%; overflow-x: scroll; }
.section_conts.our_service .contents_area .service_wrap .service_conts { width: 1200px; margin: 0 20px; }
.section_conts.our_service .contents_area .service_wrap .service_conts .service:nth-child(2n+1) { border-left: 1px solid #E0E0E0; }
.section_conts.our_service .contents_area .service_wrap .service_conts .service a::before { top:0; left: 0; width: 100px; height: 110px; }
.section_conts.our_service .contents_area .service_wrap .service_conts .service a > div { padding: 6px 0 0 6px; }
.section_conts.our_service .contents_area .service_wrap .service_conts .service a > div > div { padding: 38px 0 0 38px; }
.section_conts.our_service .contents_area .service_wrap .service_conts .service a > div > div h3 { font-size: 20px; color: #222; }
.section_conts.our_service .contents_area .service_wrap .service_conts .service a > div > div div { height: 46px; padding: 16px 10px 0 0; font-size: 16px; color: #222; }
.section_conts.our_service .contents_area .service_wrap .service_conts .service a > div > div p { padding-top: 16px; font-size: 14px; color: #093F81; } /* 2024-04-24/3 수정 */
.section_conts.our_service .contents_area .service_wrap .service_conts .service a > div > div p::after { content:'화살표'; display: block; position: absolute; top: 45px; left: -4px; width: 40px; height: 40px; background: url("../images/main/ic_arrow_right.svg") no-repeat center; text-indent:-10000px; overflow: hidden; }
.section_conts.our_service .contents_area .service_wrap .service_conts .service:first-child a > div > div img { margin-top: 60px; }
.section_conts.our_service .contents_area .service_wrap .service_conts .service a > div > div img { width: 100%; margin-top: 60px; }
.section_conts.our_service .contents_area .controler { display: block; }
.section_conts.our_service .contents_area .btn_wrap.side { right: 20px; }

.section_conts.our_service .contents_area .service_wrap .service_conts .service a:hover::before,
.section_conts.our_service .contents_area .service_wrap .service_conts .service a:focus::before { width: 100px; height: 110px; transition: none; }
.section_conts.our_service .contents_area .service_wrap .service_conts .service a:hover > div > div h3,
.section_conts.our_service .contents_area .service_wrap .service_conts .service a:focus > div > div h3 { color: #222; transition: none;}
.section_conts.our_service .contents_area .service_wrap .service_conts .service a:hover > div > div div,
.section_conts.our_service .contents_area .service_wrap .service_conts .service a:focus > div > div div { color: #222; transition: none; }
.section_conts.our_service .contents_area .service_wrap .service_conts .service a:hover > div > div p,
.section_conts.our_service .contents_area .service_wrap .service_conts .service a:focus > div > div p { color: #093F81; transition: none; }
.section_conts.our_service .contents_area .service_wrap .service_conts .service a > div > div p::after,
.section_conts.our_service .contents_area .service_wrap .service_conts .service a > div > div p::after { display: block; opacity: 1; }
.section_conts.our_service .contents_area .service_wrap .service_conts .service a:hover > div > div p::after,
.section_conts.our_service .contents_area .service_wrap .service_conts .service a:focus > div > div p::after { opacity: 1; }
.section_conts.our_service .contents_area .service_wrap .service_conts .service a:hover > div > div img,
.section_conts.our_service .contents_area .service_wrap .service_conts .service a:focus > div > div img{ transform: none; }

/* Ceo 동정 */
.section_conts.ceo_news { margin-top: 80px; padding: 0; background: #fff; }
.section_conts.ceo_news > div { display: block; }
.section_conts.ceo_news .ceo_wrap { width: 100%; }
.section_conts.ceo_news .ceo_wrap > a.ceo_contents { display: flex; flex-direction: column; align-items: center; width: calc(100% - 36px); padding: 24px 18px; background: #515E78 url("../images/main/img_ceo_tab.svg") no-repeat right 4% bottom; transition: none; } /* 2024-04-29 수정 */
.section_conts.ceo_news .ceo_wrap.active > a.ceo_contents{margin-top: 0;}
.section_conts.ceo_news .ceo_wrap > a.ceo_contents h3 { position: absolute; top: 24px; left: 24px; padding: 0; font-size: 4.2em; }
.section_conts.ceo_news .ceo_wrap > a.ceo_contents h3 span { font-size: 0.9em; }
.section_conts.ceo_news .ceo_wrap > a.ceo_contents .tit { width: 50%; max-width: 535px; padding: 0; margin: 0 0 8px 0; font-size: 16px; -webkit-line-clamp: 1; line-height: 1.5em; height: 1.5em; }
.section_conts.ceo_news .ceo_wrap > a.ceo_contents p { width: 50%; max-width: 535px; padding: 0; margin-bottom: 16px; -webkit-line-clamp: 2; height: 3em; }
.section_conts.ceo_news .ceo_wrap > a.ceo_contents > span { width: 50%; max-width: 535px; padding: 0; }
.section_conts.ceo_news .ceo_wrap a.btn_more { top: 24px; right: 24px; }
.section_conts.ceo_news .ceo_wrap.active > a.ceo_contents + .btn_more{top: 24px;}

/* 뉴스룸 */
.section_conts.ceo_news .news_wrap { position: relative; width: 100%; padding-top: 80px; margin-left: 0; }
.section_conts.ceo_news .news_wrap > div { padding-top: 0; }
.section_conts.ceo_news .news_wrap > div .card_wrap { height: 260px; padding-bottom: 0; }
.section_conts.ceo_news .news_wrap > div .card_wrap .card { margin-top: 0 !important; }
.section_conts.ceo_news .news_wrap > div .card_wrap .card a::before { width: 100%; height: 100%; }
.section_conts.ceo_news .news_wrap > div .card_wrap .card a > div > div h3 { position: relative; display: inline-block; margin: 24px; }
.section_conts.ceo_news .news_wrap > div .card_wrap .card a > div > div h3 span { z-index: 2; position: relative; font-size: 16px; }
.section_conts.ceo_news .news_wrap > div .card_wrap .card a > div > div .txt { margin: 0 24px; padding: 24px 0; font-size: 14px; }
.section_conts.ceo_news .news_wrap > div .card_wrap .card a > div > div .txt span { font-size: 16px; }
.section_conts.ceo_news .news_wrap > div .card_wrap .card a > div > div ul li { padding: 0 24px 24px 24px; }
.section_conts.ceo_news .news_wrap a.btn_more { z-index: 2; position: absolute; top: 110px; right: 28px; width: 24px; height: 24px; text-indent: -1000px; overflow: hidden; transform: rotate(0deg); transition: all 0.2s ease-in-out; } /* 2024-04-24/2 수정 */
.section_conts.ceo_news .news_wrap > div .card_wrap .card.card_bodo a > div > div h3::before { background: #C2DBFA; transition: all 0.2s; }
.section_conts.ceo_news .news_wrap > div .card_wrap .card.card_media a > div > div h3::before { background: #DCD9FD; transition: all 0.2s; }
.section_conts.ceo_news .news_wrap > div .card_wrap .card.card_issue a > div > div h3::before { background: #CDEDEE; transition: all 0.2s; }
.section_conts.ceo_news .news_wrap > div .card_wrap .card a:hover,
.section_conts.ceo_news .news_wrap > div .card_wrap .card a:focus { box-shadow: none; transition: none; }
.section_conts.ceo_news .news_wrap .section_tit { padding-bottom: 28px; }
.section_conts.ceo_news .news_wrap .section_tit.sub { padding-bottom: 0; } /* 2024-04-24/2 수정 */
.section_conts.ceo_news .news_wrap .section_tit div::before { display: none; }
.section_conts.ceo_news .news_wrap .section_tit div span { background: transparent; }
.section_conts.ceo_news .news_wrap::before{display: none;} /* 2024-04-24/2 추가 */

/* 공지사항 */
.section_conts.notice_sns > div { display: block; }
.section_conts.notice_sns .notice_wrap { max-width: 100%; }
.section_conts.notice_sns .notice_wrap .bord_wrap > div { padding: 52px 52px 97px 52px; }
.section_conts.notice_sns .notice_wrap .bord_wrap .bord_new a { justify-content: flex-start; }
.section_conts.notice_sns .notice_wrap .bord_wrap .bord_new a .date_box span { font-size: 16px; }
.section_conts.notice_sns .notice_wrap .bord_wrap .bord_new a .date_box p { font-size: 38px; }
.section_conts.notice_sns .notice_wrap .bord_wrap .bord_new a .bord_conts { margin-left: 24px; max-width: 100%; }
.section_conts.notice_sns .notice_wrap .bord_wrap .bord_new a .bord_conts div { font-size: 24px; }
.section_conts.notice_sns .notice_wrap .bord_wrap .bord_new a .bord_conts p { font-size: 16px; }
.section_conts.notice_sns .notice_wrap .bord_wrap .bord_list_wrap > div .bord_list .bord_btn { font-size: 20px; }
.section_conts.notice_sns .notice_wrap .bord_wrap .bord_list_wrap > div .bord_list ul li a div { font-size: 16px; }
.section_conts.notice_sns .notice_wrap .bord_wrap .bord_list_wrap > div .bord_list ul li a span { font-size: 16px; }

/* SNS */
.section_conts.notice_sns .sns_wrap { max-width: 100%; margin: 80px 0 0 0; }
.section_conts.notice_sns .sns_wrap .sns_list_wrap .sns_list .blog.sns_btn { left: 230px; }
.section_conts.notice_sns .sns_wrap .sns_list_wrap .sns_list .youtube.sns_btn { left: 280px; }
.section_conts.notice_sns .sns_wrap .sns_list_wrap .sns_list .instagram.sns_btn { left: 330px; }
.section_conts.notice_sns .sns_wrap .sns_list_wrap .sns_list ul { max-width: 100%; }
.section_conts.notice_sns .sns_wrap .sns_list_wrap .sns_list ul li a { display: flex; height: 220px; }
.section_conts.notice_sns .sns_wrap .sns_list_wrap .sns_list ul li a .thumbnail { width: 220px; height: 100%; flex-shrink: 0;}
.section_conts.notice_sns .sns_wrap .sns_list_wrap .sns_list ul li a .txt { height: 100%; }
.section_conts.notice_sns .sns_wrap .sns_list_wrap .sns_list ul li a .txt .tit { -webkit-line-clamp: 6; height: 9em; }
.section_conts.notice_sns .sns_wrap .sns_list_wrap .sns_list .blog.sns_btn:hover, .section_conts.notice_sns .sns_wrap .sns_list_wrap .sns_list .blog.sns_btn:focus { background: #03C75A url("../images/main/ic_blog_02.svg") no-repeat center center; background-size: 40px;}
.section_conts.notice_sns .sns_wrap .sns_list_wrap .sns_list .youtube.sns_btn:hover, .section_conts.notice_sns .sns_wrap .sns_list_wrap .sns_list .youtube.sns_btn:focus { background: #FF0000 url("../images/main/ic_youtube_02.svg") no-repeat center center; background-size: 40px;}
.section_conts.notice_sns .sns_wrap .sns_list_wrap .sns_list .instagram.sns_btn:focus,
.section_conts.notice_sns .sns_wrap .sns_list_wrap .sns_list .instagram.sns_btn:hover { width: 40px; transition: none; }
.section_conts.notice_sns .sns_wrap .sns_list_wrap .sns_list .instagram.sns_btn:focus::before,
.section_conts.notice_sns .sns_wrap .sns_list_wrap .sns_list .instagram.sns_btn:hover::before{opacity: 1;}
.section_conts.notice_sns .sns_wrap .sns_list_wrap .sns_list .instagram.sns_btn:focus p,
.section_conts.notice_sns .sns_wrap .sns_list_wrap .sns_list .instagram.sns_btn:hover p { opacity: 0; transition: none; }

/* 메인 팝업 */
.popup_main { left: 50%; top: 135px; width: calc(100% - 40px); max-width: 400px; transform: translate(-50%, 0); } /* 2025-07-11 수정 */
.popup_main .popup_footer button { margin: 0 16px; }

}
@media all and (max-width: 767px){
/* main section - 공통 */
.section_conts { margin-top: 60px; }
.section_conts > div .section_tit { font-size: 26px; margin-bottom: 20px; } /* 2024-04-24/2 수정 */
.section_conts > div .section_tit p { margin-bottom: 8px; font-size: 14px; }
.section_conts > div .section_tit div { font-size: 26px; }

/* 메인 숏컷 */
.shortcut_wrap > div { width: 150%; transition: all 0.2s; }
.shortcut_wrap > div .shorcut { width: 15%; }
    
/* 메인 고객센터 */
.section_conts.cs_wrap{margin-top: 32px;}
.section_conts.cs_wrap > div .cs_contents{display: block; height: auto; padding: 16px 12px;}
.section_conts.cs_wrap > div .cs_contents .cs_call{margin-left: 0;}
.section_conts.cs_wrap > div .cs_contents .cs_call div{margin-top: 2px;}
.section_conts.cs_wrap > div .cs_contents .cs_call > span{font-size: 16px;}
.section_conts.cs_wrap > div .cs_contents .cs_shorcut_wrap{margin-top: 12px; width: 100%; margin-right: 0; max-width: unset;}
.section_conts.cs_wrap > div .cs_contents .cs_shorcut_wrap br{display: block;}
.section_conts.cs_wrap > div .cs_contents .cs_shorcut_wrap li{height: 108px;}
.section_conts.cs_wrap > div .cs_contents .cs_shorcut_wrap li + li{margin-left: 8px;}
.section_conts.cs_wrap > div .cs_contents .cs_shorcut_wrap a{padding-left: 12px;}

/* Our service */
.section_conts.our_service { margin-top: 60px; }
.section_conts.our_service .contents_area .service_wrap .service_conts { width: 1088px; margin-bottom: 8px; }
.section_conts.our_service .contents_area .service_wrap .service_conts .service { width: 272px; }
.section_conts.our_service .contents_ .btn_wrap.side { font-size: 1.4em; }
.section_conts.our_service .contents_area .btn_wrap.side { top: -45px; }
.section_conts.our_service .contents_area .btn_wrap.side a { font-size: 14px; color: #616161; }

/* Ceo 동정 */
.section_conts.ceo_news > div { padding: 0; }
.section_conts.ceo_news .ceo_wrap { margin-top: 60px; padding: 0 20px; width: calc(100% - 40px); }
.section_conts.ceo_news .ceo_wrap > a.ceo_contents { display: block; width: calc(100% - 26px); padding: 13px; background: #515E78 url("../images/main/m_img_ceo_mo.svg") no-repeat right bottom; background-size: 107px; text-align: left; } /* 2024-04-29 수정 */
.section_conts.ceo_news .ceo_wrap > a.ceo_contents h3 { position: relative; padding: 0; top: 0; left: 0; font-size: 3.2em; }
.section_conts.ceo_news .ceo_wrap > a.ceo_contents .tit { width: calc(100% - 100px); margin: 20px 0; font-weight: 500; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.5em; height: 3em; }
.section_conts.ceo_news .ceo_wrap > a.ceo_contents p { display: none; }
.section_conts.ceo_news .ceo_wrap > a.ceo_contents > span { padding: 0; }
.section_conts.ceo_news .ceo_wrap a.btn_more { top: 20px; right: 40px; width: 24px; height: 24px; }
.section_conts.ceo_news .ceo_wrap.active > a.ceo_contents + .btn_more{top: 20px;}

/* 뉴스룸 */
.section_conts.ceo_news .news_wrap { padding-top: 60px; }
.section_conts.ceo_news .news_wrap .section_tit { padding: 0 20px; }
.section_conts.ceo_news .news_wrap > div { margin-top: 20px; height: 275px; overflow-x: scroll; }
.section_conts.ceo_news .news_wrap > div .card_wrap { width: 930px; padding: 0 20px; }
.section_conts.ceo_news .news_wrap a.btn_more { top: 84px; width: 24px; height: 24px; } /* 2024-05-20 수정 */

/* 공지사항 */
.section_conts.notice_sns .notice_wrap .bord_wrap { padding: 0 20px; margin-left: -20px; }
.section_conts.notice_sns .notice_wrap .bord_wrap > div { padding: 28px 0 96px 0; }
.section_conts.notice_sns .notice_wrap .bord_wrap .bord_new { height: auto; padding-bottom: 45px; }
.section_conts.notice_sns .notice_wrap .bord_wrap .bord_new a { position: relative; }
.section_conts.notice_sns .notice_wrap .bord_wrap .bord_new a .date_box { display: none; }
.section_conts.notice_sns .notice_wrap .bord_wrap .bord_new a .mo_date { display: block; }
.section_conts.notice_sns .notice_wrap .bord_wrap .bord_new a .bord_conts { margin-left: 0; max-width: 100%; }
.section_conts.notice_sns .notice_wrap .bord_wrap .bord_new a .bord_conts div { font-size: 20px; -webkit-line-clamp: 2; height: 3em;}
.section_conts.notice_sns .notice_wrap .bord_wrap .bord_list_wrap { margin-top: 16px; }
.section_conts.notice_sns .notice_wrap .bord_wrap .bord_list_wrap > div { display: flex; }
.section_conts.notice_sns .notice_wrap .bord_wrap .bord_list_wrap > div .bord_list { width: 80px; height: 80px; }
.section_conts.notice_sns .notice_wrap .bord_wrap .bord_list_wrap > div .bord_list .bord_btn { font-size: 16px; width: auto; }
.section_conts.notice_sns .notice_wrap .bord_wrap .bord_list_wrap > div .bord_list:nth-child(2) .bord_btn { top: 0; left: 82px; transition: none; } /* 2024-05-20 수정 */
.section_conts.notice_sns .notice_wrap .bord_wrap .bord_list_wrap > div .bord_list ul { top: 35px; left: 0; width: 100%; }
.section_conts.notice_sns .notice_wrap .bord_wrap .bord_list_wrap > div .bord_list ul li { margin: 8px 0 0 10px; }
.section_conts.notice_sns .notice_wrap .bord_wrap .bord_list_wrap > div .bord_list ul li::before { left: -15px; }
.section_conts.notice_sns .notice_wrap .bord_wrap .bord_list_wrap > div .bord_list ul li a div { font-size: 16px; }
.section_conts.notice_sns .notice_wrap .bord_wrap .bord_list_wrap > div .bord_list ul li a span { font-size: 12px; padding-left: 4px; line-height: 24px; }
.section_conts.notice_sns .notice_wrap .bord_wrap .bord_list_wrap > div .bord_list .btn_board_more { bottom: -80px; width: 96px; height: 32px; line-height: 30px; padding-right: 15px; background: #F2F4F8 url(../images/common/ic_plus_32px.svg) no-repeat center right 15px; background-size: 17px; }
.section_conts.notice_sns .notice_wrap .bord_wrap .bord_list_wrap > div .bord_list .btn_board_more:hover,
.section_conts.notice_sns .notice_wrap .bord_wrap .bord_list_wrap > div .bord_list .btn_board_more:focus { background-position: center right 15px; }

/* SNS */
.section_conts.notice_sns .sns_wrap { margin-top: 60px; }
.section_conts.notice_sns .sns_wrap .section_tit.bar::after { height: 20px; right: -20px; top: 6px; display: none;} /* 2024-05-20 수정 */
.section_conts.notice_sns .sns_wrap .sns_list_wrap .sns_list .sns_btn { width: 36px; height: 36px; background-size: 100%; }
.section_conts.notice_sns .sns_wrap .sns_list_wrap .sns_list .blog.sns_btn { top: -52px; left: unset; right: 88px; } /* 2024-05-20 수정 */
.section_conts.notice_sns .sns_wrap .sns_list_wrap .sns_list .youtube.sns_btn { top: -52px; left: unset; right: 44px; } /* 2024-05-20 수정 */
.section_conts.notice_sns .sns_wrap .sns_list_wrap .sns_list .instagram.sns_btn { top: -52px; left: unset; right: 0; } /* 2024-05-20 수정 */
.section_conts.notice_sns .sns_wrap .sns_list_wrap .sns_list .instagram.sns_btn::before { width: 36px; height: 36px; }
.section_conts.notice_sns .sns_wrap .sns_list_wrap .sns_list .instagram.sns_btn p { line-height: 36px; }
.section_conts.notice_sns .sns_wrap .sns_list_wrap .sns_list ul { max-width: 100%; }
.section_conts.notice_sns .sns_wrap .sns_list_wrap .sns_list ul li a { display: block; height: auto; }
.section_conts.notice_sns .sns_wrap .sns_list_wrap .sns_list ul li a .thumbnail { width: 100%; height: 43vw; }
.section_conts.notice_sns .sns_wrap .sns_list_wrap .sns_list ul li a .txt { height: 78px; }
.section_conts.notice_sns .sns_wrap .sns_list_wrap .sns_list ul li a .txt .tit { margin: 8px 8px 4px 8px; -webkit-line-clamp: 2; line-height: 1.3em; height: 2.6em; font-size: 14px; }
.section_conts.notice_sns .sns_wrap .sns_list_wrap .sns_list ul li a .txt .info { margin: 0 8px 6px 8px; font-size: 12px; }
.section_conts.notice_sns .sns_wrap .sns_list_wrap .sns_list ul li a .txt .info .sns_ic { display: inline-block; width: 17px; height: 17px; }
.section_conts.notice_sns .sns_wrap .sns_list_wrap .sns_list ul li a .txt .info .sns_ic img { width: 100%; }
.section_conts.notice_sns .sns_wrap .sns_list_wrap .sns_list ul li a .txt .info .date { padding-left: 2px; }
.section_conts.notice_sns .sns_wrap .sns_list_wrap .sns_list .instagram.sns_btn:focus,
.section_conts.notice_sns .sns_wrap .sns_list_wrap .sns_list .instagram.sns_btn:hover { width: 36px; }

}
@media all and (max-width: 500px){
/* S::2024-05-21 추가 */
.main_bnnr_wrap .main_bnnr .bnnr img.bnnr_pc{ display: none;}
.main_bnnr_wrap .main_bnnr .bnnr img.bnnr_mobile{display: block;}
/* E::2024-05-21 추가 */
/* 메인 배너 - background 순서 유지 필수 : (1)contents, (2)bg */
.main_bnnr_wrap .main_bnnr .bnnr.bnnr_01 { background-image: url("../images/main/img_contents_01_mo.png"), url("../images/main/img_visual_01_mo.png"); background-size: cover, cover; background-position: bottom center, center center; background-repeat:no-repeat; } 
.main_bnnr_wrap .main_bnnr .bnnr.bnnr_02 { background-image: url("../images/main/img_contents_02_mo.png"), url("../images/main/img_visual_02_mo.png"); background-size: cover, cover; background-position: bottom center, center center; background-repeat:no-repeat; } /* 2024-05-10 수정 */
.main_bnnr_wrap .main_bnnr .bnnr.bnnr_03 { background-image: url("../images/main/img_contents_03_mo.png"), url("../images/main/img_visual_03_mo.png"); background-size: cover, cover; background-position: bottom center, center center; background-repeat:no-repeat; }
.main_bnnr_wrap .main_bnnr .bnnr.bnnr_04 { background-image: url("../images/main/img_contents_04_mo.png"), url("../images/main/img_visual_04_mo.png"); background-size: cover, cover; background-position: bottom center, center center; background-repeat:no-repeat; }/* 2024-04-23 추가 */
.main_bnnr_wrap .main_bnnr .bnnr.bnnr_05 { background-image: url("../images/main/img_contents_05_mo.png"), url("../images/main/img_visual_05_mo.png"); background-size: cover, cover; background-position: bottom center, center center; background-repeat:no-repeat; }/* 2024-04-23 추가 */
.main_bnnr_wrap .main_bnnr .bnnr.bnnr_06 { background-image: url("../images/main/img_contents_06_mo.png"), url("../images/main/img_visual_06_mo.png"); background-size: cover, cover; background-position: bottom center, center center; background-repeat:no-repeat; }/* 2024-04-23 추가 */
.main_bnnr_wrap .main_bnnr .bnnr.bnnr_07 { background-image: url("../images/main/img_contents_07_mo.png"), url("../images/main/img_visual_07_mo.png"); background-size: cover, cover; background-position: bottom center, center center; background-repeat:no-repeat; }/* 2024-04-23 추가 */
/*.main_bnnr_wrap .main_bnnr .bnnr.bnnr_08 { background-image: url("../images/main/img_contents_08_mo.png"), url("../images/main/img_visual_08_mo.png"); background-size: cover, cover; background-position: bottom center, center center; background-repeat:no-repeat; }*/ /* 2024-04-24/3 삭제 */
.main_bnnr_wrap .controler_wrap { z-index: 2; position: absolute; top: unset; bottom: 16px; left: unset; right: 16px; width: 153px; height: 32px; border-radius: 50px;}
.main_bnnr_wrap .controler_wrap .counter { line-height: 32px; top: 0; width: auto; margin-left:16px; font-size: 1.4em; }
.main_bnnr_wrap .controler_wrap .prevArrow { top: 80%; margin-left: 46px; width: 24px; height: 24px; background: url("../images/common/ic_arrow_left_on.svg") no-repeat center center;}
.main_bnnr_wrap .controler_wrap .nextArrow { top: 80%; margin-right: 0; width: 24px; height: 24px; background: url("../images/common/ic_arrow_right_on.svg") no-repeat center center; }
.main_bnnr_wrap .controler_wrap .prevArrow:hover { background: url("../images/common/ic_arrow_left_on.svg") no-repeat center; }
.main_bnnr_wrap .controler_wrap .nextArrow:hover { background: url("../images/common/ic_arrow_right_on.svg") no-repeat center; }
.main_bnnr_wrap .controler_wrap .play { margin-left: 55.5%; }
.main_bnnr_wrap .controler_wrap .stop { margin-left: 55.5%; }

/* 메인 숏컷 */
.shortcut_wrap > div { width: 210%; transition: all 0.2s; }
.shortcut_wrap > div .shorcut { width: 21%; }

}