@charset "utf-8";
* {box-sizing:border-box;}

#wrap {position:relative;padding-top:98px;}

#header {position:absolute;left:0;top:0;width:100%;background:#fff;z-index:200;overflow:hidden;transition:0.5s;height:98px;}
#header:before {content:"";display:block;position:absolute;left:0;top:98px;width:100%;background:rgba(255,255,255,0.9);top:300px;}
#header .inner {width:1280px;height:98px;margin:0 auto;position:relative;z-index:10;}
#header .logo {position:absolute;left:8px;top:24px;}
#header .logo a,
#header .logo img {display:block;}
#header .tnb {position:absolute;font-size:0;white-space:nowrap;position:absolute;right:0;top:18px;}
#header .tnb li {display:inline-block;vertical-align:top;}
#header .tnb li ~ li {margin-left:22px;}
#header .tnb li a {display:block;font-size:12px;color:rgba(0,0,0,0.6);font-size:12px;}
#header .gnb {position:absolute;right:0;top:34px;}
#header .gnb > li {float:left;position:relative;}
#header .gnb > li ~ li:before {content:"";display:block;width:2px;height:2px;background:#000;position:absolute;left:-1px;top:19px;}
#header .gnb > li > a {display:block;height:64px;line-height:42px;font-size:16px;font-weight:bold;color:#000;position:relative;padding:0 42px;letter-spacing:-0.05em;}
#header .gnb > li:last-child > a {padding-right:0;}
#header .gnb > li > ul {position:absolute;left:0;top:100%;width:100%;text-align:center;padding-top:10px;}
#header .gnb > li > ul > li > a {display:block;font-size:14px;color:#555;letter-spacing:-0.05em;padding:8px 0;}

#header:hover {height:370px;}
.sub #header {border-bottom:1px solid #8aa0cc;}

#vis {font-size:0;}
#vis,
#vis .vis {position:relative;overflow:hidden;}
#vis:before {content:"";display:block;position:absolute;left:50%;margin-left:-36px;width:72px;height:68px;background:url(../images/scr.png) no-repeat;bottom:30px;z-index:100;animation:mouse 1s ease infinite;}
#vis .vis {height:615px;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}
#vis .vis .inner {width:1280px;margin:0 auto;height:100%;white-space:nowrap;}
#vis .vis .inner:after {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
#vis .vis dl {display:inline-block;vertical-align:middle;max-width:100%;white-space:normal;}
#vis .vis dl > * {transform:translate3d(0,-20px,0);opacity:0;}
#vis .vis dl dt {font-size:70px;font-weight:bold;color:#5b9e2e;letter-spacing:-0.05em;font-family:'Montserrat',sans-serif;}
#vis .vis dl dd {margin-top:32px;font-size:22px;color:#000;letter-spacing:-0.05em;line-height:1.4em;}

#vis .slick-dots {font-size:0;position:absolute;width:1280px;left:50%;margin-left:-640px;z-index:100;bottom:160px;}
#vis .slick-dots li {display:inline-block;vertical-align:top;margin-right:60px;}
#vis .slick-dots li button {box-sizing:border-box;width:20px;height:20px;border-radius:50%;border:none;background:none;text-indent:-9999px;position:relative;}
#vis .slick-dots li button:before {content:"";display:block;width:8px;height:8px;background:#000;border-radius:50%;position:absolute;left:50%;top:50%;margin:-4px 0 0 -4px;}
#vis .slick-dots .slick-active button {background:#fff;}

#vis .slick-current .vis dl > * {animation:visAni 1s;animation-fill-mode:forwards;}
#vis .slick-current .vis dl dt {animation-delay:0.1s;}
#vis .slick-current .vis dl dd {animation-delay:0.4s;}

@keyframes visAni {
	0 {transform:translate3d(0,-20px,0);opacity:0;}
	100% {transform:translate3d(0,0,0);opacity:1;}
}

@keyframes mouse {
	0% {transform:translate3d(0,0,0);}
	50% {transform:translate3d(0,10px,0);}
	100% {transform:translate3d(0,0,0);}
}


#ban {margin-top:1px;overflow:hidden;}
#ban:after {content:"";display:block;clear:both;}
#ban .box {float:left;width:50%;height:211px;background-image:url(../images/ban1.jpg);background-repeat:no-repeat;background-position:50% 50%;background-size:cover;overflow:hidden;}
#ban .box2 {border-left:1px solid #fff;background-image:url(../images/ban2.jpg);}
#ban .box h3 {font-size:16px;font-weight:bold;text-decoration:underline;margin-bottom:20px;}
#ban .box .sum {font-size:28px;line-height:1.3em;}
#ban .box dl dt {font-size:20px;}
#ban .box dl dd {font-size:32px;font-weight:bold;margin:3px 0 12px;}
#ban .box .desc {font-size:15px;}

#ban .box .in {float:right;width:640px;display:block;padding-top:45px;height:100%;background:url(../images/ico-ban1.png) no-repeat 100% 100px;color:#fff;}
#ban .box2 .in {float:left;padding-left:80px;background-image:url(../images/ico-ban2.png);}


#pdt {background:#f5fafa url(../images/pdt-bg.gif) no-repeat 50% 0;padding:75px 0 120px;}
#pdt .inner {width:1280px;margin:0 auto;}
#pdt h3 {text-align:center;font-size:40px;font-weight:800;color:#333;margin-bottom:35px;}
#pdt h3:before {content:"";display:block;width:42px;height:38px;background:url(../images/ico-pdt.png) no-repeat;margin:0 auto 8px;}
#pdt .area {margin:0 -10px -20px;}
#pdt .area:after {content:"";display:block;clear:both;}
#pdt .area .box {float:left;width:50%;padding:0 10px;margin-bottom:20px;}
#pdt .area .box .in {display:block;height:236px;padding:68px 0 0 353px;background:url(../images/pdt1.jpg) no-repeat;}
#pdt .area .box .in > * {display:block;}
#pdt .area .box em {color:rgba(255,255,255,0.9);font-size:16px;letter-spacing:0;font-family:'Montserrat',sans-serif;}
#pdt .area .box strong {margin:7px 0 10px;font-size:32px;font-weight:bold;color:#fff;letter-spacing:-0.05em;}
#pdt .area .box span {display:inline-block;border:1px solid #fff;background:rgba(0,0,0,0.2);width:105px;height:30px;line-height:28px;text-align:center;font-size:14px;color:#fff;}
#pdt .area .box2 .in {background-image:url(../images/pdt2.jpg);}
#pdt .area .box3 .in {background-image:url(../images/pdt3.jpg);}
#pdt .area .box3 em {color:rgba(0,0,0,0.55);}
#pdt .area .box3 strong {color:#000;}
#pdt .area .box4 .in {background-image:url(../images/pdt4.jpg);}
#pdt .area .box5 .in {background-image:url(../images/pdt5.jpg);}
#pdt .area .box6 .in {background-image:url(../images/pdt6.jpg);}


#best {padding:90px 0 110px;overflow:hidden;}
#best * {outline:none;}
#best h3 {font-size:40px;color:#333;margin-bottom:30px;font-weight:normal;text-align:center;}
#best .area {position:relative;}
#best .area .box .in {display:block;text-align:center;width:344px;height:380px;padding-top:40px;}
#best .area .box .info,
#best .area .box .info > * {display:block;}
#best .area .box .img {display:inline-block;width:243px;height:243px;border-radius:50%;overflow:hidden;}
#best .area .box .img img {display:block;width:100%;}
#best .area .box .info {margin-top:20px;}
#best .area .box .info strong {font-size:20px;color:#333;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
#best .area .box .info em {font-size:16px;margin-top:7px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
#best .area .slick-center .box .in {width:485px;padding-top:0;}
#best .area .slick-center .box .img {width:307px;height:307px;}
#best .slick-track {}
#best .slick-arrow {position:absolute;top:142px;width:24px;height:43px;display:block;text-align:left;font-size:0;border:none;text-indent:-9999px;overflow:visible;z-index:100;}
#best .slick-arrow.slick-prev {right:50%;margin-right:215px;background:transparent url(../images/best-prev.png) no-repeat;}
#best .slick-arrow.slick-next {left:50%;margin-left:215px;background:transparent url(../images/best-next.png) no-repeat;}

#bot {overflow:hidden;}
#bot:after {content:"";display:block;clear:both;}
#bot .box {float:left;width:50%;height:299px;background-image:url(../images/bot1.jpg);background-repeat:no-repeat;background-position:100% 50%;background-size:cover;overflow:hidden;}
#bot .box2 {background-image:url(../images/bot2.jpg);background-position:0 50%;}

#bot .box .in {float:right;width:640px;display:block;height:100%;text-align:center;padding-top:115px;}
#bot .box span {color:#333;display:inline-block;border-bottom:1px solid #333;font-size:16px;}
#bot .box strong {display:block;margin-top:20px;font-size:30px;font-weight:normal;color:#000;}
#bot .box2 .in {float:left;}

#footer {background:#232323;}
#footer .inner {width:1280px;margin:0 auto;}
#footer .top {position:relative;height:78px;}
#footer .top .fnb {font-size:0;}
#footer .top .fnb > li {display:inline-block;vertical-align:top;position:relative;}
#footer .top .fnb > li ~ li {margin-left:19px;padding-left:20px;}
#footer .top .fnb > li ~ li:before {content:"";display:block;width:1px;height:8px;position:absolute;left:0;top:50%;margin-top:-4px;background:#656565;}
#footer .top .fnb > li > a {display:block;font-size:14px;color:rgba(255,255,255,0.8);line-height:78px;}
#footer .top .notice {position:absolute;left:50%;top:0;width:50%;height:100%;padding-left:125px;overflow:hidden;}
#footer .top .notice h3 {position:absolute;left:0;top:0;height:78px;line-height:78px;font-size:16px;font-weight:bold;color:#fff;}
#footer .top .notice h3:before {content:"";display:inline-block;width:28px;height:22px;background:url(../images/ico-notice.png) no-repeat;display:inline-block;position:relative;margin-right:10px;vertical-align:middle;top:-2px;}
#footer .top .notice .roll {position:relative;padding-right:55px;}
#footer .top .notice .box {position:relative;padding-right:100px;}
#footer .top .notice .box dt a,
#footer .top .notice .box dd {display:block;line-height:78px;font-size:14px;color:#bfbfbf;}
#footer .top .notice .box dt a {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
#footer .top .notice .box dd {position:absolute;right:0;top:0;white-space:nowrap;}
#footer .top .notice .slick-arrow {
	position:absolute;
	right:0;
	width:25px;
	height:25px;
	display:block;
	text-align:left;
	font-size:0;
	border:none;
	text-indent:-9999px;
	overflow:visible;
	transition:0.3s;
	z-index:100;
}
#footer .top .notice .slick-arrow.slick-prev {background:url(../images/notice-prev.gif) no-repeat;top:15px;}
#footer .top .notice .slick-arrow.slick-next {background:url(../images/notice-next.gif) no-repeat;top:39px;}

#footer .bot {border-top:1px solid #4f4f4f;padding:30px 0;text-align:center;}
#footer .bot address {font-size:0;}
#footer .bot address span {position:relative;font-size:12px;color:rgba(255,255,255,0.5);}
#footer .bot address span ~ span {margin-left:10px;padding-left:10px;}
#footer .bot address span ~ span:before {content:"/";position:absolute;left:-10px;width:20px;text-align:center;}
#footer .bot .copy {font-size:12px;color:rgba(255,255,255,0.5);margin-top:10px;}

#tit {text-align:center;margin:60px auto 40px;width:1280px;position:relative;}
#tit .navi {font-size:0;margin-bottom:15px;}
#tit .navi > * {display:inline-block;vertical-align:middle;font-size:12px;color:rgba(0,0,0,0.5);}
#tit .navi i {vertical-align:middle;}
#tit .navi em {margin:0 10px;}
#tit .navi span:last-child {color:#333;font-weight:bold;}
#tit h1 {font-size:50px;font-weight:300;color:#1b4699;}
#tit h1 em {display:block;font-size:16px;margin-top:10px;color:#333;}
#tit h2 {font-size:28px;font-weight:bold;color:#333;}
#tit .search {width:280px;height:40px;position:absolute;right:0;top:50%;margin-top:-20px;border-radius:20px;background:#fafafa;overflow:hidden;}
#tit .search input[type=text] {display:block; width:100%; height:40px; border:none; background:none; padding-left:25px; font-size:14px; color:#333; outline: none;}
#tit .search button {display:block;position:absolute;right:5px;top:0;width:50px;height:100%;border:none;background:none;color:#319b3c;font-size:20px;}

#sub {width:1280px;margin:0 auto;padding-bottom:100px;min-height:55vh;}

#pdCate {text-align:center;background:#f9fbff;}
#pdCate ul {width:1280px;margin:0 auto;font-size:0;}
#pdCate ul li {display:inline-block;vertical-align:top;width:calc(100% / 7);position:relative;}
#pdCate ul li ~ li:before {content:"";display:block;width:1px;height:18px;position:absolute;left:0;top:50%;margin-top:-9px;background:#d4d4d4;}
#pdCate ul li a {display:block;height:84px;line-height:84px;font-size:16px;}
#pdCate ul .active a {color:#000;text-decoration:underline;}

.__popup {position:fixed;z-index:9999;display:none;border:1px solid #3b3b3b;background:#fff;padding:0 19px;}
.__popup .top {padding:15px 0;text-align:right;}
.__popup .top .close {border:none;background:none;color:#000;font-size:0;}
.__popup .top .close i {font-size:20px;}
.__popup .area {font-size:14px;line-height:1.5em;max-width:100%;overflow-y:auto;}
.__popup .area * {max-width:100%;height:auto !important;}
.__popup .bot {text-align:right;padding:15px 0;}
.__popup .bot span {border:none;background:none;font-size:13px;color:#333;}


.__greeting {background:url(../images/greeting-bg.jpg) no-repeat;height:620px;padding:255px 0 0 60px;}
.__greeting dl dt {font-size:28px;color:#2f9a3a;}
.__greeting dl dd {font-size:22px;color:#333;margin:10px 0 20px;letter-spacing:-0.05em;}
.__greeting p {font-size:16px;line-height:1.95em;color:#333;letter-spacing:-0.05em;}


.__history {background:url(../images/history-bg.jpg) no-repeat;padding-top:166px;}
.__history .top {text-align:center;margin-bottom:30px;font-size:24px;}
.__history .top dt {color:#fff;font-weight:bold;background:#1853c5;width:80px;line-height:80px;border-radius:50%;display:inline-block;}
.__history .top dd {color:#1853c5;font-weight:bold;margin-top:12px;}
.__history .area {position:relative;padding:35px 0;}
.__history .area:before {content:"";display:block;width:1px;height:100%;position:absolute;left:50%;background:#ddd;}
.__history .area .box {position:relative;}
.__history .area .box ~ .box {margin-top:40px;}
.__history .area .box:before {content:"";width:9px;height:9px;background:#fff;border-radius:50%;border:2px solid #1853c5;position:absolute;top:3px;box-sizing:border-box;}
.__history .area .box dt {font-size:21px;color:#333;font-weight:bold;}
.__history .area .box dd {font-size:18px;color:#333;line-height:1.75em;margin-top:7px;}
.__history .area .box:nth-child(odd) {margin-left:50%;padding-left:27px;}
.__history .area .box:nth-child(odd):before {left:-4.5px;}
.__history .area .box:nth-child(even) {margin-right:50%;padding-right:27px;text-align:right;}
.__history .area .box:nth-child(even):before {right:-4.5px;}


.__cert .area {font-size:0;padding-left:89px;padding-bottom:20px;position:relative;}
.__cert .area:before {content:"";display:block;position:absolute;left:0;bottom:0;width:100%;height:40px;background:#f7f7f7;}
.__cert .area ~ .area {margin-top:90px;} 
.__cert .area:after {content:"";display:block;clear:both;}
.__cert .area .box {display:inline-block;vertical-align:top;position:relative;z-index:10;}
.__cert .area .box ~ .box {margin-left:64px;}


.__loc {border-bottom:1px solid #000;}
.__loc .bot {text-align:center;font-size:0;padding:43px 0;}
.__loc .bot li {display:inline-block;}
.__loc .bot li ~ li {margin-left:70px;}
.__loc .bot li img {display:inline-block;vertical-align:middle;}
.__loc .bot li span {font-size:18px;font-weight:bold;color:#333;margin-left:10px;vertical-align:middle;}


.__provision {font-size:14px;line-height:2em;color:#333;border:1px solid #ddd;padding:40px 60px;letter-spacing:-0.05em;}
.__provision strong {font-size:18px;font-weight:normal;display:inline-block;margin-bottom:5px;}


.__cate {text-align:center;font-size:0;margin-bottom:17px;}
.__cate a {display:inline-block;vertical-align:top;position:relative;font-size:14px;color:#9f9f9f;padding:0 22px;margin-bottom:8px;}
.__cate a:before {content:"";display:block;width:1px;height:8px;position:absolute;right:0;top:50%;margin-top:-4px;background:#434343;}
.__cate a:last-child:before {display:none;}
.__cate .active {color:#1b4699;font-weight:bold;}


.__pdtList {border-top:1px solid #000;padding-top:30px;}
.__pdtList .area {margin:0 -15px -60px;font-size:0;}
.__pdtList .area .box {display:inline-block;vertical-align:top;padding:0 15px;margin-bottom:60px;}
.__pdtList .area .box .info {margin-top:15px;}
.__pdtList .area .box .info .subject a {display:block;font-size:18px;font-weight:bold;color:#000;}
.__pdtList .area .box .info .size {font-size:14px;color:#444;margin-top:12px;}
.__pdtList .area .box .info .price {font-size:14px;color:#444;margin-top:12px;}


.__more {display:inline-block;border:1px solid #070707;width:240px;height:55px;line-height:53px;padding-left:25px;font-size:16px;color:#000;position:relative;text-align:left;}
.__more:before {content:"\e114";font-family:axicon;line-height:1em;position:absolute;right:20px;top:50%;margin-top:-8px;}


.__pdtView {padding-top:55px;}
.__pdtView .top {width:1100px;margin:0 auto;position:relative;}
.__pdtView .top:after {content:"";display:block;clear:both;}
.__pdtView .top .img {float:left;width:550px;}
.__pdtView .top .img img {max-width:100% !important;height:auto !important;}
.__pdtView .top .info {float:right;width:485px;}
.__pdtView .top .info h3 {position:relative;font-size:32px;font-weight:bold;color:#000;padding-bottom:25px;margin-bottom:25px;}
.__pdtView .top .info h3:before {content:"";display:block;position:absolute;left:0;bottom:0;width:27px;height:3px;background:#000;}
.__pdtView .top .info .inq {position:absolute;right:0;top:0;}
.__pdtView .top .info .desc {font-size:16px;line-height:2.2em;margin-bottom:55px;}
.__pdtView .top .info .opt {margin-bottom:15px;}
.__pdtView .top .info .opt select {border:1px solid #ddd;height:46px; padding-left:20px; font-size:14px; font-weight:300; width:100%;}
.__pdtView .top .info .amount {border-top:1px solid #ddd;border-bottom:1px solid #ddd;background:#f9f9f9;padding:15px 20px;display:flex;align-items:center;margin-bottom:25px;}
.__pdtView .top .info .amount dt {font-size:15px;color:#000;}
.__pdtView .top .info .amount dd {text-align:right;flex-grow:1;}
.__pdtView .top .info .total {display:flex;align-items:center;margin-bottom:25px;}
.__pdtView .top .info .total dt {font-size:18px;font-weight:bold;color:#000;}
.__pdtView .top .info .total dd {text-align:right;flex-grow:1;font-size:20px;color:#000;font-weight:bold;}
.__pdtView .top .info .total dd strong {font-size:28px;}
.__pdtView .top .info .btn {margin:0 -7px;display:flex; bottom: 0;    position: absolute;    width: 50%;}
.__pdtView .top .info .btn li {flex-grow:1;padding:0 7px;}
.__pdtView .top .info .btn li a,
.__pdtView .top .info .btn li button {display:block;width:100%;height:65px;text-align:center;font-size:20px;line-height:63px;color:#fff;background:#333;box-shadow:4px 4px 0 #d6d6d6;border:1px solid #111;}
.__pdtView .top .info .btn li .green {border-color:#0f7417;background:#329e3a;box-shadow:4px 4px 0 #cee8d0;}
.__pdtView .top .info .btn li .white {border-color:#333;background:#fff;box-shadow:4px 4px 0 #d6d6d6;color:#333;}
.__pdtView .mid {border-top:2px solid #000;margin-top:70px;padding:70px 90px 110px;width:1280px;margin:70px auto 0;}
.__pdtView .rel {background:#f9f7f6;padding:130px 0 150px;}
.__pdtView .rel .inner {width:1280px;margin:0 auto;}
.__pdtView .rel h3 {text-align:center;margin-bottom:35px;font-size:30px;color:#000;}
.__pdtView .rel .__pdtList {border-top:none;padding-top:0;}
.__pdtView .rel .__pdtList .area .box .info .price {color:#1b4699;font-size:16px;font-weight:bold;}


.__noMore {text-align:center;font-size:40px;color:#9f9f9f;line-height:1.2em;letter-spacing:-0.05em;padding:150px;}


.__pm {display:inline-block;position:relative;width:126px;height:26px;border:1px solid #4c4c4c;vertical-align:middle;background:#fff;padding:0 31px;}
.__pm input[type=text] {display:block;width:100%;border:none;background:none;border-right:1px solid #ccc;border-left:1px solid #ccc;text-align:center;height:24px;font-size:15px;color:#000;}
.__pm button {display:block;width:31px;height:100%;border:none;background:none;text-align:center;color:#000;position:absolute;top:0;}
.__pm button i {font-size:14px;display:block;}
.__pm .plus {left:0;}
.__pm .minus {right:0;}


.__machine .head {text-align:center;margin-bottom:100px;}
.__machine .head dt {display:inline-block;width:135px;height:28px;line-height:28px;border-radius:14px;color:#fff;background:#1b4699;font-size:19px;font-weight:bold;letter-spacing:-0.05em;}
.__machine .head dd {font-size:18px;line-height:1.65em;color:#333;margin-top:15px;}
.__machine .area:after {content:"";display:block;clear:both;}
.__machine .area .img {float:left;width:562px;}
.__machine .area .img .big {position:relative;padding:0 0 0 41px;}
.__machine .area .img .big:before {content:"";display:block;position:absolute;left:0;top:-36px;width:531px;height:467px;background:#e8ecf5;}
.__machine .area .img .big span {display:block;position:relative;border:1px solid #d0d0d0;z-index:10;}
.__machine .area .img .thm {text-align:center;margin-top:30px;}
.__machine .area .img .thm a {display:inline-block;width:100px;opacity:1;}
.__machine .area .img .thm a img {display:block;width:100%;}
.__machine .area .img .thm a ~ a {margin-left:30px;}
.__machine .area .img .thm .active {opacity:0.4;
	filter:url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'><filter%20id='grayscale'><feColorMatrix%20type='matrix'%20values='0.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200'/></filter></svg>#grayscale");
	filter:grayscale(100%);
	filter:gray;
}
.__machine .area .info {float:right;width:668px;}
.__machine .area .info h4 {display:inline-block;height:42px;line-height:42px;background:#eee;border-left:6px solid #2f9a3a;padding:0 95px 0 10px;font-size:18px;font-weight:bold;color:#333;}
.__machine .area .info .desc {margin-top:10px;font-size:17px;color:#000;line-height:1.7em;}
.__machine .area .info .desc li {/* text-indent:-1.1em;padding-left:1.1em; */}
.__machine .area .info .desc li ~ li {margin-top:5px;}
.__machine .area .info .desc + .tbl {margin-top:30px;}
.__machine .area .info .tbl {border-top:2px solid #000;border-bottom:1px solid #e0e0e0;padding:15px;margin-top:170px;} 
.__machine .area .info .tbl table {width:100%;table-layout:fixed;}
.__machine .area .info .tbl table th {text-align:left;width:110px;}
.__machine .area .info .tbl table tr > * {font-size:15px;color:#333;padding:10px;line-height:1.5em;}


.__pop {position:fixed;z-index:5000;left:0;top:0;width:100%;height:100%;display:none;font-size:0;text-align:center;box-sizing:border-box;padding:10px;}
.__pop:before {content:'';display:inline-block;vertical-align:middle;width:0;height:100%;}
.__pop .bg {cursor:pointer;background:rgba(0,0,0,0.8);position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;}
.__pop .inner {vertical-align:middle;box-sizing:border-box;z-index:10;display:inline-block;position:relative;max-width:100%;width:670px;text-align:left;padding-top:43px;}
.__pop .close {position:absolute;right:0;top:0;width:26px;height:26px;background:url(../images/pop-close.png) no-repeat;border:none;text-indent:-9999px;}

.__popLogin {background:linear-gradient(45deg, #329e3a 0%,#1b4699 100%);padding:20px;}
.__popLogin .form {background:#fff;box-shadow:0 0 10px rgba(0,0,0,1);padding:90px 80px;}
.__popLogin .form .tit {margin-bottom:25px;text-align:center;}
.__popLogin .form .tit h3 {font-size:32px;color:#000;font-weight:800;}
.__popLogin .form .tit p {font-size:18px;color:#333;margin:10px -60px 0;}
.__popLogin .form .inp li ~ li {margin-top:7px;}
.__popLogin .form .inp li input {display:block;width:100%;border:1px solid #ddd;border-radius:5px;height:57px;background-repeat:no-repeat;background-position:0 50%;background-color:#fff;padding-left:55px;font-size:16px;color:#333;}
.__popLogin .form .inp li input[type=text] {background-image:url(../images/ico-login1.png);}
.__popLogin .form .inp li input[type=password] {background-image:url(../images/ico-login2.png);}

.__popLogin .form .find {margin:0 -20px 25px;}
.__popLogin .form .find > li select,
.__popLogin .form .find > li input {display:block;width:100%;border:1px solid #ddd;border-radius:5px;height:57px;background-color:#fff;padding-left:10px;font-size:16px;color:#333;}
.__popLogin .form .find > li ~ li {margin-top:13px;}
.__popLogin .form .find .__form {width:100%;}
.__popLogin .form .find .__form .dash {font-size:24px;color:#000;}
.__popLogin .form .not {text-align:center;font-size:16px;color:#ed2121;margin-bottom:15px;}

.__popLogin .form .lab {margin-top:15px;font-size:14px;color:#333;}
.__popLogin .form .btn {margin-top:15px;}
.__popLogin .form .btn button {display:block;width:100%;height:53px;text-align:center;font-size:19px;line-height:51px;color:#fff;background:#329e3a;box-shadow:4px 4px 0 #cee8d0;border:1px solid #0f7417;font-weight:bold;}
.__popLogin .form .link {margin-top:25px;text-align:center;font-size:0;}
.__popLogin .form .link li {display:inline-block;vertical-align:top;position:relative;}
.__popLogin .form .link li ~ li {margin-left:18px;padding-left:19px;}
.__popLogin .form .link li ~ li:before {content:"";display:block;width:1px;height:10px;position:absolute;left:0;top:50%;margin-top:-5px;background:#333;}
.__popLogin .form .link li a {display:block;font-size:14px;color:#333;}
.__popLogin .form .result {text-align:center;margin:0 -60px 60px;}
.__popLogin .form .result dl dt {font-size:24px;font-weight:normal;color:#333;line-height:1.4em;}
.__popLogin .form .result dl dd {font-size:30px;color:#000;font-weight:800;margin-top:5px;}
.__popLogin .form .result p {margin-top:25px;font-size:16px;line-height:1.6em;}

.__popDefault .inner {width:1100px;}
.__popDefault .wrap {background:#fff;padding:30px 60px 60px;}
.__popDefault h2 {text-align:center;margin-bottom:20px;font-size:30px;font-weight:bold;color:#222;}

.__popFind .__popLogin {background:#a5a5a5;}

.__lab {display:inline-block;position:relative;}
.__lab input {position:absolute;left:-9999px;top:0;}
.__lab i {display:inline-block;width:18px;height:18px;vertical-align:middle;border:1px solid #737373;position:relative;}
.__lab span {display:inline-block;vertical-align:middle;margin-left:5px;}
.__lab input:checked + i:before {content:"";display:block;width:10px;height:10px;position:absolute;left:50%;top:50%;margin:-5px 0 0 -5px;background:#2f9a3a;}
.__lab.rad i {width:20px;height:20px;border-radius:50%;}
.__lab.rad input:checked + i:before {border-radius:50%;}


.__tblWrite {width:100%;table-layout:fixed;border-top:2px solid #222;}
.__tblWrite tr > * {border-bottom:1px solid #ddd;}
.__tblWrite tr th {text-align:right;padding-right:35px;background:#fafafa;height:75px;color:#333;font-weight:bold;font-size:16px;}
.__tblWrite tr td {padding:17px 22px;font-size:15px;line-height:1.6em;}
.__tblWrite tr:last-child > * {border-bottom-color:#222;}
.__tblWrite tr td .__lab {margin-right:60px;}
.__tblWrite td table {width:100%;table-layout:fixed;}
.__tblWrite td table tr > * {border-bottom:none;padding:7px;}
.__tblWrite td table th {text-align:left;background:none;height:auto;padding-right:0;}
.__tblWrite td table th:first-child + td {padding-right:50px;}
.__tblWrite .req:after {content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:#e81c1c;position:relative;vertical-align:top;top:-3px;}


.__inp {display:inline-block;max-width:100%;width:100%;border:1px solid #ddd;border-radius:5px;background:#fff;font-size:14px;padding-left:10px;height:40px;}
textarea.__inp {padding:10px;}

.__form {display:table;table-layout:fixed;}
.__form > li {display:table-cell;vertical-align:middle;}
.__form > .space {width:10px;}
.__form > .dash {width:30px;text-align:center;}


.__agree .area {border:1px solid #ddd;border-radius:5px;height:220px;font-size:13px;line-height:1.7em;padding:20px;overflow:auto;}
.__agree .lab {margin-top:15px;font-size:14px;}


.__btn1 {display:inline-block;width:225px;height:53px;text-align:center;font-size:19px;line-height:51px;color:#fff;background:#329e3a;box-shadow:4px 4px 0 #cee8d0;border:1px solid #0f7417;font-weight:normal;vertical-align:top;}
.__btn1.green {border-color:#0f7417;background:#329e3a;box-shadow:4px 4px 0 #cee8d0;}
.__btn1.white {border-color:#333;background:#fff;box-shadow:4px 4px 0 #d6d6d6;color:#333;}

.__btn2 {display:inline-block;width:98px;height:28px;text-align:center;font-size:13px;line-height:26px;color:#000;border:1px solid #6d6d6d;font-weight:normal;background:#fff;border-radius:5px;}
.__btn2.black {background:#333;border-color:#333;color:#fff;}
.__btn2.gray {background:#999;border-color:#999;color:#fff;}

.__btn3 {display:inline-block;width:78px;height:28px;text-align:center;font-size:13px;line-height:26px;color:#000;border:1px solid #6d6d6d;font-weight:normal;background:#fff;border-radius:5px;}
.__btn3.black {background:#676767;border-color:#676767;color:#fff;}

.__btn4 {display:inline-block;height:40px;text-align:center;font-size:14px;line-height:38px;color:#fff;padding:0 25px;border:1px solid #676767;font-weight:normal;background:#676767;border-radius:5px;}
.__btn4.white {background:#fff;color:#000;border-color:#6c6c6c;}

.__ico {display:inline-block;width:78px;height:28px;text-align:center;font-size:13px;line-height:26px;color:#000;border:1px solid #6d6d6d;font-weight:normal;background:#fff;}
.__ico.green {background:#fff;border-color:#2f9a3a;color:#2f9a3a;}

.__dib {display:inline-block;vertical-align:top;}


.__tblList {width:100%;table-layout:fixed;border-top:1px solid #bac7e0;}
.__tblList tr > * {text-align:center;padding:15px 10px;}
.__tblList tr th {color:#222;border-bottom:1px solid #e5e5e5;background:#f8fbff;font-size:16px;}
.__tblList tr td {border-bottom:1px solid #e5e5e5;font-size:15px;height:70px;}
.__tblList tr .subject {text-align:left;}
.__tblList tr .subject a {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:90%;display:inline-block;vertical-align:middle;}
.__tblList .notice td {}
.__tblList .notice .subject a {color:#238a2e;}

.__icoNotice {display:inline-block;vertical-align:middle;width:78px;height:27px;line-height:25px;color:#1c6d24;text-align:center;font-size:14px;border:1px solid #2f9a3a;}


.__botarea {margin-top:60px;position:relative;min-height:32px;}
.__botarea .cen {text-align:center;}
.__botarea .lef {position:absolute;left:0;top:0;}
.__botarea .rig {position:absolute;right:0;top:0;}


.__paging {font-size:0;}
.__paging .arr,
.__paging .num {
	display:inline-block;
	box-sizing:border-box;
	vertical-align:top;
	width:24px;
	height:24px;
	line-height:24px;
	border:none;
	border-radius:50%;
	text-align:center;
	color:#000;
	z-index:0;
	margin:0 12px;
	position:relative;
}
.__paging .num {font-size:14px;}
.__paging .arr i {font-size:18px;display:block;line-height:24px;}
.__paging .num:hover,
.__paging .arr:hover {border-color:#000;color:#000;}
.__paging .num.active {border-color:#2766ca;color:#fff;background:#2766ca;font-weight:500;}
.__paging .prev {margin-right:20px;}
.__paging .next {margin-left:20px;}
.__paging .first {margin-right:0;}
.__paging .last {margin-left:0;}


.__search {font-size:0;border:2px solid #e9e9e9;display:inline-block;position:relative;}
.__search select {width:105px;height:47px;border:none;font-size:15px;padding-left:10px;}
.__search input[type=text] {display:inline-block;height:47px;border:none;background:url(../images/search-bar.gif) no-repeat 0 50%;width:375px;font-size:15px;padding-left:10px;margin-left:15px;}
.__search button {display:block;position:absolute;right:20px;top:0;height:100%;font-size:20px;color:#2f9a3a;border:none;background:none;}


.__boardView {border-top:1px solid #3158a3;border-bottom:1px solid #5e5e5e;}
.__boardView .head {padding:25px 0;border-bottom:1px solid #ddd;}
.__boardView .head h3 {font-size:18px;font-weight:bold;color:#222;line-height:1.4em;}
.__boardView .info {margin-top:10px;}
.__boardView .info .date {text-align:right;font-size:15px;}
.__boardView .con {padding:40px 85px;font-size:14px;line-height:1.8em;min-height:30vh;}
.__boardView .con * {max-width:100% !important;}
.__boardView .con img {height:auto !important;}


.__tblCart {width:100%;table-layout:fixed;border-top:1px solid #bac7e0;}
.__tblCart tr > * {border-bottom:1px solid #e5e5e5;text-align:center;font-size:15px;color:#333;padding:17px;}
.__tblCart tr th {background:#f8fbff;}
.__tblCart tfoot td {padding:30px;text-align:left;}
.__tblCart .bot {display:flex;align-items:center;}
.__tblCart .bot .rig {text-align:right;flex-grow:1;}
.__tblCart .bot .rig ul li {display:inline-block;vertical-align:middle;}
.__tblCart .bot .rig .ico {margin:0 20px;}
.__tblCart .bot .rig .txt {color:#222;}
.__tblCart .bot .rig .txt span {font-size:17px;margin-right:5px;}
.__tblCart .bot .rig .txt strong {font-size:20px;}
.__tblCart .bot .rig .txt.last strong {font-size:26px;font-weight:800;color:#1b4699;}
.__tblCart .bot .rig .txt.last em {font-size:20px;color:#1b4699;}
.__tblCart .price {font-size:20px;font-weight:bold;color:#1b4699;}
.__tblCart .ordInfo {font-size:13px;display:block;}
.__tblCart .ordInfo > * {display:block;}
.__tblCart .ordInfo strong {color:#000;margin:5px 0 10px;}
.__tblCart .ordInfo em {font-size:18px;color:#329e39;}


.__black {color:#000 !important;}
.__green {color:#329e39 !important;}
.__blue {color:#1b4699 !important;}


.__state {font-size:14px;line-height:1.6em;}
.__state .btn {margin-top:5px;}
.__state strong,
.__state span {display:block;}


.__info {text-align:left;display:flex;align-items:center;width:100%;}
.__info .img {width:122px;}
.__info .desc {width:0;flex-grow:1;padding-left:20px;}
.__info .desc .subject {font-size:18px;color:#333;font-weight:bold;}
.__info .desc .subject a {color:#333;}
.__info .desc .cont {margin-top:10px;}
.__info .desc .cont strong {font-size:15px;font-weight:normal;color:#333;margin-right:10px;}
.__info .desc .etc {margin-top:15px;font-weight:bold;font-size:15px;color:#000;}


.__tit1 {position:relative;margin-bottom:15px;}
.__tit1 h3 {font-size:20px;font-weight:bold;color:#000;}
.__tit1 .rig {position:absolute;right:0;bottom:0;}


.__txt13 {font-size:13px !important;line-height:1.6em;}
.__txt14 {font-size:14px !important;line-height:1.6em;}
.__txt18 {font-size:18px !important;line-height:1.6em;}


.__tab {text-align:center;border-bottom:2px solid #3158a3;font-size:0;margin-bottom:40px;}
.__tab a {display:inline-block;vertical-align:top;height:54px;line-height:52px;font-size:15px;color:#333;border:1px solid #ccc;width:195px;border-bottom:none;position:relative;}
.__tab a ~ a {margin-left:-1px;}
.__tab .active {margin-bottom:-2px;height:56px;background:#fff;font-weight:bold;color:#3158a3;border-color:#3158a3;z-index:10;}


.__set {margin-bottom:40px;position:relative;text-align:center;}
.__set li {display:inline-block;vertical-align:top;}
.__set li ~ li {margin-left:50px;}
.__set li strong {font-size:14px;color:#333;font-weight:normal;margin-right:15px;vertical-align:middle;}
.__set .btn {font-size:0;}
.__set .btn button {background:#f0f0f0;width:70px;height:35px;line-height:33px;text-align:center;border:1px solid #e2e2e2;font-size:13px;color:#333;position:relative;}
.__set .btn button ~ button {margin-left:-1px;}
.__set .btn .active {background:#fff;border-color:#909090;font-weight:bold;z-index:10;}
.__set .during .date {width:130px;height:35px;border:1px solid #ccc;background:url(../images/ico-calendar.png) no-repeat 100% 50%;padding-left:10px;font-size:13px;}
.__set .during .dash {margin:0 13px;}
.__set .during select {border:1px solid #ccc;margin:0 5px;height:35px;font-size:13px;color:#333;width:100px;padding-left:10px;}
.__set .during button {width:75px;height:35px;line-height:35px;border:none;background:#1b4699;text-align:center;color:#fff;}


.__myHead {position:relative;margin-bottom:20px;}
.__myHead .lef {font-size:0;}
.__myHead .lef li {display:inline-block;font-size:16px;color:#333;}
.__myHead .lef li ~ li {margin-left:70px;}
.__myHead .lef li strong {font-weight:bold;font-size:18px;}
.__myHead .lef li span {font-weight:bold;font-size:18px;}
.__myHead .lef li em {font-size:14px;margin-left:5px;}
.__myHead .rig {position:absolute;right:0;bottom:0;}


.__qnaList {width:100%;table-layout:fixed;border-top:1px solid #bac7e0;}
.__qnaList tr > * {text-align:center;padding:18px 10px;}
.__qnaList tr th {color:#222;border-bottom:1px solid #e5e5e5;background:#f8fbff;font-size:16px;}
.__qnaList tr td {border-bottom:1px solid #e5e5e5;font-size:15px;}
.__qnaList .pdt {text-align:left;font-size:15px;font-weight:bold;color:#333;}
.__qnaList td.subject {text-align:left;padding:20px 15px;font-weight:bold;color:#333;}
.__qnaList td.subject a {color:#333;}
.__qnaList .trA {display:none;}
.__qnaList .trA td {text-align:left;background:#f0f0f0;padding:60px;}
.__qnaList .trA .box {position:relative;padding-left:45px;}
.__qnaList .trA .box .ico {width:34px;height:34px;display:block;line-height:34px;text-align:center;color:#fff;border-radius:50%;background:#1b4699;font-size:20px;font-weight:bold;position:absolute;left:0;top:-5px;}
.__qnaList .trA .box .subject {font-size:17px;color:#333;line-height:1.6em;margin-bottom:10px;font-weight:bold;}
.__qnaList .trA .box .sum {font-size:16px;line-height:1.6em;}
.__qnaList .trA .box.q {border-bottom:1px solid #fff;box-shadow:0 1px 0 #ccc;padding-bottom:25px;margin-bottom:25px;}
.__qnaList .trA .box.a .ico {background:#2f9a3a;}
.__qnaList .trA .box.a .sum {color:#2f9a3a;font-weight:bold;}


.__passConfirm {border:1px solid #ddd;border-top:1px solid #4c4c4c;text-align:center;padding:65px 0;}
.__passConfirm h4 {font-size:18px;font-weight:bold;color:#000;margin-bottom:25px;}


.__memOut {border:1px solid #ddd;border-top:1px solid #4c4c4c;text-align:center;padding:65px 0;}
.__memOut .area {width:410px;margin:0 auto;}
.__memOut .area dl {position:relative;padding-left:80px;white-space:nowrap;text-align:left;}
.__memOut .area dl ~ dl {margin-top:15px;}
.__memOut .area dl dt {position:absolute;left:0;top:0;height:40px;line-height:40px;font-size:16px;font-weight:bold;color:#333;}
.__memOut .area dl dd {font-size:18px;font-weight:bold;color:#000;height:40px;line-height:40px;}


.__join {width:1100px;margin:0 auto;padding-bottom:40px;}
.__join h1 {text-align:center;padding:40px 0;}
.__join .wrap {background:#fff;border:1px solid #1b4699;padding:55px 65px 80px;}
.__join .agree .box ~ .box {margin-top:35px;}
.__join .agree .box .area {overflow:auto;height:220px;border:1px solid #ddd;padding:20px;font-size:13px;line-height:1.6em;}
.__join .agree .box .lab {margin-top:10px;font-size:14px;}