@charset "utf-8";

html,body { min-height:100%; }

header { width:100%;}
.header_item .logo { font-size:0; }
.container { width:100%; }

.thumb { background-repeat:no-repeat; background-color:rgba(256,256,256,0.4); }

button[class*="all_menu_"] { position:absolute; box-sizing:border-box; width:30px; height:21px; font-size:0; border-top:3px solid #2a2a36; border-bottom:3px solid #2a2a36; z-index:1; }
button[class*="all_menu_"]:before { position:absolute; content:''; left:0; right:0; top:5.5px; height:3px; background-color:#2a2a36; }

.scrollDisable { height:100%; min-height:100%; overflow:hidden !important; touch-action:none; }

@media screen and ( min-device-width:1370px ) { 
	.hide_pc { display:none !important; } /* PC 일 때 숨김 */
}
@media screen and ( max-device-width:1369px ) {
	.hide_mo { display:none !important; } /* Mobile 일 때 숨김 */
	body { position:relative; max-width:640px; margin:0 auto; }
}

/*---------------------------
    PC
---------------------------*/
@media screen and ( min-device-width:1370px ) { 

    /*----- Header -----*/

    header,
    .container { min-width:1350px; }
    .container { padding:1px 0; background-color:#f5f5f5; }

    header { border-bottom:1px solid #e00022; }
    .dep2_back { height:0; min-width:1350px; }
    header.on .dep2_back { position:absolute; top:117px; left:0; right:0; border-bottom:3px solid #f34621; background-color:#fff; z-index:2; transition:all 0.2s; }

    /* Header item */
    .header_item { height:35px; border-bottom:1px solid #d5d4d4; }
    .header_item_box { position:relative; width:1200px; min-width:1350px; margin-left:auto; margin-right:auto; }

    .lang { float:left; padding-top:13px; line-height:12px; font-size:13px; color:#565656; }
    .lang button { position:relative; min-width:46px; }
    .lang button.current { font-weight:700; }
    .lang button:not(:first-child):before { position:absolute; left:0; content:''; top:0; width:1px; height:12px; background-color:#a7a7a7; }

    /* .menu 안에 있지만 .header_item 내부에 위치 */
    .member_menu { position:absolute; top:-36px; right:0; font-size:13px; color:#707070; }
    .member_menu_mo { display:inline-block; }
    .member_menu a { padding-right:15px; }
    .cart_hd { min-width:96px; height:35px; padding:0 7px 0 37px; color:#fff; background:#e00022 url(../img/icons/icon_cart_w_sm.png) 8px 6px no-repeat; }
	.cart_hd .badge { font-size:0; }
	.cart_hd .badge:before,
	.member_menu .badge:after,
	.member_menu .badge b { font-size:12px; }
    .member_menu .badge:before { content:'('; }
    .member_menu .badge:after { content:')'; }

    /* .menu */
    .menu { position:relative; width:1200px; margin-left:auto; margin-right:auto; box-sizing:border-box; height:80px; font-size:0; text-align:right; }
    /* .menu:after { content:''; position:fixed; left:0; right:0; top:115px; height:1px; background-color:#e00022; } */

    /* .header_item 안에 있지만 .menu 내부에 위치 */
    .all_menu_mo { display:none; }
    .header_item .logo { position:absolute; left:65px; top:36px; width:199px; height:80px; z-index:3; }
	.header_item .logo:after { position:absolute; top:-36px; left:0; content:url('../img/common/logo_04.png'); }

    .header_item .all_menu_pc { top:65px; left:200px; }

    .gnb { margin-top:15px; }

    /* 전체보기 메뉴 추가 2021-07-09 */
    .all_list_link { position:absolute; left:255px; top:0; bottom:0; width:115px; font-size:16px; background-color:#d5d4d4; }
    .all_list_link a { display:block; height:100%; line-height:83px; font-weight:bold; text-align:center; }
    .all_list_link a:before { 
        content:''; display:inline-block; vertical-align:top; width:13px; height:8px; margin:35px 5px 0 0; border-top:2px solid #000; border-bottom:2px solid #000; 
        background:linear-gradient( transparent, transparent 3px, #000 3px,  #000 4px,  #000 5px, transparent 5px );
    }

    .gnb,
    .gnb .dep1,
    .gnb .sub_menu_wrap { display:inline-block; }
    .dep_ttl { box-sizing:border-box; height:66px; padding-top:10px; font-size:16px; text-align:left; font-weight:400; color:#033333; }
    .dep_ttl a { position:relative; display:block; height:100%; padding:0 50px; }
    .dep_ttl i { display:block; margin-right:-2px; font-size:12px; }

    .dep1:first-of-type .dep_ttl a { padding-left:20px; }
        
    .dep1:nth-of-type(4) { vertical-align:top; margin-right:5px; } /* 중국비자 */
    .dep1:nth-of-type(4) .dep_ttl { padding-top:1px; }
    .dep1:nth-of-type(4) a { height:48px; margin-top:17px; padding:0 15px; }    

    /* 메뉴 사이 구분선 추가 */
    .dep1:not(:first-of-type) a:after { position:absolute; left:0; content:'';  }
    .dep1:not(:nth-of-type(4)) a:after { top:3px; height:12px; }
    .dep1:nth-of-type(2) a:after { width:3px; background-color:#e00022; }
    .dep1:nth-of-type(3) a:after { width:2px; background-color:#7f7f7f; }
    .dep1:nth-of-type(4) a:after { top:7px; width:5px; height:5px; border-radius:50%; background-color:#e00022; }

    /* hover line animation */
    .dep_ttl a:before { content:''; position:absolute; right:0; bottom:0; width:0; height:4px; background-color:#e00022; transition:width 0.2s; }
    .dep1:hover .dep_ttl a:before,
	.dep1.on .dep_ttl a:before { left:0; width:100%; }
	.dep1.active .dep_ttl a:before { right:0; width:100%; }

    /* 메뉴별 컬러 지정 */
	.dep1:first-of-type .dep_ttl { color:#e00022; }
    .dep1:first-of-type .dep_ttl i { color:#666666; }
	.dep1:nth-of-type(2) .dep_ttl { color:#c900ee; }
    .dep1:nth-of-type(2) .dep_ttl i { color:#c942e2; }
    .dep1:nth-of-type(3) .dep_ttl { color:#7800cc; }
    .dep1:nth-of-type(3) .dep_ttl i { color:#8e53b7; }

    /* 커뮤니티 ㅣ 문의하기 */
    .sub_menu_wrap { vertical-align:top; padding-top:21px; line-height:1; white-space:nowrap; color:#7a7a7a; }
    .sub_menu_wrap .sub_menu { font-size:13px; }
    .sub_menu_wrap:last-of-type:before { content:''; display:inline-block; vertical-align:top; width:1px; height:13px; margin:0 5px; background-color:#7a7a7a; }
    .sub_menu_wrap:last-of-type { color:#000; font-weight:700; }
    .sub_menu_wrap:nth-last-of-type(2) { margin-left:10px; }

    .dep2_wrap { display:none; position:absolute; top:75px; width:786px; left:50%; margin-left:-205px; padding:40px 0 30px; text-align:left; font-size:16px; z-index:3; }
    .dep2_cell { position:relative; padding-left:20px; padding-right:20px; } 


	/* 해외 현지인 공증 스타일 재설정 */
	.long .dep2_wrap {  }
	.long .dep2_wrap li:first-child { white-space:nowrap; width:200px; }
	.long .dep2_wrap li:nth-child(2) a:first-of-type { white-space:nowrap; }
	.long .dep2_wrap li:nth-child(3) { width:27%; }
	.long .dep2_wrap li:nth-child(4) a { min-width:115px; }


    /* 하단 영역 */
    .footerLayout { width:100%; min-width:1350px; background-color: #303039; }

	.footer_item { border-bottom:1px solid #46464f; }
	.footer_item ul { display:flex; width:1200px; height:56px; line-height:56px; margin:0 auto; font-size:0; color:#bebebe; }

	.footer_item li,
	.footer_item li:not(:first-child):not(.family_site):before { display:inline-block; vertical-align:top; }

	.footer_item li a { font-size:12px; }
	.footer_item li:not(:first-child):not(.family_site):before { font-size:12px; content:'\007C'; display:inline-block; margin:0 10px; color:#a0a0a0; }

    .footer_info { position:relative; width:1200px; padding:30px 0 42px; margin:0 auto; font-weight:400; color:#fff; }

    .footer_one_logo { display:inline-block; margin-bottom:10px; }

    [class*="footer_company"],
    .footer_logo { font-size:0; }

    [class*="footer_company"] li { display:inline-block; }

    [class*="footer_company"] li { position:relative; padding:0 10px; margin-top:10px; line-height:1; font-size:12px; color:#bebebe; }
    [class*="footer_company"] li:first-child { padding-left:0; }
    [class*="footer_company"] li:not(:first-of-type):before { content:""; position:absolute; top:50%; margin-top:-6px; left:0; height:12px; width:2px; background-color:#909092; }

    .footer_company02 li { line-height:18px; }
    .footer_company02 li a {color:#bebebe; transition:0.3s all ease}
    .footer_company02 li a:hover {color:#45abe6}
    .footer_company02 li img { margin:0 0 0 5px; vertical-align:middle; }

	.footer_company02 [class*="sns_ft"] { display:inline-block; height:18px; line-height:19px; padding-left:23px; margin-right:10px; background-position:0 center; background-repeat:no-repeat; }
	.footer_company02 .sns_ft01 { background-image:url(../img/icons/footer_kakao.png); }
	.footer_company02 .sns_ft02 { background-image:url(../img/icons/footer_wechat.png); }
	.footer_company02 .sns_ft03 { background-image:url(../img/icons/footer_tencent.png); }

	.team { display:flex; flex-wrap:wrap; justify-content:space-between; width:950px; margin:0 0 35px; padding-top:5px; font-size:0; }
	.team dl { display:inline-block; width:25%; margin-top:20px; font-size:12px; letter-spacing:0.05em; }
	.team dd strong { font-size:18px; font-weight:700; }
	.team dt + dd { margin:10px 0 5px; }
	.team dd a { font-weight:700; color:#acacad; }
	.team dd a:hover { color:#fff; }
	.team01 strong { color:#00a0e9; } /* 국내 민원서류 발급 */
	.team02 strong { color:#32b16c; } /* 번역/공증 촉탁대리/대사관인증 */
	.team03 strong { color:#ff4dd7; } /* 해외민원 */
	.team04 strong { color:#d90022; } /* 중국민원 */
	.team05 strong { color:#cf8208; } /* 부모여행동의서 */
	.team06 strong { color:#8630c7; } /* 대량등기부등본 */
	.team07 strong { color:#c1001e; } /* 베트남민원 */
	.team08 strong { color:#0068b7; } /* 번역/비자 */
	.team09 strong { color:#ff4e00; } /* 번역 */
	.team10 strong { color:#FF00FF; } /* 기업제휴 / 수출바우처 */

    [class*="txt_default"] { font-size:12px; }
    .txt_default01 { margin-bottom:10px; font-weight:400; color:#bfbfbf; }
    .txt_default02 { color:#969696; }

    .footer_logo { overflow:hidden; font-size:0; background-color:#3c3b45; border-top: 1px solid #46464f; }
	.footer_logo ul { display:table; width:1200px; height:60px; margin:0 auto; white-space:nowrap; }
	.footer_logo ul:not(:first-of-type) { border-top:1px solid #585b61; }
	.footer_logo li { display:table-cell; position:relative; width:150px; height:100%; vertical-align:middle; }
	.footer_logo li img { line-height:60px; }


    /* 모바일 메뉴 숨김 */
    .mobile_menu,
    .footer_mobile,
	.mo_menu_close,
	.cart_hd.cart_mo { display:none; }

}



/*---------------------------
    Mobile
---------------------------*/
/*----- common -----*/
@media screen and ( max-device-width:1369px ) {
	
    header,
    .container { box-sizing:border-box; width:100%; max-width:640px; padding-left:15px; padding-right:15px; margin-left:auto; margin-right:auto; }
    .header_item .logo { position:absolute; left:0; top:5px; width:121px; height:38px; background:url(../img/common/logo_02.png) 0 0 no-repeat; background-size:121px auto; }
	.container { padding-bottom:30px; }

/*----- Header -----*/
    header { height:50px; border-bottom:1px solid #b7b7b7; }
    .header_item { height:50px; }
    .header_item_box { position:relative; }

    .all_menu_mo { right:0; top:14px; }

    .menu { overflow-x:hidden; overflow-y:auto; position:fixed; right:-100%; top:0; bottom:0; width:100%; background-size:35%; z-index:10; transition:right 0.2s; z-index:100; }
    header.on .menu { right:0; }
    
    .mo_menu,
    .member_menu { color:#fff; background-color:#b0232b; }
    .mo_menu { position:relative; box-sizing:border-box; height:70px; padding:25px 20px; line-height:1; border-bottom:1px solid #d89195; }

    .mo_menu *:not(h2),
    .member_menu .cart_hd,
	.cart_hd.cart_mo { position:absolute; font-size:0; background-repeat:no-repeat; }
    .mo_menu *:not(h2),
    .member_menu .cart_hd { background-position:50% 50%; }
    .mo_menu *:not(h2) { top:25px; width:23px; height:23px; }

    .mo_menu h2 { font-size:18px; }
    .mo_menu .mo_menu_close { right:25px; background-image:url(../img/icons/icon_mo_w_x.svg); background-size:23px 23px;} /* 슬라이드 메뉴 닫기 */
    .member_menu .cart_hd { top:20px; right:113px; width:30px; height:30px; background-image:url(../img/icons/icon_mo_w_cart.svg); background-size:25px 25px; } /* 슬라이드 메뉴 장바구니 */
	.cart_hd.cart_mo { right:45px; top:9px; width:30px; height:30px; background-image:url(../img/icons/icon_cart_b_mo.svg); background-size:30px 30px; } /* 모바일 전용 헤더 고정 장바구니 */
    .member_menu .cart_hd .badge,
	.cart_hd.cart_mo .badge { top:-2px; right:-6px; }
	.cart_hd.cart_mo .badge { background-color:#e91f3e; }
    .mo_home { right:70px; background-image:url(../img/icons/icon_mo_w_home.svg); }

    .member_menu {  }

    .member_menu_mo { display:flex; text-align:center; }
    .member_menu_mo a { position:relative; flex:1; font-size:12px; line-height:40px; }
    .member_menu_mo a:not(:first-of-type):before { position:absolute; content:''; left:0; top:8px; width:1px; height:23px; background-color:#d89195; }

    .gnb_box { position:relative; min-height:calc(100vh - 110px); font-size:18px; background-color:#fff; }
    .gnb { padding-bottom:50px; }
    /* 전체보기 메뉴 추가 2021-07-09 */
    .all_list_link { }
    .all_list_link span { font-size:19px; font-weight:700; }

    .all_list_link,
    .dep_ttl,
    .dep2_cell { padding-left:15px; padding-right:15px; }

    .all_list_link,
    .dep1 { padding-top:18px; padding-bottom:12px; border-bottom:2px solid #ccc; }

    .dep_ttl { position:relative; font-weight:700; font-size:inherit; }
	.dep_ttl:not(.hide_pc) span { display:block; font-weight:500; }
    .dep_ttl span i { font-size:14px; font-weight:300; }
    .dep1:first-child .dep_ttl span { color:#e00022; }
    .dep1:first-child .dep_ttl i { color:#666; }
    .dep1:nth-child(2) .dep_ttl span { color:#c900ee; }
    .dep1:nth-child(2) .dep_ttl i { color:#c942e2; }
    .dep1:nth-child(3) .dep_ttl span { color:#7800cc; }
    .dep1:nth-child(3) .dep_ttl i { color:#8e53b7; }
    .dep1.on .dep_ttl,
	.mo_sub.on .dep_ttl {  }

    /* 전체보기 메뉴 추가 2021-07-07 */
    .dep1.all_product span { position:relative; }
    .dep1.all_product span:after { position:absolute; content:''; left:0; top:0; right:0; bottom:0; z-index:1; }

    /* 커뮤니티, 문의하기 */
    .sub_menu_wrap { background:#f8f8f8; }
    .sub_menu_wrap:nth-last-of-type(2) { padding-top:13px; padding-bottom:5px; }
    .sub_menu_wrap:last-of-type { padding-top:5px; padding-bottom:10px; border-bottom:2px solid #ccc; }
    .sub_menu_wrap .dep_ttl,
    .sub_menu_wrap .dep2_wrap a { padding-top:5px; padding-bottom:7px; }
    .sub_menu_wrap .dep_ttl { }
    .sub_menu_wrap .dep2_wrap a { display:block; font-size:16px; font-weight:500; color:#666; }
    .sub_menu_wrap .dep2_wrap a:before { content:'-'; margin:0 5px; }

    .dep2_wrap:not(.hide_pc) { background-color:#fff; }
    .dep1.on .dep2_wrap,
	.mo_sub.on .dep2_wrap { display:block; }

    .dep2_cell {  }
    .dep2_cell h3 { font-size:inherit; }
    .dep2_cell p { margin:10px 30px 0 20px; line-height:1.5; font-size:13px; word-break:keep-all; color:#777; }
    .dep2_cell p:before { content:''; display:inline-block; width:7px; height:5px; margin:3px 5px 0 -13px; vertical-align:text-top; border-left:1px solid #777; border-bottom:1px solid #777; }

    /* 우측 꺽쇠 추가 */
    .all_list_link,
    .dep1,
    .sub_menu_wrap .dep2_cell { position:relative; }
    .all_list_link:after,
    .dep1:after,
    .sub_menu_wrap .dep2_cell:after { content:''; position:absolute; top:calc(50% - 2px); right:25px; width:8px; height:8px; border-width:2px 2px 0 0; border-style:solid; transform:rotate(45deg); }
    .all_list_link:after,
    .dep1:after { border-color:#3a3940; }
    .sub_menu_wrap .dep2_cell:after { border-color:#969599; }


/* footer */
    .footer_mobile { padding:18px 2% 50px; margin-bottom:-20px; color:#666; text-align:center; font-size:13px; border-top:1px solid #c2c6ce; background-color:#e3e7ee; }
    .footer_mobile h2 { display:inline-block; padding:20px; margin-top:-18px; font-size:13px; font-weight:normal; }
    .footer_mobile h2 button { position:relative; overflow:hidden; font-size:0; color:transparent; width:16px; height:16px; vertical-align:middle; border:1px solid #c8c9cb; border-radius:2px; background-color:#fff; }
    .footer_mobile h2 button:before { content:''; position:absolute; width:5px; height:5px; top:50%; left:50%; margin-left:2px; border-style:solid; border-color:#000; border-width:2px 0 0 2px; 
                                margin:-5px 0 0 -3px; transform:rotate(-135deg); }
    .footer_mobile.open h2 button:before { margin-top:-2px; transform:rotate(45deg); }
    
    .company_info { display:none; margin-bottom:20px; line-height:1.8; }
    .footer_mobile.open .company_info { display:block; }
    
    .footer_links { font-size:0; }
    .footer_links li { display:inline-block; font-size:13px; }
    .footer_links li + li:before { content:''; display:inline-block; vertical-align:middle; width:1px; height:14px; margin:0 10px; background-color:#848688; }
    .footer_links li:not(:last-child) a { color:#666; }


    /* hide */
	.sub_nav_box,
    .sub_to_home,
    .sub_nav:not(.home):not(.nav_dep1),
    .sub_dep1,
    .lang,
    .footerLayout { display:none; }

}

.header_item .all_menu_pc { display:none !important; } /* PC 메뉴 전체보기 버튼 숨기기 */


/* 모바일
   일정 스크린 사이즈 이상일 때 모바일 1차메뉴 사이즈 고정 */
@media screen and ( min-device-width:450px ) and ( max-device-width:1369px ) {
	body.mo .dep_ttl { width:160px; font-size:19px; }
	body.mo .dep_ttl:not(.hide_pc) { height:95px; }	
	body.mo .dep_ttl:not(.hide_pc) span { margin-top:15px; }
	body.mo .dep2_wrap { left:160px; width:calc(100% - 160px); }
	body.mo .dep2_wrap > li { max-width:400px; }
	body.mo .member_menu_mo { max-width:580px; }
}


/*---- 우측 플로팅 배너 추가 2021-02-10 ----*/
.bn_float_pos { position:absolute; top:350px; width:100%; height:0; max-width:1700px; min-width:1350px; z-index:1; }
.bn_float { position:absolute; right:20px; box-sizing:border-box; width:105px; padding:7px; font-size:12px; border:1px solid #bfbfbf; border-radius:10px; line-height:1; background-color:#fff; box-shadow:10px 10px 15px rgba(0,0,0,0.45); }
.bn_float_time h2 { padding-top:18px; font-size:16px; font-weight:700; letter-spacing:-1px; color:#2c2c31; background:url(../img/icons/icon_bb_red.png) 3em 2px no-repeat; }
.bn_float_time span { line-height:2; font-size:12px; color:#555; font-weight:400; }
.bn_float_time b { font-size:13px; color:#996c33; font-weight:bold; }
@media screen and ( min-width:1800px ) { /* 브라우저 가로사이즈가 1750px 이상일 때도 플로팅 배너 위치 고정 */
	.bn_float_pos { width:1750px; left:50%; margin-left:-875px; }
}
@media screen and ( max-device-width:1369px ) { /* 모바일 사이즈에서 플로팅 배너 숨김 */
	.bn_float_pos { display:none; }
}

.bn_float_pos button { outline:0; }

.bn_float_sns { margin:7px 0 10px; padding:10px 0; border-top:1px solid #f0e7dc; border-bottom:1px solid #f0e7dc; }
.bn_float_sns > * { display:block; }
.bn_float_sns [class*="_link_"] { box-sizing:border-box; width:100%; height:28px; line-height:30px; margin-bottom:5px; font-size:11px; font-weight:400; border-radius:3px; background-image:url(../img/icons/icon_float_sns.png); background-repeat:no-repeat; }
.fl_link_kakao { padding-left:35px; color:#3c2323; background-color:#ffde00; background-position:9px 0; }
.fl_link_naver { padding-left:24px; color:#fff; background-color:#36b044; background-position:8px 50%; }
.fl_link_tenc { padding-left:24px; letter-spacing:-0.05em; color:#002073; background-color:#a7e0fa; background-position:5px 100%; }
.bn_float_sns > img { margin:8px auto 0; }

.thank_link { text-align:center; margin-bottom:5px; }
.thank_link,
.thank_link > * { display:block; }
.thank_link strong { font-size:13px; font-weight:800; color:#996c33; }
.thank_link div { margin:5px 0 5px; }
.thank_link em { position:relative; margin-left:7px; line-height:1; font-size:28px; font-family:'arial'; font-weight:700; letter-spacing:-0.03em; }
.thank_link em i { font-size:15px; margin-left:2px; }
.thank_link span { display:inline-block; margin-top:5px;}
.thank_link b { font-weight:700; color:#452e09; }

.bn_fl_close,
.bn_fl_close:before,
.bn_fl_close:after { position:absolute; }
.bn_fl_close { top:7px; right:7px; width:16px; height:16px; font-size:0; }
.bn_fl_close:before,
.bn_fl_close:after { top:-1px; left:50%; content:''; width:1px; height:20px; background-color:#000; }
.bn_fl_close:before { transform:rotate(45deg); }
.bn_fl_close:after { transform:rotate(-45deg); }

.bn_float_mini { display:none; }

/* 플로팅 배너 최소화 */
.bn_float_pos.mini .bn_float_time,
.bn_float_pos.mini .bn_float_sns,
.bn_float_pos.mini .thank_link,
.bn_float_pos.mini .bn_fl_close { opacity:0; overflow:hidden; height:0; width:0; margin:0; padding:0;  }
.bn_float_pos.mini .bn_float { padding:0; width:auto; box-shadow:8px 8px 15px rgba(0,0,0,0.45); }
.bn_float_pos.mini .bn_float_mini { overflow:hidden; display:block; width:45px; height:55px; line-height:73px; }
/* 플로팅 배너 최소화/최대화 애니메이션 */
.bn_float_pos .bn_float_time,
.bn_float_pos .bn_float_sns,
.bn_float_pos .thank_link,
.bn_float_pos .bn_fl_close,
.bn_float_pos.mini .bn_float_mini { transition-property:all; transition-timing-function:cubic-bezier(0, 0.55, 0.45, 1); }
.bn_float_pos .bn_float_time,
.bn_float_pos .bn_float_sns,
.bn_float_pos .thank_link { transition-duration: 0.3s; }
.bn_float_pos .bn_fl_close { transition-duration: 0.1s; }

/* 플로팅 배너에 장바구니 버튼 추가 2021-04-28 */
.bn_float { top:87px; }
.bn_float_cart { position:absolute; top:0; right:20px; box-sizing:border-box; width:105px; height:78px; text-align:center; border:1px solid #bfbfbf; border-radius:10px; background-color:#FFF; box-shadow:10px 10px 15px rgba(0,0,0,0.45); }
.bn_float_cart a { display:block; height:calc(100% - 1px); padding-top:1px; }
.bn_float_cart span:before { content:''; display:block; height:29px; margin:14px 0 6px; background:url(../img/icons/icon_cart_r.png) center bottom no-repeat; }
.bn_float_cart span { line-height:1; font-size:14px; color:#555; font-weight:700; }
.bn_float_cart i { position:absolute; top:12px; left:57px; width:21px; height:21px; text-indent:-1px; letter-spacing:-1px; line-height:23px; font-size:13px; font-weight:700; color:#fff; border-radius:50%; background-color:#000; }


/*---- 썸네일 이미지 선명하게 2021-07-12 ----*/
.m_blog_list .thumb { image-rendering:crisp-edges; image-rendering:-webkit-optimize-contrast; image-rendering:-moz-crisp-edges; -ms-interpolation-mode:nearest-neighbor;}


/*---- 개인정보보호책임보험 팝업 추가 2023-01-13 ----*/
.insurance_open,
.insurance_close { cursor:pointer; }
.insurance_popup,
.insurance_dim { left:0; right:0; bottom:0; top:0; }
.insurance_close,
.insurance_dim { position:absolute; }
.insurance_popup { position:fixed;  z-index:100; }
.insurance_popup .insurance { position:absolute; top:calc(50% - 250px); left:calc(50% - 195px); }
.insurance_close { top:0; right:0; width:30px; height:30px; opacity:0; }
.insurance_dim { opacity:0; background-color:rgba(0,0,0,0.4); transition:opacity 0.6s; }

.insurance_popup.this_show .insurance { animation:0.3s fadeDown; }
.insurance_popup.this_hide .insurance { opacity:0; animation:0.3s fadeUp; }

.insurance_popup.this_show .insurance_dim { opacity:1; }
.insurance_popup.this_hide .insurance_dim { opacity:0; }

@keyframes fadeDown {
    from { opacity:0; transform:translate3d(0, -50px, 0); }
    to { opacity:1; transform:translate3d(0); }
}
@keyframes fadeUp {
	from { opacity:1; transform:translate3d(0); }
	to { opacity:0; transform:translate3d(0, -50px, 0); }
}


/* footer 패밀리사이트 추가 2023-09-14 */
.family_site { position:relative; width:200px; height:34px;line-height:1;margin: 11px 0 0 auto;}
.family_site,
.family_site_box,
.family_site button { font-weight:300; background-color:#fff; }
.family_site_box,
.family_site button { box-sizing:border-box; width:100%; border:1px solid #888; }
.family_site button { text-align:left; }
.family_site button:after { content:''; position:absolute; right:12px; bottom:13px; border-style:solid; border-width:7px 7px 0 7px; border-color:#000 transparent transparent transparent; }
.family_site.on button:after { transform:rotate(180deg); }
.family_site { text-align:left; color:#333; }
.family_site button { padding:0 12px; height:34px; font-size:14px; color:#333; }
.family_site_box { display:none; position:absolute; left:0; bottom:33px; }
.family_site.on .family_site_box { display:block; }
.family_site a { display:block; margin:15px 10px; font-size:14px; color:#333; }
.family_site a:hover { font-weight:700; }