@charset "utf-8";
img {max-width:100%;}
#wrap:before {content:"";display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:199;background:rgba(0,0,0,0.3);}
/* #wrap {opacity:0;transition:opacity 1.5s;}
.loading #wrap {opacity:1;} */

.menu-on #wrap:before {display:block;animation:fadeIn 0.5s;}

#header {position:fixed;left:0;top:0;width:100%;z-index:200;padding:0 10px;box-sizing:border-box;overflow:hidden;height:80px;transition:0.5s;}
#header:before {content:"";display:block;position:absolute;left:0;top:79px;height:1px;background:rgba(255,255,255,0.3);width:100%;transition:0.5s;}
#header .inner {max-width:1600px;margin:0 auto;position:relative;height:80px;text-align:center;font-size:0;box-sizing:border-box;padding:0 181px 0 150px;}
#header .logo {position:absolute;left:0;top:13px;}
#header .logo a {display:block;text-indent:-9999px;overflow:hidden;width:150px;height:54px;background:url(../images/logo1.png) no-repeat;background-size:contain;}

#header .tnb {position:absolute;right:0;top:50%;margin-top:-19px;}
#header .tnb > li {float:left;}
#header .tnb > li ~ li {margin-left:10px;}
#header .tnb > li > a {display:block;box-sizing:border-box;height:38px;line-height:36px;border:1px solid #fff;border-radius:19px;font-size:15px;padding:0 17px;}
#header .tnb .inq > a {background:#00a0e9;color:#fff;border-color:#00a0e9;}
#header .tnb .inq > a i {display:inline-block;margin-right:3px;}
#header .tnb .lang > a {background:#fff;color:#000;}

#header .gnb {display:inline-block;font-size:0;}
#header .gnb > li {display:inline-block;vertical-align:top;position:relative;}
#header .gnb > li ~ li {margin-left:-1px;}
#header .gnb > li > a {display:block;font-size:17px;font-weight:500;color:#fff;padding:0 40px;height:80px;line-height:80px;position:relative;transition:0.3s;}
#header .gnb > li > a:before {content:"";display:block;position:absolute;left:50%;bottom:0;width:0;height:5px;background:#fff;opacity:0;transition:0.3s;}
#header .gnb > li:hover > a:before,
#header .gnb > li.active > a:before {width:100%;opacity:1;left:0;}
#header .gnb > li > ul {
	display:block;
	position:absolute;
	left:0;
	top:100%;
	width:100%;
	text-align:left;
	box-sizing:border-box;
	padding-top:20px;
	border-left:1px solid transparent;
	border-right:1px solid rgba(255,255,255,0.3);
	height:260px;
	transition:0.3s;
}
#header .gnb > li:hover {z-index:10;}
#header .gnb > li:hover > ul {background:#f5f7f9;border-left-color:#e1e1e1;}
#header .gnb > li:first-child > ul {border-left-color:rgba(255,255,255,0.3);}
#header .gnb > li:first-child > ul:before {content:"";display:block;position:absolute;left:20px;top:60px;background:url(../images/gnb1.jpg) no-repeat 50% 50%;background-size:cover;height:130px;width:calc(100% - 40px);}
#header .gnb > li:first-child > ul:after {content:"";display:block;position:absolute;right:100%;top:1px;margin-right:1px;background:url(../images/gnb-slogan.png) no-repeat;width:507px;height:259px;}
#header .gnb > li > ul > li > a {display:block;font-size:15px;color:#333;padding:7px 5px 7px 15px;}
#header .gnb > li > ul > li:hover > a,
#header .gnb > li > ul > li.active > a {background:#00a0e9;color:#fff;}
#header .menu {display:none;position:absolute;width:34px;height:34px;color:#333;border:1px solid #9a9a9b;right:0;top:50%;margin-top:-17px;box-sizing:border-box;font-size:20px;background:#fff;}

.head-fix #header {background:rgba(255,255,255,0.9);}
.head-fix #header:before {background:#e1e1e1;}
.head-fix #header .logo a {background-image:url(../images/logo2.png);}
.head-fix #header .tnb .lang > a {border-color:#ccc;}
.head-fix #header .gnb > li > a {color:#000;}
.head-fix #header .gnb > li:hover > a,
.head-fix #header .gnb > li.active > a {color:#00a0e9;}
.head-fix #header .gnb > li:hover > a:before,
.head-fix #header .gnb > li.active > a:before {background:#00a0e9;}
.head-fix #header .gnb > li > ul {border-right-color:#e1e1e1;}
.head-fix #header .gnb > li:first-child > ul {border-left-color:#e1e1e1;}

.menu-on #header {height:340px;background:#fff;}
.menu-on #header:before {background:#e1e1e1;}
.menu-on #header .logo a {background-image:url(../images/logo2.png);}
.menu-on #header .tnb .lang > a {border-color:#ccc;}
.menu-on #header .gnb > li > a {color:#000;}
.menu-on #header .gnb > li:hover > a,
.menu-on #header .gnb > li.active > a {color:#00a0e9;}
.menu-on #header .gnb > li:hover > a:before,
.menu-on #header .gnb > li.active > a:before {background:#00a0e9;}
.menu-on #header .gnb > li > ul {border-right-color:#e1e1e1;}
.menu-on #header .gnb > li:first-child > ul {border-left-color:#e1e1e1;}


#nav {position:fixed;left:0;top:0;z-index:1000;left:0;top:0;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.75);transition:0.5s;opacity:0;}
#nav .inner {width:300px;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;padding:0 10px;}
#nav .top h2 {position:absolute;left:10px;top:12px;}
#nav .top h2 a {display:block;background:url(../images/logo2.png) no-repeat 50% 50%;background-size:contain;width:85px;height:27px;text-indent:-9999px;}
#nav .top .close {width:32px;height:32px;box-sizing:border-box;border:1px solid #9a9a9b;background:none;font-size:20px;color:#333;position:absolute;right:10px;top:50%;margin-top:-16px;}

#nav .tnb {position:relative;border-top:1px solid #ddd;text-align:center;overflow:hidden;}
#nav .tnb li {display:block;width:50%;box-sizing:border-box;float:left;}
#nav .tnb li:last-child {border-left:1px solid #ddd;}
#nav .tnb li a {display:block;font-size:14px;height:40px;line-height:40px;color:#000;}
#nav .tnb li a i {margin-right:3px;display:inline-block;vertical-align:middle;}

#nav .gnb {border-top:1px solid #ddd;}
#nav .gnb > li {border-bottom:1px solid #ddd;}
#nav .gnb > li > a {display:block;padding:15px 10px;font-size:17px;color:#000;position:relative;background:#f3f3f3;}
#nav .gnb > li > a:after {content:"\e114";font-family:axicon;display:block;position:absolute;right:15px;top:50%;line-height:1em;font-size:18px;margin-top:-9px;}
#nav .gnb > li.active > a {background:#00a0e9;color:#fff;}
#nav .gnb > li.active > a:after {content:"\e115";}
#nav .gnb > li.active > ul {display:block;}
#nav .gnb li ul {background:#fff;padding:10px 0;display:none;border-top:1px solid #ddd;}
#nav .gnb li ul li:first-child {border-top:none;}
#nav .gnb li ul li a {padding:5px 10px;display:block;font-size:16px;color:#000;}

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


@media all and (max-width:1600px){
	#header .gnb > li:first-child > ul:after {display:none;}
}

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

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

@media all and (max-width:1000px){
	#wrap {padding-top:50px;}
	#wrap:before {display:none !important;}
	#header {position:fixed;height:50px;box-shadow:0 1px 1px rgba(0,0,0,0.1);background:#fff;}
	#header .logo {top:12px;}
	#header .logo a {background-image:url(../images/logo2.png);width:85px;height:27px;}
	#header .inner {height:50px;}
	#header .gnb {display:none;}
	#header .tnb {display:none;}
	#header .menu {display:block;}
}


#inq {position:fixed;left:0;top:0;width:100%;height:100%;z-index:1000;visibility:hidden;opacity:0;transition:0.3s;}
#inq .bg {position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:0;}
#inq .pop {position:absolute;width:310px;border:3px solid #545454;background:#fff;border-radius:10px;z-index:10;left:50%;top:50%;margin:-220px 0 0 -155px;box-sizing:border-box;padding:15px;opacity:0;transition:0.5s;transition-delay:0.3s;transform:translate3d(0,20px,0);}
#inq .pop .tit {position:relative;}
#inq .pop .tit h3 {font-size:18px;color:#00a0e9;font-weight:normal;}
#inq .pop .tit h3 > * {display:inline-block;vertical-align:middle;}
#inq .pop .tit h3 i {font-weight:normal;}
#inq .pop .tit h3 span {margin-left:5px;}
#inq .pop .tit .close {border:none;background:none;width:30px;height:30px;font-size:20px;color:#00a0e9;right:0;top:50%;margin-top:-15px;position:absolute;}
#inq .pop form ul {margin-top:10px;}
#inq .pop form ul li ~ li {margin-top:5px;}
#inq .pop form .inp {box-sizing:border-box;border:1px solid #ddd;height:36px;padding-left:10px;font-size:14px;width:100%;background-color:#fff;background-repeat:no-repeat;background-position:100% 50%;}
#inq .pop form textarea.inp {height:80px;padding:10px;}
#inq .pop form .btn {margin-top:15px;}
#inq .pop form .btn button {display:block;width:100%;box-sizing:border-box;border:none;background:#00a0e9;height:46px;color:#fff;font-size:18px;}
#inq .pop form .bot {margin-top:10px;position:relative;font-size:14px;}
#inq .pop form .bot .lab {margin-bottom:5px;}
#inq .pop form .bot a {float:right;display:inline-block;border-bottom:1px solid #999;color:#999;}

.inq-on #inq {visibility:visible;opacity:1;}
.inq-on #inq .pop {opacity:1;transform:translate3d(0,0,0);}




#quick {position:fixed;right:50px;top:50%;text-align:center;margin-top:-67px;z-index:150;}
#quick a {display:block;width:14px;height:14px;border-radius:50%;background:#e6e6e6;position:relative;}
#quick a ~ a {margin-top:10px;}
#quick a span {
	display:block;
	position:absolute;
	right:0;
	top:50%;
	margin-top:-12px;
	height:24px;
	line-height:24px;
	border-radius:12px;
	color:#fff;
	background:#cf3128;
	white-space:nowrap;
	overflow:hidden;
	white-space:0;
	opacity:0;
	width:0;
	transition:0.3s;
}
#quick .active span {width:90px;opacity:1;}
#quick:before,
#quick:after {font-family:axicon;color:#e6e6e6;position:absolute;top:100%;width:40px;left:50%;margin-left:-20px;animation:mouse 1s ease infinite;}
#quick:before {content:"\e85e";margin-top:10px;font-size:30px;}
#quick:after {content:"\f103";margin-top:43px;font-size:20px;}

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

@media all and (max-width:1400px){
	#quick {right:20px;}
}

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



#vis,
#vis .vis {overflow:hidden;position:relative;height:100vh;box-sizing:border-box;}
#vis .vis {background-repeat:no-repeat;background-position:50% 50%;background-size:cover;background-attachment:fixed;}
#vis .vis1 {background-image:url(../images/vis1.jpg);}
#vis .vis2 {background-image:url(../images/vis2.jpg);}
#vis .vis3 {background-image:url(../images/vis3.jpg);}
#vis .vis .inner {padding:0 20px;height:100%;box-sizing:border-box;max-width:1200px;margin:0 auto;text-align:center;font-size:0;white-space:nowrap;}
#vis .vis .inner:after {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
#vis .vis .ver {display:inline-block;vertical-align:middle;color:#fff;max-width:100%;white-space:normal;}
#vis .vis .ver dl dt {font-family:'Montserrat';font-size:52px;opacity:0;transition:1.5s;transform:scale(1.1);transition-delay:0.3s;}
#vis .vis .ver dl dt strong {font-size:60px;display:block;padding-top:10px;}
#vis .vis .ver dl dd {font-size:26px;line-height:1.6em;margin-top:50px;font-weight:300;opacity:0;transition:1.5s;transform:scale(1.1);transition-delay:0.6s;}
#vis .vis .ver p {font-family:'Roboto',sans-serif;margin-top:60px;opacity:0;transition:1.2s;transform:translate3d(0,30px,0);transition-delay:0.9s;}
#vis .vis .ver p a {display:inline-block;box-sizing:border-box;width:145px;height:38px;background:#222;color:#fff;font-size:17px;}
#vis .vis .ver p a:after {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
#vis .vis .ver p a > * {display:inline-block;vertical-align:middle;}
#vis .vis .ver p a i {margin-left:10px;}
#vis .vis.active .ver dl dt,
#vis .vis.active .ver dl dd,
#vis .vis.active .ver p {opacity:1;transform:scale(1) translate3d(0,0,0) !important;}

#vis .bx-controls-direction a {position:absolute;z-index:100;display:block;width:40px;height:75px;top:50%;margin-top:-37.5px;text-indent:-9999px;}
#vis .bx-controls-direction .bx-prev {background:url(../images/vis-prev.png) no-repeat;left:7%;}
#vis .bx-controls-direction .bx-next {background:url(../images/vis-next.png) no-repeat;right:7%;}

#vis .bx-pager {position:absolute;z-index:100;bottom:50px;left:50%;margin-left:-100px;width:200px;text-align:center;}
#vis .bx-pager .bx-pager-item {display:inline-block;margin:0 3px;}
#vis .bx-pager .bx-pager-item a {
	display:block;
	width:13px;
	height:13px;
	background:#fff;
	text-align:left;
	text-indent:-9999px;
	overflow:hidden;
	border-radius:6.5px;
	transition:0.3s;
}
#vis .bx-pager .bx-pager-item a.active {background:#18b1e7;width:30px;}

@media all and (max-width:1000px){
	#vis,
	#vis .vis {height:calc(100vh - 50px);}
	#vis .vis {background-attachment:scroll;}
	#vis .vis .ver dl dt {font-size:30px;}
	#vis .vis .ver dl dt strong {font-size:35px;padding-top:7x;}
	#vis .vis .ver dl dd {font-size:18px;margin-top:20px;}
	#vis .vis .ver p {margin-top:30px;}
	#vis .vis .ver p a {width:120px;height:34px;font-size:15px;}
	#vis .vis .ver p a i {margin-left:7px;}

	#vis .bx-controls-direction a {display:none;}

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

#main {overflow:hidden;}
#main .tit {text-align:center;color:#fff;margin-bottom:35px;}
#main .tit h3 {font-size:40px;font-weight:bold;position:relative;line-height:1em;padding-bottom:15px;margin-bottom:20px;font-family:'Montserrat',sans-serif;}
#main .tit h3:before {content:"";display:block;position:absolute;left:50%;margin-left:-20px;height:1px;background:#fff;width:40px;bottom:0;}
#main .tit p {font-size:20px;font-weight:400;}

#main .height {display:table;width:100%;}
#main .height .inner {display:table-cell;vertical-align:middle;height:calc(100vh - 80px);box-sizing:border-box;padding:40px 10px;}
#main .height .sec {max-width:1200px;margin:0 auto;}

#app {background:url(../images/app-bg.jpg) no-repeat 50% 50%;background-size:cover;background-attachment:fixed;}

@media all and (max-width:1000px){
	#main .tit {margin-bottom:20px;}
	#main .tit h3 {font-size:20px;padding-bottom:10px;margin-bottom:15px;}
	#main .tit p {font-size:14px;}

	#main .height {display:block;}
	#main .height .inner {height:auto;padding:30px 10px;display:block;}

	#app {background-attachment:scroll;}
}

#design {background:url(../images/design-bg.jpg) no-repeat 50% 50%;background-size:cover;background-attachment:fixed;}
#design .area {height:500px;position:relative;}
#design .area a {display:block;position:absolute;overflow:hidden;}
#design .area a:before {content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;transition:2s;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}
#design .area a:after {content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.6);transition:0.3s;opacity:0;}

#design .area .btn1 {left:0;top:0;width:25%;height:100%;}
#design .area .btn2 {left:25%;top:0;width:25%;height:100%;}
#design .area .btn3 {left:50%;top:0;width:25%;height:100%;}
#design .area .btn4 {left:75%;top:0;width:25%;height:50%;}
#design .area .btn5 {left:50%;top:50%;width:25%;height:50%;}
#design .area .btn6 {left:75%;top:50%;width:25%;height:50%;background:#e5a629;}
#design .area .btn1:before {background-image:url(../images/des1.jpg);}
#design .area .btn2:before {background-image:url(../images/des2.jpg);}
#design .area .btn3:before {background-image:url(../images/des3.jpg);}
#design .area .btn4:before {background-image:url(../images/des4.jpg);}
#design .area .btn5:before {background-image:url(../images/des5.jpg);}
#design .area .btn6:before,
#design .area .btn6:after {display:none;}
#design .area .title {display:block;padding:25px 20px 0;color:#fff;position:relative;z-index:10;}
#design .area .title > * {display:block;}
#design .area .title strong {font-family:'Noto Serif';font-size:26px;line-height:1em;position:relative;padding-bottom:12px;margin-bottom:12px;}
#design .area .title strong:before {content:"";display:block;position:absolute;left:0;bottom:0;width:40px;height:1px;background:#fff;opacity:0.7;transition:0.7s}
#design .area .title em {font-size:16px;color:#fff;}
#design .area .plus {top:50%;width:50px;height:50px;line-height:50px;font-size:30px;margin:-25px 0 0 -25px;color:#fff;background:#00c5e8;border-radius:50%;left:50%;transform:translate3d(0,10px,0) rotate(90deg);text-align:center;position:absolute;z-index:10;transition:0.5s;opacity:0;}
#design .area .ver {width:70%;height:60%;border:5px solid #fff;position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0);display:block;text-align:center;font-size:0;white-space:nowrap;}
#design .area .ver:after {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
#design .area .ver .in {display:inline-block;vertical-align:middle;white-space:normal;}
#design .area .ver .in > * {display:inline-block;color:#fff;}
#design .area .ver strong {font-size:20px;position:relative;padding-top:13px;}
#design .area .ver strong:before {content:"";display:block;position:absolute;left:50%;margin-left:-18px;height:1px;background:#fff;width:36px;top:0;}
#design .area .ver em {display:block !important;font-size:18px;font-weight:500;margin-top:5px;}

#design .area a:hover:after {opacity:1;}
#design .area a:hover:before {transform:scale(1.1);}
#design .area a:hover .title strong:before {width:50%;}
#design .area a:hover .title span {opacity:1;transform:translate3d(0,0,0);}
#design .area a:hover .plus {opacity:1;transform:translate3d(0,0,0) rotate(0deg);}

@media all and (max-width:1000px){
	#design {background-attachment:scroll;}
	#design .area {height:auto;}
	#design .area:after {content:"";display:block;clear:both;}
	#design .area a {position:relative;width:50% !important;height:100px !important;left:0 !important;top:0 !important;float:left;}
	#design .area a:after {display:none;}
	#design .area .title {padding:15px 10px 0;}
	#design .area .title strong {font-size:18px;}
	#design .area .title strong:before {width:20px;}
	#design .area .title em {font-size:14px;}
	#design .area .title span {display:none;}
	#design .area .ver {width:85%;height:80%;border:3px solid #fff;text-align:center;}
	#design .area .ver strong {font-size:14px;padding-top:10px;display:inline-block;}
	#design .area .ver em {font-size:12px;}
	#design .area .plus {display:none;}

	#design .area a:hover:after {opacity:1;}
	#design .area a:hover:before {transform:scale(1.1);}
	#design .area a:hover .title strong:before {width:50%;}
	#design .area a:hover .title span {opacity:1;transform:translate3d(0,0,0);}
}

#community {background:#edf6e5;}
#community .tit h3 {color:#000;}
#community .tit h3:before {background:#000;}
#community .tit p {color:#666;}

#community .area {height:500px;margin:0 -10px;font-size:0;position:relative;}
#community .area .box {position:absolute;width:33.333333%;box-sizing:border-box;padding:0 10px;}
#community .area .box1 {left:0;top:0;}
#community .area .box1 .in {box-shadow:3px 3px 5px 1px rgba(0,0,0,0.15);}
#community .area .box1 .img {height:250px;background:url(../images/comm1.jpg) no-repeat 50% 50%;background-size:cover;position:relative;}
#community .area .box1 .img span {display:block;position:absolute;left:0;top:0;width:110px;height:44px;line-height:44px;color:#fff;background:#efaa1f;font-size:18px;font-weight:500;text-align:center;}
#community .area .box1 .info {height:250px;box-sizing:border-box;position:relative;padding:25px 20px 0;background:#fff;}
#community .area .box1 .info dl dt a {display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:18px;font-weight:500;color:#000;}
#community .area .box1 .info dl dd {font-size:15px;color:#888;line-height:1.4em;height:4.2em;overflow:hidden;margin-top:10px;}
#community .area .box1 .info p {margin-top:35px;font-size:12px;color:#333;}
#community .area .box1 .info p > * {display:inline-block;vertical-align:middle;}
#community .area .box1 .info p i {font-size:16px;margin-right:3px;}

#community .area .box1 .bx-pager {position:absolute;z-index:100;bottom:20px;left:50%;margin-left:-100px;width:200px;text-align:center;}
#community .area .box1 .bx-pager .bx-pager-item {display:inline;}
#community .area .box1 .bx-pager .bx-pager-item a {
	display:inline-block;
	margin:0 2px;
	width:13px;
	height:13px;
	background:#ccc;
	text-align:left;
	text-indent:-9999px;
	overflow:hidden;
	border-radius:6.5px;
	transition:0.3s;
}
#community .area .box1 .bx-pager .bx-pager-item a.active {width:30px;background:#efaa1f;}
#community .area .box2 {left:33.333333%;top:0;}
#community .area .box2 a {background:url(../images/comm2.jpg) no-repeat 50% 50%;background-size:cover;}
#community .area .box3 {right:0;top:0;}
#community .area .box3 a {background:url(../images/comm3.jpg) no-repeat 50% 50%;background-size:cover;}
#community .area .link a {height:240px;display:block;position:relative;font-size:0;}
#community .area .link a span {display:block;position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0);border:5px solid #fff;width:60%;height:50%;color:#fff;text-align:center;white-space:nowrap;}
#community .area .link.box2 a span {background:rgba(0,0,0,0.4);}
#community .area .link a span:after {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
#community .area .link a span strong {display:inline-block;vertical-align:middle;white-space:normal;font-size:20px;font-weight:bold;max-width:100%;padding:0 15px;line-height:1.3em;}

#community .area .box4 {left:33.333333%;bottom:0;}
#community .area .box4 a {display:block;position:relative;background:url(../images/comm4.jpg) no-repeat 50% 50%;background-size:cover;height:240px;text-align:center;font-size:0;white-space:nowrap;}
#community .area .box4 a:after {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
#community .area .box4 a span {display:inline-block;vertical-align:middle;white-space:normal;color:#fff;}
#community .area .box4 a span > * {display:block;}
#community .area .box4 a strong {font-size:22px;position:relative;padding-top:14px;}
#community .area .box4 a strong:before {content:"";display:block;position:absolute;left:50%;width:36px;height:2px;background:#fff;margin-left:-18px;top:0;}
#community .area .box4 a em {font-size:15px;margin-top:10px;opacity:0.8;}
#community .area .box5 {right:0;bottom:0;}
#community .area .box5 a {display:block;position:relative;background:url(../images/comm5.jpg) no-repeat 50% 50%;background-size:cover;height:240px;}
#community .area .box5 a:before {content:"";display:block;position:absolute;left:50%;top:50%;background:url(../images/comm5-btn.png) no-repeat;background-size:100% 100%;margin:-42.5px 0 0 -42.5px;width:85px;height:85px;}
#community .area .box5 a strong {display:block;position:absolute;left:20px;top:15px;color:#fff;font-size:18px;font-weight:500;}

@media all and (max-width:1000px){
	#community .area {margin:0 -5px;height:auto;}
	#community .area:after {content:"";display:block;clear:both;}
	#community .area .box {position:relative;width:50%;padding:0 5px;left:auto !important;bottom:auto;top:auto;float:left;}
	#community .area .box1 {width:100%;}
	#community .area .box1 .img {height:120px;}
	#community .area .box1 .img span {width:90px;height:32px;line-height:32px;font-size:14px;}
	#community .area .box1 .info {height:auto;padding:20px 15px 50px;}
	#community .area .box1 .info dl dt a {font-size:14px;}
	#community .area .box1 .info dl dd {font-size:13px;line-height:1.4em;height:2.8em;margin-top:10px;}
	#community .area .box1 .info p {margin-top:15px;}

	#community .area .link {margin:10px 0;}
	#community .area .link a {height:120px;}
	#community .area .link a span {border:3px solid #fff;width:80%;height:70%;}
	#community .area .link a span strong {font-size:14px;padding:0 10px;}

	#community .area .box4 a {height:120px;}
	#community .area .box4 a strong {font-size:16px;padding-top:10px;}
	#community .area .box4 a strong:before {width:30px;margin-left:-15px;}
	#community .area .box4 a em {font-size:13px;margin-top:7px;}
	#community .area .box5 a {height:120px;}
	#community .area .box5 a:before {margin:-30px 0 0 -30px;width:60px;height:60px;}
	#community .area .box5 a strong {left:15px;top:10px;font-size:14px;}
}

#loc {padding-top:80px;}
#loc .tit h3 {color:#000;}
#loc .tit h3:before {background:#000;}
#loc .tit p {color:#333;line-height:1.5em;padding:0 20px;}
#loc .inner {display:table;table-layout:auto;width:100%;}
#loc .inner > * {display:table-cell;vertical-align:middle;}
#loc .info {background:url(../images/loc1.jpg) no-repeat;background-size:cover;width:44%;padding-right:30px;}
#loc .info .area {width:500px;float:right;box-sizing:border-box;}
#loc .info h3 {font-size:30px;color:#fff;font-weight:300;line-height:1.2em;letter-spacing:-0.05em;}
#loc .info h3 strong {color:#50fef8;}
#loc .info dl {/* margin-top:45px; */}
#loc .info dl dt span {display:inline-block;width:198px;height:82px;line-height:65px;box-sizing:border-box;font-size:30px;color:#2a4787;font-weight:500;background:url(../images/loc-talk.png) no-repeat;padding-left:15px;}
#loc .info dl dd {margin-top:15px;}
#loc .info dl dd ul li {font-size:16px;position:relative;padding-left:25px;line-height:1.4em;color:#fff;}
#loc .info dl dd ul li:before {content:"\f046";font-family:axicon;position:absolute;left:0;top:1px;}
#loc .info dl dd ul li ~ li {margin-top:10px;}
#loc .info dl dd ul li span {color:#50fef8;}
#loc .img img {width:100%;display:block;}

@media all and (max-width:1400px){
	#loc .info .area {width:auto;float:none;padding:0 30px;}
	#loc .info h3 {font-size:26px;}
	#loc .info dl {/* margin-top:30px; */}
	#loc .info dl dt {display:none;}
	#loc .info dl dd ul li {font-size:14px;}
	#loc .info dl dd ul li ~ li {margin-top:7px;}
}

@media all and (max-width:1000px){
	#loc {display:block;padding-top:30px;}
	#loc .inner {display:block;}
	#loc .inner > * {display:block;}
	#loc .info .area {padding:30px 20px;}
	#loc .info {width:100%;}
	#loc .info h3 {font-size:18px;}
	#loc .info h3 br {display:none;}
	#loc .info dl {/* margin-top:15px; */}
	#loc .info dl dd {margin-top:10px;}
	#loc .info dl dd ul li {font-size:13px;padding-left:20px;}
	#loc .info dl dd ul li ~ li {margin-top:5px;}
}

#why {padding:75px 10px 100px;}
#why .inner {max-width:1200px;margin:0 auto;}
#why .tit h3 {color:#000;}
#why .tit h3:before {background:#000;}
#why .tit p {color:#333;}
#why .area {font-size:0;margin-top:80px;}
#why .area .box {display:inline-block;vertical-align:top;box-sizing:border-box;padding:0 25px;width:25%;}
#why .area .box .img {text-align:center;}
#why .area .box dl dt {text-align:center;margin:25px 0 20px;color:#f3af0c;font-size:24px;font-weight:500;}
#why .area .box:nth-of-type(2) dl dt {color:#0dbbd4;}
#why .area .box:nth-of-type(3) dl dt {color:#24cd08;}
#why .area .box:nth-of-type(4) dl dt {color:#ff597d;}
#why .area .box dl dd {font-size:16px;line-height:1.5em;color:#333;}

@media all and (max-width:1000px){
	#why {padding:30px 10px;}
	#why .area {margin-top:20px;}
	#why .area .box {padding:0 10px;width:50%;}
	#why .area .box:nth-of-type(n+3) {margin-top:20px;}
	#why .area .box .img img {width:50px;}
	#why .area .box dl dt {margin:10px 0 7px;font-size:16px;}
	#why .area .box dl dd {font-size:13px;line-height:1.4em;}
}

#meet {background:url(../images/meet.jpg) no-repeat 50% 0;background-attachment:fixed;text-align:center;padding:80px 10px;color:#fff;}
#meet dl {position:relative;}
#meet dl:before {content:"";display:block;position:absolute;left:50%;bottom:100%;margin-bottom:15px;width:1px;height:45px;background:#fff;}
#meet dl dt {font-size:30px;font-weight:bold;}
#meet dl dd {font-size:18px;line-height:1.5em;margin-top:25px;}

@media all and (max-width:1000px){
	#meet {background-attachment:scroll;background-size:cover;padding:40px 10px;}
	#meet dl:before {margin-bottom:10px;height:15px;}
	#meet dl dt {font-size:20px;}
	#meet dl dd {font-size:14px;margin-top:15px;}
}

#contact {padding:60px 10px 80px;overflow:hidden;}
#contact .inner {max-width:1200px;margin:0 auto;position:relative;}
#contact .inner:before {content:"";display:block;position:absolute;left:100%;top:0;height:100%;background:#fff;width:2000px;z-index:10;}
#contact .tit h3 {color:#000;}
#contact .tit h3:before {background:#000;}
#contact .tit p {color:#333;}
#contact .area:after {content:"";display:block;clear:both;}
#contact .area > div {float:left;box-sizing:border-box;position:relative;}
#contact .area .lef {width:56.5%;padding:120px 0 0 0;position:relative;}
#contact .area .lef .root_daum_roughmap {width:100% !important;}
#contact .area .lef .wrap_map {height:469px !important;}
#contact .area .lef iframe {display:block;width:100% !important;height:469px !important;}
#contact .area .lef .box li h4{font-size: 16px;height: 50px; line-height: 50px;}
#contact .area .lef .box li p{height: 30px;font-size: 14px;line-height: 30px;}
#contact .area .lef .box li p span{width:55px;float: left}
#contact .area .lef .box {background:#384556;position:absolute;left:0;top:0;width:100%;box-sizing:border-box;color:#fff;padding:28px 20px;z-index:20;}
#contact .area .lef .box ul li {position:relative;padding-left:28px;}
#contact .area .lef .box ul li ~ li {margin-top:20px;}
#contact .area .lef .box ul li i {display:block;position:absolute;left:0;top:0;font-size:20px;color:#afb2b7;}
#contact .area .lef .box ul li span {display:block;font-size:16px;font-weight:300;line-height:1.3em;}
#contact .area .lef .loc {margin:0 -1000px;}
#contact .area .lef .map_border {display:none;}
#contact .area .rig {width:43.5%;padding-top:42px;padding-left:60px;background:#fff;z-index:10;}
#contact .area .rig h4 {font-size:24px;color:#222;margin-bottom:15px;}
#contact .area .rig h4 img {margin-right:5px;}
#contact .area .rig h4 span {font-weight:300;}
#contact .area .rig h4 strong {font-weight:500;}
#contact .area .rig ul li ~ li {margin-top:10px;}
#contact .area .rig ul li .inp {box-sizing:border-box;width:100%;height:44px;border:none;background:#f2f2f2;font-size:16px;color:#555;padding-left:10px;border-radius:3px;}
#contact .area .rig ul li textarea.inp {height:135px;padding:10px;}
#contact .area .rig ul li .inp::-webkit-input-placeholder {color:#555;}
#contact .area .rig ul li .inp:-moz-placeholder {color:#555;}
#contact .area .rig ul li .inp::-moz-placeholder {color:#555;}
#contact .area .rig ul li .inp:-ms-input-placeholder {color:#555;}
#contact .area .rig .bot {margin-top:10px;font-size:14px;position:relative;}
#contact .area .rig .bot a {display:block;position:absolute;right:0;top:0;color:#df6653;}
#contact .area .rig .btn {margin-top:20px;}
#contact .area .rig .btn button {display:block;box-sizing:border-box;width:100%;height:50px;border-radius:3px;color:#fff;text-align:center;font-size:18px;font-weight:500;background:#df6653;border:none;}

@media all and (max-width:1000px){
	#contact {padding:30px 10px;}
	#contact .inner:before {display:none;}
	#contact .area .lef {float:none;width:auto;margin:0 -10px;padding:0;}
	#contact .area .lef .wrap_map {height:250px !important;}
	#contact .area .lef iframe {height:250px !important;}
	#contact .area .lef .box {position:relative;width:auto;height:auto;padding:20px 15px;}
	#contact .area .lef .box ul li {padding-left:22px;}
	#contact .area .lef .box ul li ~ li {margin-top:10px;}
	#contact .area .lef .box ul li i {font-size:15px;}
	#contact .area .lef .box ul li span {font-size:13px;}
	#contact .area .lef .loc {margin:0;}

	#contact .area .rig {width:auto;float:none;padding-top:0;padding-left:0;margin-top:30px;}
	#contact .area .rig h4 {font-size:18px;margin-bottom:7px;}
	#contact .area .rig h4 img {margin-right:5px;width:18px;}
	#contact .area .rig ul li ~ li {margin-top:5px;}
	#contact .area .rig ul li .inp {height:32px;font-size:14px;padding-left:5px;}
	#contact .area .rig ul li textarea.inp {height:100px;padding:5px;}
	#contact .area .rig .btn button {height:45px;font-size:16px;}
}

#gotop {position:fixed;z-index:150;right:30px;bottom:30px;transition:0.5s;transform:translate3d(0,-30px,0);opacity:0;border:none;background:none;}
.head-fix #gotop {opacity:1;transform:translate3d(0,0,0);}

#footer {background:#384556;padding:35px 10px;}
#footer .inner {max-width:1200px;margin:0 auto;position:relative;box-sizing:border-box;padding-left:245px;}
#footer h2 {position:absolute;left:0;top:50%;margin-top:-27px;font-size:0;}
#footer .info address {font-size:13px;line-height:1.7em;}
#footer .info address > * {display:inline-block;vertical-align:top;box-sizing:border-box;}
#footer .info address span {color:#fff;}
#footer .info address em {color:#747d89;margin:0 10px;}
#footer .info .copy {font-size:13px;color:#fff;opacity:0.7;margin-top:15px;letter-spacing:0;}

@media all and (max-width:1000px){
	#gotop {width:30px;height:30px;}

	#footer {padding:20px 10px;text-align:center;}
	#footer .inner {padding:0;}
	#footer h2 {position:relative;top:0;margin:0 0 10px;}
	#footer h2 img {width:80px;}
	#footer .info address {font-size:12px;line-height:1.7em;}
	#footer .info address em {margin:0 10px;}
	#footer .info .copy {font-size:12px;margin-top:10px;}
}


#svis {background:url(../images/svis1.jpg) no-repeat 50% 0;background-attachment:fixed;overflow:hidden;}
#svis .inner {max-width:1200px;height:460px;margin:0 auto;position:relative;box-sizing:border-box;font-size:0;text-align:center;}

#svis .tit {vertical-align:middle;color:#fff;max-width:100%;box-sizing:border-box;position:absolute;left:0;width:100%;top:50%;margin-top:0;}
#svis .tit h2 {font-size:44px;position:relative;line-height:1em;padding-bottom:18px;margin-bottom:15px;font-family:'Noto Sans',sans-serif;}
#svis .tit h2:before {content:"";display:block;position:absolute;left:50%;width:40px;height:2px;background:#fff;margin-left:-20px;bottom:0;}
#svis .tit p {font-size:20px;}

#svis .snb {position:absolute;left:0;bottom:0;width:100%;box-sizing:border-box;}
#svis .snb:before {content:"";display:block;position:absolute;left:-2000px;top:0;width:5000px;height:100%;background:rgba(255,255,255,0.9);box-sizing:border-box;/* border-bottom:1px solid #e0e0e0; */}
#svis .snb:after {content:"";display:block;clear:both;}
#svis .snb li {display:inline-block;box-sizing:border-box;position:relative;}
#svis .snb li ~ li:before {content:"";display:block;position:absolute;left:0;top:50%;width:3px;height:3px;margin-top:-1.5px;background:#777;}
#svis .snb li a {display:block;white-space:nowrap;font-size:0;height:65px;/* border-bottom:1px solid #e0e0e0; */z-index:10;transition:0.3s;box-sizing:border-box;padding:0 20px;color:#888;}
#svis .snb li a span {display:block;font-size:18px;padding:0 5px;position:relative;line-height:65px;}
#svis .snb li a span:before {content:"";display:block;position:absolute;left:50%;bottom:12px;height:2px;background:#000;transition:0.5s;opacity:0;width:0;}
#svis .snb li:hover a,
#svis .snb li.active a {color:#000;}
#svis .snb li:hover a span:before,
#svis .snb li.active a span:before {width:100%;left:0;opacity:1;}
#svis .snb + .tit {margin-top:-30px;}

.sub21 #svis {background-image:url(../images/svis21.jpg);}
.sub22 #svis {background-image:url(../images/svis22.jpg);}
.sub23 #svis {background-image:url(../images/svis23.jpg);}
.sub24 #svis {background-image:url(../images/svis24.jpg);}
.sub25 #svis {background-image:url(../images/svis25.jpg);}
.sub26 #svis {background-image:url(../images/svis26.jpg);}
.sub31 #svis {background-image:url(../images/svis31.jpg);}
.sub32 #svis {background-image:url(../images/svis32.jpg);}
.sub33 #svis {background-image:url(../images/svis33.jpg);}
.sub34 #svis {background-image:url(../images/svis34.jpg);}
.sub35 #svis {background-image:url(../images/svis35.jpg);}
.sub36 #svis {background-image:url(../images/svis36.jpg);}

.sub5 #svis {background-image:url(../images/svis5.jpg);}
.sub3 #svis .snb {background:none;}
.sub3 #svis .snb:before {}

#sub {padding:60px 10px 100px;overflow:hidden;}
#sub > .inner {max-width:1110px;margin:0 auto;min-height:40vh;}

.sub52 #sub > .inner {background:rgba(255,255,255,0.85);max-width:1200px;box-sizing:border-box;padding:40px 20px;}
.sub52 #sub > .inner.type2 {background:#fff;padding:0 0 30px;}

@media all and (max-width:1000px){
	#svis {background-attachment:scroll;background-size:cover;background-position:50% 0 !important;}
	#svis .inner {height:100px;padding:0;}
	#svis .tit {opacity:1 !important;transform:translate3d(0,0,0) !important;margin-top:-20px !important;}
	#svis .tit h2 {font-size:26px;padding-bottom:10px;margin-bottom:10px;}
	#svis .tit p {font-size:13px;}
	#svis .snb {display:none;}

	#sub {padding:30px 10px;overflow:hidden;}
	.sub52 #sub > .inner {padding:20px 10px;}
	.sub52 #sub > .inner.type2 {padding:0 0 20px;}
}


.__layout {padding:60px 10px;background-repeat:no-repeat;background-position:50% 0;background-attachment:fixed;}
.__layout > .inner {max-width:1110px;margin:0 auto;}
.__layout .__orange,
.__layout .__txt20,
.__layout .__tit1 h3 {color:#fff !important;}
.__layout .__tit1:before {background:#fff;}
.__tit1.type2:before {background:#74ffff;}
.__tit1.type2 h3 {color:#74ffff !important;}
.__tit1.type2 p {color:#6dbfd3;}

.__layout2 {padding:60px 10px;background-repeat:no-repeat;background-position:50% 0;background-attachment:fixed;}
.__layout2 > .inner {max-width:1110px;margin:0 auto;}

.sub11 .__layout {background-image:url(../images/sbg11-1.jpg);}
.sub21 .__layout {background-image:url(../images/sbg21-1.jpg);}
.sub22 .__layout {background-image:url(../images/sbg22-1.jpg);}
.sub23 .__layout {background-image:url(../images/sbg23-1.jpg);}
.sub24 .__layout {background-image:url(../images/sbg24-1.jpg);}
.sub25 .__layout {background-image:url(../images/sbg25-1.jpg);}
.sub26 .__layout {background-image:url(../images/sbg26-1.jpg);}
.sub31 .__layout {background-image:url(../images/sbg31-1.jpg);}
.sub32 .__layout {background-image:url(../images/sbg32-1.jpg);}
.sub33 .__layout {background-image:url(../images/sbg33-1.jpg);}
.sub34 .__layout {background-image:url(../images/sbg34-1.jpg);}
.sub35 .__layout {background-image:url(../images/sbg35-1.jpg);}
.sub36 .__layout {background-image:url(../images/sbg36-1.jpg);background-attachment:scroll;background-repeat:repeat-y;}

.sub5 #sub {background-image:url(../images/sbg5.jpg);background-size:cover;background-attachment:fixed;}

@media all and (max-width:1000px){
	.__layout {padding:30px 10px;background-size:cover;background-attachment:scroll;background-image:none  !important}
	.__layout:before {content:"";display:block;position:fixed;left:0;top:0;width:100%;height:100%;z-index:-10;background-repeat:no-repeat;background-position:50 50%;background-size:cover;}
	.__layout .inner {position:relative;z-index:10;}
	
	.sub5 #sub {background:none !important;}
	.sub5 #sub:before {content:"";display:block;position:fixed;left:0;top:0;width:100%;height:100%;z-index:-10;background-repeat:no-repeat;background-position:50 50%;background-size:cover;background-image:url(../images/sbg5.jpg);}
	.sub5 #sub .inner {position:relative;z-index:10;}
	
	.sub11 .__layout:before {background-image:url(../images/sbg11-1.jpg);}
	.sub21 .__layout:before {background-image:url(../images/sbg21-1.jpg);}
	.sub22 .__layout:before {background-image:url(../images/sbg22-1.jpg);}
	.sub23 .__layout:before {background-image:url(../images/sbg23-1.jpg);}
	.sub24 .__layout:before {background-image:url(../images/sbg24-1.jpg);}
	.sub25 .__layout:before {background-image:url(../images/sbg25-1.jpg);}
	.sub26 .__layout:before {background-image:url(../images/sbg26-1.jpg);}
	.sub31 .__layout:before {background-image:url(../images/sbg31-1.jpg);}
	.sub32 .__layout:before {background-image:url(../images/sbg32-1.jpg);}
	.sub33 .__layout:before {background-image:url(../images/sbg33-1.jpg);}
	.sub34 .__layout:before {background-image:url(../images/sbg34-1.jpg);}
	.sub35 .__layout:before {background-image:url(../images/sbg35-1.jpg);}
	.sub36 .__layout {background-image:url(../images/sbg36-1.jpg) !important;background-size:960px 113px;background-attachment:scroll;background-repeat:repeat-y;}

	.__layout2 {padding:30px 10px;background-size:cover;background-attachment:scroll;}
	
	.sub5 #sub {background-attachment:scroll;}
}

.__app-list {font-size:0;margin:0 -10px;}
.__app-list .box {display:inline-block;vertical-align:top;box-sizing:border-box;padding:0 10px;width:33.333333%;}
.__app-list .box:nth-of-type(n+4) {margin-top:20px;}
.__app-list .box .in {display:block;box-shadow:3px 3px 5px rgba(0,0,0,0.2);background:#fff;position:relative;}
.__app-list .box .in .img {display:block;position:relative;overflow:hidden;text-align:center;}
.__app-list .box .in .img img {width:100%;transition:0.3s;transition:2.5s;}
.__app-list .box .in .img .ov {position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.6);opacity:0;transition:0.5s;box-sizing:border-box;}
.__app-list .box .in .img .ov strong,
.__app-list .box .in .img .ov em {display:block;position:absolute;box-sizing:border-box;opacity:0;transition:0.5s;color:#fff;transition-delay:0.3s;}
.__app-list .box .in .img .ov strong {bottom:66%;font-size:16px;line-height:1.5em;left:0;width:100%;padding:0 10px;font-weight:normal;transform:translate3d(0,-10px,0);}
.__app-list .box .in .img .ov em {top:42%;width:50px;height:50px;line-height:50px;font-size:30px;margin-left:-25px;background:#00c5e8;border-radius:50%;left:50%;transform:translate3d(0,10px,0);}
.__app-list .box .in .info {display:block;padding:17px 30px 20px;overflow:hidden;position:absolute;left:0;bottom:0;width:100%;box-sizing:border-box;background:rgba(255,255,255,0.85);transition:0.5s;}
.__app-list .box .in .info strong {display:block;font-family:'Noto Serif';font-size:24px;font-weight:600;position:relative;color:#333;}
.__app-list .box .in .info strong:before {content:"";display:block;position:absolute;left:-30px;top:50%;height:1px;width:20px;background:#333;}
.__app-list .box .in .info em {font-size:16px;color:#c28941;display:block;margin-top:5px;}
.__app-list .box .in:hover .img img {transform:scale(1.1);}
.__app-list .box .in:hover .img .ov {opacity:1;}
.__app-list .box .in:hover .img .ov strong,
.__app-list .box .in:hover .img .ov em {transform:translate3d(0,0,0);opacity:1;}
.__app-list .box .in:hover .info {background:#fff;}

@media all and (max-width:1000px){
	.__app-list {margin:0 -5px;}
	.__app-list .box {padding:0 5px;width:50%;}
	.__app-list .box:nth-of-type(n+3) {margin-top:10px;}
	.__app-list .box .in .img .ov {display:none;}
	.__app-list .box .in .info {padding:10px 20px;}
	.__app-list .box .in .info strong {font-size:14px;}
	.__app-list .box .in .info strong:before {left:-20px;width:10px;}
	.__app-list .box .in .info em {font-size:12px;}
}

.__write {font-size:0;padding:0 20px;}
.__write > * {padding:0 20px;box-sizing:border-box;display:inline-block;vertical-align:top;width:50%;margin-bottom:15px;}
.__write .tit {width:100%;margin-bottom:15px;}
.__write .tit h4 {font-size:20px;color:#008bd1;font-weight:500;position:relative;width:100%;padding-left:24px;}
.__write .tit h4:before {content:"";display:block;width:8px;height:8px;border:4px solid #008bd1;position:absolute;left:0;top:7px;}
.__write dl dt {font-size:16px;color:#fff;margin-bottom:10px;}
.__write dl dt span {color:#ff7316;}
.__write dl dd {font-size:16px;}
.__write dl dd p {margin-top:15px;}
.__write dl dd p:first-child {margin-top:0;}
.__write .wide {width:100%;}
.__write .qt {width:25%;}
.__write.type2 {border-bottom:1px solid #ddd;padding-bottom:20px;margin-bottom:15px;}
.__write .agree {font-size:14px;color:#fff;position:relative;}
.__write .agree a {position:absolute;right:0;top:0;color:#fffa6e;}
.__write .agree a i {display:inline-block;margin-left:5px;}
.__write textarea.__form1 {height:200px;}

.__form1 {display:inline-block;box-sizing:border-box;border:1px solid #ddd;height:44px;line-height:42px;padding-left:10px;width:100%;font-size:15px;background:#fff;transition:0.5s;border-radius:3px;}
.__form1.type2 {background:#eee;}
.__form1:hover,
.__form1:focus {box-shadow:0 0 2px 1px rgba(0,0,0,0.2);background-color:#fff;border-color:#0199ed;}

.__toparea {position:relative;margin-bottom:20px;}
.__toparea .all {font-size:15px;}
.__toparea .all strong {color:#cd1c19;font-weight:500;}
.__toparea .__search {position:absolute;right:0;bottom:0;}

.__botarea {margin-top:30px;position:relative;}
.__botarea .rig {position:absolute;right:0;top:0;}
.__botarea .cen {text-align:center;}
.__botarea .cen .__btn1 {margin:0 1px;}

.__paging {font-size:0;}
.__paging a {
	display:inline-block;_display:inline;
	box-sizing:border-box;
	width:36px;
	height:36px;
	line-height:34px;
	border:1px solid #ddd;
	text-align:center;
	vertical-align:middle;
	color:#555;
	z-index:0;
	margin:0 2px;
	position:relative;
}
.__paging .arr {font-size:18px;}
.__paging .num {font-size:14px;}
.__paging .num:hover,
.__paging .arr:hover {border-color:#000;color:#000;}
.__paging .num.active {border-color:#003591;color:#fff;background:#003591;}
.__paging .prev {margin-right:10px;}
.__paging .next {margin-left:10px;}


.__paging + .__search {margin-top:30px;}

.__search {text-align:center;font-size:0;white-space:nowrap;}
.__search select,
.__search input[type='text'],
.__search button {display:inline-block;vertical-align:top;box-sizing:border-box;height:40px;font-size:15px;border:1px solid #ddd;}
.__search select {padding-left:10px;min-width:120px;margin-right:5px;background:#fff;}
.__search input[type='text'] {width:230px;padding-left:5px;}
.__search button {margin-left:-1px;background:#444;color:#fff;width:50px;font-size:20px;border:none;}

.__btn1 {display:inline-block;vertical-align:middle;box-sizing:border-box;height:40px;line-height:38px;background:#fff;border:1px solid #0199ed;color:#0199ed;font-size:16px;padding:0 35px;min-width:120px;}
.__btn1.type2 {background:#909090;border-color:#909090;color:#fff;}
.__btn1.type3 {background:#0199ed;border-color:#0199ed;color:#fff;}

.__layout .btn2 {background:#2099d4;border-color:#2099d4;}
.__btn2 {display:inline-block;vertical-align:middle;box-sizing:border-box;height:50px;line-height:48px;background:#0199ed;border:1px solid #0199ed;color:#fff;font-size:18px;padding:0 25px;min-width:180px;border-radius:3px;}
.__btn2.white {background:#fff;color:#0199ed;}


._file {display:block;position:relative;}
._file input[type='file'] {position:absolute;left:0;top:0;width:100%;height:100%;z-index:100;opacity:0;}

.__board-view {border-top:1px solid #333;border-bottom:1px solid #ddd;}
.__board-view .top {background:#f8fbfc;padding:25px;border-bottom:1px solid #ddd;}
.__board-view .top h3 {font-size:22px;font-weight:700;color:#333;line-height:1.4em;}
.__board-view .top .info {margin-top:10px;position:relative;font-size:0;}
.__board-view .top .info li {display:inline-block;vertical-align:top;margin-right:50px;font-size:15px;color:#333;}
.__board-view .top .info li > * {display:inline-block;vertical-align:middle;}
.__board-view .top .info li strong {margin-right:5px;}
.__board-view .top .info li i {font-size:18px;margin-right:5px;}
.__board-view .top .info li a {margin-right:10px;}
.__board-view .top .file {margin-top:15px;}
.__board-view .top .file li {font-size:14px;}
.__board-view .top .file li ~ li {margin-top:7px;}
.__board-view .top .file li img {display:inline-block;margin-right:5px;}
.__board-view .bot {padding:15px 0 0;border-top:1px dashed #aaa;margin-top:15px;}
.__board-view .bot p {margin-top:5px;font-size:14px;}
.__board-view .bot p:first-child {margin-top:0;}
.__board-view .bot p img {width:20px;}
.__board-view .bot p span {}


.__board-view .con {padding:40px 25px;min-height:200px;font-size:15px;}
.__board-view .con * {max-width:100% !important;line-height:1.5em !important;}
.__board-view .con img {height:auto !important;}
.__board-view .con.answer {border-top:1px solid #ddd;}

.__board-pn {margin-top:-1px;border-top:1px solid #ddd;}
.__board-pn dl {border-bottom:1px solid #ddd;position:relative;box-sizing:border-box;padding-left:115px;}
.__board-pn dl dt a {display:block;position:absolute;left:0;top:50%;margin-top:-15px;width:86px;border-radius:15px;background:#f5f5f5;font-size:14px;text-align:center;height:30px;line-height:30px;color:#333;left:15px;}
.__board-pn .prev dt a:before {content:"\f104";font-family:axicon;display:inline-block;margin-right:10px;}
.__board-pn .next dt a:after {content:"\f105";font-family:axicon;display:inline-block;margin-left:10px;}
.__board-pn dl dd {padding:12px;}
.__board-pn dl dd a {font-size:15px;display:inline-block;max-width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}


@media all and (max-width:1000px){
	.__write {font-size:0;padding:0 10px;}
	.__write > * {padding:0;width:100%;margin-bottom:10px;}
	.__write .tit {width:100%;margin-bottom:10px;}
	.__write .tit h4 {font-size:16px;padding-left:18px;}
	.__write .tit h4:before {width:6px;height:6px;border:3px solid #008bd1;top:5px;}
	.__write dl dt {font-size:13px;margin-bottom:5px;}
	.__write dl dd {font-size:13px;}
	.__write dl dd p {margin-top:10px;}
	.__write.type2 {padding-bottom:10px;margin-bottom:10px;}
	.__write .agree {font-size:13px;}

	.__form1 {height:30px;line-height:28px;font-size:13px;padding-left:5px;}

	.__botarea {margin-top:20px;}
	.__botarea > * {position:relative !important;text-align:center;}
	.__botarea > * + * {margin-top:10px;}
	.__paging a {width:24px;height:24px;line-height:22px;font-size:12px;margin:0 1px;}
	.__paging .prev {margin-right:5px;}
	.__paging .next {margin-left:5px;}

	.__paging + .__search {margin-top:10px;}

	.__search select,
	.__search input[type='text'],
	.__search button {height:30px;font-size:13px;}
	.__search select {padding-left:5px;width:70px;margin-right:3px;min-width:0;}
	.__search input[type='text'] {width:calc(100% - 103px);padding-left:5px;}
	.__search button {width:30px;font-size:14px;}
	
	.__toparea {margin-bottom:10px;}
	.__toparea .all {font-size:13px;}
	.__toparea .__search {position:relative;margin-top:10px;}

	.__btn1 {height:30px;line-height:28px;font-size:13px;padding:0 15px;min-width:70px;}
	.__btn2 {height:40px;line-height:38px;font-size:16px;padding:0 15px;min-width:120px;}


	.__board-view .top {padding:10px;}
	.__board-view .top h3 {font-size:16px;}
	.__board-view .top .info {margin-top:3px;}
	.__board-view .top .info li {margin:1px 10px 1px 0;font-size:13px;}
	.__board-view .top .info li strong {margin-right:3px;}
	.__board-view .top .info li i {font-size:15px;margin-right:3px;}
	
	.__board-view .top .file {margin-top:10px;}
	.__board-view .top .file li {font-size:12px;}
	.__board-view .top .file li ~ li {margin-top:5px;}
	.__board-view .top .file li img {margin-right:3px;width:10px;}

	.__board-view .con {padding:20px 10px;min-height:150px;font-size:13px;}
	
	.__board-view .bot {padding:10px 0 0;margin-top:10px;}
	.__board-view .bot p {margin-top:3px;font-size:12px;}
	.__board-view .bot p img {width:15px;}

	.__board-pn dl {padding-left:70px;}
	.__board-pn dl dt a {margin-top:-12px;left:10px;width:60px;border-radius:12px;font-size:13px;height:24px;line-height:24px;}
	.__board-pn .prev dt a:before {margin-right:5px;}
	.__board-pn .next dt a:after {margin-left:5px;}
	.__board-pn dl dd {padding:10px;}
	.__board-pn dl dd a {font-size:13px;}

}

.__webzine-list {border-top:1px solid #222;font-size:0;}
.__webzine-list .box {border-bottom:1px solid #ddd;padding:20px;font-size:0;white-space:nowrap;transition:0.3s;}
.__webzine-list .box > * {display:inline-block;vertical-align:middle;box-sizing:border-box;white-space:normal;}
.__webzine-list .box .img {width:210px;}
.__webzine-list .box .info {width:calc(100% - 210px);padding-left:30px;}
.__webzine-list .box .info .subject a {display:inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:85%;font-size:18px;font-weight:500;color:#333;vertical-align:middle;}
.__webzine-list .box .info .subject i {display:inline-block;vertical-align:middle;font-size:20px;color:#00a0e9;margin-left:5px;}
.__webzine-list .box .info .sum {margin-top:15px;font-size:15px;line-height:1.6em;max-height:3.2em;overflow:hidden;color:#777;}
.__webzine-list .box .info .bot {margin-top:15px;color:#777;}
.__webzine-list .box .info .bot li,
.__webzine-list .box .info .bot li > * {display:inline-block;vertical-align:middle;font-size:13px;}
.__webzine-list .box .info .bot li ~ li {margin-left:30px;}
.__webzine-list .box .info .bot li i {font-size:18px;margin-right:5px;}
.__webzine-list .box:hover {background:#f8fbfc;}

@media all and (max-width:1000px){
	.__webzine-list .box {padding:10px;}
	.__webzine-list .box .img {width:80px;}
	.__webzine-list .box .info {width:calc(100% - 80px);padding-left:10px;}
	.__webzine-list .box .info .subject a {font-size:14px;}
	.__webzine-list .box .info .subject i {font-size:16px;}
	.__webzine-list .box .info .sum {display:none;margin-top:10px;font-size:12px;line-height:1.5em;max-height:3em;}
	.__webzine-list .box .info .bot {margin-top:10px;}
	.__webzine-list .box .info .bot li,
	.__webzine-list .box .info .bot li > * {font-size:12px;}
	.__webzine-list .box .info .bot li ~ li {margin-left:20px;}
	.__webzine-list .box .info .bot li i {font-size:14px;margin-right:3px;}
	
}


.__white {color:#fff !important;}
.__skyblue {color:#74ffff !important;}
.__skyblue2 {color:#6dbfd3 !important;}
.__yellow {color:#fffa6e !important;}
.__black {color:#000 !important;}
.__blue {color:#003591 !important;}
.__gray {color:#aaa !important;}
.__orange {color:#ff6000 !important;}
.__dark {color:#666 !important;}
.__red {color:#ed1c24 !important;}

.__serif {font-family:'Noto Serif',serif;letter-spacing:0;}

.__txt26 {font-size:26px;line-height:1.4em;}
.__txt20 {font-size:20px;line-height:1.5em;}
.__txt18 {font-size:18px;line-height:1.5em;}
.__txt16 {font-size:16px;line-height:1.5em;}

@media all and (max-width:1000px){
	.__txt26 {font-size:18px;line-height:1.3em;}
	.__txt20 {font-size:15px;line-height:1.4em;}
	.__txt18 {font-size:14px;line-height:1.4em;}
	.__txt16 {font-size:13px;line-height:1.4em;}
}

.__lef-num {position:relative;padding-left:45px;}
.__lef-num .__num {position:absolute;left:0;top:5px;}

.__top-num {position:relative;padding-left:45px;}
.__top-num .__num {position:absolute;left:0;top:5px;}

.__num {display:inline-block;width:32px;height:32px;line-height:32px;border-radius:50%;color:#fff;background:#2099d4;font-size:18px;font-weight:500;text-align:center;}
.__num.gray {background:#a2a2a2;}
.__num.type2 {width:28px;height:28px;font-size:14px;line-height:28px;}

.__tit1 {position:relative;padding-bottom:17px;margin-bottom:30px;}
.__tit1:before {content:"";display:block;position:absolute;left:0;bottom:0;width:50px;height:3px;background:#000;}
.__tit1 h3 {font-size:36px;font-weight:bold;color:#000;}
.__tit1 p {font-size:20px;color:#a3a3a3;margin-top:12px;font-weight:300;}

.__lr > * {box-sizing:border-box;float:right;}
.__lr > *:first-child {float:left;}
.__lr > .info + .img {text-align:right;}
.__lr:after {content:"";display:block;clear:both;}

.__line {clear:both;border:none;border-top:1px solid #ddd;}
.__line2 {clear:both;border:none;border-top:1px solid rgba(255,255,255,0.3);}


.__wide {margin:0;padding:60px 10px;}
.__wide > .inner {max-width:1110px;margin:0 auto;position:relative;}
.__shadow {box-shadow:3px 3px 10px rgba(0,0,0,0.15);}
.__dib-li > li {display:inline-block;margin-right:30px;}


@media all and (max-width:1000px){
	.__dib-li > li {display:block;margin-right:0;}
	.__dib-li > li ~ li {margin-top:5px;}

	.__wide {padding:30px 10px;}

	.__lef-num {padding-left:0;}
	.__lef-num .__num {position:relative;top:0;display:block;margin-bottom:5px;}
	.__num {width:25px;height:25px;line-height:25px;font-size:14px;}
	.__num.type2 {width:20px;height:20px;font-size:11px;line-height:20px;}

	.__tit1 {padding-bottom:14px;margin-bottom:20px;}
	.__tit1 :before {width:30px;height:2px;}
	.__tit1 h3 {font-size:20px;font-weight:500;}
	.__tit1 p {font-size:14px;margin-top:7px;}
	
	.__lr > * {float:none !important;padding:0 !important;width:auto !important;}
	.__lr .img {text-align:center !important;}
	.__lr > * + * {margin-top:20px;}
}


.__tbl1 {table-layout:fixed;width:100%;border:1px solid #61788f;}
.__tbl1 tr > * {box-sizing:border-box;font-size:17px;padding:10px;text-align:left;border-bottom:1px solid #d8dee3;}
.__tbl1 tr:last-child > * {border-bottom:none;}
.__tbl1 tr th {background:#61788f;color:#fff;font-weight:500;}
.__tbl1 tr td {background:#fff;}

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

.__col {margin:0 -15px;font-size:0;}
.__col > .box {display:inline-block;vertical-align:top;box-sizing:border-box;padding:0 15px;}
.__col.m5 {margin:0 -5px;}
.__col.m5 > .box {padding:0 5px;}

.__col.col3 > .box {width:33.333333%;}
.__col.col3 > .box2 {width:66.66666%;}
.__col.col3 > .box:nth-child(n+4) {margin-top:30px;}
.__col.col2 > .box {width:50%;}
.__col.col2 > .box:nth-child(n+3) {margin-top:10px;}
.__col.col2.m30 > .box:nth-child(n+3) {margin-top:30px;}

@media all and (max-width:1000px){
	.__col {margin:0 -5px;}
	.__col > .box {padding:0 5px;}

	.__col.col3 > .box:nth-child(n+4) {margin-top:10px;}
	.__col.col3 > .box2 {width:100%;}
	.__col.mcol1 > .box {width:100% !important;padding-left:0 !important;padding-right:0 !important;}
	.__col.mcol1 > .box ~ .box {margin-top:10px;}
	.__col.col2.m30 > .box:nth-child(n+3) {margin-top:10px;}
	
}



.__decosheet {padding-bottom:80px;}
.__decosheet .deco {width:50%;margin-bottom:-300px;box-sizing:border-box;padding-right:40px;}

.__paperfoil .inner {height:800px;position:relative;}
.__paperfoil .tit {width:50%;}
.__paperfoil .img:after {content:"";display:block;clear:both;}
.__paperfoil .img li {position:absolute;width:50%;box-sizing:border-box;}
.__paperfoil .img .img1 {padding-right:5px;bottom:0;left:0;}
.__paperfoil .img .img2 {padding-left:5px;top:120px;right:0;}

.__intbot {margin:0 -5px;font-size:0;}
.__intbot .box {display:inline-block;vertical-align:top;box-sizing:border-box;padding:0 5px;margin-bottom:20px;width:50%;}
.__intbot .box4 {padding:35px 35px 0;}
.__ext-bot .box2 {padding:30px 30px 0 !important;}
.__metal-bot .box1 {width:55% !important;}
.__metal-bot .box2 {width:45% !important;padding:30px 30px 0 !important;}

@media all and (max-width:1000px){
	.__decosheet {padding-bottom:30px;}
	.__decosheet .deco {width:100%;margin-bottom:0;padding-right:0;margin-bottom:20px;}
	.__decosheet .__col.col2 {font-size:0;text-align:center;}
	.__decosheet .__col.col2 > .box {float:none;display:inline-block;vertical-align:top;width:33.33333%;margin:0 !important;}
	.__decosheet .__col.col2 > .box:first-child {display:none;}
	.__decosheet .__col.col2 > .box:nth-child(n+5) {margin-top:10px !important;}
	
	.__paperfoil {padding-bottom:30px;}
	.__paperfoil .inner {height:auto;}
	.__paperfoil .tit {width:100%;}
	.__paperfoil .img {margin-top:20px;}
	.__paperfoil .img li {position:relative;float:left;}
	.__paperfoil .img .img1 {padding-right:5px;}
	.__paperfoil .img .img2 {padding-left:5px;top:0;}
	
	.__intbot {margin:0 -5px;font-size:0;}
	.__intbot .box {margin-bottom:20px;width:50%;}
	.__intbot .box1,
	.__intbot .box4 {width:100%;}
	.__intbot .box4 {padding:5px 0 0;}
	
	.__ext-bot .box2 {padding:5px 0 0 !important;}
	.__metal-bot .box2 {padding:5px 0 0 !important;}
}

.__orange-dib {display:inline-block;background:#ff7e00;padding:2px 7px;color:#fff;}

.__frame {font-size:0;}
.__frame > * {display:inline-block;vertical-align:middle;box-sizing:border-box;position:relative;}
.__frame .img {width:60%;z-index:10;}
.__frame .info {width:40%;border:15px solid rgba(255,255,255,0.5);border-left:none;padding:70px 25px;min-height:400px;}
.__frame .info .__orange-dib {margin-bottom:2px;background:#f07487;}

@media all and (max-width:1000px){
	.__frame > * {display:block;width:100% !important;}
	.__frame .img {text-align:center;}
	.__frame .info {border:10px solid rgba(255,255,255,0.5);padding:20px 15px;min-height:0;}
	.__frame .info .__orange-dib {margin-bottom:2px;}
}


.__zoom {display:block;position:relative;overflow:hidden;font-size:0;}
.__zoom img {display:block;position:relative;z-index:10;transition:1.5s;}
.__zoom:before {content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:20;opacity:0;transition:0.5s;}
.__zoom:after {
	content:"\e114";
	font-family:axicon;
	text-align:center;
	top:50%;
	left:50%;
	width:64px;
	height:64px;
	line-height:64px;
	margin:-32px 0 0 -32px;
	background:#00c5e8;
	border-radius:50%;
	transform:translate3d(0,10px,0);
	color:#fff;
	font-size:30px;
	position:absolute;
	z-index:30;
	transition:0.5s;
	opacity:0;
}
.__zoom:hover img {transform:scale(1.1);}
.__zoom:hover:before {opacity:1;}
.__zoom:hover:after {transform:translate3d(0,0,0);opacity:1;}

@media all and (max-width:1000px){
	.__zoom:after {width:40px;height:40px;line-height:40px;margin:-20px 0 0 -20px;font-size:20px;}
}


.__artroll {margin:0 -15px;position:relative;}
.__artroll .box .in {display:block;margin:0 15px;position:relative;}
.__artroll .box .in span {display:block;position:absolute;left:0;bottom:0;width:100%;box-sizing:border-box;text-align:center;padding:12px;font-size:18px;font-weight:500;color:#fff;background:rgba(0,0,0,0.5);}
.__artroll .box .in img {display:block;width:100%;}

.__artroll .bx-pager {text-align:center;margin-top:30px;}
.__artroll .bx-pager .bx-pager-item {display:inline-block;margin:0 3px;}
.__artroll .bx-pager .bx-pager-item a {
	display:block;
	width:14px;
	height:14px;
	background:#ccc;
	text-align:left;
	text-indent:-9999px;
	overflow:hidden;
	border-radius:7px;
	transition:0.3s;
}
.__artroll .bx-pager .bx-pager-item a.active {background:#fb7a2c;width:30px;}

.__artroll .bx-controls-direction a {
	position:absolute;
	top:50%;
	margin-top:-48px;
	height:50px;
	display:block;
	text-align:left;
	color:#bbb;
	font-size:0;
	position:absolute;
	text-indent:-9999px;
	line-height:0;
	transition:0.5s;
}
.__artroll  .bx-controls-direction a:after {font-family:axicon;display:block;text-indent:0;text-align:center;font-size:50px;line-height:50px;}
.__artroll  .bx-controls-direction .bx-prev {left:-50px;}
.__artroll  .bx-controls-direction .bx-next {right:-50px;}
.__artroll  .bx-controls-direction .bx-prev:after {content:"\f1b0";}
.__artroll  .bx-controls-direction .bx-next:after {content:"\f1b1";}

@media all and (max-width:1280px){
	.__artroll  .bx-controls-direction .bx-prev {left:0;}
	.__artroll  .bx-controls-direction .bx-next {right:0;}
}
@media all and (max-width:1000px){
	.__artroll {margin:0 -5px;}
	.__artroll .box .in {margin:0 5px;}
	.__artroll .box .in span {padding:5px;font-size:13px;}

	.__artroll .bx-pager {margin-top:20px;}
	
	.__artroll .bx-pager .bx-pager-item {margin:0 2px;}
	.__artroll .bx-pager .bx-pager-item a {width:12px;height:12px;border-radius:6px;}
	.__artroll .bx-pager .bx-pager-item .active {width:20px;}
	.__artroll  .bx-controls-direction a {display:none;}
}

.__cata {margin:0 -15px;font-size:0;}
.__cata .box {display:inline-block;box-sizing:border-box;padding:0 15px;width:25%;}
.__cata .box:nth-child(n+5) {margin-top:30px;}
.__cata .box a {display:block;}
.__cata .box a > * {display:block;}
.__cata .box a .img {text-align:center;}
.__cata .box a .img img {box-shadow:5px 5px 5px rgba(0,0,0,0.15);}
.__cata .box a .down {text-align:right;margin-top:15px;font-size:18px;font-weight:bold;color:#fff;}
.__cata .box a .down > * {display:inline-block;vertical-align:middle;}
.__cata .box a .down img {margin-left:5px;}

@media all and (max-width:1000px){
	.__cata {margin:0 -5px;}
	.__cata .box {width:50%;padding:0 5px;}
	.__cata .box:nth-child(n+3) {margin-top:25px;}
	.__cata .box a .down {margin-top:10px;font-size:14px;}
	.__cata .box a .down img {margin-left:3px;width:15px;}
}


#footer .copy a {display:inline-block;font-size:10px;height:19px;line-height:19px;color:#4b4b4b;background:#fff;padding:0 5px;letter-spacing:0;margin-left:10px;}

@media all and (max-width:1000px){
	#footer .copy a {height:19px;line-height:19px;padding:0 5px;letter-spacing:0;margin:5px 0 5px 5px;}
}

@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){
	
}

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