@charset "utf-8";

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:"Noto Sans KR","맑은 고딕",-apple-system,BlinkMacSystemFont,"Helvetica Neue","Apple SD Gothic Neo",Arial,sans-serif;font-weight:500;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;}
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;}

.swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000;width:0;height:0;overflow:hidden;}

body{background:#f9f9f9;}

#wrap{position:relative;background:#fff;overflow:hidden;margin:0 auto;}
#wrap .swiper-wrapper{height:auto;}

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

#header{}
.header_area{}
.header_area .ha_in{}
.header_area .header_top{padding:7vw 0 5vw 0;position:relative;}
.header_area .header_logo{width:16.6vw;margin:0 auto;}
.header_area .header_logo a{display:block;}
.header_area .header_logo img{display:block;width:100%;}
.header_area .header_menu{position:absolute;top:5.1vw;left:3vw;}
.header_area .btn_header_menu{width:9.5vw;height:9.5vw;padding:2vw;display:block;background:url(../images/main/ico_header_menu.png) 50% 50% no-repeat;background-size:5.5vw;text-indent:-9999px;}
.header_area .header_user{position:absolute;top:5.1vw;right:2.9vw;}
.header_area .btn_header_user{width:9.5vw;height:9.5vw;padding:2vw;display:block;background:url(../images/main/ico_header_user.png) 50% 50% no-repeat;background-size:5.5vw;text-indent:-9999px;}

.header_area .header_search{}
.header_search .search_area{min-height:21.3vw;}
.search_area .sa_in{}
.search_area .search_main{width:90vw;margin:0 auto;position:relative;}

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

.search_area .search_box{height:14.2vw;border-radius:7.1vw;background:#fff;display:flex;border:1px solid #aeaeae;box-sizing:border-box;}
.search_area .auto_on .search_box{border-radius:7.1vw 7.1vw 0 0;}
.search_area .search_box .input_search{width:calc(100% - 5.7vw - 17.7vw);padding-left:5.7vw;text-align:left;font-size:4.2vw;font-weight:400;color:#454545;letter-spacing:-0.05em;line-height:14vw;}
.scroll_on .search_area .search_box .input_search{width:calc(100% - 5vw - 9.7vw);line-height:14vw;padding-left:5vw;}
.search_area .search_box .btn_search{width:17.7vw;height:100%;background:url(../images/main/ico_search_m.png) 50% 50% no-repeat;background-size:6.3vw;text-indent:-9999px;}
.scroll_on .search_area .search_box .btn_search{width:9.7vw;background-size:5.2vw;}

.search_area .search_auto{display:none;position:absolute;top:13.8vw;left:0;z-index:20;width:100%;}
.search_area .auto_on .search_auto{display:block;}
.search_area .search_auto .search_auto_box{border:1px solid #aeaeae;border-top:none;border-radius:0 0 2vw 2vw;position:relative;overflow:hidden;font-size:10px;}
.search_area .search_auto .search_auto_box:after{content:"";top:0;left:5vw;width:calc(100% - 10vw);height:1px;background:#ddd;position:absolute;}
.search_area .search_auto .search_auto_list{background:#fff;padding:3vw 0;text-align:left;font-size:10px;}
.search_area .search_auto .search_auto_list li{}
.search_area .search_auto .search_auto_list li a{font-size:3.6vw;font-weight:300;color:#151515;letter-spacing:0;line-height:2.125;padding:0 5vw;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{font-size:10px;background:#f9fafb;border-top:1px solid #f1f4f6;padding:2.1vw 4.9vw;display:flex;justify-content:space-between;}
.search_area .search_auto .search_auto_function strong{font-size:3.2vw;font-weight:300;color:#807f7f;letter-spacing:-0.05em;line-height:2;}
.search_area .search_auto .search_auto_function .btn_search_auto_off{font-size:3.2vw;font-weight:300;color:#807f7f;letter-spacing:-0.05em;line-height:2;}
.search_area .search_auto .search_auto_function .btn_search_auto_off span{}

.search_area .search_keyword{margin-top:2.5vw;text-align:left;padding-left:8vw;position:relative;display:block;font-size:0;}
.search_area .search_keyword strong{font-size:3.6vw;font-weight:500;color:#555;letter-spacing:-0.01em;line-height:4.6vw;width:17.4vw;display:inline-block;vertical-align:top;}
.search_area .search_keyword ul{font-size:0;text-align:left;width:calc(100% - 17.4vw);display:inline-block;vertical-align:top;height:4.6vw;overflow:hidden;}
.search_area .search_keyword li{margin-right:3vw;display:inline-block;vertical-align:top;}
.search_area .search_keyword .btn_keyword{display:block;font-size:3vw;font-weight:300;color:#555;letter-spacing:-0.05em;line-height:4.6vw;}

.search_area .search_logo{display:none;}
.search_area .search_all{display:none;}

.scroll_on .search_area{z-index:17;}
.scroll_on .search_area .sa_in{position:fixed;top:0;left:0;width:100%;height:14.2vw;background:#fff;z-index:600;animation:scr_dropdown .3s cubic-bezier(.215,.61,.355,1);}
.scroll_on .search_area .search_main{position:relative;max-width:1300px;padding:0 5vw;margin:0 auto;}
.scroll_on .search_area .search_form{padding-left:17.6vw;position:relative;z-index:21;margin-right:7.5vw;}
.scroll_on .search_area .search_box{position:relative;height:14.2vw;border-radius:0;border:none;}
.scroll_on .search_area .search_box:after{position:absolute;top:4vw;left:0;width:1px;height:6.2vw;background:#d1d1d1;content:"";}
.scroll_on .search_area .search_auto{top:0;padding-top:14.2vw;border:none;border-bottom:1px solid #d1d1d1;border-radius:0;}
.scroll_on .search_area .search_auto .search_auto_box{border:none;border-radius:0;}
.scroll_on .search_area .search_keyword{display:none;}

@keyframes scr_dropdown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}

.scroll_on .search_logo{display:block;position:absolute;top:0;left:5vw;padding-top:4.8vw;width:12.8vw;z-index:22;}
.scroll_on .search_logo .link_logo{display:block;width:100%;}
.scroll_on .search_logo .link_logo img{display:block;width:100%;}
.scroll_on .search_all{display:block;position:absolute;top:0;right:3vw;z-index:22;padding-top:2.3vw;}
.scroll_on .search_all .btn_gnb_all{width:9.5vw;height:9.5vw;padding:2vw;display:block;background:url(../images/main/ico_header_menu.png) 50% 50% no-repeat;background-size:5.5vw;text-indent:-9999px;}
.scroll_on .search_all .btn_gnb_all span{}


.search_area .search_nav{background:#fff;height:0;overflow:hidden;position:relative;}
.scroll_on .search_area .search_nav{height:12vw;overflow:visible;/* box-shadow:0 1vw 1.5vw rgba(0,0,0,0.2); */}
.scroll_on .search_area .search_nav:after{content:"";width:100%;position:absolute;left:0;bottom:-1.5vw;height:1.5vw;background:linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0));}
.search_area .search_nav_in{border-top:1px solid #ddd;}
.search_area .search_nav ul{}
.search_area .search_nav_in{overflow:hidden;position:relative;}
.search_area .search_nav ul{white-space:nowrap;font-size:0;display:block;position:relative;}
.search_area .search_nav li{width:auto;padding-left:4vw;display:inline-block;vertical-align:top;}
.search_area .search_nav li:first-child{padding-left:5vw;}
.search_area .search_nav li:last-child{padding-right:2vw;}
.search_area .search_nav li a{display:block;font-size:3.6vw;font-weight:500;color:#151515;letter-spacing:-0.025em;line-height:11.6vw;position:relative;}
.search_area .search_nav li span{display:block;}
.search_area .search_nav li .category_excel{color:#298662;padding-left:5vw;background:url(../images/view/ico_excel_s.png) 0 50% no-repeat;background-size:3vw;}
.search_area .search_nav li .category_ppt{color:#d94a4a;padding-left:5vw;background:url(../images/view/ico_ppt_s.png) 0 50% no-repeat;background-size:3vw;}


.sitemap_area{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999999;}
.sitemap_area .sa_in{height:100%;position:relative;background:#fff;text-align:left;}
.sitemap_area .sitemap_title{padding:5vw 5vw 5vw 5vw;box-shadow:0 1vw 3vw rgba(0,0,0,0.1);}
.sitemap_area .sitemap_title strong{font-size:4.8vw;font-weight:bold;color:#151515;letter-spacing:-0.05em;line-height:6vw;}
.sitemap_area .sitemap_close{position:absolute;top:5vw;right:5vw;}
.sitemap_area .sitemap_close .btn_sitemap_close{width:6vw;height:6vw;background:url(../images/main/ico_close.png) 50% 50% no-repeat;background-size:4vw;text-indent:-9999px;}
.sitemap_area .sitemap_list{height:calc(100% - 16vw);padding:0 5vw;}
.sitemap_area .sitemap_list_in{height:100%;overflow-y:scroll;-ms-overflow-style:none;}
.sitemap_area .sitemap_list ul{font-size:0;text-align:left;padding-bottom:3vw;padding-top:5vw;}
.sitemap_area .sitemap_list li{width:50%;padding-bottom:3vw;display:inline-block;vertical-align:top;}
.sitemap_area .sitemap_list dt{margin-bottom:2.5vw;}
.sitemap_area .sitemap_list dt strong{font-size:4vw;font-weight:bold;color:#151515;letter-spacing:-0.05em;line-height:6vw;display:inline-block;vertical-align:top;padding-right:5.6vw;background:url(../images/main/ico_sitemap.png) 100% 1.4vw no-repeat;background-size:3.6vw;}
.sitemap_area .sitemap_list dt a{font-size:4vw;font-weight:bold;color:#151515;letter-spacing:-0.05em;line-height:6vw;display:inline-block;vertical-align:top;padding-right:5.6vw;background:url(../images/main/ico_sitemap.png) 100% 1.4vw no-repeat;background-size:3.6vw;}
.sitemap_area .sitemap_list dd{margin-bottom:2vw;}
.sitemap_area .sitemap_list dd a{font-size:3.6vw;font-weight:300;color:#555;letter-spacing:-0.05em;line-height:4.8vw;display:inline-block;vertical-align:top;padding-right:5vw;}


.visual_area{position:relative;margin-top:4.5vw;}
.visual_area .va_in{}
.visual_area .visual_slider{width:100%;}
.visual_area .visual_slider ul{}
.visual_area .visual_slider ul li{}
.visual_area .visual_slider ul li a{display:block;}
.visual_area .visual_slider ul li img{display:block;width:100%;}

.recommend_area{margin-top:14.2vw;position:relative;}

.recommend_area .recommend_title{text-align:left;margin-bottom:4.2vw;padding-left:5vw;}
.recommend_area .recommend_title span{font-size:5.5vw;font-weight:300;color:#252525;letter-spacing:-0.06em;line-height:7.2vw;}
.recommend_area .recommend_title strong{font-size:5.5vw;font-weight:500;color:#252525;letter-spacing:-0.06em;line-height:7.2vw;}
.recommend_area .recommend_list{}
.recommend_area .recommend_list_in{overflow:hidden;position:relative;}
.recommend_area .recommend_list ul{white-space:nowrap;font-size:0;display:block;position:relative;}
.recommend_area .recommend_list li{width:31.7vw;padding-left:4vw;display:inline-block;vertical-align:top;white-space:normal;}
.recommend_area .recommend_list li:first-child{padding-left:5vw;}
.recommend_area .recommend_list li:last-child{padding-right:5vw;}
.recommend_area .recommend_list li .recommend_list_thumb{border-radius:1.5vw;background:#fff;border:1px solid #e9e9e9;overflow:hidden;}
.recommend_area .recommend_list li img{width:100%;}
.recommend_area .recommend_list li span{display:block;font-size:3.8vw;font-weight:400;color:#252525;letter-spacing:-0.05em;line-height:6vw;margin-top:3.8vw;overflow:hidden;height:12vw;word-break:keep-all;}


.department_area{margin-top:14vw;position:relative;}
.department_area .department_title{text-align:left;margin-bottom:4.2vw;padding-left:5vw;}
.department_area .department_title span{font-size:5.5vw;font-weight:300;color:#252525;letter-spacing:-0.06em;line-height:7.2vw;}
.department_area .department_title strong{font-size:5.5vw;font-weight:500;color:#252525;letter-spacing:-0.06em;line-height:7.2vw;}
.department_area .department_list{margin-top:1.5vw;}
.department_area .department_list_in{margin-bottom:-3vw;}
.department_area .department_list ul{text-align:center;font-size:0;}
.department_area .department_list li{width:18vw;height:18vw;border-radius:5vw;background:#f3f3f3;margin:3vw 2.5vw 3vw 2.5vw;text-align:center;display:inline-block;vertical-align:top;}
.department_area .department_list li a{display:block;background-size:100% !important;}
.department_area .department_list li:first-child a{background:url(../images/main/ico_depart_01.png) 50% -1vw no-repeat;}
.department_area .department_list li:nth-child(2) a{background:url(../images/main/ico_depart_02.png) 50% -1vw no-repeat;}
.department_area .department_list li:nth-child(3) a{background:url(../images/main/ico_depart_03.png) 50% -1vw no-repeat;}
.department_area .department_list li:nth-child(4) a{background:url(../images/main/ico_depart_04.png) 50% -1vw no-repeat;}
.department_area .department_list li:nth-child(5) a{background:url(../images/main/ico_depart_05.png) 50% -1vw no-repeat;}
.department_area .department_list li:nth-child(6) a{background:url(../images/main/ico_depart_06.png) 50% -1vw no-repeat;}
.department_area .department_list li:nth-child(7) a{background:url(../images/main/ico_depart_07.png) 50% -1vw no-repeat;}
.department_area .department_list li:nth-child(8) a{background:url(../images/main/ico_depart_08.png) 50% -1vw no-repeat;}
.department_area .department_list li span{font-size:3.2vw;font-weight:500;color:#252525;letter-spacing:-0.06em;line-height:7.7vw;display:block;padding-top:9.3vw;padding-bottom:1vw;}

.double_banner_area{margin-top:15vw;position:relative;}
.double_banner_area .dba_in{padding:0 5vw;}
.double_banner_area .double_banner{overflow:hidden;}
.double_banner_area .double_banner ul{font-size:0;text-align:center;}
.double_banner_area .double_banner li{border-radius:2vw;overflow:hidden;}
.double_banner_area .double_banner li a{display:block;}
.double_banner_area .double_banner li img{display:block;width:100%;}


.popular_area{margin-top:15vw;position:relative;padding:15vw 0;background:#f5f5f5;}
.popular_area .pa_in{}

.popular_area .popular_slider{overflow:hidden;position:relative;}
.popular_area .popular_slider_in{white-space:nowrap;font-size:0;display:block;position:relative;}
.popular_area .popular_conts{white-space:normal;width:85vw;padding-left:5vw;display:inline-block;vertical-align:top;}

.popular_area .popular_rank{padding:8.6vw 5vw 2.2vw 5vw;background:#fff;border-radius:5vw;}
.popular_area .popular_rank strong{font-size:5vw;font-weight:bold;color:#252525;letter-spacing:-0.05em;line-height:6vw;display:block;padding-left:7.5vw;background:url(../images/main/ico_chart.png) 0vw 50% no-repeat;background-size:5.3vw;margin-bottom:5vw;}
.popular_area .popular_rank.p_b strong{background:url(../images/main/ico_rank.png) 0vw 50% no-repeat;background-size:5.3vw}
.popular_area .popular_rank.p_d strong{background:url(../images/main/ico_good.png) 0vw 50% no-repeat;background-size:5.3vw}
.popular_area .popular_rank.p_u strong{background:url(../images/main/ico_chart.png) 0vw 50% no-repeat;background-size:4.8vw}
.popular_area .popular_rank ul{}
.popular_area .popular_rank li{background:none;margin-bottom:-1px;position:relative;z-index:1;}
.popular_area .popular_rank li a{border-bottom:1px solid #eaeaea;border-top:1px solid #eaeaea;padding:3.2vw 0 3.2vw 0;display:block;font-size:0;text-align:left;position:relative;z-index:2;overflow:hidden;min-height:4.5vw;}
.popular_area .popular_rank li:first-child a{}
.popular_area .popular_rank li:last-child a{border-bottom:1px solid #fff;}
.popular_area .popular_rank li:after{position:absolute;top:0;bottom:0;left:0;width:100%;height:calc(100% - 2px);content:"";background:#fff;border:1px solid #eaeaea;border-radius:0;border-left-color:#fff;border-right-color:#fff;z-index:1;box-shadow:none;}
.popular_area .popular_rank li em{font-size:3.8vw;font-weight:400;color:#aeaeae;letter-spacing:0.01em;line-height:4.2vw;width:6.6vw;text-align:left;display:inline-block;vertical-align:top;}
.popular_area .popular_rank li img{width:4.5vw;margin-right:2.4vw;display:inline-block;vertical-align:top;}
.popular_area .popular_rank li span{font-size:3.6vw;font-weight:300;color:#555;letter-spacing:-0.05em;line-height:4.4vw;padding-right:2vw;width:calc(100% - 8.6vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:top;}
.popular_area .popular_rank li img + span{width:calc(100% - 15.5vw);}

.popular_area .popular_conts.on li{}

.popular_area .popular_rank.p_b li:nth-child(1){animation:rank_li 15s 0s infinite;}
.popular_area .popular_rank.p_b li:nth-child(2){animation:rank_li 15s 6s infinite;}
.popular_area .popular_rank.p_b li:nth-child(3){animation:rank_li 15s 12s infinite;}
.popular_area .popular_rank.p_b li:nth-child(4){animation:rank_li 15s 3s infinite;}
.popular_area .popular_rank.p_b li:nth-child(5){animation:rank_li 15s 9s infinite;}
.popular_area .popular_rank.p_b li:nth-child(5) a{animation:rank_a 15s 9s infinite;}
.popular_area .popular_rank.p_b li:nth-child(1):after{animation:rank_af 15s 0s infinite;}
.popular_area .popular_rank.p_b li:nth-child(2):after{animation:rank_af 15s 6s infinite;}
.popular_area .popular_rank.p_b li:nth-child(3):after{animation:rank_af 15s 12s infinite;}
.popular_area .popular_rank.p_b li:nth-child(4):after{animation:rank_af 15s 3s infinite;}
.popular_area .popular_rank.p_b li:nth-child(5):after{animation:rank_af 15s 9s infinite;}
.popular_area .popular_rank.p_b li:nth-child(1) em{animation:rank_em 15s 0s infinite;}
.popular_area .popular_rank.p_b li:nth-child(2) em{animation:rank_em 15s 6s infinite;}
.popular_area .popular_rank.p_b li:nth-child(3) em{animation:rank_em 15s 12s infinite;}
.popular_area .popular_rank.p_b li:nth-child(4) em{animation:rank_em 15s 3s infinite;}
.popular_area .popular_rank.p_b li:nth-child(5) em{animation:rank_em 15s 9s infinite;}
.popular_area .popular_rank.p_b li:nth-child(1) span{animation:rank_span 15s 0s infinite;}
.popular_area .popular_rank.p_b li:nth-child(2) span{animation:rank_span 15s 6s infinite;}
.popular_area .popular_rank.p_b li:nth-child(3) span{animation:rank_span 15s 12s infinite;}
.popular_area .popular_rank.p_b li:nth-child(4) span{animation:rank_span 15s 3s infinite;}
.popular_area .popular_rank.p_b li:nth-child(5) span{animation:rank_span 15s 9s infinite;}

.popular_area .popular_rank.p_d li:nth-child(1){animation:rank_li 15s 6s infinite;}
.popular_area .popular_rank.p_d li:nth-child(2){animation:rank_li 15s 12s infinite;}
.popular_area .popular_rank.p_d li:nth-child(3){animation:rank_li 15s 3s infinite;}
.popular_area .popular_rank.p_d li:nth-child(4){animation:rank_li 15s 9s infinite;}
.popular_area .popular_rank.p_d li:nth-child(5){animation:rank_li 15s 0s infinite;}
.popular_area .popular_rank.p_d li:nth-child(5) a{animation:rank_a 15s 0s infinite;}
.popular_area .popular_rank.p_d li:nth-child(1):after{animation:rank_af 15s 6s infinite;}
.popular_area .popular_rank.p_d li:nth-child(2):after{animation:rank_af 15s 12s infinite;}
.popular_area .popular_rank.p_d li:nth-child(3):after{animation:rank_af 15s 3s infinite;}
.popular_area .popular_rank.p_d li:nth-child(4):after{animation:rank_af 15s 9s infinite;}
.popular_area .popular_rank.p_d li:nth-child(5):after{animation:rank_af 15s 0s infinite;}
.popular_area .popular_rank.p_d li:nth-child(1) em{animation:rank_em 15s 6s infinite;}
.popular_area .popular_rank.p_d li:nth-child(2) em{animation:rank_em 15s 12s infinite;}
.popular_area .popular_rank.p_d li:nth-child(3) em{animation:rank_em 15s 3s infinite;}
.popular_area .popular_rank.p_d li:nth-child(4) em{animation:rank_em 15s 9s infinite;}
.popular_area .popular_rank.p_d li:nth-child(5) em{animation:rank_em 15s 0s infinite;}
.popular_area .popular_rank.p_d li:nth-child(1) span{animation:rank_span 15s 6s infinite;}
.popular_area .popular_rank.p_d li:nth-child(2) span{animation:rank_span 15s 12s infinite;}
.popular_area .popular_rank.p_d li:nth-child(3) span{animation:rank_span 15s 3s infinite;}
.popular_area .popular_rank.p_d li:nth-child(4) span{animation:rank_span 15s 9s infinite;}
.popular_area .popular_rank.p_d li:nth-child(5) span{animation:rank_span 15s 0s infinite;}

.popular_area .popular_rank.p_u li:nth-child(1){animation:rank_li 15s 3s infinite;}
.popular_area .popular_rank.p_u li:nth-child(2){animation:rank_li 15s 9s infinite;}
.popular_area .popular_rank.p_u li:nth-child(3){animation:rank_li 15s 0s infinite;}
.popular_area .popular_rank.p_u li:nth-child(4){animation:rank_li 15s 12s infinite;}
.popular_area .popular_rank.p_u li:nth-child(5){animation:rank_li 15s 6s infinite;}
.popular_area .popular_rank.p_u li:nth-child(5) a{animation:rank_a 15s 9s infinite;}
.popular_area .popular_rank.p_u li:nth-child(1):after{animation:rank_af 15s 3s infinite;}
.popular_area .popular_rank.p_u li:nth-child(2):after{animation:rank_af 15s 9s infinite;}
.popular_area .popular_rank.p_u li:nth-child(3):after{animation:rank_af 15s 0s infinite;}
.popular_area .popular_rank.p_u li:nth-child(4):after{animation:rank_af 15s 12s infinite;}
.popular_area .popular_rank.p_u li:nth-child(5):after{animation:rank_af 15s 6s infinite;}
.popular_area .popular_rank.p_u li:nth-child(1) em{animation:rank_em 15s 3s infinite;}
.popular_area .popular_rank.p_u li:nth-child(2) em{animation:rank_em 15s 9s infinite;}
.popular_area .popular_rank.p_u li:nth-child(3) em{animation:rank_em 15s 0s infinite;}
.popular_area .popular_rank.p_u li:nth-child(4) em{animation:rank_em 15s 12s infinite;}
.popular_area .popular_rank.p_u li:nth-child(5) em{animation:rank_em 15s 6s infinite;}
.popular_area .popular_rank.p_u li:nth-child(1) span{animation:rank_span 15s 3s infinite;}
.popular_area .popular_rank.p_u li:nth-child(2) span{animation:rank_span 15s 9s infinite;}
.popular_area .popular_rank.p_u li:nth-child(3) span{animation:rank_span 15s 0s infinite;}
.popular_area .popular_rank.p_u li:nth-child(4) span{animation:rank_span 15s 12s infinite;}
.popular_area .popular_rank.p_u li:nth-child(5) span{animation:rank_span 15s 6s infinite;}


@keyframes rank_af {
	0%{border-radius:0;border-left-color:#fff;border-right-color:#fff;left:0;right:0;width:calc(100% - 2px);box-shadow:none;}
	2%{border-radius:1.5vw;border-left-color:#eaeaea;border-right-color:#eaeaea;left:-6.1vw;right:-6.1vw;width:calc(100% + 12vw);box-shadow:0 1vw 1.5vw rgba(0,0,0,0.2);}
	18%{border-radius:1.5vw;border-left-color:#eaeaea;border-right-color:#eaeaea;left:-6.1vw;right:-6.1vw;width:calc(100% + 12vw);box-shadow:0 1vw 1.5vw rgba(0,0,0,0.2);}
	20%{border-radius:0;border-left-color:#fff;border-right-color:#fff;left:0;right:0;width:calc(100% - 2px);box-shadow:none;}
	100%{border-radius:0;border-left-color:#fff;border-right-color:#fff;left:0;right:0;width:calc(100% - 2px);box-shadow:none;}
}
@keyframes rank_li {
	0%{z-index:1;}
	2%{z-index:3;}
	18%{z-index:3;}
	20%{z-index:1;}
	100%{z-index:1;}
}
@keyframes rank_a {
	0%{border-bottom-color:#fff;}
	2%{border-bottom-color:#eaeaea;}
	18%{border-bottom-color:#eaeaea;}
	20%{border-bottom-color:#fff;}
	100%{border-bottom-color:#fff;}
}
@keyframes rank_em {
	0%{font-weight:400;color:#aeaeae;}
	2%{font-weight:500;color:#252525;}
	18%{font-weight:500;color:#252525;}
	20%{font-weight:400;color:#aeaeae;}
	100%{font-weight:400;color:#aeaeae;}
}
@keyframes rank_span {
	0%{font-weight:300;color:#555;}
	2%{font-weight:500;color:#252525;}
	18%{font-weight:500;color:#252525;}
	20%{font-weight:300;color:#555;}
	100%{font-weight:300;color:#555;}
}


.do_area{margin-top:14.5vw;position:relative;}
.do_area .da_in{}
.do_area .do_title{text-align:left;margin-bottom:4.2vw;padding-left:5vw;}
.do_area .do_title span{font-size:5.5vw;font-weight:300;color:#252525;letter-spacing:-0.06em;line-height:7.2vw;}
.do_area .do_title strong{font-size:5.5vw;font-weight:500;color:#252525;letter-spacing:-0.06em;line-height:7.2vw;}
.do_area .do_list{}
.do_area .do_list_in{}
.do_area .do_list_slider{overflow:hidden;position:relative;}
.do_area .do_list_slider ul{white-space:nowrap;font-size:0;display:block;position:relative;}
.do_area .do_list_slider li{width:54vw;padding-left:3vw;display:inline-block;vertical-align:top;}
.do_area .do_list_slider li:first-child{padding-left:5vw;}
.do_area .do_list_slider li:last-child{padding-right:5vw;}
.do_area .do_list_slider li a{display:block;border-radius:1.8vw;overflow:hidden;}
.do_area .do_list_slider li a:first-child{margin-bottom:3vw;}
.do_area .do_list_slider li img{display:block;width:100%;}
.do_area .do_more{margin-top:7vw;padding:0 5vw;}
.do_area .btn_do_more{font-size:4vw;font-weight:400;color:#252525;letter-spacing:-0.05em;line-height:12.6vw;height:13vw;display:block;width:100%;border:1px solid #e5e5e5;border-radius:1vw;background:#fff;text-align:center;}



.link_area{margin-top:10vw;position:relative;}
.link_area .link_list{}
.link_area .link_list_in{margin-bottom:-3vw;}
.link_area .link_list ul{text-align:center;font-size:0;padding-top:2vw;}
.link_area .link_list li{width:18vw;height:18vw;border-radius:5vw;background:#f3f3f3;margin:3vw 2.5vw 3vw 2.5vw;text-align:center;display:inline-block;vertical-align:top;}
.link_area .link_list li a{display:block;background-size:100% !important;}
.link_area .link_list li:first-child a{background:url(../images/main/ico_link_01.png) 50% -1vw no-repeat;}
.link_area .link_list li:nth-child(2) a{background:url(../images/main/ico_link_02.png) 50% -1vw no-repeat;}
.link_area .link_list li:nth-child(3) a{background:url(../images/main/ico_link_03.png) 50% -1vw no-repeat;}
.link_area .link_list li:nth-child(4) a{background:url(../images/main/ico_link_04.png) 50% -1vw no-repeat;}
.link_area .link_list li:nth-child(5) a{background:url(../images/main/ico_link_05.png) 50% -1vw no-repeat;}
.link_area .link_list li:nth-child(6) a{background:url(../images/main/ico_link_06.png) 50% -1vw no-repeat;}
.link_area .link_list li:nth-child(7) a{background:url(../images/main/ico_link_07.png) 50% -1vw no-repeat;}
.link_area .link_list li:nth-child(8) a{background:url(../images/main/ico_link_08.png) 50% -1vw no-repeat;}
.link_area .link_list li span{font-size:3.2vw;font-weight:500;color:#252525;letter-spacing:-0.06em;line-height:7.7vw;display:block;padding-top:9.3vw;padding-bottom:1vw;}



.notice_area{margin-top:20vw;padding-bottom:5vw;position:relative;}
.notice_area .na_in{padding:0 5vw;}
.notice_area .notice_box{background:#f7f7f7;border-radius:1.8vw;overflow:hidden;position:relative;font-size:0;text-align:left;}
.notice_area .notice_title{width:21.7vw;height:14vw;text-align:center;display:inline-block;vertical-align:top;}
.notice_area .notice_title strong{font-size:3.6vw;font-weight:500;color:#151515;letter-spacing:-0.05em;line-height:13.9vw;display:block;}
.notice_area .notice_slider{width:calc(100% - 21.7vw);height:14vw;display:inline-block;vertical-align:top;}
.notice_area .notice_slider ul{}
.notice_area .notice_slider li{}
.notice_area .notice_slider li a{display:block;height:14vw;padding-right:3vw;}
.notice_area .notice_slider li strong{font-size:3.6vw;font-weight:300;color:#858585;letter-spacing:-0.05em;line-height:13.9vw;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}



#footer{margin-top:10vw;}
.footer_area{padding-top:9.5vw;padding-bottom:10vw;background:#f8f8f8;}
.footer_area .fa_in{padding:0 5vw;text-align:left;position:relative;}
.footer_area .footer_list{}
.footer_area .footer_list ul{font-size:0;}
.footer_area .footer_list li{margin-left:6.4vw;display:inline-block;vertical-align:top;}
.footer_area .footer_list li:first-child{margin-left:0;}
.footer_area .footer_list li a{}
.footer_area .footer_list li span{font-size:3.6vw;font-weight:300;color:#000;letter-spacing:-0.05em;line-height:4.6vw;}
.footer_area .footer_center{margin-top:7vw;}
.footer_area .footer_center dl{font-size:0;}
.footer_area .footer_center dt{margin-bottom:1.8vw;}
.footer_area .footer_center dt strong{font-size:4vw;font-weight:bold;color:#151515;letter-spacing:-0.05em;line-height:6vw;background:url(../images/main/ico_center.png) 0 50% no-repeat;background-size:6.2vw;padding-left:7.2vw;margin-right:2.2vw;display:inline-block;vertical-align:top;}
.footer_area .footer_center dt span{font-size:3.2vw;font-weight:300;color:#909090;letter-spacing:-0.04em;line-height:6vw;display:inline-block;vertical-align:top;}
.footer_area .footer_center dd{margin-left:2vw;display:inline-block;vertical-align:top;}
.footer_area .footer_center dt + dd{margin-left:0;}
.footer_area .footer_center dd a{display:block;font-size:2.8vw;font-weight:300;color:#858585;letter-spacing:-0.05em;line-height:4.6vw;padding:0 2.5vw;border:1px solid #ccc;background:#fff;}
.footer_area .footer_center dd button{display:block;font-size:2.8vw;font-weight:300;color:#858585;letter-spacing:-0.05em;line-height:4.6vw;padding:0 2.5vw;border:1px solid #ccc;background:#fff;}
.footer_area .footer_center dd span{background:url(../images/main/ico_arrow_02.png) calc(100% - 1px) 50% no-repeat;background-size:0.9vw;display:block;padding-right:3.1vw;padding-bottom:0.1vw;}
.footer_area .footer_sns{margin-top:6vw;}
.footer_area .footer_sns_in{}
.footer_area .footer_sns ul{font-size:0;}
.footer_area .footer_sns li{width:8vw;margin-left:6.2vw;display:inline-block;vertical-align:top;}
.footer_area .footer_sns li:first-child{margin-left:0;}
.footer_area .footer_sns li a{display:block;}
.footer_area .footer_sns li img{display:block;width:100%;}
.footer_area .footer_copy{margin-top:5vw;padding-bottom:12vw;}
.footer_area .footer_copy ul{margin-left:-5vw;position:relative;}
.footer_area .footer_copy ul:after{content:"";position:absolute;width:2vw;height:100%;top:0;left:1.5vw;background:#f8f8f8;z-index:2;}
.footer_area .footer_copy li{position:relative;margin-left:5vw;display:inline-block;vertical-align:top;}
.footer_area .footer_copy li:after{content:"";position:absolute;top:1.8vw;left:-2.5vw;width:1px;height:3vw;background:#e0e0e0;}
.footer_area .footer_copy li span{font-size:3.6vw;font-weight:300;color:#909090;letter-spacing:-0.05em;line-height:6.4vw;}
.footer_area .footer_copy > strong{position:absolute;left:5vw;bottom:0;}
.footer_area .footer_copy > strong img{width:13.6vw;}
.footer_area .footer_copy p{font-size:3.6vw;font-weight:300;color:#909090;letter-spacing:-0.05em;line-height:6.4vw;margin-top:0.5vw;}
.footer_area .footer_copy a{font-size:2.8vw;font-weight:300;color:#858585;letter-spacing:-0.05em;line-height:3.8vw;border:1px solid #ccc;background:#fff;padding:0 2vw 0 2.1vw;display:block;position:absolute;bottom:1.5vw;right:36vw;}
.footer_area .footer_copy a.fa_pc_ver{}
.footer_area .footer_copy a.fa_m_ver{}
.footer_area .footer_family{position:absolute;z-index:3;right:5vw;bottom:0;}
.footer_area .footer_family_in{position:relative;}
.footer_area .footer_family .btn_footer_family{font-size:3.2vw;font-weight:normal;color:#252525;letter-spacing:0;line-height:7.2vw;width:28vw;padding:0 2vw;text-align:left;background:#fff url(../images/main/ico_arrow_down.png) 90% 50% no-repeat;background-size:2.5vw;border:1px solid #aaa;border-radius:1vw;}
.footer_area .footer_family .btn_footer_family span{}
.footer_area .footer_family ul{display:none;position:absolute;bottom:0;left:0;padding-bottom:7.2vw;border:1px solid #252525;width:calc(100% - 2px);border-radius:1vw;background:#fff;box-shadow:0 0 1vw rgba(0,0,0,0.1);z-index:3;}
.footer_area .footer_family li{text-align:left;}
.footer_area .footer_family li a{font-size:3.2vw;font-weight:normal;color:#252525;letter-spacing:-0.05em;line-height:7.2vw;padding:0 2vw;display:block;}
.footer_area .footer_family li button{font-size:3.2vw;font-weight:normal;color:#252525;letter-spacing:0;line-height:7.2vw;width:28vw;padding:0 2vw;text-align:left;background:url(../images/main/ico_arrow_up.png) 90% 50% no-repeat;background-size:2.5vw;position:absolute;bottom:0;left: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:2vw;overflow:hidden;}
.callcenter_area .callcenter_box{position:relative;padding:6vw;text-align:center;width:76vw;-ms-word-break:keep-all;word-break:keep-all;}
.callcenter_area .callcenter_close{text-align:left;position:absolute;top:4vw;right:4vw;}
.callcenter_area .callcenter_close .btn_callcenter_close{display:block;height:7vw;width:7vw;text-indent:-9999px;background:url(../images/main/ico_close.png) 50% 50% no-repeat;background-size:4vw;}
.callcenter_area .callcenter_title{margin-bottom:3vw;}
.callcenter_area .callcenter_title strong{font-size:4.6vw;font-weight:bold;color:#000;letter-spacing:-0.05em;line-height:8.6vw;display:block;}
.callcenter_area .callcenter_input{margin-bottom:5vw;text-align:center;background:#f9f9f9;border-radius:2vw;}
.callcenter_area .callcenter_input ul{padding:6vw 0 4vw 0;display:inline-block;vertical-align:top;}
.callcenter_area .callcenter_input li{margin-bottom:2vw;font-size:0;text-align:left;}
.callcenter_area .callcenter_input strong{font-size:3vw;font-weight:500;color:#252525;letter-spacing:-0.05em;line-height:5vw;display:inline-block;vertical-align:middle;width:10vw;}
.callcenter_area .callcenter_input span{font-size:0;display:inline-block;vertical-align:middle;}
.callcenter_area .callcenter_input .input_callcenter_01{font-size:3vw;font-weight:400;color:#454545;letter-spacing:-0.05em;line-height:6.8vw;background:#fff;border:1px solid #eee;border-radius:0.5vw;padding:0 2vw;width:calc(46vw + 4px);}
.callcenter_area .callcenter_input .input_callcenter_02{font-size:3vw;font-weight:400;color:#454545;letter-spacing:-0.05em;line-height:6.8vw;background:#fff;border:1px solid #eee;border-radius:0.5vw;display:inline-block;vertical-align:middle;width:14vw;text-align:center;}
.callcenter_area .callcenter_input .input_callcenter_03{font-size:3vw;font-weight:400;color:#454545;letter-spacing:-0.05em;line-height:6.8vw;background:#fff;border:1px solid #eee;border-radius:0.5vw;display:inline-block;vertical-align:middle;width:14vw;text-align:center;}
.callcenter_area .callcenter_input .input_callcenter_04{font-size:3vw;font-weight:400;color:#454545;letter-spacing:-0.05em;line-height:6.8vw;background:#fff;border:1px solid #eee;border-radius:0.5vw;display:inline-block;vertical-align:middle;width:14vw;text-align:center;}
.callcenter_area .callcenter_input em{font-size:3vw;font-weight:500;color:#252525;letter-spacing:-0.05em;line-height:5vw;display:inline-block;vertical-align:middle;width:4vw;text-align:center;}
.callcenter_area .callcenter_desc{padding-bottom:6vw;text-align:left;}
.callcenter_area .callcenter_desc strong{display:block;font-size:3vw;font-weight:400;color:#353535;letter-spacing:-0.05em;line-height:5vw;margin-bottom:3vw;}
.callcenter_area .callcenter_desc ul{}
.callcenter_area .callcenter_desc li{font-size:3vw;font-weight:300;color:#858585;letter-spacing:-0.05em;line-height:5vw;margin-bottom:1vw;}
.callcenter_area .callcenter_btn{text-align:center;font-size:0;}
.callcenter_area .callcenter_btn .btn_callcenter_cancel{width:37.5%;height:12vw;font-size:3.4vw;text-align:center;font-weight:500;color:#fff;letter-spacing:-0.05em;background:#ccc;border-radius:2vw;margin-right:2%;}
.callcenter_area .callcenter_btn .btn_callcenter{width:60.5%;height:12vw;font-size:3.4vw;text-align:center;font-weight:500;color:#fff;letter-spacing:-0.05em;background:#000;border-radius:2vw;}


@media all and (min-width:500px){

html{font-size:5px;}

#wrap{max-width:1024px;}
.sitemap_area{max-width:1024px;}
.scroll_on .search_area .sa_in{max-width:1024px;}

#wrap{box-shadow:0 0 1rem rgba(0,0,0,0.2);}
#header{}
.header_area{}
.header_area .ha_in{}
.header_area .header_top{padding:7rem 0 5rem 0;position:relative;}
.header_area .header_logo{width:16.6rem;margin:0 auto;}
.header_area .header_logo a{display:block;}
.header_area .header_logo img{display:block;width:100%;}
.header_area .header_menu{position:absolute;top:5.1rem;left:3rem;}
.header_area .btn_header_menu{width:9.5rem;height:9.5rem;padding:2rem;display:block;background:url(../images/main/ico_header_menu.png) 50% 50% no-repeat;background-size:5.5rem;text-indent:-9999px;}
.header_area .header_user{position:absolute;top:5.1rem;right:2.9rem;}
.header_area .btn_header_user{width:9.5rem;height:9.5rem;padding:2rem;display:block;background:url(../images/main/ico_header_user.png) 50% 50% no-repeat;background-size:5.5rem;text-indent:-9999px;}

.header_area .header_search{}
.header_search .search_area{min-height:21.3rem;}
.search_area .sa_in{}
.search_area .search_main{width:calc(100% - 10rem);margin:0 auto;position:relative;}

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

.search_area .search_box{height:14.2rem;border-radius:7.1rem;background:#fff;display:flex;border:1px solid #aeaeae;box-sizing:border-box;}
.search_area .auto_on .search_box{border-radius:7.1rem 7.1rem 0 0;}
.search_area .search_box .input_search{width:calc(100% - 5.7rem - 17.7rem);padding-left:5.7rem;text-align:left;font-size:4.2rem;font-weight:400;color:#454545;letter-spacing:-0.05em;line-height:14rem;}
.scroll_on .search_area .search_box .input_search{width:calc(100% - 5rem - 9.7rem);line-height:14rem;padding-left:5rem;}
.search_area .search_box .btn_search{width:17.7rem;height:100%;background:url(../images/main/ico_search_m.png) 50% 50% no-repeat;background-size:6.3rem;text-indent:-9999px;}
.scroll_on .search_area .search_box .btn_search{width:9.7rem;background-size:5.2rem;}

.search_area .search_auto{display:none;position:absolute;top:13.8rem;left:0;z-index:20;width:100%;}
.search_area .auto_on .search_auto{display:block;}
.search_area .search_auto .search_auto_box{border:1px solid #aeaeae;border-top:none;border-radius:0 0 2rem 2rem;position:relative;overflow:hidden;font-size:10px;}
.search_area .search_auto .search_auto_box:after{content:"";top:0;left:5rem;width:calc(100% - 10rem);height:1px;background:#ddd;position:absolute;}
.search_area .search_auto .search_auto_list{background:#fff;padding:3rem 0;text-align:left;font-size:10px;}
.search_area .search_auto .search_auto_list li{}
.search_area .search_auto .search_auto_list li a{font-size:3.6rem;font-weight:300;color:#151515;letter-spacing:0;line-height:2.125;padding:0 5rem;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{font-size:10px;background:#f9fafb;border-top:1px solid #f1f4f6;padding:2.1rem 4.9rem;display:flex;justify-content:space-between;}
.search_area .search_auto .search_auto_function strong{font-size:3.2rem;font-weight:300;color:#807f7f;letter-spacing:-0.05em;line-height:2;}
.search_area .search_auto .search_auto_function .btn_search_auto_off{font-size:3.2rem;font-weight:300;color:#807f7f;letter-spacing:-0.05em;line-height:2;}
.search_area .search_auto .search_auto_function .btn_search_auto_off span{}

.search_area .search_keyword{margin-top:2.5rem;text-align:left;padding-left:8rem;position:relative;display:block;font-size:0;}
.search_area .search_keyword strong{font-size:3.6rem;font-weight:500;color:#555;letter-spacing:-0.01em;line-height:4.6rem;width:17.4rem;display:inline-block;vertical-align:top;}
.search_area .search_keyword ul{font-size:0;text-align:left;width:calc(100% - 17.4rem);display:inline-block;vertical-align:top;height:4.6rem;overflow:hidden;}
.search_area .search_keyword li{margin-right:3rem;display:inline-block;vertical-align:top;}
.search_area .search_keyword .btn_keyword{display:block;font-size:3rem;font-weight:300;color:#555;letter-spacing:-0.05em;line-height:4.6rem;}

.search_area .search_logo{display:none;}
.search_area .search_all{display:none;}

.scroll_on .search_area{z-index:17;}
.scroll_on .search_area .sa_in{position:fixed;top:0;left:auto;margin:0 auto;width:100%;height:14.2rem;background:#fff;z-index:600;animation:scr_dropdown .3s cubic-bezier(.215,.61,.355,1);}
.scroll_on .search_area .search_main{position:relative;max-width:1300px;padding:0 5rem;margin:0 auto;}
.scroll_on .search_area .search_form{padding-left:17.6rem;position:relative;z-index:21;margin-right:7.5rem;}
.scroll_on .search_area .search_box{position:relative;height:14.2rem;border-radius:0;border:none;}
.scroll_on .search_area .search_box:after{position:absolute;top:4rem;left:0;width:1px;height:6.2rem;background:#d1d1d1;content:"";}
.scroll_on .search_area .search_auto{top:0;padding-top:14.2rem;border:none;border-bottom:1px solid #d1d1d1;border-radius:0;}
.scroll_on .search_area .search_auto .search_auto_box{border:none;border-radius:0;}
.scroll_on .search_area .search_keyword{display:none;}

@keyframes scr_dropdown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}

.scroll_on .search_logo{display:block;position:absolute;top:0;left:5rem;padding-top:4.8rem;width:12.8rem;z-index:22;}
.scroll_on .search_logo .link_logo{display:block;width:100%;}
.scroll_on .search_logo .link_logo img{display:block;width:100%;}
.scroll_on .search_all{display:block;position:absolute;top:0;right:3rem;z-index:22;padding-top:2.3rem;}
.scroll_on .search_all .btn_gnb_all{width:9.5rem;height:9.5rem;padding:2rem;display:block;background:url(../images/main/ico_header_menu.png) 50% 50% no-repeat;background-size:5.5rem;text-indent:-9999px;}
.scroll_on .search_all .btn_gnb_all span{}


.search_area .search_nav{background:#fff;height:0;overflow:hidden;position:relative;}
.scroll_on .search_area .search_nav{height:12rem;overflow:visible;/* box-shadow:0 1rem 1.5rem rgba(0,0,0,0.2); */}
.scroll_on .search_area .search_nav:after{content:"";width:100%;position:absolute;left:0;bottom:-1.5rem;height:1.5rem;background:linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0));}
.search_area .search_nav_in{border-top:1px solid #ddd;}
.search_area .search_nav ul{}
.search_area .search_nav_in{overflow:hidden;position:relative;}
.search_area .search_nav ul{white-space:nowrap;font-size:0;display:block;position:relative;}
.search_area .search_nav li{width:auto;padding-left:4rem;display:inline-block;vertical-align:top;}
.search_area .search_nav li:first-child{padding-left:5rem;}
.search_area .search_nav li:last-child{padding-right:2rem;}
.search_area .search_nav li a{display:block;font-size:3.6rem;font-weight:500;color:#151515;letter-spacing:-0.025em;line-height:11.6rem;position:relative;}
.search_area .search_nav li span{display:block;}
.search_area .search_nav li .category_excel{color:#298662;padding-left:5rem;background:url(../images/view/ico_excel_s.png) 0 50% no-repeat;background-size:3rem;}
.search_area .search_nav li .category_ppt{color:#d94a4a;padding-left:5rem;background:url(../images/view/ico_ppt_s.png) 0 50% no-repeat;background-size:3rem;}


.sitemap_area{position:fixed;top:0;left:auto;margin:0 auto;width:100%;height:100%;z-index:999999;}
.sitemap_area .sa_in{height:100%;position:relative;background:#fff;text-align:left;}
.sitemap_area .sitemap_title{padding:5rem 5rem 5rem 5rem;box-shadow:0 1rem 3rem rgba(0,0,0,0.1);}
.sitemap_area .sitemap_title strong{font-size:4.8rem;font-weight:bold;color:#151515;letter-spacing:-0.05em;line-height:6rem;}
.sitemap_area .sitemap_close{position:absolute;top:5rem;right:5rem;}
.sitemap_area .sitemap_close .btn_sitemap_close{width:6rem;height:6rem;background:url(../images/main/ico_close.png) 50% 50% no-repeat;background-size:4rem;text-indent:-9999px;}
.sitemap_area .sitemap_list{height:calc(100% - 16rem);padding:0 5rem;}
.sitemap_area .sitemap_list_in{height:100%;overflow-y:scroll;-ms-overflow-style:none;}
.sitemap_area .sitemap_list ul{font-size:0;text-align:left;padding-bottom:3rem;padding-top:5rem;}
.sitemap_area .sitemap_list li{width:50%;padding-bottom:3rem;display:inline-block;vertical-align:top;}
.sitemap_area .sitemap_list dt{margin-bottom:2.5rem;}
.sitemap_area .sitemap_list dt strong{font-size:4rem;font-weight:bold;color:#151515;letter-spacing:-0.05em;line-height:6rem;display:inline-block;vertical-align:top;padding-right:5.6rem;background:url(../images/main/ico_sitemap.png) 100% 1.4rem no-repeat;background-size:3.6rem;}
.sitemap_area .sitemap_list dt a{font-size:4rem;font-weight:bold;color:#151515;letter-spacing:-0.05em;line-height:6rem;display:inline-block;vertical-align:top;padding-right:5.6rem;background:url(../images/main/ico_sitemap.png) 100% 1.4rem no-repeat;background-size:3.6rem;}
.sitemap_area .sitemap_list dd{margin-bottom:2rem;}
.sitemap_area .sitemap_list dd a{font-size:3.6rem;font-weight:300;color:#555;letter-spacing:-0.05em;line-height:4.8rem;display:inline-block;vertical-align:top;padding-right:5rem;}


.visual_area{position:relative;margin-top:4.5rem;}
.visual_area .va_in{}
.visual_area .visual_slider{width:100%;}
.visual_area .visual_slider ul{}
.visual_area .visual_slider ul li{width:100rem;}
.visual_area .visual_slider ul li a{display:block;}
.visual_area .visual_slider ul li img{display:block;width:100%;}

.recommend_area{margin-top:14.2rem;position:relative;}

.recommend_area .recommend_title{text-align:left;margin-bottom:4.2rem;padding-left:5rem;}
.recommend_area .recommend_title span{font-size:5.5rem;font-weight:300;color:#252525;letter-spacing:-0.06em;line-height:7.2rem;}
.recommend_area .recommend_title strong{font-size:5.5rem;font-weight:500;color:#252525;letter-spacing:-0.06em;line-height:7.2rem;}
.recommend_area .recommend_list{}
.recommend_area .recommend_list_in{overflow:hidden;position:relative;}
.recommend_area .recommend_list ul{white-space:nowrap;font-size:0;display:block;position:relative;}
.recommend_area .recommend_list li{width:31.7rem;padding-left:4rem;display:inline-block;vertical-align:top;white-space:normal;}
.recommend_area .recommend_list li:first-child{padding-left:5rem;}
.recommend_area .recommend_list li:last-child{padding-right:5rem;}
.recommend_area .recommend_list li .recommend_list_thumb{border-radius:1.5rem;background:#fff;border:1px solid #e9e9e9;overflow:hidden;}
.recommend_area .recommend_list li img{width:100%;}
.recommend_area .recommend_list li span{display:block;font-size:3.8rem;font-weight:400;color:#252525;letter-spacing:-0.05em;line-height:6rem;margin-top:3.8rem;overflow:hidden;height:12rem;word-break:keep-all;}


.department_area{margin-top:14rem;position:relative;}
.department_area .department_title{text-align:left;margin-bottom:4.2rem;padding-left:5rem;}
.department_area .department_title span{font-size:5.5rem;font-weight:300;color:#252525;letter-spacing:-0.06em;line-height:7.2rem;}
.department_area .department_title strong{font-size:5.5rem;font-weight:500;color:#252525;letter-spacing:-0.06em;line-height:7.2rem;}
.department_area .department_list{margin-top:1.5rem;}
.department_area .department_list_in{margin-bottom:-3rem;}
.department_area .department_list ul{text-align:left;font-size:0;padding:0 2.5rem;}
.department_area .department_list li{width:18rem;height:18rem;border-radius:5rem;background:#f3f3f3;margin:3rem 2.5rem 3rem 2.5rem;text-align:center;display:inline-block;vertical-align:top;}
.department_area .department_list li a{display:block;background-size:100% !important;}
.department_area .department_list li:first-child a{background:url(../images/main/ico_depart_01.png) 50% -1rem no-repeat;}
.department_area .department_list li:nth-child(2) a{background:url(../images/main/ico_depart_02.png) 50% -1rem no-repeat;}
.department_area .department_list li:nth-child(3) a{background:url(../images/main/ico_depart_03.png) 50% -1rem no-repeat;}
.department_area .department_list li:nth-child(4) a{background:url(../images/main/ico_depart_04.png) 50% -1rem no-repeat;}
.department_area .department_list li:nth-child(5) a{background:url(../images/main/ico_depart_05.png) 50% -1rem no-repeat;}
.department_area .department_list li:nth-child(6) a{background:url(../images/main/ico_depart_06.png) 50% -1rem no-repeat;}
.department_area .department_list li:nth-child(7) a{background:url(../images/main/ico_depart_07.png) 50% -1rem no-repeat;}
.department_area .department_list li:nth-child(8) a{background:url(../images/main/ico_depart_08.png) 50% -1rem no-repeat;}
.department_area .department_list li span{font-size:3.2rem;font-weight:500;color:#252525;letter-spacing:-0.06em;line-height:7.7rem;display:block;padding-top:9.3rem;padding-bottom:1rem;}

.double_banner_area{margin-top:15rem;position:relative;}
.double_banner_area .dba_in{padding:0 5rem;}
.double_banner_area .double_banner{overflow:hidden;}
.double_banner_area .double_banner ul{font-size:0;text-align:center;}
.double_banner_area .double_banner li{border-radius:2rem;overflow:hidden;}
.double_banner_area .double_banner li a{display:block;}
.double_banner_area .double_banner li img{display:block;width:100%;}


.popular_area{margin-top:15rem;position:relative;padding:15rem 0;background:#f5f5f5;}
.popular_area .pa_in{}

.popular_area .popular_slider{overflow:hidden;position:relative;}
.popular_area .popular_slider_in{white-space:nowrap;font-size:0;display:block;position:relative;}
.popular_area .popular_conts{white-space:normal;width:85rem;padding-left:5rem;display:inline-block;vertical-align:top;}

.popular_area .popular_rank{padding:8.6rem 5rem 2.2rem 5rem;background:#fff;border-radius:5rem;}
.popular_area .popular_rank strong{font-size:5rem;font-weight:bold;color:#252525;letter-spacing:-0.05em;line-height:6rem;display:block;padding-left:7.5rem;background:url(../images/main/ico_chart.png) 0rem 50% no-repeat;background-size:5.3rem;margin-bottom:5rem;}
.popular_area .popular_rank.p_b strong{background:url(../images/main/ico_rank.png) 0rem 50% no-repeat;background-size:5.3rem}
.popular_area .popular_rank.p_d strong{background:url(../images/main/ico_good.png) 0rem 50% no-repeat;background-size:5.3rem}
.popular_area .popular_rank.p_u strong{background:url(../images/main/ico_chart.png) 0rem 50% no-repeat;background-size:4.8rem}
.popular_area .popular_rank ul{}
.popular_area .popular_rank li{background:none;margin-bottom:-1px;position:relative;z-index:1;}
.popular_area .popular_rank li a{border-bottom:1px solid #eaeaea;border-top:1px solid #eaeaea;padding:3.2rem 0 3.2rem 0;display:block;font-size:0;text-align:left;position:relative;z-index:2;overflow:hidden;min-height:4.5rem;}
.popular_area .popular_rank li:first-child a{}
.popular_area .popular_rank li:last-child a{border-bottom:1px solid #fff;}
.popular_area .popular_rank li:after{position:absolute;top:0;bottom:0;left:0;width:100%;height:calc(100% - 2px);content:"";background:#fff;border:1px solid #eaeaea;border-radius:0;border-left-color:#fff;border-right-color:#fff;z-index:1;box-shadow:none;}
.popular_area .popular_rank li em{font-size:3.8rem;font-weight:400;color:#aeaeae;letter-spacing:0.01em;line-height:4.2rem;width:6.6rem;text-align:left;display:inline-block;vertical-align:top;}
.popular_area .popular_rank li img{width:4.5rem;margin-right:2.4rem;display:inline-block;vertical-align:top;}
.popular_area .popular_rank li span{font-size:3.6rem;font-weight:300;color:#555;letter-spacing:-0.05em;line-height:4.4rem;padding-right:2rem;width:calc(100% - 8.6rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:top;}
.popular_area .popular_rank li img + span{width:calc(100% - 15.5rem);}

.popular_area .popular_conts.on li{}

.popular_area .popular_rank.p_b li:nth-child(1){animation:rank_li 15s 0s infinite;}
.popular_area .popular_rank.p_b li:nth-child(2){animation:rank_li 15s 6s infinite;}
.popular_area .popular_rank.p_b li:nth-child(3){animation:rank_li 15s 12s infinite;}
.popular_area .popular_rank.p_b li:nth-child(4){animation:rank_li 15s 3s infinite;}
.popular_area .popular_rank.p_b li:nth-child(5){animation:rank_li 15s 9s infinite;}
.popular_area .popular_rank.p_b li:nth-child(5) a{animation:rank_a 15s 9s infinite;}
.popular_area .popular_rank.p_b li:nth-child(1):after{animation:rank_af 15s 0s infinite;}
.popular_area .popular_rank.p_b li:nth-child(2):after{animation:rank_af 15s 6s infinite;}
.popular_area .popular_rank.p_b li:nth-child(3):after{animation:rank_af 15s 12s infinite;}
.popular_area .popular_rank.p_b li:nth-child(4):after{animation:rank_af 15s 3s infinite;}
.popular_area .popular_rank.p_b li:nth-child(5):after{animation:rank_af 15s 9s infinite;}
.popular_area .popular_rank.p_b li:nth-child(1) em{animation:rank_em 15s 0s infinite;}
.popular_area .popular_rank.p_b li:nth-child(2) em{animation:rank_em 15s 6s infinite;}
.popular_area .popular_rank.p_b li:nth-child(3) em{animation:rank_em 15s 12s infinite;}
.popular_area .popular_rank.p_b li:nth-child(4) em{animation:rank_em 15s 3s infinite;}
.popular_area .popular_rank.p_b li:nth-child(5) em{animation:rank_em 15s 9s infinite;}
.popular_area .popular_rank.p_b li:nth-child(1) span{animation:rank_span 15s 0s infinite;}
.popular_area .popular_rank.p_b li:nth-child(2) span{animation:rank_span 15s 6s infinite;}
.popular_area .popular_rank.p_b li:nth-child(3) span{animation:rank_span 15s 12s infinite;}
.popular_area .popular_rank.p_b li:nth-child(4) span{animation:rank_span 15s 3s infinite;}
.popular_area .popular_rank.p_b li:nth-child(5) span{animation:rank_span 15s 9s infinite;}

.popular_area .popular_rank.p_d li:nth-child(1){animation:rank_li 15s 6s infinite;}
.popular_area .popular_rank.p_d li:nth-child(2){animation:rank_li 15s 12s infinite;}
.popular_area .popular_rank.p_d li:nth-child(3){animation:rank_li 15s 3s infinite;}
.popular_area .popular_rank.p_d li:nth-child(4){animation:rank_li 15s 9s infinite;}
.popular_area .popular_rank.p_d li:nth-child(5){animation:rank_li 15s 0s infinite;}
.popular_area .popular_rank.p_d li:nth-child(5) a{animation:rank_a 15s 0s infinite;}
.popular_area .popular_rank.p_d li:nth-child(1):after{animation:rank_af 15s 6s infinite;}
.popular_area .popular_rank.p_d li:nth-child(2):after{animation:rank_af 15s 12s infinite;}
.popular_area .popular_rank.p_d li:nth-child(3):after{animation:rank_af 15s 3s infinite;}
.popular_area .popular_rank.p_d li:nth-child(4):after{animation:rank_af 15s 9s infinite;}
.popular_area .popular_rank.p_d li:nth-child(5):after{animation:rank_af 15s 0s infinite;}
.popular_area .popular_rank.p_d li:nth-child(1) em{animation:rank_em 15s 6s infinite;}
.popular_area .popular_rank.p_d li:nth-child(2) em{animation:rank_em 15s 12s infinite;}
.popular_area .popular_rank.p_d li:nth-child(3) em{animation:rank_em 15s 3s infinite;}
.popular_area .popular_rank.p_d li:nth-child(4) em{animation:rank_em 15s 9s infinite;}
.popular_area .popular_rank.p_d li:nth-child(5) em{animation:rank_em 15s 0s infinite;}
.popular_area .popular_rank.p_d li:nth-child(1) span{animation:rank_span 15s 6s infinite;}
.popular_area .popular_rank.p_d li:nth-child(2) span{animation:rank_span 15s 12s infinite;}
.popular_area .popular_rank.p_d li:nth-child(3) span{animation:rank_span 15s 3s infinite;}
.popular_area .popular_rank.p_d li:nth-child(4) span{animation:rank_span 15s 9s infinite;}
.popular_area .popular_rank.p_d li:nth-child(5) span{animation:rank_span 15s 0s infinite;}

.popular_area .popular_rank.p_u li:nth-child(1){animation:rank_li 15s 3s infinite;}
.popular_area .popular_rank.p_u li:nth-child(2){animation:rank_li 15s 9s infinite;}
.popular_area .popular_rank.p_u li:nth-child(3){animation:rank_li 15s 0s infinite;}
.popular_area .popular_rank.p_u li:nth-child(4){animation:rank_li 15s 12s infinite;}
.popular_area .popular_rank.p_u li:nth-child(5){animation:rank_li 15s 6s infinite;}
.popular_area .popular_rank.p_u li:nth-child(5) a{animation:rank_a 15s 9s infinite;}
.popular_area .popular_rank.p_u li:nth-child(1):after{animation:rank_af 15s 3s infinite;}
.popular_area .popular_rank.p_u li:nth-child(2):after{animation:rank_af 15s 9s infinite;}
.popular_area .popular_rank.p_u li:nth-child(3):after{animation:rank_af 15s 0s infinite;}
.popular_area .popular_rank.p_u li:nth-child(4):after{animation:rank_af 15s 12s infinite;}
.popular_area .popular_rank.p_u li:nth-child(5):after{animation:rank_af 15s 6s infinite;}
.popular_area .popular_rank.p_u li:nth-child(1) em{animation:rank_em 15s 3s infinite;}
.popular_area .popular_rank.p_u li:nth-child(2) em{animation:rank_em 15s 9s infinite;}
.popular_area .popular_rank.p_u li:nth-child(3) em{animation:rank_em 15s 0s infinite;}
.popular_area .popular_rank.p_u li:nth-child(4) em{animation:rank_em 15s 12s infinite;}
.popular_area .popular_rank.p_u li:nth-child(5) em{animation:rank_em 15s 6s infinite;}
.popular_area .popular_rank.p_u li:nth-child(1) span{animation:rank_span 15s 3s infinite;}
.popular_area .popular_rank.p_u li:nth-child(2) span{animation:rank_span 15s 9s infinite;}
.popular_area .popular_rank.p_u li:nth-child(3) span{animation:rank_span 15s 0s infinite;}
.popular_area .popular_rank.p_u li:nth-child(4) span{animation:rank_span 15s 12s infinite;}
.popular_area .popular_rank.p_u li:nth-child(5) span{animation:rank_span 15s 6s infinite;}


@keyframes rank_af {
	0%{border-radius:0;border-left-color:#fff;border-right-color:#fff;left:0;right:0;width:calc(100% - 2px);box-shadow:none;}
	2%{border-radius:1.5rem;border-left-color:#eaeaea;border-right-color:#eaeaea;left:-6.1rem;right:-6.1rem;width:calc(100% + 12rem);box-shadow:0 1rem 1.5rem rgba(0,0,0,0.2);}
	18%{border-radius:1.5rem;border-left-color:#eaeaea;border-right-color:#eaeaea;left:-6.1rem;right:-6.1rem;width:calc(100% + 12rem);box-shadow:0 1rem 1.5rem rgba(0,0,0,0.2);}
	20%{border-radius:0;border-left-color:#fff;border-right-color:#fff;left:0;right:0;width:calc(100% - 2px);box-shadow:none;}
	100%{border-radius:0;border-left-color:#fff;border-right-color:#fff;left:0;right:0;width:calc(100% - 2px);box-shadow:none;}
}
@keyframes rank_li {
	0%{z-index:1;}
	2%{z-index:3;}
	18%{z-index:3;}
	20%{z-index:1;}
	100%{z-index:1;}
}
@keyframes rank_a {
	0%{border-bottom-color:#fff;}
	2%{border-bottom-color:#eaeaea;}
	18%{border-bottom-color:#eaeaea;}
	20%{border-bottom-color:#fff;}
	100%{border-bottom-color:#fff;}
}
@keyframes rank_em {
	0%{font-weight:400;color:#aeaeae;}
	2%{font-weight:500;color:#252525;}
	18%{font-weight:500;color:#252525;}
	20%{font-weight:400;color:#aeaeae;}
	100%{font-weight:400;color:#aeaeae;}
}
@keyframes rank_span {
	0%{font-weight:300;color:#555;}
	2%{font-weight:500;color:#252525;}
	18%{font-weight:500;color:#252525;}
	20%{font-weight:300;color:#555;}
	100%{font-weight:300;color:#555;}
}


.do_area{margin-top:14.5rem;position:relative;}
.do_area .da_in{}
.do_area .do_title{text-align:left;margin-bottom:4.2rem;padding-left:5rem;}
.do_area .do_title span{font-size:5.5rem;font-weight:300;color:#252525;letter-spacing:-0.06em;line-height:7.2rem;}
.do_area .do_title strong{font-size:5.5rem;font-weight:500;color:#252525;letter-spacing:-0.06em;line-height:7.2rem;}
.do_area .do_list{}
.do_area .do_list_in{}
.do_area .do_list_slider{overflow:hidden;position:relative;}
.do_area .do_list_slider ul{white-space:nowrap;font-size:0;display:block;position:relative;}
.do_area .do_list_slider li{width:54rem;padding-left:3rem;display:inline-block;vertical-align:top;}
.do_area .do_list_slider li:first-child{padding-left:5rem;}
.do_area .do_list_slider li:last-child{padding-right:5rem;}
.do_area .do_list_slider li a{display:block;border-radius:1.8rem;overflow:hidden;}
.do_area .do_list_slider li a:first-child{margin-bottom:3rem;}
.do_area .do_list_slider li img{display:block;width:100%;}
.do_area .do_more{margin-top:7rem;padding:0 5rem;}
.do_area .btn_do_more{font-size:4rem;font-weight:400;color:#252525;letter-spacing:-0.05em;line-height:12.6rem;height:13rem;display:block;width:100%;border:1px solid #e5e5e5;border-radius:1rem;background:#fff;text-align:center;}



.link_area{margin-top:10rem;position:relative;}
.link_area .link_list{}
.link_area .link_list_in{margin-bottom:-3rem;}
.link_area .link_list ul{text-align:left;font-size:0;padding-top:2rem;padding-left:2.5rem;padding-right:2.5rem;}
.link_area .link_list li{width:18rem;height:18rem;border-radius:5rem;background:#f3f3f3;margin:3rem 2.5rem 3rem 2.5rem;text-align:center;display:inline-block;vertical-align:top;}
.link_area .link_list li a{display:block;background-size:100% !important;}
.link_area .link_list li:first-child a{background:url(../images/main/ico_link_01.png) 50% -1rem no-repeat;}
.link_area .link_list li:nth-child(2) a{background:url(../images/main/ico_link_02.png) 50% -1rem no-repeat;}
.link_area .link_list li:nth-child(3) a{background:url(../images/main/ico_link_03.png) 50% -1rem no-repeat;}
.link_area .link_list li:nth-child(4) a{background:url(../images/main/ico_link_04.png) 50% -1rem no-repeat;}
.link_area .link_list li:nth-child(5) a{background:url(../images/main/ico_link_05.png) 50% -1rem no-repeat;}
.link_area .link_list li:nth-child(6) a{background:url(../images/main/ico_link_06.png) 50% -1rem no-repeat;}
.link_area .link_list li:nth-child(7) a{background:url(../images/main/ico_link_07.png) 50% -1rem no-repeat;}
.link_area .link_list li:nth-child(8) a{background:url(../images/main/ico_link_08.png) 50% -1rem no-repeat;}
.link_area .link_list li span{font-size:3.2rem;font-weight:500;color:#252525;letter-spacing:-0.06em;line-height:7.7rem;display:block;padding-top:9.3rem;padding-bottom:1rem;}



.notice_area{margin-top:20rem;padding-bottom:5rem;position:relative;}
.notice_area .na_in{padding:0 5rem;}
.notice_area .notice_box{background:#f7f7f7;border-radius:1.8rem;overflow:hidden;position:relative;font-size:0;text-align:left;}
.notice_area .notice_title{width:21.7rem;height:14rem;text-align:center;display:inline-block;vertical-align:top;}
.notice_area .notice_title strong{font-size:3.6rem;font-weight:500;color:#151515;letter-spacing:-0.05em;line-height:13.9rem;display:block;}
.notice_area .notice_slider{width:calc(100% - 21.7rem);height:14rem;display:inline-block;vertical-align:top;}
.notice_area .notice_slider ul{}
.notice_area .notice_slider li{}
.notice_area .notice_slider li a{display:block;height:14rem;padding-right:3rem;}
.notice_area .notice_slider li strong{font-size:3.6rem;font-weight:300;color:#858585;letter-spacing:-0.05em;line-height:13.9rem;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}



#footer{margin-top:10rem;}
.footer_area{padding-top:9.5rem;padding-bottom:10rem;background:#f8f8f8;}
.footer_area .fa_in{padding:0 5rem;text-align:left;position:relative;}
.footer_area .footer_list{}
.footer_area .footer_list ul{font-size:0;}
.footer_area .footer_list li{margin-left:6.4rem;display:inline-block;vertical-align:top;}
.footer_area .footer_list li:first-child{margin-left:0;}
.footer_area .footer_list li a{}
.footer_area .footer_list li span{font-size:3.6rem;font-weight:300;color:#000;letter-spacing:-0.05em;line-height:4.6rem;}
.footer_area .footer_center{margin-top:7rem;}
.footer_area .footer_center dl{font-size:0;}
.footer_area .footer_center dt{margin-bottom:1.8rem;}
.footer_area .footer_center dt strong{font-size:4rem;font-weight:bold;color:#151515;letter-spacing:-0.05em;line-height:6rem;background:url(../images/main/ico_center.png) 0 50% no-repeat;background-size:6.2rem;padding-left:7.2rem;margin-right:2.2rem;display:inline-block;vertical-align:top;}
.footer_area .footer_center dt span{font-size:3.2rem;font-weight:300;color:#909090;letter-spacing:-0.04em;line-height:6rem;display:inline-block;vertical-align:top;}
.footer_area .footer_center dd{margin-left:2rem;display:inline-block;vertical-align:top;}
.footer_area .footer_center dt + dd{margin-left:0;}
.footer_area .footer_center dd a{display:block;font-size:2.8rem;font-weight:300;color:#858585;letter-spacing:-0.05em;line-height:4.6rem;padding:0 2.5rem;border:1px solid #ccc;background:#fff;}
.footer_area .footer_center dd button{display:block;font-size:2.8rem;font-weight:300;color:#858585;letter-spacing:-0.05em;line-height:4.6rem;padding:0 2.5rem;border:1px solid #ccc;background:#fff;}
.footer_area .footer_center dd span{background:url(../images/main/ico_arrow_02.png) calc(100% - 1px) 50% no-repeat;background-size:0.9rem;display:block;padding-right:3.1rem;padding-bottom:0.1rem;}
.footer_area .footer_sns{margin-top:6rem;}
.footer_area .footer_sns_in{}
.footer_area .footer_sns ul{font-size:0;}
.footer_area .footer_sns li{width:8rem;margin-left:6.2rem;display:inline-block;vertical-align:top;}
.footer_area .footer_sns li:first-child{margin-left:0;}
.footer_area .footer_sns li a{display:block;}
.footer_area .footer_sns li img{display:block;width:100%;}
.footer_area .footer_copy{margin-top:5rem;padding-bottom:12rem;}
.footer_area .footer_copy ul{margin-left:-5rem;position:relative;}
.footer_area .footer_copy ul:after{content:"";position:absolute;width:2rem;height:100%;top:0;left:1.5rem;background:#f8f8f8;z-index:2;}
.footer_area .footer_copy li{position:relative;margin-left:5rem;display:inline-block;vertical-align:top;}
.footer_area .footer_copy li:after{content:"";position:absolute;top:1.8rem;left:-2.5rem;width:1px;height:3rem;background:#e0e0e0;}
.footer_area .footer_copy li span{font-size:3.6rem;font-weight:300;color:#909090;letter-spacing:-0.05em;line-height:6.4rem;}
.footer_area .footer_copy > strong{position:absolute;left:5rem;bottom:0;}
.footer_area .footer_copy > strong img{width:13.6rem;}
.footer_area .footer_copy p{font-size:3.6rem;font-weight:300;color:#909090;letter-spacing:-0.05em;line-height:6.4rem;margin-top:0.5rem;}
.footer_area .footer_copy a{font-size:2.8rem;font-weight:300;color:#858585;letter-spacing:-0.05em;line-height:3.8rem;border:1px solid #ccc;background:#fff;padding:0 2rem 0 2.1rem;display:block;position:absolute;bottom:1.5rem;right:36rem;}
.footer_area .footer_copy a.fa_pc_ver{}
.footer_area .footer_copy a.fa_m_ver{}
.footer_area .footer_family{position:absolute;z-index:3;right:5rem;bottom:0;}
.footer_area .footer_family_in{position:relative;}
.footer_area .footer_family .btn_footer_family{font-size:3.2rem;font-weight:normal;color:#252525;letter-spacing:0;line-height:7.2rem;width:28rem;padding:0 2rem;text-align:left;background:#fff url(../images/main/ico_arrow_down.png) 90% 50% no-repeat;background-size:2.5rem;border:1px solid #aaa;border-radius:1rem;}
.footer_area .footer_family .btn_footer_family span{}
.footer_area .footer_family ul{display:none;position:absolute;bottom:0;left:0;padding-bottom:7.2rem;border:1px solid #252525;width:calc(100% - 2px);border-radius:1rem;background:#fff;box-shadow:0 0 1rem rgba(0,0,0,0.1);z-index:3;}
.footer_area .footer_family li{text-align:left;}
.footer_area .footer_family li a{font-size:3.2rem;font-weight:normal;color:#252525;letter-spacing:-0.05em;line-height:7.2rem;padding:0 2rem;display:block;}
.footer_area .footer_family li button{font-size:3.2rem;font-weight:normal;color:#252525;letter-spacing:0;line-height:7.2rem;width:28rem;padding:0 2rem;text-align:left;background:url(../images/main/ico_arrow_up.png) 90% 50% no-repeat;background-size:2.5rem;position:absolute;bottom:0;left: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:2rem;overflow:hidden;}
.callcenter_area .callcenter_box{position:relative;padding:6rem;text-align:center;width:76rem;-ms-word-break:keep-all;word-break:keep-all;}
.callcenter_area .callcenter_close{text-align:left;position:absolute;top:4rem;right:4rem;}
.callcenter_area .callcenter_close .btn_callcenter_close{display:block;height:7rem;width:7rem;text-indent:-9999px;background:url(../images/main/ico_close.png) 50% 50% no-repeat;background-size:4rem;}
.callcenter_area .callcenter_title{margin-bottom:3rem;}
.callcenter_area .callcenter_title strong{font-size:4.6rem;font-weight:bold;color:#000;letter-spacing:-0.05em;line-height:8.6rem;display:block;}
.callcenter_area .callcenter_input{margin-bottom:5rem;text-align:center;background:#f9f9f9;border-radius:2rem;}
.callcenter_area .callcenter_input ul{padding:6rem 0 4rem 0;display:inline-block;vertical-align:top;}
.callcenter_area .callcenter_input li{margin-bottom:2rem;font-size:0;text-align:left;}
.callcenter_area .callcenter_input strong{font-size:3rem;font-weight:500;color:#252525;letter-spacing:-0.05em;line-height:5rem;display:inline-block;vertical-align:middle;width:10rem;}
.callcenter_area .callcenter_input span{font-size:0;display:inline-block;vertical-align:middle;}
.callcenter_area .callcenter_input .input_callcenter_01{font-size:3rem;font-weight:400;color:#454545;letter-spacing:-0.05em;line-height:6.8rem;background:#fff;border:1px solid #eee;border-radius:0.5rem;padding:0 2rem;width:calc(46rem + 4px);}
.callcenter_area .callcenter_input .input_callcenter_02{font-size:3rem;font-weight:400;color:#454545;letter-spacing:-0.05em;line-height:6.8rem;background:#fff;border:1px solid #eee;border-radius:0.5rem;display:inline-block;vertical-align:middle;width:14rem;text-align:center;}
.callcenter_area .callcenter_input .input_callcenter_03{font-size:3rem;font-weight:400;color:#454545;letter-spacing:-0.05em;line-height:6.8rem;background:#fff;border:1px solid #eee;border-radius:0.5rem;display:inline-block;vertical-align:middle;width:14rem;text-align:center;}
.callcenter_area .callcenter_input .input_callcenter_04{font-size:3rem;font-weight:400;color:#454545;letter-spacing:-0.05em;line-height:6.8rem;background:#fff;border:1px solid #eee;border-radius:0.5rem;display:inline-block;vertical-align:middle;width:14rem;text-align:center;}
.callcenter_area .callcenter_input em{font-size:3rem;font-weight:500;color:#252525;letter-spacing:-0.05em;line-height:5rem;display:inline-block;vertical-align:middle;width:4rem;text-align:center;}
.callcenter_area .callcenter_desc{padding-bottom:6rem;text-align:left;}
.callcenter_area .callcenter_desc strong{display:block;font-size:3rem;font-weight:400;color:#353535;letter-spacing:-0.05em;line-height:5rem;margin-bottom:3rem;}
.callcenter_area .callcenter_desc ul{}
.callcenter_area .callcenter_desc li{font-size:3rem;font-weight:300;color:#858585;letter-spacing:-0.05em;line-height:5rem;margin-bottom:1rem;}
.callcenter_area .callcenter_btn{text-align:center;font-size:0;}
.callcenter_area .callcenter_btn .btn_callcenter_cancel{width:37.5%;height:12rem;font-size:3.4rem;text-align:center;font-weight:500;color:#fff;letter-spacing:-0.05em;background:#ccc;border-radius:2rem;margin-right:2%;}
.callcenter_area .callcenter_btn .btn_callcenter{width:60.5%;height:12rem;font-size:3.4rem;text-align:center;font-weight:500;color:#fff;letter-spacing:-0.05em;background:#000;border-radius:2rem;}


}



body{padding:0 !important;}
.adsbygoogle{width:0 !important;height:0 !important;top:-100vh !important;bottom:-100vh !important;left:-100vw !important;right:-100vw !important;overflow:hidden !important;opacity:0 !important;filter:opacity(0) !important;z-index:-1 !important;display:none !important;text-indent:-999999px !important;visibility:hidden !important;font-size:0 !important;line-height:0 !important;max-width:0 !important;max-height:0 !important;}
.adsbygoogle *{width:0 !important;height:0 !important;top:-100vh !important;bottom:-100vh !important;left:-100vw !important;right:-100vw !important;overflow:hidden !important;opacity:0 !important;filter:opacity(0) !important;z-index:-1 !important;display:none !important;text-indent:-999999px !important;visibility:hidden !important;font-size:0 !important;line-height:0 !important;max-width:0 !important;max-height:0 !important;}