@charset "utf-8";
img {max-width:100%;height:auto !important;}
* {letter-spacing:-0.025em;word-spacing:-0.025em;word-break:keep-all;}

#wrap {}

#header {position:fixed;left:0;top:0;width:100%;box-sizing:border-box;z-index:200;overflow:hidden;height:110px;transition:0.5s;}
#header .inner {height:110px;position:relative;box-shadow:inset 0 -1px 0 rgba(255,255,255,0.2);transition:0.5s;}
#header .logo {position:absolute;left:50px;top:47px;width:204px;height:48px;}
#header .logo a {display:block;text-indent:-9999px;width:100%;height:100%;background:url(/intro/logo-white.png) no-repeat 0 50%;background-size:contain;}

#header .tnb {position:absolute;right:50px;top:23px;font-size:0;white-space:nowrap;}
#header .tnb > li {display:inline-block;vertical-align:top;box-sizing:border-box;position:relative;}
#header .tnb > li ~ li {margin-left:10px;padding-left:11px;}
#header .tnb > li ~ li:before {content:"";display:block;width:1px;height:10px;position:absolute;top:50%;margin-top:-5px;left:0;background:rgba(255,255,255,0.4);}
#header .tnb > li > a {color:#fff;font-size:12px;letter-spacing:-0.05em;}
#header .tnb > .ov > a {position:relative;padding-right:15px;}
#header .tnb > .ov > a:after {content:"\f107";font-family:axicon;position:absolute;right:0;top:50%;line-height:1em;margin-top:-6px;}
#header .tnb > .ov div {display:none;position:absolute;left:0;top:100%;padding-top:10px;width:100%;z-index:100;}
#header .tnb > .ov div ul {border:1px solid #ddd;background:#fff;text-align:center;padding:5px 0;position:relative;}
#header .tnb > .ov div ul:after {
	content:"";
	border:4px solid transparent;
	border-bottom:4px solid #fff;
	display:block;
	height:0;
	left:50%;
	margin-left:-4px;
	position:absolute;
	bottom:100%;
	width:0;
}
#header .tnb > .ov div ul li ~ li {margin-top:3px;}
#header .tnb > .ov div ul li a {display:block;padding:2px 0;font-size:12px;}
#header .tnb > .ov:hover > a:after {content:"\f106";}
#header .tnb > .ov:hover div {display:block;}

#header .tnb .point {height:32px;border-radius:16px;background:#f1f1f1;padding:0 20px;font-size:0;position:absolute;right:100%;top:-10px;white-space:nowrap;}
#header .tnb .point:after {content:'';display:inline-block;width:0;height:100%;vertical-align:middle;}
#header .tnb .point > span {display:inline-block;vertical-align:middle;position:relative;font-size:13px;}
#header .tnb .point > span ~ span {padding-left:8px;margin-left:7px;}
#header .tnb .point > span ~ span:before {content:"";display:block;width:1px;height:10px;top:50%;left:0;margin-top:-5px;background:#bbb;position:absolute;}
#header .tnb .point > span strong {width:19px;height:19px;line-height:19px;font-weight:normal;text-align:center;display:inline-block;vertical-align:middle;color:#fff;background:#b31f7e;border-radius:50%;margin-right:5px;}
#header .tnb .point > span em {display:inline-block;vertical-align:middle;font-size:14px;color:#b31f7e;}
#header .tnb .point > span span {display:inline-block;letter-spacing:-0.05em;}
#header .tnb .point + li:before {display:none;}

#header .gnb {padding:40px 296px 0 204px;text-align:center;font-size:0;white-space:nowrap;}
#header .gnb > li {display:inline-block;vertical-align:top;}
#header .gnb > li > a {display:block;height:70px;line-height:70px;color:#fff;font-size:17px;letter-spacing:0;padding:0 50px;transition:0.3s;}
#header .gnb > li > ul {display:none;}

#header .search {width:296px;height:40px;border-radius:20px;box-sizing:border-box;border:1px solid rgba(255,255,255,0.8);overflow:hidden;position:absolute;right:50px;top:50px;padding-left:45px;}
#header .search button {display:block;position:absolute;left:0;top:0;height:100%;width:45px;background:none;color:#fff;border:none;font-size:20px;}
#header .search input {display:block;border:none;width:100%;height:100%;box-sizing:border-box;background:none;font-size:14px;color:#fff;}
#header .search input:focus {outline:none;}

#header .menu {position:absolute;left:0;top:110px;background:rgba(255,255,255,1);width:100%;box-sizing:border-box;padding:0 50px;height:280px;}
#header .menu .area {max-width:1240px;margin:0 auto;position:relative;box-sizing:border-box;padding-left:205px;height:100%;}
#header .menu .area > a {position:absolute;left:0;top:50px;font-size:32px;color:#222;font-weight:normal;}
#header .menu .area ul {width:33.33333%;position:relative;box-sizing:border-box;padding-top:50px;height:100%;border-left:1px solid rgba(0,0,0,0.2);}
#header .menu .area a + ul:before {content:"";display:block;position:absolute;left:100%;top:0;width:2000px;height:100%;background:rgba(179,31,126,0.8);background:rgba(147,149,152,1);z-index:0;}
#header .menu .area ul ul {position:absolute;left:100%;top:0;width:100%;display:none;z-index:10;}
#header .menu .area .active > ul {display:block;}
#header .menu .area li {padding:0 40px;}
#header .menu .area li ~ li {margin-top:20px;}
#header .menu .area li span {display:block;position:relative;}
#header .menu .area li a {display:block;font-size:17px;color:#444;}
#header .menu .area li button {font-size:16px;line-height:1em;position:absolute;right:0;top:50%;margin-top:-8px;border:none;background:none;color:#444;}
#header .menu .area li button:before {content:"\e114";font-family:axicon;}
#header .menu .area li:hover > span > a,
#header .menu .area li:hover > span > button,
#header .menu .area li.active > span > a,
#header .menu .area li.active > span > button {color:#b31f7e;}
#header .menu .area li.active > span > button:before {content:"\e115";}
#header .menu .area ul ul li a,
#header .menu .area ul ul li button {color:#fff !important;}
#header .menu .area ul ul li.activce > span > a,
#header .menu .area ul ul li:hover > span > a {text-decoration:underline;}
#header .menu .area a[href='http://purgomall.mir9.co.kr/purgo/bbs/board.php?bo_table=notice'] {text-indent:-2px;}

#header .btns {width:34px;height:34px;box-sizing:border-box;position:absolute;background:none;transition:0.3s;border:1px solid rgba(255,255,255,0.5);font-size:20px;top:50%;margin-top:-17px;color:#fff;display:none;}
#header .mnu {right:10px;}
#header .sch {right:49px;}


.menu-on #header {height:390px;border-bottom:1px solid rgba(0,0,0,0.2);}
.menu-on #header .inner {background:#fff;box-shadow:inset 0 -1px 0 rgba(0,0,0,0.2);}
.menu-on #header .logo a {background-image:url(/intro/logo-color.png)}
.menu-on #header .gnb > li > a {color:#333;}
.menu-on #header .tnb > li > a {color:#666;}
.menu-on #header .tnb > li ~ li:before {background:#ddd;}
.menu-on #header .search {border-color:#ccc;}
.menu-on #header .search button {color:#aaa;}
.menu-on #header .search input {color:#333;}

.head-fix #header .inner {background:#fff;box-shadow:inset 0 -1px 0 rgba(0,0,0,0.2);}
.head-fix #header .logo a {background-image:url(/intro/logo-color.png)}
.head-fix #header .gnb > li > a {color:#333;}
.head-fix #header .tnb > li > a {color:#666;}
.head-fix #header .tnb > li ~ li:before {background:#ddd;}
.head-fix #header .search {border-color:#ccc;}
.head-fix #header .search button {color:#aaa;}
.head-fix #header .search input {color:#333;}
.head-fix #header .btns {border-color:#666;color:#333;}

#wrap.head-white {padding-top:110px;}
.head-white #header .inner {background:#fff;box-shadow:inset 0 -1px 0 rgba(0,0,0,0.2);}
.head-white #header .logo a {background-image:url(/intro/logo-color.png)}
.head-white #header .gnb > li > a {color:#333;}
.head-white #header .tnb > li > a {color:#666;}
.head-white #header .tnb > li ~ li:before {background:#ddd;}
.head-white #header .search {border-color:#ccc;}
.head-white #header .search button {color:#aaa;}
.head-white #header .search input {color:#333;}
.head-white #header .btns {border-color:#666;color:#333;}


#nav {position:fixed;left:0;top:0;z-index:1000;width:100%;height:0;overflow:hidden;transition-delay:0.3s;box-sizing:border-box;}
#nav .bg {position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;background:rgba(0,0,0,0.7);transition:0.5s;opacity:0;}
#nav .inner {width:calc(100% - 45px);position:absolute;left:0;transform:translate3d(-30px,0,0);top:0;height:100%;overflow:auto;z-index:10;background:#fff;transition:0.5s;opacity:0;}
#nav .top {height:50px;position:relative;}
#nav .top h2 {position:absolute;left:10px;top:10px;width:110px;height:26px;}
#nav .top h2 a {display:block;background:url(/intro/logo-color.png) no-repeat 0 50%;background-size:contain;width:100%;height:100%;text-indent:-9999px;}
#nav .top .lang {width:50px;height:24px;line-height:22px;border:1px solid #ddd;text-align:center;font-size:12px;text-align:center;position:absolute;right:10px;top:50%;margin-top:-12px;box-sizing:border-box;}
#nav .close {width:45px;height:50px;box-sizing:border-box;border:none;background:none;position:absolute;right:0;top:0;opacity:0;transition:0.5s;transform:translate3d(30px,0,0);z-index:20;background:#000;color:#fff;font-size:24px;}

#nav .point {text-align:center;white-space:nowrap;padding:10px 0;border-top:1px solid #ddd;}
#nav .point:after {content:'';display:inline-block;width:0;height:100%;vertical-align:middle;}
#nav .point > * {display:inline-block;vertical-align:middle;position:relative;font-size:13px;}
#nav .point > * ~ * {padding-left:8px;margin-left:7px;}
#nav .point > * ~ *:before {content:"";display:block;width:1px;height:10px;top:50%;left:0;margin-top:-5px;background:#bbb;position:absolute;}
#nav .point > * strong {width:19px;height:19px;line-height:19px;font-weight:normal;text-align:center;display:inline-block;vertical-align:middle;color:#fff;background:#b31f7e;border-radius:50%;margin-right:5px;}
#nav .point > * em {display:inline-block;vertical-align:middle;font-size:14px;color:#b31f7e;}
#nav .point > * span {display:inline-block;letter-spacing:-0.05em;}

#nav .tnb {position:relative;text-align:center;overflow:hidden;border-top:1px solid #ddd;}
#nav .tnb li {display:block;width:33.333333%;box-sizing:border-box;float:left;}
#nav .tnb li a {display:block;font-size:12px;height:34px;line-height:34px;border-bottom:1px solid #ddd;background:#f7f7f7;letter-spacing:-0.05em;}
#nav .tnb li ~ li a {border-left:1px solid #ddd;}

#nav .gnb > li {border-bottom:1px solid #ddd;}
#nav .gnb > li > a {display:block;padding:15px 20px;font-size:17px;color:#222;position:relative;}
#nav .gnb > li > a:before {content:"\e114";font-family:axicon;position:absolute;right:20px;top:50%;font-size:16px;line-height:1em;margin-top:-8px;opacity:0.5;}
#nav .gnb > li:last-child > a:before {display:none;}
#nav .gnb > li.active > a:before {content:"\e115";opacity:1;}
#nav .gnb li.active > ul {display:block;}
#nav .gnb > li > ul {padding-top:10px;padding-bottom:10px;border-top:1px solid #ddd;background:#fafafa;}
#nav .gnb > li > ul ul {padding-top:10px;padding-bottom:10px;margin-top:8px;background:#b31f7e;}
#nav .gnb > li > ul ul ul {background:rgba(0,0,0,0.1);}
#nav .gnb > li > ul ul a {color:#fff;}
#nav .gnb > li > ul ul button {color:#fff;}
#nav .gnb > li > ul ul ul {padding-top:10px;padding-bottom:10px;border-top:1px solid rgba(255,255,255,0.3);border-bottom:1px solid rgba(255,255,255,0.3);}
#nav .gnb > li > ul li ~ li {margin-top:8px;}

#nav .gnb ul {display:none;}
#nav .gnb li span {display:block;position:relative;}
#nav .gnb li span a {display:block;font-size:15px;position:relative;padding-left:20px;}
#nav .gnb li li li span a {padding-left:28px;}
#nav .gnb li li li li span a {padding-left:36px;}
#nav .gnb li li li li span a:before {content:"-";position:absolute;left:30px;top:0;}
#nav .gnb li li li li span a {font-size:13px;}
#nav .gnb li span button {font-size:15px;line-height:1em;position:absolute;right:20px;top:50%;margin-top:-8px;border:none;background:none;color:#444;}
#nav .gnb li span button:before {content:"\e114";font-family:axicon;opacity:0.5;}

#nav .gnb li.active > span > a,
#nav .gnb li.active > span > button {color:#b31f7e;}
#nav .gnb li.active > span > button:before {content:"\e115";opacity:1;}

#nav .gnb li li  li.active > span > a,
#nav .gnb li li li.active > span > button {color:#fff;}

.nav-on #nav {height:120vh;transition-delay:0s;}
.nav-on #nav .close,
.nav-on #nav .inner {opacity:1;transform:translate3d(0,0,0);}
.nav-on #nav .bg {opacity:1;}


@media all and (max-width:1600px){
	#header .logo {left:20px;}
	#header .tnb {right:20px;}
	#header .search {right:20px;}
	#header .gnb > li > a {padding:0 30px;}
}

@media all and (max-width:1350px){
	#header .logo {left:10px;}
	#header .tnb {right:10px;}
	#header .search {right:10px;width:230px;}
	#header .gnb {padding:40px 230px 0 204px;}
	#header .gnb > li > a {padding:0 15px;font-size:16px;}
}

@media all and (max-width:1100px){
	#header .gnb > li > a {padding:0 13px;font-size:15px;}
}

@media all and (max-width:1000px){
	#header .tnb {display:none;}
	#header .gnb {display:none;}

	#header {overflow:visible;height:50px;}
	#header .inner {height:50px;box-shadow:inset 0 -1px 0 rgba(255,255,255,0.2);}
	#header .logo {left:10px;top:10px;width:110px;height:26px;}
	#header .menu {display:none;}
	#header .btns {display:block;}

	#header .search {display:none;width:100%;height:40px;border-radius:0;border:1px solid rgba(255,255,255,0.5);right:0;top:49px;padding:0 45px 0 0;border-left:none;border-right:none;background:rgba(0,0,0,0.3);}
	#header .search input {padding-left:10px;}
	#header .search button {left:auto;right:0;width:45px;font-size:20px;}
	#header .search button i:before {content:"\e036";}

	.search-on #header .search {display:block;animation:fadeIn 0.3s;}
	.search-on #header .sch i:before {content:"\e937";}

	.head-fix #header .search button {color:#fff;}
	.head-fix #header .search input {color:#fff;}
	
	#wrap.head-white {padding-top:50px;}
	.head-white #header .search button {color:#fff;}
	.head-white #header .search input {color:#fff;}
}




#gotop {width:57px;height:57px;color:#fff;background:#9e9e9e;border-radius:50%;position:fixed;right:60px;bottom:60px;transition:0.5s;border:none;font-size:14px;transform:translate3d(0,30px,0);opacity:0;z-index:300;}
.head-fix #gotop {opacity:1;transform:translate3d(0,0,0);}

#footer {background:#333;padding:0 10px;}
#footer .inner {max-width:1240px;margin:0 auto;}
#footer .one {position:relative;}
#footer .one .fnb {font-size:0;}
#footer .one .fnb li {display:inline-block;vertical-align:top;}
#footer .one .fnb li ~ li {margin-left:28px;}
#footer .one .fnb li a {height:87px;line-height:87px;display:block;color:#aca5a5;letter-spacing:-0.05em;font-size:15px;}

#footer .one .sns {position:absolute;right:0;top:50%;margin-top:-15px;}
#footer .one .sns li {display:inline-block;vertical-align:top;width:30px;}
#footer .one .sns li ~ li {margin-left:10px;}
#footer .one .sns li a span {position:absolute;left:-9999px;top:0;}


#footer .two {border-top:1px solid #5c5c5c;padding:50px 0 50px 290px;position:relative;}
#footer .two h2 {position:absolute;left:0;top:50%;width:204px;height:48px;margin-top:-23px;text-indent:-9999px;background:url(/intro/logo-white.png) 0 50% no-repeat;background-size:contain;}
#footer .two .info {font-size:15px;}
#footer .two .info address {color:#d3d3d3;line-height:1.8em;}
#footer .two .info .copy {margin-top:10px;color:#a6a6a6;}

@media all and (max-width:1000px){
	#gotop {width:40px;height:40px;right:30px;bottom:50px;}
	#footer {text-align:center;}
	
	#footer .one .sns {position:relative;top:0;margin-top:0;padding:0 0 15px;}
	#footer .one .sns li {width:30px;}
	#footer .one .sns li ~ li {margin-left:5px;}


	#footer .one .fnb li ~ li {margin-left:15px;}
	#footer .one .fnb li a {height:40px;line-height:40px;font-size:13px;}
	#footer .two {padding:20px 0;}
	#footer .two h2 {position:relative;top:0;width:110px;height:26px;margin:0 auto;}
	#footer .two .info {margin-top:15px;}
	#footer .two .info {font-size:13px;}
	#footer .two .info address {line-height:1.6em;}
	#footer .two .info .copy {margin-top:7px;}
}

#vis,
#vis .vis {position:relative;overflow:hidden;height:821px;box-sizing:border-box;}
#vis .vis {background-repeat:no-repeat;background-position:50% 0;background-size:cover;background-attachment:fixed;padding:0 15px;width:100% !important;}
#vis .vis .inner {height:100%;box-sizing:border-box;padding-top:315px;max-width:1240px;margin:0 auto;}
#vis .vis .inner:after {content:'';display:block;clear:both;}
#vis .vis .inner > div {float:left;width:50%;box-sizing:border-box;}
#vis .vis .img {opacity:0;transform:translate3d(-30px,0,0);transition:1s;}
#vis .vis .info {padding-left:150px;color:#fff;}
#vis .vis .info dl dt {font-weight:300;letter-spacing:0.13em;font-size:24px;line-height:1.2em;opacity:0;transform:translate3d(0,-20px,0);transition:0.8s;transition-delay:0.2s;}
#vis .vis .info dl dd {margin-top:10px;line-height:1em;font-size:78px;line-height:1em;opacity:0;transform:translate3d(0,-20px,0);transition:0.8s;transition-delay:0.4s;}
#vis .vis .info dl dd strong {vertical-align:baseline;}
#vis .vis .info .txt {font-size:17px;line-height:1.4em;margin-top:15px;opacity:0;transform:translate3d(0,-20px,0);transition:0.8s;transition-delay:0.6s;}
#vis .vis .info .btns {margin-top:30px;opacity:0;transform:translate3d(0,-20px,0);transition:1s;transition-delay:0.8s;}
#vis .vis .info .btns a {
	display:inline-block;
	box-sizing:border-box;
	width:180px;
	height:48px;
	line-height:46px;
	border-radius:24px;
	color:#fff;
	border:1px solid #fff;
	text-align:center;
	font-size:15px;
}

#vis .vis.active .img,
#vis .vis.active .info dl dt,
#vis .vis.active .info dl dd,
#vis .vis.active .info .txt,
#vis .vis.active .info .btns {opacity:1 !important;transform:translate3d(0,0,0) scale(1) !important;}

#vis .bx-pager {position:absolute;z-index:100;bottom:50px;left:50%;margin-left:-150px;width:300px;text-align:center;}
#vis .bx-pager .bx-pager-item {display:inline-block;margin:0 7px;}
#vis .bx-pager .bx-pager-item a {
	display:block;
	width:14px;
	height:14px;
	background:rgba(0,0,0,0.5);
	text-align:left;
	text-indent:-9999px;
	overflow:hidden;
	border-radius:50%;
	transition:0.3s;
}
#vis .bx-pager .bx-pager-item a.active {background:rgba(255,255,255,0.8);}

#vis .vis1 {background-image:url(/intro/vis1.jpg);}

@media all and (max-width:1300px){
	#vis .vis .info {padding-left:50px;}
}

@media all and (max-width:1000px){
	#vis,
	#vis .vis {height:500px;}
	#vis .vis {background-attachment:scroll;}
	#vis .vis .inner {padding-top:80px;text-align:center;}
	#vis .vis .inner > div {width:100%;}
	#vis .vis .img {transform:translate3d(0,30px,0);}
	#vis .vis .img img {width:300px;}
	#vis .vis .info {padding-left:0;}
	#vis .vis .info dl dt {font-size:16px;}
	#vis .vis .info dl dd {font-size:35px;}
	#vis .vis .info .txt {font-size:13px;margin-top:10px;}
	#vis .vis .info .btns {margin-top:20px;}
	#vis .vis .info .btns a {width:120px;height:32px;line-height:30px;border-radius:16px;font-size:13px;}

	#vis .bx-pager {bottom:20px;}
}


#main .tit {text-align:center;}
#main .tit h3 {font-size:38px;color:#333;font-weight:500;}

#pdt {padding:80px 10px 40px;overflow:hidden;}
#pdt .inner {max-width:1240px;margin:0 auto;}
#pdt .tit {margin-bottom:30px;}
#pdt .area {position:relative;margin:0 -20px;font-size:0;}
#pdt .area .box {display:block;padding:0 20px;width:25%;box-sizing:border-box;display:inline-block;vertical-align:top;text-align:center;}
#pdt .area .box .info {margin-top:15px;}
#pdt .area .box .info .subject {font-size:20px;color:#333;}
#pdt .area .box .info .btns {margin-top:10px;}
#pdt .area .box .info .btns span {display:inline-block;width:40px;height:40px;background:#ddd;color:#fff;line-height:40px;font-size:20px;transition:0.3s;}
#pdt .area .box:hover .info .btns span {background:#b31f7e;}
#pdt .slick-arrow {
	position:absolute;
	top:50%;
	margin-top:-33px;
	width:66px;
	height:66px;
	box-sizing:border-box;
	border:1px solid #ddd;
	display:block;
	text-align:left;
	text-indent:-9999px;
	overflow:visible;
	transition:0.3s;
	z-index:100;
	background-color:rgba(255,255,255,0.5);
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:contain;
}
#pdt .slick-arrow.slick-prev {left:-120px;background-image:url(/intro/pdt-prev.png);}
#pdt .slick-arrow.slick-next {right:-120px;background-image:url(/intro/pdt-next.png);}

@media all and (max-width:1550px){
	#pdt .slick-arrow.slick-prev {left:10px;}
	#pdt .slick-arrow.slick-next {right:10px;}
}

@media all and (max-width:1000px){
	#main .tit h3 {font-size:20px;}
	#pdt {padding:30px 10px;}
	#pdt .tit {margin-bottom:5px;}
	#pdt .area {margin:0 -10px;}
	#pdt .area .box {padding:0 10px;width:50%;}
	#pdt .area .box .info {margin-top:10px;}
	#pdt .area .box .info .subject {font-size:14px;}
	#pdt .area .box .info .btns {margin-top:7px;}
	#pdt .area .box .info .btns span {width:24px;height:24px;line-height:24px;font-size:15px;}
	#pdt .slick-arrow {margin-top:-15px;width:30px;height:30px;}
}

#tech {background:url(/intro/tech-bg.jpg) no-repeat 50% 0;padding:280px 10px 100px;overflow:hidden;}
#tech .inner {max-width:1240px;margin:0 auto;}
#tech .tit {margin-bottom:60px;}
#tech .tit p {font-size:16px;line-height:1.6em;letter-spacing:-0.1em;margin-top:25px;}
#tech .area {font-size:0;margin:0 -10px;}
#tech .area .box {box-sizing:border-box;width:20%;vertical-align:top;display:inline-block;padding:0 10px;text-align:center;}
#tech .area .box .in {background:rgba(255,255,255,0.8);box-sizing:border-box;height:230px;padding-top:40px;transition:0.3s;}
#tech .area .box .ico {display:inline-block;position:relative;}
#tech .area .box .ico img {transition:0.3s;}
#tech .area .box .ico .off {position:absolute;left:0;top:0;z-index:10;opacity:0;}
#tech .area .box .en {position:relative;margin-top:20px;padding-top:20px;font-size:20px;color:#333;transition:0.3s;}
#tech .area .box .en:before {content:"";display:block;position:absolute;width:26px;height:2px;left:50%;top:0;margin-left:-13px;background:#b31f7e;transition:0.3s;}
#tech .area .box .ko {font-size:15px;color:#333;margin-top:13px;transition:0.3s;letter-spacing:-0.05em;}
#tech .area .box .in:hover {background:#b31f7e;transform:translate3d(0,-20px,0);}
#tech .area .box .in:hover .ico .on {opacity:0;}
#tech .area .box .in:hover .ico .off {opacity:1;}
#tech .area .box .in:hover .en {color:#fff;}
#tech .area .box .in:hover .en:before {background:#fff;}
#tech .area .box .in:hover .ko {color:#fff;}

@media all and (max-width:1000px){
	#tech {padding:30px 10px;background-size:cover;background-image:url(/intro/tech-bg-m.jpg);}
	#tech .tit {margin-bottom:20px;}
	#tech .tit p {font-size:13px;line-height:1.5em;margin-top:10px;}
	#tech .area {margin:0 -5px;}
	#tech .area .box {width:33.33333%;padding:0 5px;}
	#tech .area .box:nth-child(n+4) {width:50%;margin-top:10px;}
	#tech .area .box .in {height:115px;padding-top:20px;}
	#tech .area .box .ico img {width:40px;}
	#tech .area .box .en {margin-top:10px;padding-top:10px;font-size:13px;}
	#tech .area .box .ko {font-size:12px;margin-top:5px;}
	#tech .area .box .in:hover {transform:translate3d(0,0,0);}
}


#down {background:url(/intro/down-bg.png) no-repeat 50% 0;box-sizing:border-box;height:561px;padding:95px 10px 0;}
#down .inner {max-width:1240px;margin:0 auto;position:relative;}
#down dl dt {font-size:20px;font-weight:300;color:#f9d5ec;}
#down dl dd {font-size:27px;color:#fff;margin-top:27px;letter-spacing:-0.075em;line-height:1.3em;}
#down .btns {margin-top:35px;}
#down .btns a {display:inline-block;width:190px;height:60px;line-height:56px;font-weight:300;box-sizing:border-box;text-align:center;border:2px solid #fff;border-radius:30px;color:#fff;font-size:16px;}

@media all and (max-width:1000px){
	#down {background-image:url(/intro/down-bg-m.gif);background-size:cover;height:auto;padding:30px 10px;text-align:center;}
	#down dl dt {font-size:14px;}
	#down dl dd {font-size:20px;margin-top:15px;}
	#down .btns {margin-top:20px;}
	#down .btns a {width:120px;height:40px;line-height:36px;border-radius:20px;font-size:14px;}
}


#evt {padding:10px 10px 80px;overflow:hidden;}
#evt .inner {max-width:1240px;margin:0 auto;}
#evt .tit {margin-bottom:30px;}
#evt .area {font-size:0;margin:0 -21.5px;}
#evt .area .box {display:inline-block;vertical-align:top;box-sizing:border-box;width:33.33333%;padding:0 21.5px;}
#evt .area .box .in {display:block;position:relative;}
#evt .area .box .img {border:1px solid #e2e1e1;position:relative;}
#evt .area .box .img img {width:100%;display:block;}
#evt .area .box .img span {display:block;z-index:10;width:55px;height:55px;background:#b31f7e url(/intro/arr-white.gif) no-repeat 100% 50%;background-size:contain;position:absolute;right:0;bottom:-28px;transition:0.3s;overflow:hidden;}
#evt .area .box .img span em {position:absolute;right:55px;line-height:55px;top:0;display:block;white-space:nowrap;font-size:14px;color:#fff;}
#evt .area .box .info {padding:30px 10px;}
#evt .area .box .info .subject {font-size:28px;color:#333;line-height:1.25em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
#evt .area .box .info .sum {font-size:15px;line-height:1.6em;overflow:hidden;/* height:6.4em; */;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#888;margin-top:15px;}
#evt .area .box .info .date {margin-top:25px;font-size:18px;color:#555;}
#evt .area .box .in:before,
#evt .area .box .in:after,
#evt .area .box .in .info:before,
#evt .area .box .in .info:after {content:"";display:block;position:absolute;background:#b31f7e;transition:0.2s;z-index:20;}
#evt .area .box .in:before {left:0;top:0;width:0;height:3px;}
#evt .area .box .in:after {right:0;top:0;width:3px;height:0;transition-delay:0.1s;}
#evt .area .box .in .info:before {right:0;bottom:0;width:0;height:3px;transition-delay:0.3s;}
#evt .area .box .in .info:after {left:0;bottom:0;width:3px;height:0;transition-delay:0.5s;}

#evt .area .box .in:hover:before,
#evt .area .box .in:hover .info:before {width:100%;opacity:1;}
#evt .area .box .in:hover:after,
#evt .area .box .in:hover .info:after {height:100%;opacity:1;}
#evt .area .box .in:hover .img span {width:150px;}

#evt .slick-dots {margin-top:30px;text-align:center;}
#evt .slick-dots li {display:inline-block;margin:0 5px;}
#evt .slick-dots li button {
	display:inline-block;
	width:13px;
	height:13px;
	background:none;
	border:3px solid #ddd;
	box-sizing:border-box;
	text-align:left;
	text-indent:-9999px;
	overflow:hidden;
	border-radius:50%;
	transition:0.3s;
}
#evt .slick-dots li.slick-active button {background:#b31f7e;border-color:#b31f7e;}
#evt .slick-arrow {
	position:absolute;
	bottom:0;
	width:52px;
	height:16px;
	box-sizing:border-box;
	display:block;
	text-align:left;
	text-indent:-9999px;
	overflow:visible;
	z-index:100;
	border:none;
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:contain;
}
#evt .slick-arrow.slick-prev {right:50%;margin-right:50px;background-image:url(/intro/evt-prev.gif);}
#evt .slick-arrow.slick-next {left:50%;margin-left:50px;background-image:url(/intro/evt-next.gif);}

@media all and (max-width:1000px){
	#evt {padding:30px 10px;}
	#evt .tit {margin-bottom:15px;}
	#evt .area {margin:0 -5px;}
	#evt .area .box {width:50%;padding:0 5px;}
	#evt .area .box .img span {width:40px;height:40px;bottom:-20px;}
	#evt .area .box .img span em {right:40px;line-height:40px;font-size:12px;}
	#evt .area .box .info {padding:20px 0 0;}
	#evt .area .box .info .subject {font-size:16px;}
	#evt .area .box .info .sum {font-size:12px;line-height:1.5em;overflow:hidden;height:4.5em;margin-top:10px;}
	#evt .area .box .info .date {margin-top:15px;font-size:13px;}
	#evt .area .box .in:before,
	#evt .area .box .in:after,
	#evt .area .box .in .info:before,
	#evt .area .box .in .info:after {display:none;}
	#evt .area .box .in:hover .img span {width:120px;}

	#evt .slick-dots {margin-top:20px;}
	#evt .slick-arrow {display:none !important;}
}

#layout {padding:100px 10px;overflow:hidden;}
#layout > .inner {max-width:1240px;margin:0 auto;}


#tit {text-align:center;margin-bottom:40px;}
#tit h2 {font-size:30px;font-weight:bold;color:#333;}
#tit p {font-size:14px;color:#888;margin-top:10px;line-height:1.4em;}
#tit.border {border-bottom:1px solid #ddd;padding-bottom:20px;}

#svis {background:url(/intro/svis-shop.jpg) no-repeat 50% 0;background-attachment:fixed;padding-top:110px;height:295px;font-size:0;text-align:center;}
#svis:after {content:'';display:inline-block;width:0;height:100%;vertical-align:middle;}
#svis h2 {display:inline-block;vertical-align:middle;color:#fff;font-size:46px;font-weight:normal;}
.product #svis {background-image:url(/intro/svis-pdt.jpg);}
.board #svis {background-image:url(/intro/svis-board.jpg);}

#svis + #layout {padding-top:40px;}

@media all and (max-width:1000px){
	#layout {padding:30px 10px;}

	#tit {margin-bottom:20px;}
	#tit h2 {font-size:20px;}
	#tit p {font-size:12px;margin-top:7px;}
	#tit.border {padding-bottom:10px;}

	#svis {padding-top:50px;height:80px;background-attachment:scroll;background-size:cover;}
	#svis h2 {font-size:24px;}
	#svis + #layout {padding-top:20px;}
}


#snb {margin:-40px -1000px 60px;position:relative;z-index:100;border-bottom:1px solid #ddd;}
#snb .snb {max-width:1240px;margin:0 auto;font-size:0;}
#snb .snb > li {display:inline-block;position:relative;margin-left:-1px;vertical-align:top;}
#snb .snb > li:first-child {margin-left:0;}
#snb .snb > li > a,
#snb .snb > li > span {display:block;height:52px;line-height:52px;border-left:1px solid #ddd;position:relative;color:#333;font-size:15px;}
#snb .snb > li > a {width:60px;text-align:center;font-size:20px;color:#777;}
#snb .snb > li > span {font-size:15px;padding:0 40px 0 15px;cursor:pointer;min-width:170px;}
#snb .snb > li > span:before {content:"\f1af";font-family:axicon;position:absolute;right:15px;top:50%;margin-top:-9px;font-size:9px;width:18px;height:18px;line-height:16px;border-radius:50%;text-align:center;border:1px solid #777;color:#777;box-sizing:border-box}
#snb .snb > li:last-child > span {border-right:1px solid #ddd;color:#b31f7e;}

#snb .snb li ul {display:none;position:absolute;left:0;top:100%;min-width:100%;border:1px solid #ddd;border-top:none;background:#fff;box-sizing:border-box;padding:15px 0;}
#snb .snb li ul li a {display:block;font-size:14px;white-space:nowrap;padding:2px 20px;color:#999;}
#snb .snb > li.on > span,
#snb .snb > li:hover > span {color:#b31f7e;}
#snb .snb > li.on > span:before,
#snb .snb > li:hover > span:before {content:"\f1b2";}
#snb .snb > li.on > ul,
#snb .snb > li:hover > ul {display:block;}
#snb .snb li ul li a:hover {color:#000;}

@media all and (max-width:1280px){
	#snb {margin:-40px -10px 60px;}
}

@media all and (max-width:1000px){
	#snb {display:none;}
}


.__login {max-width:680px;margin:0 auto;}
.__login h2 {margin-bottom:40px;text-align:center;}
.__login .area {border:1px solid #ddd;padding:70px 20px 50px;}
.__login .area .in {max-width:440px;margin:0 auto;}
.__login .area .form ul li {border-bottom:1px solid #ebebeb;}
.__login .area .form ul li input {border:none;height:53px;line-height:53px;font-size:16px;display:block;width:100%;}
.__login .area .form ul li input::-webkit-input-placeholder {color:#ccc;}
.__login .area .form ul li input:-moz-placeholder {color:#ccc;}
.__login .area .form ul li input::-moz-placeholder {color:#ccc;}
.__login .area .form ul li input:-ms-input-placeholder {color:#ccc;}
.__login .area .form ul li ~ li {margin-top:34px;}
.__login .area .form button {display:block;width:100%;box-sizing:border-box;border:none;height:60px;color:#fff;background:#b31f7e;margin-top:20px;font-size:17px;font-weight:bold;}
.__login .area .btns {margin-top:15px;position:relative;display:table;width:100%;}
.__login .area .btns > * {display:table-cell;vertical-align:middle;}
.__login .area .btns .save {font-size:13px;}
.__login .area .btns .save input {display:inline-block;margin-right:3px;}
.__login .area .btns .link {text-align:right;font-size:0;font-size:0;}
.__login .area .btns .link li {display:inline-block;position:relative;vertical-align:top;}
.__login .area .btns .link li ~ li {margin-left:8px;padding-left:9px;}
.__login .area .btns .link li ~ li:before {content:"";display:block;width:1px;height:8px;background:#ccc;position:absolute;left:0;top:50%;margin-top:-4px;}
.__login .area .btns .link a {display:block;font-size:13px;}
.__login .bot {margin:15px -5px 0;overflow:hidden;text-align:center;}
.__login .bot li {float:left;width:50%;box-sizing:border-box;padding:0 5px;}
.__login .bot li a {display:block;border:1px solid #ddd;height:72px;line-height:70px;color:#333;font-size:16px;}

@media all and (max-width:1000px){
	.__login h2 {margin-bottom:20px;}
	.__login h2 img {width:110px;}
	.__login .area {padding:20px 20px 30px;}
	.__login .area .form ul li input {height:40px;line-height:40px;font-size:14px;}
	.__login .area .form ul li ~ li {margin-top:15px;}
	.__login .area .form button {height:50px;margin-top:15px;font-size:16px;}
	.__login .bot {margin:10px -5px 0;}
	.__login .bot li a {height:40px;line-height:38px;font-size:14px;}
}

.__joinstep {font-size:0;margin-bottom:45px;text-align:center;}
.__joinstep li {display:inline-block;vertical-align:top;box-sizing:border-box;position:relative;width:142px;height:142px;white-space:nowrap;border-radius:50%;border:1px solid #ddd;}
.__joinstep li:after {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
.__joinstep li ~ li {margin-left:40px;}
.__joinstep li ~ li:before {content:"";display:block;position:absolute;right:100%;margin-right:1px;width:40px;height:16px;top:50%;margin-top:-8px;background:url(/intro/step-arr.gif) no-repeat;}
.__joinstep li dl {display:inline-block;vertical-align:middle;white-space:normal;}
.__joinstep li dl dt {font-size:22px;font-weight:bold;color:#333;}
.__joinstep li dl dd {font-size:14px;color:#333;margin-top:10px;padding-top:13px;position:relative;letter-spacing:-0.05em;}
.__joinstep li dl dd:before {content:"";display:block;position:absolute;width:20px;height:1px;left:50%;margin-left:-10px;background:#333;top:0;}
.__joinstep .active {background:#b31f7e;border-color:#b31f7e;}
.__joinstep .active dl dt,
.__joinstep .active dl dd {color:#fff;}
.__joinstep .active dl dd:before {background:#fff;}

.__joinresult {border:1px solid #ddd;border-top:1px solid #000;text-align:center;padding:60px 10px;}
.__joinresult dt {font-size:18px;color:#333;line-height:1.4em;}
.__joinresult dd {font-size:14px;color:#888;margin-top:15px;}

@media all and (max-width:1000px){
	.__joinstep {margin-bottom:25px;}
	.__joinstep li {width:90px;height:90px;}
	.__joinstep li ~ li {margin-left:10px;}
	.__joinstep li ~ li:before {display:none;}
	.__joinstep li dl dt {font-size:16px;}
	.__joinstep li dl dd {font-size:12px;margin-top:5px;padding-top:8px;}

	.__joinresult {padding:40px 10px;}
	.__joinresult dt {font-size:16px;}
	.__joinresult dd {font-size:13px;margin-top:10px;}
}

.__agreebox {border:1px solid #ddd;}
.__agreebox .area {overflow-y:auto;height:380px;box-sizing:border-box;padding:30px;font-size:13px;line-height:1.8em;}
.__agreebox .lab {background:#f7f7f7;padding:15px 30px;font-size:14px;color:#333;border-top:1px solid #ddd;}

.__agreeall {border:1px solid #ddd;text-align:center;padding:25px 10px;font-size:15px;background:#f7f7f7;}

@media all and (max-width:1000px){
	.__agreebox .area {height:150px;padding:20px 15px;font-size:12px;line-height:1.6em;}
	.__agreebox .lab {padding:10px 15px;font-size:13px;}
	.__agreeall {padding:15px;font-size:13px;}
}

.__txt20 {font-size:20px;line-height:1.6em;}
.__txt18 {font-size:18px;line-height:1.6em;}
.__txt17 {font-size:17px;line-height:1.6em;}
.__txt16 {font-size:16px;line-height:1.6em;}
.__txt15 {font-size:15px;line-height:1.6em;}
.__txt14 {font-size:14px;line-height:1.6em;}

.__pink {color:#b31f7e !important;}
.__red {color:#dc0909 !important;}
.__black {color:#333 !important;}
.__gray {color:#999 !important;}

.__tit1 {margin-bottom:15px;position:relative;}
.__tit1:after {content:'';display:block;clear:both;}
.__tit1 h3 {font-size:22px;font-weight:bold;color:#333;letter-spacing:-0.05em;}
.__tit1 .rig {position:absolute;right:0;bottom:0;}
.__tit1 .required {font-size:13px;}

.__tit2 {margin-bottom:20px;}
.__tit2 h3 {position:relative;padding-left:38px;font-size:28px;font-weight:normal;color:#333;}
.__tit2 h3:before {content:"";display:block;width:25px;height:25px;position:absolute;left:0;top:5px;background:url(/intro/tit2-dot.png) 0 50%;background-size:contain;}

.__botarea {margin-top:50px;position:relative;}
.__botarea .cen {text-align:center;}

.__btns1 {width:180px;height:60px;line-height:58px;box-sizing:border-box;background:#3a3a3a;color:#fff;border:1px solid #3a3a3a;font-size:16px;text-align:center;font-weight:bold;display:inline-block;vertical-align:middle;letter-spacing:-0.05em;}
.__btns1.red {background:#b31f7e;border-color:#b31f7e;}
.__btns1.gray {background:#999;border-color:#999;}

.__btns2 {height:40px;line-height:38px;box-sizing:border-box;background:#fff;color:#333;border:1px solid #000;font-size:14px;text-align:center;font-weight:normal;display:inline-block;vertical-align:middle;padding:0 15px;letter-spacing:-0.05em;}
.__btns2.red {background-color:#bf043e;border-color:#bf043e;color:#fff;}

.__btns3 {height:34px;line-height:32px;box-sizing:border-box;background:#f3f3f3;color:#333;border:1px solid #ddd;font-size:14px;text-align:center;font-weight:normal;display:inline-block;vertical-align:middle;padding:0 15px;letter-spacing:-0.05em;width:100%;}
.__btns3.red {background:#b31f7e;color:#fff;border-color:#b31f7e;}

.__btns4 {height:30px;line-height:28px;box-sizing:border-box;background:#fff;color:#333;border:1px solid #ddd;font-size:12px;text-align:center;font-weight:normal;display:inline-block;vertical-align:middle;padding:0 15px;letter-spacing:-0.05em;width:100%;}
.__btns4.gray {background:#a5a5a5;border-color:#a5a5a5;color:#fff;}
.__btns4.black {background:#333;border-color:#333;color:#fff;}


@media all and (max-width:1000px){

	.__txt20 {font-size:17px;line-height:1.5em;}
	.__txt18 {font-size:16px;line-height:1.5em;}
	.__txt17 {font-size:15px;line-height:1.5em;}
	.__txt16 {font-size:14px;line-height:1.5em;}
	.__txt15 {font-size:13px;line-height:1.5em;}
	.__txt14 {font-size:12px;line-height:1.5em;}

	.__tit1 {margin-bottom:10px;}
	.__tit1 h3 {font-size:18px;}

	.__tit2 {margin-bottom:10px;}
	.__tit2 h3 {padding-left:18px;font-size:18px;}
	.__tit2 h3:before {width:12px;height:12px;top:5px;}

	.__botarea {margin-top:20px;}
	.__botarea .__btns1 {margin-bottom:7px;}

	.__btns1 {width:130px;height:40px;line-height:38px;font-size:13px;}
	.__btns2 {height:30px;line-height:28px;font-size:12px;padding:0 10px;}
}

.__tbl-write {width:100%;table-layout:fixed;border-top:1px solid #000;}
.__tbl-write tr > * {border-bottom:1px solid #ddd;padding:10px;font-size:14px;box-sizing:border-box;letter-spacing:-0.05em;line-height:1.4em;}
.__tbl-write tr th {text-align:left;width:210px;font-weight:normal;padding-left:30px;}
.__tbl-write tr td > p ~ p {margin-top:10px;}
.__tbl-write .__dtbl .dash {text-align:center;width:20px;}
.__tbl-write .__dtbl .space {width:10px;}

.__form1 {display:inline-block;box-sizing:border-box;max-width:100%;width:100%;border:1px solid #ddd;font-size:14px;padding-left:5px;height:40px;}

@media all and (max-width:1000px){
	.__tbl-write tr > * {padding:5px;font-size:12px;}
	.__tbl-write tr th {width:95px;padding-left:5px;}
	.__tbl-write .db {display:block;margin-top:3px;}
	.__tbl-write .__dtbl .dash {width:15px;}
	.__tbl-write .__dtbl .space {width:5px;}
	.__tbl-write tr td > p ~ p {margin-top:5px;}

	.__tbl-write.responsive {display:block;}
	.__tbl-write.responsive tbody,
	.__tbl-write.responsive tr,
	.__tbl-write.responsive tr > * {display:block;width:100%;border:none;}
	.__tbl-write.responsive tr th {padding:10px 5px 5px;font-size:14px;}
	.__tbl-write.responsive tr td {padding:0 5px 10px;border-bottom:1px solid #ddd;}
	
	.__form1 {font-size:12px;padding-left:5px;height:30px;}

}

.__tab1 {padding:1px 0 0 1px;margin-bottom:45px;}
.__tab1:after {content:'';display:block;clear:both;}
.__tab1 a {display:block;width:20%;height:62px;box-sizing:border-box;border:1px solid #ddd;font-size:0;padding:0 40px 0 20px;position:relative;white-space:nowrap;float:left;margin:-1px 0 0 -1px;}
.__tab1 a:after {content:'';display:inline-block;width:0;height:100%;vertical-align:middle;}
.__tab1 a:before {/* content:"\f107";font-family:axicon;position:absolute;right:20px;top:50%;line-height:1em;font-size:24px;margin-top:-12px;color:#aaa; */}
.__tab1 a span {display:inline-block;vertical-align:middle;font-size:16px;white-space:normal;}
.__tab1 a.active,
.__tab1 a:hover {background:#b31f7e;color:#fff;border-color:#b31f7e;z-index:10;}
.__tab1 a.active:before,
.__tab1 a:hover:before {color:#fff;}
.__tab1.type2 a {text-align:center;padd ing:0 10px;}
.__tab1.type2 a:before {display:none;}
.__tab1.leng2 a {width:50%;}
.__tab1.leng3 a {width:33.333333%;}
.__tab1.leng4 a {width:25%;}
.__tab1.leng5 a {width:20%;}
.__tab1.leng6 a {width:16.666666%;}
.__tab1.leng7 a {width:14.285714%;}
.__tab1.leng8 a {width:12.5%;}

.__tab2 {text-align:center;font-size:0;border-bottom:1px solid #333;margin-bottom:50px;}
.__tab2 .inner {max-width:1040px;margin:0 auto;}
.__tab2 .in {margin-right:-4px;}
.__tab2 .in:after {content:"";display:block;clear:both;}
.__tab2 a {float:left;width:20%;box-sizing:border-box;height:57px;border:1px solid #ddd;border-bottom:none;text-align:center;font-size:0;white-space:nowrap;padding:0 10px;color:#999;background:#fafafa;position:relative;}
.__tab2 a:after {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
.__tab2 a span {display:inline-block;vertical-align:middle;white-space:normal;line-height:1.2em;font-size:15px;letter-spacing:-0.075em;}
.__tab2 a ~ a {margin-left:-1px;}
.__tab2 .active {background:#fff;border-color:#333;color:#333;z-index:10;}

.__tab3 {font-size:0;padding-left:1px;}
.__tab3:after {content:"";display:block;clear:both;}
.__tab3 a {float:left;margin-left:-1px;height:35px;line-height:33px;border:1px solid #ddd;width:80px;font-size:13px;text-align:center;box-sizing:border-box;}
.__tab3 .active {background:#aaa;color:#fff;border-color:#aaa;}

.__cate {border-top:2px solid #ddd;border-bottom:1px solid #ddd;margin-bottom:30px;padding:18px 0;font-size:0;overflow:hidden;}
.__cate .inner {margin:0 -1px;}
.__cate a {font-size:14px;color:#333;display:inline-block;box-sizing:border-box;padding:0 20px;position:relative;line-height:1.8em;}
.__cate a:before {content:"";display:block;width:1px;height:12px;position:absolute;left:0;top:50%;margin-top:-6px;background:#ddd;}
.__cate .active {color:#b31f7e;font-weight:bold;}

.__toparea {position:relative;margin-bottom:40px;table-layout:auto;}
.__toparea .td {vertical-align:middle;}
.__toparea .num {color:#777;font-size:0;}
.__toparea .num > * {display:inline-block;vertical-align:middle;}
.__toparea .num strong {color:#333;position:relative;padding-right:10px;margin-right:8px;font-size:14px;}
.__toparea .num strong:before {content:"";display:block;width:1px;height:12px;position:absolute;right:0;top:50%;margin-top:-6px;background:#ccc;}
.__toparea .num span {color:#d90a0a;font-size:16px;}
.__toparea .num em {font-size:13px;}
.__toparea .rig {text-align:right;}
.__toparea .rig select {border:1px solid #ddd;font-size:14px;box-sizing:border-box;width:240px;height:35px;padding-left:10px;color:#666;}
.__toparea .all {font-size:16px;color:#333;}

@media all and (max-width:1000px){
	.__tab1 {margin-bottom:15px;}
	.__tab1 a {width:50%;height:36px;padding:0 15px 0 10px;}
	.__tab1 a:before {right:10px;font-size:14px;margin-top:-7px;}
	.__tab1 a span {font-size:14px;}
	.__tab1.leng6 a {width:33.333333%;}

	.__tab2 {margin-bottom:15px;}
	.__tab2 a {height:40px;padding:0 7px;}
	.__tab2 a span {font-size:12px;}

	.__tab3 {margin-right:-4px;}
	.__tab3 a {height:30px;line-height:28px;width:25%;font-size:13px;}

	.__cate {margin-bottom:10px;padding:10px 0;}
	.__cate a {font-size:13px;padding:0 10px;line-height:1.6em;}

	.__toparea {margin-bottom:10px;}
	.__toparea .num strong {padding-right:8px;margin-right:6px;font-size:13px;}
	.__toparea .num span {font-size:12px;}
	.__toparea .num em {font-size:12px;}
	.__toparea .rig select {font-size:12px;width:auto;height:24px;padding-left:3px;}
	.__toparea .all {font-size:13px;}
	.__toparea.search .rig {margin-top:10px;}
	
	.__toparea.search,
	.__toparea.search .td {display:block;}
}

.__shop-list {margin:0 -7px -50px;font-size:0;}
.__shop-list .box {display:inline-block;vertical-align:top;box-sizing:border-box;width:25%;padding:0 7px;margin-bottom:50px;}
.__shop-list .box .in {border:1px solid #ddd;display:block;position:relative;}
.__shop-list .box .img {position:relative;}
.__shop-list .box .img img {display:block;width:100%;}
.__shop-list .box .img .sch {width:60px;height:60px;line-height:60px;text-align:center;border-radius:50%;background:#afafaf;color:#fff;position:absolute;left:50%;top:50%;margin:-30px 0 0 -30px;font-size:24px;opacity:0;transform:translate3d(0,20px,0);transition:0.5s;}
.__shop-list .box .info {border-top:1px solid #ddd;text-align:left;padding:20px 10px;}
.__shop-list .box .info .subject {font-size:20px;color:#333;}
.__shop-list .box .info .sum {font-size:14px;margin-top:10px;line-height:1.5;min-height:3em;}
.__shop-list .box .in:hover .img .sch {opacity:1;transform:translate3d(0,0,0);}

.__shop-list .box .in:before,
.__shop-list .box .in:after,
.__shop-list .box .in .info:before,
.__shop-list .box .in .info:after {content:"";display:block;position:absolute;background:#b31f7e;transition:0.3s;z-index:20;}
.__shop-list .box .in:before {left:-1px;top:-1px;width:0;height:2px;}
.__shop-list .box .in:after {right:-1px;top:-1px;width:2px;height:0;}
.__shop-list .box .in .info:before {right:-1px;bottom:-1px;width:0;height:2px;}
.__shop-list .box .in .info:after {left:-1px;bottom:-1px;width:2px;height:0;}

.__shop-list .box .in:hover:before,
.__shop-list .box .in:hover .info:before {width:100%;opacity:1;}
.__shop-list .box .in:hover:after,
.__shop-list .box .in:hover .info:after {height:100%;opacity:1;}


@media all and (max-width:1000px){
	.__shop-list {margin:0 -5px -10px;}
	.__shop-list .box {width:50%;padding:0 5px;margin-bottom:10px;}
	.__shop-list .box .img .sch {width:40px;height:40px;line-height:40px;margin:-20px 0 0 -20px;font-size:18px;}
	.__shop-list .box .info {padding:15px 10px;}
	.__shop-list .box .info .subject {font-size:14px;}
	.__shop-list .box .info .sum {font-size:11px;margin-top:5px;}
}

.__wide {margin:0 -1000px;padding:50px 10px 40px;}
.__wide.first {margin-top:-100px;}
.__wide.gray {background:#fbfbfb;}
.__wide > .inner {max-width:1240px;margin:0 auto;}
.__wide.p70 {padding:70px 10px;}

.__navigation {font-size:0;text-align:right;margin-bottom:30px;}
.__navigation li {display:inline-block;vertical-align:middle;font-size:14px;color:#777;position:relative;}
.__navigation li ~ li {padding-left:15px;margin-left:9px;}
.__navigation li ~ li:before {content:"\f105";font-family:axicon;position:absolute;left:0;top:50%;line-height:1em;margin-top:-7px;color:#777;}
.__navigation li:last-child {color:#b31f7e;}

.__shop-view {background:#fff;border:1px solid #ddd;padding:60px 68px 65px 90px;}
.__shop-view:after {content:'';display:block;clear:both;}
.__shop-view .img {width:50%;box-sizing:border-box;float:left;padding-right:65px;}
.__shop-view .img .thm {margin:20px -10px 0;}
.__shop-view .img .thm li {float:left;width:33.33333%;box-sizing:border-box;padding:0 10px;}
.__shop-view .img .thm li a {display:block;border:1px solid #ddd;}
.__shop-view .img .thm .active a {border-color:#b31f7e;}
.__shop-view .info {width:50%;box-sizing:border-box;padding-left:55px;float:right;}
.__shop-view .info .tit {padding-bottom:25px;border-bottom:1px solid #ddd;margin-bottom:15px;}
.__shop-view .info .tit h3 {font-size:40px;color:#333;font-weight:normal;}
.__shop-view .info .tit p {font-size:18px;color:#888;margin-top:5px;}
.__shop-view .info .tbl {display:table;width:100%;}
.__shop-view .info .tbl dl {display:table-row;}
.__shop-view .info .tbl dl > * {display:table-cell;vertical-align:middle;padding:8px 0;box-sizing:border-box;font-size:15px;}
.__shop-view .info .tbl dl dt {width:110px;}
.__shop-view .info .tbl strong {color:#333;}
.__shop-view .info .tbl select {height:35px;border:1px solid #ddd;font-size:13px;display:block;width:100%;box-sizing:border-box;padding-left:5px;}
.__shop-view .info .calc {margin-top:20px;background:#f9f9f9;padding:15px 30px 15px;text-align:right;}
.__shop-view .info .calc dl {display:inline-block;vertical-align:baseline;}
.__shop-view .info .calc div {font-size:14px;}
.__shop-view .info .calc div > * {display:inline-block;vertical-align:baseline;}
.__shop-view .info .calc dt {font-size:14px;margin-right:10px;}
.__shop-view .info .calc dd {color:#444;}
.__shop-view .info .calc strong {font-size:26px;color:#333;}
.__shop-view .info .calc span {font-size:14px;}
.__shop-view .info .calc span:after {content:" : ";display:inline-block;vertical-align:baseline;margin:0 5px;}
.__shop-view .info .calc em {font-size:14px;}
.__shop-view .info .bot {margin:30px -3px -6px;overflow:hidden;}
.__shop-view .info .bot li {float:left;width:50%;box-sizing:border-box;padding:0 3px;margin-bottom:6px;}
.__shop-view .info .bot .btns {box-sizing:border-box;display:block;width:100%;border:1px solid #ddd;height:44px;line-height:42px;background:#fff;font-size:15px;text-align:center;}
.__shop-view .info .bot .btns.black {height:58px;line-height:56px;color:#fff;background:#29292b;border-color:#29292b;}
.__shop-view .info .bot .btns.gray {height:58px;line-height:56px;color:#fff;background:#b4b4b4;border-color:#b4b4b4;}

.__shop-pn {text-align:center;font-size:0;}

.__pm {display:inline-block;position:relative;box-sizing:border-box;border:1px solid #ddd;padding-right:17px;height:35px;width:82px;}
.__pm .pm-inp {display:block;width:100%;height:33px;border:none;text-align:center;font-size:13px;}
.__pm button {box-sizing:border-box;width:17px;background:none;height:50%;right:0;border:none;border-left:1px solid #ddd;position:absolute;font-size:12px;color:#888;}
.__pm .pm-minus {bottom:0;border-top:1px solid #ddd;}
.__pm .pm-plus {top:0;}

.__shop-pn {text-align:center;font-size:0;margin-top:40px;}
.__shop-pn a {display:inline-block;vertical-align:top;box-sizing:border-box;border:1px solid #ddd;}
.__shop-pn a ~ a {margin-left:-1px;}

@media all and (max-width:1280px){
	.__wide {margin:0 -10px;}
	.__shop-view {padding:50px;}
	.__shop-view .img {padding-right:20px;}
	.__shop-view .info {padding-left:20px;}
}

@media all and (max-width:1000px){
	.__wide {margin:0 -10px;padding:20px 10px;}
	.__wide.first {margin-top:-30px;}
	.__wide.p70 {padding:20px 10px;}
	
	.__navigation {margin-bottom:10px;}
	.__navigation li {font-size:12px;}
	.__navigation li ~ li {padding-left:10px;margin-left:8px;}
	.__navigation li ~ li:before {margin-top:-0.5em;}

	.__shop-view {padding:15px;}
	.__shop-view .img {width:100%;padding-right:0;}
	.__shop-view .img .thm {margin:10px -5px 0;}
	.__shop-view .img .thm li {padding:0 5px;}
	.__shop-view .info {width:100%;padding-left:0;margin-top:20px;}
	.__shop-view .info .tit {padding-bottom:10px;margin-bottom:10px;}
	.__shop-view .info .tit h3 {font-size:24px;}
	.__shop-view .info .tit p {font-size:14px;}
	.__shop-view .info .tbl dl > * {padding:5px 0;font-size:13px;}
	.__shop-view .info .tbl dl dt {width:70px;}
	.__shop-view .info .tbl select {height:24px;}
	.__shop-view .info .calc {margin-top:15px;padding:15px;}
	.__shop-view .info .calc div {font-size:13px;}
	.__shop-view .info .calc dt {font-size:13px;margin-right:5px;}
	.__shop-view .info .calc strong {font-size:18px;}
	.__shop-view .info .calc span {font-size:14px;}
	.__shop-view .info .calc dd em {font-size:14px;}
	.__shop-view .info .bot {margin:20px -2px -4px;}
	.__shop-view .info .bot li {padding:0 2px;margin-bottom:4px;}
	.__shop-view .info .bot .btns {height:35px;line-height:33px;font-size:14px;}
	.__shop-view .info .bot .btns.black,
	.__shop-view .info .bot .btns.gray {height:45px;line-height:43px;}

	.__pm {padding-right:17px;height:24px;width:70px;}
	.__pm .pm-inp {height:22px;}
	.__pm button {width:17px;}
	
	.__shop-pn {margin-top:20px;}
	.__shop-pn a {width:30px;}
}

.__shop-detail .__tab2 {margin-top:100px;}
.__shop-detail .box {padding-bottom:30px;position:relative;}
.__shop-detail .box .bookmark {display:block;position:absolute;left:0;top:-120px;}
.__shop-detail .box .area {max-width:1040px;margin:0 auto;}
.__shop-detail .box .area .tit {margin-bottom:30px;}
.__shop-detail .box .area .tit h3 {font-size:20px;color:#333;font-weight:normal;}
.__shop-detail .box .area .desc {font-size:14px;line-height:1.8em;}

.__shop-fea {font-size:0;text-align:center;margin:0 -10px;}
.__shop-fea .item {padding:0 -10px;display:inline-block;vertical-align:top;box-sizing:border-box;width:33.33333%;}

.__tbl {width:100%;table-layout:auto;border-top:3px solid #b31f7e;background:#fff;}
.__tbl.fix {table-layout:fixed;}
.__tbl tr > * {border-bottom:1px solid #cbcaca;border-right:1px solid #cbcaca;padding:15px 10px;font-size:15px;text-align:center;}
.__tbl tr > *:last-child {border-right:none;}
.__tbl tr th {font-size:17px;background:#f8f8f8;font-weight:normal;}

.__tbl2 {width:100%;table-layout:auto;border-top:1px solid #000;}
.__tbl2.fix {table-layout:fixed;}
.__tbl2 tr > * {border-bottom:1px solid #cbcaca;padding:15px 10px;font-size:15px;text-align:center;}
.__tbl2 tr th {font-weight:normal;border-bottom:2px solid #000;}
.__tbl2 tr td {border-bottom:1px solid #ddd;border-right:1px solid #ddd;}
.__tbl2 tr td:last-child {border-right:none;}



@media all and (max-width:1000px){
	.__shop-detail .__tab2 {margin-top:20px;}

	.__shop-detail .box {padding-bottom:20px;}
	.__shop-detail .box .bookmark {top:-60px;}
	.__shop-detail .box .area .tit {margin-bottom:15px;}
	.__shop-detail .box .area .tit h3 {font-size:16px;}
	.__shop-detail .box .area .desc {font-size:13px;line-height:1.6em;}
	
	.__shop-fea {;margin:0;}
	.__shop-fea .item {padding:0;width:100%;}
	.__shop-fea .item ~ .item {margin-top:30px;}
	.__shop-fea .item .img img {width:90px;}
	
	.__tbl {border-top:2px solid #b31f7e;}
	.__tbl tr > * {padding:5px;font-size:12px;}
	.__tbl tr th {font-size:12px;}

	.__tbl2 tr > * {padding:5px;font-size:12px;}


	.__ovx {overflow-x:auto;}
	.__ovx table {min-width:760px;}
}


.__pdt-tit {margin-bottom:30px;}
.__pdt-tit h3 {font-size:36px;font-weight:normal;color:#333;}
.__pdt-tit p {font-size:18px;color:#a4a4a4;margin-top:5px;}

.__pdt-sum {background:#f5f5f5;padding:100px 10px;}
.__pdt-sum .inner:after {content:"";display:block;clear:both;}
.__pdt-sum .img {float:left;width:39%;box-sizing:border-box;}
.__pdt-sum .info {float:left;width:61%;box-sizing:border-box;padding-left:130px;}
.__pdt-sum .info .sum {font-size:16px;line-height:1.6em;}
.__pdt-sum .info .bot {margin:40px -4px 0;}
.__pdt-sum .info .bot li {float:left;width:33.33333%;box-sizing:border-box;padding:0 4px;}
.__pdt-sum .info .bot .btns {display:block;box-sizing:border-box;font-size:17px;width:100%;color:#fff;text-align:center;height:60px;line-height:60px;border:none;}
.__pdt-sum .info .bot .btns:before {content:"";display:inline-block;vertical-align:middle;width:26px;height:26px;background-repeat:no-repeat;background-position:0 50%;background-size:contain;margin-right:7px;}
.__pdt-sum .info .bot .catalog {background:#505050;}
.__pdt-sum .info .bot .youtube {background:#b7b7b7;}
.__pdt-sum .info .bot .buy {background:#b31f7e;}
.__pdt-sum .info .bot .inq {background:#b31f7e;}
.__pdt-sum .info .bot .catalog:before {background-image:url(/intro/ico-pdtbtn1.png);}
.__pdt-sum .info .bot .youtube:before {background-image:url(/intro/ico-pdtbtn2.png);}
.__pdt-sum .info .bot .buy:before {background-image:url(/intro/ico-pdtbtn3.png);}
.__pdt-sum .info .bot .inq:before {background-image:url(/intro/ico-pdtbtn3.png);}

.__pdt-len {margin:0 -10px;padding:70px 0;overflow:hidden;}
.__pdt-len .box {float:left;width:33.333333%;padding:0 10px;box-sizing:border-box;}

@media all and (max-width:1000px){
	.__pdt-sum {padding:30px 10px;}
	.__pdt-sum .img {width:100%;text-align:center;}
	.__pdt-sum .info {width:100%;padding:20px 0 0;}
	.__pdt-sum .info .sum {font-size:13px;line-height:1.5em;}
	.__pdt-sum .info .bot {margin:20px -2px 0;}
	.__pdt-sum .info .bot li {padding:0 2px;}
	.__pdt-sum .info .bot .btns {font-size:14px;height:40px;line-height:40px;}
	.__pdt-sum .info .bot .btns:before {width:16px;height:16px;margin-right:5px;}
	
	.__pdt-len {padding:30px 0;}
	.__pdt-len .box {width:100%;}
	.__pdt-len .box ~ .box {margin-top:30px;}
	.__pdt-len .box .ico img {width:50px;}
	.__pdt-len .box .img {text-align:center;}

}

.__pdt-ref {padding:70px 0;}
.__pdt-ref .area {margin-top:50px;}
.__pdt-ref .area .box {padding-bottom:35px;margin-bottom:35px;border-bottom:1px solid #ddd;}
.__pdt-ref .area .box:last-child {padding-bottom:0;margin-bottom:0;border-bottom:none;}
.__pdt-ref .area .box:after {content:"";display:block;clear:both;}
.__pdt-ref .area .box .info {float:left;box-sizing:border-box;width:30%;padding-left:60px;padding-right:40px;background:url(/intro/ico-ref.gif) no-repeat;min-height:40px;}
.__pdt-ref .area .box .info h3 {font-size:18px;color:#333;font-weight:normal;}
.__pdt-ref .area .box .info p {font-size:16px;line-height:1.6em;margin-top:10px;}
.__pdt-ref .area .box .go {float:right;width:70%;box-sizing:border-box;}
.__pdt-ref .area .box .go .sum {font-size:16px;line-height:1.6em;}
.__pdt-ref .area .box .go .link {margin-top:15px;}
.__pdt-ref .area .box .go .link a {font-size:16px;color:#aaa;display:inline-block;box-sizing:border-box;background:url(/intro/arr-gray.gif) no-repeat 100% 50%;padding-right:28px;}

.__pop-inq .desc h4 {font-size:24px;font-weight:normal;color:#333;margin-bottom:20px;}

@media all and (max-width:1000px){
	.__pdt-ref {padding:30px 0;}
	.__pdt-ref .area {margin-top:20px;}
	.__pdt-ref .area .box {padding-bottom:15px;margin-bottom:15px;}
	.__pdt-ref .area .box .info {float:none;width:100%;padding-left:0;padding-right:0;background-size:19.5px;min-height:20px;background-position:100% 0;}
	.__pdt-ref .area .box .info h3 {font-size:15px;}
	.__pdt-ref .area .box .info p {font-size:13px;line-height:1.5em;margin-top:7px;}
	.__pdt-ref .area .box .go {float:none;margin-top:10px;width:100%;}
	.__pdt-ref .area .box .go .sum {font-size:13px;line-height:1.5em;}
	.__pdt-ref .area .box .go .link {margin-top:10px;}
	.__pdt-ref .area .box .go .link a {font-size:13px;padding-right:18px;background-size:10px 3.5px;}

	.__pop-inq .desc h4 {font-size:16px;margin-bottom:10px}
}

.__tbl-cart {width:100%;table-layout:fixed;border-top:1px solid #000;}
.__tbl-cart tr > * {text-align:center;border-bottom:1px solid #ddd;box-sizing:border-box;}
.__tbl-cart tr th {border-bottom:2px solid #000;font-size:15px;padding:17px 0;font-weight:normal;}
.__tbl-cart tr td {border-right:1px solid #ddd;padding:25px 20px;font-size:15px;}
.__tbl-cart tr td:last-child {border-right:none;}
.__tbl-cart tr td > div ~ div {margin-top:6px;}
.__tbl-cart tr td del {color:#999;}
.__tbl-cart .confirm {margin:6px -3px 0;overflow:hidden;}
.__tbl-cart .confirm li {float:left;box-sizing:border-box;width:50%;padding:0 3px;}
.__tbl-cart .inp {display:inline-block;box-sizing:border-box;max-width:100%;width:100%;border:1px solid #ddd;color:#333;font-size:14px;padding:0 5px;height:34px;}
.__tbl-cart .inp.black {border-color:#333;}
.__tbl-cart .amount {font-size:17px;color:#333;}

.__tbl-cart .mov {display:table;width:100%;table-layout:fixed;}
.__tbl-cart .mov > div {display:table-cell;vertical-align:middle;}
.__tbl-cart .mov .img {width:145px;}
.__tbl-cart .mov .img a {display:block;border:1px solid #ddd;}
.__tbl-cart .mov .info {padding-left:10px;}
.__tbl-cart .mov .info .subject a {display:block;font-size:15px;color:#000;letter-spacing:-0.05em;}
.__tbl-cart .mov .info .date {font-size:14px;color:#999;margin-top:7px;}

.__tbl-cart .pdt {display:table;width:100%;table-layout:fixed;}
.__tbl-cart .pdt > div {display:table-cell;vertical-align:middle;}
.__tbl-cart .pdt .img {width:112px;}
.__tbl-cart .pdt .img a {display:block;border:1px solid #ddd;}
.__tbl-cart .pdt .info {padding-left:10px;box-sizing:border-box;}
.__tbl-cart .pdt .info .chg {margin-top:10px;position:relative;padding-right:60px;width:210px;max-width:100%;box-sizing:border-box;}
.__tbl-cart .pdt .info .chg button {position:absolute;right:0;top:0;width:50px;padding:0;height:100%;}
.__tbl-cart .__pm {width:70px;}

@media all and (max-width:1000px){
	.__tbl-cart {display:block;}
	.__tbl-cart thead {display:none;}
	.__tbl-cart tbody,
	.__tbl-cart tr,
	.__tbl-cart tr > * {display:block;}
	.__tbl-cart tr {border-bottom:1px solid #ddd;padding:10px 0;}
	.__tbl-cart tr td {padding:0;font-size:13px;border-bottom:none;border-right:none;}
	.__tbl-cart tr td ~ td {margin-top:5px;}
	.__tbl-cart tr td > div ~ div {margin-top:6px;}
	.__tbl-cart .amount {font-size:15px;height:18px;line-height:18px;text-align:right;font-weight:bold;color:#000;}
	.__tbl-cart .amount + .amount {margin-top:10px;border-top:1px solid #ddd;padding-top:10px;margin-bottom:30px;}
	.__tbl-cart .amount + .amount:before {top:10px;}

	.__tbl-cart .mov .img {width:90px;}
	.__tbl-cart .mov .info .subject a {font-size:13px;}
	.__tbl-cart .mov .info .date {font-size:12px;margin-top:5px;}

	.__tbl-cart .chk {text-align:left;}
	.__tbl-cart .leng div,
	.__tbl-cart .price div,
	.__tbl-cart .point div {display:inline-block;vertical-align:middle;height:18px;line-height:18px;font-size:14px;color:#000;}

	.__tbl-cart .btns {margin:10px -3px 0;overflow:hidden;}
	.__tbl-cart .btns > div {float:left;width:50%;box-sizing:border-box;padding:0 3px;margin:0;}
	.__tbl-cart .inp.soo {text-align:right !important;}
	.__tbl-cart .leng {text-align:right !important;}
	.__tbl-cart .price {text-align:right !important;}
	.__tbl-cart .point {text-align:right !important;}
	.__tbl-cart .amount {text-align:right !important;color:#dc0909;}

	.__tbl-cart .mtxt {text-align:left;position:relative;padding-left:110px;}
	.__tbl-cart .mtxt:before {content:""attr(data-th)"";position:absolute;left:0;top:0;height:18px;line-height:18px;width:110px;font-size:13px;letter-spacing:-0.05em;font-weight:normal;color:#333;text-align:left;}

	.__tbl-cart .pdt .img {width:60px;}
	.__tbl-cart .pdt .info .chg {width:100%;padding-right:55px;}
	.__tbl-cart .__pm {width:70px;height:32px;}
	.__tbl-cart .__pm .pm-inp {height:30px;line-height:30px;}
}


.__coupon-charge {margin:0 -20px 40px;}
.__coupon-charge:after {content:"";display:block;clear:both;}
.__coupon-charge .box {float:left;width:33.33333%;padding:0 20px;box-sizing:border-box;margin-bottom:80px;}
.__coupon-charge .box label {display:block;position:relative;}
.__coupon-charge .box label input {position:absolute;left:-9999px;top:0;}
.__coupon-charge .box .wrap {display:block;text-align:center;border:1px solid #ddd;}
.__coupon-charge .box .point0 {display:inline-block;width:254px;height:120px;font-size:0;background:url(/intro/coupon1.jpg) no-repeat 50% 50%;margin:25px 0;background-size:contain;}
.__coupon-charge .box .point1 {display:inline-block;width:254px;height:120px;font-size:0;background:url(/intro/coupon2.jpg) no-repeat 50% 50%;margin:25px 0;background-size:contain;}
.__coupon-charge .box .point2 {display:inline-block;width:254px;height:120px;font-size:0;background:url(/intro/coupon3.jpg) no-repeat 50% 50%;margin:25px 0;background-size:contain;}
.__coupon-charge .box .point3 {display:inline-block;width:254px;height:120px;font-size:0;background:url(/intro/coupon4.jpg) no-repeat 50% 50%;margin:25px 0;background-size:contain;}
.__coupon-charge .box .point4 {display:inline-block;width:254px;height:120px;font-size:0;background:url(/intro/coupon5.jpg) no-repeat 50% 50%;margin:25px 0;background-size:contain;}
.__coupon-charge .box .point5 {display:inline-block;width:254px;height:120px;font-size:0;background:url(/intro/coupon6.jpg) no-repeat 50% 50%;margin:25px 0;background-size:contain;}

.__coupon-charge .box .point0:after {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
.__coupon-charge .box .point0 .ver {display:inline-block;vertical-align:middle;}
.__coupon-charge .box .point0 .ver > * {display:block;}
.__coupon-charge .box .point0 .ver strong {font-size:33px;color:#ec1b21;}
.__coupon-charge .box .point0 .ver span {font-size:18px;color:#333;margin-top:5px;}

.__coupon-charge .box .point1:after {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
.__coupon-charge .box .point1 .ver {display:inline-block;vertical-align:middle;}
.__coupon-charge .box .point1 .ver > * {display:block;}
.__coupon-charge .box .point1 .ver strong {font-size:33px;color:#ec1b21;}
.__coupon-charge .box .point1 .ver span {font-size:18px;color:#333;margin-top:5px;}

.__coupon-charge .box .point2:after {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
.__coupon-charge .box .point2 .ver {display:inline-block;vertical-align:middle;}
.__coupon-charge .box .point2 .ver > * {display:block;}
.__coupon-charge .box .point2 .ver strong {font-size:34px;color:#ec1b21;}
.__coupon-charge .box .point2 .ver span {font-size:18px;color:#333;margin-top:5px;}


.__coupon-charge .box .point3:after {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
.__coupon-charge .box .point3 .ver {display:inline-block;vertical-align:middle;}
.__coupon-charge .box .point3 .ver > * {display:block;}
.__coupon-charge .box .point3 .ver strong {font-size:34px;color:#ec1b21;}
.__coupon-charge .box .point3 .ver span {font-size:18px;color:#333;margin-top:5px;}

.__coupon-charge .box .point4:after {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
.__coupon-charge .box .point4 .ver {display:inline-block;vertical-align:middle;}
.__coupon-charge .box .point4 .ver > * {display:block;}
.__coupon-charge .box .point4 .ver strong {font-size:34px;color:#ec1b21;}
.__coupon-charge .box .point4 .ver span {font-size:18px;color:#333;margin-top:5px;}

.__coupon-charge .box .point5:after {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
.__coupon-charge .box .point5 .ver {display:inline-block;vertical-align:middle;}
.__coupon-charge .box .point5 .ver > * {display:block;}
.__coupon-charge .box .point5 .ver strong {font-size:34px;color:#ec1b21;}
.__coupon-charge .box .point5 .ver span {font-size:18px;color:#333;margin-top:5px;}


.__coupon-charge .box .num {display:block;border-top:1px solid #ddd;padding:20px 10px;}
.__coupon-charge .box .num em {display:block;font-size:20px;}
/* .__coupon-charge .box .num em:before {content:"";display:inline-block;width:28px;height:28px;background:url(/intro/ico-point.gif) no-repeat;background-size:contain;margin-right:5px;vertical-align:middle;} */
.__coupon-charge .box .num .ico {margin-top:5px;display:inline-block;width:26px;height:26px;box-sizing:border-box;border:1px solid #ddd;border-radius:50%;position:relative;}
.__coupon-charge .box .num .ico:before {content:"";display:block;width:10px;height:10px;border-radius:50%;background:#ddd;position:absolute;left:50%;top:50%;margin:-5px 0 0 -5px;}
.__coupon-charge .box button {display:none;height:54px;color:#fff;background:#b31f7e;font-size:16px;font-weight:bold;border:none;width:100%;position:absolute;top:100%;left:0;}
.__coupon-charge .box button:before {content:"\e116";font-family:axicon;display:inline-block;margin-right:5px;font-weight:normal;vertical-align:middle;}
.__coupon-charge .box label:hover .wrap {border-color:#b31f7e;}
.__coupon-charge .box label input:checked + .wrap {border-color:#b31f7e;}
.__coupon-charge .box label input:checked + .wrap .num .ico {border-color:#b31f7e;}
.__coupon-charge .box label input:checked + .wrap .num .ico:before {background:#b31f7e;}
.__coupon-charge .box label input:checked + .wrap button {display:block;}

@media all and (max-width:1000px){
	.__coupon-charge {margin:0 -5px 10px;}
	.__coupon-charge .box {width:50%;padding:0 5px;margin-bottom:50px;}
	.__coupon-charge .box .wrap > span:first-child {width:150px;height:75px;}
	.__coupon-charge .box .point {width:90px;height:45px;margin:10px 0;}
	.__coupon-charge .box .ver strong {font-size:15px !important;}
	.__coupon-charge .box .ver span {font-size:11px !important;margin-top:3px !important;}
	.__coupon-charge .box .num {padding:10px;}
	.__coupon-charge .box .num em {font-size:14px;}
	.__coupon-charge .box .num em:before {width:15px;height:15px;}
	.__coupon-charge .box .num .ico {width:18px;height:18px;}
	.__coupon-charge .box .num .ico:before {width:6px;height:6px;margin:-3px 0 0 -3px;}
	.__coupon-charge .box button {height:40px;font-size:14px;}
}


.__coupon-app {background:#fdfdfd;border:1px solid #ddd;border-top:1px solid #000;padding:50px;}
.__coupon-app .__dtbl input[type=text] {display:block;height:54px;background:#fff;border:1px solid #ddd;box-sizing:border-box;text-align:center;font-size:17px;width:100%;}
.__coupon-app .__dtbl .dash {text-align:center;color:#333;width:15px;font-size:17px;}
.__coupon-app .__dtbl .space {width:30px;}
.__coupon-app .__dtbl button {display:block;height:54px;border:none;color:#fff;font-size:16px;background:#b31f7e;width:100%;box-sizing:border-box;letter-spacing:-0.05em;}

.__search1 {display:inline-block;border-bottom:1px solid #ddd;width:230px;position:relative;}
.__search1 input[type=text] {display:block;width:100%;box-sizing:border-box;height:32px;border:none;padding-left:40px;}
.__search1 button {display:block;position:absolute;left:0;bottom:0;height:100%;width:40px;text-align:center;color:#aaa;font-size:20px;background:none;border:none;}

@media all and (max-width:1000px){
	.__coupon-app {padding:20px 15px;}
	.__coupon-app .__dtbl .td {vertical-align:top;}
	.__coupon-app .__dtbl input[type=text] {height:30px;font-size:14px;}
	.__coupon-app .__dtbl .dash {width:2px;font-size:0;}
	.__coupon-app .__dtbl .space {width:2px;}
	.__coupon-app .__dtbl .btns {width:70px;}
	.__coupon-app .__dtbl input[type=submit] {height:30px  !important;font-size:14px !important;}

	.__search1 {width:100%;}
	.__search1 input[type=text] {padding-left:0;}
	.__search1 button {left:auto;right:0;}
}


.__mov-list {margin:0 -22px;font-size:0;}
.__mov-list .box {display:inline-block;vertical-align:top;box-sizing:border-box;padding:0 22px;width:33.33333%;}
.__mov-list .box:nth-child(n+4) {margin-top:44px;}
.__mov-list .box .in {display:block;border:1px solid #ddd;}
.__mov-list .box .img {display:block;position:relative;}
.__mov-list .box .img:before {content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.6);}
.__mov-list .box .img:after {content:"\e748";font-family:axicon;width:54px;height:54px;line-height:52px;box-sizing:border-box;text-align:center;border:1px solid #fff;color:#fff;font-size:30px;position:absolute;left:50%;top:50%;margin:-27px 0 0 -27px;border-radius:50%;}
.__mov-list .box .info {display:block;padding:25px 10px;border-top:1px solid #ddd;text-align:center;}
.__mov-list .box .info .pay {display:inline-block;font-size:18px;color:#333;}
.__mov-list .box .info .pay:before {content:"";display:inline-block;width:28px;height:28px;background:url(/intro/ico-point.gif) no-repeat;background-size:contain;margin-right:5px;vertical-align:middle;}

@media all and (max-width:1000px){
	.__mov-list {margin:0 -5px;}
	.__mov-list .box {width:50%;padding:0 5px;}
	.__mov-list .box:nth-child(n+3) {margin-top:10px;}
	.__mov-list .box .img:after {width:40px;height:40px;line-height:38px;font-size:20px;margin:-10px 0 0 -10px;}
	.__mov-list .box .info {padding:15px 10px;}
	.__mov-list .box .info .pay {font-size:14px;}
	.__mov-list .box .info .pay:before {width:18px;height:18px;}
}


.__evt-list {margin:0 -22px;font-size:0;}
.__evt-list .box {display:inline-block;vertical-align:top;box-sizing:border-box;padding:0 22px;width:33.33333%;}
.__evt-list .box:nth-child(n+4) {margin-top:44px;}
.__evt-list .box .in {display:block;border:1px solid #ddd;}
.__evt-list .box .img {display:block;position:relative;}
.__evt-list .box .info {height:140px;padding:0 10px;border-top:1px solid #ddd;box-sizing:border-box;white-space:nowrap;text-align:center;}
.__evt-list .box .info:after {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
.__evt-list .box .info .td {display:inline-block;vertical-align:middle;max-width:100%;white-space:normal;}
.__evt-list .box .info .subject a {font-size:16px;color:#333;line-height:1.3em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block;max-width:100%;}
.__evt-list .box .info .btns {margin-top:15px;}
.__evt-list .box .info .btns a {display:inline-block;width:196px;height:50px;line-height:50px;color:#fff;background:#494949;font-weight:bold;font-size:15px;}
.__evt-list .box .info .btns a:hover {background:#b31f7e;}

@media all and (max-width:1000px){
	.__evt-list {margin:0 -5px;}
	.__evt-list .box {padding:0 5px;width:50%;}
	.__evt-list .box:nth-child(n+3) {margin-top:10px;}
	.__evt-list .box .img img {width:100%;display:block;}
	.__evt-list .box .info {height:80px;}
	.__evt-list .box .info .subject a {font-size:13px;}
	.__evt-list .box .info .btns {margin-top:5px;}
	.__evt-list .box .info .btns a {width:100%;height:30px;line-height:30px;font-size:13px;}
}


.sit_opt_list {padding:10px 0;text-align:right;}
.sit_opt_list:first-child {margin-top:20px;}
.sit_opt_list ~ .sit_opt_list {border-top:1px solid #ddd;}
.sit_opt_list > span {font-size:14px;}
.sit_opt_list .frm_input {height:30px;border:1px solid #bbb;box-sizing:border-box;padding:0 0 0 0;text-align:center;border-radius:0;margin-right:5px;}
.sit_opt_list > div {margin-top:10px;}
.sit_opt_list button {margin-left:-1px;}

.opt_count input {height:30px;box-sizing:border-box;border:1px solid #bbb;width:40px;text-align:center;}
.opt_count .btn_frmline {font-size:12px;}
.opt_count span {display:inline-block;margin:0 10px 0 5px;}

#mod_option_frm #sit_tot_price {text-align:right;font-size:1.4em;color:#222;font-weight:bold;}

.__se_tbl {width:100% !important;table-layout:auto !important;}
.__se_tbl tr > * {padding:7px;font-size:14px;}

@media all and (max-width:1000px){
	.__se_tbl tr > * {padding:5px;font-size:12px;}
}

/* 

#sit_opt_added {margin:0;padding:0;border-bottom:0;background:#fff;list-style:none}
#sit_opt_added li {padding: 15px 0;padding-right:220px;border-bottom:1px solid #e9e9e9;position:relative}
#sit_opt_added li .opt_name{line-height:20px;font-weight:bold}
#sit_opt_added li .opt_count{position:absolute;top:50%;right:0;margin-top:-15px}
#sit_opt_added button {float:left;width:30px;height:30px;border:1px solid #cdcdcd;background:#fff;color:#666;font-size:0.92em}
#sit_opt_added button:hover{color:#000}
#sit_opt_added .num_input {float:left;border:0;height:30px;border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;text-align:center;}
#sit_opt_added .sit_opt_del{border:0;font-size:15px}
#sit_opt_added .sit_opt_del:hover{color:#be334a}
#sit_opt_added .sit_opt_prc{display:block;float:left;width:100px;padding:0 3px;text-align:right;line-height:30px;font-size:1.183em;font-weight:bold}
 */
#sit_sel_option h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}

/*
#sit_tot_price {margin:20px 0;font-size:16px;line-height:25px;font-weight:bold;text-align:right;}
#sit_tot_price:after {display:block;visibility:hidden;clear:both;content:""}
#sit_tot_price span{float:left;}
#sit_tot_price strong{color:#b3207e;}

#sit_tot_dis_price {margin:20px 0;font-size:16px;line-height:25px;font-weight:bold;text-align:right;}
#sit_tot_dis_price:after {display:block;visibility:hidden;clear:both;content:""}
#sit_tot_dis_price span{float:left;}
#sit_tot_dis_price strong{color:#b3207e;}

#sit_tot_pay_price {margin:20px 0;font-size:16px;line-height:25px;font-weight:bold;text-align:right;}
#sit_tot_pay_price:after {display:block;visibility:hidden;clear:both;content:""}
#sit_tot_pay_price span{float:left;}
#sit_tot_pay_price strong{color:#b3207e;}
*/

#sod_frm *,
#sod_bsk_tot ul li,
#sod_bsk_act a,
#sod_bsk_act button {box-sizing:border-box;}

#ordertbl {display:table;width:100%;}
@media all and (max-width:1000px){
	#sod_frm .od_prd_list {overflow-x:auto;}
	#sod_frm .od_prd_list table {min-width:640px;}
}



.__about-top {}
.__about-top .bot {position:relative;}
.__about-top .bot:before {content:"";display:block;position:absolute;left:0;top:0;width:1px;height:100%;background:#b31f7e;}
.__about-top .bot:after {content:"";display:block;clear:both;}
.__about-top .bot > div {box-sizing:border-box;float:left;}
.__about-top .bot .lef {width:40%;padding:0 30px 0 40px;}
.__about-top .bot .lef dl > * {color:#b31f7e;letter-spacing:-0.075em;}
.__about-top .bot .lef dl dt {font-size:42px;}
.__about-top .bot .lef dl dd {font-size:50px;font-weight:bold;margin-top:8px;}
.__about-top .bot .rig {width:60%;}

.__about-mid {margin:0 -20px;overflow:hidden;}
.__about-mid .box {float:left;width:50%;box-sizing:border-box;padding:0 20px;}
.__about-mid .box dl {margin-top:45px;}
.__about-mid .box dl dt {font-size:19px;color:#b31f7e;}
.__about-mid .box dl dd {font-size:24px;color:#333;margin-top:5px;}
.__about-mid .box p {font-size:16px;line-height:1.8em;margin-top:15px;}

.__about-bot {margin:100px -20px -50px;overflow:hidden;}
.__about-bot .box {float:left;box-sizing:border-box;width:50%;padding:0 20px;margin-bottom:50px;}
.__about-bot .box h4 {font-weight:normal;font-size:24px;color:#000;margin-bottom:15px;}
.__about-bot .box:first-child h4 {color:#b31f7e;}
.__about-bot .box iframe {display:block;height:400px;}
.__about-bot .box ul {margin-top:15px;}
.__about-bot .box ul li {position:relative;padding-left:35px;font-size:15px;line-height:1.5em;color:#000;}
.__about-bot .box ul li ~ li {margin-top:5px;}
.__about-bot .box ul li img {display:block;position:absolute;left:0;top:0;}

@media all and (max-width:1000px){
	.__about-top .bot:before {display:none;}
	.__about-top .bot > div {float:none;}
	.__about-top .bot .lef {width:auto;padding:0;}
	.__about-top .bot .lef dl dt {font-size:16px;}
	.__about-top .bot .lef dl dd {font-size:20px;margin-top:5px;}
	.__about-top .bot .rig {width:auto;margin-top:10px;}

	.__about-mid {margin:0;}
	.__about-mid .box {float:none;width:auto;padding:0;}
	.__about-mid .box ~ .box {margin-top:20px;}
	.__about-mid .box dl {margin-top:10px;}
	.__about-mid .box dl dt {font-size:14px;}
	.__about-mid .box dl dd {font-size:16px;}
	.__about-mid .box p {font-size:13px;line-height:1.5em;margin-top:10px;}

	.__about-bot {margin:30px 0 -30px;}
	.__about-bot .box {float:none;width:100%;padding:0;margin-bottom:30px;}
	.__about-bot .box h4 {font-size:16px;margin-bottom:10px;}
	.__about-bot .box iframe {height:250px;}
	.__about-bot .box ul {margin-top:10px;}
	.__about-bot .box ul li {padding-left:25px;font-size:13px;line-height:1.4em;}
	.__about-bot .box ul li img {width:18px;top:2px;}
}


.__wide.history {margin-top:100px;padding:100px 0;}
.__wide.history .tab {margin:0 -1px;overflow:hidden;}
.__wide.history .tab li {display:block;float:left;width:33.33333%;box-sizing:border-box;padding:0 1px;}
.__wide.history .tab li a {display:block;height:75px;background:#646464;text-align:center;font-size:0;white-space:nowrap;color:#fff;box-sizing:border-box;padding:0 10px;}
.__wide.history .tab li a:after {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
.__wide.history .tab li a span {display:inline-block;vertical-align:middle;font-size:17px;line-height:1.3em;white-space:normal;max-width:100%;}
.__wide.history .tab .active a {background:#b31f7e;color:#fff;}
.__wide.history .area {margin-top:100px;}
.__wide.history .area h4 {font-size:36px;color:#000;font-weight:normal;text-align:center;}
.__wide.history .area .desc {margin-top:80px;position:relative;}
.__wide.history .area .desc:before {content:"";display:block;position:absolute;left:50%;top:0;width:1px;height:100%;background:#ddd;margin-left:-0.5px;}
.__wide.history .area .desc .box {position:relative;z-index:10;}
.__wide.history .area .desc .box h5 {margin:0 auto;width:165px;height:165px;line-height:165px;border-radius:50%;color:#fff;text-align:center;background:#b31f7e;font-size:40px;border-radius:50%;font-weight:normal;}
.__wide.history .area .desc .box ~ .box {margin-top:70px;}
.__wide.history .area .desc .box ul {margin-top:60px;box-sizing:border-box;}
.__wide.history .area .desc .box ul li {position:relative;line-height:1.5em;font-size:15px;}
.__wide.history .area .desc .box ul li:before {content:"·";position:absolute;top:0;}
.__wide.history .area .desc .box ul li ~ li {margin-top:10px;}
.__wide.history .area .desc .box:nth-child(odd) ul {margin-left:50%;padding-left:50px;}
.__wide.history .area .desc .box:nth-child(odd) ul li {padding-left:1.2em;}
.__wide.history .area .desc .box:nth-child(odd) ul li:before {left:0;}
.__wide.history .area .desc .box:nth-child(even) ul {margin-right:50%;padding-right:50px;text-align:right;}
.__wide.history .area .desc .box:nth-child(even) ul li {padding-right:1.2em;}
.__wide.history .area .desc .box:nth-child(even) ul li:before {right:0;}
.__wide.history .area .wrap {display:none;}
.__wide.history .area .wrap.active {display:block;}

@media all and (max-width:1000px){
	.__wide.history {margin-top:40px;padding:30px 10px;}
	.__wide.history .tab li {width:100%;}
	.__wide.history .tab li ~ li {margin-top:1px;}
	.__wide.history .tab li a {height:auto;padding:10px;}
	.__wide.history .tab li a span {font-size:13px;}
	.__wide.history .area {margin-top:20px;}
	.__wide.history .area h4 {font-size:20px;}
	.__wide.history .area .desc {margin-top:20px;}
	.__wide.history .area .desc:before {display:none;}
	.__wide.history .area .desc .box h5 {margin:0;width:auto;height:34px;line-height:34px;border-radius:0;font-size:16px;display:inline-block;padding:0 20px;}
	.__wide.history .area .desc .box ~ .box {margin-top:20px;}
	.__wide.history .area .desc .box ul {margin-top:15px;}
	.__wide.history .area .desc .box ul li {position:relative;line-height:1.4em;font-size:13px;}
	.__wide.history .area .desc .box ul li ~ li {margin-top:5px;}
	.__wide.history .area .desc .box:nth-child(odd) ul {margin-left:0;padding-left:0;}
	.__wide.history .area .desc .box:nth-child(odd) ul li {padding-left:1.2em;}
	.__wide.history .area .desc .box:nth-child(even) ul {margin-right:0;padding-right:0;text-align:left;}
	.__wide.history .area .desc .box:nth-child(even) ul li {padding-right:0;padding-left:1.2em;}
	.__wide.history .area .desc .box:nth-child(even) ul li:before {right:auto;left:0;}
	.__wide.history .area .wrap {display:none;}
	.__wide.history .area .wrap.active {display:block;}

}


.__rnd-top {background:url(/intro/rnd-top.jpg) no-repeat 50% 0;background-size:cover;padding:120px 0;text-align:center;margin-top:-100px;}
.__rnd-top .tit dl dd {margin-top:15px;font-size:30px;font-weight:bold;color:#333;}
.__rnd-top .tit p {font-size:18px;margin-top:25px;line-height:1.6em;}
.__rnd-top .img {margin-top:70px;}

.__rnd-mid .box {position:relative;min-height:380px;}
.__rnd-mid .box ~ .box {margin-top:40px;}
.__rnd-mid .box .img {position:absolute;top:0;}
.__rnd-mid .box .info {padding-top:70px;}
.__rnd-mid .box .info h4 {font-size:26px;font-weight:normal;color:#000;margin-bottom:30px;}
.__rnd-mid .box .info .txt1 {font-size:20px;color:#b31f7e;margin-bottom:10px;}
.__rnd-mid .box .info .txt2 {font-size:15px;line-height:1.6em;}
.__rnd-mid .box:nth-child(odd) .img {left:0;}
.__rnd-mid .box:nth-child(even) .img {right:0;}
.__rnd-mid .box:nth-child(even) .info {text-align:right;}
.__rnd-mid .box:nth-child(1) .info {margin-left:660px;}
.__rnd-mid .box:nth-child(2) .info {margin-right:710px;}
.__rnd-mid .box:nth-child(3) .info {margin-left:660px;}
.__rnd-mid .box:nth-child(4) .info {margin-right:710px;}

.__rnd-bot {background:url(/intro/rnd-bot-bg.jpg) no-repeat 50% 0;background-size:cover;padding:120px 0;text-align:center;margin-bottom:-100px;}
.__rnd-bot .tit dt {font-size:33px;font-weight:bold;color:#333;}
.__rnd-bot .tit dd {font-size:24px;color:#a4a4a4;margin-top:8px;}
.__rnd-bot .area {margin:140px -10px -125px;font-size:0;}
.__rnd-bot .area .box {display:inline-block;vertical-align:top;box-sizing:border-box;width:33.333333%;;margin-bottom:125px;padding:0 10px;}
.__rnd-bot .area .box .in {border:1px solid #ddd;background:#fff;position:relative;box-sizing:border-box;height:440px;padding:80px 20px 0;}
.__rnd-bot .area .box .ico {position:absolute;left:50%;margin-left:-70px;top:-70px;}
.__rnd-bot .area .box dl dt {font-size:20px;line-height:1.3em;color:#b31f7e;}
.__rnd-bot .area .box dl dd {font-size:15px;line-height:1.6em;margin-top:15px;}

@media all and (max-width:1000px){
	.__rnd-top {padding:30px 10px;margin-top:-30px;}
	.__rnd-top .tit img {width:200px;}
	.__rnd-top .tit dl dd {margin-top:10px;font-size:18px;}
	.__rnd-top .tit p {font-size:14px;margin-top:15px;line-height:1.4em;}
	.__rnd-top .img {margin-top:30px;}

	.__rnd-mid {padding: 10px;}
	.__rnd-mid .box {min-height:auto;}
	.__rnd-mid .box ~ .box {margin-top:30px;}
	.__rnd-mid .box .img {position:relative;margin-bottom:10px;}
	.__rnd-mid .box .info {padding-top:0;margin:0 !important;}
	.__rnd-mid .box .info h4 {font-size:16px;margin-bottom:10px;}
	.__rnd-mid .box .info .txt1 {font-size:15px;margin-bottom:5px;}
	.__rnd-mid .box .info .txt2 {font-size:13px;line-height:1.5em;}
	.__rnd-mid .box:nth-child(even) .info {text-align:left;}

	.__rnd-bot {padding:30px 10px;margin-bottom:-30px;}
	.__rnd-bot .tit dt {font-size:18px;}
	.__rnd-bot .tit dd {font-size:14px;margin-top:5px;}
	.__rnd-bot .area {margin:20px 0 -40px;}
	.__rnd-bot .area .box {display:block;width:auto;margin-bottom:60px;padding:0;}
	.__rnd-bot .area .box .in {height:auto;padding:50px 15px 15px;}
	.__rnd-bot .area .box .ico {width:80px;margin-left:-40px;top:-40px;}
	.__rnd-bot .area .box dl dt {font-size:16px;}
	.__rnd-bot .area .box dl dd {font-size:13px;line-height:1.5em;margin-top:10px;}
}

.__social {text-align:center;}
.__social h3 {font-size:40px;color:#b31f7e;}
.__social h3 i {font-size:0.7em;font-weight:normal;position:relative;top:-0.5em;}
.__social h4 {font-size:30px;color:#999;font-weight:normal;margin-top:5px;}
.__social .con {font-size:0;max-width:700px;margin:50px auto 0;}
.__social .con li {display:inline-block;vertical-align:top;box-sizing:border-box;width:33.3333%;padding:0 20px;margin-bottom:40px;}
.__social .con li span {display:block;font-size:18px;margin-top:10px;}


@media all and (max-width:1000px){
	.__social h3 {font-size:30px;}
	.__social h4 {font-size:20px;}
	.__social .con li {width:50%;padding:0 10px;margin-bottom:20px;}
	.__social .con li span {font-size:14px;margin-top:7px;}

}

#login_fs * {box-sizing:border-box;}
#login_info * {box-sizing:border-box;}

#smb_my_ov .cou_pt{position:absolute;top:0 ;right:0;white-space:nowrap;height:47px;display:table;}
#smb_my_ov .cou_pt dt{float:none;display:table-cell;vertical-align:middle;width:60px;line-height:1.2em;}
#smb_my_ov .cou_pt dd{float:none;display:table-cell;vertical-align:middle;width:90px;text-align:right;padding:0 20px 0 0;line-height:1.2em}
#smb_my_ov .cou_pt dd a{color:#ff2b64;font-weight:bold;font-size:15px;display:inline-block;margin-top:-3px;}

.cp_btn {padding:0 7px;border:1px solid #b31f7e;color:#b31f7e;background:#fff;height:23px;margin:10px 0 0;white-space:nowrap;}
.cp_btn:first-child {margin-top:0;}
.tac .cp_btn {margin-top:0 !important;}
.tac .cp_cancel {margin-top:0 !important;}

@media all and (max-width:1000px){
	#smb_my_ov .cou_pt{position:relative;border:1px solid #ccc;border-top:none;width:100%;box-sizing:border-box;}
	#smb_my_ov .cou_pt dt{float:none;display:table-cell;vertical-align:middle;width:60px;line-height:1.2em;padding-left:15px;}
	#smb_my_ov .cou_pt dd{float:none;display:table-cell;vertical-align:middle;width:90px;text-align:right;padding:0 20px 0 0;line-height:1.2em}
	#smb_my_ov .cou_pt dd a{color:#ff2b64;font-weight:bold;font-size:15px;display:inline-block;margin-top:-3px;}
	#sod_list #cp_frm {width:300px;left:0;}
	#sod_frm .od_prd_list table {min-width:auto;}
}

.new_win .btn_close {display:block;margin:10px auto 0;box-sizing:border-box;border-radius:3px;background:#333;color:#fff;font-size:14px;padding:0 25px;height:35px;line-height:35px;border:none;}

#intro {height:100%;display:table;table-layout:fixed;width:100%;}
#intro > div {display:table-cell;vertical-align:middle;}
#intro .bg {width:100%;height:100%;position:relative;}
#intro .bg:before,
#intro .bg:after {content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}
#intro .bg:after {opacity:0;transition:1s;z-index:10;}
#intro .bg:hover:after {opacity:1;}
#intro .lef .bg:before {background-image:url(/intro/intro-lef.jpg);}
#intro .lef .bg:after {background-image:url(/intro/intro-lef-ov.jpg);}
#intro .rig .bg:before {background-image:url(/intro/intro-rig.jpg);}
#intro .rig .bg:after {background-image:url(/intro/intro-rig-ov.jpg);}
#intro .mid {background:#b31f7e;width:510px;text-align:center;}
#intro .mid .txt {color:#fff;margin-top:70px;font-size:17px;line-height:1.6em;}
#intro .mid .txt strong {font-weight:normal;font-size:24px;}
#intro .mid .txt span {font-size:18px;font-weight:bold;}
#intro .mid .btns {margin-top:75px;}
#intro .mid .btns a {display:inline-block;display:inline-block;width:300px;max-width:100%;text-align:center;height:68px;box-sizing:border-box;border:1px solid #ffb5e4;line-height:66px;color:#fff;font-size:18px;font-weight:bold;transition:0.3s;}
#intro .mid .btns a:hover {background:#fff;color:#b31f7e;}
#intro .mid .caution {margin-top:200px;font-size:14px;line-height:1.5em;color:#feb2e3;}

@media all and (max-width:1000px){
	#intro {display:block;}
	#intro > div {display:block;}
	#intro .lef,
	#intro .rig {height:25%;}
	#intro .bg:before,
	#intro .bg:after  {background-position:50% 11%;}
	#intro .mid {height:50%;width:auto;font-size:0;box-sizing:border-box;padding:0 20px;}
	#intro .mid br {display:none;}
	#intro .mid:after {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;white-space:nowrap;}
	#intro .mid .ver {display:inline-block;vertical-align:middle;max-width:100%;white-space:normal;}
	#intro .mid h1 img {width:180px;}
	#intro .mid .txt {margin-top:15px;font-size:13px;line-height:1.4em;}
	#intro .mid .txt strong {font-size:16px;}
	#intro .mid .txt span {font-size:15px;}
	#intro .mid .btns {margin-top:20px;}
	#intro .mid .btns a {width:200px;height:40px;line-height:38px;font-size:14px;}
	#intro .mid .caution {margin-top:20px;font-size:11px;line-height:1.4em;}
}

@media all and (max-width:1000px){
	.hd_pops {left:0 !important;top:0 !important;max-width:100%}
	.hd_pops .hd_pops_con {max-width:100%;}
	.hd_pops .hd_pops_con * {max-width:100%;}
}

@media all and (max-width:1000px){
	
}

@media all and (max-width:1000px){
	
}

@media all and (max-width:1000px){
	
}

@media all and (max-width:1000px){
	
}

@media all and (max-width:1000px){
	
}

@media all and (max-width:1000px){
	
}