@charset "utf-8";
@import url("style_font_notosans.css");
body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,select,table,td,textarea,th,ul{margin:0;padding:0}
body,button,h1,h2,h3,h4,h5,input,select,table,textarea{font-family:-apple-system,BlinkMacSystemFont,"Noto Sans KR","Helvetica Neue","Apple SD Gothic Neo",Arial,sans-serif;font-weight:400;font-size:1.4rem;line-height:1.5}
body{position:relative;word-break:break-all;-webkit-text-size-adjust:none}
html{font-size:10px;line-height:1.5;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0}
ol,ul{list-style:none}
address,em{font-style:normal}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,.1)}
img{vertical-align:top}
mark{color:inherit;font-weight:700;background:0 0}
button,input{border:none;background:none;outline:none;-webkit-border-radius:0;border-radius:0;background:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
button{cursor:pointer;}
video::-webkit-media-controls-start-playback-button{display:none!important}
input[type=text]::-ms-clear{display:none;}
input[type=number]::-ms-clear{display:none;}
input[type='text'],input[type='password'],input[type='submit'],input[type='search'],textarea{-webkit-appearance:none;-webkit-border-radius:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
input:checked[type='checkbox']{background:#666;-webkit-appearance:checkbox}
button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file']{-webkit-appearance:button;-webkit-border-radius:0;}
input[type='search']::-webkit-search-cancel-button{-webkit-appearance:none;-webkit-border-radius:0;}
header{display:block;}

@font-face {
    font-family: 'GmarketSans';
    font-weight: 300;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.ttf') format("truetype");
    font-display: swap;
} 
@font-face {
    font-family: 'GmarketSans';
    font-weight: 500;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.ttf') format("truetype");
    font-display: swap;
} 
@font-face {
    font-family: 'GmarketSans';
    font-weight: 700;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.ttf') format("truetype");
    font-display: swap;
}

#wrap{position:relative;}
.smartblock_wrap th{font-weight:400;}
.smartblock_wrap td{font-weight:300;}

#header{position:fixed;top:0;left:0;width:100%;z-index:20;background:rgba(0,0,0,0.6);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);}
html.menu_on #header{background:#000;}
html.pos_fix #header{backdrop-filter:none;}

.scroll_hd #header{position:fixed !important;}

.header_area{position:relative;max-width:1300px;padding:0 5rem;margin:0 auto;z-index:5;}
.header_area .ha_in{text-align:center;position:relative;}

.logo_area{padding-top:3rem;position:absolute;top:0;left:0;}
.logo_area .la_in{position:relative;padding-right:4rem;display:inline-block;}
.logo_area .link_logo{display:block;line-height:2.6rem;height:2.6rem;}
.logo_area .link_logo img{height:100%;}

.logo_area .btn_logo_family{position:absolute;top:0;right:0;width:2.6rem;height:2.6rem;border:1px solid #ddd;border-radius:50%;background:#fff url(../images/main/ico_close_down.png) 50% 50% no-repeat;background-size:100%;text-indent:-9999px;z-index:3;}
.logo_area .btn_logo_family:hover{border-color:#000;}
.logo_area .logo_family{position:absolute;right:-2rem;top:-1.6rem;width:24rem;border-radius:1rem;overflow:hidden;box-shadow:0px 0px 1rem rgba(0,0,0,0.1);background:#fff;height:0;opacity:0;z-index:1;}
.logo_area .logo_family.on{transition:opacity 0.2s;opacity:1;height:auto;z-index:5;}
.scroll_on .logo_area .logo_family{height:0;opacity:0;}
.logo_area .logo_family_in{position:relative;}
.logo_area .logo_family_box{text-align:left;padding-bottom:1rem;}
.logo_area .logo_family_box .logo_family_tit{padding:1.5rem 0 0.6rem 2rem;}
.logo_area .logo_family_box .logo_family_tit strong{font-size:1.8rem;font-weight:500;color:#252525;letter-spacing:-0.065em;line-height:2.6rem;display:block;}
.logo_area .logo_family_box ul{}
.logo_area .logo_family_box li{}
.logo_area .logo_family_box li a{display:block;padding:1rem 0 1rem 2rem;font-size:0;white-space:nowrap;}
.logo_area .logo_family_box li a:hover{background:#f7f8f9;}
.logo_area .logo_family_box li img{display:inline-block;vertical-align:middle;margin-right:1rem;}
.logo_area .logo_family_box li span{font-size:1.7rem;font-weight:300;color:#252525;letter-spacing:-0.065em;line-height:2rem;display:inline-block;vertical-align:middle;}
.logo_area .logo_family_box li a:hover span{text-decoration:underline;text-underline-offset:2px;}
.logo_area .logo_family_box .btn_logo_family_close{position:absolute;top:1.6rem;right:2rem;width:2.6rem;height:2.6rem;border:1px solid #fff;border-radius:50%;background:#fff url(../images/main/ico_close_up.png) 50% 50% no-repeat;background-size:100%;text-indent:-9999px;}

.footer_sns{position:absolute;top:10.5rem;right:5rem;}
.footer_sns_in{margin-right:-0.2rem;}
.footer_sns ul{text-align:right;font-size:0;}
.footer_sns li{width:3.1rem;display:inline-block;vertical-align:top;}
.footer_sns li:first-child+li{margin:0 2.4rem 0 2.5rem;}
.footer_sns li a{display:block;}
.footer_sns li img{display:block;width:100%;}

.footer_family{position:absolute;top:4.2rem;right:5rem;z-index:3;}
.footer_family_in{position:relative;}
.footer_family .btn_footer_family{font-size:1.5rem;font-weight:normal;color:#252525;letter-spacing:0;height:3rem;width:14rem;padding:0 1rem;text-align:left;background:#fff url(../images/main/ico_arrow_down.png) 11.8rem 50% no-repeat;border:1px solid #aaa;border-radius:0.5rem;font-family:'맑은 고딕',Malgun Gothic,'Apple SD Gothic Neo','Noto Sans KR','Helvetica','Nanum Gothic',Nanum Gothic,'나눔고딕',Dotum,'돋움',Gulim,'굴림',sans-serif;}
.footer_family .btn_footer_family span{}
.footer_family ul{position:absolute;top:0;left:0;padding-top:2.9rem;border:1px solid #252525;width:calc(100% - 2px);border-radius:0.5rem;padding-bottom:0.8rem;background:#fff;box-shadow:0px 0px 1rem rgba(0,0,0,0.1);z-index:3;display:none;}
.footer_family li{text-align:left;}
.footer_family li button{position:absolute;top:0;left:0;font-size:1.5rem;font-weight:normal;color:#252525;letter-spacing:0;text-align:left;width:100%;padding:0 1rem;height:2.8rem;line-height:2.8rem;background:url(../images/main/ico_arrow_up.png) 11.8rem 50% no-repeat;font-family:'맑은 고딕',Malgun Gothic,'Apple SD Gothic Neo','Noto Sans KR','Helvetica','Nanum Gothic',Nanum Gothic,'나눔고딕',Dotum,'돋움',Gulim,'굴림',sans-serif;}
.footer_family li a{font-size:1.5rem;font-weight:normal;color:#252525;letter-spacing:-0.07em;padding:0 1rem;height:2.8rem;line-height:2.8rem;display:block;}
.footer_family li a:hover{background:#f7f8f9;}
.footer_family li a span{font-family:'맑은 고딕',Malgun Gothic,'Apple SD Gothic Neo','Noto Sans KR','Helvetica','Nanum Gothic',Nanum Gothic,'나눔고딕',Dotum,'돋움',Gulim,'굴림',sans-serif;}
.footer_family li a:hover span{text-decoration:underline;text-underline-offset:3px;}

.gnb_area{padding-top:3rem;padding-bottom:3rem;}
.gnb_area .ga_in{display:inline-block;vertical-align:top;}
.gnb_area .gnb_list{display:flex;justify-content:space-between;align-items:center;}
.gnb_area .gnb_list li{margin:0 3rem;}
.gnb_area .gnb_list .link_gnb{display:block;font-size:1.7rem;font-weight:500;color:#fff;letter-spacing:-0.025em;line-height:2.6rem;}
.gnb_area .gnb_list .btn_gnb_all{display:block;font-size:1.7rem;font-weight:500;color:#fff;letter-spacing:-0.025em;line-height:2.6rem;}

html.pos_fix{overflow:hidden;height:100vh;}
html.menu_on{overflow:hidden;height:100vh;}
.menu_on .gd_banner{display:none;}

.sitemap_area{position:fixed;top:0;left:6.6rem;width:calc(100% - 13.2rem);height:100%;z-index:99999;display:none;}
.sitemap_area .sa_in{text-align:left;max-width:1200px;padding:0 10rem;margin:6.6rem auto;position:relative;height:calc(100% - 13.2rem);background:#fff;border-radius:1rem;}
.sitemap_area .sitemap_title{padding-bottom:4.1rem;padding-top:9.5rem;}
.sitemap_area .sitemap_title strong{font-size:3.5rem;font-weight:bold;color:#151515;letter-spacing:-0.05em;line-height:4.5rem;}
.sitemap_area .sitemap_close{position:absolute;top:9.6rem;right:9.8rem;}
.sitemap_area .sitemap_close .btn_sitemap_close{width:4rem;height:4rem;background:url(../images/main/ico_close_02.png) 50% 50% no-repeat;text-indent:-9999px;}
.sitemap_area .sitemap_close .btn_sitemap_close:after{content:"";z-index:-1;position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,0.7);}
.sitemap_area .sitemap_list{height:calc(100% - 28.1rem);padding-bottom:10rem;}
.sitemap_area .sitemap_list_in{height:100%;overflow-y:scroll;-ms-overflow-style:none;}
.sitemap_area .sitemap_list_in::-webkit-scrollbar{width:0.8rem;}
.sitemap_area .sitemap_list_in::-webkit-scrollbar-thumb{border-radius:0.4rem;background-color:#e50012;width:0.4rem;border:0.2rem solid transparent;background-clip:padding-box;transition:all 0.6s;}
.sitemap_area .sitemap_list_in::-webkit-scrollbar-thumb:hover{border-width:0;transition:all 0.6s;}
.sitemap_area .sitemap_list_in::-webkit-scrollbar-track{background-color:#fff;margin:1rem 0;}
.sitemap_area .sitemap_list ul{padding-bottom:0;font-size:0;text-align:left;}
.sitemap_area .sitemap_list li{padding-bottom:1.5rem;text-align:left;display:inline-block;vertical-align:top;width:calc(100% / 6);}
.sitemap_area .sitemap_list dl{}
.sitemap_area .sitemap_list dt{margin-bottom:1.6rem;}
.sitemap_area .sitemap_list dt a{font-size:1.6rem;font-weight:bold;color:#151515;letter-spacing:-0.05em;line-height:2.6rem;padding-right:2.8rem;background:url(../images/main/ico_arrow_04.png) calc(100% - 1px) 0.6rem no-repeat;display:inline-block;vertical-align:top;}
.sitemap_area .sitemap_list dt strong{font-size:1.6rem;font-weight:bold;color:#151515;letter-spacing:-0.05em;line-height:2.6rem;padding-right:2.8rem;background:url(../images/main/ico_arrow_04.png) calc(100% - 1px) 0.6rem no-repeat;display:inline-block;vertical-align:top;}
.sitemap_area .sitemap_list dd{margin-bottom:0.5rem;}
.sitemap_area .sitemap_list dd a{font-size:1.5rem;font-weight:300;color:#656565;letter-spacing:-0.05em;line-height:2.4rem;}
.sitemap_area .sitemap_list dd a:hover{text-decoration:underline;text-underline-offset:5px;color:#000;}

.member_area{padding-top:3rem;position:absolute;top:0;right:0;}
.member_area .ma_in{}
.member_area ul{display:flex;justify-content:space-between;align-items:center;}
.member_area li{margin-left:2.2rem;position:relative;}
.member_area li:first-child{margin-left:0;}
.member_area li:after{content:"";width:2px;height:2px;background:#ccc;display:block;position:absolute;top:50%;margin-top:-1px;left:-11px;}
.member_area li:first-child:after{display:none;}
.member_area .btn_login{display:block;font-size:1.5rem;font-weight:300;color:#ddd;letter-spacing:-0.05em;line-height:2.6rem;}
.member_area .link_member{display:block;font-size:1.5rem;font-weight:300;color:#ddd;letter-spacing:-0.05em;line-height:2.6rem;}

.member_area .member_p{position:relative;}
.member_area .member_m{position:relative;}
.member_area .member_f{position:relative;}
.member_area .btn_member_info{display:block;font-size:1.5rem;font-weight:300;color:#fff;letter-spacing:-0.025em;line-height:2.6rem;padding-left:2.5rem;max-width:10rem;}
.member_area .member_p .btn_member_info{background:url(http://www.bizforms.co.kr/renew/images/main/ico_p.png) 0 50% no-repeat;background-size:1.7rem;}
.member_area .member_m .btn_member_info{background:url(http://www.bizforms.co.kr/renew/images/main/ico_m.png) 0 50% no-repeat;background-size:1.7rem;}
.member_area .member_f .btn_member_info{background:url(http://www.bizforms.co.kr/renew/images/main/ico_f.png) 0 50% no-repeat;background-size:1.7rem;}
.member_area .btn_member_info span{display:block;padding-right:1.6rem;background:url(../images/main/ico_arrow_03.png) 100% 50% no-repeat;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.member_area .member_info{position:absolute;width:31rem;left:50%;top:4rem;margin-left:-15.5rem;display:none;opacity:0;transform:translateY(-2rem);}
@keyframes info_on{
	0%{opacity:0;transform:translateY(-2rem);}
	100%{opacity:1;transform:translateY(0);}
}
.member_area .member_info.info_on{display:block;animation:info_on 0.5s 0.2s both;}
.member_area .member_info:after{content:"";width:1.2rem;height:1.2rem;background:#fff;position:absolute;top:-0.6rem;left:50%;margin-left:-0.6rem;transform:rotate(45deg);}
.member_area .member_info .mi_in{position:relative;background:#fff;border-radius:1rem;text-align:center;overflow:hidden;box-shadow:0 0.3rem 1rem rgba(0,0,0,0.3);}
.member_area .member_info_user{text-align:left;padding:2rem 2rem 1.5rem 2rem;}
.member_area .member_info_user span{font-size:1.3rem;font-weight:300;color:#151515;letter-spacing:-0.025em;line-height:1.7rem;display:block;padding-left:2.5rem;}
.member_area .member_p .member_info_user span{background:url(http://www.bizforms.co.kr/renew/images/main/ico_p.png) 0 50% no-repeat;background-size:1.7rem;}
.member_area .member_m .member_info_user span{background:url(http://www.bizforms.co.kr/renew/images/main/ico_m.png) 0 50% no-repeat;background-size:1.7rem;}
.member_area .member_f .member_info_user span{background:url(http://www.bizforms.co.kr/renew/images/main/ico_f.png) 0 50% no-repeat;background-size:1.7rem;}
.member_area .member_info_user strong{font-size:1.5rem;font-weight:500;}
.member_area .member_info_box{font-size:0;border:1px solid #ebebeb;border-radius:0.5rem;position:relative;margin:0 2rem;}
.member_area .member_info_box:after{content:"";position:absolute;top:50%;left:50%;margin-top:-1.7rem;margin-left:-0.5px;width:1px;height:3.4rem;background:#ebebeb;z-index:2;}
.member_area .member_info_box dl{display:inline-block;vertical-align:top;width:50%;padding:1.5rem 0;}
.member_area .member_info_box dt{font-size:1.4rem;font-weight:300;color:#353535;letter-spacing:-0.05em;line-height:2.1rem;}
.member_area .member_info_box dd{font-size:1.3rem;font-weight:300;color:#858585;letter-spacing:-0.025em;line-height:2.1rem;}
.member_area .member_info_link{font-size:0;margin-top:2rem;position:relative;background:#f7f8f9;border-top:1px solid #ebebeb;border-radius:0 0 1rem 1rem;}
.member_area .member_info_link:after{content:"";position:absolute;top:0;left:50%;margin-left:-0.5px;width:1px;height:100%;background:#ebebeb;z-index:2;}
.member_area .member_info_link a{display:inline-block;vertical-align:top;width:50%;height:4.8rem;line-height:4.7rem;font-size:1.5rem;font-weight:400;color:#151515;letter-spacing:-0.05em;}
.member_area .member_info_link .link_member_money{}
.member_area .member_info_link .link_member_mypage{}

.m_member_btn{display:none;}
.m_nav_btn{display:none;}

#container{position:relative;z-index:15;/* margin-top:-8.6rem; */}

.smartblock_wrap{padding-top:0;}
.smartblock_wrap_inner{-ms-word-break:keep-all;word-break:keep-all;}

.sb_top{background-position:50% 100%;background-repeat:no-repeat;text-align:center;background-color:#000;position:relative;padding-top:8.6rem;}
/* .sb_top.black{background-color:#fff;} */

.sb_svg_box{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;}
.sb_svg_box > div{position:absolute;filter:url(#gooey);}
.sb_svg_box svg{width:100%;height:100%;overflow:visible;}

.sb_svg_01{width:7.65%;left:-0.1%;top:-3.8rem;}
.sb_svg_02{width:5.6%;left:7.5%;top:18.6rem;animation:svg-ani02 5.5s 0.5s alternate infinite;}
.sb_svg_03{width:0.85%;left:12.35%;top:13.8rem;}
.sb_svg_04{width:7.5%;left:17.4%;top:19.4rem;animation:svg-ani04 1.5s alternate infinite;transform-origin:center bottom;}
.sb_svg_05{width:7.3%;right:26.7%;top:-6.8rem;display:none;}
.sb_svg_06{width:6.4%;right:4.3%;top:-6.4rem;}
.sb_svg_07{width:0.8%;left:30.05%;top:18.6rem;}
.sb_svg_08{width:7.5%;right:11.1%;top:14.6rem;animation:svg-ani08 2s alternate infinite;}
.sb_svg_09{width:0.9%;right:30.4%;bottom:21.6rem;}
.sb_svg_10{width:1.4%;right:7.5%;bottom:14rem;animation:svg-ani10 4s alternate infinite;}
.sb_svg_11{width:0.85%;right:4.2%;top:20.9rem;}
.sb_svg_12{width:4.1%;right:12%;bottom:-3.01rem;animation:svg-ani10 5.5s 0.5s alternate infinite;}
.sb_svg_13{width:9.85%;right:39.75%;top:50rem;display:none;}
.sb_svg_14{width:7.5%;right:24%;bottom:-3.8rem;animation:svg-ani14 0.5s alternate infinite;}
.sb_svg_15{width:0.85%;right:35.8%;bottom:9.6rem;}
.sb_svg_16{width:12.4%;left:28.8%;bottom:-5.8rem;}
@keyframes svg-ani02 {
	0%{transform:rotate(0deg);}
	100%{transform:rotate(-360deg);}
}
@keyframes svg-ani10 {
	0%{transform:rotate(0deg);}
	100%{transform:rotate(360deg);}
}
@keyframes svg-ani04 {
	0%{transform:rotate(10deg);}
	100%{transform:rotate(-10deg);}
}
@keyframes svg-ani08 {
	0%{transform:scale(1);}
	100%{transform:scale(1.1);}
}
@keyframes svg-ani14 {
	0%{transform:translateY(10px);}
	100%{transform:translateY(-10px);}
}
.sb_path_01{fill:transparent;stroke:#fff039;stroke-width:6px;stroke-dasharray:3;stroke-dashoffset:3;animation:stroke-ani16 6s infinite linear;}
.sb_path_02{fill:#3eedff;animation:stroke-ani02 5s infinite linear;transform-origin:center;}
.sb_path_03{fill:#12ff3c;animation:stroke-ani03 3s infinite linear;transform-origin:center;}
.sb_path_04_01{fill:#fff;animation:stroke-ani04 4s infinite linear;transform-origin:center;}
.sb_path_04_02{fill-rule:evenodd;}
.sb_path_04_03{fill-rule:evenodd;}
.sb_path_04_04{fill-rule:evenodd;}
.sb_path_05{fill:transparent;stroke:#12ff3c;stroke-width:2px;stroke-dasharray:3;stroke-dashoffset:3;animation:stroke-ani16 3s infinite linear;}
.sb_path_06{fill:#f73ef7;fill-rule:evenodd;animation:stroke-ani06 3s infinite linear;transform-origin:center;}
.sb_path_07{fill:#f73ef7;animation:stroke-ani03 3s 0.6s infinite linear;transform-origin:center;}
.sb_path_08_01{fill:#fff039;animation:stroke-ani08 4s infinite linear;transform-origin:center;}
.sb_path_08_02{fill-rule:evenodd;}
.sb_path_09{fill:#3eedff;animation:stroke-ani03 3s 1.2s infinite linear;transform-origin:center;}
.sb_path_10{fill:#3eedff;animation:stroke-ani03 3s infinite linear;transform-origin:center;}
.sb_path_11{fill:#fff;animation:stroke-ani03 3s 1.8s infinite linear;transform-origin:center;}
.sb_path_12{fill:#12ff3c;animation:stroke-ani03 5s infinite linear;transform-origin:center;}
.sb_path_13{fill:transparent;stroke:#f73ef7;stroke-width:6px;stroke-dasharray:3;stroke-dashoffset:3;animation:stroke-ani16 6s infinite linear;}
.sb_path_14_01{fill:#3eedff;animation:stroke-ani14 4s infinite linear;transform-origin:center;}
.sb_path_14_02{fill-rule:evenodd;}
.sb_path_14_03{fill-rule:evenodd;}
.sb_path_15{fill:#fff039;animation:stroke-ani03 3s 2.4s infinite linear;transform-origin:center;}
.sb_path_16{fill:transparent;stroke:#3eedff;stroke-width:2px;stroke-dasharray:3;stroke-dashoffset:3;animation:stroke-ani16 3s infinite linear;}
@keyframes stroke-ani16 {
	0%{stroke-dashoffset:3;}
	100%{stroke-dashoffset:150;}
}
@keyframes stroke-ani06 {
	0%{transform:rotate(0deg);}
	100%{transform:rotate(360deg);}
}
@keyframes stroke-ani02 {
	0%{fill:#3eedff;}
	20%{fill:#fff039;}
	40%{fill:#f73ef7;}
	60%{fill:#fff;}
	80%{fill:#12ff3c;}
	100%{fill:#3eedff;}
}
@keyframes stroke-ani03 {
	0%{fill:#12ff3c;}
	20%{fill:#3eedff;}
	40%{fill:#fff;}
	60%{fill:#fff039;}
	80%{fill:#f73ef7;}
	100%{fill:#12ff3c;}
}
@keyframes stroke-ani04 {
	0%{fill:#fff;}
	33%{fill:#fff039;}
	66%{fill:#3eedff;}
	100%{fill:#fff;}
}
@keyframes stroke-ani14 {
	0%{fill:#3eedff;}
	33%{fill:#fff;}
	66%{fill:#fff039;}
	100%{fill:#3eedff;}
}
@keyframes stroke-ani08 {
	0%{fill:#fff039;}
	33%{fill:#3eedff;}
	66%{fill:#fff;}
	100%{fill:#fff039;}
}
.sb_top .sb_top_in{max-width:800px;padding:8.5rem 5rem 8rem 5rem;margin:0 auto;}
.sb_top .sb_category{}
.sb_top .sb_category_in{text-align:center;}
.sb_top .sb_category span{font-size:1.5rem;font-weight:400;color:#fff;letter-spacing:-0.062em;text-indent:-0.05em;line-height:2.7rem;height:2.8rem;border:1px solid #fff;border-radius:0.5rem;padding:0 1rem;display:inline-block;vertical-align:top;}
.sb_top.black .sb_category span{color:#151515;border-color:#151515;}
.sb_top .sb_slogan{font-size:3.5rem;font-weight:bold;color:#fff;letter-spacing:-0.062em;line-height:1.2857;text-align:center;padding-top:1.5rem;}
.sb_top.black .sb_slogan{color:#151515;}
.sb_top .sb_slogan_in{}

.sb_conts{margin-top:10rem;}
.sb_conts .sb_conts_in{max-width:1000px;padding:0 5rem;margin:0 auto;overflow:hidden;}


.sb_top .sb_main_slogan{font-size:4.3rem;font-weight:300;color:#fff;letter-spacing:-0.062em;line-height:1.21;text-align:center;padding-top:6.3rem;padding-bottom:6.8rem;}
.sb_top.black .sb_main_slogan{color:#151515;}
.sb_top .sb_main_slogan strong{font-weight:500;}

.sb_visual{background:#000;position:relative;}
.sb_visual_in{text-align:center;}
.sb_visual_txt{text-align:left;max-width:54rem;margin:0 auto;padding-top:15.5rem;padding-bottom:7.4rem;position:relative;z-index:6;}
.sb_visual_txt p{font-size:2.8rem;font-weight:500;color:#fff;letter-spacing:-0.072rem;line-height:3.8rem;margin-bottom:1.5rem;}
.sb_visual_txt span{display:block;font-size:9.8rem;font-weight:300;font-weight:lighter;color:#fff;line-height:10.2rem;font-family:GmarketSans,'GmarketSans';position:relative;}
.sb_visual_txt span:after{position:absolute;bottom:1.9rem;left:0.5rem;width:90%;height:1px;background:rgba(255,255,255,0.3);content:"";}
.sb_visual_txt span strong{font-weight:bold;font-family:GmarketSans,'GmarketSans';}
.sb_visual_img{position:absolute;top:8.6rem;left:50%;margin-left:12.3rem;z-index:8;}
.sb_visual_img .svi_box{}
.sb_visual_img .svi_box ul{display:flex;flex-direction:column-reverse;}
.sb_visual_img .svi_box li{background:url(../images/main/bg_paper.png) 100% 0 no-repeat;background-size:100%;width:22.4rem;height:13.4rem;margin-bottom:-12.365rem;position:relative;transform:translate(0,-60rem);}
.sb_visual_img .svi_box li span{display:block;font-size:2.7rem;font-weight:bold;color:#000;letter-spacing:-0.05em;line-height:3.6rem;font-family:GmarketSans,'GmarketSans';transform:rotateZ(30deg) rotateY(38deg) rotateX(-43deg) translate(3.4rem, 4.7rem);text-align:center;width:19rem;margin:0 auto;}
.sb_visual_img .svi_box li strong{display:block;font-size:3.3rem;font-weight:normal;color:#000;letter-spacing:0em;line-height:3.8rem;font-family:GmarketSans,'GmarketSans';transform:rotateZ(-32deg) rotateY(40deg) rotateX(39deg) translate(-5.9rem, 5.3rem);text-align:center;width:11rem;margin:0 auto;}
.sb_visual_img .svi_box li strong em{font-weight:lighter;font-size:2rem;}
.sb_visual_bg{}

.sb_visual_img .svi_box li:nth-child(1){animation:paper1 0.5s 0.5s linear forwards;}
.sb_visual_img .svi_box li:nth-child(2){animation:paper1 0.5s 0.55s linear forwards, paper2 2.5s 4s forwards;}
.sb_visual_img .svi_box li:nth-child(3){animation:paper1 0.5s 0.6s linear forwards, paper2 2.5s 20s forwards;}
.sb_visual_img .svi_box li:nth-child(4){animation:paper1 0.5s 0.65s linear forwards, paper2 2.5s 44s forwards;}
.sb_visual_img .svi_box li:nth-child(5){animation:paper1 0.5s 0.7s linear forwards, paper2 2.5s 30s forwards;}
.sb_visual_img .svi_box li:nth-child(6){animation:paper1 0.5s 0.75s linear forwards, paper2 2.5s 36s forwards;}
.sb_visual_img .svi_box li:nth-child(7){animation:paper1 0.5s 0.8s linear forwards, paper2 2.5s 16s forwards;}
.sb_visual_img .svi_box li:nth-child(8){animation:paper1 0.5s 0.85s linear forwards, paper2 2.5s 6s forwards;}
.sb_visual_img .svi_box li:nth-child(9){animation:paper1 0.5s 0.9s linear forwards, paper2 2.5s 26s forwards;}
.sb_visual_img .svi_box li:nth-child(10){animation:paper1 0.5s 0.95s linear forwards, paper2 2.5s 52s forwards;}
.sb_visual_img .svi_box li:nth-child(11){animation:paper1 0.5s 1.0s linear forwards, paper2 2.5s 42s forwards;}
.sb_visual_img .svi_box li:nth-child(12){animation:paper1 0.5s 1.05s linear forwards, paper2 2.5s 18s forwards;}
.sb_visual_img .svi_box li:nth-child(13){animation:paper1 0.5s 1.1s linear forwards, paper2 2.5s 12s forwards;}
.sb_visual_img .svi_box li:nth-child(14){animation:paper1 0.5s 1.15s linear forwards, paper2 2.5s 48s forwards;}
.sb_visual_img .svi_box li:nth-child(15){animation:paper1 0.5s 1.2s linear forwards, paper2 2.5s 38s forwards;}
.sb_visual_img .svi_box li:nth-child(16){animation:paper1 0.5s 1.25s linear forwards, paper2 2.5s 28s forwards;}
.sb_visual_img .svi_box li:nth-child(17){animation:paper1 0.5s 1.3s linear forwards, paper2 2.5s 50s forwards;}
.sb_visual_img .svi_box li:nth-child(18){animation:paper1 0.5s 1.35s linear forwards, paper2 2.5s 24s forwards;}
.sb_visual_img .svi_box li:nth-child(19){animation:paper1 0.5s 1.4s linear forwards, paper2 2.5s 10s forwards;}
.sb_visual_img .svi_box li:nth-child(20){animation:paper1 0.5s 1.45s linear forwards, paper2 2.5s 46s forwards;}
.sb_visual_img .svi_box li:nth-child(21){animation:paper1 0.5s 1.5s linear forwards, paper2 2.5s 40s forwards;}
.sb_visual_img .svi_box li:nth-child(22){animation:paper1 0.5s 1.55s linear forwards, paper2 2.5s 32s forwards;}
.sb_visual_img .svi_box li:nth-child(23){animation:paper1 0.5s 1.6s linear forwards, paper2 2.5s 8s forwards;}
.sb_visual_img .svi_box li:nth-child(24){animation:paper1 0.5s 1.7s linear forwards, paper2 2.5s 22s forwards;}
.sb_visual_img .svi_box li:nth-child(25){animation:paper1 0.5s 1.8s linear forwards, paper2 2.5s 34s forwards;}
.sb_visual_img .svi_box li:nth-child(26){animation:paper1 0.5s 1.9s linear forwards, paper2 2.5s 14s forwards;}
.sb_visual_img .svi_box li:nth-child(27){animation:paper1 0.5s 2.3s linear forwards;}

@keyframes paper1 {
	0%{transform:translate(0,-60rem);}
	100%{transform:translate(0,0);opacity:1;}
}
@keyframes paper2 {
	0%{transform:translate(0,0);}
	10%{transform:translate(0,0);}
	20%{transform:translate(-6.6rem, 4rem);}
	80%{transform:translate(-6.6rem, 4rem);}
	90%{transform:translate(0,0);}
	100%{transform:translate(0,0);}
}
@keyframes bgbg1 {
	0%{transform:translateX(0rem);}
	100%{transform:translateX(-339.5rem);}
}
@keyframes bgbg2 {
	0%{transform:translateX(-339.5rem);}
	100%{transform:translateX(0rem);}
}
@keyframes roro1 {
	0%{transform:scale(1);}
	50%{transform:scale(3);}
	100%{transform:scale(1);}
}
@keyframes roro2 {
	0%{transform:scale(3);}
	50%{transform:scale(1);}
	100%{transform:scale(3);}
}
.sb_visual_bg{position:absolute;top:6.5rem;left:0;width:100%;height:calc(100% - 6.5rem);overflow:hidden;z-index:4;}
.sb_visual_bg span{display:block;width:679rem;height:112px;background:url(../images/main/bg_bg.png) 0 0 repeat;opacity:0.03;}
.sb_visual_bg span:nth-child(1){animation:bgbg1 20s linear infinite;}
.sb_visual_bg span:nth-child(2){animation:bgbg2 20s linear infinite;}
.sb_visual_bg span:nth-child(3){animation:bgbg1 20s linear infinite;}
.sb_visual_bg span:nth-child(4){animation:bgbg2 20s linear infinite;}

.sb_visual_round{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:2;}
.sb_visual_round span{display:block;width:15rem;height:15rem;background:#0e0e0e;border-radius:50%;position:absolute;transform-origin:center center;left:50%;}
.sb_visual_round span:nth-child(1){animation:roro2 10s linear infinite;margin-left:-68.0rem;top:8.15rem;}
.sb_visual_round span:nth-child(2){animation:roro1 10s linear infinite;margin-left:-47.8rem;top:27.5rem}
.sb_visual_round span:nth-child(3){animation:roro2 10s linear infinite;margin-left:47.8rem;top:4.5rem;}
.sb_visual_round span:nth-child(4){animation:roro1 10s linear infinite;margin-left:61.0rem;top:34rem;}

.sb_main_conts{margin-top:5rem;}
.sb_main_conts .sb_main_conts_in{max-width:1000px;padding:0 5rem;margin:0 auto;overflow:hidden;}

.sb_main_tab{margin-bottom:10rem;}
.sb_main_tab_in{}
.sb_main_tab ul{text-align:center;font-size:0;border:1px solid #d8d8d8;border-radius:0.5rem;overflow:hidden;display:table;width:100%;table-layout:fixed;}
.sb_main_tab li{display:inline-block;vertical-align:top;display:table-cell;}
.sb_main_tab li button{font-size:1.5rem;font-weight:300;color:#151515;letter-spacing:-0.062em;line-height:calc(5rem - 2px);text-align:center;width:100%;background:#fff;display:block;border-left:1px solid #d8d8d8;}
.sb_main_tab li:first-child button{border-left:none;}
.sb_main_tab li button:hover span{text-decoration:underline;text-underline-offset:4px;text-decoration-color:#353535;}
.sb_main_tab li.on button{color:#fff;background:#151515;}
.sb_main_tab li button.on{color:#fff;background:#151515;}
.sb_main_tab li button.on:hover span{text-decoration:none;}
.sb_main_tab li span{}

.sb_main_slider_area{margin-bottom:10rem;}
.sb_main_slider_area_in{overflow:hidden;position:relative;}
.sb_main_slider{text-align:left;}
.sb_main_slider ul{}
.sb_main_slider li{width:32rem;margin-right:2rem;}
.sb_main_slider li:last-child{width:32rem;margin-right:0rem;}
.sb_main_slider li a{display:block;border-radius:1rem;overflow:hidden;}
.sb_main_slider .sb_main_slider_section{display:flex;flex-wrap:nowrap;align-items:center;}
.sb_main_slider .sb_main_slider_img{width:100%;}
.sb_main_slider .sb_main_slider_img img{width:100%;}
.sb_main_slider .sb_main_slider_desc{width:100%;margin-left:-100%;}
.sb_main_slider .sb_main_slider_cate{margin-bottom:0.6rem;padding-left:3rem;}
.sb_main_slider .sb_main_slider_cate span{font-size:1.2rem;font-weight:500;color:#fff;letter-spacing:-0.075em;line-height:2.2rem;}
.sb_main_slider .sb_main_slider_tit{padding-left:3rem;padding-right:7rem;padding-bottom:1.9rem;}
.sb_main_slider .sb_main_slider_tit span{font-size:2.7rem;font-weight:bold;color:#fff;letter-spacing:-0.062em;line-height:3.7rem;word-break:break-all;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:9rem;}
.sb_main_slider .sb_main_slider_thumb{background:#f5f5f5;padding:1.5rem 0 1.5rem 1.5rem;text-align:left;font-size:0;}
.sb_main_slider .sb_main_slider_thumb span{display:inline-block;vertical-align:top;width:7.2rem;height:5.1rem;margin-right:0.6rem;border-radius:0.8rem;overflow:hidden;}
.sb_main_slider .sb_main_slider_thumb span img{display:block;height:100%;width:auto;}
.sb_main_slider .sb_main_slider_thumb strong{font-size:1.5rem;font-weight:500;color:#fff;letter-spacing:-0.062em;line-height:5.1rem;text-align:center;background:#000;display:inline-block;vertical-align:top;width:5.6rem;height:5.1rem;border-radius:0.8rem;overflow:hidden;}

.sb_main_slider_area .sb_main_slider_prev{display:block;cursor:pointer;width:5rem;height:5rem;border-radius:50%;transition:all 0.2s;position: absolute;top:50%;transform:translateY(-50%);z-index:10;left:-6rem;background:url(../images/main/ico_prev.png) 50% 50% no-repeat;background-size:100%;background-color:rgba(0,0,0,0.3);}
.sb_main_slider_area .sb_main_slider_next{display:block;cursor:pointer;width:5rem;height:5rem;border-radius:50%;transition:all 0.2s;position: absolute;top:50%;transform:translateY(-50%);z-index:10;right:-6rem;background:url(../images/main/ico_next.png) 50% 50% no-repeat;background-size:100%;background-color:rgba(0,0,0,0.3);}
.sb_main_slider_area .sb_main_slider:hover .sb_main_slider_prev{left:2rem;}
.sb_main_slider_area .sb_main_slider:hover .sb_main_slider_next{right:2rem;}
.sb_main_slider_area .sb_main_slider_prev:hover, .sb_main_slider .sb_main_slider_next:hover{background-color:rgba(0,0,0,0.8);transition:all 0.2s;}
.sb_main_slider_area .sb_main_slider_prev.swiper-button-disabled{display:none;}
.sb_main_slider_area .sb_main_slider_next.swiper-button-disabled{display:none;}

.sb_main_index{}
.sb_main_index_in{}
.sb_main_index_tit{position:relative;display:flex;justify-content:space-between;margin-bottom:4rem;}
.sb_main_index_tit > strong{font-size:2.5rem;font-weight:500;color:#151515;letter-spacing:-0.075em;line-height:4.3rem;display:inline-block;vertical-align:middle;}
.sb_main_index_tit .sb_main_index_function{display:inline-block;vertical-align:middle;font-size:0;}

.sb_main_index_sort{position:relative;width:12rem;display:inline-block;vertical-align:middle;}
.sb_main_index_sort .btn_sort_on{font-size:1.5rem;color:#555;font-weight:300;letter-spacing:-0.075em;line-height:4.3rem;text-align:left;width:100%;height:4.3rem;padding-left:1.5rem;background:#fff url(../images/sub/ico_arrow_down.png) 9.4rem 50% no-repeat;border:1px solid #ddd;border-radius:0.5rem;}
.sb_main_index_sort .btn_sort_on span{}
.sb_main_index_sort ul{position:absolute;opacity:0;top:0;right:0;z-index:4;width:calc(100% - 2px);background:#fff;border:1px solid #555;border-radius:0.5rem;overflow:hidden;}
.sb_main_index_sort.on ul{opacity:1;}
.sb_main_index_sort ul li{margin-bottom:-4.3rem;position:relative;background:#fff;}
.sb_main_index_sort.on ul li{margin-bottom:0;}
.sb_main_index_sort ul li button{font-size:1.5rem;color:#555;font-weight:300;letter-spacing:-0.075em;line-height:4.3rem;text-align:left;width:100%;height:4.3rem;padding-left:1.5rem;}
.sb_main_index_sort ul li button:hover{color:#fff;background:#555;}
.sb_main_index_sort ul li span{}

.sb_main_index_type{margin-left:1.5rem;display:inline-block;vertical-align:middle;}
.sb_main_index_type button{width:4.4rem;height:4.3rem;border:1px solid #cacaca;text-align:center;position:relative;text-indent:-9999px;}
.sb_main_index_type button.on{border-color:#3d3d3d;z-index:2;}
.sb_main_index_type .btn_type_img{border-radius:0.5rem 0 0 0.5rem;background:url(../images/sub/ico_type_img.png) 50% 50% no-repeat;}
.sb_main_index_type .btn_type_img.on{background:url(../images/sub/ico_type_img_on.png) 50% 50% no-repeat;}
.sb_main_index_type .btn_type_list{margin-left:-1px;border-radius:0 0.5rem 0.5rem 0;background:url(../images/sub/ico_type_list.png) 50% 50% no-repeat;}
.sb_main_index_type .btn_type_list.on{background:url(../images/sub/ico_type_list_on.png) 50% 50% no-repeat;}

.sb_main_area{margin-bottom:10rem;}
.sb_main_area_in{}
.sb_main_area ul{margin:0 -1rem;text-align:left;font-size:0;}
.sb_main_area li{margin:0 1rem 3.5rem 1rem;width:calc((100% - 6rem) / 3);display:inline-block;vertical-align:top;}
.sb_main_area .sb_main_area_box{display:block;}
.sb_main_area .sb_main_area_thumb{border-radius:1rem;overflow:hidden;margin-bottom:1.7rem;}
.sb_main_area .sb_main_area_thumb img{width:100%;}
.sb_main_area .sb_main_area_desc{}
.sb_main_area .sb_main_area_cate{margin-bottom:0.7rem;}
.sb_main_area .sb_main_area_cate span{font-size:1.6rem;font-weight:300;color:#858585;letter-spacing:-0.062em;line-height:2.2rem;}
.sb_main_area .sb_main_area_sub{display:none;}
.sb_main_area .sb_main_area_tit{}
.sb_main_area .sb_main_area_tit span{font-size:1.8rem;font-weight:400;color:#353535;letter-spacing:-0.04em;line-height:2.7rem;word-break:break-all;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:5.4rem;}

.sb_main_area ul.type_list{margin:0;}
.sb_main_area .type_list li{margin:0 0 5rem 0;width:100%;display:block;}
.sb_main_area .type_list .sb_main_area_box{display:flex;justify-content:flex-start;align-items:center;}
.sb_main_area .type_list .sb_main_area_thumb{display:inline-block;vertical-align:middle;width:32rem;margin-bottom:0;}
.sb_main_area .type_list .sb_main_area_desc{display:flex;vertical-align:middle;flex-direction:column-reverse;margin-left:3rem;width:calc(100% - 35rem);}
.sb_main_area .type_list .sb_main_area_cate{margin-bottom:0;margin-top:2.2rem;}
.sb_main_area .type_list .sb_main_area_cate span{}
.sb_main_area .type_list .sb_main_area_sub{display:block;margin-top:1.5rem;}
.sb_main_area .type_list .sb_main_area_sub span{font-size:1.7rem;font-weight:300;color:#656565;letter-spacing:-0.04em;line-height:2.7rem;word-break:break-all;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:5.4rem;}
.sb_main_area .type_list .sb_main_area_tit{}
.sb_main_area .type_list .sb_main_area_tit span{font-size:2.5rem;font-weight:bold;letter-spacing:-0.062em;line-height:3.5rem;max-height:7rem;}

.sb_top .sb_section_slogan{font-size:3.5rem;font-weight:bold;color:#fff;letter-spacing:-0.062em;line-height:1.2857;text-align:center;padding-top:4.25rem;padding-bottom:4.752rem;}
.sb_top .sb_section_slogan_in{}

.sb_section_area{margin-bottom:7rem;padding-top:7.7rem;}
.sb_section_area_in{}
.sb_section_area ul{margin:0 -1rem;text-align:left;font-size:0;}
.sb_section_area li{margin:0 1rem 3.5rem 1rem;width:calc((100% - 6rem) / 3);display:inline-block;vertical-align:top;}
.sb_section_area .sb_section_area_box{display:block;}
.sb_section_area .sb_section_area_thumb{border-radius:1rem;overflow:hidden;margin-bottom:1.7rem;}
.sb_section_area .sb_section_area_thumb img{width:100%;}
.sb_section_area .sb_section_area_desc{}
.sb_section_area .sb_section_area_cate{margin-bottom:0.7rem;}
.sb_section_area .sb_section_area_cate span{font-size:1.6rem;font-weight:300;color:#858585;letter-spacing:-0.062em;line-height:2.2rem;}
.sb_section_area .sb_section_area_sub{display:none;}
.sb_section_area .sb_section_area_tit{}
.sb_section_area .sb_section_area_tit span{font-size:1.8rem;font-weight:400;color:#353535;letter-spacing:-0.04em;line-height:2.7rem;word-break:break-all;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:5.4rem;}

.sb_section_area ul.type_list{margin:0;}
.sb_section_area .type_list li{margin:0 0 5rem 0;width:100%;display:block;}
.sb_section_area .type_list .sb_section_area_box{display:flex;justify-content:flex-start;align-items:center;}
.sb_section_area .type_list .sb_section_area_thumb{display:inline-block;vertical-align:middle;width:32rem;margin-bottom:0;}
.sb_section_area .type_list .sb_section_area_desc{display:flex;vertical-align:middle;flex-direction:column-reverse;margin-left:3rem;width:calc(100% - 35rem);}
.sb_section_area .type_list .sb_section_area_cate{margin-bottom:0;margin-top:2.2rem;}
.sb_section_area .type_list .sb_section_area_cate span{}
.sb_section_area .type_list .sb_section_area_sub{display:block;margin-top:1.5rem;}
.sb_section_area .type_list .sb_section_area_sub span{font-size:1.7rem;font-weight:300;color:#656565;letter-spacing:-0.04em;line-height:2.7rem;word-break:break-all;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:5.4rem;}
.sb_section_area .type_list .sb_section_area_tit{}
.sb_section_area .type_list .sb_section_area_tit span{font-size:2.5rem;font-weight:bold;letter-spacing:-0.062em;line-height:3.5rem;max-height:7rem;}
.sb_section_list_more{padding-top:10rem;text-align:center;}
.sb_section_list_more a{display:inline-block;vertical-align:top;padding-top:6.5rem;background:url(../images/sub/ico_list_more.png) 50% 0 no-repeat;-webkit-background-size:5rem;background-size:5rem;transition:all 0.2s}
.sb_section_list_more a:hover{background:url(../images/sub/ico_list_more_on.png) 50% 0 no-repeat;-webkit-background-size:5rem;background-size:5rem;transition:all 0.3s}
.sb_section_list_more span{font-size:2.0rem;font-weight:500;color:#151515;letter-spacing:-0.062em;line-height:3.0rem;}

.sb_quick_area{position:absolute;right:15rem;z-index:17;top:calc(100vh - 362px);}
.sb_quick_area_in{width:6.4rem;}
.sb_quick_area ul{}
.sb_quick_area li{width:6rem;height:6rem;position:relative;margin-top:1.2rem;}
.sb_quick_area li.sb_quick_last{width:6.4rem;height:6.4rem;border-radius:50%;overflow:hidden;transition:all 0.1s;border:1px solid #eaeaea;border-radius:50%;box-sizing:border-box;}
/* .sb_quick_area li.sb_quick_last:hover{border-radius:0;overflow:visible;transition:all 0.2s} */
.sb_quick_area a{display:block;height:100%;}
.sb_quick_area button{display:block;height:100%;width:100%;text-indent:-9999px;}
.sb_quick_area span{display:none;height:0;}
.sb_quick_area .sb_quick_last img{position:absolute;bottom:0;left:0;height:100%;width:auto;transition:all 0.1s}
.sb_quick_area .sb_quick_last img.img_w{}
.sb_quick_area .sb_quick_last img.img_h{bottom:auto;top:0;height:auto;width:100%;}
/* .sb_quick_area .sb_quick_last:hover img{height:10rem;transition:all 0.2s} */
.sb_quick_area .sb_quick_last button{background:url(../images/sub/ico_last_none.png) 50% 50% no-repeat;-webkit-background-size:100%;background-size:100%;transition:all 0.2s}
.sb_quick_area .sb_quick_heart button{background:url(../images/sub/ico_heart_02.png) 50% 50% no-repeat;-webkit-background-size:100%;background-size:100%;transition:all 0.2s}
.sb_quick_area .sb_quick_heart button:hover{background:url(../images/sub/ico_heart_hover.png) 50% 50% no-repeat;-webkit-background-size:100%;background-size:100%;transition:all 0.3s}
.sb_quick_area .sb_quick_heart.on button{background:url(../images/sub/ico_heart_02_on.png) 50% 50% no-repeat;-webkit-background-size:100%;background-size:100%;transition:all 0.3s}
.sb_quick_area .sb_quick_heart button.on{background:url(../images/sub/ico_heart_02_on.png) 50% 50% no-repeat;-webkit-background-size:100%;background-size:100%;transition:all 0.3s}
.sb_quick_area .sb_quick_share button{background:url(../images/sub/ico_share.png) 50% 50% no-repeat;-webkit-background-size:100%;background-size:100%;transition:all 0.2s}
.sb_quick_area .sb_quick_share button:hover{background:url(../images/sub/ico_share_on.png) 50% 50% no-repeat;-webkit-background-size:100%;background-size:100%;transition:all 0.3s}
.sb_quick_area .sb_quick_top button{background:url(../images/sub/ico_top.png) 50% 50% no-repeat;-webkit-background-size:100%;background-size:100%;transition:all 0.2s}
.sb_quick_area .sb_quick_top button:hover{background:url(../images/sub/ico_top_on.png) 50% 50% no-repeat;-webkit-background-size:100%;background-size:100%;transition:all 0.3s}
.sb_quick_area .sb_quick_heart strong{display:block;text-indent:0;font-size:1.25rem;font-weight:300;color:#858585;letter-spacing:0;line-height:2;padding-top:2rem;transition:all 0.2s}
.sb_quick_area .sb_quick_heart button:hover strong{opacity:0;}
.sb_quick_area .sb_quick_heart.on button:hover strong{opacity:1;}
.sb_quick_area .sb_quick_heart button.on:hover strong{opacity:1;}

.sb_last_conts{position:fixed;top:3rem;right:0;z-index:38;width:46rem;padding-right:3rem;height:calc(100vh - 6rem);max-width:calc(100% - 6rem);overflow:hidden;display:none;}
.sb_last_conts.on{display:block;}
.sb_last_conts_deam{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,0.7);z-index:27;}
.sb_last_conts_in{width:100%;height:100%;position:relative;border-radius:1rem;background:#fff;text-align:left;z-index:28;transform:translateX(49rem);}
.sb_last_conts_in.on{transform:translateX(0);transition:all 0.3s;}
.sb_last_conts_close{position:absolute;top:3.2rem;right:3rem;z-index:30;}
.sb_last_conts_close button{width:1.5rem;height:1.5rem;text-indent:-9999px;display:block;background:url(../images/sub/ico_close_03.png) 50% 50% no-repeat;-webkit-background-size:100%;background-size:100%;}
.sb_last_conts_tit{padding:2.5rem 0 2.5rem 3rem;}
.sb_last_conts_tit strong{font-size:2rem;font-weight:500;color:#151515;letter-spacing:-0.062em;line-height:3rem;}
.sb_last_conts_tab{padding:0 0 3rem 3rem;}
.sb_last_conts_tab ul{}
.sb_last_conts_tab li{display:inline-block;vertical-align:top;margin-right:0.6rem;}
.sb_last_conts_tab li button{display:block;height:4rem;padding:0 1.6rem;text-align:center;font-size:1.5rem;font-weight:300;color:#151515;letter-spacing:-0.062em;background:#f7f7f7;border:1px solid #eaeaea;border-radius:2rem;}
.sb_last_conts_tab li button:hover{border-color:#595959;}
.sb_last_conts_tab li.on button{font-weight:400;color:#fff;background:#595959;border-color:#595959;}
.sb_last_conts_tab li button.on{font-weight:400;color:#fff;background:#595959;border-color:#595959;}
.sb_last_conts_function{display:flex;justify-content:space-between;padding:0 3rem 1.5rem 3rem;}
.sb_last_conts_count{font-size:1.5rem;font-weight:400;color:#151515;letter-spacing:-0.062em;line-height:2.5rem;display:inline-block;vertical-align:middle;}
.sb_last_conts_count strong{font-weight:bold;color:#e50012;}
.sb_last_conts_del{display:inline-block;vertical-align:middle;}
.sb_last_conts_del button{padding-left:1.8rem;font-size:1.4rem;font-weight:300;color:#858585;letter-spacing:-0.062em;line-height:2.5rem;background:url(../images/sub/ico_del_all.png) 0 50% no-repeat;-webkit-background-size:1.3rem;background-size:1.3rem;display:inline-block;vertical-align:middle;}
.sb_last_conts_list{height:calc(100% - 22rem);padding:0 2rem 3rem 2rem;}
.sb_last_conts_list ul{height:100%;padding:0 1rem;overflow-y:auto;-ms-overflow-style:none;}
.sb_last_conts_list ul::-webkit-scrollbar{width:4px;}
.sb_last_conts_list ul::-webkit-scrollbar-thumb{border-radius:2px;background-color:#858585;border:none;width:4px;height:8px;}
.sb_last_conts_list ul::-webkit-scrollbar-track{background-color:#eaeaea;margin:1px 0;}
.sb_last_conts_list li{margin-bottom:1rem;position:relative;}
.sb_last_conts_list li:last-child{margin-bottom:0;}
.sb_last_conts_list li.sb_last_conts_none{text-align:center;display:flex;align-content:center;flex-wrap:wrap;justify-content:center;width:100%;height:100%;}
.sb_last_conts_list li.sb_last_conts_none strong{font-size:1.8rem;font-weight:300;color:#353535;letter-spacing:-0.062em;line-height:2rem;margin-top:-4rem;padding-top:9rem;background:url(../images/sub/ico_last_none.png) 50% 0 no-repeat;-webkit-background-size:6.4rem;background-size:6.4rem;}
.sb_last_conts_list li a{border:1px solid #eaeaea;border-radius:1rem;display:block;padding:1.5rem;font-size:0;display:flex;}
.sb_last_conts_list li a:hover{border-color:#858585;}
.sb_last_conts_list .sb_last_conts_thumb{width:12.3rem;margin-right:2rem;text-align:center;display:inline-block;vertical-align:top;}
.sb_last_conts_list .sb_last_conts_thumb img{max-width:100%;max-height:12.3rem;width:auto;height:auto;box-sizing:border-box;border-radius:0.3rem;}
.sb_last_conts_list .sb_last_conts_thumb img.img_w{border:1px solid #eaeaea;}
.sb_last_conts_list .sb_last_conts_thumb img.img_h{border:1px solid #eaeaea;}
.sb_last_conts_list .sb_last_conts_desc{width:calc(100% - 19.8rem);margin-right:1.7rem;display:inline-block;vertical-align:top;}
.sb_last_conts_list .sb_last_conts_desc strong{font-size:1.5rem;font-weight:300;color:#353535;letter-spacing:-0.062em;line-height:2rem;display:block;margin-bottom:1.5rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:4rem;}
.sb_last_conts_list .sb_last_conts_desc span{font-size:1.3rem;font-weight:300;color:#aaa;letter-spacing:-0.062em;line-height:1.8rem;margin-right:1.1rem;padding-right:1.1rem;display:inline-block;vertical-align:middle;position:relative;}
.sb_last_conts_list .sb_last_conts_desc span:after{content:"";position:absolute;top:0.3rem;right:0;width:1px;height:1.2rem;background:#e5e5e5;}
.sb_last_conts_list .sb_last_conts_desc em{font-size:1.3rem;font-weight:300;color:#aaa;letter-spacing:-0.062em;line-height:1.8rem;display:inline-block;vertical-align:middle;position:relative;}
.sb_last_conts_list .sb_last_conts_btns{width:3.8rem;text-align:right;display:inline-block;vertical-align:top;font-size:0;}
.sb_last_conts_list .sb_last_conts_btns button{height:1.3rem;display:inline-block;vertical-align:middle;text-indent:-9999px;}
.sb_last_conts_list .sb_last_conts_btns .btn_sb_heart{width:1.6rem;background:url(../images/sub/ico_heart_04.png) 50% 50% no-repeat;-webkit-background-size:contain;background-size:contain;}
.sb_last_conts_list .sb_last_conts_btns .btn_sb_heart.on{background:url(../images/sub/ico_heart_04_on.png) 50% 50% no-repeat;-webkit-background-size:contain;background-size:contain;}
.sb_last_conts_list .sb_last_conts_btns .btn_sb_del{width:1.2rem;background:url(../images/sub/ico_del.png) 50% 50% no-repeat;margin-left:1rem;-webkit-background-size:contain;background-size:contain;}
.sb_last_conts_list a + .sb_last_conts_btns{position:absolute;top:calc(1.5rem + 1px);right:calc(1.5rem + 1px);z-index:9;}

.layer_share{}
.layer_deam{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:99000;background:rgba(0,0,0,0.7);}
.layer_share_area{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:99000;text-align:center;}
.layer_share_area_in{position:relative;padding-bottom:5rem;display:inline-block;vertical-align:top;background:#fff;border-radius:1rem;width:52rem;}
.layer_share_area strong{font-size:2rem;font-weight:500;color:#151515;letter-spacing:-0.062em;line-height:3rem;display:block;padding:2.7rem 3rem 3.2rem 3rem;text-align:left;}
.layer_share_area strong span{font-weight:500;letter-spacing:0;}
.layer_share_area ul{padding-top:3.5rem;font-size:0;padding:0 1rem;}
.layer_share_area li{width:8rem;height:8rem;margin:0 1rem;display:inline-block;vertical-align:top;}
.layer_share_area li button{width:100%;height:100%;text-indent:-9999px;display:block;}
.layer_share_area li:nth-child(1) button{background:url(../images/sub/ico_kakao.png) 50% 50% no-repeat;background-size:100%;}
.layer_share_area li:nth-child(2) button{background:url(../images/sub/ico_twitter.png) 50% 50% no-repeat;background-size:100%;}
.layer_share_area li:nth-child(3) button{background:url(../images/sub/ico_blog.png) 50% 50% no-repeat;background-size:100%;}
.layer_share_area li:nth-child(4) button{background:url(../images/sub/ico_facebook.png) 50% 50% no-repeat;background-size:100%;}
.layer_share_area li button span{}
.layer_share_area .btn_layer_share_close{position:absolute;top:3rem;right:3rem;width:1.5rem;height:1.5rem;background:url(../images/sub/ico_layer_close.png) 50% 50% no-repeat;display:block;text-align:left;text-indent:-9999px;}

.sb_top_box_text{padding-top:2.3rem;padding-bottom:2.3rem;}
.sb_top_box_text_in{font-size:1.8rem;font-weight:300;color:#353535;letter-spacing:-0.06em;line-height:1.6667;background:#f9fafb;border-radius:1rem;padding:2.5rem 3rem;}

.sb_title_text{margin-bottom:1.5rem;text-align:left;font-size:2rem;font-weight:500;color:#151515;letter-spacing:-0.06em;line-height:3rem;}

.sb_slider_card{padding-top:2.3rem;padding-bottom:2.3rem;position:relative;}
.sb_slider_card.card_cnt:before{content:"";position:absolute;top:4.5rem;left:0;width:100%;height:calc(100% - 4.5rem);z-index:4;}
.sb_slider_card .card_slider{position:relative;overflow:hidden;border-radius:1rem;}
.sb_slider_card .card_slider li{width:32rem;/* margin:0 1rem; */margin-right:20px;}
.sb_slider_card .card_slider li img{width:100%;border-radius:1rem;}
.sb_slider_card .card_slider_prev{display:block;cursor:pointer;width:5rem;height:5rem;border-radius:50%;transition:all 0.2s;position: absolute;top:50%;transform:translateY(-50%);z-index:10;left:-6rem;background:url(../images/main/ico_prev.png) 50% 50% no-repeat;background-size:100%;background-color:rgba(0,0,0,0.3);}
.sb_slider_card .card_slider_next{display:block;cursor:pointer;width:5rem;height:5rem;border-radius:50%;transition:all 0.2s;position: absolute;top:50%;transform:translateY(-50%);z-index:10;right:-6rem;background:url(../images/main/ico_next.png) 50% 50% no-repeat;background-size:100%;background-color:rgba(0,0,0,0.3);}
.sb_slider_card .card_slider:hover .card_slider_prev{left:2rem;}
.sb_slider_card .card_slider:hover .card_slider_next{right:2rem;}
.sb_slider_card .card_slider_prev:hover, .sb_slider_card .card_slider_next:hover{background-color:rgba(0,0,0,0.8);transition:all 0.2s;}
.sb_slider_card .card_slider_prev.swiper-button-disabled{display:none;}
.sb_slider_card .card_slider_next.swiper-button-disabled{display:none;}

.sb_slider_block{padding-top:2.3rem;padding-bottom:2.3rem;}
.sb_slider_block_in{position:relative;}
.sb_title_more{position:absolute;top:0;right:0;text-align:right;}
.sb_title_more a{font-size:1.3rem;font-weight:400;color:#151515;letter-spacing:-0.062em;line-height:3rem;padding-right:15px;background:url(../images/sub/ico_more_03.png) calc(100% - 1px) 50% no-repeat;display:inline-block;vertical-align:middle;}
.sb_slider_block .block_slider_area{position:relative;overflow:hidden;background:#f7f8f9;border-radius:1rem;}
.sb_slider_block .block_slider{overflow:hidden;margin:3rem 0 3rem 3rem;}
.sb_slider_block .block_slider li{width:25.8rem;margin:0 0.35rem;}
.sb_slider_block .block_slider li.on{margin:0 0.75rem;}
.sb_slider_block .block_slider li:last-child{margin-right:18rem;}
.sb_slider_block .block_slider li.on:after{content:"";position:absolute;top:1.4rem;right:1.4rem;width:3rem;height:3rem;background:url(../images/sub/ico_chk_on.png) 50% 50% no-repeat;background-size:100%;z-index:3;}
.sb_slider_block .block_slider li a{display:block;background:#f7f8f9;padding:0.4rem;border-radius:1rem;}
.sb_slider_block .block_slider li.on a{background:#000;}
.sb_slider_block .block_slider li img{width:100%;border-radius:0.5rem;}
.sb_slider_block .block_slider_prev{display:block;cursor:pointer;width:5rem;height:5rem;border-radius:50%;transition:all 0.2s;position: absolute;top:50%;transform:translateY(-50%);z-index:10;left:-6rem;background:url(../images/main/ico_prev.png) 50% 50% no-repeat;background-size:100%;background-color:rgba(0,0,0,0.3);}
.sb_slider_block .block_slider_next{display:block;cursor:pointer;width:5rem;height:5rem;border-radius:50%;transition:all 0.2s;position: absolute;top:50%;transform:translateY(-50%);z-index:10;right:-6rem;background:url(../images/main/ico_next.png) 50% 50% no-repeat;background-size:100%;background-color:rgba(0,0,0,0.3);}
.sb_slider_block .block_slider:hover .block_slider_prev{left:2rem;}
.sb_slider_block .block_slider:hover .block_slider_next{right:2rem;}
.sb_slider_block .block_slider_prev:hover, .sb_slider_block .block_slider_next:hover{background-color:rgba(0,0,0,0.8);transition:all 0.2s;}
.sb_slider_block .block_slider_prev.swiper-button-disabled{display:none;}
.sb_slider_block .block_slider_next.swiper-button-disabled{display:none;}

.sb_intro_text{padding:12rem 0rem 5.6rem 0rem;max-width:800px;margin:0 auto;}
.sb_intro_text_in{font-size:1.8rem;font-weight:300;color:#353535;letter-spacing:-0.062em;line-height:1.6667;text-align:center;}

.sb_left_text_right_img{padding:4rem 0rem 0 0rem;max-width:800px;margin:0 auto;}
.sb_left_text_right_img_in:after{display:block;clear:both;content:"";}
.sb_left_text_right_img .left_text{font-size:1.8rem;font-weight:300;color:#353535;letter-spacing:-0.062em;line-height:1.6667;text-align:left;margin-bottom:4rem;}
.sb_left_text_right_img .left_text a{font-weight:bold;text-decoration:underline;text-underline-offset:3px;}
.sb_left_text_right_img .right_img{width:50%;padding-left:4rem;float:right;margin-bottom:4rem;position:relative;z-index:2;}
.sb_left_text_right_img .right_img img{max-width:100%;}

.sb_left_text_right_img_02{padding:4rem 0rem 0 0rem;max-width:800px;margin:0 auto;}
.sb_left_text_right_img_02_in{display:flex;flex-direction:row-reverse;}
.sb_left_text_right_img_02 .left_text{font-size:1.8rem;font-weight:300;color:#353535;letter-spacing:-0.062em;line-height:1.6667;text-align:left;margin-bottom:4rem;width:calc(50% - 4rem);display:inline-block;vertical-align:top;}
.sb_left_text_right_img_02 .left_text a{font-weight:bold;text-decoration:underline;text-underline-offset:3px;}
.sb_left_text_right_img_02 .right_img{width:50%;padding-left:4rem;margin-bottom:4rem;display:inline-block;vertical-align:top;}
.sb_left_text_right_img_02 .right_img img{max-width:100%;}

.sb_left_img_right_text{padding:4rem 0rem 0 0rem;max-width:800px;margin:0 auto;}
.sb_left_img_right_text_in:after{display:block;clear:both;content:"";}
.sb_left_img_right_text .right_text{font-size:1.8rem;font-weight:300;color:#353535;letter-spacing:-0.062em;line-height:1.6667;text-align:left;margin-bottom:4rem;}
.sb_left_img_right_text .right_text a{font-weight:bold;text-decoration:underline;text-underline-offset:3px;}
.sb_left_img_right_text .left_img{width:50%;padding-right:4rem;float:left;margin-bottom:4rem;position:relative;z-index:2;}
.sb_left_img_right_text .left_img img{max-width:100%;}

.sb_left_img_right_text_02{padding:4rem 0em 0 0rem;max-width:800px;margin:0 auto;}
.sb_left_img_right_text_02_in{display:flex;}
.sb_left_img_right_text_02 .right_text{font-size:1.8rem;font-weight:300;color:#353535;letter-spacing:-0.062em;line-height:1.6667;text-align:left;margin-bottom:4rem;width:calc(50% - 4rem);display:inline-block;vertical-align:top;}
.sb_left_img_right_text_02 .right_text a{font-weight:bold;text-decoration:underline;text-underline-offset:3px;}
.sb_left_img_right_text_02 .left_img{width:50%;padding-right:4rem;margin-bottom:4rem;display:inline-block;vertical-align:top;}
.sb_left_img_right_text_02 .left_img img{max-width:100%;}

.sb_full_img{padding:4rem 0rem 0 0rem;max-width:800px;margin:0 auto;}
.sb_full_img_in{text-align:center;}
.sb_full_img img{max-width:100%;margin-bottom:4rem;}

.sb_left_img_right_img{padding:4rem 0rem 0 0rem;max-width:800px;margin:0 auto;}
.sb_left_img_right_img_in{display:flex;justify-content: space-between;}
.sb_left_img_right_img .left_img{width:calc(50% - 2rem);margin-bottom:4rem;display:inline-block;vertical-align:top;}
.sb_left_img_right_img .right_img{width:calc(50% - 2rem);margin-bottom:4rem;display:inline-block;vertical-align:top;}
.sb_left_img_right_img img{max-width:100%;}

.sb_full_text{padding:3.6rem 0rem;max-width:800px;margin:0 auto;}
.sb_full_text_in{font-size:1.8rem;font-weight:300;color:#353535;letter-spacing:-0.062em;line-height:1.6667;/* line-height:1.8334; */}
.sb_full_text li{padding:0.45rem 0 0.45rem 1.2rem;position:relative;}
.sb_full_text li:before{content:"·";position:absolute;left:0;top:0.45rem;line-height:1.6667;letter-spacing:0;text-indent:-0.05em;}

.sb_gray_box_text{padding:4rem 0rem;max-width:800px;margin:0 auto;}
.sb_gray_box_text_in{font-size:1.8rem;font-weight:300;color:#353535;letter-spacing:-0.062em;line-height:1.6667;padding:4.5rem 4rem;background:#f9fafb;border-radius:1rem;}
.sb_gray_box_text li{padding:0.45rem 0 0.45rem 1.2rem;position:relative;}
.sb_gray_box_text li:before{content:"·";position:absolute;left:0;top:0.45rem;line-height:1.6667;letter-spacing:0;text-indent:-0.05em;}

.sb_left_img_text_right_img_text{padding:3.6rem 0rem 0 0rem;max-width:800px;margin:0 auto;}
.sb_left_img_text_right_img_text_in{display:flex;justify-content: space-between;}
.sb_left_img_text_right_img_text .left_img_text{width:calc(50% - 2rem);padding-bottom:3.6rem;display:inline-block;vertical-align:top;}
.sb_left_img_text_right_img_text .left_img_text img{max-width:100%;}
.sb_left_img_text_right_img_text .left_img_text .left_text{font-size:1.8rem;font-weight:300;color:#353535;letter-spacing:-0.062em;line-height:1.6667;text-align:left;}
.sb_left_img_text_right_img_text .left_img_text > .left_text:first-child{padding-bottom:2.4rem;}
.sb_left_img_text_right_img_text .left_img_text > .left_img:first-child{padding-top:0.4rem;}
.sb_left_img_text_right_img_text .left_img_text > .left_img:first-child + .left_text{padding-top:2.4rem;}
.sb_left_img_text_right_img_text .right_img_text{width:calc(50% - 2rem);padding-bottom:3.6rem;display:inline-block;vertical-align:top;}
.sb_left_img_text_right_img_text .right_img_text img{max-width:100%;}
.sb_left_img_text_right_img_text .right_img_text .right_text{font-size:1.8rem;font-weight:300;color:#353535;letter-spacing:-0.062em;line-height:1.6667;text-align:left;}
.sb_left_img_text_right_img_text .right_img_text > .right_text:first-child{padding-bottom:2.4rem;}
.sb_left_img_text_right_img_text .right_img_text > .right_img:first-child{padding-top:0.4rem;}
.sb_left_img_text_right_img_text .right_img_text > .right_img:first-child + .right_text{padding-top:2.4rem;}

.left_text li{text-indent:-0.7rem;transform:translateX(0.7rem);}
.right_text li{text-indent:-0.7rem;transform:translateX(0.7rem);}

.sb_slider_recommend{padding-top:16rem;padding-bottom:10rem;}
.sb_slider_recommend_in{}
.sb_slider_recommend .recommend_slider_area{}

.sb_slider_recommend .recommend_slider_area{position:relative;overflow:hidden;background:#f7f8f9;border-radius:1rem;}
.sb_slider_recommend .recommend_slider{overflow:hidden;margin:3rem 0 3rem 3rem;}
.sb_slider_recommend .recommend_slider li{width:25rem;margin:0 0.75rem;}
.sb_slider_recommend .recommend_slider li img{width:100%;border-radius:0.6rem;}
.sb_slider_recommend .recommend_slider_prev{display:block;cursor:pointer;width:5rem;height:5rem;border-radius:50%;transition:all 0.2s;position: absolute;top:50%;transform:translateY(-50%);z-index:10;left:-6rem;background:url(../images/main/ico_prev.png) 50% 50% no-repeat;background-size:100%;background-color:rgba(0,0,0,0.3);}
.sb_slider_recommend .recommend_slider_next{display:block;cursor:pointer;width:5rem;height:5rem;border-radius:50%;transition:all 0.2s;position: absolute;top:50%;transform:translateY(-50%);z-index:10;right:-6rem;background:url(../images/main/ico_next.png) 50% 50% no-repeat;background-size:100%;background-color:rgba(0,0,0,0.3);}
.sb_slider_recommend .recommend_slider:hover .recommend_slider_prev{left:2rem;}
.sb_slider_recommend .recommend_slider:hover .recommend_slider_next{right:2rem;}
.sb_slider_recommend .recommend_slider_prev:hover, .sb_slider_recommend .recommend_slider_next:hover{background-color:rgba(0,0,0,0.8);transition:all 0.2s;}



.container_area{padding-top:23.6rem;}
.container_area .ca_in{overflow:hidden;}

.effect_area{position:absolute;top:0;left:0;width:100%;height:87rem;background:#000;}

.search_area{max-width:750px;margin:0 auto;padding:0 5rem;position:relative;}
.search_area .sa_in{text-align:center;position:relative;}

.search_area .search_main{}
.search_area .search_form{}

.search_area .search_box{height:8rem;border-radius:4rem;background:#fff;display:flex;}
.search_area .auto_on .search_box{border-radius:4rem 4rem 0 0;}
.search_area .search_box .input_search{width:calc(100% - 15rem);padding-left:4.4rem;text-align:left;font-size:2rem;font-weight:300;color:#454545;letter-spacing:-0.065em;line-height:8rem;}
.search_area .search_box .btn_search{width:10.6rem;height:100%;background:url(../images/main/ico_search.png) 50% 50% no-repeat;text-indent:-9999px;}

.search_area .search_auto{display:none;position:absolute;top:8rem;left:0;z-index:20;width:100%;}
.search_area .auto_on .search_auto{display:block;}
.search_area .search_auto .search_auto_box{background:#fff;border-radius:0 0 1rem 1rem;position:relative;overflow:hidden;}
.search_area .search_auto .search_auto_box:after{content:"";top:0;left:4rem;width:calc(100% - 8rem);height:1px;background:#ddd;position:absolute;}
.search_area .search_auto .search_auto_list{padding:1.5rem 0;text-align:left;}
.search_area .search_auto .search_auto_list li{}
.search_area .search_auto .search_auto_list li a{font-size:1.6rem;font-weight:300;color:#151515;letter-spacing:0;line-height:3.4rem;padding:0 4.4rem;display:block;white-space:nowrap;overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis;position:relative;}
.search_area .search_auto .search_auto_list li a:hover{background:#f9fafb;}
.search_area .search_auto .search_auto_list li a:focus{background:#f9fafb;}
.search_area .search_auto .search_auto_list li span{display:block;height:100%;}
.search_area .search_auto .search_auto_list li em{opacity:0;}
.search_area .search_auto .search_auto_list li span+em{position:absolute;left:calc(95% - 0.9rem);top:50%;margin-top:-0.45rem;width:0.8rem;height:1px;background:#a19ea2;}
.search_area .search_auto .search_auto_list li span+em+em{position:absolute;left:calc(95% - 0.9rem);top:50%;margin-top:-0.45rem;width:1px;height:0.8rem;background:#a19ea2;}
.search_area .search_auto .search_auto_list li span+em+em+em{position:absolute;left:calc(95% - 0.9rem);top:50%;margin-top:-0.45rem;width:1.27rem;height:1px;background:#a19ea2;transform:rotate(45deg);transform-origin:0 0;}
.search_area .search_auto .search_auto_list li strong{font-weight:300;color:#e62725;}
.search_area .search_auto .search_auto_function{background:#f9fafb;border-top:1px solid #f1f4f6;padding:1.2rem 4rem;display:flex;justify-content:space-between;}
.search_area .search_auto .search_auto_function strong{font-size:1.4rem;font-weight:300;color:#807f7f;letter-spacing:-0.062em;line-height:2;}
.search_area .search_auto .search_auto_function .btn_search_auto_off{font-size:1.4rem;font-weight:300;color:#807f7f;letter-spacing:-0.062em;line-height:2;}
.search_area .search_auto .search_auto_function .btn_search_auto_off span{}

.search_area .search_keyword{margin-top:2.3rem;text-align:center;padding-left:7rem;position:relative;display:inline-block;vertical-align:top;}
.search_area .search_keyword strong{font-size:1.5rem;font-weight:500;color:#e50012;letter-spacing:-0.025em;line-height:3rem;position:absolute;top:0;left:0;display:inline-block;vertical-align:top;}
.search_area .search_keyword ul{font-size:0;text-align:left;}
.search_area .search_keyword li{margin:0 1rem;display:inline-block;vertical-align:top;opacity:0.5;}
.search_area .search_keyword .btn_keyword{display:block;font-size:1.5rem;font-weight:300;color:#fff;letter-spacing:-0.062em;line-height:3rem;}


#footer{margin-top:8rem;}
.footer_area{background:#f8f8f8;padding-bottom:4.3rem;}
.footer_area .fa_in{max-width:1300px;padding:0 5rem;margin:0 auto;position:relative;}
.footer_area .footer_list{padding-top:4.5rem;}
.footer_area .footer_list ul{display:block;text-align:left;font-size:0;}
.footer_area .footer_list li{margin-right:3rem;padding-bottom:1rem;display:inline-block;vertical-align:top;}
.footer_area .footer_list a{}
.footer_area .footer_list span{font-size:1.5rem;font-weight:300;color:#000;letter-spacing:-0.05em;line-height:2.5rem;}
.footer_area .footer_list a:hover span{font-weight:bold;}
.footer_area .footer_center{margin-top:2.2rem;}
.footer_area .footer_center dl{font-size:0;}
.footer_area .footer_center dt{display:block;text-align:left;margin-bottom:1rem;}
.footer_area .footer_center dt strong{font-size:1.7rem;font-weight:bold;color:#151515;letter-spacing:0;line-height:2.7rem;padding-left:3.3rem;background:url(../images/main/ico_center.png) 0 50% no-repeat;background-size:2.7rem;display:inline-block;vertical-align:top;margin-right:1rem;}
.footer_area .footer_center dt span{font-size:1.4rem;font-weight:300;color:#909090;letter-spacing:0;line-height:2.7rem;display:inline-block;vertical-align:top;}
.footer_area .footer_center dd{display:inline-block;vertical-align:top;margin-right:0.5rem;}
.footer_area .footer_center dd button{font-size:1.2rem;font-weight:300;color:#8585855;letter-spacing:-0.05em;line-height:1.9rem;border:1px solid #ccc;background:#fff;padding:0 7px 0 8px;display:block;}
.footer_area .footer_center dd button span{display:block;padding-right:9px;background:url(../images/main/ico_arrow_02.png) calc(100% - 1px) 50% no-repeat;}
.footer_area .footer_center dd a{font-size:1.2rem;font-weight:300;color:#8585855;letter-spacing:-0.05em;line-height:1.9rem;border:1px solid #ccc;background:#fff;padding:0 7px 0 8px;display:block;}
.footer_area .footer_center dd a span{display:block;padding-right:9px;background:url(../images/main/ico_arrow_02.png) calc(100% - 1px) 50% no-repeat;}
.footer_area .footer_copy{margin-top:2.8rem;position:relative;}
.footer_area .footer_copy ul{padding-right:15.2rem;margin-left:-2rem;position:relative;}
.footer_area .footer_copy ul:after{position:absolute;width:1.6rem;height:100%;content:"";top:0;left:0.2rem;background:#f8f8f8;z-index:2;}
.footer_area .footer_copy li{margin-left:2rem;display:inline-block;vertical-align:top;position:relative;}
.footer_area .footer_copy li:after{position:absolute;top:0.75rem;left:-1rem;width:1px;height:1.4rem;content:"";background:#e0e0e0;}
.footer_area .footer_copy li span{font-size:1.5rem;font-weight:300;color:#909090;letter-spacing:0;line-height:2.9rem;}
.footer_area .footer_copy strong{position:absolute;top:0;right:0;}
.footer_area .footer_copy p{margin-top:0.2rem;font-size:1.5rem;font-weight:300;color:#909090;letter-spacing:0;line-height:2.9rem;}

.footer_area .fa_pc_ver{font-size:1.3rem;font-weight:300;color:#858585;letter-spacing:-0.05em;line-height:2.1rem;border:1px solid #ccc;background:#fff;padding:0 7px 0 8px;display:block;position:absolute;bottom:0;right:0;}
.footer_area .fa_m_ver{font-size:1.3rem;font-weight:300;color:#858585;letter-spacing:-0.05em;line-height:2.1rem;border:1px solid #ccc;background:#fff;padding:0 7px 0 8px;display:block;position:absolute;bottom:0;right:0;}

.callcenter_area{position:fixed;top:0;left:0;width:100%;height:100%;z-index:8500;text-align:center;display:none;}
.callcenter_area:after{background:rgba(0,0,0,0.8);content:"";width:100%;height:100%;display:block;}
.callcenter_area .ca_in{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background:#fff;display:inline-block;vertical-align:top;border-radius:1rem;overflow:hidden;}
.callcenter_area .callcenter_box{position:relative;padding:3rem;text-align:center;width:53rem;-ms-word-break:keep-all;word-break:keep-all;}
.callcenter_area .callcenter_close{text-align:left;position:absolute;top:2rem;right:2rem;}
.callcenter_area .callcenter_close .btn_callcenter_close{display:block;height:3.5rem;width:3.5rem;text-indent:-9999px;background:url(../images/main/ico_close.png) 50% 50% no-repeat;background-size:2rem;}
.callcenter_area .callcenter_title{margin-bottom:1.5rem;}
.callcenter_area .callcenter_title strong{font-size:2.3rem;font-weight:bold;color:#000;letter-spacing:-0.05em;line-height:4.3rem;display:block;}
.callcenter_area .callcenter_input{margin-bottom:2.5rem;text-align:center;background:#f9f9f9;border-radius:1rem;}
.callcenter_area .callcenter_input ul{padding:3rem 0 2rem 0;display:inline-block;vertical-align:top;}
.callcenter_area .callcenter_input li{margin-bottom:1rem;font-size:0;text-align:left;}
.callcenter_area .callcenter_input strong{font-size:1.5rem;font-weight:500;color:#252525;letter-spacing:-0.05em;line-height:2.5rem;display:inline-block;vertical-align:middle;width:5rem;}
.callcenter_area .callcenter_input span{font-size:0;display:inline-block;vertical-align:middle;}
.callcenter_area .callcenter_input .input_callcenter_01{font-size:1.5rem;font-weight:400;color:#454545;letter-spacing:-0.05em;line-height:3.4rem;background:#fff;border:1px solid #eee;border-radius:0.5rem;padding:0 1rem;width:calc(23rem + 4px);}
.callcenter_area .callcenter_input .input_callcenter_02{font-size:1.5rem;font-weight:400;color:#454545;letter-spacing:-0.05em;line-height:3.4rem;background:#fff;border:1px solid #eee;border-radius:0.5rem;display:inline-block;vertical-align:middle;width:7rem;text-align:center;}
.callcenter_area .callcenter_input .input_callcenter_03{font-size:1.5rem;font-weight:400;color:#454545;letter-spacing:-0.05em;line-height:3.4rem;background:#fff;border:1px solid #eee;border-radius:0.5rem;display:inline-block;vertical-align:middle;width:7rem;text-align:center;}
.callcenter_area .callcenter_input .input_callcenter_04{font-size:1.5rem;font-weight:400;color:#454545;letter-spacing:-0.05em;line-height:3.4rem;background:#fff;border:1px solid #eee;border-radius:0.5rem;display:inline-block;vertical-align:middle;width:7rem;text-align:center;}
.callcenter_area .callcenter_input em{font-size:1.5rem;font-weight:500;color:#252525;letter-spacing:-0.05em;line-height:2.5rem;display:inline-block;vertical-align:middle;width:2rem;text-align:center;}
.callcenter_area .callcenter_desc{padding-bottom:3rem;text-align:left;}
.callcenter_area .callcenter_desc strong{display:block;font-size:1.5rem;font-weight:400;color:#353535;letter-spacing:-0.05em;line-height:2.5rem;margin-bottom:1.5rem;}
.callcenter_area .callcenter_desc ul{}
.callcenter_area .callcenter_desc li{font-size:1.5rem;font-weight:300;color:#858585;letter-spacing:-0.05em;line-height:2.5rem;margin-bottom:0.5rem;}
.callcenter_area .callcenter_btn{text-align:center;font-size:0;}
.callcenter_area .callcenter_btn .btn_callcenter_cancel{width:37.5%;height:6rem;font-size:1.7rem;text-align:center;font-weight:500;color:#fff;letter-spacing:-0.05em;background:#ccc;border-radius:1rem;margin-right:2%;}
.callcenter_area .callcenter_btn .btn_callcenter{width:60.5%;height:6rem;font-size:1.7rem;text-align:center;font-weight:500;color:#fff;letter-spacing:-0.05em;background:#000;border-radius:1rem;}

@media all and (max-width:1599px){
	.logo_area .logo_family{right:auto;left:-3.5rem;}
}
@media all and (max-width:1500px){
	.sb_quick_area{right:9rem;}
}
@media all and (max-width:1417px){
	.footer_area .footer_list{margin-right:0;}
	.footer_family{top:auto;bottom:0;}
	.footer_family ul{top:auto;bottom:0;padding-top:0.8rem;padding-bottom:2.9rem;}
	.footer_family li button{top:auto;bottom:0;}
}
@media all and (max-width:1400px){
	.sb_quick_area{right:4rem;}

	.footer_sns{position:relative;top:auto;bottom:auto;right:auto;padding-top:2.4rem;}
	.footer_sns ul{text-align:left;}

	.footer_area .footer_copy{margin-top:1.6rem;}
}

@media all and (max-width:1300px){
	.sb_quick_area{right:3rem;}
	.header_area .ha_in{display:flex;justify-content:space-between;}
	.logo_area{position:relative;padding-bottom:3rem;}
	.member_area{position:relative;}

	.sb_top{background-size:auto calc(100% - 8.6rem);}
	.sb_top .sb_top_in{padding:6.5rem 5rem 6rem 5rem;}
	.sb_top .sb_slogan{font-size:3.3rem;}
	.sb_conts{margin-top:6rem;}
	.sb_slider_recommend{padding-top:11rem;padding-bottom:7rem;}
	.sb_intro_text{padding:9rem 0 5.6rem 0;}

	.sb_slider_card .card_slider .card_slider_prev{left:2rem;background-color:rgba(0,0,0,0.5);}
	.sb_slider_card .card_slider .card_slider_next{right:2rem;background-color:rgba(0,0,0,0.5);}
	.sb_slider_block .block_slider .block_slider_prev{left:2rem;background-color:rgba(0,0,0,0.5);}
	.sb_slider_block .block_slider .block_slider_next{right:2rem;background-color:rgba(0,0,0,0.5);}
	.sb_slider_recommend .recommend_slider .recommend_slider_prev{left:2rem;background-color:rgba(0,0,0,0.5);}
	.sb_slider_recommend .recommend_slider .recommend_slider_next{right:2rem;background-color:rgba(0,0,0,0.5);}

	.footer_area .footer_list{overflow-x:auto;}
	.footer_area .footer_list::-webkit-scrollbar{height:1rem;background:transparent;}
	.footer_area .footer_list::-webkit-scrollbar-thumb{background:transparent;border-radius:0.5rem;}
	.footer_area .footer_list:hover::-webkit-scrollbar-thumb{background:#d6d6d6;}
	.footer_area .footer_list::-webkit-scrollbar-track{}
	.footer_area .footer_list ul{white-space:nowrap;}
}
@media all and (max-width:1200px){
	.gnb_area .gnb_list li{margin:0 2.5rem;}
	.gnb_area .gnb_list .link_gnb{font-size:1.6rem;}
	.member_area .link_member{font-size:1.4rem;}

	.sitemap_area .sa_in{padding:0 7rem;}
	.sitemap_area .sitemap_list li{width:25%;}

	.sb_top .sb_top_in{padding:4.5rem 5rem 4rem 5rem;position:relative;z-index:2;}

	.sb_main_slider_area .sb_main_slider .sb_main_slider_prev{left:2rem;background-color:rgba(0,0,0,0.8);}
	.sb_main_slider_area .sb_main_slider .sb_main_slider_next{right:2rem;background-color:rgba(0,0,0,0.8);}
}
@media all and (max-width:1100px){
	.gnb_area .gnb_list li{margin:0 1.5rem;}

	.sb_top{overflow:hidden;}
	.sb_svg_box{width:120%;left:-10%;}

	.sb_main_tab{margin-bottom:9rem;}
	.sb_main_slider_area{margin-bottom:9rem;}
	.sb_main_area{margin-bottom:8rem;}
}
@media all and (max-width:960px){
	#wrap{overflow:hidden;}
	.sb_quick_area{margin-top:6rem;}
	html{font-size:9px;}
	#header{position:fixed;}
	.header_area{padding:0 4rem;}
	.header_area .ha_in{display:block;text-align:left;}
	.logo_area .link_logo{display:inline-block;}

	.logo_area .logo_family{left:-2.5rem;}
	.gnb_area{position:absolute;top:8.6rem;right:-40rem;width:35rem;height:calc(100vh - 8.6rem);padding:0;z-index:9;background:#000;transition:right 0.3s;}
	.gnb_area.menu_on{right:-5rem;transition:right 0.3s;}
	.gnb_area .ga_in{display:block;}
	.gnb_area .gnb_list{display:block;}
	.gnb_area .gnb_list li{padding:1rem 0;margin:0 3rem;}
	.gnb_area .gnb_list .btn_gnb_all{line-height:3.6rem;width:100%;text-align:left;}
	.gnb_area .gnb_list .link_gnb{font-size:1.7rem;line-height:3.6rem;}
	.member_area{position:absolute;top:51.6rem;right:-40rem;width:35rem;padding:0;z-index:10;transition:right 0.3s;}
	.member_area.menu_on{right:-5rem;transition:right 0.3s;}
	.member_area ul{display:block;}
	.member_area li{margin:0 3rem;padding:1rem 0;}
	.member_area li:first-child{margin:0 3rem;}
	.member_area li:after{display:none;}
	.member_area .btn_login{line-height:3.6rem;font-size:1.7rem;color: #fff;letter-spacing:-0.025em;font-weight:500;}
	.member_area .link_member{line-height:3.6rem;font-size:1.7rem;color: #fff;letter-spacing:-0.025em;font-weight:500;}

	.member_area .btn_member_info{max-width:100%;font-size:1.7rem;line-height:3.6rem;font-weight:500;}
	.member_area .btn_member_info span{background:none;}
	.member_area .member_info{position:relative;width:100%;left:0;top:0;margin-left:0;opacity:1 !important;transform:none;display:block !important;transform:translateY(0) !important;cursor:default;}
	.member_area .member_info:after{display:none;}
	.member_area .member_info .mi_in{background:none;border-radius:0;text-align:left;box-shadow:none;}
	.member_area .member_info_user{display:none;}
	.member_area .member_info_box{display:none;}
	.member_area .member_info_link{background:none;border-top:none;border-radius:0;margin-top:0rem;}
	.member_area .member_info_link a{display:block;font-size:1.7rem;line-height:3.6rem;font-weight:500;margin-top:2rem;height:auto;color:#fff;width:100%;}
	.member_area .member_info_link:after{display:none;}

	.m_member_btn{position:absolute;right:6rem;top:2.65rem;z-index:9;display:block;}
	.btn_member_m{display:block;width:3rem;height:3rem;position:relative;background:url(http://www.bizforms.co.kr/renew/images/main/ico_user.png) 50% 50% no-repeat;background-size:100%;}
	/* .btn_member_m:after{content:"";border:2px solid #fff;display:block;width:calc(100% - 4px);border-bottom:none;border-radius:0.9rem 0.9rem 0 0;height:0.9rem;position:absolute;bottom:0;left:0;}
	.btn_member_m span{border:2px solid #fff;display:block;width:1.15rem;height:1.15rem;border-radius:100%;margin:0 auto;margin-top:calc(-1.5rem + 1px);} */

	.m_nav_btn{position:absolute;right:0;top:2.9rem;z-index:8;display:block;}
	.btn_nav_m{display:block;width:3rem;height:2.4rem;position:relative;}
	.btn_nav_m:before, .btn_nav_m span:after, .btn_nav_m span, .btn_nav_m span:before{width:100%;height:2px;border-radius:10rem;display:block;background:#fff;position:absolute;}
	.btn_nav_m:before{content:"";bottom:0;right:0;margin-bottom:0;transition:0.3s width 0.4s;}
	.btn_nav_m span{top:50%;margin-top:-1px;transition:transform 0.3s;}
	.btn_nav_m span:after{content:"";top:calc(1px - 1.2rem);left:0;margin-top:0;transition:0.3s width 0.4s;}
	.btn_nav_m span:before{content:"";left:0;transition:transform 0.3s;}

	.btn_nav_m.menu_on:before{transition:all 0.2s;width:0%;right:0px;}
	.btn_nav_m.menu_on span{transform:rotate(45deg);transition:0.3s transform 0.4s;}
	.btn_nav_m.menu_on span:before{transform:rotate(-90deg);transition:0.3s transform 0.4s;}
	.btn_nav_m.menu_on span:after{transition:all 0.2s;width:0%;left:0px;}

	.btn_nav_m.menu_on:after{content:"";position:fixed;top:8.6rem;left:0;width:100vw;height:calc(100vh - 8.6rem);background:rgba(0,0,0,0.8);}

	.sitemap_area .sa_in{padding:0 6rem;}
	.sitemap_area .sitemap_title{padding-top:6rem;padding-bottom:3.5rem;}
	.sitemap_area .sitemap_title strong{font-size:3.1rem;}
	.sitemap_area .sitemap_close{top:6.2rem;right:6rem;}
	.sitemap_area .sitemap_list{height:calc(100% - 22rem);padding-bottom:8rem;}
	.sitemap_area .sitemap_list dt a{background-position:calc(100% - 1px) 0.4rem;}
	.sitemap_area .sitemap_list dt strong{background-position:calc(100% - 1px) 0.4rem;}
	.sitemap_area .sitemap_list dd{}
	.sitemap_area .sitemap_list dd a{}

	.sb_conts .sb_conts_in{padding:0 4rem;}
	.sb_main_conts .sb_main_conts_in{padding:0 4rem;}
	#footer{margin-top:7rem;}
	.footer_area .fa_in{padding:0 4rem;}
	.footer_family{right:4rem;}

	.sb_top .sb_top_in{padding:3.5rem 4rem 3rem 4rem;}
	.sb_svg_box{width:130%;left:-15%}

	.sb_main_tab{margin-bottom:8rem;}
	.sb_main_slider_area{margin-bottom:8rem;}
	.sb_main_area{margin-bottom:6.5rem;}
	.sb_main_area .type_list .sb_main_area_thumb{width:28rem;}
	.sb_main_area .type_list .sb_main_area_desc{width:calc(100% - 31rem);}

	.sb_section_area .type_list .sb_section_area_thumb{width:28rem;}
	.sb_section_area .type_list .sb_section_area_desc{width:calc(100% - 31rem);}

	.footer_sns li{width:3.6rem;}
	.footer_sns li:first-child+li{margin:0 2.2rem 0 2.3rem;}
}
@media all and (max-width:880px){
	.sitemap_area .sitemap_list li{width:calc(100% / 3);}
}
@media all and (max-width:780px){
	.sb_slider_card:before{display:none;}
	.footer_area .footer_copy{padding-bottom:5rem;}
	.footer_area .footer_copy ul{padding-right:0;}
	.footer_area .footer_copy strong{top:auto;right:auto;bottom:0;left:0;}
	.footer_area .footer_copy strong img{width:6rem;}
}
@media all and (max-width:740px){
	.sb_main_tab{margin-bottom:7rem;}
	.sb_main_slider_area{margin-bottom:7rem;}
	.sb_main_area{margin-bottom:5rem;}
	.sb_main_area .type_list .sb_main_area_thumb{width:24rem;}
	.sb_main_area .type_list .sb_main_area_desc{width:calc(100% - 27rem);}

	.sb_section_area .type_list .sb_section_area_thumb{width:24rem;}
	.sb_section_area .type_list .sb_section_area_desc{width:calc(100% - 27rem);}
}
@media all and (max-width:700px){
	.sitemap_area .sitemap_list li{width:50%;}
}
@media all and (max-width:640px){
	html{font-size:8px;}
	.header_area{padding:0 2.5rem;}
	.logo_area{padding-top:2.125rem;padding-bottom:2.125rem;}
	.logo_area .la_in{padding-right:3rem;}
	.logo_area .link_logo{line-height:2.5rem;height:2.5rem;}
	.logo_area .btn_logo_family{width:2.2rem;height:2.2rem;top:0.15rem;}

	.logo_area .logo_family{left:-2rem;}

	.gnb_area{top:6.75rem;height:calc(100vh - 6.75rem);}
	.m_member_btn{right:4.875rem;top:2.125rem;}
	.btn_member_m{width:2.5rem;height:2.5rem;}
	/* .btn_member_m:after{border-width:1px;width:calc(100% - 2px);border-bottom:none;border-radius:0.7rem 0.7rem 0 0;height:0.7rem;}
	.btn_member_m span{border-width:1px ;width:1rem;height:1rem;margin-top:calc(-1.25rem + 0.5px);} */
	
	.m_nav_btn{top:2.375rem;}
	.btn_nav_m{width:2.375rem;height:1.875rem;}
	.btn_nav_m:before, .btn_nav_m span:after, .btn_nav_m span, .btn_nav_m span:before{height:1px;}
	.btn_nav_m:before{content:"";bottom:0;right:0;margin-bottom:0;transition:0.3s width 0.4s;}
	.btn_nav_m span{top:50%;margin-top:-0.5px;transition:transform 0.3s;}
	.btn_nav_m span:after{content:"";top:calc(0.5px - 0.9325rem);left:0;margin-top:0;transition:0.3s width 0.4s;}
	.btn_nav_m span:before{content:"";left:0;transition:transform 0.3s;}
	.btn_nav_m.menu_on:after{top:6.75rem;height:calc(100vh - 6.75rem);}

	.sitemap_area{left:5rem;width:calc(100% - 10rem);}
	.sitemap_area .sa_in{margin:5rem auto;padding:0 5rem;height:calc(100% - 10rem);}
	.sitemap_area .sitemap_title{padding-top:6rem;}
	.sitemap_area .sitemap_close{top:6.2rem;right:4.8rem;}
	.sitemap_area .sitemap_close .btn_sitemap_close{background-size:2.6rem;}
	.sitemap_area .sitemap_list{height:calc(100% - 21rem);padding-bottom:6rem;}
	.sitemap_area .sitemap_list ul{padding-bottom:4rem;}

	.scroll_on .search_all{z-index:22;padding-top:0.5rem;right:0.5rem;}

	.smartblock_wrap{padding-top:0;}
	.sb_top{background-size:auto calc(100% - 6.75rem);}
	.sb_top .sb_top_in{padding:4.5rem 2.5rem 4rem 2.5rem;}
	.sb_top .sb_slogan{font-size:2.8rem;}
	.sb_conts{margin-top:4rem;}
	.sb_conts .sb_conts_in{padding:0 2.5rem;}
	.sb_main_conts .sb_main_conts_in{padding:0 2.5rem;}
	.sb_top_box_text_in{padding:2.5rem;}
	.sb_slider_recommend{padding-top:6rem;padding-bottom:4rem;}
	.sb_intro_text{padding:5rem 0 3.6rem 0;}
	#footer{margin-top:6rem;}
	.footer_area .fa_in{padding:0 2.5rem;}
	.callcenter_area .callcenter_box{width:46rem;}

	.footer_family{right:2.5rem;}

	/* #container{margin-top:-6.75rem;} */

	.sb_top .sb_top_in{padding:0.5rem 3rem 4rem 3rem;}
	.sb_svg_box{width:180%;left:-40%}
	.sb_svg_04{width:10.4%;top:auto;bottom:0;left:24.4%;}
	.sb_svg_07{top:10.6rem;}
	.sb_svg_16{left:38.8%;bottom:-3.8rem;}

	.sb_main_tab{margin-bottom:6rem;}
	.sb_main_slider_area{margin-bottom:6rem;}
	.sb_main_area{margin-bottom:3.5rem;}

	.layer_share_area_in{padding-bottom:10.2rem;min-width:40rem;width:60vw;}
	.layer_share_area strong{font-size:1.8rem;line-height:2.8rem;padding:2.3rem 2.2rem 3.5rem 2.2rem;}
	.layer_share_area ul{padding-top:3.2rem;padding:0 1rem;}
	.layer_share_area li{margin:0 0.6rem;}
	.layer_share_area li:nth-child(1) button{background:url(../images/sub/ico_kakao_m.png) 50% 50% no-repeat;background-size:100%;}
	.layer_share_area li:nth-child(2) button{background:url(../images/sub/ico_twitter_m.png) 50% 50% no-repeat;background-size:100%;}
	.layer_share_area li:nth-child(3) button{background:url(../images/sub/ico_blog_m.png) 50% 50% no-repeat;background-size:100%;}
	.layer_share_area li:nth-child(4) button{background:url(../images/sub/ico_facebook_m.png) 50% 50% no-repeat;background-size:100%;}
	.layer_share_area .btn_layer_share_close{position:absolute;top:auto;right:0;bottom:0;width:100%;height:6rem;background:none;display:block;text-align:center;text-indent:0;font-size:1.8rem;font-weight:500;color:#252525;letter-spacing:0;border-top:1px solid #e5e5e5;}

}
@media all and (max-width:480px){
	.logo_area .logo_family{position:fixed;top:0;left:0;width:100vw;box-shadow:none;border-radius:0;background:rgba(0,0,0,0.8);}
	.logo_area .logo_family.on{height:100vh;opacity:1;z-index:30;}
	.scroll_on .logo_area .logo_family.on{height:100vh;opacity:1;}
	.logo_area .logo_family_in{height:100%;}
	.logo_area .logo_family_box{height:100%;padding-bottom:0;}
	.logo_area .logo_family_box .logo_family_tit{padding:7vh 0 2.5vh 0;margin:0 6vh;text-align:center;border-bottom:1px solid #fff;}
	.logo_area .logo_family_box .logo_family_tit strong{font-size:4vh;color:#fff;line-height:1;height:4vh;}
	.logo_area .logo_family_box ul{height:calc(100% - 43.5vh - 1px);margin:4vh 1.5vh;overflow-y:auto;}
	.logo_area .logo_family_box li{text-align:center;margin-top:3.5vh;}
	.logo_area .logo_family_box li:first-child{margin-top:0;}
	.logo_area .logo_family_box li a{display:inline-block;vertical-align:top;padding:0 3.5vh;border-radius:2.5vh;}
	.logo_area .logo_family_box li a:hover{background:#de1e11;}
	.logo_area .logo_family_box li img{display:none;}
	.logo_area .logo_family_box li span{display:block;height:5vh;font-size:3vh;font-weight:300;color:#fff;line-height:5vh;}
	.logo_area .logo_family_box li a:hover span{text-decoration:none;}

	.logo_area .logo_family_box .btn_logo_family_close{top:auto;bottom:14vh;right:50%;margin-right:-4vh;width:8vh;height:8vh;background:#fff url(../images/main/ico_close_x.png) 50% 50% no-repeat;background-size:100%;}

	.sitemap_area{left:0;width:100%;}
	.sitemap_area .sa_in{margin:0;height:100%;padding:0 2rem 0 3rem;border-radius:0;}
	.sitemap_area .sitemap_title{padding-top:2rem;padding-bottom:2.5rem;}
	.sitemap_area .sitemap_title strong{font-size:2.6rem;}
	.sitemap_area .sitemap_close{top:2.2rem;right:2rem;}
	.sitemap_area .sitemap_close .btn_sitemap_close{background-size:2.2rem;}
	.sitemap_area .sitemap_list{height:calc(100% - 14rem);padding-bottom:5rem;}
	.sitemap_area .sitemap_list ul{padding-bottom:3rem;}
	.sitemap_area .sitemap_list li{padding-bottom:1.1rem;}
	.sitemap_area .sitemap_list dt{margin-bottom:1.4rem;}
	.sitemap_area .sitemap_list dd{margin-right:2rem;margin-bottom:1rem;}

	.sb_left_text_right_img .right_img{float:none;width:100%;padding-left:0;text-align:center;}
	.sb_left_text_right_img_02 .right_img{float:none;width:100%;padding-left:0;text-align:center;}
	.sb_left_img_right_text .left_img{float:none;width:100%;padding-right:0;text-align:center;}
	.sb_left_img_right_text_02 .left_img{float:none;width:100%;padding-right:0;text-align:center;}
	.sb_left_img_right_img_in{display:block;}
	.sb_left_img_right_img .left_img{width:100%;text-align:center;}
	.sb_left_img_right_img .right_img{width:100%;text-align:center;}
	.sb_left_img_text_right_img_text_in{display:block;}
	.sb_left_img_text_right_img_text .left_img_text{width:100%;text-align:center;}
	.sb_left_img_text_right_img_text .right_img_text{width:100%;text-align:center;}
	.callcenter_area .callcenter_box{width:41rem;}

	.sb_top .sb_main_slogan{padding-top:3.3rem;padding-bottom:4.8rem;}

	.sb_main_tab{margin-bottom:5rem;}
	.sb_main_slider_area{margin-bottom:5rem;}
	.sb_main_area{margin-bottom:2rem;}
	.sb_main_index_type{display:none;}
	.sb_main_area li{width:calc((100% - 4rem) / 2);}
	.sb_main_area ul.type_list{margin:0 -1rem;}
	.sb_main_area .type_list li{margin:0 1rem 3.5rem 1rem;width:calc((100% - 4rem) / 2);display:inline-block;}
	.sb_main_area .type_list .sb_main_area_box{display:block;}
	.sb_main_area .type_list .sb_main_area_thumb{display:block;width:100%;margin-bottom:1.7rem;}
	.sb_main_area .type_list .sb_main_area_desc{display:block;margin-left:0;width:100%;}
	.sb_main_area .type_list .sb_main_area_cate{margin-bottom:0.7rem;margin-top:0;}
	.sb_main_area .type_list .sb_main_area_sub{display:none;}
	.sb_main_area .type_list .sb_main_area_tit span{font-size:1.8rem;font-weight:400;letter-spacing:-0.04em;line-height:2.7rem;max-height:5.4rem;}

	.sb_section_area li{width:calc((100% - 4rem) / 2);}
	.sb_section_area ul.type_list{margin:0 -1rem;}
	.sb_section_area .type_list li{margin:0 1rem 3.5rem 1rem;width:calc((100% - 4rem) / 2);display:inline-block;}
	.sb_section_area .type_list .sb_section_area_box{display:block;}
	.sb_section_area .type_list .sb_section_area_thumb{display:block;width:100%;margin-bottom:1.7rem;}
	.sb_section_area .type_list .sb_section_area_desc{display:block;margin-left:0;width:100%;}
	.sb_section_area .type_list .sb_section_area_cate{margin-bottom:0.7rem;margin-top:0;}
	.sb_section_area .type_list .sb_section_area_sub{display:none;}
	.sb_section_area .type_list .sb_section_area_tit span{font-size:1.8rem;font-weight:400;letter-spacing:-0.04em;line-height:2.7rem;max-height:5.4rem;}

	.sb_visual_txt{transform:scale(0.62) translateX(-13%);padding-top:5.5rem;padding-bottom:0rem;}
	.sb_visual_img{transform: scale(0.65);top:0.6rem;margin-left:2.3rem;}
}
@media all and (max-width:420px){
	.callcenter_area .callcenter_box{width:39rem;}
}

@media all and (max-width:400px){
	.callcenter_area .callcenter_box{width:37rem;}
}

@media all and (max-width:380px){
	.callcenter_area .callcenter_box{width:35rem;}
}

@media all and (max-width:360px){
	.callcenter_area .callcenter_box{width:33rem;}
}

@media all and (max-width:340px){
	.callcenter_area .callcenter_box{width:31rem;}
}