@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800|Nanum+Myeongjo:400,700,800|Nanum+Pen+Script|Noto+Sans+KR:100,300,400,500,700,900&subset=korean');
@import url('https://fonts.googleapis.com/css?family=Do+Hyeon|Kumar+One&display=swap&subset=korean');
/*
font-family: 'Nanum Gothic', sans-serif;
font-family: 'Noto Sans KR', sans-serif;
font-family: 'Nanum Myeongjo', serif;
font-family: 'Nanum Pen Script', cursive;
font-family: 'Kumar One', cursive;
font-family: 'Do Hyeon', sans-serif;
*/
/***** reset : start *****/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0; /* 선이 나오는 태그일 경우 선빼기 ex:img a*/
	font-size: 100%; /* 모든태그의 폰트크기를 body에 지정된 크기로 통일 */
	font: inherit; /* 바디의 것을 상속 */
	font-family: 'Noto Sans', sans-serif; /* 기본폰트 설정 */
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height:1.5; /* 줄간격, em단위:상속받는 폰트크기의 %, 상속받는 폰트크기가 13px일 경우 1em=13px, 1.5em=17px */
	font-size:12px; /* 기본 폰트 사이즈 12px로 지정 */
	background-color:#f0f0f0;
}
a {text-decoration:none;}
a:link, a:visited {text-decoration:none; color:#333;}
a:hover, a:active {text-decoration:none; color:#666;}

img {border:none; vertical-align:middle;}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse; /*각 칸의 선을 병합시켜서 1px로 보이게함*/
	border-spacing: 0; /*칸사이 기본간격 없애기*/
}
fieldset {border:none;}

/*버튼 기본커서 모양 변경(손모양)*/
button {padding:0; margin:0; border:none; vertical-align:middle; cursor:pointer;}
legend{width:1px; height:1px; overflow:hidden; visibility:hidden; line-height:0; font-size:0; position:absolute; left:-999px;}
/* 스크린 리더사용시 화면상에 보이지는 않지만 필요한 설명추가시 사용 */

input[type=text]::-ms-clear {display:none;} /* ie 기본 x값 제거 */
input[type=password]::-ms-clear {display:none;} /* ie 기본 x값 제거 */
textarea {resize:none;}
/***** reset : end *****/
/***** common : start *****/
* {box-sizing:border-box;}
button {outline:none;}
ul, ol {font-size:0;}
li {font-size:14px;}
#content {min-height:650px;}
.wrap {width:1100px; margin:0 auto; font-size:0;}
.test {padding:10px;width:1200px; margin:0 auto; padding-left:400px;}
.subpage>.wrap {padding-left:260px;}
#address .btnc2>li:first-child {width:80%;}
#address .btnc2>li:last-child {width:20%;}
#address .cssmap-box>.map {position:relative; display:block; width:100%; height:100%;}
#address .cssmap-box>.map>li {position:relative; display:inline-block; font-size:12px; min-height:50px; vertical-align:top; text-align:center;}
#address .cssmap-box>.map>li:nth-child(3n+1) {width:70%;}
#address .cssmap-box>.map>li:nth-child(3n+2) {width:10%;}
#address .cssmap-box>.map>li:nth-child(3n+3) {width:20%;}
#address .cssmap-box>.map>li:nth-child(1), #address .cssmap-box>.map>li:nth-child(3), #address .cssmap-box>.map>li:nth-child(7), #address .cssmap-box>.map>li:nth-child(9) {background-color:#dfdfdf; height:150px; box-shadow:#999 1px 1px 1px;}
#address .cssmap-box>.map>li>span {display:inline-block; position:absolute;}
#address .cssmap-box>.map>li:nth-child(1) span:nth-child(1) {left:40%; top:10px;}
#address .cssmap-box>.map>li:nth-child(1) span:nth-child(2) {left:20%; bottom:10px;}
#address .cssmap-box>.map>li:nth-child(1) span:nth-child(3) {left:45%; bottom:5px; color:rgb(29, 123, 144)}
#address .cssmap-box>.map>li:nth-child(1) span:nth-child(3)>div {position:relative; background-color:#fff; border-radius:10px 10px 0 0; padding:3px 5px;}
#address .cssmap-box>.map>li:nth-child(1) span:nth-child(3) [class*="zicon-"] {font-size:30px; line-height:120%;}
#address .cssmap-box>.map>li:nth-child(1) span:nth-child(4) {right:10px; bottom:10px;}
#address .cssmap-box>.map>li:nth-child(2) span {left:50%; top:0; transform:translateX(-50%); width:14px; line-height:120%;}
#address .cssmap-box>.map>li:nth-child(4) span {left:0; top:50%; transform:translateY(-50%);}
#address .cssmap-box>.map>li:nth-child(5) span {left:50%; top:50%; transform:translate(-50%,-50%); white-space:nowrap;}
#address .cssmap-box>.map>li:nth-child(6) span {right:0; top:50%; transform:translateY(-50%);}
#address .cssmap-box>.map>li:nth-child(7) span {top:10px;}
#address .cssmap-box>.map>li:nth-child(7) span:nth-child(1) {left:10%;}
#address .cssmap-box>.map>li:nth-child(7) span:nth-child(2) {left:30%;}
#address .cssmap-box>.map>li:nth-child(7) span:nth-child(3) {left:53%;}
#address .cssmap-box>.map>li:nth-child(7) span:nth-child(4) {left:63%;}
#address .cssmap-box>.map>li:nth-child(7) span:nth-child(5) {left:73%;}
.menu-s0 li, .menu-s2 li {display:inline-block;}
.menu-s0 li {margin-left:10px;}
.menu-s1 a {display:block; padding:10px;}
.menu-s1 .title {padding:8px; font-size:16px; color:#b3a48d; border-bottom:#837867 solid 1px;}
.menu-s1 [class*="zicon-"] {opacity:.5;}
.menu-s1 .m1 {position:relative;}
.menu-s1 .m1 li a {font-size:16px; color:#fff;}
.menu-s1 .m1 li:hover {color:#333; cursor:pointer;}
.menu-s1>.m1 li:hover a {color:#333;}
.menu-s1>.m1 li:hover a:hover {color:#ffc945;}
.menu-s1 .m1 li:hover .m2 {display:block;}
.menu-s1 .m2 {display:none; background-color:#fff; position:absolute; top:0; right:0; transform:translateX(100%);}
.menu-s1 .m2 li a {font-size:14px; color:#333;}
.menu-s1 .m2 li a:hover {color:#000;}
.menu-s2 li {border-left:#dfdfdf solid 1px;}
.menu-s2 li a {display:block; padding:10px;}
.menu-s2>li a:hover {color:#ffc945;}
.height-main {height:365px;}
.height-sub {height:228px;}
.banner-s2 {height:145px;}

[class*='line-box'] {position:absolute; top:0; left:0; width:100%; height:100%;}
[class*='line-box']>li {position:absolute; width:5px; height:5px; background-color:#fff;}
[class*='line-box']>li:nth-child(1) {width:100%; left:0; top:0;}
[class*='line-box']>li:nth-child(4) {width:100%; right:0; bottom:0;}
.line-box-t1>li:nth-child(2) {height:30%; right:0; top:0;}
.line-box-t1>li:nth-child(3) {height:30%; right:0; bottom:0;}
.line-box-t1>li:nth-child(5) {height:30%; left:0; bottom:0;}
.line-box-t1>li:nth-child(6) {height:30%; left:0; top:0;}
.line-box-t2>li:nth-child(2) {height:70%; right:0; top:0;}
.line-box-t2>li:nth-child(5) {height:70%; left:0; bottom:0;}
/***** swiper add css : start *****/
.swiper-container {height:100%;}
/* swiper-m1 */
.swiper-container.swiper-m1:hover>[class*="swiper-button-"] {display:block;}
.swiper-container.swiper-m1 .swiper-slide {background-position:center; background-repeat:no-repeat; background-size:cover;}
.swiper-container.swiper-m1>.swiper-pagination {display:inline-block; left:50%; transform:translateX(-50%); text-align:right; width:1100px;}
.swiper-container.swiper-m1>.swiper-pagination>.swiper-pagination-bullet {width:20px; height:20px; border-radius:3px; background-color:#fff;}
.swiper-container.swiper-m1>.swiper-pagination>.swiper-pagination-bullet-active {border:#fff solid 1px;}
.swiper-container.swiper-m1>[class*="swiper-button-"] {color:#fff; font-size:50px; width:50px; height:50px; font-weight:bold; line-height:100%;}
.swiper-container.swiper-m1>[class*="swiper-button-"]:hover {}
.swiper-container.swiper-m1>.swiper-button-next {right:50px;}
.swiper-container.swiper-m1>.swiper-button-prev {left:50px;}
/***** swiper add css : end *****/
/***** animate : start *****/
@keyframes ani01 {
	0% {background-size:100%;}
	50% {background-size:110%;}
	100% {background-size:100%;}
}
/***** animate : end *****/
@media screen and (min-width:768px) {
	.menu-s1 .m1 li:hover {background-color:#fff;}
}
@media screen and (max-width:1200px) {
    .wrap {width:100%;}
}
@media screen and (max-width:768px) {
	.swiper-container.swiper-m1>.swiper-pagination {width:100%;}
	.menu-s1 .m1 li>a {color:#fff;}
	.menu-s1 .m1 li:hover {background-color:none; color:none;}
	.menu-s1 .m2 {display:block; background-color:; position:relative; top:none; right:none; transform:none;}
	.menu-s1 .m2 li {padding:0;}
	.menu-s1 .m2 li>a {color:#333;}
	.height-main {height:auto;}
	.height-sub {height:auto;}
}
@media screen and (max-width:550px) {
	.subpage>.wrap {padding-left:0;}
	.swiper-container.swiper-m1>.swiper-button-next {right:0;}
	.swiper-container.swiper-m1>.swiper-button-prev {left:0;}
}