@charset "utf-8";
:root { --swiper-bg-type-default: #fdf8eb; --swiper-bg-type-thanks: #ebf0e7; --default-font-color: #333; --paging-font-color: #444; --point-font-color: #8d522b; --category-font-color: #452b11; --greeting-font-color: #555; --greeting-box-bg: #f9f9f9; --Highlighter-color: #cb9978; }

html, body {line-height: normal;}
em, address {font-style: normal;}
.h_bt {z-index: 100 !important;} 
.mgt60{margin-top:60px;}
.mgt65{margin-top:65px;}
strong {font-weight: normal;}
.blind { border: 0; clip: rect(0 0 0 0); clip-path: inset(50%);  width: 1px; height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap;}
.paginate_simple{position:relative;z-index:10;padding:16px 0;text-align:center;line-height:normal;clear:both;vertical-align:middle;color:#ffffff}
.paginate_simple *{font-size:11px;vertical-align:middle;display:inline-block;position:relative;margin:0 -2px;font-size:1.0em;color:#000;line-height:normal;text-decoration:none;vertical-align:middle}
.paginate_simple a{display:inline-block;padding:1px 5px;margin:0 2px;background:#a7a7a7;color:#ffffff}
.paginate_simple strong{display:inline-block;padding:1px 5px;margin:0 2px;text-align:center;color:#ffffff;font-weight:bold;background:#447ce2;}
.paginate_simple .direction{padding:0 6px;font-weight:bold;font-size:11px;color:#666;text-align:center;background:none;}
.paginate_simple .direction span{overflow:hidden;visibility:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.paginate_simple a {background:none; color:#666; margin:0 4px;}
.paginate_simple ol li a {padding:9px 13px; border-radius:3px; border:1px solid #d7d5d5;}
.paginate_simple ol li.onPage a {font-weight:bold; border-bottom:2px solid #003467; color:#003467;}

.greetings_wrap {font-family: "Pretendard"; margin-bottom: 61px;}
.greetings_wrap a {text-decoration: none;}

.greetings_header {position: relative; padding: 100px 0;}
.greetings_header.type_default { background-color: var(--swiper-bg-type-default);}
.greetings_header.type_thanks { background-color: var(--swiper-bg-type-thanks);}
.greetings_header .title {margin: 10px auto 0; font-size: 42px; color: #424242; font-weight: 600; line-height: 42px; letter-spacing: -0.65px;}

.greetings_top_slider {position: relative; width: 1200px; height: 400px; margin: 0 auto; }
.greetings_top_slider .fixed_content {position: absolute; top: 0; left: 0; z-index: 10; }
.greetings_top_slider .fixed_content .tab {display: flex; align-items: center; gap: 10px; margin-top: 15px;}
.greetings_top_slider .fixed_content .tab_link {display: block; height: 43px; padding: 0 19px 0 18px; font-size: 22px; letter-spacing: -1.2px; line-height: 43px; color: var(--Highlighter-color); border-radius: 25px; border: 1px solid var(--Highlighter-color); box-sizing: border-box;}
.greetings_top_slider .fixed_content .tab_link.active {color: #fff; background-color: var(--Highlighter-color);}
.greetings_top_slider .top-swiper-wrap { display: flex; overflow: hidden; width: 1550px; height: 400px; } 
.greetings_top_slider .main-swiper, .greetings_top_slider .sub-swiper { height: 100%; } 
.greetings_top_slider .main-swiper { width: 590px; padding-right: 102px; box-sizing: border-box; } 
.greetings_top_slider .sub-swiper { width: calc( 100% - 496px); } 
.greetings_top_slider .swiper { width: 100%; height: 100%; } 
.greetings_top_slider .swiper-slide { text-align: center; font-size: 18px; } 
.greetings_top_slider .sub-swiper .swiper-slide .slide-inner {width: 100%;}
.greetings_top_slider .sub-swiper .swiper-slide img { display: block; height: 100%; object-fit: cover; }
.greetings_header.type_default .swiper-slide {background-color: var(--swiper-bg-type-default);}
.greetings_header.type_thanks .swiper-slide {background-color: var(--swiper-bg-type-thanks);}

.greetings_top_slider .swiper-button-prev { top: auto; left: auto; right: 37px; bottom: 25px; width: 18px; height: 18px; background-image: url('https://static.barunsoncard.com/barunsoncard/gnb/ico_slide_arrow.png'); background-size: 18px 18px; transform: rotate(180deg); } 
.greetings_top_slider .swiper-button-next { top: auto; left: auto; right: -4px; bottom: 25px; width: 18px; height: 18px; background-image: url('https://static.barunsoncard.com/barunsoncard/gnb/ico_slide_arrow.png'); background-size: 18px 18px; } 
.greetings_top_slider .swiper-button-prev:after, .greetings_top_slider .swiper-button-next:after {display: none;}

.greetings_top_slider .swiper-pagination { display: flex; justify-content: center; align-items: center; gap: 21px; width: auto; top: auto; left: auto; right: 97px; bottom: 25px; } 
.greetings_top_slider .swiper-pagination:after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1px; height: 14px; color: var(--paging-font-color); background-color: #aaaea8; } 
.greetings_top_slider .swiper-pagination span {color: var(--paging-font-color);font-weight: 500; font-size: 15px;}
.greetings_top_slider .swiper-pagination .swiper-pagination-total {margin-left: 1px;}
.greetings_top_slider .text { position: relative; width: 100%; height: 100%; } 
.greetings_top_slider .text p { position: absolute; left: 0; bottom: 0; margin: 0; text-align: left; } 
.greetings_top_slider .img-wrap { width: 100%; } 

.greetings_top_slider .card_text_wrap { margin-top: 160px;}
.greetings_top_slider .card_text_wrap p {font-family: "Pretendard"; text-align: left; font-weight: 400; font-size: 23px; line-height: 34px; letter-spacing: -0.7px; color: var(--default-font-color);}
.greetings_top_slider .card_text_wrap span {font-family: "Pretendard"; font-weight: 300; font-size: 23px; color: var(--default-font-color);}

.top-swiper-wrap {position: relative;}
.top-swiper-wrap .short_cut {position: absolute; bottom: 19px; left: -1px; padding: 6px 13px 3px 3px; font-size: 16px; color: var(--default-font-color ); letter-spacing: -0.4px; border-bottom: 1px solid var(--default-font-color); z-index: 10;}
.top-swiper-wrap .short_cut:after {content: ''; position: absolute; top: 7px; right: -5px; width: 18px; height: 18px; background: url('https://static.barunsoncard.com/barunsoncard/gnb/ico_shortcut.png');}

.content_block .block {display: block;}
.content_block .bold {font-weight: 600;}
.content_block .title {text-align: center;}
.content_block .title strong { font-weight: 600;}
.content_block .nav {display: flex; justify-content: center; align-items: center;}
.content_block .panel_box {padding: 0 50px;}

.greeting_guide {padding: 120px 140px; background-color: #fcfcfc;}
.greeting_guide .inner_content {display: flex; flex-direction: column; justify-content: center; align-items: center;}
.greeting_guide .title .point {display: block; font-size: 44px; line-height: 53px; color: var(--point-font-color); font-weight: 600; }
.greeting_guide .title .sub{position: relative; font-size: 24px; line-height: 47px; color: var(--default-font-color); font-weight: 500; z-index: 1;}
.greeting_guide .title .sub:after {content: ''; position: absolute; bottom: 2px; right: 1px; width: 163px; height: 5px; background-color: rgba(203,153,120,0.4); z-index: -1;}
.greeting_guide .guide_list {width: 1036px; margin-top: 100px;}
.greeting_guide .list_item { display: flex; justify-content: center; align-items: center; gap: 114px; padding-top: 56px;}
.greeting_guide .list_item:first-child {justify-content: flex-start; padding-top: 0;}
.greeting_guide .list_item:first-child .img-wrap {order: 1;}
.greeting_guide .list_item:first-child .inner_text {order: 2; box-sizing: border-box;}
.greeting_guide .list_item:nth-child(2) { justify-content: flex-end; text-align: right;}
.greeting_guide .list_item:nth-child(2) .inner_text { box-sizing: border-box;}
.greeting_guide .img_wrap {display: flex; justify-content: center; align-items: center;}
.greeting_guide .num {font-size: 48px; line-height: 73px; color: var(--Highlighter-color); font-weight: 300;}
.greeting_guide .item_title { display: block; margin-top: 10px; margin-bottom: 36px; font-size: 39px; line-height: 43px; color: var(--default-font-color);}
.greeting_guide .item_text {font-size: 26px; line-height: 39px; color: #666}

.greeting_text_list .title{margin-bottom: 65px; padding-top: 118px; font-size: 44px; color: var(--default-font-color); font-weight: 600; letter-spacing: -0.25px; line-height: 44px;}
.greeting_text_list .nav {gap: 42px; margin-bottom: 46px;}
.greeting_text_list .nav_item .item_link {padding-top: 11px; font-size: 24px; color: var(--category-font-color); letter-spacing: -0.25px;}
.greeting_text_list .nav_item.active {position: relative; font-weight: 600;}
.greeting_text_list .nav_item.active:after {content: ''; position: absolute; top: -11px; left: 50%; transform: translateX(-50%); width: 5px; height: 5px; background-color: var(--category-font-color); border-radius: 50%;}

.greeting_text_list .panel {display: grid; grid-template-columns: 480px 480px; gap: 32px; justify-content: center; }
.greeting_text_list .item_box {position: relative; padding: 53px 32px; font-size: 19px; letter-spacing: -0.4px; border-radius: 5px; background-color: #f9f9f9; box-sizing: border-box;}
.greeting_text_list .item_box .badge {position: absolute; top: 0; right: 0; width: 60px; height: 39px; padding-left: 2px; line-height: 39px; font-size: 18px; text-align: center; color: #fff; border-top-right-radius: 5px; box-sizing: border-box;}
.greeting_text_list .item_box .badge.bg-red {background-color: var(--Highlighter-color);}
.greeting_text_list .item_name {display: inline-block; position: relative; padding: 0 6px; color: var(--default-font-color); font-size: 24px; font-weight: 600; letter-spacing: -1px; z-index: 1; }
.greeting_text_list .item_num { color: var(--default-font-color); font-size: 24px; font-weight: 600;}
.greeting_text_list .item_name:after {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 7px; background: rgba(203, 153, 120, .3); z-index: -1;}
.greeting_text_list .item_text {margin-top: 16px; margin-left: 6px; line-height: 28px; font-family: "Pretendard"; font-size: 18px; color: var(--greeting-font-color); font-weight: 400;}

.greeting_text_list .paginate_simple a {margin: 0 4px;}
.greeting_text_list .paginate_simple ol li a {padding: 9px 13px; border-radius: 3px; border: 1px solid #d7d5d5}
.greeting_text_list .paginate_simple ol li.onPage a {color: #003467; font-weight: 600; border-bottom: 2px solid #003467;}
