@charset "utf-8";

.board-wrap .gallery-list {margin-bottom:0;}
.board-paging {margin-top:30px !important;}
.board-paging li.on>a, .board-paging li:hover>a {background-color:#fff;border-color:#000;color:#000;}
.basic-board-list thead th, .webzine-board-list thead th,
.basic-board-list td, .webzine-board-list td,
.basic-board-list tbody td.board-subject a {font-size:16px;}
.board-wrap .webzine-board-list tbody tr td.board-subject div strong {font-size:18px;color:#000;}
.board-wrap .webzine-board-list tbody tr td.board-subject div span {font-size:16px;}

.basic-board-list thead th, .webzine-board-list thead th {background:none;}


.board-wrap .category-tab ul {border-top:1px solid #ddd;border-top:1px solid #ddd;font-size:0;text-align:center;}
.board-wrap .category-tab ul li {display:inline-block;margin:0;}
.board-wrap .category-tab ul li a {display:block;font-size:18px;padding:0 20px;font-family:'Maven Pro','NanumBarunGothic',sans-serif;}
.board-wrap .category-tab ul li.on a {color:#be1521;line-height:50px;}
.board-wrap .category-tab ul li.on a:before {display:none;}


@media all and (max-width:1000px){
	.board-wrap {padding:0;}
	.board-wrap .board-paging {margin-top:30px;}
	.basic-board-list thead th, .webzine-board-list thead th,
	.basic-board-list td, .webzine-board-list td,
	.basic-board-list tbody td.board-subject a {font-size:12px;}
	.board-wrap .webzine-board-list tbody tr td.board-subject div strong {font-size:14px;color:#000;}
	.board-wrap .webzine-board-list tbody tr td.board-subject div span {font-size:12px;}
}

@media all and (min-width:1001px){
}
@media all and (max-width:1000px){
	.board-wrap {padding:0;}
	.basic-board-row col:first-child {width:100px !important;}
	.basic-board-row tr th {padding:5px;width:80px;}
	.basic-board-row tr td {padding:5px;font-size:12px;}

	
	.board-wrap .category-tab ul li a {font-size:12px;padding:0 10px;}
	.board-wrap .category-tab ul li.on a {line-height:35px;}
}

img {max-width:100%;}

#wrap {overflow:hidden;}

#header {position:fixed;left:0;top:0;width:100%;box-sizing:border-box;z-index:200;/* background:rgba(0,0,0,0.5) */;background:#222;padding:0 50px;overflow:hidden;font-size:0;height:90px;transition:0.5s;}
#header:before {content:"";display:block;position:absolute;left:0;top:90px;height:55px;width:100%;z-index:0;background:rgba(0,0,0,0.85);}
#header .inner {position:relative;height:90px;text-align:center;padding:0 140px 0 179px;z-index:10;}
#header .logo {position:absolute;left:0;top:34px;}
#header .logo a {display:block;text-indent:-9999px;background:url(../images/logo.png) no-repeat 0 50%;background-size:contain;width:179px;height:29px;}
#header .pop {position:absolute;right:-50px;top:0;width:95px;height:90px;background:#be1521;color:#fff;font-size:17px;border:none;font-family:'Maven Pro',sans-serif;}
#header .menu {width:90px;height:90px;border:none;background:none;position:absolute;right:45px;top:0;}
#header .gnb {display:inline-block;font-family:'Maven Pro',sans-serif;white-space:nowrap;}
#header .gnb > li {display:inline-block;vertical-align:top;box-sizing:border-box;position:relative;}
#header .gnb > li > a {display:block;height:90px;line-height:90px;color:#fff;font-size:18px;padding:0 65px;font-weight:500;transition:0.3s;}
#header .gnb li ul {position:absolute;left:50%;top:100%;width:1000px;margin-left:-500px;display:none;}
#header .gnb li ul li {display:inline-block;vertical-align:top;}
#header .gnb li ul li a {display:block;height:55px;line-height:55px;color:#fff;font-size:18px;color:#7e7e7e;padding:0 30px;font-weight:500;transition:0.3s;}
#header .gnb > li:hover > a,
#header .gnb > li.active > a {color:#be1521;}
#header .gnb li ul li:hover a,
#header .gnb li ul li.active a {color:#fff;}
#header .gnb li:hover ul {display:block;animation:fadeInUp 0.3s;}

.gnb-on #header {height:145px;}

@media all and (max-width:1600px){
	#header {padding:0 10px;}
	#header .inner {padding:0 185px 0 179px;z-index:10;}
	#header .pop {right:-10px;}
	#header .menu {right:85px;}
	#header .gnb > li > a {padding:0 40px;}
}

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

@media all and (min-width:1001px){
	/* #header .gnb > li:nth-child(6) {display:none;} */
}
@media all and (max-width:1000px){
	#header {background:#fff;height:50px;box-shadow:0 1px 1px rgba(0,0,0,0.15);}
	#header .inner {height:50px;}
	#header .gnb {display:none;}
	#header .logo {top:50%;margin-top:-10px;}
	#header .logo a {width:130px;height:20px;background-image:url(../images/logo2.png);}
	#header .pop {width:50px;height:50px;font-size:12px;}
	#header .menu {width:50px;height:50px;background:#202020;right:40px;}
}


@media all and (min-width:1001px){
	#nav {position:fixed;left:0;top:0;z-index:1000;width:100%;height:0;overflow:hidden;transition-delay:0.5s;box-sizing:border-box;padding:0 40px;text-align:center;font-size:0;white-space:nowrap;}
	#nav:after {content:'';display:inline-block;width:0;height:100%;vertical-align:middle;}
	#nav .bg {position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;background:rgba(0,0,0,0.8);transition:0.5s;opacity:0;}
	#nav .inner {text-align:center;transition:0.5s;opacity:0;display:inline-block;vertical-align:middle;position:relative;z-index:100;max-width:100%;white-space:normal;box-sizing:border-box;transform:translate3d(0,-30px,0);}
	#nav .close {position:absolute;width:50px;height:50px;right:-20px;top:-20px;color:#fff;border:none;background:none;font-size:35px;}
	#nav .gnb {font-family:'Maven Pro',sans-serif;}
	#nav .gnb > li {display:inline-block;vertical-align:top;margin:20px 0;}
	#nav .gnb > li > a {display:block;font-size:35px;color:#fff;padding:0 55px;}
	#nav .gnb > li.active > a {/* color:#ff4800; */}
	#nav .gnb li ul {margin-top:45px;}
	#nav .gnb li ul li a {padding:12px 0;display:block;font-size:24px;color:#a6a6a6;}
	#nav .gnb li ul li:hover > a,
	#nav .gnb li ul li.active > a {/* color:#a90404;text-decoration:underline; */}

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

@media all and (max-width:1000px){
	#nav {position:fixed;left:0;top:0;z-index:1000;left:0;top:0;width:100%;height:0;overflow:hidden;transition-delay:0.5s;box-sizing:border-box;padding-right:40px;}
	#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:50%;min-width:300px;position:absolute;transform:translate3d(30px,0,0);top:0;right:0;height:100%;overflow:auto;z-index:10;background:#fff;transition:0.5s;opacity:0;padding-top:70px;}
	#nav .close {position:absolute;right:10px;top:15px;width:40px;height:40px;font-size:0;border:none;background:none;color:#000;z-index:10;}
	#nav .close i {font-size:24px;}
	#nav .gnb {font-family:'Maven Pro',sans-serif;border-top:1px solid #ddd;}
	#nav .gnb > li {border-bottom:1px solid #ddd;position:relative;}
	#nav .gnb > li > a {display:block;padding:15px;font-size:20px;font-weight:normal;color:#333;position:relative;}
	#nav .gnb > li > em {display:block;position:absolute;right:0;width:50px;height:50px;line-height:50px;top:1.5px;font-size:18px;color:#000;text-align:center;z-index:20;}
	#nav .gnb > li > em:before {content:"\e114";font-family:axicon;}
	#nav .gnb > li > a:before {
		content:'\f105';
		font-family:axicon;
		position:absolute;
		right:55px;
		line-height:1em;
		top:50%;
		margin-top:-10px;
	}
	#nav .gnb > li.active > em:before {content:"\e115";}
	#nav .gnb > li.active > a {color:#ce0303;}
	/* #nav .gnb > li.active > a:before {content:'\f106';color:#333;} */
	#nav .gnb li.active > ul {display:block;}
	#nav .gnb li ul {background:#f3f3f3;padding:15px 0;border-top:1px solid #ddd;display:none;}
	#nav .gnb li ul li:first-child {border-top:none;}
	#nav .gnb li ul li a {padding:5px 15px;display:block;font-size:18px;color:#888;}
	#nav .gnb li ul li.active > a {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:1000px){
	#header {height:50px;box-shadow:0 1px 1px rgba(0,0,0,0.1);padding:0 10px;position:fixed;}
	#header .logo {left:0;top:50%;width:80px;margin-top:-10.5px;}
	#header .one {display:none;}
	#header .inner {height:50px;padding:0;}
	#header .gnb {display:none;}
	#header .lang {display:none;}
	#header .menu {display:block;}
}


#popzone {position:fixed;left:0;top:0;width:100%;z-index:1000;background:rgba(0,0,0,0.85);visibility:hidden;opacity:0;transition:0.5s;transform:translate3d(0,-30px,0);}
#popzone .tit {border-bottom:1px solid rgba(255,255,255,0.3);padding:105px 40px 20px;}
#popzone .tit .inner {max-width:1480px;margin:0 auto;position:relative;}
#popzone .tit h3 {font-family:'Maven Pro',sans-serif;color:#fff;font-size:40px;font-weight:500;}
#popzone .tit .close {position:absolute;right:0;top:0;border:none;background:none;font-size:35px;color:#fff;}
#popzone .area {padding:80px 0 100px;font-size:0;max-width:1640px;margin:0 auto;}
#popzone .area .wrap {padding:0 70px;position:relative;}
#popzone .area .box {display:inline-block;box-sizing:border-box;width:25%;padding:0 15px;}
#popzone .area .box a {display:block;position:relative;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}
#popzone .area .box a img {visibility:hidden;width:100%;}
#popzone .area .box a .ov {display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.8);text-align:center;transition:0.3s;opacity:0;}
#popzone .area .box a .ov:after {content:'';display:inline-block;width:0;height:100%;vertical-align:middle;}
#popzone .area .box a .ov em {
	display:inline-block;
	vertical-align:middle;
	width:130px;
	height:44px;
	line-height:44px;
	background:#e8e8e8;
	color:#222;
	font-size:16px;
	font-weight:600;
	transform:translate3d(0,10px,0);
	transition:0.5s;
	opacity:0;
	transition-delay:0.3s;
}
#popzone .area .box a:hover .ov {opacity:1;}
#popzone .area .box a:hover .ov em {opacity:1;transform:translate3d(0,0,0);}

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

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

@media all and (max-width:1000px){
	#popzone .tit {padding:60px 20px 15px;}
	#popzone .tit h3 {font-size:30px;}
	#popzone .tit .close {font-size:35px;}
	#popzone .area {padding:50px 0;}
	#popzone .area .wrap {padding:0 50px;}
	#popzone .area .box {padding:0 10px;}
	#popzone .area .box a .ov em {width:110px;height:40px;line-height:40px;font-size:14px;}


}
@media all and (max-width:768px){
	#popzone .tit {padding:40px 15px 15px;}
	#popzone .tit h3 {font-size:25px;}
	#popzone .tit .close {font-size:25px;}
	#popzone .area {padding:30px 0;}
	#popzone .area .wrap {padding:0 40px;}
	#popzone .area .box {padding:0 5px;}
	#popzone .area .box a .ov em {width:90px;height:30px;line-height:30px;font-size:13px;}
}


#vis,
#vis .vis {height:100vh;position:relative;overflow:hidden;box-sizing:border-box;}
#vis .vis {background-repeat:no-repeat;background-position:50% 50%;background-size:cover;background-attachment:fixed;padding:0 20px;text-align:center;font-size:0;font-family:'Noto Sans KR',sans-serif;}
#vis .vis:after {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
#vis .vis .txt {display:inline-block;vertical-align:middle;color:#fff;}
#vis .vis .txt dt {font-size:64px;font-weight:100;line-height:1.3em;opacity:0;transform:scale(1.1);transition:1.5s;}
#vis .vis .txt dd {font-size:56px;line-height:1.3em;opacity:0;transform:scale(1.1);transition:1.5s;transition-delay:0.5s;font-weight:300;}
#vis .vis1 {background-image:url(../images/vis2.jpg);}
#vis .vis2 {background-image:url(../images/vis1.jpg);}
/* #vis .vis3 {background-image:url(../images/vis3.jpg);} */
#vis .vis.active .txt dt {opacity:1;transform:scale(1);}
#vis .vis.active .txt dd {opacity:1;transform:scale(1);}
.__mouse {display:block;position:absolute;width:20px;height:52px;left:50%;margin-left:-10px;background:url(../images/mouse.png) no-repeat 50% 0;bottom:40px;animation:mouse 1s ease infinite;z-index:100;cursor:pointer;}
.__mouse.black {background-image:url(../images/mouse2.png);}

@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:1200px){
	#vis .vis {background-attachment:scroll;}
}

@media all and (max-width:1000px){
	.sub .__mouse {display:none;}

	#vis .vis {background-attachment:scroll;}
	#vis .vis .txt dt {font-size:50px;}
	#vis .vis .txt dd {font-size:48px;}
	#vis .vis1 {background-image:url(../images/vis2-t.jpg);}
	#vis .vis2 {background-image:url(../images/vis1-t.jpg);}
}

@media all and (max-width:768px){
	#vis .vis1 {background-image:url(../images/vis2-m.jpg);}
	#vis .vis2 {background-image:url(../images/vis1-m.jpg);}
	#vis .vis .txt dt {font-size:25px;}
	#vis .vis .txt dd {font-size:24px;}
	
	.__mouse {width:14px;height:30px;left:50%;margin-left:-7px;background-size:contain;bottom:20px;}
}


#pager {position:fixed;z-index:210;right:50px;top:50%;transform:translate(0,-50%);}
#pager a {display:block;box-sizing:border-box;width:12px;height:12px;border:1px solid rgba(255,255,255,0.5);transition:0.3s;border-radius:50%;background:rgba(0,0,0,0.2);}
#pager a ~ a {margin-top:20px;}
#pager .active {background:#be1521;border-color:#be1521;}

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

#brand {height:100vh;position:relative;box-sizing:border-box;overflow:hidden;padding:85px 10px 0;}
#brand .area {position:absolute;left:0;bottom:0;width:100%;height:calc(100vh - 310px);}
#brand .area:after {content:"";display:block;clear:both;}
#brand .area .box {box-sizing:border-box;width:33.33333%;float:left;height:100%;position:relative;}
#brand .area .box .top {position:absolute;left:0;bottom:100%;width:100%;height:105px;border:1px solid #ddd;border-right:none;font-size:0;text-align:center;transition:0.5s;}
#brand .area .box .top:after {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
#brand .area .box .top span {display:inline-block;vertical-align:middle;position:relative;}
#brand .area .box .top span img {transition:0.5s;}
#brand .area .box .top span .on {position:absolute;left:0;top:0;opacity:0;}
#brand .area .box:first-child .top {border-left:none;}
#brand .area .bot {text-align:center;height:100%;font-size:0;position:relative;overflow:hidden;}
#brand .area .bot:after {
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	box-sizing:border-box;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:cover;
	transition:3s;
}
#brand .area .box1 .bot:after {background-image:url(../images/m-brand1.jpg);}
#brand .area .box2 .bot:after {background-image:url(../images/m-brand2.jpg);}
#brand .area .box3 .bot:after {background-image:url(../images/m-brand3.jpg);}
#brand .area .bot .ov {position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.7);text-align:center;font-size:0;white-space:nowrap;z-index:10;transition:1s;opacity:0;}
#brand .area .bot .ov:after {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
#brand .area .bot .ov .txt {display:inline-block;vertical-align:middle;max-width:100%;box-sizing:border-box;padding:0 20px;white-space:normal;color:#fff;}
#brand .area .bot .ov .txt dl dt {font-size:34px;color:#fff;font-family:'Maven Pro',sans-serif;font-weight:bold;}
#brand .area .bot .ov .txt dl dd {font-size:20px;font-weight:300;color:#fff;line-height:1.5em;margin:35px 0 45px;}
#brand .area .bot .ov .txt ul li {display:inline-block;vertical-align:top;box-sizing:border-box;padding:0 10px;}
#brand .area .bot .ov .txt ul li a {display:block;box-sizing:border-box;width:135px;height:40px;line-height:38px;border:1px solid #fff;color:#fff;font-size:15px;}
#brand .area .box:hover .top {height:130px;background:#be1521;border-color:#be1521;}
#brand .area .box:hover .top span .off {opacity:0;}
#brand .area .box:hover .top span .on {opacity:1;}
#brand .area .box:hover .bot .ov {opacity:1;}
#brand .area .box:hover .bot:after {transform:scale(1.1);}


@media all and (max-width:1000px){
	#brand {padding:50px 10px 420px;height:auto;}
	#brand .area {height:320px;}
	#brand .area .box .top {height:95px !important;}
	#brand .area .bot .ov {background:none;opacity:1;}
	#brand .area .bot .ov .txt {padding:0 10px;}
	#brand .area .bot .ov .txt dl {display:none;}
	#brand .area .bot .ov .txt ul li {display:block;vertical-align:top;box-sizing:border-box;padding:0 10px;}
	#brand .area .bot .ov .txt ul li ~ li {margin-top:10px;}
	#brand .area .bot .ov .txt ul li a {width:135px;height:40px;line-height:38px;font-size:15px;color:#fff;border-color:#2c2c2c;background:#2c2c2c;}
	#brand .area .bot .ov .txt ul li:first-child a {border-color:#be1521;background:#be1521;}
	#brand .area .box:hover .top {background:inherit;border-color:#ddd;}
	#brand .area .box:hover .top span .off {opacity:1;}
	#brand .area .box:hover .top span .on {opacity:0;}
}

@media all and (max-width:768px){
	#brand {padding:30px 10px;height:auto;}
	#brand .area {height:auto;position:relative;}
	#brand .area .box {width:100%;height:0;padding-top:100%;overflow:hidden;}
	#brand .area .box ~ .box {margin-top:10px;}
	#brand .area .box .top {height:auto !important;border:none !important;position:absolute;left:0;bottom:50%;width:100%;z-index:100;text-align:center;}
	#brand .area .box .top span {display:block;width:100%;}
	#brand .area .box .top .off {display:none;}
	#brand .area .box .top .on {opacity:1 !important;position:relative !important;width:90px;}
	#brand .area .box .bot {position:static;}
	#brand .area .bot .ov {top:50%;height:auto;margin-top:15px;}
	#brand .area .bot .ov .txt ul li {display:inline-block;padding:0 5px;}
	#brand .area .bot .ov .txt ul li ~ li {margin-top:0;}
	#brand .area .bot .ov .txt ul li a {width:100px;height:30px;line-height:28px;font-size:13px;}
}

#board {background:url(../images/brand-bg.jpg) no-repeat 50% 50%;background-size:cover;background-attachment:fixed;padding-right:40px;}
#board .sec > div {box-sizing:border-box;float:right;position:relative;}
#board .sec .news {width:33.33333%;margin-top:25px;float:left;}
#board .sec .news .tit {position:relative;}
#board .sec .news .tit h3 {font-family:'Maven Pro',sans-serif;font-size:50px;font-weight:500;color:#333;}
#board .sec .news .tit a {display:block;position:absolute;right:0;top:0;font-size:40px;color:#333;}
#board .sec .news .area {margin-top:35px;}
#board .sec .news .area .box {position:relative;padding-left:110px;}
#board .sec .news .area .box ~ .box {margin-top:40px;}
#board .sec .news .area .box .date {position:absolute;left:0;top:0;width:93px;height:85px;font-size:0;white-space:nowrap;background:#e7e7e7;text-align:center;}
#board .sec .news .area .box .date:after {content:'';display:inline-block;width:0;height:100%;vertical-align:middle;}
#board .sec .news .area .box .date dl {display:inline-block;vertical-align:middle;white-space:normal;max-width:100%;font-family:Roboto,sans-serif;}
#board .sec .news .area .box .date dl dt {font-size:16px;}
#board .sec .news .area .box .date dl dd {font-size:35px;color:#333;font-weight:bold;}
#board .sec .news .area .box .info {padding-top:5px;}
#board .sec .news .area .box .info dl dt a {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px;color:#333;font-weight:600;}
#board .sec .news .area .box .info dl dd {font-size:16px;line-height:1.5em;height:3em;margin-top:10px;overflow:hidden;}
#board .sec .news .area .box:nth-child(4) {display:none;}
#board .sec .pic {width:39%;padding:0 45px 0 70px;}
#board .sec .pic.t {display:none;}
#board .sec .people {width:27.66666%;}
#board .sec .people .info {padding:60px 0 0 20px;}
#board .sec .people .info dl dt {font-family:'Maven Pro',sans-serif;font-size:50px;font-weight:500;color:#333;}
#board .sec .people .info dl dd {font-size:18px;line-height:1.6em;margin:35px 0 30px;}
#board .sec .people .info p a {display:inline-block;box-sizing:border-box;height:46px;line-height:46px;color:#fff;background:#2f2f2f;font-size:16px;font-family:'Maven Pro',sans-serif;padding:0 40px;}

@media all and (max-width:1000px){
	#board {padding-right:0;}
	#board .sec {margin:0 -10px;}
	#board .sec .news {width:100%;margin-top:30px;box-sizing:border-box;padding:0 10px;}
	#board .sec .news .tit h3 {font-family:'Maven Pro',sans-serif;font-size:50px;}
	#board .sec .news .tit a {font-size:40px;}
	#board .sec .news .area {margin-top:30px;}
	#board .sec .news .area:after {content:'';display:block;clear:both;}
	#board .sec .news .area .box {padding-left:100px;padding-right:20px;box-sizing:border-box;width:50%;float:left;}
	#board .sec .news .area .box ~ .box {margin-top:0;}
	#board .sec .news .area .box:nth-child(n+3) {margin-top:30px;}
	#board .sec .news .area .box .date {width:83px;height:85px;}
	#board .sec .news .area .box .date dl dt {font-size:16px;}
	#board .sec .news .area .box .date dl dd {font-size:35px;}
	#board .sec .news .area .box .info {padding-top:5px;}
	#board .sec .news .area .box .info dl dt a {font-size:17px;}
	#board .sec .news .area .box .info dl dd {font-size:15px;line-height:1.5em;height:3em;margin-top:10px;}
	#board .sec .news .area .box:nth-child(4) {display:block;}
	#board .sec .pic {float:left;width:50%;padding:0 0 0 0;margin-top:0;}
	#board .sec .pic.p {display:none;}
	#board .sec .pic.t {display:block;}
	#board .sec .people {width:50%;float:left;padding-left:40px;}
	#board .sec .people .info {padding:30px 0 0 20px;}
	#board .sec .people .info dl dt {font-size:50px;}
	#board .sec .people .info dl dd {font-size:18px;margin:35px 0 30px;}
	#board .sec .people .info p a {height:46px;line-height:46px;font-size:16px;padding:0 40px;}
}

@media all and (max-width:768px){
	#board .sec {margin:0 -10px;font-size:0;}
	#board .sec > div {;vertical-align:bottom;}
	#board .sec .news {float:none;margin-top:30px;padding:0 10px;}
	#board .sec .news .tit {text-align:center;}
	#board .sec .news .tit h3 {font-size:30px;}
	#board .sec .news .tit a {font-size:20px;top:5px;}
	#board .sec .news .area {margin-top:20px;}
	#board .sec .news .area .box {padding-left:65px;padding-right:0;width:100%;border-bottom:1px solid #ddd;padding-bottom:15px;margin-bottom:15px;}
	#board .sec .news .area .box:last-child {padding-bottom:0;border-bottom:0;border-bottom:none;}
	#board .sec .news .area .box:nth-child(n+3) {margin-top:0;}
	#board .sec .news .area .box .date {width:55px;height:50px;}
	#board .sec .news .area .box .date dl dt {font-size:11px;}
	#board .sec .news .area .box .date dl dd {font-size:20px;}
	#board .sec .news .area .box .info {padding-top:5px;}
	#board .sec .news .area .box .info dl dt a {font-size:14px;}
	#board .sec .news .area .box .info dl dd {font-size:13px;line-height:1.5em;height:1.5em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:5px;}
	#board .sec .pic {float:none;width:50%;padding:0;margin-top:0;}
	#board .sec .pic.t {display:inline-block;}
	#board .sec .people {display:inline-block;width:50%;float:none;padding-left:20px;padding-bottom:10px;}
	#board .sec .people .info {padding:20px 0 0 10px;}
	#board .sec .people .info dl dt {font-size:30px;}
	#board .sec .people .info dl dd {font-size:13px;margin:15px 0 10px;}
	#board .sec .people .info dl dd br {display:none;}
	#board .sec .people .info p a {height:40px;line-height:40px;font-size:13px;padding:0 20px;}
}


#sns .tab {text-align:center;font-size:0;margin-bottom:25px;}
#sns .tab button {box-sizing:border-box;vertical-align:top;height:40px;border:none;border-radius:20px;background:#e6e6e6;font-size:18px;font-family:'Maven Pro',sans-serif;padding:0 15px;margin:0 4px;}
#sns .tab button.active {background:#be1521;color:#fff;}
#sns .area {font-size:0;margin:0 -7px;}
#sns .area .box {display:inline-block;box-sizing:border-box;width:20%;padding:7px;}
#sns .area .box a {display:block;position:relative;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}
#sns .area .box a img {width:100%;display:block;}

@media all and (max-width:1000px){
	#sns .tab {margin-bottom:20px;}
	#sns .tab button {height:40px;border-radius:20px;font-size:18px;padding:0 15px;margin:0 4px;}
	#sns .area {margin:0 -7px;}
	#sns .area .box {padding:7px;}
}

@media all and (max-width:768px){
	#sns .tab {margin-bottom:15px;}
	#sns .tab button {height:28px;border-radius:14px;font-size:12px;padding:0 5px;margin:0 2px;}
	#sns .area {margin:0 -3px;}
	#sns .area .box {padding:3px;}
}


#gotop {position:fixed;right:30px;bottom:30px;width:55px;height:55px;text-indent:-9999px;background:url(../images/gotop.gif) no-repeat;background-size:100% 100%;border:none;transition:0.5s;transform:translate3d(0,20px,0);opacity:0;z-index:250;}
#gotop.active {transform:translate3d(0,0,0);opacity:1;}

#footer {background:#242424;padding:65px 10px;}
#footer .inner {max-width:1640px;margin:0 auto;position:relative;padding-left:310px;}
#footer h2 {position:absolute;left:0;top:50%;margin-top:-12.5px;width:165px;}
#footer p {font-size:14px;}
#footer p a {color:#9c9c9c;}
#footer .info address {font-size:14px;color:#9c9c9c;line-height:1.6em;color:#9c9c9c;}
#footer .info address span {margin-right:20px;display:inline-block;}
#footer .info .copy {font-size:14px;color:#6f6f6f;margin-top:20px;}

@media all and (max-width:1000px){
	#footer {padding:30px 10px;text-align:center;}
	#footer .inner {padding-left:0;}
	#footer h2 {position:relative;top:0;margin-top:0;width:auto;margin-bottom:15px;}
	#footer h2 img {width:120px;}
	#footer .info address {font-size:13px;line-height:1.6em;}
	#footer .info address span {margin:0 5px;}
	#footer .info .copy {font-size:13px;margin-top:15px;}
}

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

	#footer {padding:25px 10px;}
	#footer h2 img {width:110px;}
	#footer .info address {font-size:12px;}
	#footer .info address br {display:none;}
	#footer .info .copy {font-size:12px;margin-top:15px;}
}



#svis {font-size:0;text-align:center;height:100vh;color:#fff;background:url(../images/svis11.jpg) no-repeat 50% 0;background-attachment:fixed;background-size:cover;}
#svis:after {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
#svis .inner {display:inline-block;vertical-align:middle;}
#svis dl dt {font-size:60px;font-weight:100;}
#svis dl dd {margin-top:10px;}
#svis p {font-size:20px;font-weight:300;line-height:1.4em;margin-top:45px;}

#sj {background:url(../images/sj-bg.jpg) no-repeat 50% 0;background-size:cover;padding:0 10px 50px;position:relative;text-align:center;}
#sj .inner {background:#fff;padding:70px 0 80px;position:relative;top:-70px;max-width:1640px;margin:0 auto;}
#sj dl dt {font-size:70px;font-family:'Maven Pro',sans-serif;color:#000;font-weight:500;}
#sj dl dt span {color:#c00101;}
#sj dl dd {font-size:40px;font-weight:300;margin-top:10px;}
#sj ul {margin-top:60px;font-size:0;}
#sj ul li {display:inline-block;box-sizing:border-box;width:33.33333%;padding:0 10px;vertical-align:top;}
#sj ul li .img {position:relative;z-index:20;}
#sj ul li .txt {margin-top:25px;position:relative;}
#sj ul li .txt em {position:absolute;left:0;bottom:-30px;font-size:160px;color:#f9f9f9;font-style:italic;font-weight:900;font-family:'Nanum Myeongjo',serif;line-height:1em;}
#sj ul li .txt span {display:block;font-size:20px;line-height:1.4em;position:relative;z-index:10;}

.__about {background:#fcfdfc;padding:150px 10px;}
.__about .inner {max-width:1300px;margin:0 auto;}
.__about .inner:after {content:"";display:block;clear:both;}
.__about .inner > * {float:left;width:50%;box-sizing:border-box;}
.__about .info {padding-right:20px;text-align:center;padding-top:50px;}
.__about .info dl dt {}
.__about .info dl dd {font-size:34px;color:#000;margin-top:10px;}
.__about .info p {font-size:20px;font-weight:300;line-height:1.7em;position:relative;padding-top:75px;margin-top:40px;}
.__about .info p:before {content:"";display:block;width:1px;position:absolute;left:50%;top:0;height:40px;background:#000;}
.__about .img {padding-left:20px;text-align:right;}

@media all and (max-width:768px){
	#svis {background-attachment:scroll;}
	#svis dl dt {font-size:30px;}
	#svis dl dd img {width:300px;}
	#svis p {font-size:15px;margin-top:20px;}

	#sj {padding:0 10px 0;}
	#sj .inner {padding:20px 0;position:relative;top:-20px;}
	#sj dl dt {font-size:30px;}
	#sj dl dd {font-size:15px;margin-top:10px;font-weight:normal;}
	#sj ul {margin:20px 10px 0;}
	#sj ul li {width:33.33333%;padding:0 5px;vertical-align:top;}
	#sj ul li .txt {margin-top:15px;position:relative;}
	#sj ul li .txt em {bottom:auto;top:0;font-size:50px;}
	#sj ul li .txt span {font-size:11px;}
	
	.__about {padding:60px 10px;}
	.__about .inner > * {float:none;width:100%;padding:0 !important;}
	.__about .info {padding-top:0;}
	.__about .info dl dt {}
	.__about .info dl dd {font-size:16px;margin-top:7px;}
	.__about .info p {font-size:13px;line-height:1.6em;padding-top:40px;margin-top:20px;}
	.__about .info p:before {height:20px;}
	.__about .img {margin-top:30px;text-align:center;}

}


#bmain {position:relative;}
#bmain .wrap {max-width:1640px;margin:0 auto;position:relative;font-size:0;}
#bmain .area {margin:0 -13px;}
#bmain .area .box {display:inline-block;vertical-align:top;box-sizing:border-box;padding:0 13px;width:33.33333%;}
/* 4개로 구분하면 25% 3개로 구분시 33.33333% #bmain .area .box {display:inline-block;vertical-align:top;box-sizing:border-box;padding:0 13px;width:25%;} */
@media all and (max-width:1000px){
	#bmain {padding-top:50px;}
}

@media all and (max-width:768px){
	#bmain .area {margin:0 -5px;}
	#bmain .area .box {padding:0 5px;}
}

#bsub .area {background-repeat:no-repeat;background-position:50% 50%;background-attachment:fixed;background-size:cover;text-align:center;font-size:0;}
#bsub .area1 {background-image:url(../images/bsub-bg1.jpg);}
#bsub .area2 {background-image:url(../images/bsub-bg2.jpg);}
#bsub .area3 {background-image:url(../images/bsub-bg3.jpg);}
#bsub .area .box {display:inline-block;width:560px;height:560px;background:rgba(255,255,255,0.75);}
#bsub .area .box:after {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
#bsub .area .box .in {display:inline-block;vertical-align:middle;max-width:100%;box-sizing:border-box;}
#bsub .area .box dl dt {margin:30px 0;font-size:18px;line-height:1.6em;color:#000;}
#bsub .area .box dl dd a {display:inline-block;box-sizing:border-box;width:184px;height:46px;line-height:46px;color:#fff;background:#2f2f2f;font-family:'Maven Pro',sans-serif;font-size:16px;}

@media all and (max-width:1200px){
	#bsub .area {background-attachment:scroll;}
}

@media all and (max-width:768px){
	#bsub .area .box {width:100%;box-sizing:border-box;height:auto;padding:20px;}
	#bsub .area .box h3 img {width:140px;}
	#bsub .area .box dl dt {margin:15px 0;font-size:14px;line-height:1.5em;}
	#bsub .area .box dl dt br {display:none;}
	#bsub .area .box dl dd a {width:120px;height:34px;line-height:32px;font-size:13px;}
}




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

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





.__height {display:table;width:100%;overflow:hidden;}
.__height > .inner {display:table-cell;vertical-align:middle;height:100vh;box-sizing:border-box;padding:40px 10px;}
.__height > .inner > .sec {max-width:1640px;margin:0 auto;position:relative;}
.__height > .inner > .sec:after {content:"";display:block;clear:both;}


.__tit1 {margin-bottom:35px;text-align:center;}
.__tit1 h3 {font-family:'Maven Pro',NanumBarunGothic,sans-serif;font-size:50px;color:#222;line-height:1.2em;font-weight:500;}
.__tit1 p {font-size:17px;color:#777;margin-top:15px;}


@media all and (max-width:1000px){
	.__height {display:block;}
	.__height > .inner {display:block;height:auto;padding:30px 10px;}
}

@media all and (max-width:768px){
	.__tit1 {margin-bottom:20px;}
	.__tit1 h3 {font-size:30px;}
	.__tit1 p {font-size:13px;margin-top:7px;}

}











.__black {color:#000 !important;}

.__txt18 {font-size:18px;line-height:1.6em;}
.__txt24 {font-size:24px;line-height:1.6em;}
.__txt22 {font-size:22px;line-height:1.6em;}
.__txt16 {font-size:16px;line-height:1.6em;}

@media all and (max-width:1000px){
	.__txt24 {font-size:18px;line-height:1.5em;}
	.__txt22 {font-size:17px;line-height:1.5em;}
	.__txt18 {font-size:14px;line-height:1.5em;}
	.__txt16 {font-size:13px;line-height:1.5em;}
}

.__dotlist > li {position:relative;padding-left:0.8em;}
.__dotlist > li:before {content:"·";display:block;position:absolute;left:0;top:0;text-indent:0;}
.__dotlist > li ~ li {margin-top:0.25em;}
.__dotlist.hypen > li:before {content:"-";}


.__cssd .img {background:url(../images/sub11-1.jpg) no-repeat 50% 50%;background-size:cover;}
.__cssd .info {text-align:center;vertical-align:middle;background:#f15c22;height:260px;}
.__cssd .info dl {color:#fff;}
.__cssd .info dl dt {font-family:'Nanum Myeongjo',serif;font-size:48px;}
.__cssd .info dl dd {font-size:18px;margin-top:25px;line-height:1.5em;}

@media all and (max-width:1000px){
	.__cssd,
	.__cssd .tr,
	.__cssd .td {display:block;}
	.__cssd .img {height:100px;}
	.__cssd .info {height:auto;padding:30px 10px;}
	.__cssd .info dl dt {font-size:24px;}
	.__cssd .info dl dd {font-size:14px;margin-top:10px;}
}

.__vision {text-align:center;}
.__vision dl span {display:inline-block;}
.__vision dl dt {position:relative;}
.__vision dl dt:before {content:"\e97f";font-family:axicon;position:absolute;left:0;top:100%;color:#0366fc;text-align:center;width:100%;font-size:30px;line-height:1em;margin-top:-15px;z-index:10;}
.__vision dl dt span {border:2px dotted #b1b1b1;height:60px;line-height:60px;border-radius:32px;background:#f2f2f2;font-size:24px;color:#000;padding:0 75px;}
.__vision dl dd {margin-top:50px;position:relative;}
.__vision dl dd:before {content:"";display:block;position:absolute;left:50%;bottom:100%;height:50px;width:1px;background:#0093d0 ;}
.__vision dl dd span {background:#0093d0;height:52px;line-height:52px;border-radius:26px;padding:0 25px;color:#fff;font-size:18px;}

@media all and (max-width:1000px){
	.__vision {text-align:center;}
	.__vision dl dt:before {content:"\e97f";font-family:axicon;position:absolute;left:0;top:100%;color:#0366fc;text-align:center;width:100%;font-size:30px;line-height:1em;margin-top:-15px;z-index:10;}
	.__vision dl dt span {height:auto;line-height:1.4em;border-radius:10px;font-size:16px;padding:10px 15px;}
	.__vision dl dd {margin-top:20px;}
	.__vision dl dd:before {height:20px;}
	.__vision dl dd span {height:auto;line-height:1.4em;border-radius:10px;padding:10px 15px;font-size:14px;}

}

.__tbl1 {width:100%;border-top:2px solid #273baa;}
.__tbl1 tr > * {text-align:left;border-bottom:1px solid #ddd;font-size:15px;padding:27px;}
.__tbl1 tr th {background:#f9f9f9;border-right:1px solid #ddd;color:#000;}

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


.__tab {text-align:center;font-size:0;margin-bottom:60px;}
.__tab .area:after {content:"";display:block;clear:both;}
.__tab .area {margin-right:-2px;padding-left:1px;}
.__tab .area a {display:inline-block;margin-left:-1px;width:33.33333%;box-sizing:border-box;height:58px;border:1px solid #ddd;text-align:center;white-space:nowrap;color:#444;vertical-align:top;}
.__tab .area a:after {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
.__tab .area a span {white-space:normal;font-size:18px;display:inline-block;vertical-align:middle;}
.__tab .area .active {border-top:2px solid #f15c22;font-weight:bold;color:#f15c22;}

._tabbox {display:none;}
._tabbox.active {display:block;}

.__buarea:after {content:"";display:block;clear:both;}
.__buarea .box {float:left;width:50%;box-sizing:border-box;}
.__buarea .box:nth-child(odd) {padding-right:20px;clear:both;}
.__buarea .box:nth-child(even) {padding-left:20px;}
.__buarea .box:nth-child(n+3) {margin-top:60px;}

.__partner {font-size:0;margin:0 -4px;}
.__partner li {display:inline-block;width:25%;box-sizing:border-box;padding:0 4px;margin-bottom:20px;}

@media all and (max-width:1000px){
	.__tab {margin-bottom:20px;}
	.__tab .area a {height:40px;}
	.__tab .area a span {font-size:13px;}


	.__buarea .box {float:none;}
	.__buarea .box .img {text-align:center;}
	.__buarea .box {padding:0 !important;width:100% !important;}
	.__buarea .box ~ .box {margin-top:20px !important;}

	.__partner {margin:0 -2px;}
	.__partner li {width:33.33333%;padding:0 2px;margin-bottom:10px;}
}

.__loc #map1 {}
.__loc .bot {margin-top:40px;border-top:2px solid #000;border-bottom:1px solid #ddd;padding:10px 0;}
.__loc .bot table {width:100%;table-layout:fixed;;}
.__loc .bot table tr > * {box-sizing:border-box;padding:12px 0;}
.__loc .bot table th {width:200px;padding-left:25px;text-align:left;color:#000;font-size:20px;}
.__loc .bot table td {font-size:18px;}

@media all and (max-width:1000px){
	.__loc #map1 {height:250px !important;}
	.__loc .bot {margin-top:15px;padding:5px 0;}
	.__loc .bot table tr > * {padding:5px 0;}
	.__loc .bot table th {width:80px;padding-left:10px;font-size:12px;}
	.__loc .bot table th img {display:none;}
	.__loc .bot table td {font-size:12px;}
	
}


.__soc .top {overflow:hidden;}
.__soc .top .img {float:left;width:150px;}
.__soc .top .info {float:left;width:calc(100% - 150px);box-sizing:border-box;padding-left:25px;}
.__soc .top .info dl dt {font-size:22px;color:#000;font-weight:bold;}
.__soc .top .info dl dd {font-size:16px;margin-top:15px;line-height:1.5em;}
.__soc .bot {margin-top:40px;font-size:0;}
.__soc .bot ul {margin:0 -4px;}
.__soc .bot ul li {display:inline-block;vertical-align:top;box-sizing:border-box;width:25%;padding:0 4px;}
.__soc .box ~ .box {margin-top:50px;padding-top:50px;border-top:1px solid #ddd;}

@media all and (max-width:1000px){
	.__soc .top .img {width:80px;}
	.__soc .top .info {float:left;width:calc(100% - 80px);padding-left:10px;}
	.__soc .top .info dl dt {font-size:14px;}
	.__soc .top .info dl dd {font-size:12px;margin-top:5px;}
	.__soc .bot {margin-top:20px;}
	.__soc .bot ul {margin:0 -2px;}
	.__soc .bot ul li {width:50%;padding:0 2px;margin-bottom:4px;}
	.__soc .box ~ .box {margin-top:20px;padding-top:20px;}

}

.__orga {text-align:center;padding:0 50px 50px;position:relative;background:#f2f2f2;}
.__orga:before {content:"";display:block;position:absolute;left:0;top:0;width:100%;height:85px;background:#fff;}
.__orga img {display:inline-block;position:relative;z-index:10;}

.__cert {overflow:hidden;}
.__cert .img {float:left;width:61%;}
.__cert .info {float:right;width:39%;box-sizing:border-box;padding-left:50px;}
.__cert .info dl dt {font-size:30px;color:#0b6db8;line-height:1.3em;}
.__cert .info dl dd {font-size:16px;color:#878787;line-height:1.6em;margin-top:20px;}

@media all and (max-width:1000px){
	.__orga {padding:0 10px 10px;}
	.__orga:before {height:50px;}

	.__cert .img {float:none;width:100%;text-align:center;}
	.__cert .info {float:none;width:100%;margin-top:25px;padding-left:0;}
	.__cert .info dl dt {font-size:20px;}
	.__cert .info dl dd {font-size:14px;margin-top:10px;}
}


.__pdt .box:after {content:"";display:block;clear:both;}
.__pdt .box .img {float:left;width:36%;}
.__pdt .box .info {float:right;width:64%;box-sizing:border-box;padding-left:60px;}
.__pdt .box .info .top dt {font-size:14px;}
.__pdt .box .info .top dd {font-size:24px;color:#000;margin-top:5px;}
.__pdt .box .info .area {margin-top:20px;font-size:0;}
.__pdt .box .info .area dl ~ dl {margin-top:10px;}
.__pdt .box .info .area dl > * {display:inline-block;vertical-align:top;box-sizing:border-box;}
.__pdt .box .info .area dl dt {width:100px;height:25px;line-height:25px;border-radius:5px;background:#e5e5e5;font-size:12px;padding-left:15px;}
.__pdt .box .info .area dl dd {width:calc(100% - 100px);padding-left:20px;font-size:14px;line-height:1.5em;}
.__pdt .box .info .area dl dd ul {padding:1px 0 0 1px;margin-right:-3px;font-size:0;}
.__pdt .box .info .area dl dd ul li {text-align:center;height:50px;white-space:nowrap;width:25%;margin:-1px 0 0 -1px;border:1px solid #ddd;display:inline-block;vertical-align:top;}
.__pdt .box .info .area dl dd ul li:after {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
.__pdt .box .info .area dl dd ul li span {max-width:100%;box-sizing:border-box;padding:0 5px;font-size:12px;white-space:normal;display:inline-block;vertical-align:middle;}
.__pdt .box ~ .box {border-top:1px solid #ddd;margin-top:50px;padding-top:50px;}


.__history {position:relative;}
.__history:before {content:"";display:block;position:absolute;left:220px;top:26px;height:100%;width:1px;background:#ddd;}
.__history .box {position:relative;padding-left:240px;}
.__history .box h3 {position:absolute;left:0;top:0;font-size:60px;color:#dadada;line-height:1em;font-weight:bold;}
.__history .box h3:before {content:"";display:block;width:8px;height:8px;border-radius:50%;background:#f15c22;position:absolute;left:216px;top:50%;margin-top:-4px;}
.__history .box ul {padding-top:17px;}
.__history .box ul li:after {content:"";display:block;clear:both;}
.__history .box ul li > * {display:block;float:left;width:50%;line-height:1.5em;}
.__history .box ul li ~ li {margin-top:20px;}
.__history .box ul li strong {color:#2e2e2e;font-weight:bold;font-size:18px;}
.__history .box ul li span {font-size:16px;}

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

	.__history:before {display:none;}
	.__history .box {padding-left:0;}
	.__history .box h3 {position:relative;font-size:24px;padding-top:10px;}
	.__history .box h3:before {width:15px;height:2px;border-radius:0;left:0;top:0;margin-top:0;}
	.__history .box ul {padding-top:15px;}
	.__history .box ul li > * {width:100%;line-height:1.5em;}
	.__history .box ul li ~ li {margin-top:15px;}
	.__history .box ul li strong {font-size:14px;}
	.__history .box ul li span {font-size:12px;}

	
	.__pdt .box .img {float:none;text-align:center;width:100%;}
	.__pdt .box .info {float:none;width:100%;margin-top:15px;padding-left:0;}
	.__pdt .box .info .top dt {font-size:12px;}
	.__pdt .box .info .top dd {font-size:18px;}
	.__pdt .box .info .area {margin-top:15px;font-size:0;}
	.__pdt .box .info .area dl ~ dl {margin-top:10px;}
	.__pdt .box .info .area dl dt {width:80px;height:22px;line-height:22px;border-radius:3px;font-size:11px;padding-left:0;text-align:center;}
	.__pdt .box .info .area dl dd {width:calc(100% - 80px);padding-left:15px;font-size:12px;line-height:1.4em;}
	.__pdt .box .info .area dl dd ul li {height:40px;}
	.__pdt .box .info .area dl dd ul li span {font-size:11px;}
	.__pdt .box ~ .box {margin-top:15px;padding-top:15px;}

}


.__fac {font-size:0;margin:0 -13px;}
.__fac .box {display:inline-block;vertical-align:top;box-sizing:border-box;padding:0 13px;text-align:center;width:25%;position:relative;}
.__fac .box:nth-child(n+5) {margin-top:80px;}
.__fac .box .img {text-align:center;}
.__fac .box .info {margin-top:20px;}
.__fac .box .info .num {font-size:18px;font-weight:bold;color:#1c64d5;}
.__fac .box .info .subject {font-size:18px;font-weight:bold;color:#000;margin-top:3px;}
.__fac .box .info .sum {margin-top:10px;}
.__fac .box .info .sum > * {display:inline-block;vertical-align:middle;margin:2px 5px;font-size:14px;}
.__fac .box .info .sum span {border-radius:3px;height:23px;line-height:23px;padding:0 10px;color:#fff;background:#1c64d5;}
.__fac.type2 .box:nth-child(5) .info {position:absolute;left:0;top:100%;width:300%;}
.__fac.type2 .box:nth-child(6) .info,
.__fac.type2 .box:nth-child(7) .info {display:none;}


@media all and (max-width:1000px){
	.__fac {margin:0 -5px;}
	.__fac .box {padding:0 5px;width:50%;}
	.__fac .box:nth-child(n+3) {margin-top:20px;}
	.__fac .box .info {margin-top:10px;}
	.__fac .box .info .num {font-size:14px;}
	.__fac .box .info .subject {font-size:14px;}
	.__fac .box .info .sum {margin-top:5px;}
	.__fac .box .info .sum > * {margin:2px 3px;font-size:12px;}
	.__fac .box .info .sum span {height:20px;line-height:20px;padding:0 5px;}
	.__fac .box .info .sum em {line-height:1.3em;}
	.__fac.type2 .box:nth-child(5) .info {position:relative;top:auto;width:auto;}
	.__fac.type2 .box:nth-child(6) .info,
	.__fac.type2 .box:nth-child(7) .info {display:block;}
}


.__brandmain {background-repeat:no-repeat;background-position:50% 50%;background-size:cover;background-attachment:fixed;position:relative;}
.__brandmain.type1 {background-image:url(../images/hanu1-1.jpg);}
.__brandmain.type2 {background-image:url(../images/sub22-1-1.jpg);text-align:center;}
.__brandmain.type3 {background-image:url(../images/sub23-1-1.jpg);}
.__brandmain.type4 {background-image:url(../images/brand_title.jpg);}
.__brandmain .inner {padding-top:90px;}
.__brandmain h2 {position:absolute;left:140px;top:200px;}
.__brandmain h3 {color:#fff;text-align:center;font-size:40px;font-weight:300;line-height:1.4em;font-family:'NanumBarunGothic',sans-serif;}
.__brandmain p {display:none;}
.__brandmain dl dd {font-size:30px;line-height:1.5em;color:#fff;letter-spacing:0.02em;margin-top:55px;font-weight:300;}


@media all and (max-width:1200px){
	.__brandmain {background-attachment:scroll;}
}

@media all and (max-width:1024px){
	.__brandmain.type1 {background-image:url(../images/hanu-newvis.jpg);}
	
}

@media all and (max-width:1000px){
	.__brandmain {display:table;background-attachment:scroll;}
	
	.__brandmain.type2 {background-image:url(../images/sub22-1-1t.jpg);}
	.__brandmain .inner {display:table-cell;height:100vh;padding-top:50px;}
	.__brandmain h2 {display:none;}
	.__brandmain h3 {font-size:30px;line-height:1.4em;}
	.__brandmain p {display:block;text-align:center;margin-top:20px;}
	.__brandmain p img {width:160px;}
}

@media all and (max-width:768px){
	.__brandmain h3 {font-size:20px;}
	.__brandmain h3 br {display:none;}
	.__brandmain p {margin-top:15px;}
	.__brandmain p img {width:110px;}
	
.__brandmain dl dt img {width:200px;}
.__brandmain dl dd {font-size:16px;margin-top:20px;}
}


.__brandmenu {text-align:center;font-size:0;position:relative;z-index:100;background:#333;width:100%;}
.__brandmenu a {display:inline-block;box-sizing:border-box;vertical-align:top;color:#fff;padding:0 25px;font-size:16px;height:55px;line-height:55px;font-family:'NanumBarunGothic',sans-serif;}

.brand-fix .__brandinfo {margin-top:55px;}
.brand-fix .__brandmenu {position:fixed;top:90px;left:0;}

@media all and (max-width:1000px){
	.brand-fix .__brandinfo {margin-top:40px;}
	.brand-fix .__brandmenu {top:50px;}

	.__brandmenu a {padding:0 12px;font-size:13px;height:40px;line-height:40px;}
}

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

.__brandinfo {overflow:hidden;}
.__brandinfo .wrap .tit {text-align:center;position:relative;z-index:20;}
.__brandinfo .wrap .tit h3 {font-size:44px;color:#000;font-family:'Maven Pro','NanumBarunGothic',sans-serif;font-weight:300;}
.__brandinfo .wrap1 {max-width:1300px;margin:0 auto;padding:90px 0 100px;}
.__brandinfo .wrap1 .area {margin-top:90px;position:relative;}
.__brandinfo .wrap1 .area:before {content:"";display:block;position:absolute;left:-1000px;top:8%;width:4000px;height:55%;background:#f8f8f8;}
.__brandinfo .wrap1.type3 .area:before {top:8.7%;height:53%;}
.__brandinfo .wrap1.type2 .area:before {top:10%;height:73.5%;}
.__brandinfo .wrap1 .box {display:table;position:relative;z-index:10;}
.__brandinfo .wrap1 .box ~ .box {margin-top:100px;}
.__brandinfo .wrap1 .box .td {vertical-align:middle;}
.__brandinfo .wrap1 .box .info h3 {position:relative;}
.__brandinfo .wrap1 .box .info h3 span {display:block;position:absolute;bottom:5px;font-style:italic;width:100%;font-size:174px;color:#eee;font-weight:bold;line-height:1em;}
.__brandinfo .wrap1 .box .info h3 strong {font-size:36px;line-height:1.3em;color:#000;font-weight:normal;position:relative;z-index:10;}
.__brandinfo .wrap1 .box .info h3 strong em {display:block;font-size:1.4em;}
.__brandinfo .wrap1 .box .info .sum {font-size:18px;font-weight:300;color:#797979;margin-top:50px;line-height:1.7em ;}
.__brandinfo .wrap1 .box .info.lef {text-align:right;}
.__brandinfo .wrap1 .box .img.rig {text-align:right;}
.__brandinfo .wrap1 .box .m {display:none;}


@media all and (max-width:1000px){
	.__brandinfo .wrap .tit h3 {font-size:36px;}

	.__brandinfo .wrap1 {padding:60px 0;}
	.__brandinfo .wrap1 .area {margin-top:70px;}
	.__brandinfo .wrap1 .box ~ .box {margin-top:100px;}
	.__brandinfo .wrap1 .box .info h3 span {bottom:-10px;font-size:120px;}
	.__brandinfo .wrap1 .box .info h3 strong {font-size:30px;;height:1.2em;}
	.__brandinfo .wrap1 .box .info .sum {font-size:16px;margin-top:30px;line-height:1.5em;}
	.__brandinfo .wrap1 .box .info br {display:none;}
	.__brandinfo .wrap1 .box .info.lef {text-align:right;}
	.__brandinfo .wrap1 .box .img.rig {text-align:right;}
	.__brandinfo .wrap1 .box .lef {padding-right:30px !important;}
	.__brandinfo .wrap1 .box .rig {padding-left:30px !important;}
	
}

@media all and (max-width:768px){
	.__brandinfo .wrap .tit h3 {font-size:24px;}

	.__brandinfo .wrap1 {padding:30px 0;}
	.__brandinfo .wrap1 .area {margin-top:20px;}
	.__brandinfo .wrap1 .box ~ .box {margin-top:40px;}
	.__brandinfo .wrap1 .box {display:block;}
	.__brandinfo .wrap1 .box .td {display:block;}
	.__brandinfo .wrap1 .box .img {padding:0 !important;text-align:center;}
	.__brandinfo .wrap1 .box .info {margin-top:30px;padding:0 15px !important;}
	.__brandinfo .wrap1 .box .info h3 span {bottom:-15px;font-size:65px;}
	.__brandinfo .wrap1 .box .info h3 strong {font-size:20px;height:1.2em;}
	.__brandinfo .wrap1 .box .info .sum {font-size:13px;margin-top:20px;line-height:1.5em;}
	.__brandinfo .wrap1 .box .info br {display:none;}
	.__brandinfo .wrap1 .box .info.lef {text-align:right;}
	.__brandinfo .wrap1 .box .img.rig {text-align:right;}
	.__brandinfo .wrap1 .box .m {display:block;}
	.__brandinfo .wrap1 .box .p {display:none;}
}

.__brandinfo .wrap2 {background:url(../images/sub21-2-bg.jpg) no-repeat 50% 50%;background-attachment:fixed;background-size:cover;}
.__brandinfo .wrap2 .inner {max-width:1300px;margin:0 auto;padding:90px 10px 100px;}
.__brandinfo .wrap2 .area {position:relative;}

.__brandinfo .wrap2-1 {background:url(../images/jsub21-2-bg.jpg) no-repeat 50% 50%;background-attachment:fixed;background-size:cover;}
.__brandinfo .wrap2-1 .inner {max-width:1300px;margin:0 auto;padding:90px 10px 100px;}
.__brandinfo .wrap2-1 .area {position:relative;}


.__brandinfo .bx-controls {text-align:center;position:relative;margin-top:35px;text-align:center;font-size:0;}
.__brandinfo .bx-pager .bx-pager-item {display:inline-block;margin:0 5px;}
.__brandinfo .bx-pager .bx-pager-item a {
	display:inline-block;
	width:15px;
	height:15px;
	text-align:left;
	text-indent:-9999px;
	overflow:hidden;
	border-radius:50%;
	transition:0.3s;
	border:2px solid #999;
}
.__brandinfo .bx-pager .bx-pager-item a.active {background:#515151;border-color:#515151;}
.__brandinfo .bx-controls-direction a {position:absolute;z-index:100;display:block;width:81px;height:15px;top:50%;margin-top:-7.5px;text-indent:-9999px;}
.__brandinfo .bx-controls-direction .bx-prev {background:url(../images/roll-prev.png) no-repeat;left:0;}
.__brandinfo .bx-controls-direction .bx-next {background:url(../images/roll-next.png) no-repeat;right:0;}


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

@media all and (max-width:768px){
	.__brandinfo .wrap2 {background-attachment:scroll}
	.__brandinfo .wrap2 .inner {padding:30px 10px;}
	.__brandinfo .bx-controls {margin-top:20px;}
	.__brandinfo .bx-controls-direction a {display:none;}
	
}


.__brandinfo .wrap3 {background:url(../images/sub21-3-bg.jpg) no-repeat 50% 50%;background-attachment:fixed;background-size:cover;}
.__brandinfo .wrap3 .inner {max-width:1600px;margin:0 auto;padding:100px 10px 100px;}
.__brandinfo .wrap3 .tit h3 {color:#fff;}
.__brandinfo .wrap3 .tit p {color:#fff;font-size:22px;line-height:1.5em;font-weight:300;margin:80px 0 70px;}
.__brandinfo .wrap3 .area {font-size:0;margin:0 -25px;}
.__brandinfo .wrap3 .area .box {display:inline-block;box-sizing:border-box;vertical-align:top;width:33.333333%;padding:0 25px;}
.__brandinfo .wrap3 .area .box .in {height:425px;padding:160px 30px 0;position:relative;box-sizing:border-box;}
.__brandinfo .wrap3 .area .box1 .in {background:rgba(190,21,33,0.9);}
.__brandinfo .wrap3 .area .box2 .in {background:rgba(67,67,67,0.9);}
.__brandinfo .wrap3 .area .box3 .in {background:rgba(144,115,84,0.9);}
.__brandinfo .wrap3 .area .box h4 {
	width:297px;
	height:127px;
	position:absolute;
	left:50%;
	margin-left:-148.5px;
	top:-10px;
	background:url(../images/menu-edge.png) no-repeat;
	background-size:100% 100%;
	text-align:center;
	font-size:0;
	white-space:nowrap;
	box-sizing:border-box;
	padding:0 10px 27px;
}
.__brandinfo .wrap3 .area .box h4:after {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
.__brandinfo .wrap3 .area .box h4 span {display:inline-block;vertical-align:middle;white-space:normal;max-width:100%;color:#fff;font-size:24px;line-height:1.2em;font-weight:normal;}
.__brandinfo .wrap3 .area .box .__dtbl {table-layout:auto;}
.__brandinfo .wrap3 .area .box .__dtbl .td {vertical-align:middle;color:#fff;padding:12px 0;}
.__brandinfo .wrap3 .area .box .__dtbl .subject span {display:block;height:1em;font-size:17px;text-align:justify;overflow:hidden;white-space:nowrap;margin-top:-2px;position:relative;}
.__brandinfo .wrap3 .area .box .__dtbl .subject span:after {content:"";display:inline-block;width:100%;}
.__brandinfo .wrap3 .area .box .__dtbl .gram dl {position:relative;font-size:16px;font-weight:300;color:#ffabab;padding-right:52px;margin:0 5px 0 10px;}
.__brandinfo .wrap3 .area .box .__dtbl .gram dl dd {position:absolute;right:0;top:0;text-align:right;}
.__brandinfo .wrap3 .area .box .__dtbl .dot span {display:block;background:url(../images/dot.png) repeat-x 0 50%;height:3px;margin:0 5px;}
.__brandinfo .wrap3 .area .box .__dtbl .pay {text-align:right;}
.__brandinfo .wrap3 .area .box .__dtbl .pay span {font-size:24px;}
.__brandinfo .wrap3 .area .box .__dtbl .pay em {font-size:16px;font-weight:300;margin-left:5px;}

.__brandinfo .wrap3 .area .box1 .__dtbl .subject {width:70px;}
.__brandinfo .wrap3 .area .box1 .__dtbl .gram {width:140px;}
.__brandinfo .wrap3 .area .box1 .__dtbl .pay {width:100px;}

.__brandinfo .wrap3 .area .box2 .__dtbl .subject {width:160px;}
.__brandinfo .wrap3 .area .box2 .__dtbl .pay {width:70px;}

.__brandinfo .wrap3 .area .box3 .__dtbl .subject {width:180px;}
.__brandinfo .wrap3 .area .box3 .__dtbl .pay {width:70px;}

@media all and (max-width:1300px){
	.__brandinfo .wrap3 .area {margin:0 -15px;}
	.__brandinfo .wrap3 .area .box {padding:0 15px;}
	.__brandinfo .wrap3 .area .box .in {padding:160px 15px 0;}
	.__brandinfo .wrap3 .area .box .__dtbl .subject span {font-size:15px;}
	.__brandinfo .wrap3 .area .box .__dtbl .gram dl {font-size:15px;padding-right:45px;}
	.__brandinfo .wrap3 .area .box .__dtbl .pay span {font-size:20px;}
	.__brandinfo .wrap3 .area .box .__dtbl .pay em {font-size:14px;}
}



@media all and (max-width:1200px){
	.__brandinfo .wrap3 {background-attachment:scroll;}
}
@media all and (max-width:1000px){
	.__brandinfo .wrap3 {background-attachment:scroll;}
	.__brandinfo .wrap3 .area .box h4 {width:200px;height:90px;margin-left:-100px;top:-10px;padding:0 10px 20px;}
	.__brandinfo .wrap3 .area .box h4 span {font-size:18px;}
	
	.__brandinfo .wrap3 .tit p {font-size:16px;margin:40px 0 30px;}
	.__brandinfo .wrap3 .tit p br {display:none;}

	.__brandinfo .wrap3 .area {margin:0 -10px;}
	.__brandinfo .wrap3 .area .box {padding:0 5px;}
	.__brandinfo .wrap3 .area .box .in {padding:100px 10px 0;height:320px;}
	.__brandinfo .wrap3 .area .box .__dtbl .subject span {font-size:13px;}
	.__brandinfo .wrap3 .area .box .__dtbl .gram dl {font-size:12px;padding-right:37px;}
	.__brandinfo .wrap3 .area .box .__dtbl .pay span {font-size:16px;}
	.__brandinfo .wrap3 .area .box .__dtbl .pay em {font-size:13px;}

	.__brandinfo .wrap3 .area .box1 .__dtbl .subject {width:50px;}
	.__brandinfo .wrap3 .area .box1 .__dtbl .gram {width:100px;}
	.__brandinfo .wrap3 .area .box1 .__dtbl .pay {width:60px;}

	.__brandinfo .wrap3 .area .box2 .__dtbl .subject {width:120px;}
	.__brandinfo .wrap3 .area .box2 .__dtbl .pay {width:55px;}

	.__brandinfo .wrap3 .area .box3 .__dtbl .subject {width:140px;}
	.__brandinfo .wrap3 .area .box3 .__dtbl .pay {width:55px;}
}

@media all and (max-width:768px){
	.__brandinfo .wrap3 .inner {padding:30px 10px;}
	.__brandinfo .wrap3 .tit p {font-size:13px;margin:15px 0 30px;}
	.__brandinfo .wrap3 .area {padding:0 20px;}
	.__brandinfo .wrap3 .area .box h4 {width:140px;height:70px;margin-left:-70px;top:-10px;padding:0 10px 10px;}
	.__brandinfo .wrap3 .area .box h4 span {font-size:16px;}

	.__brandinfo .wrap3 .area .box {width:100%;}
	.__brandinfo .wrap3 .area .box ~ .box {margin-top:30px;}
	.__brandinfo .wrap3 .area .box .in {padding:80px 10px 20px;height:auto;}
	.__brandinfo .wrap3 .area .box .__dtbl .td {padding:5px 0;}
}


.__brandinfo .wrap4 {padding:100px 10px 110px;}
.__brandinfo .wrap4 .inner {max-width:1300px;margin:0 auto;}
.__brandinfo .wrap4 .area {margin-top:60px;}
.__brandinfo .wrap4 .area:after {content:"";display:block;clear:both;}
.__brandinfo .wrap4 .area > div {box-sizing:border-box;width:50%;float:left;}
.__brandinfo .wrap4 .area .img {padding-right:20px;}
.__brandinfo .wrap4 .area .img .bx-controls-direction {display:none;}
.__brandinfo .wrap4 .area .info {padding-left:30px;}
.__brandinfo .wrap4 .area .info h4 {font-size:32px;font-weight:normal;color:#be1521;margin-bottom:30px;}
.__brandinfo .wrap4 .area .info h4 a {display:inline-block;width:85px;height:30px;line-height:30px;border-radius:3px;background:#333;color:#fff;font-size:14px;text-align:center;}
.__brandinfo .wrap4 .area .info table {width:100%;table-layout:fixed;}
.__brandinfo .wrap4 .area .info table tr > * {text-align:left;padding:10px 0;}
.__brandinfo .wrap4 .area .info table tr th {text-align:left;font-weight:normal;font-size:17px;width:100px;}
.__brandinfo .wrap4 .area .info table tr td {font-weight:300;font-size:16px;}
.__brandinfo .wrap4 .area .info table tr td a {display:inline-block;width:85px;height:30px;line-height:30px;border-radius:3px;background:#333;color:#fff;font-size:14px;text-align:center;}
.__brandinfo .wrap4 .area .info table tr td span {display:inline-block;}
.__brandinfo .wrap4 .area .info table tr td > span,
.__brandinfo .wrap4 .area .info table tr td > a {margin-top:4px;margin-bottom:4px;}
.__brandinfo .wrap4 .area .info table tr:first-child td {padding:2px 0;}
.__brandinfo .wrap4 .area .info .btns {margin-top:50px;}
.__brandinfo .wrap4 .area .info .btns a {display:block;max-width:433px;height:60px;line-height:58px;text-align:center;border:1px solid #be1521;border-radius:5px;font-size:0;color:#be1521;}
.__brandinfo .wrap4 .area .info .btns a > * {display:inline-block;vertical-align:middle;}
.__brandinfo .wrap4 .area .info .btns a span {padding:0 10px 0 50px;font-size:18px;}

.__brandinfo .wrap4.type2 .area {position:relative;}
.__brandinfo .wrap4.type2 .area .img {width:50%;}
.__brandinfo .wrap4.type2 .area .info {border:1px solid #d8d8d8;padding:60px 65px 0;height:100%;position:absolute;right:0;top:0;}

.__brandinfo .wrap4.type2 .bx-controls {position:absolute;top:100%;left:0;width:calc(50% - 20px);margin-top:20px;}

@media all and (max-width:1000px){
	.__brandinfo .wrap4 {padding:60px 10px;}
	.__brandinfo .wrap4 .area {margin-top:30px;}
	.__brandinfo .wrap4 .area .img {padding-right:0;}
	.__brandinfo .wrap4 .area .info {padding-left:20px;}
	.__brandinfo .wrap4 .area .info h4 {font-size:24px;margin-bottom:20px;}
	.__brandinfo .wrap4 .area .info h4 a {width:80px;height:28px;line-height:28px;font-size:14px;}
	.__brandinfo .wrap4 .area .info table tr > * {padding:7px 0;}
	.__brandinfo .wrap4 .area .info table tr th {font-size:15px;}
	.__brandinfo .wrap4 .area .info table tr td {font-size:15px;}
	.__brandinfo .wrap4 .area .info table tr td a {width:80px;height:28px;line-height:28px;font-size:14px;}
	.__brandinfo .wrap4 .area .info table tr:first-child td {padding:2px 0;}
	.__brandinfo .wrap4 .area .info .btns {margin-top:40px;}
	.__brandinfo .wrap4 .area .info .btns a {max-width:433px;height:50px;line-height:48px;}
	.__brandinfo .wrap4 .area .info .btns a span {padding:0 10px 0 40px;font-size:16px;}
	
	.__brandinfo .wrap4.type2 .area .info {padding:30px 20px 0;border:none;}
	.__brandinfo .wrap4.type2 .area ~ .area {margin-top:70px;}
	
	.__brandinfo .wrap4.type2 .bx-controls {width:50%;margin-top:20px;}
}

@media all and (max-width:768px){
	.__brandinfo .wrap4 {padding:30px 10px;}
	.__brandinfo .wrap4 .area {margin-top:20px;}
	.__brandinfo .wrap4 .area .img {display:block;width:100%;}
	.__brandinfo .wrap4 .area .info {width:100%;padding-left:0;display:block;margin-top:20px;padding:0 20px;}
	.__brandinfo .wrap4 .area .info h4 {font-size:18px;margin-bottom:10px;}
	.__brandinfo .wrap4 .area .info h4 a {width:70px;height:22px;line-height:22px;font-size:12px;}
	.__brandinfo .wrap4 .area .info table tr > * {padding:3px 0;line-height:1.6em;}
	.__brandinfo .wrap4 .area .info table tr th {font-size:13px;width:65px;}
	.__brandinfo .wrap4 .area .info table tr td {font-size:12px;}
	.__brandinfo .wrap4 .area .info table tr td a {width:70px;height:22px;line-height:22px;font-size:12px;}
	.__brandinfo .wrap4 .area .info .btns {margin-top:20px;}
	.__brandinfo .wrap4 .area .info .btns a {height:40px;line-height:38px;max-width:100%;width:100%;}
	.__brandinfo .wrap4 .area .info .btns a span {padding:0 10px 0 20px;font-size:13px;}
	.__brandinfo .wrap4 .area .info .btns a img {height:17px;}
	
	.__brandinfo .wrap4.type2 .area {position:relative;}
	.__brandinfo .wrap4.type2 .area .img {width:100%;}
	.__brandinfo .wrap4.type2 .area .info {padding:0 20px;height:auto;position:relative;}

	.__brandinfo .wrap4.type2 .area ~ .area {margin-top:20px;}
	
	.__brandinfo .wrap4.type2 .bx-controls {position:relative;width:100%;margin-top:15px;}
}




.__brandinfo .wrap5 {background:url(../images/sub23-5-1.jpg) no-repeat 50% 50%;background-attachment:fixed;background-size:cover;}
.__brandinfo .wrap5 .inner {max-width:1300px;margin:0 auto;padding:100px 10px 100px;}
.__brandinfo .wrap5 .tit h3 {color:#fff;margin-bottom:70px;}
.__brandinfo .wrap5 .area {margin:0 -15px;}
.__brandinfo .wrap5 .area:after {content:'';display:block;clear:both;}
.__brandinfo .wrap5 .area > div {float:left;width:50%;box-sizing:border-box;padding:0 15px;}

.__brandinfo .wrap5 .area .lef .top {height:239px;background:url(../images/sub23-5-2.png) no-repeat;background-size:100% 100%;padding:0 35px;box-sizing:border-box;font-size:0;white-space:nowrap;}
.__brandinfo .wrap5 .area .lef .top:after {content:'';display:inline-block;width:0;height:100%;vertical-align:middle;}
.__brandinfo .wrap5 .area .lef .bot {margin-top:20px;height:329px;background:url(../images/sub23-5-3.png) no-repeat;background-size:100% 100%;padding:0 35px;box-sizing:border-box;font-size:0;white-space:nowrap;}
.__brandinfo .wrap5 .area .lef .bot:after {content:'';display:inline-block;width:0;height:100%;vertical-align:middle;}
.__brandinfo .wrap5 .area .lef .ver {display:inline-block;vertical-align:middle;width:100%;position:relative;}
.__brandinfo .wrap5 .area .lef .ver > * {display:inline-block;vertical-align:middle;box-sizing:border-box;white-space:normal;}
.__brandinfo .wrap5 .area .lef .ver .img {width:150px;height:150px;border-radius:50%;font-size:0;text-align:center;background:#262424;position:relative;}
.__brandinfo .wrap5 .area .lef .ver .img:after {content:'';display:inline-block;width:0;height:100%;vertical-align:middle;}
.__brandinfo .wrap5 .area .lef .ver .img span {display:inline-block;vertical-align:middle;font-size:20px;color:#fff;}
.__brandinfo .wrap5 .area .lef .ver .img em {position:absolute;right:-20px;bottom:0;}
.__brandinfo .wrap5 .area .lef .ver .info {width:calc(100% - 150px);padding-left:30px;}

.__brandinfo .wrap5 .area .lef .__dtbl {table-layout:auto;}
.__brandinfo .wrap5 .area .lef .__dtbl .td {vertical-align:middle;color:#fff;padding:12px 0;}
.__brandinfo .wrap5 .area .lef .__dtbl .subject span {display:block;font-size:20px;letter-spacing:-0.05em;}
.__brandinfo .wrap5 .area .lef .__dtbl .dot span {display:block;background:url(../images/dot.png) repeat-x 0 50%;height:3px;margin:0 5px;}
.__brandinfo .wrap5 .area .lef .__dtbl .pay {text-align:right;}
.__brandinfo .wrap5 .area .lef .__dtbl .pay span {font-size:24px;}
.__brandinfo .wrap5 .area .lef .__dtbl .pay em {font-size:16px;font-weight:300;margin-left:5px;}
.__brandinfo .wrap5 .area .lef .top .__dtbl .subject {width:140px;}
.__brandinfo .wrap5 .area .lef .top .__dtbl .pay {width:100px;}
.__brandinfo .wrap5 .area .lef .bot .__dtbl .subject {width:200px;}
.__brandinfo .wrap5 .area .lef .bot .__dtbl .pay {width:100px;}


.__brandinfo .wrap5 .area .rig .in {height:589px;background:url(../images/sub23-5-4.png) no-repeat;background-size:100% 100%;padding:0 35px;box-sizing:border-box;padding-top:60px;}
.__brandinfo .wrap5 .area .rig .top {padding-left:51%;position:relative;}
.__brandinfo .wrap5 .area .rig .top .img {width:165px;height:165px;border-radius:50%;font-size:0;text-align:center;background:#9f151f;position:absolute;left:0;top:0;}
.__brandinfo .wrap5 .area .rig .top .img:after {content:'';display:inline-block;width:0;height:100%;vertical-align:middle;}
.__brandinfo .wrap5 .area .rig .top .img span {display:inline-block;vertical-align:middle;font-size:26px;color:#fff;}
.__brandinfo .wrap5 .area .rig .top .img em {position:absolute;right:-20px;bottom:0;}

.__brandinfo .wrap5 .area .rig .bot {padding-right:51%;position:relative;margin-top:20px;}
.__brandinfo .wrap5 .area .rig .bot .img {position:absolute;right:0;bottom:15px;width:50%;text-align:center;}
.__brandinfo .wrap5 .area .rig .__dtbl {table-layout:auto;}
.__brandinfo .wrap5 .area .rig .__dtbl .td {vertical-align:middle;color:#333;padding:12px 0;}
.__brandinfo .wrap5 .area .rig .__dtbl .subject span {display:block;font-size:20px;letter-spacing:-0.05em;}
.__brandinfo .wrap5 .area .rig .__dtbl .pay {text-align:right;}
.__brandinfo .wrap5 .area .rig .__dtbl .pay span {font-size:18px;}
.__brandinfo .wrap5 .area .rig .__dtbl .pay em {font-size:16px;font-weight:300;margin-left:5px;}


@media all and (max-width:1000px){
	.__brandinfo .wrap5 .inner {padding:60px 20px;}
	.__brandinfo .wrap5 .tit h3 {margin-bottom:30px;}
	.__brandinfo .wrap5 .area > div {width:100%;}
	.__brandinfo .wrap5 .area .rig {margin-top:20px;}
}

@media all and (max-width:768px){
	.__brandinfo .wrap5 .inner {padding:30px 10px;}
	
	.__brandinfo .wrap5 .area .lef .top {height:auto;padding:20px;}
	.__brandinfo .wrap5 .area .lef .bot {margin-top:15px;height:auto;padding:15px;}
	.__brandinfo .wrap5 .area .lef .ver .img {width:80px;height:80px;}
	.__brandinfo .wrap5 .area .lef .ver .img span {font-size:14px;}
	.__brandinfo .wrap5 .area .lef .ver .img em {display:block;right:-20px;bottom:0;width:50px;}
	.__brandinfo .wrap5 .area .lef .ver .info {width:calc(100% - 80px);padding-left:15px;}

	.__brandinfo .wrap5 .area .lef .__dtbl .td {padding:5px 0;}
	.__brandinfo .wrap5 .area .lef .__dtbl .subject span {font-size:12px;}
	.__brandinfo .wrap5 .area .lef .__dtbl .pay span {font-size:14px;}
	.__brandinfo .wrap5 .area .lef .__dtbl .pay em {font-size:13px;margin-left:3px;}

	.__brandinfo .wrap5 .area .lef .top .__dtbl .subject {width:80px;}
	.__brandinfo .wrap5 .area .lef .top .__dtbl .pay {width:55px;}

	.__brandinfo .wrap5 .area .lef .bot .__dtbl .subject {width:100px;}
	.__brandinfo .wrap5 .area .lef .bot .__dtbl .pay {width:55px;}


	.__brandinfo .wrap5 .area .rig .in {height:auto;padding:20px;}
	.__brandinfo .wrap5 .area .rig .top {padding-left:110px;position:relative;}
	.__brandinfo .wrap5 .area .rig .top .img {width:80px;height:80px;top:20px;}
	.__brandinfo .wrap5 .area .rig .top .img span {font-size:14px;}
	.__brandinfo .wrap5 .area .rig .top .img em {width:50px;display:block;}

	.__brandinfo .wrap5 .area .rig .bot {padding-right:100px;margin-top:10px;}
	.__brandinfo .wrap5 .area .rig .bot .img {position:absolute;right:-20px;bottom:15px;width:120px;text-align:center;}
	.__brandinfo .wrap5 .area .rig .bot .img img {width:60px;}
	.__brandinfo .wrap5 .area .rig .__dtbl .td {padding:5px 0;}
	.__brandinfo .wrap5 .area .rig .__dtbl .subject span {font-size:12px;}
	.__brandinfo .wrap5 .area .rig .__dtbl .pay span {font-size:14px;}
	.__brandinfo .wrap5 .area .rig .__dtbl .pay em {font-size:13px;margin-left:3px;}
}



.__brandinfo .wrap6 {background:url(../images/sub22-3-1.jpg) no-repeat 50% 50%;background-size:cover;}
.__brandinfo .wrap6 .inner {max-width:1300px;margin:0 auto;padding:100px 10px 100px;}
.__brandinfo .wrap6 .area {margin:55px -6px 0;font-size:0;}
.__brandinfo .wrap6 .area .box {display:inline-block;vertical-align:top;box-sizing:border-box;width:33.33333%;padding:6px;}
.__brandinfo .wrap6 .area .box .in {position:relative;overflow:hidden;}
.__brandinfo .wrap6 .area .box .in img {display:block;transition:3s;}
.__brandinfo .wrap6 .area .box .in span {
	display:block;
	position:absolute;
	top:30px;
	left:30px;
	width:calc(100% - 60px);
	height:calc(100% - 60px);
	background:rgba(255,255,255,0.85);
	text-align:center;
	font-size:0;
	white-space:nowrap;
	z-index:50;
	transition:0.5s;
	opacity:0;
}
.__brandinfo .wrap6 .area .box .in span:after {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
.__brandinfo .wrap6 .area .box .in span em {display:inline-block;vertical-align:middle;font-size:30px;color:#000;letter-spacing:-0.05em;max-width:100%;white-space:normal;padding:0 10px;position:relative;transform:scale(1.1);opacity:0;transition-delay:0.5s;transition:0.5s;}
.__brandinfo .wrap6 .area .box .in:hover img {transform:scale(1.1) rotate(2deg);}
.__brandinfo .wrap6 .area .box .in:hover span {opacity:1;}
.__brandinfo .wrap6 .area .box .in:hover span em {opacity:1;transform:scale(1);}

@media all and (max-width:1000px){
	.__brandinfo .wrap6 .inner {padding:60px 10px;}
	.__brandinfo .wrap6 .area .box .in img {transform:scale(1.1) rotate(2deg);}
	.__brandinfo .wrap6 .area .box .in span {opacity:1;top:auto;bottom:10px;left:10px;width:calc(100% - 20px);height:auto;padding:10px;}
	.__brandinfo .wrap6 .area .box .in span em {opacity:1;transform:scale(1);font-size:16px;}
}

@media all and (max-width:768px){
	.__brandinfo .wrap6 .inner {padding:30px 10px;}
	.__brandinfo .wrap6 .area {margin:15px -3px 0;}
	.__brandinfo .wrap6 .area .box {padding:3px;}
	.__brandinfo .wrap6 .area .box .in span {display:none;}
	.__brandinfo .wrap6 .area .box .in span em {font-size:14px;}
}



.__brandinfo .wrap7 {padding:100px 10px;}
.__brandinfo .wrap7 .inner {max-width:1300px;margin:0 auto;}
.__brandinfo .wrap7 .area {margin:60px -20px 0;font-size:0;}
.__brandinfo .wrap7 .area:after {content:"";display:block;clear:both;}
.__brandinfo .wrap7 .area .box {box-sizing:border-box;width:50%;display:inline-block;vertical-align:top;padding:0 20px;}
.__brandinfo .wrap7 .area .box:nth-child(n+3) {margin-top:40px;}
.__brandinfo .wrap7 .area .box .in {position:relative;border:1px solid #ddd;transition:0.3s;}
.__brandinfo .wrap7 .area .box .in:hover {border-color:#be1521;}
.__brandinfo .wrap7 .area .img {}
.__brandinfo .wrap7 .area .info {padding:50px 40px;}
.__brandinfo .wrap7 .area .info h4 {font-size:32px;font-weight:normal;color:#be1521;margin-bottom:20px;}
.__brandinfo .wrap7 .area .info h4 a {display:inline-block;width:85px;height:30px;line-height:30px;border-radius:3px;background:#333;color:#fff;font-size:14px;text-align:center;margin:-3px 0 0 10px;}
.__brandinfo .wrap7 .area .info table {width:100%;table-layout:fixed;}
.__brandinfo .wrap7 .area .info table tr > * {text-align:left;padding:10px 0;vertical-align:top;line-height:1.3em;}
.__brandinfo .wrap7 .area .info table tr th {text-align:left;font-weight:normal;font-size:17px;width:100px;}
.__brandinfo .wrap7 .area .info table tr td {font-weight:300;font-size:16px;}
.__brandinfo .wrap7 .area .info table tr td a {}

@media all and (max-width:1000px){
	.__brandinfo .wrap7 {padding:60px 10px;}
	.__brandinfo .wrap7 .area {margin:40px -10px 0;}
	.__brandinfo .wrap7 .area .box {padding:0 10px;}
	.__brandinfo .wrap7 .area .box:nth-child(n+3) {margin-top:20px;}
	.__brandinfo .wrap7 .area .img {padding-right:0;}
	.__brandinfo .wrap7 .area .info {padding:30px 20px;}
	.__brandinfo .wrap7 .area .info h4 {font-size:24px;margin-bottom:20px;}
	.__brandinfo .wrap7 .area .info h4 a {width:80px;height:28px;line-height:28px;font-size:14px;margin:-2px 0 0 7px;}
	.__brandinfo .wrap7 .area .info table tr > * {padding:7px 0;}
	.__brandinfo .wrap7 .area .info table tr th {font-size:15px;}
	.__brandinfo .wrap7 .area .info table tr td {font-size:15px;}
}

@media all and (max-width:768px){
	.__brandinfo .wrap7 {padding:30px 10px;}
	.__brandinfo .wrap7 .area {margin:20px -5px 0;}
	.__brandinfo .wrap7 .area .box {padding:0 5px;width:100%;}
	.__brandinfo .wrap7 .area .box:nth-child(n+2) {margin-top:10px;}
	.__brandinfo .wrap7 .area .info {padding:15px 10px;}
	.__brandinfo .wrap7 .area .info h4 {font-size:18px;margin-bottom:10px;}
	.__brandinfo .wrap7 .area .info h4 a {width:70px;height:22px;line-height:22px;font-size:12px;}
	.__brandinfo .wrap7 .area .info table tr > * {padding:3px 0;}
	.__brandinfo .wrap7 .area .info table tr th {font-size:13px;width:65px;}
	.__brandinfo .wrap7 .area .info table tr td {font-size:12px;}
}






.__brandkappo {padding:0 10px;background:url(../images/sub23-2-1.jpg) no-repeat 50% 50%;background-size:cover;}
.__brandkappo .inner {max-width:1300px;margin:0 auto;height:728px;}
.__brandkappo .inner:after {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
.__brandkappo .txt {display:inline-block;vertical-align:middle;color:#fff;}
.__brandkappo .txt dl dt {font-size:40px;font-weight:300;line-height:1.2em;}
.__brandkappo .txt dl dd {font-size:17px;font-weight:300;line-height:1.7em;margin-top:50px;}

@media all and (max-width:1000px){
	.__brandkappo {height:auto;padding:80px 10px;}
	.__brandkappo .inner {height:auto;}
	.__brandkappo .txt dl dt {font-size:30px;}
	.__brandkappo .txt dl dd {font-size:15px;margin-top:40px;}

}

@media all and (max-width:768px){
	.__brandkappo {height:auto;padding:40px 10px;}
	.__brandkappo .txt dl dt {font-size:24px;}
	.__brandkappo .txt dl dd {font-size:13px;margin-top:30px;}
	.__brandkappo .txt dl dd br {display:none;}
}



.__rec-top {background:url(../images/sub41-1.jpg) no-repeat 50% 0;background-size:cover;background-attachment:fixed;}
.__rec-top .sec .lef dl dt {font-size:58px;line-height:1.2em;color:#fff;}
.__rec-top .sec .lef dl dd {font-size:24px;margin-top:25px;font-weight:300;color:#e5e5e5;}
.__rec-top .sec .rig {position:absolute;right:350px;top:50%;margin-top:-100px;}
.__rec-top .sec .rig .box {position:absolute;width:100%;}
.__rec-top .sec .rig .box dt span {display:inline-block;box-sizing:border-box;width:144px;height:42px;line-height:43px;color:#fff;text-align:center;background:#be1521;border-radius:21px;font-size:18px;font-weight:bold;}
.__rec-top .sec .rig .box dd {font-size:16px;line-height:1.4em;margin-top:10px;color:#d7d7d7;}
.__rec-top .sec .rig .box1 {bottom:100%;margin-bottom:20px;text-align:center;left:0;}
.__rec-top .sec .rig .box2 {right:100%;margin-right:20px;top:10px;text-align:right;}
.__rec-top .sec .rig .box3 {right:100%;margin-right:-10px;top:220px;text-align:right;}
.__rec-top .sec .rig .box4 {left:100%;margin-left:20px;top:10px;text-align:left;}
.__rec-top .sec .rig .box5 {left:100%;margin-left:-10px;top:220px;text-align:left;}

@media all and (max-width:1600px){
	.__rec-top .sec {text-align:center;}
	.__rec-top .sec .lef dl dt {font-size:58px;line-height:1.2em;color:#fff;}
	.__rec-top .sec .lef dl dd {font-size:24px;margin-top:25px;font-weight:300;color:#e5e5e5;}
	.__rec-top .sec .rig {position:relative;right:0;top:0;margin:170px auto 0;width:351px;}
}


@media all and (max-width:1200px){
	.__rec-top {background-attachment:scroll;}
}
@media all and (max-width:1000px){
	.__rec-top {background-attachment:scroll;}
	.__rec-top {padding-top:50px;}
	.__rec-top .inner {padding:60px 10px;}
	.__rec-top .sec .lef dl dt {font-size:40px;}
	.__rec-top .sec .lef dl dd {font-size:18px;}
	.__rec-top .sec .rig {margin:170px 33% 0;width:auto;}
	.__rec-top .sec .rig .box {position:absolute;width:90%;}
	.__rec-top .sec .rig .box dt span {width:120px;height:36px;line-height:36px;border-radius:18px;font-size:16px;}
	.__rec-top .sec .rig .box dd {font-size:14px;line-height:1.4em;margin-top:10px;}
	.__rec-top .sec .rig .box dd br {display:none;}
	.__rec-top .sec .rig .box1 {bottom:100%;margin-bottom:20px;text-align:center;left:0;}
	.__rec-top .sec .rig .box2 {right:100%;margin-right:20px;top:0;text-align:right;}
	.__rec-top .sec .rig .box3 {right:100%;margin-right:-10px;top:60%;text-align:right;}
	.__rec-top .sec .rig .box4 {left:100%;margin-left:20px;top:0;text-align:left;}
	.__rec-top .sec .rig .box5 {left:100%;margin-left:-10px;top:60%;text-align:left;}
}

@media all and (max-width:768px){
	.__rec-top {padding-top:50px;}
	.__rec-top .inner {padding:60px 10px;}
	.__rec-top .sec .lef dl dt {font-size:20px;}
	.__rec-top .sec .lef dl dd {font-size:14px;}
	.__rec-top .sec .rig {margin:20px 0 0;}
	.__rec-top .sec .rig img {width:200px;display:block;margin:0 auto 20px;}
	.__rec-top .sec .rig .box {position:static;margin:15px 0 0 !important;width:auto !important;text-align:center !important;}
	.__rec-top .sec .rig .box dt span {width:90px;height:30px;line-height:30px;border-radius:15px;font-size:14px;}
	.__rec-top .sec .rig .box dd {font-size:12px;line-height:1.4em;margin-top:10px;}
}



.__recbot {padding:100px 10px;}
.__recbot .inner {max-width:1300px;margin:0 auto;}
.__recbot .__tit1 {margin-bottom:70px;}
.__recbot .area {padding:0 50px;text-align:center;}
.__recbot .area .__dtbl {table-layout:fixed;}
.__recbot .area .__dtbl .td {vertical-align:top;}
.__recbot .area .__dtbl .img {width:254px;}
.__recbot .area .__dtbl .img p {margin:20px -50px 0;font-size:16px;line-height:1.6em;}
.__recbot .area .__dtbl .line {position:relative;}
.__recbot .area .__dtbl .line span {display:block;position:absolute;top:40%;left:0;height:1px;width:100%;background:#757575;}
.__recbot .area .__dtbl .line span:before,
.__recbot .area .__dtbl .line span:after {content:'';display:block;width:12px;height:12px;background:#fff;box-sizing:border-box;border:2px solid #757575;top:50%;margin-top:-6px;position:absolute;border-radius:50%;}
.__recbot .area .__dtbl .line span:before {left:-6px;}
.__recbot .area .__dtbl .line span:after {right:-6px;}
.__recbot .app {border-top:1px solid #ddd;border-bottom:1px solid #ddd;margin-top:70px;padding:45px 100px;}
.__recbot .app .td {vertical-align:middle;}
.__recbot .app .lef > * {display:inline-block;vertical-align:middle;}
.__recbot .app .lef h3 span {display:inline-block;font-size:22px;font-weight:normal;margin-left:8px;margin-right:20px;}
.__recbot .app .lef dl dt {font-size:16px;color:#877f7f;}
.__recbot .app .lef dl dd {font-size:17px;color:#303030;margin-top:5px;}
.__recbot .app .lef dl dd a {color:#303030;text-decoration:underline;}
.__recbot .app .rig {text-align:right;}
.__recbot .app .rig a {display:inline-block;}
.__recbot .app .rig a ~ a {margin-left:20px;}

@media all and (max-width:1000px){
	
	.__recbot {padding:50px 10px;}
	.__recbot .__tit1 {margin-bottom:40px;}
	.__recbot .area {padding:0 10px;}
	.__recbot .area .__dtbl {table-layout:fixed;}
	.__recbot .area .__dtbl .img {width:200px;}
	.__recbot .area .__dtbl .img p {margin:15px -10px 0;font-size:14px;line-height:1.5em;}
	.__recbot .area .__dtbl .line span {top:36%;}

	.__recbot .app {margin-top:40px;padding:30px 20px;}
	.__recbot .app .td {vertical-align:middle;}
	.__recbot .app .lef > * {display:inline-block;vertical-align:middle;}
	.__recbot .app .lef h3 span {display:inline-block;font-size:22px;font-weight:normal;margin-left:8px;margin-right:20px;}
	.__recbot .app .lef dl dt {font-size:16px;}
	.__recbot .app .lef dl dd {font-size:17px;margin-top:5px;}
	.__recbot .app .rig {text-align:right;}
	.__recbot .app .rig a {display:inline-block;}
	.__recbot .app .rig a ~ a {margin-left:0;margin-top:10px;}
}

@media all and (max-width:768px){
	.__recbot {padding:30px 10px;}
	.__recbot .__tit1 {margin-bottom:20px;}
	.__recbot .area {padding:0;margin:0 -5px;}
	.__recbot .area .__dtbl {table-layout:fixed;}
	.__recbot .area .__dtbl .img {width:110px;}
	.__recbot .area .__dtbl .img p {margin:10px 0 0;font-size:11px;line-height:1.4em;}
	.__recbot .area .__dtbl .line span {display:none;}

	.__recbot .app {margin-top:20px;padding:20px 10px;text-align:center;}
	.__recbot .app .td {vertical-align:middle;}
	.__recbot .app .lef {display:block;}
	.__recbot .app .lef h3 img {width:20px;}
	.__recbot .app .lef h3 span {font-size:16px;;margin-left:8px;margin-right:20px;}
	.__recbot .app .lef dl {text-align:left;}
	.__recbot .app .lef dl dt {font-size:13px;}
	.__recbot .app .lef dl dd {font-size:14px;margin-top:5px;}
	.__recbot .app .rig {text-align:center;margin-top:20px;display:block;}
	.__recbot .app .rig a {display:inline-block;width:130px;}
	.__recbot .app .rig a ~ a {margin-left:10px;margin-top:0;}
}


.__layout {padding:0 10px;}
.__layout > .inner {max-width:1300px;margin:0 auto;}
.__layout.gray {background:#fbfbfb;padding-top:80px;padding-bottom:80px;}


@media all and (max-width:1000px){
	.__layout.gray {padding-top:40px;padding-bottom:40px;}
}

@media all and (max-width:768px){
	.__layout.gray {padding-top:20px;padding-bottom:20px;}
}


.__contact .one {max-width:1300px;margin:0 auto;padding:195px 0 110px;}
.__contact .one .area {margin-top:60px;padding:0 50px;}
.__contact .one .area .box {width:332px;}
.__contact .one .area .box a {display:block;border-radius:50%;width:332px;position:relative;overflow:hidden;}
.__contact .one .area .box a .float {position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.6);text-align:center;font-size:0;transition:0.3s;}
.__contact .one .area .box a .float:after {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
.__contact .one .area .box a .float .ver {display:inline-block;vertical-align:middle;white-space:normal;transition:0.3s;}
.__contact .one .area .box a .float .ver strong {font-size:26px;font-weight:normal;color:#fff;display:block;transition:0.3s;}
.__contact .one .area .box a .float .ver span {display:none;width:156px;height:45px;line-height:45px;color:#fff;;background:#be1521;font-size:16px;margin-top:20px;}
.__contact .one .area .box a:hover .float {background:rgba(255,255,255,0.6);}
.__contact .one .area .box a:hover .float .ver strong {color:#000;}
.__contact .one .area .box a:hover .float .ver span {display:block;animation:fadeInDown 0.3s;}
.__contact .two {position:relative;}
.__contact .two .root_daum_roughmap  {width:100% !important;}
.__contact .two .root_daum_roughmap .wrap_map {height:560px !important;}
.__contact .two #map1 {height:560px !important;}
.__contact .two .float {background:rgba(168,12,12,0.85);position:absolute;z-index:100;top:0;right:50%;width:390px;height:305px;box-sizing:border-box;margin-right:260px;color:#fff;padding:50px 40px 0;}
.__contact .two .float h3 {font-size:28px;font-weight:normal;}
.__contact .two .float ul {margin-top:45px;}
.__contact .two .float ul li {position:relative;padding-left:45px;}
.__contact .two .float ul li em {position:absolute;left:0;top:0;}
.__contact .two .float ul li span {display:block;font-size:18px;line-height:1.5em;}
.__contact .two .float ul li ~ li {margin-top:20px;}

.__pop {display:none;position:fixed;left:0;top:0;width:100%;height:100%;text-align:center;font-size:0;white-space:nowrap;box-sizing:border-box;padding:0 20px;z-index:9999;}
.__pop:after {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
.__pop .inner {
	display:inline-block;
	vertical-align:middle;
	width:1300px;
	max-width:100%;
	box-sizing:border-box;
	z-index:10;
	position:relative;
	background:#fff;
	padding:70px 20px;
	text-align:left;
	max-height:90vh;
	overflow-y:auto;
}
.__pop .inner .wrap {max-width:1000px;margin:0 auto;}
.__pop .close {border:none;background:none;position:absolute;right:0;top:0;}
.__pop .bg {position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;background:rgba(0,0,0,0.7);}


@media all and (max-width:1300px){
	.__contact .two .float {right:auto;margin-right:0;left:0;}
}

@media all and (max-width:1000px){
	.__contact .one {padding:100px 0 60px;}
	.__contact .one .area {margin-top:30px;padding:0 20px;}
	.__contact .one .area .box {width:230px;}
	.__contact .one .area .box a {width:100%;}
	.__contact .one .area .box a .float .ver strong {font-size:20px;}
	.__contact .one .area .box a .float .ver span {width:120px;height:38px;line-height:38px;font-size:14px;margin-top:15px;}
	.__contact .two #map1 {height:400px !important;}
	.__contact .two .root_daum_roughmap .wrap_map {height:400px !important;}
	.__contact .two .float {width:300px;height:auto;box-sizing:border-box;padding:30px 20px;}
	.__contact .two .float h3 {font-size:20px;font-weight:normal;}
	.__contact .two .float ul {margin-top:25px;}
	.__contact .two .float ul li {padding-left:40px;}
	.__contact .two .float ul li span {font-size:16px;line-height:1.5em;}
	.__contact .two .float ul li ~ li {margin-top:15px;}
}

@media all and (max-width:768px){
	.__contact .one {padding:80px 0 30px;}
	.__contact .one .area {margin-top:20px;padding:0 10px;}
	.__contact .one .area .box {width:100px;}
	.__contact .one .area .box a .float .ver strong {font-size:13px;}
	.__contact .one .area .box a .float .ver span {width:70px;height:24px;line-height:24px;font-size:12px;margin:10px auto 0;}
	.__contact .one .area .box a:hover .float .ver span {display:block;}
	.__contact .two #map1 {height:300px !important;}
	
	.__contact .two .root_daum_roughmap .wrap_map {height:300px !important;}
	.__contact .two .float {width:100%;height:auto;box-sizing:border-box;padding:20px 15px;position:relative;}
	.__contact .two .float h3 {font-size:16px;font-weight:normal;}
	.__contact .two .float ul {margin-top:15px;}
	.__contact .two .float ul li {padding-left:25px;}
	.__contact .two .float ul li em {display:block;width:15px;}
	.__contact .two .float ul li span {font-size:13px;line-height:1.5em;}
	.__contact .two .float ul li ~ li {margin-top:10px;}
	
	.__pop {padding:0 10px;}
	.__pop .inner {
		padding:15px;
		max-height:90vh;
	}
	.__pop .close {width:35px;}

}

.__container {max-width:1320px;margin:0 auto;padding:195px 20px 100px;}

@media all and (max-width:1000px){
	.__container {padding:100px 10px 50px;}
	
}

@media all and (max-width:768px){
	.__container {padding:80px 10px 30px;}
	
}


.__tbl-write {width:100%;table-layout:fixed;;}
.__tbl-write tr > * {border:1px solid #ddd;padding:5px 15px;font-size:15px;box-sizing:border-box;}
.__tbl-write tr th {background:#fafafa;text-align:center;font-weight:normal;width:280px;}

@media all and (max-width:1000px){
	
	.__tbl-write tr > * {padding:5px 10px;font-size:14px;}
	.__tbl-write tr th {width:200px;}

}

@media all and (max-width:768px){
	.__tbl-write tr > * {padding:5px;font-size:12px;white-space:normal;}
	.__tbl-write tr th {width:80px;word-break:break-all;}
	.__tbl-write tr th label {}
	
}

.__webzine {margin:0 -20px;font-size:0;}
.__webzine .box {display:inline-block;vertical-align:top;box-sizing:border-box;padding:0 20px;width:33.333333%;}
.__webzine .box:nth-child(n+4) {margin-top:40px;}
.__webzine .box .img {display:block;border:1px solid #ddd;}
.__webzine .box .img a {display:block;height:0;padding-top:75%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;position:relative;}
.__webzine .box .img a .ico {display:block;position:absolute;left:0;top:0;width:76px;height:37px;line-height:37px;text-align:center;color:#fff;background:#be1521;font-size:15px;font-weight:bold;}
.__webzine .box .img a .ico.type2 {background-color:#333;}
.__webzine .box .info {margin-top:20px;text-align:center;}
.__webzine .box .info dl dt a {font-size:17px;display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#000;}
.__webzine .box .info dl dd {margin-top:15px;font-size:15px;font-weight:normal;color:#777;line-height:1.4em;height:2.8em;overflow:hidden;}

@media all and (max-width:1000px){
	.__webzine {margin:0 -10px;;}
	.__webzine .box {padding:0 10px;width:33.333333%;}
	.__webzine .box:nth-child(n+4) {margin-top:30px;}
	.__webzine .box .img a .ico {width:76px;height:37px;line-height:37px;font-size:15px;}
	.__webzine .box .info {margin-top:15px;}
	.__webzine .box .info dl dt a {font-size:15px;}
	.__webzine .box .info dl dd {margin-top:10px;font-size:13px;}
}

@media all and (max-width:768px){
	.__webzine {margin:0 -5px;}
	.__webzine .box {padding:0 5px;width:50%;}
	.__webzine .box:nth-child(n+3) {margin-top:20px;}
	.__webzine .box .img a .ico {width:65px;height:30px;line-height:30px;font-size:13px;}
	.__webzine .box .info {margin-top:10px;}
	.__webzine .box .info dl dt a {font-size:12px;}
	.__webzine .box .info dl dd {margin-top:5px;font-size:12px;}
	
}

html.html-ovh {overflow:hidden;}
@media all and (max-width:1000px){
 html.html-ovh {overflow:visible;}
}

.__bookmark {position:relative;}
.__bookmark > span {display:block;position:absolute;left:0;top:-90px;}

.__privacy {font-size:16px;line-height:1.6em;}
@media all and (max-width:1000px){
	.__privacy {font-size:13px;line-height:1.6em;}

	.__bookmark > span {top:-50px;}
}

@media all and (max-width:768px){
	.board-wrap .board-view header h1	{text-align:center;}
}


.__menu {background:#fdfaf3;padding:100px 10px 130px;}
.__menu .inner {max-width:1300px;margin:0 auto;}
.__menu .tab {background:#333;height:140px;position:relative;padding-left:200px;}
.__menu .tab h2 {position:absolute;left:60px;height:140px;line-height:140px;color:#fff;font-size:48px;font-family:'Maven Pro',sans-serif;font-weight:300;}
.__menu .tab .btns {max-width:840px;margin:0 auto;}
.__menu .tab .btns:after {content:'';display:block;clear:both;}
.__menu .tab .btns a {display:block;float:left;position:relative;height:140px;line-height:140px;font-size:18px;color:#8e8e8e;width:20%;width:20%;text-align:center;transition:0.3s;}
.__menu .tab .btns a.active,
.__menu .tab .btns a:hover {color:#fff;}
.__menu .tab .btns a:before {content:"";display:block;position:absolute;left:50%;bottom:0;width:0;background:#be1521;height:4px;opacity:1;transition:0.3s;}
.__menu .tab .btns a:after {
	content:"";
	border:8px solid transparent;
	border-bottom:8px solid #be1521;
	display:block;
	height:0;
	left:50%;
	margin-left:-8px;
	position:absolute;
	bottom:0;
	margin-bottom:4px;
	width:0;
	opacity:0;
	transition:0.3s;
	transform:translate3d(0,4px,0);
}
.__menu .tab .btns a:hover:before,
.__menu .tab .btns a.active:before {opacity:1;left:0;width:100%;}
.__menu .tab .btns a:hover:after,
.__menu .tab .btns a.active:after {opacity:1;transform:translate3d(0,0,0);}
.__menu .wrap {margin-top:70px;}
.__menu .wrap h3 {text-align:center;position:relative;margin-bottom:40px;}
.__menu .wrap h3:before {content:"";display:block;width:100%;height:1px;background:#ddd;position:absolute;left:0;top:50%;width:100%;margin-top:-0.5px;}
.__menu .wrap h3 span {display:inline-block;font-size:25px;color:#333;font-weight:normal;padding:0 40px;position:relative;background:#fdfaf3;z-index:10;}

.__menu .area {font-size:0;margin:0 -12px -24px;}
.__menu .area .box {display:inline-block;vertical-align:top;box-sizing:border-box;width:25%;padding:0 12px;margin-bottom:24px;}
.__menu .area .box .in {display:block;position:relative;}
.__menu .area .box .img {padding-top:81%;height:0;box-sizing:border-box;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}
.__menu .area .box .ddakji {position:absolute;left:0;top:0;width:58px;height:58px;line-height:58px;color:#fff;text-align:center;background:#be1521;font-size:16px;font-family:'Maven Pro',sans-serif;z-index:10;}
.__menu .area .box .ddakji:empty {display:none;}
.__menu .area .box .ov {position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box;background:rgba(255,255,255,0.9);text-align:center;padding:0 15px;white-space:nowrap;opacity:0;transition:0.3s;}
.__menu .area .box .ov:after {content:'';display:inline-block;width:0;height:100%;vertical-align:middle;}
.__menu .area .box .ov .ver {display:inline-block;vertical-align:middle;max-width:100%;white-space:normal;}
.__menu .area .box .ov .ver > * {display:block;}
.__menu .area .box .ov .ver .subject {font-size:20px;color:#4a4848;}
.__menu .area .box .ov .ver .sum {font-size:15px;line-height:1.3em;margin-top:12px;color:#7a7a7a;}
.__menu .area .box .ov .ver .price {font-size:17px;margin-top:12px;color:#444;}
.__menu .area .box .in:hover .ov {opacity:1;}

@media all and (max-width:1000px){
	.__menu {padding:60px 10px;}
	.__menu .tab {height:110px;padding-left:200px;}
	.__menu .tab h2 {left:30px;height:110px;line-height:110px;font-size:48px;}
	.__menu .tab .btns a {height:110px;line-height:110px;font-size:18px;}

	.__menu .wrap {margin-top:40px;}
	.__menu .wrap h3 {margin-bottom:25px;}
	.__menu .wrap h3 span {font-size:30px;padding:0 30px;}

	.__menu .area {margin:0 auto;max-width:750px;}
	.__menu .area .box {display:block;width:auto;padding:0;margin-bottom:0;}
	.__menu .area .box ~ .box {margin-top:40px;}
	.__menu .area .box .img {padding-top:60%;}
	.__menu .area .box .ov {position:relative;background:none;padding:0;opacity:1;margin-top:20px;}
	.__menu .area .box .ov .ver .subject {font-size:24px;}
	.__menu .area .box .ov .ver .sum {font-size:17px;}
	.__menu .area .box .ov .ver .price {font-size:20px;margin-top:12px;}

}

@media all and (max-width:768px){
	.__menu {padding:0 0 30px;}
	.__menu .tab {height:auto;padding:20px 0 0;}
	.__menu .tab h2 {left:0;height:auto;position:relative;line-height:1em;font-size:24px;text-align:center;}
	.__menu .tab .btns a {height:40px;line-height:40px;font-size:12px;letter-spacing:-0.075em;}
	.__menu .tab .btns a:before {height:2px;}
	.__menu .tab .btns a:after {border:4px solid transparent;border-bottom:4px solid #be1521;margin-left:-4px;margin-bottom:2px;transform:translate3d(0,2px,0);}

	.__menu .wrap {margin-top:30px;}
	.__menu .wrap h3 {margin-bottom:25px;}
	.__menu .wrap h3 span {font-size:17px;padding:0 15px;}

	.__menu .area {padding:0 10px;}
	.__menu .area .box ~ .box {margin-top:20px;}
	.__menu .area .box .ddakji {width:45px;height:45px;line-height:45px;font-size:13px;}
	.__menu .area .box .ov {margin-top:15px;}
	.__menu .area .box .ov .ver .subject {font-size:14px;}
	.__menu .area .box .ov .ver .sum {font-size:13px;margin-top:5px;}
	.__menu .area .box .ov .ver .price {font-size:12px;margin-top:10px;}
}