@charset "utf-8";

@import "reset_cache.css";
@import "module_cache.css";
@import "company_cache.css";

/* Common Layout */
.body_wrap { position: relative; min-width: @body_width@px;}

.wrapper { position: relative; width: 100%; min-width: @body_width@px;}
.wrapper > div { position: relative; max-width: @wrap_width@px; margin: 0 auto; padding: 0 @wrap_margin_left_right@px;}
.wrapper > div:after { content: ""; display: block; clear: both;}

.line_bg { border-top: 1px solid @border_main_color@; background: url(../bg/bg_line_cen.png) repeat-y 58.53% 0;}
.line_bg > div { padding-top: 20px;}

/* Header */
#header { z-index: 130;}
#header > div { padding: 0; max-width: @body_width@px;}

.top_wrapper { background: #efefef; border-bottom: 1px solid #ddd;}
.top_nav:after { content: ""; display: block; clear: both;}
.util_nav { padding: 10px 0 12px; float: right;}
.util_nav:after { content: ""; display: block; clear: both;}
.util_nav li { float: left;}
.util_nav li:before { content: "/"; margin-left: 6px; color: #bbb;}
.util_nav li:first-child:before { display: none;}
.util_nav li a { color: #4a4a4a; font-size: 12px; margin-left: 6px;}
.util_nav li a:hover { color: @main_color@; border-bottom: 1px solid @main_color@;}

.head_top { clear: both; position: relative; padding: 20px @wrap_margin_left_right@px;}
.head_top > div h1 { position: absolute; left: 50%; margin-left: -137px; top:8px; width: 275px;}
.head_top > div h1 b { display: table-cell; width: 460px; height: 100px; vertical-align: middle; text-align: center;}
.head_top > div:after { content: ""; display: block; clear: both;}
.head_top > div .head_ban { position: absolute; left: 10px; top: 0; min-width: 260px; margin: 14px 0 2px; padding-bottom: 10px;}
.head_top > div .head_ban .com_ban { text-align: left !important;}

.util_wrap { position: relative; float: right;}
.util_wrap ul:after { content: ""; display: block; clear: both;}
.util_wrap ul li { float: left;}

.date_wrap { margin-bottom: 3px; clear: both;}
.date_wrap:after { content: ""; display: block; clear: both;}
.date_wrap .weather_box { float: right;}
.date_wrap .today_txt { float: right; font-size: 15px !important; color: #000; margin: 7px 0 0 10px; letter-spacing: -0.02em;}

.search_box:after { content: ""; display: block; clear: both;}
.search_box .sns_nav { float: right; margin-right: 13px; margin-top: 1px;}
.search_box .sns_nav li { margin-left: 3px;}
.search_box .sns_nav li a { transition: .3s all ease;}
.search_box .sns_nav li a:hover { opacity: .85;}

.search_wrap { position: relative; float: right;}
.search_wrap input[type=text] { width: 145px; padding: 8px 10px 9px; margin-right: 32px; border: 1px solid @main_color@; border-radius: 6px 0 0 6px; font-size: 13px;}
.search_wrap .i_label { left: 10px; top:10px; font-size: 13px; color: #c9c9c9;}
.search_wrap .btn_search { position: absolute; right: 0; top:0; width:33px; height: 35px; background: @main_color@ url(../btn/btn_search.png) no-repeat 0 0; text-indent: -9999px; border-radius: 0 6px 6px 0; transition: .3s all ease;}
.search_wrap .btn_search:hover { background-color: @over_main_color@;}

.head_cen { position: relative; background: @main_color@; }

#gnb { position: relative; text-align: center; height: 49px; left: -1px;}
#gnb:after { content: ""; display: block; clear: both;}
#gnb > li { float: left; display: block; z-index: 135; width: 14.285%;}
#gnb > li > a { display: block; height: 49px; line-height: 47px; font-size: 17px; padding: 0 22px; transition: .3s all ease; color: #fff; font-weight: bold;}
#gnb > li > a.on, #gnb > li > a.active { background-color: @over_main_color@;}

#gnb > li > ul { position: absolute; left: 0; top: 49px; border: 4px solid @main_color@; border-top: 0; background: #fff url(../bg/bg_gnb_sub.png) repeat-x 0 0; border-radius: 0 0 13px 13px;}
#gnb > li > ul:after { content: ""; display: block; clear: both;}
#gnb > li > ul li { float: left; display: block; border-left: 1px solid #dedede;}
#gnb > li > ul li:first-child { border-left: 0;}
#gnb > li > ul li a { display: block; height: 42px; line-height: 40px; color: #767676; font-size: 15px; padding: 0 12px; font-weight: bold;}
#gnb > li > ul li a:hover, #gnb > li > ul li a.active { color: @main_color@;}

#gnb.vertical > li { position: relative;}
#gnb.vertical > li > ul { left: 0; height: inherit; text-align: left; width: 900px; min-width: 132px;}
#gnb.vertical > li > ul li { float: none; display: block; background: none; text-align: left; border: 0;}
#gnb.vertical > li > ul li:first-child { padding-left: 0; margin-left: 0;}
#gnb.vertical > li > ul li a { display:block; height: 40px; line-height: 38px; padding: 0; border-top: 1px solid #eaeaea;}
#gnb.vertical > li > ul li a span { display: inline-block; padding: 0 15px;}
#gnb.vertical > li > ul li a:hover, #gnb > li > ul li a.active { color: @main_color@;}

/* Footer */
#footer { border-top: 1px solid #dedede;}
#footer .wrapper > div { max-width: @wrap_width@px;}
.foot_top { border-bottom: 1px solid #dedede;}
.foot_bot { background: #f6f6f6; padding-bottom: 8px;}

.foot_wrap { position: relative; padding: 15px 0 20px;}
.foot_wrap:after { content: ""; display: block; clear: both;}
.foot_wrap h6 { position: absolute; left: 20px; top: 25px; display: table; margin-right: 40px; text-align: center;}
.foot_wrap h6 b { display: table-cell; vertical-align: middle; text-align: center;}
.foot_wrap > div { padding-left: 190px;}

.foot_nav:after { content: ""; display: block; clear: both;}
.foot_nav > ul { position: relative; float: left; margin-bottom: 8px;}
.foot_nav > ul:after { content: ""; display: block; clear: both;}
.foot_nav > ul li { float: left;}
.foot_nav > ul li:before { position: relative; top: -2px; content: "|"; font-size: 8px; margin: 0 8px; color: #999;}
.foot_nav > ul li:first-child { margin-left: -20px;}
.foot_nav > ul li:first-child:before { visibility: hidden;}
.foot_nav > ul li a { font-size: 12px; color: #222; letter-spacing: -0.1em; font-weight: bold;}
.foot_nav > ul li a:hover { text-decoration: underline;}

.update_date { float: right; margin-top: 1px;}
.update_date:after { content: ""; display: block; clear: both;}
.update_date dt { float: left; font-weight: bold; color: @main_color@; margin-right: 5px;}
.update_date dd { float: left; letter-spacing: 0;}

.foot_con > p { font-size: 11px; color: #7b7b7b; letter-spacing: -0.04em; line-height: 1.6;}
.foot_con > p * { font-style: normal; font-weight: normal; color: #7b7b7b; margin-right: 10px; letter-spacing: 0;}
.foot_con > p > b { font-weight: bold;}
.foot_con > b { position: absolute; right: 0; bottom: 20px;}

.partner_nav { padding: 12px 0 0; display: flex;}
.partner_nav ul { height: 48px; display: flex;}
.partner_nav ul li { position: relative;}
.partner_nav ul li.pn_margin img { position: relative; top: -10px;}

/* Content */
#container { margin-bottom: 10px; padding-top: 20px;}
.container_solo { clear: both; position: relative; padding-bottom: 20px !important;}
#container > div { padding-bottom: 30px;}

.page_tit { position:relative; font-size: 26px; padding-bottom: 17px; line-height: 1.2;}
.lnb_tit { position:relative; font-size: 24px; padding: 5px 0 16px; line-height: 1.2; letter-spacing: -0.08em;}

.btn_mobile { position: relative; text-align: center; padding: 15px 0;}
.aside_box { position: relative; padding: 0 7px 0 13px;}

.headline { margin-bottom: 20px;}
.line_wrap { padding: 20px 0; border-top: 1px solid #dedede; background: url(../bg/bg_linewrap.png) repeat-y 689px 0;}
.bg_wrap { padding: 20px 0; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; background: url(../bg/bg_bgwrap.png) repeat-y 0 0; margin-bottom: 20px;}

#lnb { border-top: 3px solid #3d3d3d;}
#lnb > li { position: relative; border-bottom: 1px solid #dedede;}
#lnb > li > a { overflow: hidden; display: block; height: 40px; line-height: 38px; padding: 0 10px; font-weight: bold; font-size: 14px; background: url(../btn/btn_lnb.png) no-repeat right center; transition: all .3s ease; letter-spacing: -0.08em;}
#lnb > li > a:hover { background-color: #999; color: #fff;}
#lnb > li > a.active, #lnb > li > a.on { background-color: @main_color@; color: #fff;}
#lnb > li > ul { background: #efefef;}
#lnb > li > ul > li { position: relative; border-top: 1px solid #dedede;}
#lnb > li > ul > li > a { display: block; height: 34px; line-height: 32px; padding: 0 0 0 10px; font-weight: bold; font-size: 13px; letter-spacing: -0.08em; background: url(../btn/btn_lnb_sub.png?220511) no-repeat right center;}
#lnb > li > ul > li > a:hover, #lnb > li > ul > li > a.on { color: @main_color@;}
#lnb > li > ul.nav02 { display: flex; flex-wrap: wrap;}
#lnb > li > ul.nav02 > li { width: 50%;}

#lnb > li > a .img_tit_kff { display: block; height: 123px; height: 16px; background: url(../img/lnb_kff.png?190110) no-repeat 0 0; margin-top: 12px; text-indent: -9999em;}
#lnb > li > a.on .img_tit_kff, #lnb > li > a.active .img_tit_kff, #lnb > li > a:hover .img_tit_kff { background-position: 0 -19px;}

/* 메인 */
.inner_skin { position: relative;}
.inner_skin > h2 { font-size: 17px; margin-bottom: 15px;}
.inner_skin > ul:after { content: ""; display: block; clear: both;}
.inner_skin > ul > li { float: left;}

.local_listnav { padding-top: 12px;}
.local_listnav li { width: 11.111111%; margin: 0 0 7px;}
.local_listnav li a { display: block; height: 26px; line-height: 23px; border: 2px solid #ddd; border-radius: 15px; margin: 0 2px; text-align: center; font-weight: bold; color: #888; box-shadow: 0 2px 3px rgba(0,0,0,.4); transition: all .3s ease;}
.local_listnav li a:hover { color: @main_color@; border-color: @over_main_color@; transform: translateY(-2px);}

.fase_linknav ul { border: 1px solid #dedede; background: #f7f7f7; margin-right: 1px; padding: 16px 0; padding-left: 16px;}
.fase_linknav li a { position: relative; z-index: 1; display: block; border: 1px solid #eaeaea; margin-left: -1px; text-align: center; transition: all .3s ease;}
.fase_linknav li a:hover { z-index: 2; border-color: @main_color@;}

/* 소개 */
.terms_content { position: relative; padding: 0 30px; margin-top: -20px;}
.terms_content * { color: #222;}

.intro_map { width: 480px; margin: 0 auto;}

.intro_map_info { position: relative; border: 1px solid #467caf; border-radius: 5px; width: 478px; margin: 0 auto 15px; margin-top: -120px;}
.intro_map_info > div { border: 1px solid #fff; background: #82b9df; border-radius: 4px; padding: 10px 15px;}
.intro_map_info > div > div { position: relative;}
.intro_map_info h3 { color: #275d9b; font-size: 18px; padding-bottom: 8px; border-bottom: 1px solid #467caf; margin-bottom: 10px;}
.intro_map_info dl { position: relative; padding-left: 100px; font-size: 13px; color: #fff; margin: 7px 0; min-height: 17px;}
.intro_map_info dt { position: absolute; left: 0; top: 0; font-weight: bold; padding-left: 15px;}
.intro_map_info dt:after { position: absolute; left: 5px; top: 7px; content: ""; display: block; width: 6px; height: 6px; background: #fff; border-radius: 3px;}
.intro_map_info #sweb { position: absolute; right: 0; top: 0;}

.img_nav:after { content: ""; display: block; clear: both;}
.img_nav li { float: left; margin-right: 10px;}

.img_slide_wrap { position: relative; width: 600px; height: 400px; padding: 21px 35px 25px; background: url(../bg/bg_slider.png) no-repeat 0 0;}
.img_slide_wrap .slide_wrap { position: relative;}

.img_slide_wrap .bx-controls-direction { display: block;}
.img_slide_wrap .bx-controls-direction a { position: absolute; top: 50%; display: block; width: 17px; height: 35px; background: url(../btn/btn_slider.png) no-repeat 0 0; z-index: 100; text-indent: -9999px; overflow: hidden; margin-top: -18px; cursor: pointer;}
.img_slide_wrap .bx-controls-direction a.bx-prev { left: 12px; background-position: 0 0;}
.img_slide_wrap .bx-controls-direction a.bx-next { right: 12px; background-position: -22px 0;}
.img_slide_wrap .bx-controls-direction a:hover { background-position-y: -40px;}
.img_slide_wrap .bx-pager { display: none;}

.img_slide_wrap .slide_num { color: #222; font-size: 15px; text-align: center; position: relative; top: 30px;}
.img_slide_wrap .slide_num strong { font-weight: bold; color: @main_color@;}

.global_map { background: url(../bg/bg_frame_map.png) no-repeat 0 0; width: 654px; height: 680px; padding: 8px;}
.family_box { background: url(../bg/bg_family.png) no-repeat right 0; padding: 50px 30px 0;}
.family_box a { display: block; width: 620px; margin: 0 auto 10px;}

/* 사업 */
.box_slide { position: relative; width: 654px; height: 330px; padding: 8px; background: url(../activity/bg_box_cen.png) repeat-y 0 0;}
.box_slide:before { position: absolute; left: 0; top: 0; content: ""; display: block; width: 670px; height: 8px; background: url(../activity/bg_box_top.png) no-repeat 0 0; z-index: 100;}
.box_slide:after { position: absolute; left: 0; bottom: 0; content: ""; display: block; width: 670px; height: 8px; background: url(../activity/bg_box_bot.png) no-repeat 0 0; z-index: 100;}
.box_slide .tab_box:after { content: ""; display: block; clear: both;}

.box_slide .tab_box .bx-wrapper { position: absolute; right: 16px; top: 32px; max-width: 212px !important; margin: 0 !important; z-index: 100;}
.box_slide .tab_box .bx-viewport { width: 212px !important; height: 286px !important;}
.box_slide .tab_link { position: relative;}
.box_slide .tab_link:after { content: ""; display: block; clear: both;}
.box_slide .tab_link li { width: 211px; height: 67px !important; margin-bottom: 5px;}
.box_slide .tab_link li a { position: relative; display: block; background:  url(../activity/btn_box.png) no-repeat 0 0; color: @main_color@; font-size: 16px; font-weight: bold;}
.box_slide .tab_link li a > span { position: relative; display: table;}
.box_slide .tab_link li a > span > span { display: table-cell; width: 211px; height: 64px; vertical-align: middle; text-align: center; padding-bottom: 3px;}
.box_slide .tab_link li a:hover { opacity: .75;}
.box_slide .tab_link li.on a, 
.box_slide .tab_link li.ui-tabs-selected a { background-position: 0 -72px; color: #fff;}

.box_slide .ui-tabs-hide { display: none;}

.box_slide .bx-controls-direction > a { position: absolute; left: 50%; margin-left: -17px; display: block; width: 35px; height: 18px; background: url(../activity/btn_box_arrow.png) no-repeat 0 0; text-indent: -9999em;}
.box_slide .bx-controls-direction > a.bx-prev { top: -20px;}
.box_slide .bx-controls-direction > a.bx-next { bottom: -17px; background-position: 0 -21px;}
.box_slide .bx-controls-direction > a.bx-prev:hover { background-position: -38px 0;}
.box_slide .bx-controls-direction > a.bx-next:hover { background-position: -38px -21px;}

.t_img_wrap { display: table; width: 420px; height: 330px;}
.t_img_wrap > span { display: table-cell; width: 420px; height: 330px; text-align: center; vertical-align: middle;}
.t_img_wrap > span img { max-width: 420px; max-height: 330px;}
.t_img_wrap > span iframe { max-width: 420px; max-height: 330px;}

.partner_form { width: 670px;}
.partner_form .rdo_list:after { content: ""; display: block; clear: both;}
.partner_form .rdo_list > li { float: left; position: relative; margin-left: 10px;}
.partner_form .rdo_list .rdo { margin-left: 0;}

.pay_wrap { position: relative; padding-left: 150px;}
.pay_wrap dt { position: absolute; left: 0; top: 0;}

.pay_list:after { content: ""; display: block; clear: both;}
.pay_list > li { float: left; margin-left: 20px;}
.pay_list .icop { text-align: center;}
.pay_list .icop.i01 { padding-top: 7px; height: 58px;}
.pay_list .icop.i02 { padding-top: 0; height: 65px;}
.pay_list .icop.i03 { padding-top: 2px; height: 63px;}
.pay_list .icop.i04 { padding-top: 7px; height: 58px;}

.parter_pay { width: 670px;}
.parter_pay > h3 { font-size: 22px; color: @main_color@; margin-bottom: 10px;}
.parter_pay > h4 { font-size: 18px; padding-top: 20px; margin-bottom: -10px;}

.kff_linebox { position: relative; width: 654px; padding: 8px; background: url(../activity/bg_box_cen.png) repeat-y 0 0;}
.kff_linebox:before { position: absolute; left: 0; top: 0; content: ""; display: block; width: 670px; height: 8px; background: url(../activity/bg_box_top.png) no-repeat 0 0; z-index: 100;}
.kff_linebox:after { position: absolute; left: 0; bottom: 0; content: ""; display: block; width: 670px; height: 8px; background: url(../activity/bg_box_bot.png) no-repeat 0 0; z-index: 100;}
.kff_linebox > p { background: #fff; padding: 20px;}
.kff_linebox > p b { color: @main_color@;}

.parter_pay .form_box { position: relative; border: 1px solid #dedede; border-top: 0; margin-bottom: 10px; background: url(../bg/bg_form.png) repeat-y 0 0;}
.parter_pay .form_box:after { content: ""; display: block; clear: both;}
.parter_pay .form_box > p { position: absolute; right: 0; top: -26px; color: #222; font-size: 12px;}
.parter_pay .form_box > p b { font-size: 17px; vertical-align: middle; color: #d4253e;}

.parter_pay .form_box dl { position: relative; border-top: 1px solid #ccc; padding-left: 150px;}
.parter_pay .form_box dl:after { content: ""; display: block; clear: both;}
.parter_pay .form_box dl:first-child { border-top: 0;}
.parter_pay .form_box dl dt { position: absolute; left: 0; top: 0; width: 120px; padding: 12px 0 0 20px; font-size: 14px;}
.parter_pay .form_box dl dt span, .parter_pay .form_box dl dt label { color: #222; font-weight: bold; font-size: 14px;}
.parter_pay .form_box dl dd { position: relative; margin: 5px 0; min-height: 38px; padding-right: 25px;}

.parter_pay .i_label { left: 7px; top: 11px; color:#bbb; line-height: 1; font-size: 14px;}
.parter_pay .require:after { position: absolute; left: 10px; top: 13px; content:"*"; font-size: 17px; color: #d4253e;}
.parter_pay .wid01 { width: 186px;}
.parter_pay .wid02 { width: 100%;}
.parter_pay .btn_gray { display: inline-block; padding: 9px 15px 11px; height: 16px; line-height: 1; background: #808080; color: #fff; vertical-align: middle; border: 1px solid #6c6c6c; border-radius: 3px; font-weight: bold;}
.parter_pay .btn_gray:hover { background: #6c6c6c;}

.parter_pay .btn_blue { display: inline-block; padding: 13px 35px 19px; height: 47px; line-height: 1; color: #fff; vertical-align: middle; margin-left: 5px; font-size: 18px; transition: .3s all; font-weight: bold;}

.parter_pay .btn_bic { padding: 14px 35px 17px; font-size: 17px !important; line-height: 1; font-weight: bold; border-radius: 0; border: 0;}
.parter_pay .btn_center { position: relative; text-align: center; padding: 10px 0 20px;}
.parter_pay .imp_txt { color: #d4253e; font-size: 12px; text-align: center; margin-bottom: 10px;}

/* 미디어 */
.bbox_wrap { position: relative; background: url(../media/bbox_cen.png) repeat-y 0 0; padding: 8px; width: 703px;}
.bbox_wrap:before { position: absolute; left: 0; top: 0; content: ""; display: block; width: 100%; height: 8px; background: url(../media/bbox_top.png) no-repeat 0 0; z-index: 100;}
.bbox_wrap:after { position: absolute; left: 0; bottom: 0; content: ""; display: block; width: 100%; height: 8px; background: url(../media/bbox_bot.png) no-repeat 0 0; z-index: 100;}

.bbox_wrap > div:after { content: ""; display: block; clear: both;}
.bbox_wrap > div > div { float: left;}
.bbox_wrap .bw01 { width: 410px;}
.bbox_wrap .bw02 { width: 293px;}

.thumb_inner_wrap { padding: 13px 15px 0;}
.thumb_inner_wrap .clearfix { margin-bottom: 5px;}
.thumb_inner_wrap .clearfix h5.fl { font-size: 17px; padding-top: 6px; color: @main_color@;}

.t_thumbbox { display: table; margin-bottom: 10px;}
.t_thumbbox > div { display: table-cell; width: 277px; height: 335px; text-align: center; vertical-align: middle;}
.t_thumbbox > div img { width: 216px; max-height: 335px;}

.bb_art_box > h2 { display: block; padding: 0 0 7px; border-bottom: 2px solid @main_color@; color: @main_color@; font-size: 21px; font-weight: bold; vertical-align: bottom;}
.bb_art_box > h2 > span { position: relative; bottom: -3px; font-size: 15px; color: #7fb8e2; margin-left: 7px;}
.bb_art_box { padding: 15px 20px;}
.bb_art_box .art_list { padding-top: 3px;}
.bb_art_box .art_list li { position: relative; padding-left: 8px; margin-top: 10px; background: url(../icon/icon_bu01.png) no-repeat 0 8px;}
.bb_art_box .art_list li a:hover { color: @main_color@;}
.bb_art_box .art_list li i { position: absolute; right: 0; top: 2px; font-style: normal; font-family: Tahoma, sans-serif; font-size: 12px; letter-spacing: 0;}

.board_tit { font-size: 28px; border-bottom: 1px solid @main_color@; color: @over_main_color@; line-height: 1; padding: 5px 0 17px; letter-spacing: -0.1em; margin-bottom: 20px !important;}
.desc_community { border-bottom: 1px solid #dedede; padding: 10px; text-align: center;}
.board_list { margin-top: -21px;}
.board_table { border-top: 1px solid @main_color@ !important;}
.board_list .art_list_all.column.col03 { padding-top: 10px;}

.btn_ezview { display: block; width: 130px; margin: 20px auto 5px; height: 40px; line-height: 38px; background: @main_color@; border: 3px solid #abcde8; text-align: center; font-size: 15px; font-weight: bold; color: #fff; border-radius: 4px; box-shadow: 0 0 2px rgba(0,0,0,.6); transition: all .3s ease;}
.btn_ezview:hover { background-color: @over_main_color@;}

/* KFF에 바란다 */
.sform_table { border-top: 1px solid #222; font-size: 14px;}
.sform_table table { table-layout: fixed;}
.sform_table th, .sform_table td { padding: 8px 20px 8px; height: 30px; border-bottom: 1px solid #d8dbdd; vertical-align: top;}
.sform_table th { background: #f2f2f2; text-align: left;}
.sform_table th label, .sform_table th span { display: block; height: 30px; line-height: 28px;}
.sform_table td > a:hover { color: #0070ac;}
.sform_table input[type=text], 
.sform_table input[type=password], 
.sform_table input[type=number], 
.sform_table input[type=tel], 
.sform_table input[type=email] { box-sizing: border-box; padding: 0 5px !important; height: 30px; font-size: 13px;}
.sform_table textarea { box-sizing: border-box; padding: 0 5px !important; height: 150px; font-size: 13px;}
.sform_table .val_txt { font-size: 12px; color: #808080; margin-left: 7px;}
.sform_table .val_txt.stc_b { color: #363636;}
.sform_table .val_txt > b { border-bottom: 1px solid #363636; color: #363636;}
.sform_table.free_pd th, .sform_table.free_pd td { height: inherit; padding: 8px 20px 10px;}

.tel_list:after { content: ""; display: block; clear: both;}
.tel_list > li { position: relative; float: left; padding-left: 14px;}
.tel_list > li:first-child { padding-left: 0;}
.tel_list > li:after { position: absolute; left: 0; top: 0; content: "-"; display: block; height: 30px; line-height: 27px; width: 14px; text-align: center;}
.tel_list > li:first-child:after { display: none;}

.address_list > li { position: relative; margin-top: 8px;}
.address_list > li:first-child { margin-top: 0;}
.address_list > li .i_label { color: #bbb; font-size: 13px; left: 5px; top: 7px;}

.btn_zip { display: inline-block; height: 28px; line-height: 26px; background: #808080; border: 1px solid #6c6c6c; border-radius: 2px; font-size: 13px; color: #fff; padding: 0 7px; transition: all .3s ease;}
.btn_zip:hover { background: #6c6c6c;}
.btn_zip.bz02 { background: @main_color@; border: @over_main_color@;}
.btn_zip.bz02:hover { background: @over_main_color@; color: #fff !important;}

.shop_btnbox { position: relative; text-align: center; font-size: 0;}
.shop_btnbox > a { display: inline-block; font-size: 16px; font-weight: bold; height: 46px; line-height: 44px; transition: all .3s ease;}
.shop_btnbox > a.bsw01 { width: 170px;}
.shop_btnbox > a.bsw02 { width: 110px;}
.shop_btnbox > a.bsw03 { padding: 0 30px;}
.shop_btnbox > a.bsw04 { width: 210px;}
.shop_btnbox > a.bsc01 { border: 1px solid #0098db; color: #0098db; background: #fff;}
.shop_btnbox > a.bsc01:hover { background: #ededed;}
.shop_btnbox > a.bsc02 { border: 1px solid #0098db; color: #fff; background: #0098db;}
.shop_btnbox > a.bsc02:hover { border-color: #0b82b8; background: #0b82b8;}
.shop_btnbox > a.bsc03 { border: 1px solid #a1a4a6; color: #fff; background: #a1a4a6;}
.shop_btnbox > a.bsc03:hover { border-color: #83878a; background: #83878a;}
.shop_btnbox > a.bsc04 { border: 1px solid #e8430a; color: #fff; background: #e8430a;}
.shop_btnbox > a.bsc04:hover { border-color: #b72f00; background: #b72f00;}
.shop_btnbox > a.bsc05 { border: 1px solid #005e8a; color: #fff; background: #005e8a;}
.shop_btnbox > a.bsc05:hover { border-color: #004363; background: #004363;}

.status_txt { position: relative; padding: 15px 0 7px;}
.status_txt:after { content: ""; display: block; clear: both;}
.status_txt > div { float: right;}
.status_txt > div:after { content: ""; display: block; clear: both;}
.status_txt > div > dl { float: left;}
.status_txt > div > span { display: block; float: left; padding: 0 5px;}
.status_txt > div > dl:after { content: ""; display: block; clear: both;}
.status_txt > div > dl dt, .status_txt > div > dl dd { float: left;}
.status_txt > div > dl dd { color: @main_color@; margin-left: 5px;}

.sns_ban_wrap { position: relative; width: 260px; margin-bottom: 20px;}
.sns_ban_wrap > img { position: absolute; left: 0; top: 0; z-index: 1;}
.sns_ban_wrap > ul { position: relative; z-index: 2; padding: 1px 0 15px 12px;}
.sns_ban_wrap > ul:after { content: ""; display: block; clear: both;}
.sns_ban_wrap > ul > li { float: left; width: 73px; margin: 15px 3px 0;}
.sns_ban_wrap > ul > li > a { display: block; height: 67px; text-indent: -9999em;}

.sns_ban_wrap04 { position: relative; width: 260px; margin-bottom: 20px;}
.sns_ban_wrap04 > img { position: absolute; left: 0; top: 0; z-index: 1;}
.sns_ban_wrap04 > ul { position: relative; z-index: 2; padding: 1px 0 15px 12px;}
.sns_ban_wrap04 > ul:after { content: ""; display: block; clear: both;}
.sns_ban_wrap04 > ul > li { float: left; width: 55px; margin: 15px 3px 0;}
.sns_ban_wrap04 > ul > li > a { display: block; height: 67px; text-indent: -9999em;}

/* 활동패밀리존 */
.family_con02 { position: relative;}

.family_con02 .tab_box:after { content: ""; display: block; clear: both;}

.family_con02 .tab_link { position:relative; margin-bottom: 20px;}
.family_con02 .tab_link:after { content: ""; display: block; clear: both;}
.family_con02 .tab_link li { float: left; width: 50%;}
.family_con02 .tab_link.col02 li { width: 50%;}
.family_con02 .tab_link.col03 li { width: 33.333%;}
.family_con02 .tab_link.col04 li { width: 25%;}
.family_con02 .tab_link.col05 li { width: 20%;}
.family_con02 .tab_link li a {
	position: relative;
	display:block; 
	margin-left: -1px;
	margin-right: -1px;
	height:48px; 
	line-height:44px; 
	font-size:16px;
	font-weight: bold;
	color: #363636; 
	text-align:center;
	border-top: 1px solid #dedede;
	background: #f3f3f3 url(../bg/bb_gray.png) repeat-x 0 bottom;
	transition: none;
	overflow: hidden;
}
.family_con02 .tab_link li a > span {
	display: block; 
	border-left: 1px solid #dedede; 
	border-right: 1px solid #dedede;
}
.family_con02 .tab_link li:first-child a > span { background-image: none;}
.family_con02 .tab_link li:first-child a { margin-left: 0;}
.family_con02 .tab_link li.on a, .family_con02 .tab_link li a.tap, .family_con02 .tab_link li.ui-tabs-selected a {
	background:#fff; 
	border-top: 2px solid #fe2c2d; 
	border-left: 2px solid #fe2c2d; 
	border-right: 2px solid #fe2c2d;
	color: @main_color@;
	z-index: 2;
	height: 47px;
	line-height: 42px;
}
.family_con02 .tab_link li.on a > span, .family_con02 .tab_link li a.tap > span, .family_con02 .tab_link li.ui-tabs-selected a > span { background: none; border: 0;}
.family_con02 .tab_link br { display:none;}
.family_con02 .ui-tabs-hide { display: none;}

.family_con02 .tab_wrap { clear: both; background: #fff;}
.family_con02 .tab_wrap > div { position: relative;}

/* 세계 지부지회 */
.box_frame { position: relative; background: url(../bg/bg_box_top.png) no-repeat 0 0; padding-top: 8px; width: 670px; margin: 0 auto 20px;}
.box_frame:after { content: ""; display: block; width: 670px; height: 8px; background: url(../bg/bg_box_bot.png) no-repeat 0 0;}
.box_frame > div { padding: 20px 25px 40px; background: url(../bg/bg_box.png) repeat-y 0 0;}

.globe_map { position: relative;}
.globe_map > p { position: absolute; left: 30px; top: 20px; display: inline-block; background: #1e79c2; height: 25px; line-height: 22px; color: #fff; padding: 0 10px; border-radius: 30px; font-weight: bold;}
.globe_map .tab_box:after { content: ""; display: block; clear: both;}
.globe_map .tab_link br { display:none;}
.globe_map .ui-tabs-hide { display: none;}

.globe_map .tab_link { position: relative; height: 350px;}
.globe_map .tab_link li { position: absolute; display: block; background: url(../bg/bg_map.png) no-repeat 0 0; z-index: 1;}
.globe_map .tab_link li.m01 { left: 107px; top: 126px; width: 159px; height: 129px; background-position: 0 0;} /* 아시아 */
.globe_map .tab_link li.m02 { left: 256px; top: 152px; width: 29px; height: 32px; background-position: -170px 0;} /* 일본 */
.globe_map .tab_link li.m03 { left: 73px; top: 26px; width: 285px; height: 137px; background-position: -200px 0;} /* 러시아 */
.globe_map .tab_link li.m04 { left: 360px; top: 66px; width: 171px; height: 148px; background-position: -490px 0;} /* 미국 */
.globe_map .tab_link li.m05 { left: 405px; top: 1px; width: 148px; height: 160px; background-position: 0 -300px;} /* 캐나다 */
.globe_map .tab_link li.m06 { left: 1px; top: 68px; width: 108px; height: 109px; background-position: -150px -300px;} /* 유럽 */
.globe_map .tab_link li.m07 { left: 229px; top: 218px; width: 132px; height: 138px; background-position: -260px -300px;} /* 오세아니아 */
.globe_map .tab_link li.m08 { left: 297px; top: 205px; width: 2px; height: 2px; background: #d4b5e7;} /* 괌 */
.globe_map .tab_link li.m09 { left: 12px; top: 170px; width: 126px; height: 129px; background-position: -400px -300px;} /* 아프리카 */
.globe_map .tab_link li.m10 { left: 83px; top: 160px; width: 84px; height: 57px; background-position: -535px -300px;} /* 중동 */
.globe_map .tab_link li.m11 { left: 486px; top: 191px; width: 96px; height: 158px; background-position: -665px -300px;} /* 남아메리카 */
.globe_map .tab_link li.m12 { left: 517px; top: 0; width: 105px; height: 114px; background-position: -665px 0;} /* 그린란드 */

.globe_map .tab_link li a, .globe_map .tab_link li b { position: absolute; font-weight: bold; font-size: 17px; z-index: 10;}
.globe_map .tab_link li a { opacity: .6; white-space: nowrap;}
.globe_map .tab_link li b { opacity: .6; cursor: default;}
.globe_map .tab_link li.m01 a { left: 45%; top: 25%; color: #883b03;}
.globe_map .tab_link li.m02 a { left: 80%; top: 25%; color: #1e8100;}
.globe_map .tab_link li.m03 b { left: 45%; top: 45%; color: #4e6e02;}
.globe_map .tab_link li.m04 a { left: 55%; top: 63%; color: #386f09;}
.globe_map .tab_link li.m05 a { left: 15%; top: 60%; color: #1682aa;}
.globe_map .tab_link li.m06 a { left: 50%; top: 55%; color: #460fa1;}
.globe_map .tab_link li.m07 a { left: 5%; top: 37%; color: #00695e;}
.globe_map .tab_link li.m08 a { left: 0; top: 0; color: #741360;}
.globe_map .tab_link li.m09 b { left: 17%; top: 20%; color: #4c7100;}
.globe_map .tab_link li.m10 b { left: 30%; top: 25%; color: #0b7475;}
.globe_map .tab_link li.m11 a { left: 27%; top: 35%; color: #764105;}
.globe_map .tab_link li.m12 b { visibility: hidden;}

.globe_map .tab_link li a:hover, 
.globe_map .tab_link li.on a, 
.globe_map .tab_link li.ui-tabs-selected a { opacity: 1; z-index: 100;}

.globe_map .tab_link li.m01.on, 
.globe_map .tab_link li.m01.ui-tabs-selected,
.globe_map .tab_link li.m02.on, 
.globe_map .tab_link li.m02.ui-tabs-selected,
.globe_map .tab_link li.m03.on, 
.globe_map .tab_link li.m03.ui-tabs-selected,
.globe_map .tab_link li.m04.on, 
.globe_map .tab_link li.m04.ui-tabs-selected { background-position-y: -150px;}
.globe_map .tab_link li.m05.on, 
.globe_map .tab_link li.m05.ui-tabs-selected,
.globe_map .tab_link li.m06.on, 
.globe_map .tab_link li.m06.ui-tabs-selected,
.globe_map .tab_link li.m07.on, 
.globe_map .tab_link li.m07.ui-tabs-selected,
.globe_map .tab_link li.m08.on, 
.globe_map .tab_link li.m08.ui-tabs-selected,
.globe_map .tab_link li.m11.on, 
.globe_map .tab_link li.m11.ui-tabs-selected { background-position-y: -465px;}

.globe_map .tab_wrap { clear: both; background: #fff;}
.globe_map .tab_wrap > div { position: relative;}

.globe_map .tab_wrap h3 { text-align: center; font-size: 18px; color: #222; margin: 0 0 20px; border-top: 2px solid #dedede; padding-top: 15px;}
.globe_map .tab_wrap h3 > b { color: #1e79c2; display: block; font-size: 20px;}
.globe_map .tab_wrap table { border-top: 2px solid #222;}
.globe_map .tab_wrap table th, .globe_map .tab_wrap table td { font-size: 15px; text-align: center; padding: 5px 5px 8px 20px; border-bottom: 1px solid #dedede; letter-spacing: -0.035em;}
.globe_map .tab_wrap table tbody th { text-align: left;}
.globe_map .tab_wrap table thead th:first-child { text-align: left;}
.globe_map .tab_wrap table .bb_top > * { border-top: 3px solid #dedede;}
.globe_map .tab_wrap table.m01, 
.globe_map .tab_wrap table.m02, 
.globe_map .tab_wrap table.m03, 
.globe_map .tab_wrap table.m06, 
.globe_map .tab_wrap table.m07, 
.globe_map .tab_wrap table.m08 { margin: 0 auto;}
.globe_map .tab_wrap table.m01 thead th { background: #fece35;}
.globe_map .tab_wrap table.m02 thead th { background: #4ec688;}
.globe_map .tab_wrap table.m03 thead th { background: #c6df96;}
.globe_map .tab_wrap table.m04 thead th { background: #bfd9b0;}
.globe_map .tab_wrap table.m05 thead th { background: #84cceb;}
.globe_map .tab_wrap table.m06 thead th { background: #bab4e7;}
.globe_map .tab_wrap table.m07 thead th { background: #a9e0e2;}
.globe_map .tab_wrap table.m08 thead th { background: #d4b5e7;}
.globe_map .tab_wrap table.m09 thead th { background: #fae2c7;}

.terms_content { font-size: 14px; line-height: 1.76;}
.term_years { position: relative; padding-left: 50px; width: 300px; margin: 0 auto;}
.term_years > h6 { position: absolute; left: 0; top: 0;}

.term_cons h3 { font-size: 18px; text-align: center; margin: 50px 0 20px;}
.term_cons h3 span { margin-right: 25px;}
.term_cons h4 { font-size: 16px; margin-top: 15px;}
.term_cons h5 { font-size: 18px; text-align: center; margin-top: 15px; letter-spacing: 3em; margin-right: -2em;}
.term_cons p { margin-left: 10px;}
.term_cons ul { margin-left: 10px;}
.term_cons li { position: relative; padding-left: 17px; margin-top: 5px;}
.term_cons li > span { position: absolute; left: 0; top: 0;}

.fam_nav .f_nav { display: flex; flex-wrap: wrap; background: #deeefa; border: 2px solid #bfcdea; padding: 20px 20px 15px; border-radius: 7px;}
.fam_nav .f_nav li { width: 19%; margin: 0 .5% 1%;}
.fam_nav .f_nav li a {
  background-color: #0078d0;
  border-radius: 56px;
  color: #fff;
  display: block;
  font-size: 17px;
  font-weight: bold;
  padding: 10px 21px 12px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: all .3s;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.fam_nav li a:before {
  background-color: initial;
  background-image: linear-gradient(#fff 0, rgba(255, 255, 255, 0) 100%);
  border-radius: 125px;
  content: "";
  height: 50%;
  left: 4%;
  opacity: .5;
  position: absolute;
  top: 0;
  transition: all .3s;
  width: 92%;
}

.fam_nav li a:hover {
  box-shadow: rgba(255, 255, 255, .2) 0 3px 15px inset, rgba(0, 0, 0, .1) 0 3px 5px, rgba(0, 0, 0, .1) 0 10px 13px;
}

/* 지부지회안내 */
.area_tab { position: relative;}
.area_tab:after { content: ""; display: block; clear: both;}
.area_tab .link_area { float: left; width: 41.6%; position: sticky; top: 50px; height: 470px; margin-top: 40px;}
.area_tab .link_area:after { position: absolute; left: 0; top: -30px; content: "원하는 지역을 클릭해 주세요."; display: inline-block; background: #1e79c2; height: 25px; line-height: 23px; color: #fff; padding: 0 10px; border-radius: 30px; font-weight: bold; visibility: visible;}

.area_tab .link_area li { position: absolute; display: block;}
.area_tab .link_area li:after { content: ""; display: block; background: url(../intro/area.png) no-repeat 0 0; opacity: .55;}
.area_tab .link_area .m01:after { width: 27px; height: 21px; background-position: 0 0;} /* 서울 */
.area_tab .link_area .m02:after { width: 36px; height: 27px; background-position: -107px 0;} /* 부산 */
.area_tab .link_area .m03:after { width: 29px; height: 30px; background-position: -47px 0;} /* 대구 */
.area_tab .link_area .m04:after { width: 30px; height: 21px; background-position: -149px 0;} /* 인천 */
.area_tab .link_area .m05:after { width: 25px; height: 16px; background-position: -79px 0;} /* 광주 */
.area_tab .link_area .m06:after { width: 19px; height: 25px; background-position: -182px 0;} /* 대전 */
.area_tab .link_area .m07:after { width: 33px; height: 34px; background-position: -204px 0;} /* 울산 */
.area_tab .link_area .m08:after { width: 14px; height: 26px; background-position: -30px 0;} /* 세종 */
.area_tab .link_area .m09:after { width: 106px; height: 115px; background-position: 0 -37px;} /* 경기 */
.area_tab .link_area .m10:after { width: 184px; height: 134px; background-position: -111px -37px;} /* 강원 */
.area_tab .link_area .m11:after { width: 93px; height: 100px; background-position: -111px -176px;} /* 충북 */
.area_tab .link_area .m12:after { width: 96px; height: 93px; background-position: 0 -176px;} /* 충남 */
.area_tab .link_area .m13:after { width: 102px; height: 73px; background-position: -122px -281px;} /* 전북 */
.area_tab .link_area .m14:after { width: 129px; height: 97px; background-position: 0 -412px;} /* 전남 */
.area_tab .link_area .m15:after { width: 117px; height: 126px; background-position: 0 -281px;} /* 경북 */
.area_tab .link_area .m16:after { width: 111px; height: 104px; background-position: -136px -412px;} /* 경남 */
.area_tab .link_area .m17:after { width: 47px; height: 24px; background-position: -240px 0;} /* 제주 */

.area_tab .link_area .m01 { z-index: 1; left: 84px; top: 69px;} /* 서울 */
.area_tab .link_area .m02 { z-index: 1; left: 204px; top: 270px;} /* 부산 */
.area_tab .link_area .m03 { z-index: 1; left: 178px; top: 216px;} /* 대구 */
.area_tab .link_area .m04 { z-index: 1; left: 55px; top: 72px;} /* 인천 */
.area_tab .link_area .m05 { z-index: 1; left: 58px; top: 268px;} /* 광주 */
.area_tab .link_area .m06 { z-index: 1; left: 108px; top: 169px;} /* 대전 */
.area_tab .link_area .m07 { z-index: 1; left: 220px; top: 242px;} /* 울산 */
.area_tab .link_area .m08 { z-index: 1; left: 102px; top: 148px;} /* 세종 */
.area_tab .link_area .m09 { left: 49px; top: 21px;} /* 경기 */
.area_tab .link_area .m10 { left: 111px; top: 0px;} /* 강원 */
.area_tab .link_area .m11 { left: 112px; top: 110px;} /* 충북 */
.area_tab .link_area .m12 { left: 36px; top: 119px;} /* 충남 */
.area_tab .link_area .m13 { left: 47px; top: 196px;} /* 전북 */
.area_tab .link_area .m14 { left: 6px; top: 250px;} /* 전남 */
.area_tab .link_area .m15 { left: 146px; top: 126px;} /* 경북 */
.area_tab .link_area .m16 { left: 124px; top: 220px;} /* 경남 */
.area_tab .link_area .m17 { left: 38px; top: 384px;} /* 제주 */

.area_tab .link_area li a { position: absolute; font-weight: bold; font-size: 15px; z-index: 10; white-space: nowrap; color: #666; opacity: .8}
.area_tab .link_area li a:hover { opacity: .8; color: #1e79c2;}

.area_tab .link_area .m01 a { top: 5px; left: 15px;} /* 서울 */
.area_tab .link_area .m02 a { top: 10px; left: 20px;} /* 부산 */
.area_tab .link_area .m03 a { top: 0px; left: 20px;} /* 대구 */
.area_tab .link_area .m04 a { top: 5px; left: -10px;} /* 인천 */
.area_tab .link_area .m05 a { top: 10px; left: px;} /* 광주 */
.area_tab .link_area .m06 a { top: 0px; left: 10px;} /* 대전 */
.area_tab .link_area .m07 a { top: 10px; left: 18px;} /* 울산 */
.area_tab .link_area .m08 a { top: 5px; left: -20px;} /* 세종 */
.area_tab .link_area .m09 a { top: 15px; left: 30px;} /* 경기 */
.area_tab .link_area .m10 a { top: 65px; left: 65px;} /* 강원 */
.area_tab .link_area .m11 a { top: 20px; left: 25px;} /* 충북 */
.area_tab .link_area .m12 a { top: 15px; left: 15px;} /* 충남 */
.area_tab .link_area .m13 a { top: 25px; left: 35px;} /* 전북 */
.area_tab .link_area .m14 a { top: 60px; left: 40px;} /* 전남 */
.area_tab .link_area .m15 a { top: 45px; left: 50px;} /* 경북 */
.area_tab .link_area .m16 a { top: 40px; left: 35px;} /* 경남 */
.area_tab .link_area .m17 a { top: 10px; left: 15px;} /* 제주 */

.area_tab .link_area li.on:after, 
.area_tab .link_area li.ui-tabs-selected:after { opacity: 1;}
.area_tab .link_area li.on a, 
.area_tab .link_area li.ui-tabs-selected a { opacity: 1; color: #000;}

.area_tab .tab_wrap { float: left; width: 58.4%;}
.area_tab .ui-tabs-hide { display: none;}

.area_tab .area_tit { font-size: 21px; color: #e02224; margin-bottom: 10px;}

.area_tab .top_area { position: relative; display: block; background: #deeefa; border: 2px solid #bfcdea; border-radius: 7px; padding: 10px 40px 10px 15px; margin-bottom: 20px; transition: all .3s ease;}
.area_tab .top_area:after { position: absolute; right: 10px; top: 50%;; margin-top: -11px; content: ""; display: block; width: 22px; height: 22px; background: #fff url(../intro/icon_ar.png) no-repeat 8px 6px; border-radius: 50%;}
.area_tab .top_area:hover { background: #e4f5f8;}
.area_tab .top_area dl { display: flex; margin: 5px 0; align-items: center;}
.area_tab .top_area dt { width: 25px; height: 25px; text-indent: -9999em; margin-right: 10px;}
.area_tab .top_area dd { flex: 1;}
.area_tab .top_area .ta01 dd { font-family: Tahoma, sans-serif; font-weight: bold; letter-spacing: 0; color: #1e79c2; font-size: 18px; margin-left: -1px;}
.area_tab .top_area .ta02 dd { font-size: 13px; word-break: keep-all;}
.area_tab .top_area .ta02 dd b { font-family: Tahoma, sans-serif; font-weight: bold; letter-spacing: 0;}
.area_tab .top_area .ta01 dt { background: url(../intro/icon_tel.png) no-repeat 0 0;}
.area_tab .top_area .ta02 dt { background: url(../intro/icon_address.png) no-repeat 0 0;}

.area_tab .area_list { border-top: 2px solid #000;}
.area_tab .area_list th,
.area_tab .area_list td { border-bottom: 1px solid #d8dee5;}
.area_tab .area_list th { width: 80px; background: #eff3f8; padding: 10px; vertical-align: top; text-align: left;}
.area_tab .area_list td a { position: relative; display: block; padding: 7px 30px 7px 10px; transition: all .3s ease;}
.area_tab .area_list td a:hover { background: #f6fde6;}
.area_tab .area_list td a:after { position: absolute; right: 0; top: 50%;; margin-top: -11px; content: ""; display: block; width: 22px; height: 22px; background: url(../intro/icon_ar.png) no-repeat 8px 6px; border-radius: 50%;}
.area_tab .area_list td a ul li { color: #5f5f5f; font-size: 12px;}
.area_tab .area_list td a ul li:first-child { font-family: Tahoma, sans-serif; font-weight: bold; letter-spacing: 0; color: #1e79c2; font-size: 16px; margin-left: -1px; margin-bottom: 5px;}
.area_tab .area_list td a ul li b { font-family: Tahoma, sans-serif; font-weight: bold; letter-spacing: 0;}

/* 게시글 공유 */
.btn_bbs_share { position: relative; padding: 20px; border-radius: 10px; border: 1px solid #eee; margin: 20px 0; background: url(../bg/bbs_share.png?210819) no-repeat 25px center; background-size: 110px 35px;}
.btn_bbs_share h3 { font-size: 17px; margin-bottom: 10px; border-bottom: 2px solid #ddd; padding-bottom: 7px;}
.btn_bbs_share .btn_share { position: relative; display: flex; justify-content: center;}
.btn_bbs_share .btn_share li { margin-right: 8px;}
.btn_bbs_share .btn_share li a { display: block; width: 34px; height: 34px; background: url(../btn/btn_share.png?240717) no-repeat 0 0; text-indent: -9999px;}
.btn_bbs_share .btn_share li.bs01 a { background-position: 0 0;}
.btn_bbs_share .btn_share li.bs02 a { background-position: -40px 0;}
.btn_bbs_share .btn_share li.bs03 a { background-position: -80px 0;}
.btn_bbs_share .btn_share li.bs04 a { background-position: -120px 0;}
.btn_bbs_share .btn_share li.bs05 a { background-position: -160px 0;}
.btn_bbs_share .btn_share li.bs06 a { background-position: -200px 0;}
.btn_bbs_share .btn_share li.bs07 a { background-position: -240px 0;}
.btn_bbs_share .btn_share li.bs08 a { background-position: -280px 0;}
.btn_bbs_share .btn_share li.bs09 a { background-position: -320px 0;}
.btn_bbs_share .btn_share li.bs10 a { background-position: -360px 0;}
.btn_bbs_share .btn_share li.bs11 a { background-position: -400px 0;}
.btn_bbs_share .btn_share li.bs12 a { background-position: -440px 0;}
.btn_bbs_share .btn_share li a:hover { opacity: .8;}

.sns_ban_main { display: flex; justify-content: space-around; background: #011762; border-radius: 8px; padding: 18px; margin-bottom: 18px;}
.sns_ban_main li { margin: 0 6px;}
.sns_ban_main li a { display: block; transition: all .3s ease;}
.sns_ban_main li a:hover { opacity: .85; transform: translateY(-1px);}

/* 70주년 엠블럼 */
hr.line { display: block; outline: 0; border: 0; border-top: 1px dashed #ccc; margin: 50px 0;}
.con_70th { padding: 0 40px;}
.con_70th h4 { position: relative; font-size: 19px; margin-bottom: 40px; color: #23528a; padding-left: 15px;}
.con_70th h4:after { position: absolute; left: 0; top: 50%; margin-top: -4px; content: ""; display: block; width: 8px; height: 8px; background: #3a8be5; border-radius: 50%;}
.con_70th .logo_desc { font-weight: bold; font-size: 15px; border: 2px solid #ddd; border-radius: 7px; padding: 15px; margin: 0 70px 25px; line-height: 1.75;}
.con_70th .logo_desc b { color: #e62b2b;}