@charset "utf-8";

/************************************************
	toytron
************************************************/

.promise-wr{ position:relative;}
.promise-wr:before{ content:""; position:absolute; top:275px; left:-180px; background:url(../images/bg_cy.png) 50% 50% no-repeat; width:570px; height:604px; display:block; z-index:-1;}
.promise-wr .tx01{ background:url(../images/promise_img01.png) 50% 0 no-repeat; height:470px; padding:55px 0 0 0; text-align:center; font-size:20px; color:#3c7187; line-height:1;}
.promise-wr .tx01 strong{ font-size:42px; display:block; line-height:1; font-weight:normal; color:#fff; margin:0 0 20px 0;}
.promise-wr .tx01 strong span{ display:block; line-height:1.1;}
.promise-wr .tx01 strong em{ color:#fff344; line-height:1;}
.promise-wr .tx02{ width:860px; margin:45px auto 0;}
.promise-wr .tx02 strong{ font-size:70px; color:#06954a; display:block; line-height:1; margin:0 0 20px 0;}
.promise-wr .tx02 .mov{ margin:50px 0 0 0;}
.promise-wr .tx03{ margin:60px 0 0 0; background:url('../images/promise_img02_2021.jpg') 100% 110px no-repeat; padding:0 200px 0 120px; min-height:570px; line-height:1.5em; font-size:14px; }
.promise-wr .tx03 *{ line-height:1;}
.promise-wr .tx03 strong{ display:block; font-size:32px; line-height:1.5em; font-weight:normal; }
.promise-wr .tx03 em{ display:block; font-size:20px; color:#222; line-height:1.5em; }

.intro-wr .tx01{ background:url(../images/intro_img01.jpg) 50% 0 no-repeat; padding:60px 0 0 0; text-align:center; color:#fff; font-size:20px;}
.intro-wr .tx01>strong{ color:#fff; font-size:52px; font-weight:normal; line-height:1; display:block; margin:0 0 20px 0;}
.intro-wr .tx01>strong em{ color:#fff344; line-height:1;}
.intro-wr .tx01>span{ display:block; margin:0 0 300px 0;}
.intro-wr .tx01>div{ text-align:center; font-size:16px; color:#222;}
.intro-wr .tx01>div .txt1{ font-size:20px; color:#222;}
.intro-wr .tx01>div strong{ margin:15px 0 40px; display:block; text-align:center; font-size:42px; font-weight:normal;}
.intro-wr .tx02{ background:url(../images/intro_img02.jpg) 50% 0 no-repeat; padding:80px 0 0 0; text-align:center; }
.intro-wr .tx02>strong{ color:#fff; font-size:32px; font-weight:normal; display:block; margin:0 0 30px 0;}
.intro-wr .tx02>span{ color:#fff; font-size:20px; font-weight:normal; display:block; margin:0;}
.intro-wr .tx02>div{ margin-top:105px; font-size:16px; text-align:center; }
.intro-wr .tx03{ text-align:center; margin-top:30px;}
.intro-wr .tx03 .item{ width:230px; height:230px; display:inline-block; background-color:#fff344; border-radius:50%; text-align:center; margin-left:56px; padding:60px 0 0 0; font-size:24px; color:#222;}
.intro-wr .tx03 .item strong{ display:block; color:#06954a; font-weight:normal; font-size:28px;}
.intro-wr .tx03 .item.v1,
.intro-wr .tx03 .item.v5{ margin-left:0;}
.intro-wr .tx04{ margin:20px 0 0 0; text-align:center;}
.intro-wr .tbl-intro{ 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 .tbl-intro th{ background-color:#06954a; color:#fff; padding:15px 0 15px 30px; font-size:16px; border-bottom:#34a76b 1px solid; text-align:left; font-weight:normal;}
.intro-wr .tbl-intro td{ padding:15px 0 15px 30px; font-size:14px; border-bottom:#ededed 1px solid;}
.intro-wr .tbl-intro tr:last-child th,
.intro-wr .tbl-intro tr:last-child td{ border-bottom:#0f6347 2px solid;}
.intro-wr .intro-history{ padding:0 120px;}
.intro-wr .intro-history dl{ position:relative; padding:0 0 0 288px;}
.intro-wr .intro-history dl+dl{ margin-top:50px;}
.intro-wr .intro-history dl dt{ position:absolute; top:0; left:0; width:300px; color:#06954a; font-size:42px; padding-left:42px; letter-spacing:-0.1em; line-height:1;}
.intro-wr .intro-history dl dd{ font-size:14px; color:#444;}
.intro-wr .intro-history dl dd strong{ color:#222; font-size:20px; display:inline-block; width:92px;}
.intro-bg:before{ content:""; position:absolute; bottom:100px; left:0; background:url(../images/intro_bg1.gif) 50% 0 no-repeat; width:100%; height:687px; display:block; z-index:-1;}
.n2-wr:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
.n2-wr>.rows{ float:right; width:48%; margin-left:4%;}
.n2-wr>.rows:first-child{ float:left; margin:0;}

.history-bg:before{ content:""; position:absolute; top:0; left:0; background:url(../images/history_bg.gif) 50% 0 no-repeat; width:100%; height:1247px; display:block; z-index:-1;}
.history-wr .tx01{ font-size:18px; text-align:center;}
.history-wr .tx01 strong{ display:block; font-size:32px; color:#222; font-weight:normal; line-height:1; margin:0 0 10px 0;}
.history-wr h3{ position:relative; color:#06954a; font-size:80px; margin:70px 0 40px; font-weight:normal; line-height:1; padding:25px 0 0 0; }
.history-wr h3:before{ content:""; position:absolute; top:0; left:0; width:30px; height:2px; background-color:#b6dac6; display:block;}
.history-wr ul.history-lst:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
.history-wr ul.history-lst li{ position:relative;  width:260px; height:260px; background-color:#f5f7f4; float:left; margin:0 0 20px 20px; text-align:center; border-radius:50%; padding:35px 0 0 0;}
.history-wr ul.history-lst li:nth-child(4n+1){ margin-left:0;}
.history-wr ul.history-lst li strong{ position:relative; display:block; font-size:18px; color:#222; font-weight:normal; line-height:1; padding:0 0 25px 0; margin:0 0 15px 0;}
.history-wr ul.history-lst li strong:after{ content:""; position:absolute; width:30px; height:2px; bottom:0; left:50%; margin:0 0 0 -15px; display:block; background:#06954a;}
.history-wr ul.history-lst li span{ display:block; text-align:center; padding:0;}
.history-wr ul.history-lst li .bt-brand{ position:absolute; bottom:34px; left:50%; margin-left:-15px; display:block; width:30px; height:30px; border-radius:50%; text-indent:-9999px; background:#06954a url(../images/icon_plus.png) 50% 50% no-repeat; }
/*.history-wr ul.history-lst li.h0104{ background-image:url(../images/history_bg0104.png);}
.history-wr ul.history-lst li.h0202{ background-image:url(../images/history_bg0202.png);}
.history-wr ul.history-lst li.h0203{ background-image:url(../images/history_bg0203.png);}
.history-wr ul.history-lst li.h0302{ background-image:url(../images/history_bg0302.png);}
.history-wr ul.history-lst li.h0303{ background-image:url(../images/history_bg0303.png);}
.history-wr ul.history-lst li.h0304{ background-image:url(../images/history_bg0304.png);}*/

.recruit-wr .tx01{ height:300px; background:url(../images/recruit_img1.jpg) 50% 0 no-repeat; padding:48px 0 0 48px;}
.recruit-wr .tx01 strong{ display:block; line-height:1; font-size:52px; color:#222; font-weight:normal;}
.recruit-wr .tx01 strong+strong{ font-size:36px; margin-top:10px;}
.recruit-wr .tx01 strong em{ line-height:1; color:#06954a; }
.recruit-wr .tx01 span{ display:block; line-height:1; font-size:20px; color:#222; margin-top:25px;}
.recruit-wr .tx01 span em{ line-height:1; color:#06954a; }
.recruit-wr>h3{ margin:70px 0 40px; line-height:1; }
.recruit-wr .step:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
.recruit-wr .step li{ position:relative; float:left; width:200px; height:200px; margin:0 25px 0 0; text-align:center; font-weight:bold; border:#06954a 12px solid; border-radius:50%; padding:60px 0 0 0; font-size:20px; color:#06954a;}
.recruit-wr .step li:after{ content:""; position:absolute; top:50%; right:-26px; display:block; margin-top:-15px; width:18px; height:30px; background:url(../images/blt_as.png) 100% 50% no-repeat;}
.recruit-wr .step li i{ font-size:28px; display:block; line-height:1; font-weight:normal;}
.recruit-wr .step li span{ font-size:16px; display:block; line-height:1; font-weight:normal; }
.recruit-wr .step li:last-child{ margin:0;}
.recruit-wr .step li:last-child:after{ display:none;}
.recruit-wr .tx03{ text-align:center; margin-top:30px;}
.recruit-wr .tx03 .item{ width:230px; height:230px; display:inline-block; background-color:#fff344; border-radius:50%; text-align:center; margin-left:56px; padding:100px 0 0 0; font-size:24px; color:#222;}
.recruit-wr .tx03 .item strong{ display:none; color:#06954a; font-weight:normal; font-size:28px;}
.recruit-wr .tx03 .item.v1,
.recruit-wr .tx03 .item.v5{ margin-left:0;}
.recruit-wr .tx03 .item.v1{ background:url(../images/recruit_bg1.png) 50% 50% no-repeat;}
.recruit-wr .tx03 .item.v2{ background:url(../images/recruit_bg2.png) 50% 50% no-repeat;}
.recruit-wr .tx03 .item.v3{ background:url(../images/recruit_bg3.png) 50% 50% no-repeat;}
.recruit-wr .tx03 .item.v4{ background:url(../images/recruit_bg4.png) 50% 50% no-repeat;}
.recruit-wr .tx03 .item.v5{ background:url(../images/recruit_bg5.png) 50% 50% no-repeat;}
.recruit-wr .tx03 .item.v6{ background:url(../images/recruit_bg6.png) 50% 50% no-repeat;}
.recruit-wr .tx03 .item.v7{ background:url(../images/recruit_bg7.png) 50% 50% no-repeat;}

.jobinfo{ border-top:#e9e9e9 1px solid; border-left:#e9e9e9 1px solid;}
.jobinfo:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
.jobinfo dl{ border-right:#e9e9e9 1px solid; border-bottom:#e9e9e9 1px solid; padding:30px 0 0 30px; height:244px; float:left; width:25%;}
.jobinfo dl:nth-child(5),
.jobinfo dl:nth-child(6){ width:50%;}
.jobinfo dt{ color:#06954a; font-size:20px; margin-bottom:15px; font-weight:bold;}
.jobinfo .t1{ display:inline-block; width:180px; margin-left:11px;}
.jobinfo dl.j1{ background:url(../images/recruit_icon1.png) 100% 100% no-repeat;}
.jobinfo dl.j2{ background:url(../images/recruit_icon2.png) 100% 100% no-repeat;}
.jobinfo dl.j3{ background:url(../images/recruit_icon3.png) 100% 100% no-repeat;}
.jobinfo dl.j4{ background:url(../images/recruit_icon4.png) 100% 100% no-repeat;}
.jobinfo dl.j5{ background:url(../images/recruit_icon5.png) 100% 100% no-repeat;}
.jobinfo dl.j6{ background:url(../images/recruit_icon6.png) 100% 100% no-repeat;}

.list-wr{ border-top:#0f6347 3px solid;}
.list-wr .item{ position:relative;  padding:30px 220px 30px 30px; border-bottom:#e6e7e8 1px solid;}
.list-wr .item .subject{ display:block; width:100%; font-size:21px; color:#222;}
.list-wr .item .date{ position:absolute; width:220px; top:50%; right:0; margin-top:-10px; display:block; font-size:14px; color:#222; text-align:center;}
.list-wr .item .date2{ display:block; color:#27a261;}
.list-wr .item.no-txt{ text-align:center; font-size:16px; color:#666; padding:45px 0;}

.recruit-bt{ text-align:right; margin-top:20px;}
.recruit-bt .btn+.btn{ margin-left:-4px;}

.partner-wr .tx01{ height:300px; background:url(../images/partner_img1.jpg) 50% 0 no-repeat; padding:70px 0 0 48px;}
.partner-wr .tx01 strong{ display:block; line-height:1; font-size:42px; color:#222; text-transform:uppercase; font-weight:normal;}
.partner-wr .tx01 strong em{ line-height:1; color:#06954a; }
.partner-wr .tx01 strong span{ display:block; line-height:1;}
.partner-wr .tx01>span{ display:block; line-height:1; font-size:22px; color:#06954a; margin-top:35px;}
.partner-wr>h3{ margin:70px 0 40px; line-height:1; }
.partner-wr .step{ text-align:center;}
.partner-wr .step li{ display:inline-block; position:relative; width:200px; height:200px; margin:0 25px; text-align:center; font-weight:bold; border:#06954a 12px solid; border-radius:50%; padding:120px 0 0 0; font-size:18px; color:#06954a; background-repeat:no-repeat; background-position:50% 30px;}
.partner-wr .step li i{ position:absolute; bottom:-12px; left:-32px; width:50px; height:50px; line-height:50px; text-align:center; background:#fff344; display:block; font-size:22px; border-radius:50%;}
.partner-wr .step li:after{ content:""; position:absolute; top:50%; right:-26px; display:block; margin-top:-15px; width:18px; height:30px; background:url(../images/blt_as.png) 100% 50% no-repeat;}
.partner-wr .step li:last-child:after{ display:none;}
.partner-wr .step li.s1{ background-image:url(../images/partner_ico1.jpg);}
.partner-wr .step li.s2{ background-image:url(../images/partner_ico2.jpg);}
.partner-wr .step li.s3{ background-image:url(../images/partner_ico3.jpg);}
.partner-wr .tx02{ text-align:center; border:#e9e9e9 1px solid; padding:50px 0; font-size:16px; margin:40px 0 0 0;}
.partner-wr .partner-bt{ margin:20px 0 0 0; text-align:right;}
.partner-wr .partner-area{ margin:45px 0 0 0;}
.partner-wr .partner-area:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
.partner-wr .partner-area li{ float:left; width:170px; padding:195px 0 0 0; text-align:center; background-repeat:no-repeat; background-position:50% 0; font-size:14px; margin-left:16px;}
.partner-wr .partner-area li strong{ display:block; text-align:center; font-size:18px; color:#222; line-height:1; font-weight:normal; margin:0 0 20px 0;}
.partner-wr .partner-area li.p1{ background-image:url(../images/partner_ico0201.png); margin-left:0;}
.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);}
.partner-wr .partner-area li.p5{ background-image:url(../images/partner_ico0205.png);}
.partner-wr .partner-area li.p6{ background-image:url(../images/partner_ico0206.png);}

.loc-list li{ position:relative; padding:0 0 0 120px;}
.loc-list li+li{ margin-top:10px;}
.loc-list li strong{ position:absolute; top:0; left:0; font-weight:normal; color:#222;}

.map{ height:420px; width:100%;}

/************************************************
	customer
************************************************/

.faq-step{ border:#e9e9e9 1px solid; padding:45px 0 34px; text-align:center; }
.faq-step>p{ position:relative; text-align:center; font-size:32px; color:#222; line-height:1; padding:0 0 30px 0; margin:0 0 25px 0;}
.faq-step>p:after{ content:""; position:absolute; bottom:0; left:50%; margin-left:-15px; display:block; background-color:#b6dac6; width:30px; height:2px;}
.faq-step ol li{ display:inline-block; font-size:16px; line-height:38px; padding:0 0 0 60px; background:url(../images/arr_prev.png) 24px 50% no-repeat;}
.faq-step ol li:first-child{ padding-left:0; background:none;}
.faq-step ol li i{ display:inline-block; font-size:20px; color:#06954a; margin:0 10px 0 0; font-weight:bold; vertical-align:middle;}

.faq-wrap{ border-top:#0f6347 2px solid; border-bottom:#b7b7b7 1px solid;}
.faq-wrap dt{ position:relative; padding:28px 90px 28px 120px; border-top:#b7b7b7 1px solid; font-size:20px; color:#222;}
.faq-wrap dt:first-child{ border-top:none;}
.faq-wrap dt:before{ content:""; position:absolute; top:50%; left:45px; margin-top:-21px; width:32px; height:42px; background:url(../images/icon_q.png) 50% 50% no-repeat; display:block; }
.faq-wrap dt:after{ content:""; position:absolute; top:50%; right:24px; margin-top:-9px; display:block; background:url(../images/arr_down.png) 50% 50% no-repeat; width:29px; height:17px;}
.faq-wrap dt.active:after{ background:url(../images/arr_up.png) 50% 50% no-repeat; }
.faq-wrap dt a{ color:#222; display:block; font-weight:normal;}
.faq-wrap dt a strong{ color:#06954a; font-weight:normal;}
.faq-wrap dd{ position:relative; padding:20px 90px 20px 120px; border-top:#ededed 1px solid;}
.faq-wrap dd:before{ content:""; position:absolute; top:50%; left:45px; margin-top:-21px; width:32px; height:42px; background:url(../images/icon_a.png) 50% 50% no-repeat; display:block; }
.faq-wrap dd .mov{ margin-bottom:20px;}

.customer-brn{ margin:80px 0 0 0;}
.customer-brn:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
.customer-brn li{ float:left; width:25%;}
.customer-brn li>a{ display:block; height:164px; border:#e9e9e9 1px solid; border-right:none; padding:38px 28px 0; font-size:24px; color:#06954a;}
.customer-brn li>a:after{ content:""; width:38px; height:38px; border:#06954a 3px solid; border-radius:50%; display:block; margin-top:15px; background:url(../images/arr_green.png) 50% 50% no-repeat;}
.customer-brn li:first-child>a{ background:url(../images/faq_icon01.png) 100% 100% no-repeat;}
.customer-brn li:nth-child(2)>a{ background:url(../images/faq_icon02.png) 100% 100% no-repeat;}
.customer-brn li:nth-child(3)>a{ background:url(../images/faq_icon03.png) 100% 100% no-repeat;}
.customer-brn li.green>a{ border:none; background-color:#06954a; padding:38px 0 0; color:#fff;}
.customer-brn li.green>a:after{ display:none;}
.customer-brn li.green>a strong{ position:relative; display:block; line-height:1; font-weight:normal; text-align:center; padding:0 0 22px 0; } 
.customer-brn li.green>a strong:after{ position:absolute; content:""; width:30px; height:2px; background-color:#fff; display:block; bottom:0; left:50%; margin-left:-15px;}
.customer-brn li.green>a span{ border:#fff 2px solid; border-radius:19px; margin:20px auto 0; display:block; width:162px; height:38px; text-align:center; line-height:34px; font-size:14px;}
.customer-brn li.green>a span:after{ content:""; width:16px; height:14px; background:url(../images/arr_white.png) 50% 50% no-repeat; display:inline-block; vertical-align:middle; margin:0 0 0 12px;}

.customer-gud{ margin:20px 0 0 0;}
.customer-gud:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
.customer-gud li{ position:relative; width:50%; float:right; background-color:#f4f1f7; padding:35px 32px 0; height:165px;}
.customer-gud li:first-child{ float:left; background-color:#faf9fa;}
.customer-gud li .tit{ font-size:24px; display:block; font-weight:normal; color:#222; margin:0 0 30px 0; line-height:1;}
.customer-gud li .bt-go{ position:absolute; top:94px; right:37px; width:208px; height:38px; line-height:34px; border:#189c57 2px solid; border-radius:19px; display:block; text-align:center; font-size:14px; color:#06954a;}
.customer-gud li .bt-go:after{ content:""; width:16px; height:14px; background:url(../images/arr_green.png) 50% 50% no-repeat; display:inline-block; vertical-align:middle; margin-left:10px;}
.customer-gud li p>span{ display:inline-block; color:#222; width:90px;}
.customer-gud li p+p{ margin-top:5px;}

.as-step{ margin:30px 0 0 0;}
.as-step:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
.as-step li{ width:166px; float:left; margin-right:20px;}
.as-step li:last-child{ margin-right:0;}
.as-step li .bx{ position:relative; width:166px; height:166px; border:#06954a 12px solid; border-radius:50%; text-align:center; padding:50px 0 0 0; color:#06954a; font-size:16px; margin:0 0 14px 0;}
.as-step li .bx:after{ content:""; position:absolute; top:50%; right:-22px; display:block; margin-top:-12px; width:14px; height:24px; background:url(../images/blt_as.png) 100% 50% no-repeat;}
.as-step li:last-child .bx:after{ display:none;}
.as-step li .bx>i{ display:block; font-size:24px; line-height:1; }
.as-step li .txt{ padding:0 0 0 15px; font-size:13px; color:#666; letter-spacing:-0.05em;}

.as-tbl{ border-top:#0f6347 3px solid;}
.as-tbl .rows{ display:table; width:100%; border-bottom:#e6e7e8 1px solid;}
.as-tbl .rows .tit{ display:table-cell; width:220px; vertical-align:top; font-size:14px; color:#222; padding:30px;}
.as-tbl .rows .con{ display:table-cell; vertical-align:top; font-size:16px; color:#666; padding:30px 0;}
.as-tbl .rows .con strong{ font-size:21px; color:#222; display:block; margin:0 0 15px 0; line-height:1; font-weight:normal;}

.cmt-bx{ background-color:#f7f7f7; padding:40px 30px;}
.cmt-bx .tit{ position:relative; color:#222; font-size:24px; margin:0 0 20px 0; padding:0 0 20px 0; font-weight:normal;}
.cmt-bx .tit:after{ content:""; position:absolute; bottom:0; left:0; display:block; width:30px; height:3px; background-color:#cecece;}
.cmt-bx .cmt-dl dt{ font-size:14px; color:#06954a; font-weight:normal; margin:0 0 15px 0;}
.cmt-bx .cmt-dl dd{ font-size:14px;}
.cmt-bx .cmt-dl+.cmt-dl{ margin-top:25px;}

.scrollBox{ border:#e9e9e9 1px solid; padding:30px; height:220px; overflow-y:auto;}
.scrollBox .tit{ font-size:16px; text-align:center; color:#222; margin:0; font-weight:normal; display:block;}
.scrollBox dl dt{ color:#222; font-size:14px; margin:20px 0 10px; font-weight:bold;}

.div-chk{ margin:30px 0 0 0; text-align:center;}

.store-bx:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
.store-bx .item{ float:right; width:540px;}
.store-bx .item:first-child{ float:left;}
.store-bx .item .thum{ margin:0 0 25px 0; display:block;}
.store-bx .item .thum img{ height:254px; display:block;}
.store-bx .item .name{ display:block; text-align:center; line-height:1; font-size:16px; color:#222;}

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

/************************************************
	news
************************************************/
.news-list{ border-top:#0f6347 3px solid;}
.news-list .item{ padding:30px 0;}
.news-list .item:hover{ background-color:#f8f8f8;}
.news-list .item+.item{ border-top:#e6e7e8 1px solid;}
.news-list .item>a{ display:table; width:100%;}
.news-list .item>a>span,
.news-list .item>span{ display:table-cell; vertical-align:top;}
.news-list .item .thum{ width:358px;}
.news-list .item .thum img{ width:320px; height:200px;}
.news-list .item .con-tx{ padding:20px 0 0 20px;}
.news-list .item .con-tx>span,
.news-list .item .con-tx>strong{ display:block;}
.news-list .item .con-tx>.name{ font-size:21px; color:#222; font-weight:normal; line-height:1.4em; margin:0 0 15px 0;}
.news-list .item .con-tx>.name>em{ color:#06954a; vertical-align:middle;}
.news-list .item .con-tx>.name>em img{ vertical-align:middle;}
.news-list .item:hover .con-tx>.name,
.news-list .item:hover .con-tx>.name>em{ text-decoration:underline;}
.news-list .item .con-tx>.name .sch{ font-weight:bold; color:#222; text-decoration:underline;}
.news-list .item .con-tx>.date{ color:#777; margin-top:15px;}
.news-list .item .con-tx>.date2{ color:#46a56c; font-size:18px; margin-top:15px;}
.news-list.event .item{ position:relative; display:table; width:100%;}
.news-list.event .item .con-tx{ padding:10px 160px 0 0;}
.news-list.event .item .bt-event{ position:absolute; top:50%; right:0; margin-top:-60px; background-color:#0f6347; display:block; color:#fff; width:120px; height:120px; border-radius:50%; padding-top:50px; text-align:center; font-size:16px;}
.news-list.event .item.end .bt-event,
.news-list.event .item .bt-event.end{ background-color:#949c9f; padding-top:50px;}
.news-list.event .item.end .date2{ color:#666;}

/**/
.news-list.new:after {display: block; clear: both; content: ""}
.news-list.new .item{ padding:30px 0; width: 50%; float: left; height: 260px;}
.news-list.new .item+.item {border: 0}


.news-list.new .item.full {width: 100%; height:auto; border-bottom: 1px solid #ddd}
.news-list.new .item.full .thum {width: 400px}
.news-list.new .item.full .con-tx {padding: 20px 0 0 50px}
.news-list.new .item.full .con-tx .txt {font-size: 18px}
.news-list.new .item.full .con-tx>.name {font-size: 30px} 

.news-list.new .item:hover{ background-color:#f8f8f8;}
.news-list.new .item+.item{}
.news-list.new .item>a{ display:table; width:100%; }
.news-list.new .item>a>span,
.news-list.new .item>span{ display:table-cell; vertical-align:top;}
.news-list.new .item .thum{ width:200px; padding: 20px 0}
.news-list.new .item .thum img{ width:100%; height: auto}
.news-list.new .item .con-tx{ padding:20px 30px 0 30px;}
.news-list.new .item .con-tx .txt {line-height: 1.6em}

/**/


.tbl-view{ border-top:#0f6347 3px solid;}
.tbl-view .hd{ border-bottom:#e6e7e8 1px solid; display:block; width:100%; padding:30px; }
.tbl-view .hd .subject{ display:block; font-size:21px; color:#222; font-weight:normal; vertical-align:middle; text-align:center;}
.tbl-view .hd .subject>strong{ color:#06954a; font-weight:normal;}
.tbl-view .hd .right{ display:block; width:100%; vertical-align:middle; text-align:center; margin-top:10px;}
.tbl-view .hd .right>span{ position:relative; padding:0 20px; display:inline-block;}
.tbl-view .hd .right>span+span:before{ content:""; position:absolute; top:50%; left:0; margin-top:-7px; width:1px; height:13px; display:block; background-color:#e6e7e8;  }
.tbl-view .hd .right strong{ font-weight:normal; color:#444; display:inline-block; margin-right:10px;}
.tbl-view .hd .right>span.file{ display:block; margin-top:10px;}
.tbl-view .hd .right>span.file a{ display:inline-block; line-height:18px; padding:0 0 0 25px; background:url(../images/icon_down_bx.png) 0 50% no-repeat;}
.tbl-view .con-tx{ padding:30px 0 50px; border-bottom:#e6e7e8 1px solid;}
.tbl-view .cf-view{ text-align:center; font-size:16px;}
.tbl-view .cf-view .mov{ width:714px; margin:0 auto 30px;}

.thum-list{ position:relative; border-top:#0f6347 3px solid; margin-bottom:-1px; overflow:hidden;}
.thum-list:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
.thum-list .item{ width:287px; margin:0; float:left; padding:30px 0 30px 49px; border-top:#e6e7e8 1px solid;}
.thum-list .item:first-child,
.thum-list .item:nth-child(2),
.thum-list .item:nth-child(3),
.thum-list .item:nth-child(4){ border-top:none;}
.thum-list .item:nth-child(4n+1){ width:238px; margin:0; padding-left:0;}
.thum-list .item .thum{ position:relative; display:block; width:238px; height:133px;}
.thum-list .item .thum img{ width:238px; height:133px;}
.thum-list .item .thum [class^="blt-"],
.thum-list .item .thum [class*="blt-"]{ position:absolute; top:0; left:0;}
.thum-list .item .con-tx{ display:block; padding:18px 0 0 0;}
.thum-list .item .con-tx .name{ display:block; text-align:center; font-size:16px; font-weight:normal; line-height:1; color:#06954a; text-overflow:ellipsis; overflow:hidden; display:block; white-space:nowrap; margin:0 0 5px 0; }
.thum-list .item:hover .con-tx .name{ text-decoration:underline;}
.thum-list .item .con-tx .txt{ display:block; text-align:center; font-size:16px; font-weight:normal; line-height:1; color:#222; text-overflow:ellipsis; overflow:hidden; display:block; white-space:nowrap; }
.thum-list .item:hover .con-tx .txt{ text-decoration:underline;}
.thum-list.cf .item .thum:after{ content:""; position:absolute; top:50%; left:50%; margin:-30px 0 0 -30px; width:60px; height:60px; background:url(../images/bt_play.png) 50% 50% no-repeat; display:block; }
.thum-list.wallpaper .wallname{ display:block; text-align:center; color:#222; font-size:16px; margin:0 0 15px 0; line-height:1;}
.thum-list.wallpaper .wallname em{ color:#06954a;}
.thum-list.wallpaper .wallsize{ width:100%; display:block; margin-top:10px;}
.thum-list.wallpaper .wallsize:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
.thum-list.wallpaper .wallsize>a{ display:block; float:left; border:#0f6347 2px solid; border-left:none; width:25%; height:26px; line-height:26px; font-size:12px; color:#0f6347; text-align:center;}
.thum-list.wallpaper .wallsize>a:first-child{ border:#0f6347 2px solid;}
.thum-list.wallpaper .wallsize>a:hover{ text-decoration:underline;}
.thum-list.wallpaper .wallsize>a:last-child{ background-color:#def9f0;}
.thum-list.wallpaper+.cmt-tx{ position:relative; margin-top:-1px; background-color:#fff; border-top:#e6e7e8 1px solid; padding-top:25px;}
.thum-list.down{ padding:0 0 50px 0;}
.thum-list.down .con-tx .name{ position:relative; text-align:left; color:#222;  height:19px;}
.thum-list.down .con-tx .name:after{ content:""; width:22px; height:19px; display:block; background:url(../images/icon_down_sm.png) 50% 50% no-repeat; position:absolute; top:0; right:0;}

.cmt-tx{ margin:0; padding-left:10px; text-indent:-10px;}
.cmt-tx i{ color:#06954a;}


.txtBox{ border:#e9e9e9 1px solid; height:360px;}


/************************************************
	sns
************************************************/

#container.sns-bg{ background:url(../images/bg_sns.png) 50% 0 no-repeat;}

.sns-lst:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
.sns-lst .item{ position:relative; float:left; margin:0 0 0 20px; width:200px; height:200px; text-align:center; border-radius:50%; color:#fff; font-size:14px; cursor:pointer;}
.sns-lst .item strong{ position:relative; display:block; padding:56px 0 28px; line-height:1; color:#fff; font-size:18px; font-weight:normal; margin:0 0 20px 0;}
.sns-lst .item strong:after{ content:""; width:30px; height:2px; display:block; background-color:#fff; position:absolute; bottom:0; left:50%; margin-left:-15px;}
.sns-lst .item>a{ position:absolute; top:0; left:0; display:block; width:200px; height:200px; border-radius:50%; padding:135px 0 0 0; text-align:center; color:#fff; display:none;}
.sns-lst .item>a:before{ content:""; position:absolute; top:50%; left:50%; margin:-15px 0 0 -15px; width:30px; height:30px; background:url(../images/icon_plus1.png) 50% 50% no-repeat; display:block;}
.sns-lst .item:hover>a{ display:block;}
.sns-lst .item.sns1{ background-color:#4dc11e;}
.sns-lst .item.sns1>a{ background-color:rgba(15,99,71,0.8);}
.sns-lst .item.sns2{ background-color:#4dc11e;}
.sns-lst .item.sns2>a{ background-color:rgba(15,99,71,0.8);}
.sns-lst .item.sns3{ background-color:#4f62af;}
.sns-lst .item.sns3>a{ background-color:rgba(39,52,103,0.8);}
.sns-lst .item.sns4{ background-color:#db4439;}
.sns-lst .item.sns4>a{ background-color:rgba(114,38,33,0.8);}
.sns-lst .item.sns5{ background:url(../images/bg_sns5.png) 50% 50% no-repeat;}
.sns-lst .item.sns5>a{ background-color:rgba(108,26,73,0.8);}

.sns-cate{ position:relative; float:right; margin:-100px 0 0 0;}
.sns-cate:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
.sns-cate>button{ float:left; width:43px; height:43px; background-image:url(../images/icon_sns.png); background-repeat:no-repeat; margin:0 0 0 6px; text-indent:-9999px; display:block; cursor:pointer;} 
.sns-cate>.sns0{ background-position:0 0;}
.sns-cate>.sns1{ background-position:-49px 0;}
.sns-cate>.sns2{ background-position:-97px 0;}
.sns-cate>.sns3{ background-position:-145px 0;}
.sns-cate>.sns4{ background-position:-194px 0;}
.sns-cate>.sns5{ background-position:-242px 0;}
.sns-cate>.sns0:hover,
.sns-cate>.sns0.active{ background-position:0 -50px;}
.sns-cate>.sns1:hover,
.sns-cate>.sns1.active{ background-position:-49px -50px;}
.sns-cate>.sns2:hover,
.sns-cate>.sns2.active{ background-position:-97px -50px;}
.sns-cate>.sns3:hover,
.sns-cate>.sns3.active{ background-position:-145px -50px;}
.sns-cate>.sns4:hover,
.sns-cate>.sns4.active{ background-position:-194px -50px;}
.sns-cate>.sns5:hover,
.sns-cate>.sns5.active{ background-position:-242px -50px;}

.sns-list{ clear:both; margin:0 0 10px 0;}
.sns-list:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
.sns-list .item{ width:270px; height:370px; float:left; border:#d7efde 1px solid; border-radius:8px; padding:15px 14px 0 15px; margin:0 0 20px 6px;}
.sns-list .item:nth-child(4n+1){ margin-left:0;}
.sns-list .item>span,
.sns-list .item a>span{ display:block;}
.sns-list .item .blt{ display:block; margin:0 0 6px 0;}
.sns-list .item .blt img{ display:block;}
.sns-list .item .thum,
.sns-list .item .thum img{ width:240px; height:150px; display:block;}
.sns-list .item .subject{ position:relative; margin-top:16px; padding:0 0 18px 50px; color:#90949c; font-size:12px;}
.sns-list .item .subject .ico{ position:absolute; top:0; left:0;}
.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;}

#container.magazine-bg{ background:url(../images/magazine.jpg) 50% 0 no-repeat; min-height:4648px;}

#content.magazine-wr{ width:100% !important; padding:0 !important;}
.magazine-wr .tit img{ margin:0 auto; display:block;}
.magazine-wr .bar{ background-color:#dd3939; height:70px;}
.magazine-wr .bar .inner{ position:relative; width:1100px; margin:0 auto; color:#fff; font-size:20px; line-height:70px;}
.magazine-wr .bar .date-sel{ position:absolute; top:50%; right:0; margin-top:-22px; width:250px; height:44px; font-size:16px; }
.magazine-wr .bar .date-sel>a{ display:block; background:#fff url(../images/blt_search.png) 100% 50% no-repeat; height:44px; line-height:44px; color:#666; border:#ebebec 1px solid; padding:0 30px 0 18px;}
.magazine-wr .bar .date-sel>ul{ position:absolute; top:44px; left:0; width:100%; background:#fff; border:#ebebec 1px solid; display:none; }
.magazine-wr .bar .date-sel:hover>ul{ display:block;}
.magazine-wr .bar .date-sel>ul>li>a{ display:block; line-height:30px; color:#666; padding:0 18px; }
.magazine-wr .bar .date-sel>ul>li>a:hover{ text-decoration:underline;}
.magazine-wr .con-hd{ height:970px; background:url(../images/magazine_bg.jpg) 50% 0 no-repeat; padding:55px 0 0 0; text-align:center;}
.magazine-wr .con-g{ line-height:1.2;}
.magazine-wr .con-g *{ line-height:1.2;}
.magazine-wr .con-g .inner{ width:1100px; display:table; margin:0 auto;}
.magazine-wr .con-g .inner>div{ display:table-cell; vertical-align:top; text-align:center;}
.magazine-wr .con-g .name{ font-size:16px; color:#222; }
.magazine-wr .con-g .name strong{ display:block; font-size:36px; margin-top:10px;}
.magazine-wr .con-g .tx{ font-size:18px; color:#666; margin-top:20px;}
.magazine-wr .con-g .tx strong{ display:block; font-size:20px; margin-bottom:10px; color:#dd3939;}
.magazine-wr .con-g.g1{ height:470px; padding-top:55px; background:url(../images/magazine_g1_bg.jpg) 50% 0 no-repeat;}
.magazine-wr .con-g.g2{ height:500px; padding-top:85px; background:url(../images/magazine_g2_bg.jpg) 50% 0 no-repeat;}
.magazine-wr .con-g.g3{ height:501px; padding-top:55px; background:url(../images/magazine_g3_bg.jpg) 50% 0 no-repeat;}
.magazine-wr .con-g.g4{ height:620px; padding-top:60px; background:url(../images/magazine_g4_bg.jpg) 50% 0 no-repeat;}
.magazine-wr .con-g.g1 .goods{ padding-right:60px;}
.magazine-wr .con-g.g3 .goods{ padding-right:60px; padding-top:50px;}
.magazine-wr .con-g.g2 .goods{ padding-left:60px;}
.magazine-wr .con-g.g4 .goods{ padding-left:60px; padding-top:50px;}
.magazine-wr .more-pro{ background-color:#d7f4f2; padding:80px 0 150px;}
.magazine-wr .more-pro h3{ text-align:center; font-size:50px; color:#222;}
.magazine-wr .more-pro .mpro-list{ margin:45px auto 0; width:1100px;}
.magazine-wr .more-pro .mpro-list:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
.magazine-wr .more-pro .mpro-list .item{ float:left; width:260px; margin:0 0 50px 20px;}
.magazine-wr .more-pro .mpro-list .item:nth-child(4n+1){ clear:both; margin-left:0;}
.magazine-wr .more-pro .mpro-list .item a{ display:block;}
.magazine-wr .more-pro .mpro-list .item span{ display:block; text-align:center;}
.magazine-wr .more-pro .mpro-list .item .name{ font-size:16px; color:#222; margin-top:10px;}

.terms-wr{ background-color:#f7f7f7; padding:50px 30px 40px; margin-top:60px;}
.terms-wr h3.h3-tit{ margin-top:0;}
.terms-wr h3.h3-tit:after{ background-color#cecece;}
.terms-wr dl dt{ color:#222; font-size:14px; margin:20px 0 10px; font-weight:bold;}


/***************  magazine 201701 ***************/

#container.magazine-bg-201701{ background:url(../images/magazine/201701/magazine.jpg) 50% 0 no-repeat; min-height:4648px;}

#content.magazine-wr-201701{ width:100% !important; padding:0 !important;}
.magazine-wr .tit img{ margin:0 auto; display:block;}
.magazine-wr .bar{ background-color:#dd3939; height:70px;}
.magazine-wr .bar .inner{ position:relative; width:1100px; margin:0 auto; color:#fff; font-size:20px; line-height:70px;}
.magazine-wr .bar .date-sel{ position:absolute; top:50%; right:0; margin-top:-22px; width:250px; height:44px; font-size:16px; }
.magazine-wr .bar .date-sel>a{ display:block; background:#fff url(../images/blt_search.png) 100% 50% no-repeat; height:44px; line-height:44px; color:#666; border:#ebebec 1px solid; padding:0 30px 0 18px;}
.magazine-wr .bar .date-sel>ul{ position:absolute; top:44px; left:0; width:100%; background:#fff; border:#ebebec 1px solid; display:none; }
.magazine-wr .bar .date-sel:hover>ul{ display:block;}
.magazine-wr .bar .date-sel>ul>li>a{ display:block; line-height:30px; color:#666; padding:0 18px; }
.magazine-wr .bar .date-sel>ul>li>a:hover{ text-decoration:underline;}
.magazine-wr .con-hd{ height:970px; background:url(../images/magazine_bg.jpg) 50% 0 no-repeat; padding:55px 0 0 0; text-align:center;}
.magazine-wr .con-g{ line-height:1.2;}
.magazine-wr .con-g *{ line-height:1.2;}
.magazine-wr .con-g .inner{ width:1100px; display:table; margin:0 auto;}
.magazine-wr .con-g .inner>div{ display:table-cell; vertical-align:top; text-align:center;}
.magazine-wr .con-g .name{ font-size:16px; color:#222; }
.magazine-wr .con-g .name strong{ display:block; font-size:36px; margin-top:10px;}
.magazine-wr .con-g .tx{ font-size:18px; color:#666; margin-top:20px;}
.magazine-wr .con-g .tx strong{ display:block; font-size:20px; margin-bottom:10px; color:#dd3939;}
.magazine-wr .con-g.g1{ height:470px; padding-top:55px; background:url(../images/magazine_g1_bg.jpg) 50% 0 no-repeat;}
.magazine-wr .con-g.g2{ height:500px; padding-top:85px; background:url(../images/magazine_g2_bg.jpg) 50% 0 no-repeat;}
.magazine-wr .con-g.g3{ height:501px; padding-top:55px; background:url(../images/magazine_g3_bg.jpg) 50% 0 no-repeat;}
.magazine-wr .con-g.g4{ height:620px; padding-top:60px; background:url(../images/magazine_g4_bg.jpg) 50% 0 no-repeat;}
.magazine-wr .con-g.g1 .goods{ padding-right:60px;}
.magazine-wr .con-g.g3 .goods{ padding-right:60px; padding-top:50px;}
.magazine-wr .con-g.g2 .goods{ padding-left:60px;}
.magazine-wr .con-g.g4 .goods{ padding-left:60px; padding-top:50px;}
.magazine-wr .more-pro{ background-color:#d7f4f2; padding:80px 0 150px;}
.magazine-wr .more-pro h3{ text-align:center; font-size:50px; color:#222;}
.magazine-wr .more-pro .mpro-list{ margin:45px auto 0; width:1100px;}
.magazine-wr .more-pro .mpro-list:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
.magazine-wr .more-pro .mpro-list .item{ float:left; width:260px; margin:0 0 50px 20px;}
.magazine-wr .more-pro .mpro-list .item:nth-child(4n+1){ clear:both; margin-left:0;}
.magazine-wr .more-pro .mpro-list .item a{ display:block;}
.magazine-wr .more-pro .mpro-list .item span{ display:block; text-align:center;}
.magazine-wr .more-pro .mpro-list .item .name{ font-size:16px; color:#222; margin-top:10px;}

.terms-wr{ background-color:#f7f7f7; padding:50px 30px 40px; margin-top:60px;}
.terms-wr h3.h3-tit{ margin-top:0;}
.terms-wr h3.h3-tit:after{ background-color#cecece;}
.terms-wr dl dt{ color:#222; font-size:14px; margin:20px 0 10px; font-weight:bold;}

.magazine-wr.magazine201701 .bar{ background-color:#9961d8; height:70px;}
.magazine-wr.magazine201701 .con-hd{ height:1001px; background:url(../images/magazine/201701/magazine_bg.jpg) 50% 0 no-repeat; padding:55px 0 0 0; text-align:center;}
.magazine-wr.magazine201701 .con-g.g1{ height:440px; padding-top:55px; background:url(../images/magazine/201701/magazine_g1_bg.jpg) 50% 100% no-repeat;}
.magazine-wr.magazine201701 .con-g.g2{ height:500px; padding-top:85px; background:url(../images/magazine/201701/magazine_g2_bg.jpg) 50% 0 no-repeat;}
.magazine-wr.magazine201701 .con-g.g3{ height:501px; padding-top:55px; background:url(../images/magazine/201701/magazine_g3_bg.jpg) 50% 0 no-repeat;}
.magazine-wr.magazine201701 .con-g.g4{ height:620px; padding-top:60px; background:url(../images/magazine/201701/magazine_g4_bg.jpg) 50% 0 no-repeat;}
.magazine-wr.magazine201701 .con-g .tx strong{ color:#9961d8;}
.magazine-wr.magazine201701 .more-pro{ background-color:#f1e9fa;}

body.mg201702{ background-color:#fcf4eb;}
.magazine-wr.magazine201702 .tit{ height:134px; background:url(../images/magazine/201702/magazine_tit.jpg) 50% 0 no-repeat; }
.magazine-wr.magazine201702 .bar{ background:url(../images/magazine/201702/magazine_bar.jpg) 50% 0 no-repeat;  height:70px;}
.magazine-wr.magazine201702 .con-hd{ height:971px; background:url(../images/magazine/201702/magazine_bg.jpg) 50% 0 no-repeat; padding:0; text-align:center;}
.magazine-wr.magazine201702 .con-g.g1{ height:470px; padding-top:35px; background:url(../images/magazine/201702/magazine_g1_bg.jpg) 50% 100% no-repeat;}
.magazine-wr.magazine201702 .con-g.g2{ height:500px; padding-top:65px; background:url(../images/magazine/201702/magazine_g2_bg.jpg) 50% 0 no-repeat;}
.magazine-wr.magazine201702 .con-g.g3{ height:501px; padding-top:55px; background:url(../images/magazine/201702/magazine_g3_bg.jpg) 50% 0 no-repeat;}
.magazine-wr.magazine201702 .con-g.g3 .goods{ padding-right:60px; padding-top:0;}
.magazine-wr.magazine201702 .con-g.g4{ height:620px; padding-top:60px; background:url(../images/magazine/201702/magazine_g4_bg.jpg) 50% 0 no-repeat;}
.magazine-wr.magazine201702 .con-g .tx strong{ color:#ee676c;}
.magazine-wr.magazine201702 .more-pro{ background-color:#f9eeee;}

.magazine-wr.magazine201703 .tit{ height:134px; background:url(../images/magazine/201703/magazine_tit.jpg) 50% 0 no-repeat; }
.magazine-wr.magazine201703 .bar{ background:url(../images/magazine/201703/magazine_bar.jpg) 50% 0 no-repeat;  height:70px;}
.magazine-wr.magazine201703 .con-hd{ height:1002px; background:url(../images/magazine/201703/magazine_bg.jpg) 50% 0 no-repeat; padding:0; text-align:center;}
.magazine-wr.magazine201703 .con-g.g1{ height:442px; padding-top:35px; background:url(../images/magazine/201703/magazine_g1_bg.jpg) 50% 100% no-repeat;}
.magazine-wr.magazine201703 .con-g.g2{ height:500px; padding-top:65px; background:url(../images/magazine/201703/magazine_g2_bg.jpg) 50% 0 no-repeat;}
.magazine-wr.magazine201703 .con-g.g3{ height:501px; padding-top:120px; background:url(../images/magazine/201703/magazine_g3_bg.jpg) 50% 0 no-repeat;}
.magazine-wr.magazine201703 .con-g.g3 .goods{ padding-right:60px; padding-top:0;}
.magazine-wr.magazine201703 .con-g.g4{ height:618px; padding-top:40px; background:url(../images/magazine/201703/magazine_g4_bg.jpg) 50% 0 no-repeat;}
.magazine-wr.magazine201703 .con-g.g4 .thum{ vertical-align:middle;}
.magazine-wr.magazine201703 .con-g .tx strong{ color:#549b0d;}
.magazine-wr.magazine201703 .more-pro{ background-color:#d5eaf9;}

.magazine-wr.magazine201704 .tit{ height:134px; background:url(../images/magazine/201704/magazine_tit.jpg) 50% 0 no-repeat; }
.magazine-wr.magazine201704 .bar{ background:#0f6347 url(../images/magazine/201704/magazine_bar.jpg) 50% 0 no-repeat;  height:70px;}
.magazine-wr.magazine201704 .con-hd{ height:1002px; background:url(../images/magazine/201704/magazine_bg.jpg) 50% 0 no-repeat; padding:0; text-align:center;}
.magazine-wr.magazine201704 .con-g.g1{ height:442px; padding-top:35px; background:url(../images/magazine/201704/magazine_g1_bg.jpg) 50% 100% no-repeat;}
.magazine-wr.magazine201704 .con-g.g2{ height:500px; padding-top:65px; background:url(../images/magazine/201704/magazine_g2_bg.jpg) 50% 0 no-repeat;}
.magazine-wr.magazine201704 .con-g.g3{ height:501px; padding-top:120px; background:url(../images/magazine/201704/magazine_g3_bg.jpg) 50% 0 no-repeat;}
.magazine-wr.magazine201704 .con-g.g3 .goods{ padding-right:60px; padding-top:0;}
.magazine-wr.magazine201704 .con-g.g4{ height:500px; padding-top:40px; background:url(../images/magazine/201704/magazine_g4_bg.jpg) 50% 0 no-repeat;}
.magazine-wr.magazine201704 .con-g.g4 .thum{ vertical-align:middle;}
.magazine-wr.magazine201704 .con-g.g5{ height:611px; padding-top:120px; background:url(../images/magazine/201704/magazine_g5_bg.jpg) 50% 0 no-repeat;}
.magazine-wr.magazine201704 .con-g.g5 .goods{ padding-right:60px; padding-top:0;}
.magazine-wr.magazine201704 .con-g .tx strong{ color:#549b0d;}
.magazine-wr.magazine201704 .more-pro{ background-color:#d5eaf9;}

.magazine-wr.magazine201705 .tit{ height:134px; background:url(../images/magazine/201705/magazine_tit.jpg) 50% 0 no-repeat; }
.magazine-wr.magazine201705 .bar{ background:#00beed url(../images/magazine/201705/magazine_bar.jpg) 50% 0 no-repeat;  height:70px;}
.magazine-wr.magazine201705 .con-hd{ height:1002px; background:url(../images/magazine/201705/magazine_bg.jpg) 50% 0 no-repeat; padding:0; text-align:center;}
.magazine-wr.magazine201705 .con-g.g1{ height:442px; padding-top:35px; background:url(../images/magazine/201705/magazine_g1_bg.jpg) 50% 100% no-repeat;}
.magazine-wr.magazine201705 .con-g.g2{ height:500px; padding-top:65px; background:url(../images/magazine/201705/magazine_g2_bg.jpg) 50% 0 no-repeat;}
.magazine-wr.magazine201705 .con-g.g3{ height:501px; padding-top:120px; background:url(../images/magazine/201705/magazine_g3_bg.jpg) 50% 0 no-repeat;}
.magazine-wr.magazine201705 .con-g.g3 .goods{ padding-right:60px; padding-top:0;}
.magazine-wr.magazine201705 .con-g.g4{ height:500px; padding-top:40px; background:url(../images/magazine/201705/magazine_g4_bg.jpg) 50% 0 no-repeat;}
.magazine-wr.magazine201705 .con-g.g4 .thum{ vertical-align:middle;}
.magazine-wr.magazine201705 .con-g.g5{ height:501px; padding-top:120px; background:url(../images/magazine/201705/magazine_g5_bg.jpg) 50% 0 no-repeat;}
.magazine-wr.magazine201705 .con-g.g5 .goods{ padding-right:60px; padding-top:0;}
.magazine-wr.magazine201705 .con-g.g6{ height:618px; padding-top:120px; background:url(../images/magazine/201705/magazine_g6_bg.jpg) 50% 0 no-repeat;}
.magazine-wr.magazine201705 .con-g.g6 .goods{ padding-right:60px; padding-top:0;}
.magazine-wr.magazine201705 .con-g.g6 .thum{ text-align:left;}
.magazine-wr.magazine201705 .con-g .tx strong{ color:#549b0d;}
.magazine-wr.magazine201705 .more-pro{ background-color:#d5eaf9;}

.magazine-wr.magazine201706 .tit{ position:relative; height:134px; width:1100px; margin:0 auto;}
.magazine-wr.magazine201706 .tit:before{ content:""; width:1100px; height:134px; background:url(../images/magazine/201706/magazine_tit.jpg) 0 100% no-repeat; display:block; margin:0 auto;}
.magazine-wr.magazine201706 .tit:after{ content:""; position:absolute; top:-15px; right:0; display:block; width:250px; height:156px; background:url(../images/magazine/201706/top_img.png) no-repeat;}
.magazine-wr.magazine201706 .bar{ background:#008cce;  height:70px;}
.magazine-wr.magazine201706 .con-hd{ height:1086px; background:url(../images/magazine/201706/magazine_bg.jpg) 50% 0 no-repeat; padding:0; text-align:center;}
.magazine-wr.magazine201706 .con-g.g1{ height:508px; padding-top:60px; background:url(../images/magazine/201706/magazine_g1_bg.jpg) 50% 100% no-repeat;}
.magazine-wr.magazine201706 .con-g.g1 .thum{ vertical-align:middle;}
.magazine-wr.magazine201706 .con-g.g2{ height:499px; padding-top:65px; background:url(../images/magazine/201706/magazine_g2_bg.jpg) 50% 0 no-repeat;}
.magazine-wr.magazine201706 .con-g.g2 .thum{ vertical-align:middle;}
.magazine-wr.magazine201706 .con-g.g3{ height:502px; padding-top:80px; background:url(../images/magazine/201706/magazine_g3_bg.jpg) 50% 0 no-repeat;}
.magazine-wr.magazine201706 .con-g.g3 .goods{ padding-right:60px; padding-top:0;}
.magazine-wr.magazine201706 .con-g.g4{ height:499px; padding-top:40px; background:url(../images/magazine/201706/magazine_g4_bg.jpg) 50% 0 no-repeat;}
.magazine-wr.magazine201706 .con-g.g4 .thum{ vertical-align:middle; padding-top:40px;}
.magazine-wr.magazine201706 .con-g.g5{ height:501px; padding-top:80px; background:url(../images/magazine/201706/magazine_g5_bg.jpg) 50% 0 no-repeat;}
.magazine-wr.magazine201706 .con-g.g5 .goods{ padding-right:60px; padding-top:0;}
.magazine-wr.magazine201706 .con-g.g6{ height:567px; padding-top:100px; background:url(../images/magazine/201706/magazine_g6_bg.jpg) 50% 0 no-repeat;}
.magazine-wr.magazine201706 .con-g.g6 .goods{ padding-right:60px; padding-top:0;}
.magazine-wr.magazine201706 .con-g.g6 .thum{ text-align:left;}
.magazine-wr.magazine201706 .con-g .tx strong{ color:#549b0d;}
.magazine-wr.magazine201706 .more-pro{ background-color:#d5eaf9;}

.magazine-wr.magazine201707 .tit{ position:relative; height:134px; width:1100px; margin:0 auto; padding:63px 0 0 0; text-align:left;}
.magazine-wr.magazine201707 .tit img{ margin:0;}
.magazine-wr.magazine201707 .tit:after{ content:""; position:absolute; top:22px; right:0; display:block; width:250px; height:123px; background:url(../images/magazine/201707/top_img.png) no-repeat;}
.magazine-wr.magazine201707 .bar{ background:#93d44c;  height:70px;}
.magazine-wr.magazine201707 .con-hd{ height:954px; background:url(../images/magazine/201707/magazine_bg.jpg) 50% 0 no-repeat; padding:0; text-align:center;}
.magazine-wr.magazine201707 .con-g.g1{ height:502px; padding-top:60px; background:url(../images/magazine/201707/magazine_g1_bg.jpg) 50% 100% no-repeat;}
.magazine-wr.magazine201707 .con-g.g1 .thum{ vertical-align:middle;}
.magazine-wr.magazine201707 .con-g.g2{ height:499px; padding-top:65px; background:url(../images/magazine/201707/magazine_g2_bg.jpg) 50% 0 no-repeat;}
.magazine-wr.magazine201707 .con-g.g2 .thum{ vertical-align:middle;}
.magazine-wr.magazine201707 .con-g.g3{ height:500px; padding-top:80px; background:url(../images/magazine/201707/magazine_g3_bg.jpg) 50% 0 no-repeat;}
.magazine-wr.magazine201707 .con-g.g3 .goods{ padding-right:60px; padding-top:0;}
.magazine-wr.magazine201707 .con-g.g4{ height:500px; padding-top:40px; background:url(../images/magazine/201707/magazine_g4_bg.jpg) 50% 0 no-repeat;}
.magazine-wr.magazine201707 .con-g.g4 .thum{ vertical-align:middle; padding-top:40px;}
.magazine-wr.magazine201707 .con-g.g5{ height:501px; padding-top:80px; background:url(../images/magazine/201707/magazine_g5_bg.jpg) 50% 0 no-repeat;}
.magazine-wr.magazine201707 .con-g.g5 .goods{ padding-right:60px; padding-top:0;}
.magazine-wr.magazine201707 .con-g.g6{ height:635px; padding-top:100px; background:url(../images/magazine/201707/magazine_g6_bg.jpg) 50% 0 no-repeat;}
.magazine-wr.magazine201707 .con-g.g6 .goods{ padding-right:60px; padding-top:0;}
.magazine-wr.magazine201707 .con-g.g6 .thum{ text-align:left;}
.magazine-wr.magazine201707 .con-g .tx strong{ color:#ff5d5c;}
.magazine-wr.magazine201707 .more-pro{ background-color:#d5eaf9;}
.magazine-wr.magazine201707 .btnLink{ display:block; margin:0 auto; width:230px; height:60px; line-height:60px; border-radius:30px; color:#fff; background-color:#2b9a22; font-size:18px; text-align:center; font-weight:600;}
.magazine-wr.magazine201707 .btnLink:after{ content:""; width:8px; height:13px; background:url(../images/magazine/blt_arr.png) 50% 50% no-repeat; vertical-align:middle; margin:0 0 0 10px; display:inline-block;}
.magazine-wr.magazine201707 .btnLink+.btnLink{ margin-top:5px;}

.magazine-wr.magazine201708 .tit{ position:relative; height:134px; width:1100px; margin:0 auto; padding:63px 0 0 0; text-align:left;}
.magazine-wr.magazine201708 .tit img{ margin:0;}
.magazine-wr.magazine201708 .tit:after{ content:""; position:absolute; top:22px; right:0; display:block; width:250px; height:123px; background:url(../images/magazine/201708/top_img.png) no-repeat;}
.magazine-wr.magazine201708 .bar{ background:#3190e6;  height:70px;}
.magazine-wr.magazine201708 .con-hd{ height:1032px; background:url(../images/magazine/201708/magazine_bg.jpg) 50% 0 no-repeat; padding:0; text-align:center;}
.magazine-wr.magazine201708 .con-g.g1{ height:502px; padding-top:90px; background:url(../images/magazine/201708/magazine_g1_bg.jpg) 50% 100% no-repeat;}
.magazine-wr.magazine201708 .con-g.g1 .thum{ vertical-align:middle;}
.magazine-wr.magazine201708 .con-g.g2{ height:498px; padding-top:100px; background:url(../images/magazine/201708/magazine_g2_bg.jpg) 50% 0 no-repeat;}
.magazine-wr.magazine201708 .con-g.g2 .thum{ vertical-align:middle;}
.magazine-wr.magazine201708 .con-g.g3{ height:501px; padding-top:110px; background:url(../images/magazine/201708/magazine_g3_bg.jpg) 50% 0 no-repeat;}
.magazine-wr.magazine201708 .con-g.g3 .goods{ padding-right:60px; padding-top:0;}
.magazine-wr.magazine201708 .con-g.g4{ height:499px; padding-top:50px; background:url(../images/magazine/201708/magazine_g4_bg.jpg) 50% 0 no-repeat;}
.magazine-wr.magazine201708 .con-g.g4 .thum{ vertical-align:middle; padding-top:40px;}
.magazine-wr.magazine201708 .con-g.g5{ height:503px; padding-top:60px; background:url(../images/magazine/201708/magazine_g5_bg.jpg) 50% 0 no-repeat;}
.magazine-wr.magazine201708 .con-g.g5 .goods{ padding-right:60px; padding-top:0;}
.magazine-wr.magazine201708 .con-g.g5 .thum{ text-align:left; padding-top:60px;}
.magazine-wr.magazine201708 .con-g.g6{ height:635px; padding-top:60px; background:url(../images/magazine/201708/magazine_g6_bg.jpg) 50% 0 no-repeat;}
.magazine-wr.magazine201708 .con-g.g6 .goods{ padding-right:60px; padding-top:0;}
.magazine-wr.magazine201708 .con-g.g6 .thum{ text-align:left; padding-top:60px;}
.magazine-wr.magazine201708 .con-g .tx strong{ color:#2048bc;}
.magazine-wr.magazine201708 .more-pro{ background-color:#f9f7de;}
.magazine-wr.magazine201708 .btnLink{ display:block; margin:0 auto; width:230px; height:60px; line-height:60px; border-radius:30px; color:#fff; background-color:#4892ff; font-size:18px; text-align:center; font-weight:600;}
.magazine-wr.magazine201708 .btnLink:after{ content:""; width:8px; height:13px; background:url(../images/magazine/blt_arr.png) 50% 50% no-repeat; vertical-align:middle; margin:0 0 0 10px; display:inline-block;}
.magazine-wr.magazine201708 .btnLink+.btnLink{ margin-top:5px;}

.magazine-wr.magazine201709 .tit{ position:relative; height:134px; width:1100px; margin:0 auto; padding:63px 0 0 0; text-align:left;}
.magazine-wr.magazine201709 .tit img{ margin:0;}
.magazine-wr.magazine201709 .tit:after{ content:""; position:absolute; top:22px; right:0; display:block; width:250px; height:123px; background:url(../images/magazine/201709/top_img.png) no-repeat;}
.magazine-wr.magazine201709 .bar{ background:#e1691f;  height:70px;}
.magazine-wr.magazine201709 .con-hd{ height:1032px; background:url(../images/magazine/201709/magazine_bg.jpg) 50% 0 no-repeat; padding:0; text-align:center;}
.magazine-wr.magazine201709 .con-g.g1{ height:502px; padding-top:90px; background:url(../images/magazine/201709/magazine_g1_bg.jpg) 50% 100% no-repeat;}
.magazine-wr.magazine201709 .con-g.g1 .thum{ vertical-align:middle;}
.magazine-wr.magazine201709 .con-g.g2{ height:499px; padding-top:100px; background:url(../images/magazine/201709/magazine_g2_bg.jpg) 50% 0 no-repeat;}
.magazine-wr.magazine201709 .con-g.g2 .thum{ vertical-align:middle;}
.magazine-wr.magazine201709 .con-g.g3{ height:502px; padding-top:110px; background:url(../images/magazine/201709/magazine_g3_bg.jpg) 50% 0 no-repeat;}
.magazine-wr.magazine201709 .con-g.g3 .goods{ padding-right:60px; padding-top:0;}
.magazine-wr.magazine201709 .con-g.g4{ height:499px; padding-top:50px; background:url(../images/magazine/201709/magazine_g4_bg.jpg) 50% 0 no-repeat;}
.magazine-wr.magazine201709 .con-g.g4 .thum{ vertical-align:middle; padding-top:40px;}
.magazine-wr.magazine201709 .con-g.g5{ height:502px; padding-top:60px; background:url(../images/magazine/201709/magazine_g5_bg.jpg) 50% 0 no-repeat;}
.magazine-wr.magazine201709 .con-g.g5 .goods{ padding-right:60px; padding-top:0;}
.magazine-wr.magazine201709 .con-g.g5 .thum{ text-align:left; padding-top:60px;}
.magazine-wr.magazine201709 .con-g.g6{ height:639px; padding-top:60px; background:url(../images/magazine/201709/magazine_g6_bg.jpg) 50% 0 no-repeat;}
.magazine-wr.magazine201709 .con-g.g6 .goods{ padding-right:60px; padding-top:0;}
.magazine-wr.magazine201709 .con-g.g6 .thum{ text-align:left; padding-top:60px;}
.magazine-wr.magazine201709 .con-g .tx strong{ color:#e1691f;}
.magazine-wr.magazine201709 .more-pro{ background-color:#e8f1fd;}
.magazine-wr.magazine201709 .btnLink{ display:block; margin:0 auto; width:230px; height:60px; line-height:60px; border-radius:30px; color:#fff; background-color:#e1691f; font-size:18px; text-align:center; font-weight:600;}
.magazine-wr.magazine201709 .btnLink:after{ content:""; width:8px; height:13px; background:url(../images/magazine/blt_arr.png) 50% 50% no-repeat; vertical-align:middle; margin:0 0 0 10px; display:inline-block;}
.magazine-wr.magazine201709 .btnLink+.btnLink{ margin-top:5px;}

.magazine-wr.magazine201710 .tit{ position:relative; height:134px; width:1100px; margin:0 auto; padding:63px 0 0 0; text-align:left;}
.magazine-wr.magazine201710 .tit img{ margin:0;}
.magazine-wr.magazine201710 .tit:after{ content:""; position:absolute; top:22px; right:0; display:block; width:250px; height:123px; background:url(../images/magazine/201710/top_img.png) no-repeat;}
.magazine-wr.magazine201710 .bar{ background:#632c92;  height:70px;}
.magazine-wr.magazine201710 .con-hd{ height:1032px; background:url(../images/magazine/201710/magazine_bg.jpg) 50% 0 no-repeat; padding:0; text-align:center;}
.magazine-wr.magazine201710 .con-g.g1{ height:502px; padding-top:60px; background:url(../images/magazine/201710/magazine_g1_bg.jpg) 50% 100% no-repeat;}
.magazine-wr.magazine201710 .con-g.g1 .thum{ vertical-align:middle;}
.magazine-wr.magazine201710 .con-g.g2{ height:499px; padding-top:60px; background:url(../images/magazine/201710/magazine_g2_bg.jpg) 50% 0 no-repeat;}
.magazine-wr.magazine201710 .con-g.g2 .thum{ vertical-align:middle;}
.magazine-wr.magazine201710 .con-g.g3{ height:502px; padding-top:110px; background:url(../images/magazine/201710/magazine_g3_bg.jpg) 50% 0 no-repeat;}
.magazine-wr.magazine201710 .con-g.g3 .goods{ padding-right:60px; padding-top:0;}
.magazine-wr.magazine201710 .con-g.g4{ height:499px; padding-top:50px; background:url(../images/magazine/201710/magazine_g4_bg.jpg) 50% 0 no-repeat;}
.magazine-wr.magazine201710 .con-g.g4 .thum{ vertical-align:middle; padding-top:40px;}
.magazine-wr.magazine201710 .con-g.g5{ height:502px; padding-top:60px; background:url(../images/magazine/201710/magazine_g5_bg.jpg) 50% 0 no-repeat;}
.magazine-wr.magazine201710 .con-g.g5 .goods{ padding-right:60px; padding-top:60px;}
.magazine-wr.magazine201710 .con-g.g5 .thum{ text-align:left; padding-top:60px;}
.magazine-wr.magazine201710 .con-g.g6{ height:638px; padding-top:60px; background:url(../images/magazine/201710/magazine_g6_bg.jpg) 50% 0 no-repeat;}
.magazine-wr.magazine201710 .con-g.g6 .goods{ padding-right:60px; padding-top:0;}
.magazine-wr.magazine201710 .con-g.g6 .thum{ text-align:left; padding-top:60px;}
.magazine-wr.magazine201710 .con-g .tx strong{ color:#e1691f;}
.magazine-wr.magazine201710 .more-pro{ background-color:#f9f7de;}
.magazine-wr.magazine201710 .btnLink{ display:block; margin:0 auto; width:230px; height:60px; line-height:60px; border-radius:30px; color:#fff; background-color:#632c92; font-size:18px; text-align:center; font-weight:600;}
.magazine-wr.magazine201710 .btnLink:after{ content:""; width:8px; height:13px; background:url(../images/magazine/blt_arr.png) 50% 50% no-repeat; vertical-align:middle; margin:0 0 0 10px; display:inline-block;}
.magazine-wr.magazine201710 .btnLink+.btnLink{ margin-top:5px;}

.magazine-wr.magazine201711 .tit{ position:relative; height:134px; width:1100px; margin:0 auto; padding:63px 0 0 0; text-align:left;}
.magazine-wr.magazine201711 .tit img{ margin:0;}
.magazine-wr.magazine201711 .tit:after{ content:""; position:absolute; top:22px; right:0; display:block; width:250px; height:123px; background:url(../images/magazine/201711/top_img.png) no-repeat;}
.magazine-wr.magazine201711 .bar{ background:#52300d;  height:70px;}
.magazine-wr.magazine201711 .con-hd{ height:1032px; background:url(../images/magazine/201711/magazine_bg.jpg) 50% 0 no-repeat; padding:0; text-align:center;}
.magazine-wr.magazine201711 .con-g.g1{ height:502px; padding-top:60px; background:url(../images/magazine/201711/magazine_g1_bg.jpg) 50% 100% no-repeat;}
.magazine-wr.magazine201711 .con-g.g1 .thum{ vertical-align:middle;}
.magazine-wr.magazine201711 .con-g.g2{ height:499px; padding-top:60px; background:url(../images/magazine/201711/magazine_g2_bg.jpg) 50% 0 no-repeat;}
.magazine-wr.magazine201711 .con-g.g2 .thum{ vertical-align:middle;}
.magazine-wr.magazine201711 .con-g.g3{ height:502px; padding-top:110px; background:url(../images/magazine/201711/magazine_g3_bg.jpg) 50% 0 no-repeat;}
.magazine-wr.magazine201711 .con-g.g3 .goods{ padding-right:60px; padding-top:0;}
.magazine-wr.magazine201711 .con-g.g4{ height:499px; padding-top:50px; background:url(../images/magazine/201711/magazine_g4_bg.jpg) 50% 0 no-repeat;}
.magazine-wr.magazine201711 .con-g.g4 .thum{ vertical-align:middle; padding-top:40px; text-align:left;}
.magazine-wr.magazine201711 .con-g.g5{ height:502px; padding-top:60px; background:url(../images/magazine/201711/magazine_g5_bg.jpg) 50% 0 no-repeat;}
.magazine-wr.magazine201711 .con-g.g5 .goods{ padding-right:60px; padding-top:60px;}
.magazine-wr.magazine201711 .con-g.g5 .thum{ text-align:center; padding-top:60px;}
.magazine-wr.magazine201711 .con-g.g6{ height:638px; padding-top:60px; background:url(../images/magazine/201711/magazine_g6_bg.jpg) 50% 0 no-repeat;}
.magazine-wr.magazine201711 .con-g.g6 .goods{ padding-right:60px; padding-top:0;}
.magazine-wr.magazine201711 .con-g.g6 .thum{ text-align:left; padding-top:60px;}
.magazine-wr.magazine201711 .con-g .tx strong{ color:#672022;}
.magazine-wr.magazine201711 .more-pro{ background-color:#e8f1fd;}
.magazine-wr.magazine201711 .btnLink{ display:block; margin:0 auto; width:230px; height:60px; line-height:60px; border-radius:30px; color:#fff; background-color:#ea6869; font-size:18px; text-align:center; font-weight:600;}
.magazine-wr.magazine201711 .btnLink:after{ content:""; width:8px; height:13px; background:url(../images/magazine/blt_arr.png) 50% 50% no-repeat; vertical-align:middle; margin:0 0 0 10px; display:inline-block;}
.magazine-wr.magazine201711 .btnLink+.btnLink{ margin-top:5px;}

.magazine-wr.magazine201712 .tit{ position:relative; height:134px; width:1100px; margin:0 auto; padding:63px 0 0 0; text-align:left;}
.magazine-wr.magazine201712 .tit img{ margin:0;}
.magazine-wr.magazine201712 .tit:after{ content:""; position:absolute; top:22px; right:0; display:block; width:250px; height:123px; background:url(../images/magazine/201712/top_img.png) no-repeat;}
.magazine-wr.magazine201712 .bar{ background:#ec4343;  height:70px;}
.magazine-wr.magazine201712 .con-hd{ height:1032px; background:url(../images/magazine/201712/magazine_bg.jpg) 50% 0 no-repeat; padding:0; text-align:center;}
.magazine-wr.magazine201712 .con-g.g1{ height:502px; padding-top:60px; background:url(../images/magazine/201712/magazine_g1_bg.jpg) 50% 100% no-repeat;}
.magazine-wr.magazine201712 .con-g.g1 .thum{ vertical-align:middle;}
.magazine-wr.magazine201712 .con-g.g2{ height:499px; padding-top:60px; background:url(../images/magazine/201712/magazine_g2_bg.jpg) 50% 0 no-repeat;}
.magazine-wr.magazine201712 .con-g.g2 .thum{ vertical-align:middle;}
.magazine-wr.magazine201712 .con-g.g3{ height:502px; padding-top:110px; background:url(../images/magazine/201712/magazine_g3_bg.jpg) 50% 0 no-repeat;}
.magazine-wr.magazine201712 .con-g.g3 .goods{ padding-right:60px; padding-top:0;}
.magazine-wr.magazine201712 .con-g.g4{ height:499px; padding-top:50px; background:url(../images/magazine/201712/magazine_g4_bg.jpg) 50% 0 no-repeat;}
.magazine-wr.magazine201712 .con-g.g4 .thum{ vertical-align:middle; padding-top:40px; text-align:left;}
.magazine-wr.magazine201712 .con-g.g5{ height:502px; padding-top:60px; background:url(../images/magazine/201712/magazine_g5_bg.jpg) 50% 0 no-repeat;}
.magazine-wr.magazine201712 .con-g.g5 .goods{ padding-right:60px; padding-top:60px;}
.magazine-wr.magazine201712 .con-g.g5 .thum{ text-align:center; padding-top:60px;}
.magazine-wr.magazine201712 .con-g.g6{ height:638px; padding-top:60px; background:url(../images/magazine/201712/magazine_g6_bg.jpg) 50% 0 no-repeat;}
.magazine-wr.magazine201712 .con-g.g6 .goods{ padding-right:60px; padding-top:0;}
.magazine-wr.magazine201712 .con-g.g6 .thum{ text-align:left; padding-top:60px;}
.magazine-wr.magazine201712 .con-g .tx strong{ color:#d13b3b;}
.magazine-wr.magazine201712 .more-pro{ background-color:#e8f1fd;}
.magazine-wr.magazine201712 .btnLink{ display:block; margin:0 auto; width:230px; height:60px; line-height:60px; border-radius:30px; color:#fff; background-color:#ec4343; font-size:18px; text-align:center; font-weight:600;}
.magazine-wr.magazine201712 .btnLink:after{ content:""; width:8px; height:13px; background:url(../images/magazine/blt_arr.png) 50% 50% no-repeat; vertical-align:middle; margin:0 0 0 10px; display:inline-block;}
.magazine-wr.magazine201712 .btnLink+.btnLink{ margin-top:5px;}

.magazine-wr.magazine201801 .tit{ position:relative; height:134px; width:1100px; margin:0 auto; padding:63px 0 0 0; text-align:left;}
.magazine-wr.magazine201801 .tit img{ margin:0;}
.magazine-wr.magazine201801 .tit:after{ content:""; position:absolute; top:22px; right:0; display:block; width:250px; height:123px; background:url(../images/magazine/201801/top_img.png) 50% 100% no-repeat;}
.magazine-wr.magazine201801 .bar{ background:#e43c49;  height:70px;}
.magazine-wr.magazine201801 .con-hd{ height:1032px; background:url(../images/magazine/201801/magazine_bg.jpg) 50% 0 no-repeat; padding:0; text-align:center;}
.magazine-wr.magazine201801 .con-g.g1{ height:504px; padding-top:60px; background:url(../images/magazine/201801/magazine_g1_bg.jpg) 50% 100% no-repeat;}
.magazine-wr.magazine201801 .con-g.g1 .thum{ vertical-align:middle;}
.magazine-wr.magazine201801 .con-g.g2{ height:498px; padding-top:60px; background:url(../images/magazine/201801/magazine_g2_bg.jpg) 50% 0 no-repeat;}
.magazine-wr.magazine201801 .con-g.g2 .thum{ vertical-align:middle;}
.magazine-wr.magazine201801 .con-g.g3{ height:501px; padding-top:110px; background:url(../images/magazine/201801/magazine_g3_bg.jpg) 50% 0 no-repeat;}
.magazine-wr.magazine201801 .con-g.g3 .goods{ padding-right:60px; padding-top:0;}
.magazine-wr.magazine201801 .con-g.g4{ height:499px; padding-top:50px; background:url(../images/magazine/201801/magazine_g4_bg.jpg) 50% 0 no-repeat;}
.magazine-wr.magazine201801 .con-g.g4 .thum{ vertical-align:middle; padding-top:40px; text-align:left;}
.magazine-wr.magazine201801 .con-g.g5{ height:502px; padding-top:60px; background:url(../images/magazine/201801/magazine_g5_bg.jpg) 50% 0 no-repeat;}
.magazine-wr.magazine201801 .con-g.g5 .goods{ padding-right:60px; padding-top:60px;}
.magazine-wr.magazine201801 .con-g.g5 .thum{ text-align:center; padding-top:60px;}
.magazine-wr.magazine201801 .con-g.g6{ height:638px; padding-top:60px; background:url(../images/magazine/201801/magazine_g6_bg.jpg) 50% 0 no-repeat;}
.magazine-wr.magazine201801 .con-g.g6 .goods{ padding-right:60px; padding-top:0;}
.magazine-wr.magazine201801 .con-g.g6 .thum{ text-align:left; padding-top:60px;}
.magazine-wr.magazine201801 .con-g .tx strong{ color:#672022;}
.magazine-wr.magazine201801 .more-pro{ background-color:#e8f1fd;}
.magazine-wr.magazine201801 .btnLink{ display:block; margin:0 auto; width:230px; height:60px; line-height:60px; border-radius:30px; color:#fff; background-color:#e43c49; font-size:18px; text-align:center; font-weight:600;}
.magazine-wr.magazine201801 .btnLink:after{ content:""; width:8px; height:13px; background:url(../images/magazine/blt_arr.png) 50% 50% no-repeat; vertical-align:middle; margin:0 0 0 10px; display:inline-block;}
.magazine-wr.magazine201801 .btnLink+.btnLink{ margin-top:5px;}

.magazine-wr.magazine201802 .tit{ position:relative; height:134px; width:1100px; margin:0 auto; padding:63px 0 0 0; text-align:left;}
.magazine-wr.magazine201802 .tit img{ margin:0;}
.magazine-wr.magazine201802 .tit:after{ content:""; position:absolute; top:22px; right:0; display:block; width:255px; height:123px; background:url(../images/magazine/201802/top_img.png) 50% 100% no-repeat;}
.magazine-wr.magazine201802 .bar{ background:#366aa6;  height:70px;}
.magazine-wr.magazine201802 .con-hd{ height:1032px; background:url(../images/magazine/201802/magazine_bg.jpg) 50% 0 no-repeat; padding:0; text-align:center;}
.magazine-wr.magazine201802 .con-g.g1{ height:502px; padding-top:80px; background:url(../images/magazine/201802/magazine_g1_bg.jpg) 50% 100% no-repeat;}
.magazine-wr.magazine201802 .con-g.g1 .thum{ vertical-align:middle;}
.magazine-wr.magazine201802 .con-g.g2{ height:500px; padding-top:80px; background:url(../images/magazine/201802/magazine_g2_bg.jpg) 50% 0 no-repeat;}
.magazine-wr.magazine201802 .con-g.g2 .thum{ vertical-align:middle;}
.magazine-wr.magazine201802 .con-g.g3{ height:501px; padding-top:80px; background:url(../images/magazine/201802/magazine_g3_bg.jpg) 50% 0 no-repeat;}
.magazine-wr.magazine201802 .con-g.g3 .goods{ padding-right:60px; padding-top:0;}
.magazine-wr.magazine201802 .con-g.g4{ height:499px; padding-top:50px; background:url(../images/magazine/201802/magazine_g4_bg.jpg) 50% 0 no-repeat;}
.magazine-wr.magazine201802 .con-g.g4 .thum{ vertical-align:middle; padding-top:40px; text-align:left;}
.magazine-wr.magazine201802 .con-g.g5{ height:501px; padding-top:60px; background:url(../images/magazine/201802/magazine_g5_bg.jpg) 50% 0 no-repeat;}
.magazine-wr.magazine201802 .con-g.g5 .goods{ padding-right:60px; padding-top:10px;}
.magazine-wr.magazine201802 .con-g.g5 .thum{ text-align:center; padding-top:10px;}
.magazine-wr.magazine201802 .con-g.g6{ height:639px; padding-top:100px; background:url(../images/magazine/201802/magazine_g6_bg.jpg) 50% 0 no-repeat;}
.magazine-wr.magazine201802 .con-g.g6 .goods{ padding-right:60px; padding-top:0;}
.magazine-wr.magazine201802 .con-g.g6 .thum{ text-align:left; padding-top:0;}
.magazine-wr.magazine201802 .con-g .tx strong{ color:#e91b23;}
.magazine-wr.magazine201802 .more-pro{ background-color:#e8f1fd;}
.magazine-wr.magazine201802 .btnLink{ display:block; margin:0 auto; width:230px; height:60px; line-height:60px; border-radius:30px; color:#fff; background-color:#ee5e8c; font-size:18px; text-align:center; font-weight:600;}
.magazine-wr.magazine201802 .btnLink:after{ content:""; width:8px; height:13px; background:url(../images/magazine/blt_arr.png) 50% 50% no-repeat; vertical-align:middle; margin:0 0 0 10px; display:inline-block;}
.magazine-wr.magazine201802 .btnLink+.btnLink{ margin-top:5px;}

/************************************************
	index
************************************************/
#indexwrap{ background-color:#fff;}

.main-img{ position:relative; margin-top:-126px;}
.main-img #top_ad>div{ height:886px; background-position:50% 0; background-repeat:no-repeat; background-size:cover;}
.main-img .bt-scroll{ position:absolute; bottom:-40px; left:50%; margin-left:-40px; width:80px; height:80px; border-radius:50%; display:block; background:#fff44e url(../images/index/bt_scroll.png) 50% 50% no-repeat; cursor:pointer; text-indent:-9999px;} 

.philo{ padding:84px 0 65px; background-color:#fff;}
.philo>.inner{ width:1100px; margin:0 auto;}
.philo>.inner:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
.philo>.inner>div{ text-align:center; float:left; width:277px; margin:0 0 0 102px; font-size:26px; }
.philo>.inner>div *{ line-height:1.2em;}
.philo>.inner>div em{ display:block; background-position:50% 0; background-repeat:no-repeat; height:280px; padding:95px 0 0 0; font-size:24px; color:#fff; margin:0 0 20px 0;}
.philo>.inner>div:first-child{ margin-left:30px;}
.philo>.inner>div.p1{ color:#ffc600;}
.philo>.inner>div.p2{ color:#4cd268;}
.philo>.inner>div.p3{ color:#3eb5cd;}
.philo>.inner>div.p1 em{ background-image:url(../images/index/phjilo_bg1.png); }
.philo>.inner>div.p2 em{ background-image:url(../images/index/phjilo_bg2.png); }
.philo>.inner>div.p3 em{ background-image:url(../images/index/phjilo_bg3.png); }

.brand{ position:relative; }
.brand .tit{ position:absolute; top:78px; left:0; width:100%; text-align:center; z-index:9;}
.brand .tit h2{ font-size:50px; color:#222; line-height:1; margin:0 0 15px 0;}
.brand .tit>p{ font-size:20px; color:#222; text-align:center; line-height:1; }
.brand .bt-more{ position:absolute; top:74px; right:50%; margin-right:-550px; display:inline-block; font-size:14px; color:#666; line-height:44px; background:url(../images/index/bt_more.png) 100% 50% no-repeat; padding:0 60px 0 0; z-index:99;}
.brand .bt-more:hover{ text-decoration:underline;}
.brand .tab{ position:absolute; top:182px; left:50%; margin:0 0 0 -550px; width:1100px; text-align:center; z-index:9;}
.brand .tab li{ position:relative; margin:0 10px; display:inline-block; }
.brand .tab li a{ display:table; width:99px; height:99px; background-repeat:no-repeat; background-position:50% 50%;}
.brand .tab li a span{ display:none;}
.brand .tab li a:hover span{ display:table-cell; vertical-align:middle; text-align:center; font-size:14px; color:#fff; border-radius:50%;}
.brand .tab li.b1 a{ background-image:url(../images/index/brand_t1_1.png);}
.brand .tab li.b2 a{ background-image:url(../images/index/brand_t2.png);}
.brand .tab li.b3 a{ background-image:url(../images/index/brand_t3.png);}
.brand .tab li.b4 a{ background-image:url(../images/index/brand_t4.png);}
.brand .tab li.b5 a{ background-image:url(../images/index/brand_t5.png);}
.brand .tab li.b6 a{ background-image:url(../images/index/brand_t6_1.png);}
.brand .tab li.b7 a{ background-image:url(../images/index/brand_t9.png);}
.brand .tab li.b8 a{ background-image:url(../images/index/brand_t10.png);}
.brand .tab li.b1 a span{ background-color:rgba(241,43,123,0.8)}
.brand .tab li.b2 a span{ background-color:rgba(93,57,147,0.8)}
.brand .tab li.b3 a span{ background-color:rgba(0,138,208,0.8)}
.brand .tab li.b4 a span{ background-color:rgba(188,25,37,0.8)}
.brand .tab li.b5 a span{ background-color:rgba(188,25,186,0.8)}
.brand .tab li.b6 a span{ background-color:rgba(239,202,30,0.8)}
.brand .tab li.b7 a span{ background-color:rgba(141,194,31,0.8)}
.brand .tab li.b8 a span{ background-color:rgba(65,216,208,0.8)}
.brand .tab li a.active:after{ content:""; position:absolute; top:-2px; left:-2px; width:103px; height:114px; }
.brand .tab li.b1 a.active:after{ background:url(../images/index/brand_t1_on.png) 50% 0 no-repeat;}
.brand .tab li.b2 a.active:after{ background:url(../images/index/brand_t2_on.png) 50% 0 no-repeat;}
.brand .tab li.b3 a.active:after{ background:url(../images/index/brand_t3_on.png) 50% 0 no-repeat;}
.brand .tab li.b4 a.active:after{ background:url(../images/index/brand_t4_on.png) 50% 0 no-repeat;}
.brand .tab li.b5 a.active:after{ background:url(../images/index/brand_t5_on.png) 50% 0 no-repeat;}
.brand .tab li.b6 a.active:after{ background:url(../images/index/brand_t6_on.png) 50% 0 no-repeat;}
.brand .tab li.b7 a.active:after{ background:url(../images/index/brand_t9_on.png) 50% 0 no-repeat;}
.brand .tab li.b8 a.active:after{ background:url(../images/index/brand_t10_on.png) 50% 0 no-repeat;}
.brand .b-con{ height:798px; }
.brand .b-con#b1{ background:url(../images/index/brand_bg01-1.jpg) 50% 0 no-repeat;}
.brand .b-con#b2{ background:url(../images/index/brand_bg02.jpg) 50% 0 no-repeat;}
.brand .b-con#b3{ background:url(../images/index/brand_bg03.jpg) 50% 0 no-repeat;}
.brand .b-con#b4{ background:url(../images/index/brand_bg04.jpg) 50% 0 no-repeat;}
.brand .b-con#b5{ background:url(../images/index/brand_bg05.jpg) 50% 0 no-repeat;}
.brand .b-con#b6{ background:url(../images/index/brand_bg06-3.jpg) 50% 0 no-repeat;}
.brand .b-con#b7{ background:url(../images/index/brand_bg09.jpg) 50% 0 no-repeat;}
.brand .b-con#b8{ background:url(../images/index/brand_bg10.jpg) 50% 0 no-repeat;}
.brand .b-con .con-bx{ position:relative; height:798px; margin:0 auto; width:1100px; padding:355px 0 0 244px;}
.brand .b-con .con-bx .tit-tx{ margin:0 0 15px 0; display:none;}
.brand .b-con .con-bx .txt{ padding-left:10px; display:none;}
.brand .b-con .con-bx .txt strong{ font-size:22px; font-weight:normal; display:block; margin:0 0 10px 0;}
.brand .b-con .con-bx .txt p{ margin-top:10px;}
.brand .b-con .con-bx .bt-go{ position:absolute; bottom:100px; right:0; width:350px; height:60px; line-height:60px; text-align:center; color:#fff; font-size:18px; border-radius:30px;}
.brand .b-con .con-bx .bt-go:after{ content:""; display:inline-block; width:9px; height:13px; background:url(../images/index/arr_next.png) 50% 50% no-repeat; margin-left:10px;}
.brand .b-con#b1 .con-bx{ padding:355px 0 0 270px;}
.brand .b-con#b1 .con-bx .txt{ color:#b7760e;}
.brand .b-con#b1 .con-bx .txt strong{ color:#5e370a;}
.brand .b-con#b1 .con-bx .bt-go{ background-color:#fcaf17;}
.brand .b-con#b2 .con-bx{ padding:330px 0 0 270px;}
.brand .b-con#b2 .con-bx .txt{ color:#5b7768;}
.brand .b-con#b2 .con-bx .txt strong{ color:#224065;}
.brand .b-con#b2 .con-bx .bt-go{ background-color:#421f9d;}
.brand .b-con#b3 .con-bx{ padding:340px 0 0 386px;}
.brand .b-con#b3 .con-bx .txt{ color:#6c60ba;}
.brand .b-con#b3 .con-bx .txt strong{ color:#40a1da;}
.brand .b-con#b3 .con-bx .bt-go{ background-color:#008ad0;}
.brand .b-con#b4 .con-bx{ padding:340px 0 0 224px;}
.brand .b-con#b4 .con-bx .txt{ color:#387658;}
.brand .b-con#b4 .con-bx .txt strong{ color:#538096;}
.brand .b-con#b4 .con-bx .bt-go{ background-color:#bc1925;}
.brand .b-con#b5 .con-bx{ padding:340px 0 0 270px;}
.brand .b-con#b5 .con-bx .txt{ color:#b3658c;}
.brand .b-con#b5 .con-bx .txt strong{ color:#6d24af;}
.brand .b-con#b5 .con-bx .bt-go{ background-color:#fe4281;}
.brand .b-con#b6 .con-bx{ padding:320px 0 0 295px;}
.brand .b-con#b6 .con-bx .txt{ color:#728d9a;}
.brand .b-con#b6 .con-bx .txt strong{ color:#733bb3;}
.brand .b-con#b6 .con-bx .bt-go{ background-color:#efca1e;}
.brand .b-con#b7 .con-bx{ padding:310px 0 0 234px;}
.brand .b-con#b7 .con-bx .txt{ color:#cbe8fc;}
.brand .b-con#b7 .con-bx .txt strong{ color:#163dba;}
.brand .b-con#b7 .con-bx .bt-go{ background-color:#efca1e;}
.brand .b-con#b8 .con-bx .bt-go{ background-color:#03a79e;}
.brand .bx-prev{ position:absolute; top:50%; left:50%; margin-top:-41px; margin-left:-700px; width:49px; height:82px; display:block; text-indent:-9999px; background:url(../images/index/bt_prev.png) 50% 50% no-repeat; cursor:pointer; z-index:99;}
.brand .bx-next{ position:absolute; top:50%; right:50%; margin-top:-41px; margin-right:-700px; width:49px; height:82px; display:block; text-indent:-9999px; background:url(../images/index/bt_next.png) 50% 50% no-repeat; cursor:pointer; z-index:99;}
.brand .bx-prev:hover{ background:url(../images/index/bt_prev_ov.png) 50% 50% no-repeat;}
.brand .bx-next:hover{ background:url(../images/index/bt_next_ov.png) 50% 50% no-repeat;}
@media (max-width:1400px) {		
	.brand .bx-prev{ left:0; margin-left:0;}
	.brand .bx-next{ right:0; margin-right:0;}
}


.ebook{background: url(../images/index/ebook_w.jpg) no-repeat center center; height: 800px;}
.ebook .btn_box{position: absolute; width: 780px; top:59%; left:50%; transform: translate(-50%, -50%); }
.ebook .btn_box .btn_kor{height: 57px; width: 239px;}
.ebook .btn_box .btn_eng{position: absolute; top: 55%; left: 50%; transform: translate(-50%, -50%);  width: 239px;}
.ebook .btn_box .btn_ch{ width: 239px; position: absolute; top: 56%; left: 84.9%;transform: translate(-50%, -50%);}
.ebook .btn_box .btn_link{width: 239px; height: 56px; display: block;}





.issue{ background-color:#e7e1d3;}
.issue .inner{ height:798px; width:1100px; margin:0 auto; padding:75px 0 0 0;}
.issue .inner .tit{ width:100%; text-align:center; margin:0 0 10px 0;}
.issue .inner .tit h2{ font-size:50px; color:#222; line-height:1; margin:0 0 15px 0; text-transform:uppercase;}
.issue .inner .tit>p{ font-size:20px; color:#222; text-align:center; line-height:1; }
.issue-bx{ position:relative; width:1100px; margin:0 auto; height:550px;}
.issue-bx .bt-prev{ position:absolute; top:188px; left:-150px; width:49px; height:82px; display:block; text-indent:-9999px; background:url(../images/index/bt_prev.png) 50% 50% no-repeat; cursor:pointer; z-index:999;}
.issue-bx .bt-next{ position:absolute; top:188px; right:-150px; width:49px; height:82px; display:block; text-indent:-9999px; background:url(../images/index/bt_next.png) 50% 50% no-repeat; cursor:pointer; z-index:999;}
.issue-bx .bt-prev:hover{ background:url(../images/index/bt_prev_ov.png) 50% 50% no-repeat;}
.issue-bx .bt-next:hover{ background:url(../images/index/bt_next_ov.png) 50% 50% no-repeat;}
.issue-bx .owl-carousel .owl-video-wrapper{ margin:40px auto 0; }
.issue-bx .owl-carousel .owl-video-tn{ background-size:cover;}
.issue-bx .owl-carousel .owl-controls{ text-align:center; margin-top:5px;}
.issue-bx .owl-carousel .owl-controls .owl-dot{ display:inline-block; margin:0 8px;}
.issue-bx .owl-carousel .owl-controls .owl-dot span{ display:block; width:14px; height:14px; border-radius:50%; background-color:#fff; text-indent:-9999px;}
.issue-bx .owl-carousel .owl-controls .owl-dot.active span{ background-color:#0f6347;}
@media (max-width:1400px) {		
	.issue-bx .bt-prev{ left:0; }
	.issue-bx .bt-next{ right:0; }
}

.category{ background:#f2f0ca url(../images/index/cate_bg.jpg) 50% 630px no-repeat;}
.category .inner{ width:1100px; height:880px; margin:0 auto; padding:75px 0 0 0;}
.category .inner .tit{ width:100%; text-align:center; margin:0 0 10px 0;}
.category .inner .tit h2{ font-size:50px; color:#222; line-height:1; margin:0 0 15px 0; text-transform:uppercase;}
.category .inner .tit>p{ font-size:20px; color:#222; text-align:center; line-height:1; }
.category .inner .cate-lst{ padding:0 0 0 100px; margin:56px 0 0 0;}
.category .inner .cate-lst:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
.category .inner .cate-lst dl{ float:left;}
.category .inner .cate-lst dl dt{ font-size:22px; color:#0f6347; font-weight:bold; margin:0 0 22px 0;}
.category .inner .cate-lst dl dd a{ color:#675f4f; font-size:14px; display:block; line-height:25px;}
.category .inner .cate-lst dl.c1{ background:url(../images/index/cate_bg1.jpg) 48px 0 no-repeat; height:233px;}
.category .inner .cate-lst dl.c2{ background:url(../images/index/cate_bg2.jpg) 179px 0 no-repeat; height:233px;}
.category .inner .cate-lst dl.c3{ background:url(../images/index/cate_bg3.jpg) 190px 0 no-repeat; height:233px;}
.category .inner .cate-lst dl.c4{ background:url(../images/index/cate_bg4_new.jpg) 50px 0 no-repeat; height:184px;}
.category .inner .cate-lst dl.c5{ background:url(../images/index/cate_bg5.jpg) 80px 0 no-repeat; height:184px;}
.category .inner .cate-lst dl.c6{ background:url(../images/index/cate_bg6_new.jpg) 182px 63px no-repeat; height:184px;}
.category .inner .cate-lst dl:nth-child(3n+1){ width:310px; clear:both;}
.category .inner .cate-lst dl:nth-child(3n+2){ width:344px;}
.category .inner .cate-lst dl:nth-child(3n+3){ width:315px;}

.m-sns{ background:#eafff0;}
.m-sns .inner{ position:relative; width:1100px; height:808px; margin:0 auto; padding:75px 0 0 0;}
.m-sns .inner .tit{ width:100%; text-align:center; margin:0 0 80px 0;}
.m-sns .inner .tit h2{ font-size:50px; color:#222; line-height:1; margin:0 0 15px 0; text-transform:uppercase;}
.m-sns .inner .tit>p{ font-size:20px; color:#222; text-align:center; line-height:1; }
.m-sns .bt-more{ position:absolute; top:77px; right:50%; margin-right:-550px; display:inline-block; font-size:14px; color:#666; line-height:44px; background:url(../images/index/bt_more.png) 100% 50% no-repeat; padding:0 60px 0 0;}
.m-sns .bt-more:hover{ text-decoration:underline;}
.m-sns .slide:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
.m-sns .item{ width:270px; height:370px; float:left; border:#d7efde 1px solid; border-radius:8px; padding:15px 14px 0 15px; margin:0 0 0 6px; background-color:#fff;}
.m-sns .item:nth-child(4n+1){ margin-left:0;}
.m-sns .item>span,
.m-sns .item a>span{ display:block;}
.m-sns .item img{ width:auto; display:inline-block;}
.m-sns .item .blt{ display:block; margin:0 0 6px 0;}
.m-sns .item .blt img{ display:block; max-width:100%;}
.m-sns .item .thum,
.m-sns .item .thum img{ width:240px; height:150px; display:block;}
.m-sns .item .subject{ position:relative; margin-top:16px; padding:0 0 18px 50px; color:#90949c; font-size:12px;}
.m-sns .item .subject .ico{ position:absolute; top:0; left:0;}
.m-sns .item .subject strong{ font-size:14px; display:block; font-weight:normal;}
.m-sns .item.facebook .subject strong{ color:#3b5997;}
.m-sns .item.cafe .subject strong{ color:#0f6347;}
.m-sns .item.blog .subject strong{ color:#0f6347;}
.m-sns .item.youtube .subject strong{ color:#c2191e;}
.m-sns .item.instagram .subject strong{ color:#0f6347;}
.m-sns .owl-carousel .owl-controls{ text-align:center; margin-top:60px;}
.m-sns .owl-carousel .owl-controls .owl-dot{ display:inline-block; margin:0 8px;}
.m-sns .owl-carousel .owl-controls .owl-dot span{ display:block; width:14px; height:14px; border-radius:50%; background-color:#dcddde; text-indent:-9999px;}
.m-sns .owl-carousel .owl-controls .owl-dot.active span{ background-color:#0f6347;}
.m-sns .sns-ico{ margin:42px 0 0 0; padding:0 0 0 10px;}
.m-sns .sns-ico:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
.m-sns .sns-ico li{ float:left; margin-left:26px;}
.m-sns .sns-ico li:first-child{ margin-left:0;}
.m-sns .sns-ico li a{ display:block; line-height:42px; color:#0f6347; font-size:14px; padding-left:56px; background-position:0 50%; background-repeat:no-repeat;}
.m-sns .sns-ico li.sns1 a{ background-image:url(../images/footer_sns6.png);}
.m-sns .sns-ico li.sns2 a{ background-image:url(../images/footer_sns2.png);}
.m-sns .sns-ico li.sns3 a{ background-image:url(../images/footer_sns7.png);}
.m-sns .sns-ico li.sns4 a{ background-image:url(../images/footer_sns1.png);}
.m-sns .sns-ico li.sns5 a{ background-image:url(../images/footer_sns5.png);}


/************************************************
	brand
************************************************/
.brand-main{ background:url(../images/history_bg.gif) 50% 0 no-repeat;}
.brand00-tx{ text-align:center; font-size:18px;}
.brand00-tx strong{ font-size:32px; color:#222; display:block;}
.brand00-hd{ margin:50px 0 0 0;}
.brand00-hd ul:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
.brand00-hd li{ position:relative; float:left; margin:0 0 40px 20px; border-radius:50%;}
.brand00-hd li:nth-child(4n+1){ margin-left:0;}
.brand00-hd li a{ display:block; width:260px; height:260px; background-position:50% 50%; background-repeat:no-repeat;}
.brand00-hd li.c1 a{ background-image:url(../images/brand_m1.png);}
.brand00-hd li.c2 a{ background-image:url(../images/brand_m2_new.png);}
.brand00-hd li.c3 a{ background-image:url(../images/brand_m3_new.png);}
.brand00-hd li.c4 a{ background-image:url('../images/brand_list_harp.png');}
.brand00-hd li.c5 a{ background-image:url(../images/brand_m5.png);}
.brand00-hd li.c6 a{ background-image:url(../images/brand_m6.png);}
.brand00-hd li.c7 a{ background-image:url(../images/brand_m7.png);}
.brand00-hd li.c8 a{ background-image:url(../images/brand_m8.png);}
.brand00-hd li.c9 a{ background-image:url(../images/brand_m9_new.png);}
.brand00-hd li.c10 a{ background-image:url(../images/brand_m10.png);}
.brand00-hd li.c11 a{ background-image:url(../images/brand_m11.png);}
.brand00-hd li.c12 a{ background-image:url(../images/brand_m12.png);}
.brand00-hd li.c13 a{ background-image:url(../images/brand_m13.png);}
.brand00-hd li.c14 a{ background-image:url(../images/brand_m14.png);}
.brand00-hd li.c15 a{ background-image:url('../images/brand_list_future-coding_2022.png');}
.brand00-hd li.c16 a{ background-image:url(../images/brand/brand_m16.png);}
.brand00-hd li.c17 a{ background-image:url(../images/brand/brand_m17_1.png);}
.brand00-hd li.c18 a{ background-image:url('../images/brand/sharper_image.png');}

.brand00-hd li span{ position:absolute; top:0; left:0; display:block; width:260px; height:260px; color:#fff; text-align:center; border-radius:50%; opacity:0; }
.brand00-hd li a:hover span{ opacity:1; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.brand00-hd li span:after{ content:""; position:absolute; bottom:35px; left:50%; margin-left:-15px; width:30px; height:30px; display:block; background:url(../images/icon_plus1.png) 50% 50% no-repeat;}
.brand00-hd li span strong{ position:relative; display:block; font-size:18px; padding:50px 0 10px; margin:0 0 15px 0; font-weight:normal;}
.brand00-hd li span strong:after{ content:""; position:absolute; width:30px; height:2px; background-color:#fff; display:block; bottom:0; left:50%; margin-left:-15px;}

.brand00-hd li.c1 span{ background-color:rgb(0 135 255 / 80%);}
.brand00-hd li.c2 span{ background-color:rgba(255, 109, 172, 0.8);}
.brand00-hd li.c3 span{ background-color:rgba(255, 171, 0, 0.8);}
.brand00-hd li.c4 span{ background-color:rgba(0,138,208,0.8);}
.brand00-hd li.c5 span{ background-color:rgba(237,22,81,0.8);}
.brand00-hd li.c6 span{ background-color:rgba(113,41,203,0.8);}
.brand00-hd li.c7 span{ background-color:rgba(237,6,129,0.8);}
.brand00-hd li.c8 span{ background-color:rgba(43,115,181,0.8);}
.brand00-hd li.c9 span{ background-color:rgba(231, 76, 149, 0.8);}
.brand00-hd li.c10 span{ background-color:rgba(115,59,179,0.8);}
.brand00-hd li.c11 span{ background-color:rgba(22,61,186,0.8);}
.brand00-hd li.c12 span{ background-color:rgba(0,138,208,0.8);}
.brand00-hd li.c13 span{ background-color:rgba(232,64,46,0.8);}
.brand00-hd li.c14 span{ background-color:rgba(255,201,13,0.8);}
.brand00-hd li.c15 span{ background-color:rgba(65,216,208,0.8);}
.brand00-hd li.c16 span{ background-color:rgba(255,119,0,0.8);}
.brand00-hd li.c17 span{ background-color:rgba(0,138,208,0.8);}
.brand00-hd li.c18 span{ background-color:rgba(110,110,110,0.8);}

.brand-hd{ position:relative; height:650px; background-position:50% 0; background-repeat:no-repeat; z-index:1;}
.brand01 .brand-hd{ background-image:url(../images/brand01_bg.jpg);}
.brand01-2 .brand-hd{ background-image:url(../images/brand01_bg.jpg);}
.brand02 .brand-hd{ background-image:url(../images/brand02_bg_new.jpg);}
.brand03 .brand-hd{ background-image:url(../images/brand03_bg2.jpg);}
.brand04 .brand-hd{ background-image:url('../images/harp_visual_.jpg');}
.brand05 .brand-hd{ background-image:url(../images/brand05_bg.jpg);}
.brand06 .brand-hd{ background-image:url(../images/brand06_bg.jpg);}
.brand07 .brand-hd{ background-image:url(../images/brand07_bg.jpg);}
.brand08 .brand-hd{ background-image:url(../images/brand08_bg.jpg);}
.brand09 .brand-hd{ background-image:url(../images/brand09-2_bg.jpg);}
.brand10 .brand-hd{ background-image:url(../images/brand10_bg.jpg);}
.brand11 .brand-hd{ background-image:url(../images/brand11_bg.jpg);}
.brand12 .brand-hd{ background-image:url(../images/brand12_bg.jpg);}
.brand13 .brand-hd{ background-image:url(../images/brand13_bg.jpg);}
.brand14 .brand-hd{ background-image:url(../images/brand14_bg.jpg);}
.brand14-2 .brand-hd{ background-image:url(../images/brand14_bg.jpg);}
.brand15 .brand-hd{ background-image:url('../images/brand15_bg_221114.jpg');}

.brand-hd .cate{ position:absolute; top:40px; left:50%; margin-left:-550px; width:1100px; }
.brand-hd .cate li{ position:relative; float:left; margin:0 0 0 6px;}
.brand-hd .cate li:first-child{ margin:0;}
.brand-hd .cate li a{ position:relative; display:table; width:79px; height:79px; background-repeat:no-repeat; background-position:50% 50%; z-index:2; }
.brand-hd .cate li a span{ width:79px; height:79px; text-align:center; color:#fff; border-radius:50%; line-height:1.2; display:none;}
.brand-hd .cate li a span *{ line-height:1.2; }
.brand-hd .cate li a:hover span{ display:table-cell; vertical-align:middle; }
.brand-hd .cate li.active:after{ content:""; position:absolute; z-index:1; top:-2px; left:-2px; width:83px; height:91px; background-repeat:no-repeat; background-position:50% 0;}
.brand-hd .cate li.c1 a{ background-image:url(../images/brand_c1.png); }
.brand-hd .cate li.c2 a{ background-image:url(../images/brand_c2_new.png); }
.brand-hd .cate li.c3 a{ background-image:url(../images/brand_c3.png); }
.brand-hd .cate li.c4 a{ background-image:url('../images/brand_harp.png'); }
.brand-hd .cate li.c5 a{ background-image:url(../images/brand_c5.png); }
.brand-hd .cate li.c6 a{ background-image:url(../images/brand_c6.png); }
.brand-hd .cate li.c7 a{ background-image:url(../images/brand_c7.png); }
.brand-hd .cate li.c8 a{ background-image:url(../images/brand_c8.png); }
.brand-hd .cate li.c9 a{ background-image:url(../images/brand_c9.png); }
.brand-hd .cate li.c10 a{ background-image:url(../images/brand_c10.png); }
.brand-hd .cate li.c11 a{ background-image:url(../images/brand_c11.png); }
.brand-hd .cate li.c12 a{ background-image:url(../images/brand_c12.png); }
.brand-hd .cate li.c13 a{ background-image:url(../images/brand_c13.png); }
.brand-hd .cate li.c14 a{ background-image:url(../images/brand_c14.png); }
.brand-hd .cate li.c15 a{ background-image:url(../images/brand_c15.png); }
.brand-hd .cate li.c1 a span{ background-color:#6a44d1;}
.brand-hd .cate li.c2 a span{ background-color:#ff6ea6;}
.brand-hd .cate li.c3 a span{ background-color:#8e1e13;}
.brand-hd .cate li.c4 a span{ background-color:#008ad0;}
.brand-hd .cate li.c5 a span{ background-color:#ed1651;}
.brand-hd .cate li.c6 a span{ background-color:#7129cb;}
.brand-hd .cate li.c7 a span{ background-color:#ed0681;}
.brand-hd .cate li.c8 a span{ background-color:#2b73b5;}
.brand-hd .cate li.c9 a span{ background-color:#9f25b5;}
.brand-hd .cate li.c10 a span{ background-color:#733bb3;}
.brand-hd .cate li.c11 a span{ background-color:#163dba;}
.brand-hd .cate li.c12 a span{ background-color:#008ad0;}
.brand-hd .cate li.c13 a span{ background-color:#e8402e;}
.brand-hd .cate li.c14 a span{ background-color:#4db848;}
.brand-hd .cate li.c15 a span{ background-color:#03a79e;}
.brand-hd .cate li.c1.active:after{ background-image:url(../images/brand_c1on.png);}
.brand-hd .cate li.c2.active:after{ background-image:url(../images/brand_c5on.png);}
.brand-hd .cate li.c3.active:after{ background-image:url(../images/brand_c3on.png);}
.brand-hd .cate li.c4.active:after{ background-image:url(../images/brand_c4on.png);}
.brand-hd .cate li.c5.active:after{ background-image:url(../images/brand_c5on.png);}
.brand-hd .cate li.c6.active:after{ background-image:url(../images/brand_c6on.png);}
.brand-hd .cate li.c7.active:after{ background-image:url(../images/brand_c7on.png);}
.brand-hd .cate li.c8.active:after{ background-image:url(../images/brand_c8on.png);}
.brand-hd .cate li.c9.active:after{ background-image:url(../images/brand_c9on.png);}
.brand-hd .cate li.c10.active:after{ background-image:url(../images/brand_c10on.png);}
.brand-hd .cate li.c11.active:after{ background-image:url(../images/brand_c11on.png);}
.brand-hd .cate li.c12.active:after{ background-image:url(../images/brand_c12on.png);}
.brand-hd .cate li.c13.active:after{ background-image:url(../images/brand_c13on.png);}
.brand-hd .cate li.c14.active:after{ background-image:url(../images/brand_c14on.png);}
.brand-hd .cate li.c15.active:after{ background-image:url(../images/brand_c15on.png);}


.brand-con01{ display:table; width:100%; }
.brand-con01+.brand-con01{ margin-top:70px;}
.brand-con01>div{ display:table-cell; vertical-align:top;}
.brand-con01 .thum{ width:390px; text-align:center;}
.brand-con01 .thum .img_box {width:260px; margin: auto}
.brand-con01 .txt{ text-align:left; font-size:16px; word-break: keep-all}
.brand-con01 .txt strong{ display:block; font-size:26px; color:#b13200; margin:0 0 25px 0;}

.brand-con02{ background-color:#ffe5f3; padding:70px 0 90px 0; margin-top:80px; font-size:16px;}
#container.brand01 .brand-con02{ background-color:#f6f3fd;}
#container.brand01-2 .brand-con02{ background-color:#e4f5fd;}
#container.brand04 .brand-con02{ background-color:#dcfdff;}
#container.brand05 .brand-con02{ background-color:#fdf2fa; padding-top:0;}
#container.brand06 .brand-con02{ background-color:#fdf3f2; padding-top:0;}
#container.brand07 .brand-con02{ background-color:#e8f9ff;}
#container.brand08 .brand-con02{ background-color:#fbf9dc; padding-top:0;}
#container.brand09 .brand-con02{ background-color:#e5f8fb; padding-top:0;}
#container.brand10 .brand-con02{ background-color:#e9f4fb;}
#container.brand11 .brand-con02{ background-color:#dff5ff;}
#container.brand12 .brand-con02{ background-color:#e3effc;}
#container.brand13 .brand-con02{ background-color:#fef1da;}
#container.brand14 .brand-con02{ background-color:#fbf9dc;}
#container.brand14-2 .brand-con02{ background-color:#edfaef;}
#container.brand15 .brand-con02{ background-color:#d9f7f6;}
.brand-con02 .tx01{ text-align:center; font-size:26px;}
.brand-con02 .tx02{ text-align:center;}
.brand-con02lst{ text-align:center;}
.brand-con02lst:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
.brand-con02lst li{ display:inline-block; width:300px; text-align:center; margin:0 23px;vertical-align:top;}
.brand-con02lst.n4 li{ width:190px;}
.brand-con02lst.n40 li{ width:240px; margin:0 9px; vertical-align:top; }
.brand-con02lst.auto li{ width:auto; margin:0 5px; vertical-align:top;  margin-bottom:20px; }
.brand-con02lst li span{ display:block; font-size:14px;}
.brand-con02lst li .name{ display:block; line-height:1; margin:25px 0 10px; font-size:20px; color:#b13200; font-weight:normal;}
.brand-con02lst-typ2{ text-align:left; width:1000px; margin:0 auto;}
.brand-con02lst-typ2:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
.brand-con02lst-typ2 li:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
.brand-con02lst-typ2 li .thum{ width:50%; display:block; float:left;}
.brand-con02lst-typ2 li .thum img{ display:block;}
.brand-con02lst-typ2 li .tbx{ width:50%; float:left; padding:100px 60px 0;}
.brand-con02lst-typ2 li .name{ display:block; line-height:1; margin:0 0 20px; font-size:30px; color:#b13200; font-weight:normal;}
.brand-con02lst-typ2 li:nth-child(even) .thum{ float:right;}
.brand-con02lst-typ2 li:nth-child(even) .tbx{ text-align:right;}
.brand-con02lst-typ3{ width:880px; margin:60px auto 0;}
.brand-con02lst-typ3:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
.brand-con02lst-typ3 li{ float:left; width:220px; margin:0 0 40px 0; text-align:center;}
.brand-con02lst-typ3 li:nth-child(4n+1){ clear:both;}
.brand-con02lst-typ3 li .name{ font-size:18px; color:#222; display:block; font-weight:normal;}
.brand-con02lst-typ4{ width:860px; margin:0 auto;}
.brand-con02lst-typ4 .item{ width:100%; display:table;}
.brand-con02lst-typ4 .item+.item{ margin-top:50px;}
.brand-con02lst-typ4 .item .thum{ display:table-cell; width:240px; text-align:center; vertical-align:middle;}
.brand-con02lst-typ4 .item .thum.w50{ width:50%;}
.brand-con02lst-typ4 .item .thum.w60{ width:60%;}
.brand-con02lst-typ4 .item .tbx{ display:table-cell; text-align:left; vertical-align:middle; padding:0 0 0 40px; font-size:16px;}
.brand-con02lst-typ4 .item .tbx strong{ font-size:26px; display:block; margin:0 0 25px 0; font-weight:normal;}

.bt-futurebook{ display:block; background-color:#6a44d1; text-align:center; line-height:100px; color:#fff; font-size:22px; font-weight:bold; margin-top:95px;}
.bt-futurebook:before{ content:""; width:100px; height:100px; display:inline-block; background:url(../images/icon_futurebook.png) 50% 50% no-repeat; vertical-align:middle; margin-right:40px;}
.bt-futurebook:after{ content:""; width:38px; height:38px; display:inline-block; background:url(../images/icon_arr.png) 50% 50% no-repeat; vertical-align:middle; border:#fff 3px solid; border-radius:50%; margin-left:40px;}

.bt-wellpaper{ display:block; background-color:#f8fbf9; text-align:center; line-height:100px; border:#d0e1d8 1px solid; color:#06954a; font-size:22px; font-weight:bold; margin-top:95px;}
.bt-wellpaper:before{ content:""; width:98px; height:98px; display:inline-block; background:url(../images/icon_wellpaper.png) 50% 5px no-repeat; vertical-align:middle; margin-right:40px;}
.bt-wellpaper:after{ content:""; width:34px; height:98px; display:inline-block; background:url(../images/icon_down_lg.png) 50% 50% no-repeat; vertical-align:middle; margin-left:40px;}

.brand-mov{ position:relative; margin:88px 0 0 0;}
.brand-mov .bt-more{ position:absolute; top:0; right:50%; margin-right:-550px; display:inline-block; font-size:14px; color:#666; line-height:44px; background:url(../images/index/bt_more.png) 100% 50% no-repeat; padding:0 60px 0 0; z-index:99;}
.brand-mov .bt-more:hover{ text-decoration:underline;}
.brand-mov .b-mov{ width:900px; margin:0 auto;}
.brand-mov .b-mov .name{ font-size:20px; display:block; margin-top:10px; color:#333;}
.brand-mov .s-mov{ position:relative; margin-top:70px; padding:0 100px;}
.brand-mov .s-mov:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
.brand-mov .s-mov .item{ display:block; text-align:center; width:210px; float:left; margin-left:20px;}
.brand-mov .s-mov .item:first-child{ margin-left:0;}
.brand-mov .s-mov.slideOn .item{ margin-left:0;}
.brand-mov .s-mov .item>img{ width:100%; height:130px;}
.brand-mov .s-mov .item span{ color:#333; display:block;}
.brand-mov .s-mov .bx-prev{ position:absolute; top:25px; left:0; width:47px; height:80px; display:block; text-indent:-9999px; background:url(../images/bt_prev.png) 50% 50% no-repeat; cursor:pointer; }
.brand-mov .s-mov .bx-next{ position:absolute; top:25px; right:0; width:47px; height:80px; display:block; text-indent:-9999px; background:url(../images/bt_next.png) 50% 50% no-repeat; cursor:pointer; }
.brand-mov .s-mov .bx-prev:hover{ background:url(../images/bt_prev_ov.png) 50% 50% no-repeat;}
.brand-mov .s-mov .bx-next:hover{ background:url(../images/bt_next_ov.png) 50% 50% no-repeat;}

.brand-sns{ margin:70px 0 0 0; display:block; width:100%;}
.brand-sns:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
.brand-sns>a{ position:relative; float:left; display:block; height:100px; padding:30px 0 0 80px; vertical-align:middle;}
.brand-sns>a:after{ content:""; position:absolute; top:50%; right:29px; margin-top:-20px; width:40px; height:40px; border:#fff 3px solid; border-radius:50%; display:block; background:url(../images/arr_white.png) 50% 50% no-repeat;}
.brand-sns>a:before{ content:""; position:absolute; top:50%; left:25px; margin-top:-20px; width:40px; height:40px; display:block;}
.brand-sns.n1>a{ width:100%;}
.brand-sns.n2>a{ width:50%;}
.brand-sns.n4>a{ width:25%;}
.brand-sns>a.youtube{ background-color:#ea3022; color:#fff;}
.brand-sns>a.youtube:before{ background:url(../images/icon_youtube.png) 50% 50% no-repeat;}
.brand-sns.n1>a.youtube{ font-size:22px; text-align:center; padding:30px 0 0 0;}
.brand-sns.n1>a.youtube:after{ position:relative; top:auto; right:auto; display:inline-block; vertical-align:middle; margin:0 0 0 24px;}
.brand-sns.n1>a.youtube:before{ position:relative; top:auto; left:auto; display:inline-block; vertical-align:middle; margin:0 24px 0 0; }
.brand-sns>a.instagram{ background:url(../images/bg_instagram.png) 0 0 no-repeat; color:#fff;}
.brand-sns>a.instagram:before{ background:url(../images/icon_youtube.png) 50% 50% no-repeat;}
.brand-sns>a.facebook{ background-color:#3b5997; color:#fff;}
.brand-sns>a.facebook:before{ background:url(../images/icon_facebook.png) 50% 50% no-repeat;}
.brand-sns>a.cafe{ background-color:#2eb90c; color:#fff;}
.brand-sns>a.cafe:before{ background:url(../images/icon_cafe.png) 50% 50% no-repeat; left:15px; margin-top:-28px; width:55px; height:55px;}
.brand-sns>a.site{ background-color:#06954a; color:#fff; padding:30px 0 0 28px; }
.brand-sns>a.site:before{ display:none;}

.brand-goods{ position:relative; margin-top:70px; display:none;}
.brand-goods .goods-lst:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
.brand-goods .goods-lst .item{ float:left; width:260px; margin:0 0 0 20px; text-align:center;}
.brand-goods .goods-lst .item:first-child{ margin:0;}
.brand-goods .goods-lst .item .name{ color:#333; font-size:16px;}

.brand06-dw{ width:917px; margin:50px 0 0 60px; overflow:hidden;}
.brand06-dw .tx{ height:134px; line-height:134px; padding:0 0 0 240px; text-align:center; background:url(../images/brand06_bx.jpg) 0 0 no-repeat;}
.brand06-dw .btn{ margin:20px 0 0 0; float:right;}

#container.brand01 .color{ color:#6a44d1;}
#container.brand01-2 .color{ color:#007ac2;}
#container.brand04 .color{ color:#0089cf;}
#container.brand05 .color{ color:#ec1751;}
#container.brand06 .color{ color:#5f1a81;}
#container.brand07 .color{ color:#ed0681;}
#container.brand08 .color{ color:#2b73b5;}
#container.brand09 .color{ color:#9f25b5;}
#container.brand10 .color{ color:#733bb3;}
#container.brand11 .color{ color:#163dba;}
#container.brand12 .color{ color:#163dba;}
#container.brand13 .color{ color:#e8402e;}
#container.brand14 .color{ color:#d71921;}
#container.brand14-2 .color{ color:#00b65a;}
#container.brand15 .color{ color:#136460;}

.cha_group {width: 650px; margin: 0 auto 20px}
.hrap_broadcast {text-align: center}
.hrap_time {margin: 40px 0 120px; text-align: center}


/* 201027 브레드이발소, 미니특공대 추가 */
.brand16 .brand-hd{ background-image:url(../images/brand/brand16_bg.jpg);}
.brand16 .brand-con02 {background: none; padding: 0}
.brand-hd .cate li.c16 a{ background-image:url(../images/brand/brand_c16.png); }
.brand-hd .cate li.c16 a span {background-color: #8e1e13;}
.brand-hd .cate li.c16.active:after {background-image: url(../images/brand_c3on.png);}

.brand17 .brand-hd{ background-image:url(../images/brand/brand17_1_bg.jpg);}
.brand17 .brand-con02 {background: none; padding: 0}
.brand-hd .cate li.c17 a{ background-image:url(../images/brand/brand_c17_1.png); }
.brand-hd .cate li.c17 a span {background-color: #163dba;}
.brand-hd .cate li.c17.active:after {background-image: url(../images/brand_c11on.png);}
.brand17 .brand-con01 .txt strong {color: #1135b1}

/* futurebookflash
 * --------------------------------------------------------------------- */
 .pop-futurebook{ width:842px;}
  .pop-futurebook .bt-close{ top:0; right:-30px;}
.futurebookflash-wrap {
	width: 842px;
	margin:0;
	background: #bad473;
	padding: 20px;
	border: 1px solid #707f45;
}

.futurebookflash-wrap .target {
	width: 800px;
	height: 576px;
	border: 1px solid #a8c262;
	margin-bottom: 10px;
	background: #eee url(/img/basic/loading-large-eee.gif)
					no-repeat center;
}

.futurebookflash-wrap .nav {
	width: 802px;
	overflow: hidden;
}

.futurebookflash-wrap .nav ul {
	width: 813px;
	height: 80px;
}

.futurebookflash-wrap .nav ul li {
	display: block;
	float: left;
	margin-right: 11px;
}

.futurebookflash-wrap .nav ul li a {
	display: block;
	width: 260px;
	height: 80px;
	overflow: hidden;
	text-indent: -9999px;
	background-repeat: no-repeat;
}
.futurebookflash-wrap .nav ul li a.current,
.futurebookflash-wrap .nav ul li a:hover {
	background-position: 0 -81px;
}


/************************************************
	product
************************************************/
.product-wr .search-bx{ float:right; width:366px; padding:0 100px 0 0;}
.product-wr .search-bx .input{ width:100%; display:block; height:50px; line-height:50px; border:none; background-color:#eee; text-indent:20px;}
.product-wr .search-bx .input:-ms-input-placeholder{color:#666; line-height:50px; vertical-align:middle; }
.product-wr .search-bx .input::-moz-placeholder{color:#666; line-height:50px; vertical-align:middle; }
.product-wr .search-bx .input:-moz-placeholder{color:#666; line-height:50px; vertical-align:middle; }
.product-wr .search-bx .input::-webkit-input-placeholder{ color:#666; vertical-align:middle; font-weight:normal; }
.product-wr .search-bx .bt-sch{ display:block; position:absolute; top:0; right:0; width:100px; height:50px; line-height:50px; background-color:#0f6347; font-size:16px; color:#fff; text-align:center;}
.product-wr .sel-grp{ position:relative; padding:0; background-color:#eee; margin:0;}
.product-wr .sel-grp:after{ content:''; display:block; clear:both; height:0; visibility:hidden;}
.product-wr .sel-grp .chosen-container{ float:left; margin-left:-1px;}

.pro-tit{ margin:40px 0 -10px; padding:0; text-align:center; }
.pro-tit h3{ color:#333; font-size:31px; line-height:1; margin:0; padding:0;}
.pro-tit>div.total{ font-size:18px; margin:5px 0 0 0;}
.pro-tit>div.total strong{ color:#333;}

.pro-list{ border-top:#0f6347 3px solid; margin:40px 0 0 0;}
.pro-list .inner{ margin:0 0 0 -20px; overflow:hidden;}
.pro-list .inner .item{ width:260px; float:left; margin:40px 0 0 20px; text-align:center;}
.pro-list .inner .item:nth-child(4n+1){ clear:both;}
.pro-list .inner .item .thum{ position:relative; display:block; width:260px; height:260px;}
.pro-list .inner .item .thum img{ display:block; width:260px; height:260px; border:#e9e9e9 1px solid; }
.pro-list .inner .item .thum i{ position:absolute; top:0; left:0; display:block; width:46px; height:46px; background-color:#0f6347; border-radius:0 0 5px 0; line-height:46px; text-align:center; color:#fff344; font-size:12px;}
.pro-list .inner .item .name{ display:block; font-size:16px; color:#222; margin:10px 0 0 0;}
.pro-list .inner .item .years{ display:block; font-size:12px;}
.pro-list.nobrd{ border-top:none; margin:0;}
.pro-list.nobrd .inner .item{ width:260px; float:left; margin:0 0 0 20px; text-align:center;}

.pro-big{ margin:40px 0 0 0; padding:0 0 40px 0; border-bottom:#e9e9e9 2px solid;}
.pro-big:after{content:'';display:block;clear:both;height:0px;visibility:hidden;}
.pro-big .pro-slide{ float:left; width:500px;}
.pro-big .pro-slide .bx-pager{ margin:50px 0 0 0; text-align:center;}
.pro-big .pro-slide .bx-pager .bx-pager-item{ display:inline-block; margin:0 6px;}
.pro-big .pro-slide .bx-pager .bx-pager-item a{ display:block; width:16px; height:16px; background-color:#d2d2d2; border-radius:8px; text-indent:-9999px;}
.pro-big .pro-slide .bx-pager .bx-pager-item a.active{ background-color:#10674a;}
.pro-big .pro-slide .item{ border:#e9e9eb 1px solid;}
.pro-big .pro-slide .item img{ display:block;}
.pro-big .tbx{ float:right; width:500px; padding:60px 0 0 0;}
.pro-big .tbx h3{ margin:0 0 10px 0; line-height:1;}
.pro-big .tbx .sub-tx{ font-size:16px; min-height:50px;}
.pro-big .tbx .txt{ border-top:#0f6347 2px solid; padding:30px 0 0 0; color:#222; font-size:16px; min-height:216px;}
.pro-big .tbx .btn-box{ margin:0; text-align:left;}
.pro-big .tbx .btn-box .bt-buy{ width:240px; line-height:55px; background-color:#0f6347; text-align:center; color:#fff; font-size:20px; display:inline-block;}
.pro-detail{ margin:40px 0 0 0; text-align:center;}
.pro-detail img{display:block; width:auto; margin:0 auto;}




/* kid-case */
.kid-case{ margin:40px 0 0 0;}
.kid-case .step1{ background-color:#fcdee0; padding:0 0 70px;}
.kid-case .step1 .hd{ margin-bottom:70px;}
.kid-case .step1 .hd img{ display:block; }
.kid-case h3{ padding:0 0 10px; text-align:center;}
.kid-case .tx01{ text-align:center;}
.kid-case h3 img,
.kid-case .tx01 img{ display:inline;}
.age-tab{ margin:20px 0 0 0; padding:0 0 0 50px;}
.age-tab:after{content:'';display:block;clear:both;height:0px;visibility:hidden;}
.age-tab li{ float:left; width:118px;}
.age-tab li + li{ margin-left:8px;}
.age-tab li a{ height:120px; display:block; text-indent:-9999px; background-image:url('../images/case_tab.png'); }
.age-tab li.age1 a{ background-position:0 0;}
.age-tab li.age2 a{ background-position:-126px 0;}
.age-tab li.age3 a{ background-position:-252px 0;}
.age-tab li.age4 a{ background-position:-378px 0;}
.age-tab li.age5 a{ background-position:-504px 0;}
.age-tab li.age6 a{ background-position:-630px 0;}
.age-tab li.age7 a{ background-position:-756px 0;}
.age-tab li.age8 a{ background-position:-882px 0;}
.age-tab li.age1 a:hover,
.age-tab li.age1.active a{ background-position:0 -120px;}
.age-tab li.age2 a:hover,
.age-tab li.age2.active a{ background-position:-126px -120px;}
.age-tab li.age3 a:hover,
.age-tab li.age3.active a{ background-position:-252px -120px;}
.age-tab li.age4 a:hover,
.age-tab li.age4.active a{ background-position:-378px -120px;}
.age-tab li.age5 a:hover,
.age-tab li.age5.active a{ background-position:-504px -120px;}
.age-tab li.age6 a:hover,
.age-tab li.age6.active a{ background-position:-630px -120px;}
.age-tab li.age7 a:hover,
.age-tab li.age7.active a{ background-position:-756px -120px;}
.age-tab li.age8 a:hover,
.age-tab li.age8.active a{ background-position:-882px -120px;}
.kid-case .next{ background-color:#de5b87; padding:24px 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 40px; border:#e6e7e8 1px solid; height:50px; line-height:48px; font-size:20px; color:#222;}
.kid-case .next a::after{ content:""; display:inline-block;width:20px; height:16px; background:url('../images/ic_arr.png') 50% 50% no-repeat; vertical-align:middle; margin:0 0 0 30px;}
.kid-case .next.sp3 a::after{ content:""; display:inline-block;width:22px; height:22px; background:url('../images/ic_reload.png') 50% 50% no-repeat; vertical-align:middle; margin:0 0 0 30px;}

.kid-case .step2{ position:relative; background-color:#ffffdb; padding:70px 0;}
.kid-case .step2::before{ content:""; position:absolute; top:0; left:0; background:url('../images/case_bg2.png') 50% 0 repeat-x; height:14px; width:100%; }
.step-lst{ margin:20px 0 0 0; padding:0 0 0 50px;}
.step-lst:after{content:'';display:block;clear:both;height:0px;visibility:hidden;}
.step-lst .item{ position:relative; float:left; width:496px; height:100px; display:table; background-color:#fff; border:#e6e7e8 1px solid; border-radius:24px; margin:0 0 8px 8px;}
.step-lst .item:nth-child(2n+1){ margin-left:0; clear:both;}
.step-lst .item > span{ position:relative; display:table-cell; padding:0 35px 0 96px; vertical-align:middle;}
.step-lst .item i{ position:absolute; top:20px; left:20px; width:60px; height:60px; display:block;}
.step-lst .item.active{ background-color:#f4b006; border-color:#d89c05; color:#fff;}

.kid-case .step3{ position:relative; background-color:#e9f6fe; padding:70px 0;}
.kid-case .step3::before{ content:""; position:absolute; top:0; left:0; background:url('../images/case_bg3.png') 50% 0 repeat-x; height:14px; width:100%; }
.kid-case .step3 ul{ border-radius:20px; margin:20px auto 0; width:1000px; background-color:#fff; padding:40px 30px;}
.kid-case .step3 ul li{ height:80px; position:relative; padding:0 80px 0 220px; }
.kid-case .step3 ul li + li{ margin-top:28px;}
.kid-case .step3 ul li .tit{ height:80px; position:absolute; top:0; left:0; display:block; width:220px; padding:0 0 0 86px; line-height:80px; font-size:24px; color:#222; background-position:0 50%; background-repeat:no-repeat;}
.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:80px; height:80px; display:block; color:#fff; font-size:30px; font-weight:600; text-align:center; line-height:80px;}
.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:10px 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:20px; height:60px; border-radius:6px; background-color:#e6e7e8; }
.kid-case .step3 ul li .score i + i{ margin-left:12px;}
.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:70px 50px; background-color:#ffde00;}
.case-result h3{ margin:0 0 10px 0;}
.case-result .case-rlst{ margin:30px 0 0 0;}
.case-result .case-rlst h4{ margin:0 0 10px 0;}
.case-result ul:after{content:'';display:block;clear:both;height:0px;visibility:hidden;}
.case-result ul li{ float:left; width:244px; margin:0 0 8px 8px;}
.case-result ul li:nth-child(4n+1){ clear:both; margin-left:0;}
.case-result ul li a{ position:relative; display:block; height:300px; background:#fff; border-radius:16px; padding:10px 0 0 0; border:#e6e7e8 2px solid; overflow:hidden;}
.case-result ul li a i{ position:absolute; width:30px; height:30px; top:20px; left:20px; }
.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:14px; color:#222;}
.case-result ul li a .tbx strong{ display:block; font-size:20px;}
.case-result ul li a:hover{ border-color:#00aeef;}


/** CS팝업창 **/

#pop{position:absolute; top:50%; left:50%; margin-top: -400px; margin-left:-700px; 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%}

/** 메인팝업창 **/
.pop_txt_wrap {padding: 10px; font-family:'Noto Sans KR','NanumBarun', 'NanumSquare', 'Nanum Gothic', 'Malgun Gothic','dotum'; text-align: left}
.mobile_pop {position: absolute;  left:5%; top: 670px;   z-index: 50; border: 0px; width: 350px;}
.mobile_pop img {width: 100%}