@charset "utf-8";

@import url('swiper.min.css');
@import url('style.css');

/************************************************
	common
************************************************/
.div-tab:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
.div-tab .item{ min-width:33.3%;}
.div-tab .item.w50p{ min-width:50%;}
.div-tab .item a{ display:block; border-top:#e6e7e8 1px solid; border-bottom:#e6e7e8 1px solid; border-left:#e6e7e8 1px solid; background-color:#f6f6f6; line-height:38px; height:38px;text-align:center; color:#666; font-size:14px; padding:0 32px;  white-space:nowrap; }
.div-tab .item:first-child a{ border-left:none;}
.div-tab .item.active a{ background-color:#fff; border-bottom:#fff 1px solid; color:#222;}
.div-tab.n2 .item{ float:left; width:50%; }
.div-tab.n2 .item a{ padding:0;}
.div-tab.n2 .item:first-child a{ border-left:none;}
.div-tab.n2 .item.active a,
.div-tab .item.active a{ background-color:#fff; border-bottom:#fff 1px solid; color:#222;}

.tbl-hd{ padding:12px;}
.tbl-hd:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
.tbl-hd.bg{ background-color:#f6f6f6; border-top:#cad4d6 1px solid;}
.tbl-hd .inp-gup{ position:relative; padding:0 52px 0 0;}
.tbl-hd .inp-gup .input{ width:100%; border-right:none;}
.tbl-hd .inp-gup .bt-search{ position:absolute; top:0; right:0; width:52px;}
.tit-area+.tbl-hd{ border-top:#cad4d6 1px solid;}
.tbl-hd .sch-bx{ margin-bottom:10px; display:none;}
.tbl-hd .sch-bx .select+.select{ border-top:none;}
.tbl-hd .right{ float:right;}

.bt-more{ margin:15px 0 50px; padding:0 12px;}
.bt-more>a{ display:block; text-align:center; background-color:#f5f5f5; border:#ebeced 1px solid; color:#222; line-height:36px;}

/************************************************
	main
************************************************/
.main-img img{ display:block; width:100%; }

.philo{ padding:0 15px 25px;}
.philo .swiper-wrapper>div{ width:100% }
.philo .swiper-wrapper>div.swiper-slide{ font-size:20px; text-align:center;  }
.philo .swiper-wrapper>div.swiper-slide strong{ font-size:20px;} /* text-decoration:underline; 삭제 1215 */
.philo .swiper-wrapper>div.swiper-slide em{ background-position:50% 0; background-repeat:no-repeat; width:172px; height:174px; text-indent:-9999px; display:block; background-size:172px 174px; text-align:left; margin:0 auto 10px;}
.philo .swiper-wrapper>div.p1 em{ background-image:url(../images/index/philo_img01.png);}
.philo .swiper-wrapper>div.p2 em{ background-image:url(../images/index/philo_img02.png);}
.philo .swiper-wrapper>div.p3 em{ background-image:url(../images/index/philo_img03.png);}
.philo .swiper-wrapper>div.p1{ color:#ffc600;}
.philo .swiper-wrapper>div.p2{ color:#4cd268;}
.philo .swiper-wrapper>div.p3{ color:#3eb5cd;}
.philo .inner{ position:relative;}
.philo .inner .philo-prev{ position:absolute; top:74px; left:0; background:url(../images/index/arr_prev.png) 50% 50% no-repeat; background-size:22px 37px; text-indent:-9999px; display:block; width:22px; height:37px; z-index:9; }
.philo .inner .philo-next{ position:absolute; top:74px; right:0; background:url(../images/index/arr_next.png) 50% 50% no-repeat; background-size:22px 37px; text-indent:-9999px; display:block; width:22px; height:37px; z-index:9;}
.philo .inner .philo-pagination{ text-align:center; padding:15px 0 0 0;}
.philo .inner .philo-pagination .swiper-pagination-bullet{ width:10px; height:10px; border-radius:50%; border:#004e2e 1px solid; background-color:#fff; opacity:1;}
.philo .inner .philo-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color:#0f6347;}

.brand{ position:relative;}
.brand .tit{ position:absolute; top:25px; left:0; width:100%; text-align:center; z-index:9;}
.brand .tit h2{ font-size:25px; color:#222; line-height:1; margin:0 0 6px 0;}
.brand .tit>p{ font-size:12px; color:#222; text-align:center; line-height:1; }
.brand .swiper-slide{ position:relative;}
.brand .swiper-slide img{ display:block;}
.brand .swiper-slide .bt-go{ position:absolute; bottom:28px; left:50%; width:224px; margin-left:-112px;}
.brand .brand-thumbs{ position:absolute; top:76px; left:0; width:100%; padding:0 14px; z-index:2;}
.brand .brand-thumbs .swiper-slide{ position:relative; width:58px; height:64px; text-indent:-9999px; background-position:50% 0; background-size:58px 58px; background-repeat:no-repeat; margin:0 1px;}
.brand .brand-thumbs .swiper-slide.t1{ background-image:url(../images/index/brand_t1.png);}
.brand .brand-thumbs .swiper-slide.t2{ background-image:url(../images/index/brand_t2.png);}
.brand .brand-thumbs .swiper-slide.t3{ background-image:url(../images/index/brand_t3.png);}
.brand .brand-thumbs .swiper-slide.t4{ background-image:url(../images/index/brand_t4.png);}
.brand .brand-thumbs .swiper-slide.t5{ background-image:url(../images/index/brand_t5.png);}
.brand .brand-thumbs .swiper-slide.t6{ background-image:url(../images/index/brand_t6.png);}
.brand .brand-thumbs .swiper-slide.t7{ background-image:url(../images/index/brand_t7.png);}
.brand .brand-thumbs .swiper-slide.t8{ background-image:url(../images/index/brand_t8.png);}
.brand .brand-thumbs .swiper-slide.swiper-slide-active:after{ content:""; position:absolute; top:0; left:0; width:58px; height:64px; background-position:50% 0; background-size:58px 64px; }
.brand .brand-thumbs .swiper-slide.t1.swiper-slide-active:after{ background-image:url(../images/index/brand_t1_on.png);}
.brand .brand-thumbs .swiper-slide.t2.swiper-slide-active:after{ background-image:url(../images/index/brand_t2_on.png);}
.brand .brand-thumbs .swiper-slide.t3.swiper-slide-active:after{ background-image:url(../images/index/brand_t3_on.png);}
.brand .brand-thumbs .swiper-slide.t4.swiper-slide-active:after{ background-image:url(../images/index/brand_t4_on.png);}
.brand .brand-thumbs .swiper-slide.t5.swiper-slide-active:after{ background-image:url(../images/index/brand_t5_on.png);}
.brand .brand-thumbs .swiper-slide.t6.swiper-slide-active:after{ background-image:url(../images/index/brand_t6_on.png);}
.brand .brand-thumbs .swiper-slide.t7.swiper-slide-active:after{ background-image:url(../images/index/brand_t7_on.png);}
.brand .brand-thumbs .swiper-slide.t8.swiper-slide-active:after{ background-image:url(../images/index/brand_t8_on.png);}
.brand .brand-thumbs .swiper-wrapper{ margin-left:-40%;}
.brand .brand-pagination{ position:absolute; top:34%; left:0; width:100%; text-align:center; padding:0; z-index:9; height:10px; }
.brand .brand-pagination .swiper-pagination-bullet{ width:10px; height:10px; border-radius:50%; border:#004e2e 1px solid; background-color:transparent; opacity:1; margin:0 2px;}
.brand .brand-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color:#0f6347;}

.issue{ background-color:#e7e1d3; padding:25px 0;}
.issue .tit{ width:100%; text-align:center; margin:0 0 18px 0;}
.issue .tit h2{ font-size:25px; color:#222; line-height:1; margin:0 0 6px 0; text-transform:uppercase;}
.issue .tit>p{ font-size:12px; color:#222; text-align:center; line-height:1; }
.issue-bx{ position:relative; width:100%; margin:0; padding:0 14px;}
.issue-bx .owl-carousel .owl-video-wrapper{ margin:0 auto 0; }
.issue-bx .owl-carousel .owl-video-tn{ background-size:cover;}
.issue-bx .owl-carousel .owl-controls{ text-align:center; margin-top:15px;}
.issue-bx .owl-carousel .owl-controls .owl-dot{ display:inline-block; margin:0 4px;}
.issue-bx .owl-carousel .owl-controls .owl-dot span{ display:block; width:10px; height:10px; border-radius:50%; background-color:#e7e1d3; border:#004c2d 1px solid; text-indent:-9999px;}
.issue-bx .owl-carousel .owl-controls .owl-dot.active span{ background-color:#0f6347;}
@media (min-width:480px) {	
	.issue-bx .owl-carousel .owl-video-wrapper,
	.issue-bx .owl-carousel .owl-video-wrapper .owl-video-frame,
	.issue-bx .owl-carousel .owl-video-wrapper iframe,
	.issue-bx .owl-carousel .owl-video-wrapper .video-stream html5-main-video{ width:540px !important; height:290px !important;}
}


.ebook{ padding-bottom: 140px; padding-top:25px; background: #f3efcc;  border-bottom: 7px solid #f3efcc;}
.ebook ul{background: #0e7e34; margin-left: 20px; margin-right: 20px;}
.ebook ul li {position: relative; padding-right: 7px; padding-left: 7px; float: left;width: 33.33333%; margin-bottom: 32px;}
.ebook .tit{width: 100%; text-align: center; margin: 0 0 30px 0;}
.ebook .tit h2{font-size: 25px; color: #222; line-height: 1; margin: 0 0 6px 0; text-transform: uppercase;}
.ebook .tit p{font-size: 12px; color: #222; text-align: center; line-height: 1;}


.cate{ background:#f2f0ca url(../images/index/cate_bg.png) 50% 100% no-repeat; background-size:100% auto; padding:25px 0 30px;}
.cate .tit{ width:100%; text-align:center; margin:0 0 18px 0;}
.cate .tit h2{ font-size:25px; color:#222; line-height:1; margin:0 0 6px 0; text-transform:uppercase;}
.cate .tit>p{ font-size:12px; color:#222; text-align:center; line-height:1; }
.cate-lst{ margin:0 14px; }
.cate-lst li{ position:relative; padding:10px 0 10px 110px;  background-position:0 100%; background-repeat:repeat-x; background-size:auto 3px;}
.cate-lst li:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
.cate-lst li strong{ position:absolute; display:inline-block; top:0; left:10px; line-height:45px; font-size:15px; color:#0f6347;}
.cate-lst li a{ display:block; width:50%; float:left; line-height:25px; color:#666;}
.cate-lst li.c1{ background-image:url(../images/index/cate_line1.png);}
.cate-lst li.c2{ background-image:url(../images/index/cate_line2.png);}
.cate-lst li.c3{ background-image:url(../images/index/cate_line3.png);}
.cate-lst li.c4{ background-image:url(../images/index/cate_line4.png);}
.cate-lst li.c5{ background-image:url(../images/index/cate_line5.png);}

.sns{ background-color:#eafff0; padding:25px 0;}
.sns .tit{ width:100%; text-align:center; margin:0 0 15px 0;}
.sns .tit h2{ font-size:25px; color:#222; line-height:1; margin:0 0 6px 0; text-transform:uppercase;}
.sns .tit>p{ font-size:12px; color:#222; text-align:center; line-height:1; }
.msns-list{ margin:0 14px;}
.msns-list .item{ padding:18px 0;}
.msns-list .item+.item{ border-top:#d7efde 1px solid;}
.msns-list .item a{ position:relative; display:block; padding-left:54px;}
.msns-list .item a .ico{ position:absolute; top:0; left:0; width:36px;}
.msns-list .item .name{ display:block; font-size:14px; color:#222;}
.msns-list .item .date{ font-size:12px; line-height:1;}
.msns-list .item .date em{ line-height:1;}
.msns-list .item .date em+em{ margin-left:10px; padding-left:10px; border-left:#666 1px solid;}

/************************************************
	toytron
************************************************/
.promise-wr{ padding:0 0 40px 0;}
.promise-wr .tx01{ padding:20px;}
.promise-wr .tx01 strong{ color:#06954a; font-size:18px; display:block; margin:0 0 10px 0;}
.promise-wr .tx02{ padding:20px;}
.promise-wr .tx02 strong{ color:#222; font-size:18px; display:block; margin:0; font-weight:normal;}
.promise-wr .tx02 em{ color:#222; font-size:15px; display:block; margin:10px 0; font-weight:normal;}
.promise-wr .tx03{ margin:30px 0 0 0; padding:0 14px 50px; line-height:1.5em; }
.promise-wr .tx03 *{ line-height:1;}
.promise-wr .tx03 strong{ display:block; font-size:18px; line-height:1.5em; font-weight:normal; }
.promise-wr .tx03 em{ display:block; font-size:15px; color:#222; line-height:1.5em; }

.intro-wr{ padding:0 0 40px 0;}
.intro-wr .tx01{ padding:20px 18px 0; color:#222; font-size:14px;}
.intro-wr .tx01 strong{ display:block; padding:20px 0; font-weight:normal; font-size:16px;}
.intro-wr .tx01 span{ color:#666; font-szie:13px;}
.intro-wr .tx01 em{ color:#06954a;}
.intro-wr .tx02{ padding:20px 18px 0; }
.intro-wr .intro-tbl{ width:100%; border-collapse:separate; *border-collapse:collapse; border-spacing:0px; clear:both; table-layout:fixed; background:#fff; border-top:#0f6347 2px solid;}
.intro-wr .intro-tbl th{ padding:12px 0; text-align:center; background-color:#06954a; color:#fff; font-weight:normal; border-bottom:#65b889 1px solid;}
.intro-wr .intro-tbl td{ padding:12px; text-align:left; border-bottom:#e6e7e8 1px solid;}
.intro-wr .intro-tbl tr:last-child th,
.intro-wr .intro-tbl tr:last-child td{ border-bottom:#0f6347 2px solid;}
.intro-wr .tx03{ padding:0 18px;}
.intro-wr .tx03 .item{ background-color:#fff344; line-height:40px; padding:0 0 0 12px; font-size:15px;}
.intro-wr .tx03 .item+.item{ margin-top:4px;}
.intro-wr .tx03 .item strong{ display:inline-block; width:30px; font-weight:normal; color:#06954a;}

.history-wr{ background:url(../images/bg_history.png) 100% 0 no-repeat; background-size:96px auto; padding:25px 18px 40px; border-top:#cfd0d2 1px solid;}
.intro-wr+.history-wr{ background:none; border-top:none; padding-top:0; margin-top:-50px; }
.history-wr .tx01{ text-align:center; padding:0 0 20px 0;}
.history-wr .tx01 strong{ color:#222; display:block; font-size:22px; font-weight:normal; margin:0 0 10px 0;}
.history-wr h3{ position:relative; color:#06954a; font-size:20px; padding:15px 0 0 0; margin:35px 0 10px; line-height:1;}
.history-wr h3:after{ content:""; position:absolute; top:0; left:0; display:block; width:22px; height:2px; background-color:#b5d9c5;}
.history-wr .history-lst li{ position:relative; background-color:#f5f7f4; padding:10px 12px 10px 72px;}
.history-wr .history-lst li+li{ margin-top:3px;}
.history-wr .history-lst li strong{ position:absolute; top:10px; left:12px; color:#222; }
.history-wr .history-lst li a{ text-decoration:underline;}

.recruit-wr .tx01{ padding:20px 18px 0; color:#222; font-size:14px;}
.recruit-wr .step{ margin:0 18px;}
.recruit-wr .step li{ position:relative; font-size:16px; color:#06954a; font-size:15px; border-bottom:#cad4d6 1px solid; line-height:1; padding:20px 0; font-weight:bold;}
.recruit-wr .step li i{ line-height:1; display:inline-block; margin:0 6px 0 0;}
.recruit-wr .step li:after{ content:""; position:absolute; bottom:-7px; left:50%; margin-left:-7px; width:15px; height:7px; display:block; background:url(../images/bg_arr.png) 50% 50% no-repeat; background-size:15px 7px; }
.recruit-wr .recruit-bt{ padding:15px 15px 0 15px;}
.recruit-wr .recruit-bt:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
.recruit-wr .recruit-bt .btn{ width:50%; float:left;}
.recruit-wr .tx03{ padding:0 18px;}
.recruit-wr .tx03 .item{ background-color:#fff344; line-height:40px; padding:0 0 0 12px; font-size:15px;}
.recruit-wr .tx03 .item+.item{ margin-top:4px;}
.recruit-wr .tx03 .item strong{ display:inline-block; width:40px; height:40px; font-weight:normal; color:#06954a; text-indent:-9999px; vertical-align:middle;}
.recruit-wr .tx03 .item.v1 strong{ background:url(../images/recruit_bg1.png) 50% 50% no-repeat; background-size:40px 40px;}
.recruit-wr .tx03 .item.v2 strong{ background:url(../images/recruit_bg2.png) 50% 50% no-repeat; background-size:40px 40px;}
.recruit-wr .tx03 .item.v3 strong{ background:url(../images/recruit_bg3.png) 50% 50% no-repeat; background-size:40px 40px;}
.recruit-wr .tx03 .item.v4 strong{ background:url(../images/recruit_bg4.png) 50% 50% no-repeat; background-size:40px 40px;}
.recruit-wr .tx03 .item.v5 strong{ background:url(../images/recruit_bg5.png) 50% 50% no-repeat; background-size:40px 40px;}
.recruit-wr .tx03 .item.v6 strong{ background:url(../images/recruit_bg6.png) 50% 50% no-repeat; background-size:40px 40px;}
.recruit-wr .tx03 .item.v7 strong{ background:url(../images/recruit_bg7.png) 50% 50% no-repeat; background-size:40px 40px;}

.list-wr{ border-top:#0f6347 2px solid;}
.list-wr .item{ border-bottom:#cad4d6 1px solid; padding:14px 15px;}
.list-wr .item .subject{ font-size:15px; color:#222; display:block;}
.list-wr .item .date{ display:block; color:#06954a;}
.list-wr .item .date2{ display:block; color:#666; margin-top:5px;}
.list-wr .item.no-txt{ font-size:15px; text-align:left;}

.jobinfo{ border-top:#0f6347 2px solid;}
.jobinfo dt{ position:relative; line-height:40px; border-bottom:#cad4d6 1px solid; padding:0 18px; font-size:15px; color:#222;}
.jobinfo dt:after{ content:"";  position:absolute;  top:50%; right:17px; width:20px; height:12px; position:absolute;  top:50%; right:17px; margin-top:-6px; display:block; background:url(../images/arr_down_lg.png) 0 50% no-repeat; background-size:20px 12px;}
.jobinfo dt.active{ background-color:#fafafa; border-bottom:none; }
.jobinfo dt.active:after{ background:url(../images/arr_up_lg.png) 0 50% no-repeat; background-size:auto 12px;}
.jobinfo dd{ padding:0 0 0 18px; background-color:#fafafa; border-bottom:#cad4d6 1px solid; }
.jobinfo dd .ul-list01{ padding:18px 18px 18px 0; border-top:#e6e7e8 1px solid;}
.jobinfo dd .ul-list01 li .t1{ position:relative; display:inline-block; padding:0 10px 0 0; margin-right:10px;}
.jobinfo dd .ul-list01 li .t2{ position:relative; display:inline-block; padding:0 10px 0 0; margin-right:10px; width:120px;}
.jobinfo dd .ul-list01 li .t1:after,
.jobinfo dd .ul-list01 li .t2:after{ content:""; position:absolute; top:50%; right:0; width:1px; height:10px; background-color:#d1d9db; display:block; margin-top:-5px; }

.partner-wr .step{ text-align:center;}
.partner-wr .step li{ position:relative; display:inline-block; vertical-align:top; width:100px; color:#06954a; white-space:nowrap; padding:60px 0 0 0; background-position:50% 0; background-repeat:no-repeat; background-size:60px 54px;}
.partner-wr .step li.s1{ background-image:url(../images/partner_icon01.png);}
.partner-wr .step li.s2{ background-image:url(../images/partner_icon02.png);}
.partner-wr .step li.s3{ background-image:url(../images/partner_icon03.png);}
.partner-wr .step li>i{ display:block; width:22px; height:22px; line-height:22px; background-color:#fff344; border-radius:50%; margin:0 auto 6px; display:block; font-size:11px;}
.partner-wr .step li:after{ content:""; position:absolute; top:26px; left:-4px; width:8px; height:14px; display:block; background:url(../images/arr_dot2.png) 50% 50% no-repeat; background-size:8px 14px;}
.partner-wr .step li.s1:after{ display:none;}
.partner-wr .tx02{ text-align:center; margin:50px 18px 0; background-color:#fafafa; padding:10px; border:#e6e7e8 1px solid;}
.partner-wr .partner-bt{ margin:10px 18px 0;}
.partner-wr .partner-area{ padding:0 18px; margin-top:25px;}
.partner-wr .partner-area:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
.partner-wr .partner-area li{ width:33.3%; float:left; text-align:center; padding:82px 0 0 0; background-size:75px 76px; background-repeat:no-repeat; background-position:50% 0;}
.partner-wr .partner-area li strong{ color:#222; font-weight:normal;}
.partner-wr .partner-area li.p1{ background-image:url(../images/partner_ico0201.png);}
.partner-wr .partner-area li.p2{ background-image:url(../images/partner_ico0202.png);}
.partner-wr .partner-area li.p3{ background-image:url(../images/partner_ico0203.png);}
.partner-wr .partner-area li.p4{ background-image:url(../images/partner_ico0204.png); margin-top:25px;}
.partner-wr .partner-area li.p5{ background-image:url(../images/partner_ico0205.png); margin-top:25px;}
.partner-wr .partner-area li.p6{ background-image:url(../images/partner_ico0206.png); margin-top:25px;}

.location-wr{ padding:0 0 50px 0;}
.location-wr .map{ height:200px; width:100%; background-color:#ddd;}
.location-wr .loc-list{ margin:0 18px;}
.location-wr .loc-list li+li{ margin-top:8px;}
.location-wr .loc-list li strong{ position:relative; display:inline-block; width:60px; color:#222; font-weight:normal; margin-right:10px;}
.location-wr .loc-list li strong:after{ content:""; position:absolute; top:50%; right:0; width:1px; height:10px; margin-top:-5px; background-color:#cad4d6; display:block;}
.location-wr .loc-list2{ margin:0 18px;}
.location-wr .loc-list2 li+li{ margin-top:8px;}
.location-wr .loc-list2 li strong{ display:block; color:#06954a;}

/************************************************
	news
************************************************/
.news-list{ border-top:#0f6347 2px solid;}
.news-list .item{ padding:25px 18px; border-bottom:#e6e7e8 1px solid;}
.news-list .item:last-child{ border-bottom:#cad4d6 1px solid;}
.news-list .item>a{ display:block;}
.news-list .item>a>span,
.news-list .item>span{ display:block;}
.news-list .item .thum{ position:relative; margin-bottom:14px;}
.news-list .item .thum>img{ display:block; width:100%;}
.news-list .item .thum [class^="blt-"],
.news-list .item .thum [class*="blt-"]{ position:absolute; top:0; left:0;}
.news-list .item .thum .sns{ position:absolute; bottom:-25px; right:13px; display:block; border:#fff 3px solid; border-radius:50%;}
.news-list .item .thum .sns img{ width:36px; }
.news-list .item .b-tx{ color:#06954a; margin-bottom:5px;}
.news-list .item .name{ color:#222; font-size:16px; }
.news-list .item .date{ color:#777; margin-top:8px;}
.news-list .item .txt{ color:#777; margin-top:8px;}
.news-list .item .link-bx{ margin-top:15px;}
.news-list .item .link-bx:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
.news-list .item .link-bx>a{ display:block; width:25%; float:left; text-align:center; line-height:36px; font-size:12px; text-align:center; border:#0f6347 1px solid; border-right:none; color:#0f6347;}
.news-list .item .link-bx>a:last-child{ border-right:#0f6347 1px solid; background-color:#def9f0;}
.news-list.cf .item .thum{ position:relative;}
.news-list.cf .item .b-tx{ text-align:center;}
.news-list.cf .item .name{ text-align:center; padding:0 15px;}
.news-list.event .item .date{ color:#06954a;}
.news-list.event .item.end .b-tx,
.news-list.event .item.end .name,
.news-list.event .item.end .txt,
.news-list.event .item.end .date{ color:#999 !important;}

.tbl-view{ border-top:#0f6347 2px solid;}
.tbl-view>.thum{ margin:0 0 20px 0;}
.tbl-view>.thum>img{ width:100%; display:block;}
.tbl-view .hd{ text-align:center; }
.tbl-view .hd .b-tx{ padding-top:30px; color:#06954a; margin-bottom:5px;}
.tbl-view .hd .name{ color:#222; font-size:16px; margin-bottom:8px; padding:30px 25px 0;}
.tbl-view .hd .day{ font-size:12px; display:block; margin-bottom:5px;}
.tbl-view .hd .day>strong{ color:#222; display:inline-block; margin-right:6px;}
.tbl-view .hd .date{ font-size:12px;}
.tbl-view .hd .date>span{ position:relative; display:inline-block; padding:0 10px 0 12px; color:#777;}
.tbl-view .hd .date>span>strong{ color:#222; display:inline-block; margin-right:6px;}
.tbl-view .hd .date>span+span:before{ content:""; width:1px; height:10px; background-color:#e6e7e8; display:block; position:absolute; top:50%; left:0; margin-top:-5px;}
.tbl-view .con{ margin-top:35px; padding:0 18px 40px;}
.tbl-view .con img{ width:100%;}

.viewBottomList{ border-top:#cad4d6 1px solid; border-bottom:#cad4d6 1px solid; }
.viewBottomList li{ position:relative; padding:0 26px 0 50px;}
.viewBottomList li.viewBottomPrev{border-bottom:#e6e7e8 1px solid;}
.viewBottomList li .title{ display:block; text-overflow:ellipsis; overflow:hidden; display:block; white-space:nowrap; height:45px; line-height:45px; }
.viewBottomList .orderPrev{ position:absolute; top:50%; left:17px; margin-top:-13px; display:block; text-indent:-9999px; background:url(../images/arr_up.png) 50% 50% no-repeat; background-size:9px 5px; border:#216e54 1px solid; border-radius:50%; width:25px; height:25px;}
.viewBottomList .orderNext{ position:absolute; top:50%; left:17px; margin-top:-13px; display:block; text-indent:-9999px; background:url(../images/arr_down.png) 50% 50% no-repeat; background-size:9px 5px; border:#216e54 1px solid; border-radius:50%; width:25px; height:25px;}

/************************************************
	customer
************************************************/
.qa-list{ border-top:#0f6347 2px solid;}
.qa-list .q{ position:relative; padding:15px 45px 15px 18px; border-bottom:#cad4d6 1px solid; color:#222; font-size:14px;}
.qa-list .q:after{ content:"";  position:absolute;  top:50%; right:17px; width:20px; height:12px; position:absolute;  top:50%; right:17px; margin-top:-6px; display:block; background:url(../images/arr_down_lg.png) 0 50% no-repeat; background-size:20px 12px;}
.qa-list .q strong{ display:block; color:#06954a; font-size:12px; font-weight:normal; margin-bottom:5px; padding:0 0 0 18px; background:url(../images/icon_q.png) 0 50% no-repeat; background-size:auto 12px;}
.qa-list .q.active{ background-color:#fafafa; border-bottom:none;}
.qa-list .q.active:after{ background:url(../images/arr_up_lg.png) 0 50% no-repeat; background-size:auto 12px;}
.qa-list .a{ position:relative; padding:0 0 0 18px; border-bottom:#cad4d6 1px solid; font-size:13px; background-color:#fafafa;}
.qa-list .a .inner{ padding:15px 45px 15px 20px; border-top:#e6e7e8 1px solid;}
.qa-list .a:before{ content:""; position:absolute; top:18px; left:18px; width:14px; height:13px; display:block; background:url(../images/icon_a.png) 0 50% no-repeat; background-size:auto 12px;}

.customer-brn{ margin:34px 18px 50px; border:#cfd0d2 1px solid;}
.customer-brn>li{ border-top:#e6e7e8 1px solid;}
.customer-brn>li:first-child{ border-top:none;}
.customer-brn>li>a{ position:relative; display:block; line-height:36px; padding:0 8px; color:#555;}
.customer-brn>li>a:after{ content:""; position:absolute; top:50%; right:5px; margin-top:-12px; width:24px; height:24px; border:#06954a 1px solid; border-radius:50%; background:url(../images/arr_right.png) 50% 50% no-repeat; background-size:11px 10px;}
.customer-brn>li.cs{ text-align:center; border-top:#cfd0d2 1px solid;}
.customer-brn>li.cs .tit{ position:relative; display:block; color:#0f6347; font-size:15px; padding:16px 0 15px; line-height:1;}
.customer-brn>li.cs .tit:after{ content:""; width:28px; height:2px; background-color:#0f6347; display:block; position:absolute; bottom:0; left:50%; margin-left:-14px;}
.customer-brn>li.cs .tel{ margin:10px 0 15px; font-size:16px; color:#222;}
.customer-brn>li.cs .tel:before{ content:""; width:16px; height:16px; display:inline-block; background:url(../images/icon_tel.png) 50% 50% no-repeat; background-size:16px 16px; vertical-align:middle; margin-right:5px;}
.customer-brn>li.cs .time{ border-top:#e6e7e8 1px solid; line-height:36px; font-size:12px;}

.as-guide{ padding:15px 0 0;}
.as-guide .cmt-tx{ margin:0 15px; background-color:#f5f5f5; font-size:12px; padding:15px; }
.as-step li{ position:relative; padding:10px 0; margin:0 17px; border-bottom:#cad4d6 1px solid;}
.as-step li:after{ content:""; position:absolute; bottom:-7px; left:50%; margin-left:-8px; width:15px; height:7px; display:block; background:url(../images/bg_arr.png) 50% 50% no-repeat; background-size:15px 7px; }
.as-step li:last-child:after{ display:none;}
.as-step li .bx{ padding:10px 0 0; font-size:14px; color:#06954a;}
.as-step li .bx>i{ display:inline-block; width:24px;}
.as-step li .txt{ padding:5px 0;}
.as-tbl{ border-top:#0f6347 2px solid;}
.as-tbl .rows{ padding:20px 18px;}
.as-tbl .rows+.rows{ border-top:#e6e7e8 1px solid;}
.as-tbl .rows .tit{ color:#06954a; font-weight:normal;}
.as-tbl .rows .con{ margin-top:8px;}
.as-tbl .rows .con strong{ display:block; margin-bottom:15px; color:#222; font-weight:normal; font-size:14px;}
.cmt-bx{ background-color:#e6e7e8; padding:15px 15px 50px 15px;}
.cmt-bx .inner{ background-color:#fff; padding:25px 15px 30px;}
.cmt-bx .cmt-dl dt{ font-size:14px; color:#06954a; font-weight:bold; margin:0 0 5px 0;}
.cmt-bx .cmt-dl+.cmt-dl{ margin-top:25px;}

.as-cost{ padding:15px 0 50px;}
.as-cost .cmt-tx{ margin:0 15px; background-color:#f5f5f5; font-size:12px; padding:15px; }
.as-cost .cmt-tx2{ margin:10px 18px 0;}
.as-cost h4{ text-align:center; color:#06954a; font-size:15px; margin:20px 0 10px;}
.as-cost .dl-inner{ padding:0 18px;}
.as-cost .dl-inner>dl{ display:table; width:100%; border-right:#e6e7e8 1px solid;}
.as-cost .dl-inner>dl:first-child{ border-top:#06954a 1px solid;}
.as-cost .dl-inner>dl dt{ display:table-cell; width:90px; background-color:#f5f5f5; vertical-align:middle; text-align:center; color:#222; border-bottom:#e6e7e8 1px solid; border-left:#e6e7e8 1px solid;}
.as-cost .dl-inner>dl dd{ display:table-cell; padding:15px 10px; border-bottom:#e6e7e8 1px solid; border-left:#e6e7e8 1px solid;}
.as-cost .dl-inner>dl dd>p+p{ margin-top:8px;}
.as-cost .dl-inner>dl dd>p.tx01>span{ position:relative; width:100px; display:inline-block; margin-right:10px; color:#222;}
.as-cost .dl-inner>dl dd>p.tx01>span:after{ content:""; background-color:#d2dadc; display:block; width:1px; height:8px; position:absolute; top:50%; right:0; margin-top:-4px;}
.as-cost .dl-inner>dl dd>p.tx02 strong{ color:#222; font-weight:normal;}

.ask-wr{ padding:15px 0 50px; border-top:#e8e9ea 1px solid;}
.ask-wr .num-list{ margin:0 18px; }
.div-chk{ text-align:left; margin:10px 18px 0;}
.div-chk:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
.div-chk .right{ float:right;}

.tbl-write{ border-top:#0f6347 2px solid; }
.tbl-write .rows-grp{ border-bottom:#cad4d6 1px solid; padding:0 13px 12px;}
.tbl-write .rows-grp.bg{ background-color:#f5f5f5;}
.tbl-write .rows{ padding:8px 0 0 0;}
.tbl-write .rows .con:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
.tbl-write .rows .con.gup-n2{ position:relative; padding:0 200px 0 0;}
.tbl-write .rows .con.gup-n2 .right{ display:block; position:absolute; width:200px; top:0; right:0; padding:0 0 0 20px;}
.tbl-write .rows .con.gup-n2 .right .txt{ position:absolute; top:0; left:0; line-height:34px; text-align:center; display:inline-block; width:20px;}
.tbl-write .rows .con.gup-n2 .right .input,
.tbl-write .rows .con.gup-n2 .right .select{ float:left; width:50%;} 
.tbl-write .rows .con .brdN{ border-left:none;}
.tbl-write .rows .con.gup-n3 .select{ width:34%; float:left;}
.tbl-write .rows .con.gup-n3 .input{ width:33%; float:left;}
.tbl-write .tit{ display:block; line-height:28px; color:#222;}
.tbl-write .btn-box{ padding:0 13px;}

.guide-wr{ padding:0 0 50px; border-top:#e8e9ea 1px solid;}
.store-bx .item{ padding:0 18px 25px; border-bottom:#e6e7e8 1px solid;}
.store-bx .item+.item{ margin-top:25px;}
.store-bx .item .thum{ display:block;}
.store-bx .item .thum img{ width:100%; display:block;}
.store-bx .item .name{ text-align:center; line-height:1; display:block; margin-top:10px; color:#222;}

.guide-wr h4{ text-align:center; color:#06954a; font-size:15px; margin:20px 0 10px;}
.guide-wr>dl{ padding:0 18px; border-bottom:#cad4d6 1px solid;}
.guide-wr>dl dt{ border-top:#06954a 1px solid; line-height:40px; text-align:center; color:#222; border-bottom:#cad4d6 1px solid;}
.guide-wr>dl dd{ padding:10px 10px 30px;}
.guide-wr>dl dd>p+p{ margin-top:8px;}
.guide-wr>dl dd>p.tx01>span{ position:relative; width:60px; display:inline-block; margin-right:10px; color:#222;}
.guide-wr>dl dd>p.tx01>span:after{ content:""; background-color:#d2dadc; display:block; width:1px; height:8px; position:absolute; top:50%; right:0; margin-top:-4px;}
.guide-wr>dl dd>p.tx02 strong{ color:#222; font-weight:normal;}

.guide-box{ margin:0 10px;}
.guide-box:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
.guide-box .item{ float:left; width:33.3%; text-align:center; margin:0 0 10px 0; padding:0 5px;}
.guide-box .item a{ display:block;}

/************************************************
	common
************************************************/
.magazine img{ display:block; }
.magazine .pro-bx li{ position:relative; }
.magazine .pro-bx .bt01{ position:absolute; width:150px; bottom:8%; left:50%; margin-left:-75px; }
.magazine .pro-bx .bt01 a+a{ margin-top:5px; display:block;}
.magazine .pro-bx .bt02{ position:absolute; width:150px; bottom:15%; left:50%; margin-left:-69px; }
.magazine .pro-bx .btnLink{ width:150px; height:40px; line-height:40px; text-align:center; display:block; color:#fff; font-size:14px; font-weight:600; color:#fff; border-radius:20px; }
.magazine .pro-bx .btnLink:after{ content:""; width:6px; height:9px; display:inline-block; background:url(../images/magazine/blt_arr.png) 50% 50% no-repeat; background-size:6px 9px; vertical-align:middle; margin:0 0 0 5px;}
.magazine.m201707 .pro-bx .btnLink{ background-color:#2b9a22;}
.magazine.m201708 .pro-bx .btnLink{ background-color:#4892ff;}
.magazine.m201709 .pro-bx .btnLink{ background-color:#e1691f;}
.magazine.m201710 .pro-bx .btnLink{ background-color:#632c92;}
.magazine.m201711 .pro-bx .btnLink{ background-color:#ea6869;}
.magazine.m201712 .pro-bx .btnLink{ background-color:#ec4343;}
.magazine.m201802 .pro-bx .btnLink{ background-color:#ee5e8c;}
.magazine-more{ background-color:#d7f4f2; padding:30px 0 0 0;}
.magazine-more h3.h3-tit{ margin:0 0 25px 0;}
.magazine-more .mpro-list{ padding:0 18px 40px;}
.magazine-more .mpro-list:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
.magazine-more .mpro-list .item{ float:left; margin:0 0 25px 0; width:50%;}
.magazine-more .mpro-list .item .thum{ display:block; width:118px; height:118px; margin:0 auto; }
.magazine-more .mpro-list .item .thum img{ display:block; width:118px; height:118px; border-radius:50%;}
.magazine-more .mpro-list .item .name{ display:block; padding:0 20px; margin-top:10px; text-align:center; color:#222;}
.magazine-more .mpro-list .item:nth-child(2n+1){ clear:both;}
@media (min-width:480px) {	
	.magazine-more .mpro-list .item{ float:left; margin:0 0 25px 0; width:33.3%;}	
	.magazine-more .mpro-list .item:nth-child(2n+1){ clear:none;}
	.magazine-more .mpro-list .item:nth-child(3n+1){ clear:both;}
}

.magazine .tit-bar{ position:relative; height:30px; background-color:#dd3939; line-height:30px; color:#fff; padding:0 14px;}
.magazine .tit-bar>a{ float:right; line-height:30px;}
.magazine .tit-bar>.dv-sel{ position:absolute; top:30px; left:0; width:100%; padding:14px; background-color:#e6e7e8; display:none;}

.sns-wr{ padding:0 0 50px; border-top:#e8e9ea 1px solid;}
.sns-lst{ margin:0 18px;}
.sns-lst .item{ padding:12px 0; background-color:#45ad1b; } 
.sns-lst .item.sns3{ background-color:#47589d; } 
.sns-lst .item.sns4{ background-color:#bf281d; } 
.sns-lst .item.sns5{ background:url(../images/bg_insta.png) 50% 0 no-repeat; background-size:100% 100%; } 
.sns-lst .item+.item{ margin-top:2px;}
.sns-lst .item a{ display:block; height:16px; line-height:16px; color:#fff; display:table; width:100%;}
.sns-lst .item strong{ width:90px; display:table-cell; text-align:center; font-size:14px; border-right:#fff 1px solid; }
.sns-lst .item span{ display:table-cell; padding-left:10px;}

.sns-cate{ text-align:center;}
.sns-cate button{ width:36px; height:36px; display:inline-block; text-indent:-9999px; background-size:36px 36px; background-repeat:no-repeat; background-position:50% 50%; margin:0 2px;}
.sns-cate button.sns1{ background-image:url(../images/sns_blog_dis.png);}
.sns-cate button.sns2{ background-image:url(../images/sns_facebook_dis.png);}
.sns-cate button.sns3{ background-image:url(../images/sns_cafe_dis.png);}
.sns-cate button.sns4{ background-image:url(../images/sns_youtube_dis.png);}
.sns-cate button.sns1.active{ background-image:url(../images/sns_blog.png);}
.sns-cate button.sns2.active{ background-image:url(../images/sns_facebook.png);}
.sns-cate button.sns3.active{ background-image:url(../images/sns_cafe.png);}
.sns-cate button.sns4.active{ background-image:url(../images/sns_youtube.png);}

.sns-list{ margin-top:10px; border-top:#0f6347 2px solid; }
.sns-list .item{ padding:25px 18px 25px; border-bottom:#e6e7e8 1px solid;}
.sns-list .item>span{ display:block;}
.sns-list .item .blt img{ height:18px; display:block;}
.sns-list .item .thum{ display:block; margin-top:10px;}
.sns-list .item .thum img{ display:block; width:100%;}
.sns-list .item .subject{ position:relative; margin-top:14px; padding:0 0 18px 38px; color:#90949c; font-size:12px;}
.sns-list .item .subject .ico{ position:absolute; top:0; left:0; width:30px; height:30px;}
.sns-list .item .subject strong{ font-size:14px; display:block; font-weight:normal;}
.sns-list .item.facebook .subject strong{ color:#3b5997;}
.sns-list .item.cafe .subject strong{ color:#0f6347;}
.sns-list .item.blog .subject strong{ color:#0f6347;}
.sns-list .item.youtube .subject strong{ color:#c2191e;}
.sns-list .item.instagram .subject strong{ color:#0f6347;}

.terms-wr{ padding:20px 15px 50px; border-top:#e8e9ea 1px solid;}
.terms-wr .terms-tx{ padding:15px; background-color:#f5f5f5;}
.terms-wr .h3-tit{ margin-top:50px;}
.terms-wr dl{ margin:0 5px; font-size:12px;}
.terms-wr dt{ margin:20px 0 10px; color:#222; font-weight:bold;}
.terms-wr dd ul{ margin-top:8px; }

.pop-email .mail-tx+.btn-box{ margin-top:50px;}
.pop-email .mail-tx+.btn-box .btn{ width:148px;}

/************************************************
	brand
************************************************/
.brandm-wr{ padding:0 0 50px 0;}
.brandm-wr .hd-tx{ text-align:center; padding:20px 0;}
.brandm-wr .hd-tx strong{ display:block; font-size:20px; color:#222; margin:0 0 5px 0;}
.brandm-wr .brand-lst{ margin:25px 14px 0; text-align:center;}
.brandm-wr .brand-lst a{ display:inline-block; vertical-align:top; margin:0 10px 20px; width:115px; }
.brandm-wr .brand-lst a span{ display:block; text-align:center; font-size:14px; color:#222; margin-top:4px;}

.brand-wr{}
.brand-mov{ position:relative; margin:88px 0 0 0;}
.brand-mov .b-mov{ width:100%; margin:0;}
.brand-mov .b-mov .name{ font-size:16px; display:block; margin-top:10px; color:#333; text-align:center;}
.brand-mov .s-mov{ position:relative; margin:25px 0 80px; padding:0 10px;}
.brand-mov .s-mov .item{ display:block; text-align:center; width:108px;}
.brand-mov .s-mov .item>img{ width:100%; height:68px;}
.brand-mov .s-mov .item span{ color:#333; margin-top:5px; text-overflow:ellipsis; overflow:hidden; display:block; white-space:nowrap; }

.brand-sns{ overflow:hidden;}
.brand-sns>a{ display:block; float:left;}
.brand-sns.n2>a,
.brand-sns.n4>a{ width:50%;}
.brand-sns>a img{ display:block;}

/************************************************
	product
************************************************/
.product-wr{ border-top:#e8e9ea 1px solid;}
.product-wr .sel-grp{ background:#f6f6f6; padding:15px; border-bottom:#0f6347 2px solid;}
.product-wr .sel-grp .selectBox{ display:block; width:100%;}
.product-wr .sel-grp .selectBox+.selectBox{ margin-top:-1px;}
.product-wr .search-bx{ margin-top:10px;}
.product-wr .search-bx .input{ display:block; width:100%; }
.product-wr .search-bx .bt-sch{ margin-top:15px; background-color:#0f6347; line-height:40px; display:block; color:#fff; text-align:center;}

.pro-list{ margin:0 15px; padding:15px 0;}
.pro-list .inner{ margin:0 0 0 -3%;}
.pro-list .inner:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
.pro-list .inner .item{ width:47%; margin:0 0 5% 3%; float:left;}
.pro-list .inner .item a>span{ display:block;}
.pro-list .inner .item .thum{ border:#e9e9e9 1px solid;}
.pro-list .inner .item .thum img{ display:block;}
.pro-list .inner .item .name{ color:#333; font-size:1em; font-weight:bold; text-align:center; padding:10px 0;}
.pro-list .inner .item .years{ text-align:center; }
.pro-list .inner .item.no-txt{ width:100%; float:none; margin:0; line-height:200px;}
.pro-list .inner .item.no-txt center{ line-height:200px; display:block; text-align:center;}

.pro-big{ padding:0 15px 35px;}
.pro-big .pro-slide{ margin:0 35px; border:#e9e9eb 1px solid;}
.pro-big .pro-slide .item img{ display:block;}
.pro-big .tbx{ text-align:center;}
.pro-big .tbx h3{ font-size:12px; padding:20px 0;}
.pro-big .tbx .bt-buy{ background-color:#0f6347; color:#fff; text-align:center; line-height:40px; display:block;}
.pro-detail{ padding:0 15px;}


/* div-tab */
.div-tab{ margin:0 0 .5rem 0;}
.div-tab ul{ display:table; width:100%; table-layout:fixed; }
.div-tab ul > li{ display:table-cell; width:50%; vertical-align:middle;}
.div-tab ul > li a{ border-left:#e6e7e8 1px solid; border-top:#e6e7e8 1px solid; border-bottom:#e6e7e8 1px solid; display:block; text-align:center; line-height:40px; height:40px; white-space:nowrap; background-color:#f6f6f6;}
.div-tab ul > li:first-child a{ border-left:none;}
.div-tab ul > li.active a{ background-color:#fff; border-bottom:#fff 1px solid; color:#222;}


/* kid-case */
.kid-case{ margin:0;}
.kid-case .step1{ background-color:#fcdee0; padding:0 0 30px;}
.kid-case .step1 .hd{ margin-bottom:35px;}
.kid-case .step1 .hd img{ display:block; }
.kid-case h3{ padding:0 0 10px; text-align:center;}
.kid-case h3 img{ height:32px;}
.kid-case .tx01{ text-align:center;}
.kid-case .tx01 img{ height:22px;}
.kid-case h3 img,
.kid-case .tx01 img{ display:inline;}
.age-tab{ margin:10px 0 0 0; padding:0 4.5vw;}
.age-tab:after{content:'';display:block;clear:both;height:0px;visibility:hidden;}
.age-tab ul{ margin-left:-2%; overflow:hidden;}
.age-tab li{ float:left; width:23%; margin-left:2%; margin-bottom:2%;}
.age-tab li a{ height:22vw; display:block; text-indent:-9999px; background-size:100% 100%;}
.age-tab li.age1 a{ background-image:url('../images/case_tab1.png');}
.age-tab li.age2 a{ background-image:url('../images/case_tab2.png');}
.age-tab li.age3 a{ background-image:url('../images/case_tab3.png');}
.age-tab li.age4 a{ background-image:url('../images/case_tab4.png');}
.age-tab li.age5 a{ background-image:url('../images/case_tab5.png');}
.age-tab li.age6 a{ background-image:url('../images/case_tab6.png');}
.age-tab li.age7 a{ background-image:url('../images/case_tab7.png');}
.age-tab li.age8 a{ background-image:url('../images/case_tab8.png');}
.age-tab li.age1.active a{ background-image:url('../images/case_tab1_on.png');}
.age-tab li.age2.active a{ background-image:url('../images/case_tab2_on.png');}
.age-tab li.age3.active a{ background-image:url('../images/case_tab3_on.png');}
.age-tab li.age4.active a{ background-image:url('../images/case_tab4_on.png');}
.age-tab li.age5.active a{ background-image:url('../images/case_tab5_on.png');}
.age-tab li.age6.active a{ background-image:url('../images/case_tab6_on.png');}
.age-tab li.age7.active a{ background-image:url('../images/case_tab7_on.png');}
.age-tab li.age8.active a{ background-image:url('../images/case_tab8_on.png');}
.kid-case .next{ background-color:#de5b87; padding:12px 0; text-align:center;}
.kid-case .next.sp2{ background-color:#f4b006; }
.kid-case .next.sp3{ background-color:#3b6eaf; }
.kid-case .next a{ display:inline-block; background-color:#fff; border-radius:25px; padding:0 20px; border:#e6e7e8 1px solid; height:25px; line-height:24px; font-size:11px; color:#222;}
.kid-case .next a::after{ content:""; display:inline-block;width:10px; height:8px; background:url('../images/ic_arr.png') 50% 50% no-repeat; background-size:100% auto; vertical-align:middle; margin:0 0 0 15px;}
.kid-case .next.sp3 a::after{ content:""; display:inline-block;width:10px; height:10px; background:url('../images/ic_reload.png') 50% 50% no-repeat; background-size:100% auto;  vertical-align:middle; margin:0 0 0 15px;}

.kid-case .step2{ position:relative; background-color:#ffffdb; padding:35px 0;}
.kid-case .step2::before{ content:""; position:absolute; top:0; left:0; background:url('../images/case_bg2.png') 50% 0 repeat-x; background-size:16px 7px; height:7px; width:100%; }
.step-lst{ margin:10px 0 0 0; padding:0 4.5vw;}
.step-lst:after{content:'';display:block;clear:both;height:0px;visibility:hidden;}
.step-lst .item{ position:relative; width:100%; height:66px; display:table; background-color:#fff; border:#e6e7e8 1px solid; border-radius:18px; margin:0 0 8px 0;}
.step-lst .item > span{ position:relative; display:table-cell; padding:0 20px 0 70px; vertical-align:middle;}
.step-lst .item i{ position:absolute; top:12px; left:12px; width:40px; height:40px; display:block;}
.step-lst .item.active{ background-color:#f4b006; border-color:#d89c05; color:#fff;}

.kid-case .step3{ position:relative; background-color:#e9f6fe; padding:35px 0;}
.kid-case .step3::before{ content:""; position:absolute; top:0; left:0; background:url('../images/case_bg3.png') 50% 0 repeat-x; background-size:16px 7px; height:7px; width:100%; }
.kid-case .step3 ul{ border-radius:18px; margin:10px 4.5vw 0; width:auto; background-color:#fff; padding:20px 10px;}
.kid-case .step3 ul li{ height:40px; position:relative; padding:0 45px 0 110px; }
.kid-case .step3 ul li + li{ margin-top:14px;}
.kid-case .step3 ul li .tit{ height:40px; position:absolute; top:0; left:0; display:block; width:110px; padding:0 0 0 45px; line-height:40px; font-size:12px; color:#222; background-position:0 50%; background-repeat:no-repeat; background-size:40px 40px;}
.kid-case .step3 ul li.item1 .tit{ background-image:url('../images/setp3_ic1.png');}
.kid-case .step3 ul li.item2 .tit{ background-image:url('../images/setp3_ic2.png');}
.kid-case .step3 ul li.item3 .tit{ background-image:url('../images/setp3_ic3.png');}
.kid-case .step3 ul li em{ position:absolute; top:0; right:0; border-radius:40px; width:40px; height:40px; display:block; color:#fff; font-size:12px; font-weight:600; text-align:center; line-height:40px;}
.kid-case .step3 ul li.item1 em{ background-color:#ed1c24;}
.kid-case .step3 ul li.item2 em{ background-color:#00ac4f;}
.kid-case .step3 ul li.item3 em{ background-color:#0089d0;}
.kid-case .step3 ul li .score{ padding:5px 0;}
.kid-case .step3 ul li .score:after{content:'';display:block;clear:both;height:0px;visibility:hidden;}
.kid-case .step3 ul li .score i{ float:left; display:block; width:3%; height:30px; border-radius:2px; background-color:#e6e7e8; }
.kid-case .step3 ul li .score i + i{ margin-left:2%;}
.kid-case .step3 ul li.item1 .score i.active{ background-color:#ed1c24;}
.kid-case .step3 ul li.item2 .score i.active{ background-color:#00ac4f;}
.kid-case .step3 ul li.item3 .score i.active{ background-color:#0089d0;}

.case-result{padding:35px 4.5vw; background-color:#ffde00;}
.case-result h3{ margin:0;}
.case-result .case-rlst{ margin:0;}
.case-result .case-rlst h4{ margin:0;}
.case-result ul:after{content:'';display:block;clear:both;height:0px;visibility:hidden;}
.case-result ul li{ float:left; width:48%; margin:0 0 4% 0;}
.case-result ul li:nth-child(2n){ margin-left:4%;}
.case-result ul li:nth-child(2n+1){ clear:both;}
.case-result ul li a{ position:relative; display:block; min-height:210px; background:#fff; border-radius:8px; padding:10px 10px 0; border:#e6e7e8 2px solid; overflow:hidden;}
.case-result ul li a i{ position:absolute; width:20px; height:20px; top:10px; left:10px; }
.case-result ul li a .thum{ display:block; text-align:center;}
.case-result ul li a .thum img{ display:inline;}
.case-result ul li a .tbx{ display:block; text-align:center; font-size:10px; color:#222; padding:0;}
.case-result ul li a .tbx strong{ display:block; font-size:13px;}
.case-result ul li a:hover{ border-color:#00aeef;}


/** CS팝업창 **/

#pop{position:absolute; top:50%; left:50%; margin-top: -150px; margin-left:-200px; text-align:center; z-index: 999}
#close{width:20px; top: 15px; right:15px; position: absolute;  cursor:pointer; font-weight:bold; z-index: 10; color: #000;}
.pop_inBox {overflow-y: scroll; height: 600px}
.pop_inBox img {width: 100%}


/** 메인팝업창 **/
.mobile_pop {position: absolute;  left:50%; top: 50%; margin:-190px 0 0 -170px;   z-index: 50; border: 0px; width:340px;}
.mobile_pop img {width:100%}



/* 실바니안 히스토리관 */
.sylva_history_door img {vertical-align: top}
.gallery-history {background: url('../images/shistory/bg_pt.jpg'); background-size:200px; overflow-x: hidden}
.gallery-history .title_image{
	width: 220px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	padding-top: 60px;
}

.chapter_content .part_boxed{
	position: relative;
}
.chapter_content .part_boxed img {vertical-align: top}
.chapter_content {background: url('../images/shistory/bg_visual.jpg') no-repeat center top; background-size: 100% auto;}	
.chapter_content .part_boxed .title_image2{margin: 20px 0 30px;}
.chapter_content .part_boxed .card_container{position: relative;}	
.chapter_content .part_boxed .card_container .card{
	position: relative;
	margin-top: 10px;
	text-align: center;
}


.chapter_content .ab_1{
	position: absolute;
	top: 13px;
	right:-118px;
	overflow-x: hidden;
}

.chapter_content .ab_2{
	position: absolute;
    top: -98px;
    left: -147px;
    overflow-x: hidden;
}

.chapter_content .ab_3{
    position: absolute;
    right: -77px;
    top: 99px;
    overflow-x: hidden;
}

.chapter_content .ab_4{
    position: absolute;
    top: -75px;
    left: -288px;
    overflow-x: hidden;
}

.chapter_content .ab_5{
	position: absolute;
    bottom: 0;
    right: -172px;
    overflow-x: hidden;
}


.photo_sylva {
	background: url('../images/shistory/group.jpg') no-repeat center center;
    background-size: cover;
	height: 200px;
}

.frame_outer:after{
	display: block; clear: both; content: "";	
}
.frame_boxed{padding: 30px 20px; text-align: center}
.frame_boxed:after {display: block; clear: both; content: ""}
.frame_boxed li{
	list-style: none;
}

.frame_boxed .frame_02{
}

.frame_boxed .frame_03{
}

.frame_boxed .frame_04{
}

.frame_boxed .frame_05{
}
/*------------------------------------------------------------- */

.gallery-history .s_img{ width:100%;}
.gallery-history .paper{
    padding:50px 20px;
    margin: 0 auto;
    background: white;
    position: relative;
    z-index: 1;
}
.gallery-history .paper .history_title {padding: 0 30px}
.gallery-history .paper .paper_inner{}

.gallery-history .paper:before{
	content: '';
    display: block;
    width: 1px;
    position: absolute;
    left: 20px;
    top: 143px;
    bottom: 50px;
    background: #DB002A;
}


/*----------------*/

.year_title{
	position: relative;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;	
    padding-left: 20px;
    margin-left: -16px;
    margin-bottom: 20px;
    color: #000;
}
.year_title:before{
	content: '';
    display: block;
    width: 12px;
    height: 12px;
    background: #DB002A;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.year_title:after{
	content: '';
    display: inline-block;
    width: 12px;
    height: 1px;
    margin-bottom: 4px;
    vertical-align: middle;
    margin-left: 10px;
    background: #000000;
}


.historyBox {padding: 20px 0 0 10px}
.historyBox:after {display: block; clear: both; content: ""} 
.historyBox li {
    float: left;
    display: block;
    width: 50%;
    margin-bottom:20px;
}

.historyBox .ff{
    position: relative;
    padding: 0 3%;
    text-align: center;
}

.historyBox span{
	display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 22px;
    font-size: 12px;
    border-radius: 37px;
    background: #fff;
    position: absolute;
    bottom: -8px;
    left: 10px;
    z-index: 2;
    font-weight: 500;
    padding-top: 2px;
    color: #000;
    font-weight: bold;
}




/** 브랜드 **/
.hrap_broadcast {margin-top: 20px; position: relative; padding-bottom: 56%; height: 0;}
.hrap_broadcast iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.hrap_time {width: 80vw; margin:20px auto}
.brand-con01 .thum .img_box {width: 50vw; margin: auto}
.main_copy {margin: 20px 0 30px}
.brand-wr .txt {margin: 0 20px; text-align: center; word-break: keep-all; font-size: 15px; line-height: 1.6em}
.brand-wr .txt .color {font-size: 18px; color: #0089cf;}
.brand-wr.hrap .brand-con02 {background-color: #dcfdff; margin: 40px 0 -50px 0; padding: 60px 0 40px 0}
.brand-wr .tx01.color {font-size: 18px; color: #0089cf; text-align: center; font-size: 18px; line-height: 1.6em}
.brand-wr.hrap .thum {text-align: center; margin-bottom: 20px}
.brand-wr.hrap .item {margin-bottom: 40px}