@charset "utf-8";

/* 헤더 */
#hd { position: absolute; top: 0; left: 0; right: 0; z-index: 1; }
#hd:before, #hd:after, #hd_home, #hd_user, #hd_contact, #hd_button { display: none; }
#hd_wrap { width: 100%; padding: 0; }
#hd_logo { height: 4.6875rem; position: relative; }
#hd_logo a { top: 50%; left: calc(50% - 545px - 191px); transform: translateY(-50%); width: auto; height: 3.5625rem; }
#hd_logo .hd_logo_bk { display: none; }
#hd_logo .hd_logo_wt { display: block; }
#hd_logo img { max-height: 3.5625rem; }

#hd_search { display: none; }

#hd_gadget { display: block; top: 50%; right: 5rem; transform: translateY(-50%); }
#hd_gadget > ul > li.hd_gadget_sitemap > .hd_gadget_btn { font-size: 1.944rem; }
#hd_gadget > ul > li { margin-left: 1.667rem; }
#hd_gadget > ul > li.hd_gadget_search, #hd_gadget > ul > li.hd_gadget_member { display: none; }
#hd_gadget > ul > li > .hd_gadget_btn { color: #fff; }

#hd.hd_zindex #hd_wrap::before { content: ""; position: absolute; top: 74px; left: 0; right: 0; height: 256px; background: #fff; z-index: -1; transition: all 0.25s ease-in-out; }

#hd.hd_zindex #hd_logo { background-color: #fff; transition: all 0.25s ease-in-out; }
#hd.hd_zindex #hd_logo .hd_logo_bk { display: block; }
#hd.hd_zindex #hd_logo .hd_logo_wt { display: none; }
#hd.hd_zindex #hd_gadget > ul > li > .hd_gadget_btn { color: #000; }

@media ( max-width: 1440px ) {
    #hd_logo a { left: 1rem; }
    #hd { left: 0; }
}
@media ( max-width: 1200px ) {
    #hd_wrap { padding: 0 1rem; }
    #hd_gadget > ul > li.hd_gadget_sitemap { display: none; }
}

/* GNB */
#gnb { font-size: 1.125rem; letter-spacing: 0; margin: 0; top: 50%; left: calc(50% - 545px); transform: translateY(-50%); min-width: 899px; right: calc(50% - 545px); }
#gnb_wrap { height: 4.6875rem; align-items: center; justify-content: center; text-align: center; display: flex; }
#gnb_1dul .gnb_1dli { margin: 0 1.875rem; padding: 0 0.5rem; }
#gnb_1dul .gnb_1dli .gnb_1da { position: relative; padding: .75em 0; color: #fff; font-weight: 600; font-family: 'Poppins','Pretendard',sans-serif; }
#gnb_container.gnb-on #gnb_1dul .gnb_1dli .gnb_1da { color: #000; }
#gnb_1dul .gnb_1dli:not(:first-child):before { display: none; }


#gnb_1dul .gnb_2dul { left: 50%; transform: translateX(-50%); padding: 0.625rem 0; transition: all 0.25s ease-in-out; }
#gnb_1dul .gnb_2dli { border: none; text-align: center; }
#gnb_1dul .gnb_2da { position: relative; display: inline-block; width: auto; padding: 0.75em 0; text-align: center; white-space: normal; text-overflow: inherit; line-height: 1.25; color: #111; transition: all 0.25s;  font-family: 'Poppins','Pretendard',sans-serif; font-size: 1.1rem; }
#gnb_1dul .gnb_2dli.gnb_2dli_on .gnb_2da { color: #A80521; font-weight: bold; }
#gnb_1dul .gnb_2da::before, #gnb_1dul .gnb_2da::after { content: ""; position: absolute; bottom: 0.4rem; left: 50%; transform: translateX(-50%); width: 0; height: 1px; background: #fff; transition: all 0.25s; }
#gnb_1dul .gnb_2dli.gnb_2dli_on .gnb_2da::before, #gnb_1dul .gnb_2dli.gnb_2dli_on .gnb_2da::after { background: #A80521; }
@media (hover: hover), (-ms-high-contrast:none) {
    #gnb_1dul .gnb_2dli:hover .gnb_2da::before, #gnb_1dul .gnb_2dli .gnb_2da:hover::after { width: 100%; }
}


/* 비주얼 슬라이드 */
#vis_wrap { position: relative; }
#vis_wrap .swiper-container { position: static; }
#vis_wrap .swiper-container .swiper-wrapper { position: static; }

#vis:after {}

#vis #slider .swiper-slide .swiper-txt { position: absolute; top: calc(50% - 0.722rem); left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center; color: #fff; font-family: 'Poppins','Pretendard',sans-serif; }
#vis #slider .swiper-slide .swiper-txt h2 { font-size: 2.5rem; font-weight: bold; line-height: 1.4; }
#vis #slider .swiper-slide .swiper-txt p { font-size: 1.563rem; line-height: 1.4; margin-top: 2.875rem; }
#vis #slider .swiper-slide .swiper-txt .a-more-01 { margin-top: 2.875rem; border: 1px solid #fff; position: relative;border-radius: 35px; color: #fff; font-family: 'Bodoni Moda 11pt', sans-serif; font-size: 0.944rem; font-weight: bold; font-style: italic; letter-spacing: 0.019rem; text-align: center; transition: all .25s; height: 67px; display: inline-flex; justify-content: center; align-items: center; overflow: hidden; }
#vis #slider .swiper-slide .swiper-txt .a-more-01 a { color: #fff; padding: 1.125rem 5.375rem 1.125rem 1.875rem; font-style: normal; }
#vis #slider .swiper-slide .swiper-txt .a-more-01::before { content: ""; position: absolute; top: 0; left: 0; width: 0; height: 100%; background: #fff; z-index: -1; transition: all .4s; color: #111; }
#vis #slider .swiper-slide .swiper-txt .a-more-01 a::after { position: absolute; left: 78%;  top: 43%;  content: ''; width: 10px; height: 10px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg); }

@media (hover: hover), (-ms-high-contrast:none) {
  #vis #slider .swiper-slide .swiper-txt .a-more-01:hover { color: #fff; border: transparent; }
  #vis #slider .swiper-slide .swiper-txt .a-more-01:hover a { color: #111; }
  #vis #slider .swiper-slide .swiper-txt .a-more-01:hover::before { width: 100%; border-radius: 35px; }
  #vis #slider .swiper-slide .swiper-txt .a-more-01:hover a::after { border-top: 2px solid #111; border-right: 2px solid #111; }
}

#vis_wrap .swiper-pagination-bullet { background-color: #fff; opacity: 1; bottom: 5.8125rem; }
.swiper-container-horizontal>.swiper-pagination-bullets { bottom: 5.813rem; }
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 10px; }
#vis_wrap .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #A80521; }
.swiper-button-prev, .swiper-button-next { transform: translateY(-50%); width: 2.222rem; height: 4.556rem; margin: 0; background-size: contain; }
.swiper-button-prev { left: 3.333rem; background-image: url("../images/swiper_arrow_prev.png"); }
.swiper-button-next { right: 3.333rem; background-image: url("../images/swiper_arrow_next.png"); }

@media ( max-width: 1499px ) {
  #slider { height: 800px; }
  #vis #slider .swiper-slide .swiper-txt { padding: 0 6rem; }
}
@media ( max-width: 1200px ) {
  #slider { height: 500px; }
  #vis #slider .swiper-slide .swiper-txt h2 { font-size: 2.5rem; }
  .swiper-button-prev { left: 1.5rem; }
  .swiper-button-next { right: 1.5rem; }
  .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 3.813rem; }
}
@media ( max-width: 768px ) {
  #slider { height: 450px; }
  #vis #slider .swiper-slide .swiper-txt h2 { font-size: 1.5rem; }
  #vis #slider .swiper-slide .swiper-txt p { margin-top: 1.5rem; font-size: 1rem; }
  #vis #slider .swiper-slide .swiper-txt { padding: 0 2rem; }
  .swiper-button-prev, .swiper-button-next { display: none; }
  #vis #slider .swiper-slide .swiper-txt .a-more-01 { margin-top: 1.5rem; height: 51px; }
  #vis #slider .swiper-slide .swiper-txt .a-more-01 a { padding: 0.125rem 3.375rem 0.125rem 0.875rem; }
  #vis_wrap .swiper-pagination-bullets { bottom: 1.875rem; }
}
@media ( max-width: 576px ) {
  #vis #slider .swiper-slide .swiper-txt h2 { margin-top: 2.5rem; }
}

/* view more 버튼 */
.a-more-01 { margin-top: 2.875rem; border: 1px solid #fff; position: relative;border-radius: 35px; color: #fff; font-family: 'Bodoni Moda 11pt', sans-serif; font-size: 0.944rem; font-weight: bold; font-style: italic; letter-spacing: 0.019rem; text-align: center; transition: all .25s; height: 70px; display: inline-flex; justify-content: center; align-items: center; overflow: hidden; }
.a-more-01 a { color: #fff; padding: 1.125rem 5.375rem 1.125rem 1.875rem; font-style: normal; }
.a-more-01::before { content: ""; position: absolute; top: 0; left: 0; width: 0; height: 100%; background: #fff; z-index: -1; transition: all .4s; color: #111; }
.a-more-01 a::after { position: absolute; left: 78%;  top: 43%;  content: ''; width: 10px; height: 10px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg); }

@media (hover: hover), (-ms-high-contrast:none) {
  .a-more-01:hover { color: #fff; border: transparent; }
  .a-more-01:hover a { color: #111; }
  .a-more-01:hover::before { width: 100%; border-radius: 35px; }
  .a-more-01:hover a::after { border-top: 2px solid #111; border-right: 2px solid #111; }
}
@media ( max-width: 768px ) {
  .a-more-01 { margin-top: 1.5rem; height: 51px; }
  .a-more-01 a { padding: 0.125rem 3.375rem 0.125rem 0.875rem; }
}

/* off */
#off_backdrop { z-index: 12 !important; }
#off_heading .hd_logo_wt { display: none; }
#off_search { display: none; }
#off #off_member { display: none; }
#off #off_member a:focus, #off #off_member a:hover { background-color: #A80521; border-color: #A80521; }
#off #off_1dul .off_1dli_family > a::before, #off #off_1dul .off_1dli_family > a::after { background: #A80521; }
#off #off_1dul .off_2dli.off_2dli_active { font-weight: 800; }

/* 푸터 */
#ft { padding-top: 4rem; padding-bottom: 2.222rem; background: #2E3139; color: #aaa; }
#ft_info .ft_comp > h3,
#ft_info .ft_comp > h3 span,
#ft_link, #ft_copy,
#ft_info .ft_comp > ul > li > dl > dd,
#ft_info .ft_comp > ul > li > dl > dt { color: #fff; }

#ft_info .ft_comp > ul > li > dl > dd,
#ft_info .ft_comp > ul > li > dl > dt { line-height: 2.25; }

#ft_sign .ft_logo_bk { display: none; }
#ft_sign .ft_logo_wt { display: block; }
#ft_info .ft_comp > h3 { display: block; font-size: 25px; font-weight: bold; text-transform: initial; }
#ft_info .ft_comp > h3 span { font-size: 20px; font-weight: 600; }

#ft_info .ft_comp > ul > li.cp_owner,
#ft_info .ft_comp > ul > li.cp_biz,
#ft_info .ft_comp > ul > li.cp_tno,
#ft_info .ft_comp > ul > li.cp_fao,
#ft_social,
#ft_link { display: none; }

#ft_info .ft_comp > h3 { margin-bottom: 1.875rem; }
#ft_info .ft_comp > ul > li.cp_addr { width: 100%; }
#ft_info .ft_comp > ul > li.cp_tel,
#ft_info .ft_comp > ul > li.cp_fax { position: relative; }
#ft_info .ft_comp > ul > li.cp_tel::after,
#ft_info .ft_comp > ul > li.cp_fax::after { content: ""; position: absolute; width: 1px; height: 12px; background: #999; top: 50%; right: 6%; transform: translateY(-50%); }
#ft_copy { justify-content: left; height: 0; color: #ccc; margin-top: 1.25rem; }

#ft:after { display: none; }
html #ft #ft_goto.fixed { display: none; }

@media ( max-width: 1200px ) {
  #ft_copy { -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; }
}

@media ( max-width: 768px ) {
  #ft { padding: 0; }
  #ft_sign a { text-align: left; }
  #ft_info { text-align: left; margin: 10px 20px; }
  #ft_info .ft_comp > h3 { margin-bottom: 0; }
  #ft_info .ft_comp > ul > li { width: 100%; }
  #ft_info .ft_comp > ul > li > dl { margin-left: 0; }
  #ft_info #ft_copy { justify-content: left; margin: 0.25rem; }
  #ft_info .ft_comp > ul > li.cp_tel::after,
  #ft_info .ft_comp > ul > li.cp_fax::after { display : none; }
}

@media ( max-width: 576px ) {
  #ft_info .ft_comp > ul > li { margin-bottom: 0; }
}

/* 사이트맵 */
.dm-sitemap-logo.sm_logo_bk { display: none; }
.dm-sitemap { background-color: rgb(13 13 26 / 96%); }
.dm-sitemap-body { text-align: center; justify-content: center; align-items: center; display: flex; }
.dm-sitemap-body > ul > li { width: 16%; padding: 50px 30px; }
.dm-sitemap-body > ul > li .dep1 { color: #e52445; }
.dm-sitemap-body > ul > li .dep1 span:before { background-color: #e52445; }
.dm-sitemap-body > ul > li .dep1:hover span:after { background-color: #e52445; }

/* 토글 */
.offcanvas-toggle .icon-bar { background: #fff; }
@media (max-width: 1200px) {
  #hd_toggle { top: 6px; right: 18px; }
}

/* 레이아웃 */
#gnb_wrap, #pop_wrap, #container, #ask_wrap, #kit_wrap, #stv_wrap, #hub_wrap, #ft_wrap, .section { width: 1090px; }
@media (max-width: 1200px) {
  #gnb_wrap, #pop_wrap, #vis_wrap, #container, #ask_wrap, #kit_wrap, #stv_wrap, #hub_wrap, #ft_wrap, .section { width: auto; }
}


/* vis - 타이틀러 */
#vis #titler { height: 440px; }
#vis #titler .leader { top: 75%; left: calc(50% - 545px); font-size: 50px; font-weight: 800; text-align: left; margin: 0; }
#vis #titler .helper { display: none; }

#vis #titler .segment { top: 73%; display: block; left: calc(50% - 545px); text-align: left; }
#vis #titler .segment > ul { justify-content: flex-start; }

/* 메뉴탭 */
#vis #titler .menutab { border-top: none; border-bottom: 1px solid #ddd; top: 100%; bottom: auto; }
#vis #titler .menutab > ul { margin: 0; max-width: 1090px; justify-content: right; z-index: 10; height: 77px;  right: calc(50% - 545px); left: calc(50% - 545px); }
#vis #titler .menutab > ul > li { min-width: 160px; text-align: center; }
#vis #titler .menutab > ul > li a { width: 100%; font-weight: 400; }
#vis #titler .menutab > ul > li > a { color: #111; }
#vis #titler .menutab > ul > li > a > span:active, #vis #titler .menutab > ul > li > a:focus > span, #vis #titler .menutab > ul > li > a:hover > span, #vis #titler .menutab > ul > li.on > a > span { position: relative; color: #A80521; font-weight: bold; padding: 23px 0; }
#vis #titler .menutab > ul > li > a:active > span:after,
#vis #titler .menutab > ul > li > a:focus > span:after, 
#vis #titler .menutab > ul > li > a:hover > span:after, 
#vis #titler .menutab > ul > li.on > a > span:after { content: ""; position: absolute; left: 0; right: 0; background: #A80521; height: 3px; top: 100%; }

@media ( max-width: 1024px ) {
  #vis #titler .leader { left: 0; right: 0; margin-left : 15px; }
  #vis #titler .segment { left: 0; right: 0; margin-left : 15px; }
  #vis #titler .menutab { width: 100%; left: 0; }
}
@media ( max-width: 768px ) {
  #vis #titler .menutab > ul > li { min-width: 100px; }
}
@media ( max-width: 576px ) {
  #vis #titler .leader { left: 0; top: 50%; text-align: center; margin-left: 0; }
  #vis #titler .menutab { top: 100%; left: 0; }
  #vis #titler .segment { left: 0; top: 50%; margin-left: 0; }
  #vis #titler .segment ul { justify-content: center; }
  #vis #titler .menutab > h3 { background: #05041c; opacity: 0.8; border-top: none; height: 44px; }
  #vis #titler .menutab > ul { height: auto; background: #f5f5f5; }
  #vis #titler .menutab > ul > li { text-align: left; border-bottom: 1px solid #ddd; }
  #vis #titler .menutab > ul > li > a:active > span:after, #vis #titler .menutab > ul > li > a:focus > span:after, #vis #titler .menutab > ul > li > a:hover > span:after, #vis #titler .menutab > ul > li.on > a > span:after { display: none; }
}

/* 컨테이너 */
#container .heading { text-align: left; }
#container .heading h3 { font-size: 2.25rem; font-family: "Poppins",'Pretendard',sans-serif; position: relative; display: inline-block; color: #111; }
#container #contentWrap .heading h3::after { content: ""; position: absolute; top: 0; right: -1.375rem; width: 0.5rem; height: 0.5rem; background-color: #A80521; }

#contentId-1f89810059a59e64680df93a649ed5df #container .heading h3,
#contentId-e1b84015941059afa8d203c0659c6bc7 #container .heading h3,
#contentId-2577ff7a449dc3d778ab69db0d4f5bfc #container .heading h3,
#contentId-c902a22855bdb5dae834001d8b73aa36 #container .heading h3 { display: none; }

#container .contentContainer { padding-bottom: 130px; }
#container .contentContainer h4 { color: #A80521; font-size: 1.5rem; font-family: "Poppins",'Pretendard',sans-serif; font-weight: bold; margin: 6.255rem 0 1.25rem; }

@media (max-width: 1200px) {
  #container { margin: 75px auto; padding: 0 15px; }
}

@media (max-width: 768px) {
  #container { /*margin: 0 auto;*/ }
  #contentId-1f89810059a59e64680df93a649ed5df #container,
  #contentId-e1b84015941059afa8d203c0659c6bc7 #container,
  #contentId-2577ff7a449dc3d778ab69db0d4f5bfc #container,
  #contentId-c902a22855bdb5dae834001d8b73aa36 #container { margin: 75px auto; }
  #container .heading { margin: 50px 0; }
}

@media (max-width: 576px) {
  #contentId-1f89810059a59e64680df93a649ed5df #container,
  #contentId-e1b84015941059afa8d203c0659c6bc7 #container,
  #contentId-2577ff7a449dc3d778ab69db0d4f5bfc #container,
  #contentId-c902a22855bdb5dae834001d8b73aa36 #container { margin: 0 auto; }
  #container .contentContainer h4 { margin: 3.255rem 0 1.25rem; }
  #contentId-72605ca2a17052e690296d549b56717d #container .heading { margin: 50px 0 15px; }
}

.mw-1306 { width: 100%; max-width: 1090px; margin: 0 auto; }

/* 게시판 버튼 색깔 변경 A80521 */
.bbs_listing .is_noti { background-color: #A80521; }
.bbs_search .sch_button { border-color: #A80521; background-color: #A80521; }
.bbs_listbtn .btn_write { border: 1px solid #A80521; color: #fff; }
.bbs .btn_close, .bbs .btn_submit, .bbs .btn_comment, .bbs .btn_modify { background-color: #A80521; border: 1px solid #A80521; }
.bbs .btn_list:hover, .bbs .btn_write:hover, .bbs .btn_close:hover, .bbs .btn_submit:hover, .bbs .btn_cancel:hover, .bbs .btn_comment:hover, .bbs .btn_modify:hover, .bbs .btn_delete:hover { background-color: #A80521; }
.bbs_listbtn .btn_write::before { background-color: #A80521; }
.bbs .btn_write { background-color: #A80521; border: 1px solid #A80521; }

.bd_qna .qnaBtn .btn-primary:not(:disabled):not(.disabled).active:focus, .bd_qna .qnaBtn .btn-primary:not(:disabled):not(.disabled):active:focus, .bd_qna .qnaBtn .btn-primary:hover { border-color: #A80521; background-color: #A80521; }

@media ( max-width: 375px ) {
  .bd_qna .qnaBtn .btn-primary { margin-bottom: 15px; }
}


/* 리스트 스타일 */
.list-style01 > li { position: relative; padding-left: 7px; font-size: 1.125rem; letter-spacing: -0.056rem; line-height: 1.5; }
.list-style01 > li:before { content: ""; position: absolute; top: 15px; left: 0; width: 3px; height: 3px; border-radius: 50%; background: #333; transform: translateY(-50%); }
.list-style01 > li:first-child { margin-top: 0; }