@charset "utf-8";
#wrap {overflow:hidden;}

#header {background:#372f2c;border-top:1px solid #342c29;border-bottom:1px solid #4c413d;box-shadow:0 1px 2px rgba(0,0,0,0.15);z-index:500;font-family:'Roboto',sans-serif;position:relative;}
#header > .inner {width:1200px;margin:0 auto;height:74px;position:relative;text-align:center;box-sizing:border-box;padding:0 189px 0 138px;font-size:0;letter-spacing:0;}
#header .logo {position:absolute;left:5px;top:18px;font-size:0;}
#header .tnb {position:absolute;right:0;top:50%;margin-top:-7px;font-size:0;}
#header .tnb > li {display:inline-block;position:relative;}
#header .tnb > li > a {display:block;font-size:12px;color:#afafaf;position:relative;}
#header .tnb > li > a > * {display:inline-block;vertical-align:middle;}
#header .tnb > li > a > i {font-size:14px;margin-right:3px;}
#header .tnb > li ~ li {margin-left:14px;padding-left:15px;}
#header .tnb > li ~ li:before {content:"";display:block;width:1px;height:10px;position:absolute;left:0;top:50%;margin-top:-5px;background:#666;}
#header .tnb .ov > a {padding-right:22px;}
#header .tnb .ov > a:after {content:"\f0d7";display:block;font-family:axicon;position:absolute;right:0;top:50%;margin-top:-0.5em;line-height:1em;}
#header .tnb .ov div {position:absolute;left:50%;width:110px;margin-left:-55px;padding-top:8px;text-align:center;display:none;}
#header .tnb .ov div ul {display:block;background:#594d49;border:1px solid #1e1918;padding:5px 0;}
#header .tnb .ov div ul li a {display:block;color:#fff;padding:5px 0;font-size:12px;}
#header .tnb .ov:hover div {display:block;animation:fadeIn 0.3s;}
#header .tnb .ov div ul li a:hover {text-decoration:underline;}
#header .gnb {display:inline-block;}
#header .gnb > li {display:inline-block;vertical-align:top;}
#header .gnb > li > a {display:block;font-size:14px;color:#fff;padding:0 30px;height:74px;line-height:74px;}

#vis,
#vis .vis {height:597px;overflow:hidden;position:relative;}
#vis .vis {background-repeat:no-repeat;background-position:50% 0;}
#vis .vis h3 {font-size:60px;font-weight:300;line-height:1.1em;width:100%;text-align:center;padding-top:220px;color:#fff;letter-spacing:0;transition:1.5s;transform:scale(1.1);opacity:0;}
#vis .vis1 {background-image:url(../images/vis1.jpg);}
#vis .vis2 {background-image:url(../images/vis2.jpg);}
#vis .active .vis h3 {opacity:1;transform:scale(1);}

#vis .slick-dots {font-size:0;position:absolute;width:300px;left:50%;margin-left:-150px;z-index:100;bottom:25px;text-align:center;}
#vis .slick-dots li {display:inline-block;vertical-align:top;margin:0 3px;}
#vis .slick-dots li button {box-sizing:border-box;width:23px;height:3px;background:#fff;border:none;text-indent:-9999px;}
#vis .slick-dots .slick-active button {background:#000;}

#about {background:#f9f9f9;padding:75px 0;}
#about .inner {width:990px;margin:0 auto;}
#about .inner:after {content:"";display:block;clear:both;}
#about .info {float:left;margin-top:25px;}
#about .info dt {font-size:38px;font-style:italic;color:#5f2713;}
#about .info dd {font-size:14px;line-height:1.6em;margin-top:15px;}
#about .img {float:right;margin-right:50px;}

#service {width:1200px;margin:0 auto;padding:70px 0 100px;}
#service:after {content:"";display:block;clear:both;}
#service .big {float:left;}
#service .area {float:right;width:50%;margin:50px 0 0 0;text-align:center;}
#service .area .box dl dt {font-size:16px;color:#6a2831;}
#service .area .box dl dd {font-size:20px;color:#000;font-weight:bold;margin-top:5px;letter-spacing:-0.075em;}
#service .area .box .img {margin-top:15px;}
#service .area .box .img img {display:inline-block;}
#service .area .box .sum {margin-top:20px;font-size:14px;line-height:1.6em;}

#service .slick-dots {font-size:0;margin-top:75px;text-align:center;}
#service .slick-dots li {display:inline-block;vertical-align:top;margin:0 5px;}
#service .slick-dots li button {box-sizing:border-box;width:8px;height:8px;border-radius:50%;background:#c5c5c5;border:none;text-indent:-9999px;}
#service .slick-dots .slick-active button {background:#000;}

#gallery {background:url(../images/gallery-bg.jpg) no-repeat 50% 0;padding:80px 0 120px;}
#gallery .inner {width:1280px;margin:0 auto;}
#gallery .btn {display:block;height:396px;background:url(../images/gallery-with.jpg) no-repeat;padding:0 75px;}
#gallery .btn:after {content:'';display:inline-block;width:0;height:100%;vertical-align:middle;}
#gallery .btn .ver {display:inline-block;vertical-align:middle;color:#fff;}
#gallery .btn .ver > * {display:block;}
#gallery .btn .ver strong {font-size:40px;font-family:'Nanum Myeongjo',serif;font-style:italic;font-weight:normal;}
#gallery .btn .ver em {font-size:18px;line-height:1.5em;margin-top:10px;}

#footer {background:#2e2623;text-align:center;font-size:0;padding:30px 10px;}
#footer .fnb li {display:inline-block;vertical-align:top;position:relative;}
#footer .fnb li ~ li {margin-left:12px;padding-left:13px;}
#footer .fnb li ~ li:before {content:"";display:block;width:1px;height:10px;position:absolute;left:0;top:50%;margin-top:-5px;background:#656466;}
#footer .fnb li a {display:block;font-size:14px;color:#fff;}
#footer .copy {margin-top:23px;color:rgba(255,255,255,0.22);font-size:12px;line-height:1.7em;}

#sub {padding:100px 0 120px;font-family:'Noto Sans KR',sans-serif;}
.sub1 #sub {background:url(../images/sub-bg.jpg) no-repeat 50% 0;}
.sub2 #sub {padding-bottom:0;}
.sub4 #sub #tit .snb {margin-bottom:40px;}

#tit {text-align:center;width:1200px;margin:0 auto;}
#tit h3 {font-size:54px;font-weight:bold;position:relative;margin-bottom:50px;}
#tit h3 strong {display:block;position:relative;z-index:10;color:#372f2c;}
#tit h3 span {position:absolute;left:-1px;top:1px;width:100%;color:#fff;text-shadow: -1px -1px 0 #ddd8d6, 1px -1px 0 #ddd8d6, -1px 1px 0 #ddd8d6, 1px 1px 0 #ddd8d6;}
#tit .snb {text-align:center;font-size:0;padding:1px 0 0 1px;margin-right:-5px;margin-bottom:100px;}
#tit .snb a {display:inline-block;vertical-align:top;box-sizing:border-box;width:20%;background:#fff;border:1px solid #93847f;height:60px;font-weight:300;color:#93847f;white-space:nowrap;padding:0 10px;position:relative;margin:-1px 0 0 -1px;}
#tit .snb a:after {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
#tit .snb a span {display:inline-block;vertical-align:middle;font-size:16px;white-space:normal;max-width:100%;}
#tit .snb .active {background:#93847f;color:#fff;}

.__layout {width:1200px;margin:0 auto;min-height:45vh;}

.__tab-floor {text-align:center;font-size:0;margin-bottom:30px;}
.__tab-floor .tab {position:relative;}
.__tab-floor .tab a {display:inline-block;border-radius:50%;width:58px;height:58px;box-sizing:border-box;text-align:center;line-height:54px;border:2px solid #958c88;font-size:20px;font-weight:300;color:#60534c;position:relative;}
.__tab-floor .tab a ~ a {margin-left:57px;}
.__tab-floor .tab a ~ a:before {content:"";display:block;position:absolute;right:100%;top:50%;margin-top:-1px;margin-right:2px;background:#958b86;height:2px;width:57px;}
.__tab-floor .tab .active {background:#958c88;color:#fff;font-weight:bold;}

.__gallery .big {position:relative;}
.__gallery .big .float {position:absolute;left:0;bottom:0;width:100%;box-sizing:border-box;background:rgba(0,0,0,0.42);border-top:1px solid rgba(255,255,255,0.29);padding:23px 25px;color:#fff;}
.__gallery .big .float > * {display:inline-block;vertical-align:middle;}
.__gallery .big .float strong {font-size:22px;font-weight:500;margin-right:10px;}
.__gallery .big .float span {font-size:14px;}
.__gallery .bot {margin-top:25px;text-align:center;font-size:0;}
.__gallery .bot a {display:inline-block;vertical-align:top;transition:0.5s;opacity:0.5;}
.__gallery .bot a ~ a {margin-left:15px;}
.__gallery .bot a img {width:175px;}
.__gallery .bot .active {opacity:1;}

.__gallery .bx-controls-direction a {
	position:absolute;
	top:100%;
	margin-top:25px;
	width:30px;
	height:90px;
	display:block;
	text-align:left;
	color:#4e2f17;
	font-size:0;
	position:absolute;
	text-indent:-9999px;
	line-height:0;
}
.__gallery .bx-controls-direction a:after {font-family:axicon;display:block;text-indent:0;line-height:90px;text-align:center;font-size:16px;}
.__gallery .bx-controls-direction .bx-prev {left:0;}
.__gallery .bx-controls-direction .bx-next {right:0;}
.__gallery .bx-controls-direction .bx-prev:after {content:"\f053";}
.__gallery .bx-controls-direction .bx-next:after {content:"\f054";}


.__service .box {display:table;width:100%;table-layout:fixed;}
.__service .box > div {display:table-cell;vertical-align:middle;}
.__service .box .img {height:524px;background-repeat:no-repeat;background-position:100% 0;}
.__service .box .info + .img {background-position:0 0;}
.__service .box .info {padding-right:105px;text-align:right;}
.__service .box .img + .info {padding:0 0 0 105px;text-align:left;}
.__service .box .info dl dt {font-size:20px;color:#000;margin-bottom:20px;}
.__service .box .info dl dt:empty {display:none;}
.__service .box .info dl dd {font-size:14px;line-height:1.7em;}

.__service2 {overflow:hidden;height:2870px;}
.__service2 .inner {width:1200px;margin:0 auto;position:relative;}
.__service2 .inner:before,
.__service2 .inner:after {content:"";display:block;position:absolute;width:2000px;}
.__service2 .inner:before {top:50px;left:0;background:#fef8f6;height:1174px;}
.__service2 .inner:after {top:1573px;right:0;background:#fdf9ee;height:1590px;}
.__service2 .box {position:absolute;z-index:10;border:1px solid #fff;box-shadow:2px 2px 2px rgba(0,0,0,0.15);}
.__service2 .box span {display:block;position:absolute;right:25px;bottom:25px;color:#fff;font-size:24px;}
.__service2 .box1 {left:473px;top:0;}
.__service2 .box2 {left:96px;top:94px;}
.__service2 .box3 {left:781px;top:487px;}
.__service2 .box4 {left:181px;top:543px;}
.__service2 .box5 {left:76px;top:995px;}
.__service2 .box6 {left:446px;top:1032px;}
.__service2 .box7 {left:172px;top:1452px;}
.__service2 .box8 {left:730px;top:1452px;}
.__service2 .box9 {left:732px;top:1817px;}
.__service2 .box10{left:172px;top:2022px;}
.__service2 .box11{left:642px;top:2305px;}
.__service2 .box12{left:53px;top:2479px;}


.__about-top {text-align:center;}
.__about-top dl {margin-top:40px;color:#000;}
.__about-top dl dt {font-size:26px;}
.__about-top dl dd {font-size:42px;margin-top:5px;}
.__about-top p {margin-top:35px;font-size:16px;font-weight:300;line-height:1.6em;}

.__about-mid {margin-top:180px;}
.__about-mid h3 {text-align:center;position:relative;font-size:34px;font-weight:500;color:#000;padding-top:30px;margin-bottom:45px;}
.__about-mid h3:before {content:"";display:block;height:1px;width:54px;position:absolute;left:50%;top:0;margin-left:-27px;background:#000;}
.__about-mid table {width:100%;table-layout:fixed;border-top:1px solid #646464;}
.__about-mid table tr > * {text-align:center;}
.__about-mid table thead tr > * {border-bottom:1px solid #646464;padding:25px 0;font-weight:500;font-size:16px;color:#333;}
.__about-mid table thead tr > *:first-child {border-left:1px solid #646464;}
.__about-mid table thead tr > *:last-child {border-right:1px solid #646464;}
.__about-mid table thead tr th span {display:block;height:24px;line-height:24px;}
.__about-mid table thead tr th ~ th span {border-left:1px solid #bababa;}
.__about-mid table tbody tr > * {border-bottom:1px solid #bababa;padding:20px 0;font-size:14px;}
.__about-mid table tbody tr > * ~ * {border-left:1px solid #bababa;}
.__about-mid table tbody tr th {font-weight:500;color:#000;}

.__about-bot {margin-top:90px;}
.__about-bot h3 {width:321px;margin:0 auto 18px;height:49px;line-height:41px;background:url(../images/about-bot-bg.gif) no-repeat;text-align:center;font-size:15px;font-weight:bold;color:#000;margin-bottom:15px;}
.__about-bot table {width:100%;table-layout:fixed;}
.__about-bot table tr td {border:1px solid #d1d1d1;padding:45px 58px 55px;vertical-align:top;}
.__about-bot table tr td .box .ico {text-align:center;margin-bottom:20px;}
.__about-bot table tr td .box h4 {text-align:center;height:32px;line-height:32px;border-radius:3px;background:#f6f6f6;font-size:16px;color:#000;font-weight:normal;margin-bottom:15px;}
.__about-bot table tr td .box .area dl {display:table;width:100%;}
.__about-bot table tr td .box .area dl > * {display:table-cell;font-size:14px;color:#333;padding:4px 0;}
.__about-bot table tr td .box .area dl dd {text-align:right;font-weight:500;}

.__about-last {margin-top:150px;}
.__about-last h3 {text-align:center;position:relative;font-size:34px;font-weight:500;color:#000;padding-top:30px;margin-bottom:45px;}
.__about-last h3:before {content:"";display:block;height:1px;width:54px;position:absolute;left:50%;top:0;margin-left:-27px;background:#000;}
.__about-last .loc {border:1px solid #000;}
.__about-last .info {margin-top:25px;}
.__about-last .info .top {font-size:16px;}
.__about-last .info .top strong {font-weight:500;color:#000;}
.__about-last .info .bot {border-top:1px dotted #333;margin-top:25px;padding-top:25px;}
.__about-last .info .bot:after {content:"";display:block;clear:both;}
.__about-last .info .bot dl {position:relative;box-sizing:border-box;float:left;width:50%;padding-left:8px;}
.__about-last .info .bot dl:before {content:"-";display:block;position:absolute;left:0;top:0;}
.__about-last .info .bot dl dt {font-size:16px;}
.__about-last .info .bot dl dd {font-size:14px;margin-top:5px;}


.__tbl-list {width:100%;table-layout:fixed;border-top:2px solid #372f2c;}
.__tbl-list tr > * {text-align:center;font-size:14px;padding:20px 10px;}
.__tbl-list tr th {color:#372f2c;border-bottom:1px solid #372f2c;font-weight:normal;}
.__tbl-list tr td {border-bottom:1px solid #e5e5e5;}
.__tbl-list .notice td:first-child {color:#9d4727;}
.__tbl-list tr .subject {text-align:left;}
.__tbl-list tr .subject a {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:90%;display:inline-block;vertical-align:middle;}


.__ico-new {display:inline-block;vertical-align:middle;width:22px;height:22px;line-height:22px;border-radius:50%;color:#fff;text-align:center;background:#ff663a;font-size:12px;font-weight:bold;}



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

.__paging {font-size:0;}
.__paging .arr,
.__paging .num {
	display:inline-block;
	box-sizing:border-box;
	vertical-align:top;
	width:38px;
	height:38px;
	line-height:36px;
	border:1px solid #fff;
	text-align:center;
	color:#666;
	z-index:0;
	position:relative;
}
.__paging .num {font-size:14px;}
.__paging .arr i {font-size:18px;display:block;line-height:36px;}
.__paging .num:hover,
.__paging .arr:hover {border-color:#000;color:#000;}
.__paging .num.active {border-color:#372f2c;color:#fff;background:#372f2c;font-weight:500;}

.__paging .prev {margin-right:10px;}
.__paging .next {margin-left:10px;}

.__search {margin-top:25px;font-size:0;}
.__search select,
.__search .wrap {display:inline-block;vertical-align:top;box-sizing:border-box;height:38px;border:1px solid #ddd;}
.__search select {margin-right:5px;padding-left:5px;background:#fff;min-width:150px;}
.__search .wrap {position:relative;padding-right:40px;width:280px;text-align:left;}
.__search .wrap input[type='text'] {border:none;height:36px;line-height:36px;box-sizing:border-box;padding-left:10px;width:100%;}
.__search .wrap button {display:block;width:40px;height:36px;background:none;border:none;font-size:18px;color:#666;position:absolute;right:0;top:0;}
.__search select,
.__search input[type='text'] {font-size:14px;}

.__board-view {border-top:2px solid #372f2c;border-bottom:1px solid #e5e5e5;}
.__board-view .top h3 {border-bottom:1px solid #372f2c;padding:20px 0;line-height:1.5em;font-size:14px;font-weight:normal;}
.__board-view .top .info {border-bottom:1px solid #e5e5e5;text-align:right;padding:20px 10px;font-size:0;}
.__board-view .top .info li {font-size:14px;vertical-align:top;display:inline-block;}
.__board-view .top .info li ~ li {margin-left:70px;}
.__board-view .top .info li strong {font-weight:normal;color:#000;}
.__board-view .con {padding:60px 30px;min-height:200px;}

.__btn1 {display:inline-block;width:175px;height:50px;line-height:48px;background:#282828;box-sizing:border-box;border:1px solid #282828;color:#fff;font-size:14px;font-weight:bold;}

.__online {background:#f6f6f6;padding:40px 220px 60px;}
.__online .agree {border-top:1px solid #333;margin-top:40px;padding-top:35px;}
.__online .agree h3 {font-size:14px;color:#000;margin-bottom:10px;}
.__online .agree .area {border:1px solid #dcdcdc;background:#fff;padding:15px;box-sizing:border-box;height:145px;overflow-y:auto;font-size:12px;line-height:1.6em;;}
.__online .agree .lab {margin-top:10px;font-size:14px;}


.__tbl-write {table-layout:fixed;width:100%;}
.__tbl-write tr > * {padding:7px 0;}
.__tbl-write tr th {font-size:14px;font-weight:normal;color:#333;text-align:left;}
.__form1 {display:inline-block;box-sizing:border-box;background:#fff;border:1px solid #c5c5c5;height:35px;padding-left:8px;width:100%;}


.__privacy {font-size:14px;line-height:1.6em;color:#333;}
.__privacy p{padding:20px 0; font-size:16px; color:#000;}
.__privacy dl ~ dl {margin-top:35px;}
.__privacy dl dt {font-size:20px;color:#000;}
.__privacy dl dd {margin-top:10px;}
.__privacy dl dd.pd20{padding-left:20px; margin-top:5px;}

.__privacy table {width:100%;table-layout:fixed;border-top:1px solid #646464; margin-top:20px;}
.__privacy table tr > * {text-align:center;}
.__privacy table thead tr > * {border-bottom:1px solid #646464;padding:10px 0;font-weight:500;font-size:14px;color:#333;}
.__privacy table thead tr > *:first-child {border-left:1px solid #646464;}
.__privacy table thead tr > *:last-child {border-right:1px solid #646464;}
.__privacy table thead tr th span {display:block;height:24px;line-height:24px;}
.__privacy table thead tr th ~ th span {border-left:1px solid #bababa;}
.__privacy table tbody tr > * {border-bottom:1px solid #bababa;padding:10px 0;font-size:14px;}
.__privacy table tbody tr > * ~ * {border-left:1px solid #bababa;}
.__privacy table tbody tr th {font-weight:500;color:#000;}




.vis_center{margin:0 auto;}