* {margin: 0; padding: 0;}
#wrap {width: 100%;}
/*
header {width: 100%; height: 80px; background: #fff;}
aside {float: left; width: 20%; height: 700px; background: #66bb6a;}
section {float: left; width: 60%; height: 700px; background: #4caf50;}
article {float: left; width: 20%; height: 700px; background: #43a047;}
footer {clear: both; width: 100%; height: 150px; }
*/



/* 헤더 */
/*
#header {position: absolute; top: -50px; box-sizing: border-box; width: 100%; height: 130px; padding: 50px 0 0; border-bottom: 1px solid #e9e9e9; transition: all .3s;}
*/

#header {position: relative; box-sizing: border-box; width: 100%; border-bottom: 1px solid #e9e9e9; transition: all .3s;}
#header .top-banner {position: absolute; top: 0; width: 100%; background: #677ec6;}
#header .top-banner .bnr-inner {position: relative; max-width: 1160px; margin: 0 auto;}
#header .top-banner .bnr-inner .imgs {margin: 0 0px; padding: 0 0px;}
#header .top-banner .bnr-inner .imgs a {display: block;}
#header .top-banner .bnr-inner .bnr-close {display: inline-block; position: absolute; top: 15px; right: 0; /*transition: all .3s;*/}
#header .top-banner .bnr-inner .bnr-close:focus,
#header .top-banner .bnr-inner .bnr-close:hover {transform: rotate(180deg);}

#header .head-inner {position: relative; max-width: 1160px; height: 80px; margin: 0 auto; }
#header .head-inner .logo {display: inline-block; position: absolute; top: 18px; left: 0; font-size: 20px;}
#header .head-inner .logo a {display: block;color: #666666;}
#header .head-inner .logo a:hover {font-weight: 700;color: #ff9900;}
#header .head-inner .gnb {display: inline-block; position: absolute; top: 0; left: 300px; font-family:Noto Sans medium;}
#header .head-inner .gnb ul {overflow: hidden;}
#header .head-inner .gnb ul li {float: left;}
#header .head-inner .gnb ul li a {display: block; padding: 0 25px; font-weight: 500; font-size: 18px; line-height: 80px; color: #333333; letter-spacing:-2px; /*transition: all .3s;*/}
#header .head-inner .gnb ul li a:focus,
#header .head-inner .gnb ul li a:hover {font-weight: 700;color: #ff9900;}


#header .head-inner .mobile-menu {display: none;}

#header .head-inner .icon {display: inline-block; position: absolute; top: 25px; right: 0;}
#header .head-inner .icon ul {overflow: hidden;}
#header .head-inner .icon ul li {margin: 0px 0 0 9px; padding-top:5px;font-size:20px;}
#header .head-inner .icon ul li:first-child {margin: 0;}
#header .head-inner .icon ul li a {display: block;}
/*
#header .head-inner .icon ul li {float: left; margin: 0 0 0 9px;}
#header .head-inner .icon ul li:first-child {margin: 0;}
#header .head-inner .icon ul li a {display: block;}
*/


/* 푸터 */
#footer-box {width:100%; background: #474747;}
#footer {max-width: 1024px; margin: 0px auto 0px; padding-bottom:40px;}
#footer .foot-inner {overflow: hidden; position: relative; margin: 0 0; padding: 35px 0px 30px; border-top: 2px solid #000000;}
#footer .foot-inner > ul {overflow: hidden; padding: 0 10px;}
#footer .foot-inner > ul > li {float: left;}
#footer .foot-inner > ul > li .tit {margin: 0 0 20px; font-size: 14px; color: #fff; font-family: Open Sans; font-weight:600; line-height: 13px;}
#footer .foot-inner > ul > li .txt {font-size: 14px; line-height: 22px; color: #d1d1d1; font-family: Noto Sans light; letter-spacing: -0.25px; -webkit-text-stroke : 0.2px;}
#footer .foot-inner > ul > li .br {padding-bottom:20px;}
#footer .foot-inner > ul > li .txt .qna {color: #555555; font-family: Noto Sans medium; text-decoration: underline;}
#footer .foot-inner > ul > li.f1 {width: 240px;}
#footer .foot-inner > ul > li.f2 {width: 520px;}
#footer .foot-inner > ul > li.f3 {width: 200px;}
#footer .foot-inner .util {position: absolute; top: 58px; right: 0px;}
#footer .foot-inner .util > ul {overflow: hidden;}
#footer .foot-inner .util > ul > li {float: left; padding: 0 8px 0 8px; border-left: 1px solid #f2f2f2;}
#footer .foot-inner .util > ul > li:first-child {padding: 0 8px 0 0; border-left: 0px solid #ffffff;}
#footer .foot-inner .util > ul > li:last-child {padding: 0 0 0 8px;}
#footer .foot-inner .util > ul > li > a {display: block; text-align: center;}
#footer .copy {display: inline; width: 100%; margin: 0px auto;font-size: 12px; color: #888888; font-family: Open Sans; font-weight:400;}


/*
* 레이어 팝업
*/
.popup-layer {display:none;position: absolute;width:600px;background-color:#fff;padding-top:15px;}
.popup-layer .popup-layer-top {padding:10px;margin-bottom:10px;}
.popup-layer p.data-title {float:left;padding-left:15px;font-size:18px;font-weight:800;}
.popup-layer p b {font-weight:800;}
.popup-layer span {float:right;padding-right:5px;}
.data-content {clear:both;text-align:left;background-color:#fff;padding:20px; margin-bottom:10px;}

.popup-board-wrap {margin: 16px 0 0; border-bottom:solid 1px #eee;}
.popup-board-wrap .pb-item {padding: 8px 0; border-top:solid 1px #eee;}
.popup-board-wrap .pb-item .tit {margin: 10px 0 10px; }
.popup-board-wrap .pb-item .tit a {font-family: Noto Sans light; font-size: 17px; color: #454545; letter-spacing: -0.3px;}
.popup-board-wrap .pb-item .tit a div {max-width: 300px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
/*
.popup-board-wrap .pb-item .date {float: right; margin-top: -28px; font-family: Open Sans; font-weight:400; font-size: 15px; color: #888888;letter-spacing: 0px;}
*/
.img-prevew {cursor:pointer;}

.popup-box div.content .popup-form h3 {
	padding:10px 0px;
	font-size:20px;
}
.popup-box div.content .popup-form li {
	padding:5px 0;
}
.popup-box div.content .popup-form li dl dd {
	line-height:26px;
	font-size:18px;
}

.popup-box div.content .popup-form li dl dd span {
	font-size:12px;
	padding:0px 10px;
}

.btn-popup a {background-color:#ffcc00;color:#000;border-radius:10px;padding:10px;}
.btn-popup a:hover {background-color:#000;color:#fff;}
.btn-popup span {float:right;}
.btn-popup span a {background-color:#8f8f8f;color:#000;border-radius:10px;padding:10px;}
.btn-popup span a:hover {background-color:#000;color:#fff;}



/* sub title */
#sub-title-wrap {max-width: 1160px; margin: 0px auto 0px;}
#sub-title-wrap .title {overflow: hidden; padding: 45px 0 46px; font-size: 0;}
#sub-title-wrap .title .tit {display: inline-block; font-family: 'Noto Sans light'; font-size: 50px; letter-spacing:-2px; color:#1e1e1e;}
#sub-title-wrap .title .tit .normal {display: inline-block; font-family: 'Noto Sans light'; font-weight: 400;}
#sub-title-wrap .title .subtit {display: inline-block; position: relative; padding: 3px 0 0 85px; font-family: 'Noto Sans light'; font-size: 16px; line-height: 23px; vertical-align: bottom; color:#555555; letter-spacing: -1px; -webkit-text-stroke : 0.2px}
#sub-title-wrap .title .subtit:before {display: block; content: ''; position: absolute; top: 43px; left: 25px; width: 35px; height: 2px; background: #1e1e1e;}
#sub-title-wrap .title .subtit .amount {font-family: 'Noto Sans medium'; center; color: #555555;}
#sub-title-wrap .title .subtit .amount .s_name1 {width: 65px; height: 23px; display: inline-block !important; font-size: 12px; text-align: center; color: #ffffff; background-color: #55667f; border-radius: 50px; margin-top: 1px; margin-left: 5px;}
#sub-title-wrap .title .subtit .amount .s_name2 {width: 65px; height: 23px; display: inline-block !important; font-size: 12px; text-align: center; color: #ffffff; background-color: #00a9a0; border-radius: 50px; margin-top: 1px; margin-left: 5px;}
#sub-title-wrap .title .subtit .amount .s_name3 {width: 65px; height: 23px; display: inline-block !important; font-size: 12px; text-align: center; color: #ffffff; background-color: #907cb7; border-radius: 50px; margin-top: 1px; margin-left: 5px;}
#sub-title-wrap .title .subtit .amount .s_name4 {width: 65px; height: 23px; display: inline-block !important; font-size: 12px; text-align: center; color: #ffffff; background-color: #88725b; border-radius: 50px; margin-top: 1px; margin-left: 5px;}

.title .util-list {display: table;float: right;padding: 0 15px 0 0;}
.title .util-list li {display: table-cell;}
.title .util-list li a {display: block; padding: 40px 0 0; font-family: Noto Sans regular; font-size: 14px; color: #1e1e1e; text-align: center; /*transition: all .3s;*/}
.title .util-list li a span {padding: 0 31px 0;border-right:  1px solid #e5e5e5;}
/*
.title .util-list li.i1 a {background: url(../images/common/manual.png) center 0px no-repeat;}
.title .util-list li.i2 a {background: url(../images/common/introduction.png) center 0px no-repeat;}
.title .util-list li.i3 a {background: url(../images/common/license.png)  52px 0px no-repeat;}
*/
.title .util-list li.i3 a span{ padding: 0 0 0 31px; border-right: none;}
/*
.title .util-list li.i1:hover a {background-image: url(../images/common/manual.png);}
.title .util-list li.i2:hover a {background-image: url(../images/common/introduction.png);}
.title .util-list li.i3:hover a {background-image: url(../images/common/license.png);}
*/

#sub-title-wrap .title .util-list li.p1 a {background: url(../images/common/faq.png) center 0px no-repeat;}
#sub-title-wrap .title .util-list li.p2 a {background: url(../images/common/license.png)  52px 0px no-repeat; padding: 40px 0 0 31px;}
#sub-title-wrap .title .util-list li.p2 a:before {display: block; content: ''; position: absolute; z-index: -1; width: 1px; height: 14px; right: 260px; background: #e5e5e5;}



#container {width: 100%; margin: 0 auto;}

#contents .title {overflow: hidden;padding: 45px 0 46px;font-size: 0;}
#contents .title .tit {display: inline-block; font-family: 'Noto Sans light'; font-size: 50px; letter-spacing:-2px; color:#1e1e1e;}
#contents .title .tit .normal {display: inline-block; font-family: 'Noto Sans light'; font-weight: 400;}
#contents .title .subtit {display: inline-block; position: relative; padding: 3px 0 0 85px; font-family: 'Noto Sans light'; font-size: 16px; line-height: 22px; vertical-align: bottom; color:#555555; letter-spacing: -1px; -webkit-text-stroke : 0.2px}
#contents .title .subtit:before {display: block; content: ''; position: absolute; top: 43px; left: 25px; width: 35px; height: 2px; background: #1e1e1e;}
#contents .title .btnbox {float: right;letter-spacing:  -1px; font-family: Malgun Gothic;}


#contents .title .subtit2 {display: inline-block; position: relative; padding: 18px 15px 0 85px; font-family: 'Noto Sans light'; font-size: 23px; line-height: 22px; vertical-align: bottom; color:#555555; letter-spacing: -1px;float:right;}
#contents .title .subtit3 {display: inline-block; position: relative; padding: 0px; font-family: 'Noto Sans'; font-size: 15px; line-height: 17px; color:#555555; letter-spacing: -1px;float:right;text-align:center;font-weight:600;border-radius:50px;background-color:#fcce00;width:79px;height:79px;margin-top:-12px;}



/* 메인 본문 */
#text-box { max-width:1160px; margin: 0px auto 0px; }
#text-box .minfo {margin:0 auto;}
#text-box .minfo .top_area {overflow: hidden; position: relative; padding: 48px 0 32px;}
#text-box .minfo .top_area .tit-box {float: left;}
#text-box .minfo .top_area .tit-box .subtit {margin: 0px 0 0px; font-family: Noto Sans regular; font-size: 32px; color: #1e1e1e; letter-spacing: -2.5px; display: inline-block}
#text-box .minfo .top_area .tit-box .tit {margin: 0 0 19px;font-family: Noto Sans light;font-size: 64px;color: #1e1e1e;letter-spacing: -3.5px;}
#text-box .minfo .top_area .tit-box .desc {font-size: 16px;font-family: Noto Sans regular;color: #555555;letter-spacing: -0.5px;}




#text-box .minfo .top_area .news-box {float: right; position: relative; box-sizing: border-box; max-width: 358px; padding: 0 0 0 52px;}
#text-box .minfo .top_area .news-box:before {display: block;content: '';position: absolute;top: 1px;left: 0;width: 1px;height: 153px;background: #ededed;}
#text-box .minfo .top_area .news-box .cate {font-size: 18px;color: #000000;letter-spacing:  0px;font-family:  Open Sans; font-weight:800;}
#text-box .minfo .top_area .news-box .slick-wrap {margin: 16px 0 0;}
#text-box .minfo .top_area .news-box .slick-wrap .slick-item {padding: 8px 0;}
#text-box .minfo .top_area .news-box .slick-wrap .slick-item .tit {margin: 0 0 13px;}
#text-box .minfo .top_area .news-box .slick-wrap .slick-item .tit a {font-family: Noto Sans light; font-size: 17px; color: #454545; letter-spacing: -0.3px;}
#text-box .minfo .top_area .news-box .slick-wrap .slick-item .tit a div {max-width: 300px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
#text-box .minfo .top_area .news-box .slick-wrap .slick-item .date {font-family: Open Sans; font-weight:400; font-size: 15px; color: #888888;letter-spacing: 0px;}



#slide-box .visual-slide {position: relative;padding:70px 0px 0x; height: 550px;/*background: #0080c0;background: #fcce00;*/background: #339999;}
#slide-box .visual-slide .templt_cont {position: relative;margin: 0 0px;}
#slide-box .visual-slide .templt_cont > div {position: absolute; width: 100%; height: auto;/*background: #fcce00;*/}
#slide-box .visual-slide .templt_cont > div.on {position: relative; top: 0; left: 0;}

#slide-box .visual-slide .templt_cont > div .slick-wrap {position: relative; height: auto;}

.slide-prev { position: absolute;top: 260px;left: 10px;z-index: 2;border-radius: 100%;width: 60px;height: 60px;background: rgba(30, 30, 30, 0.65) url(/images/landing/tem_more_left.png) left 19px top 19px no-repeat;text-indent: -9999em; }
.slide-prev:hover {background: rgba(30, 30, 30, 0.9) url(/images/landing/tem_more_left.png) left 19px top 19px no-repeat;}
.slide-next {position: absolute;top: 260px;right: 10px;z-index: 2;border-radius: 100%;width: 60px;height: 60px;background: rgba(30, 30, 30, 0.65) url(/images/landing/tem_more_right.png) right 19px top 19px no-repeat;text-indent: -9999em; }
.slide-next:hover {background: rgba(30, 30, 30, 0.9) url(/images/landing/tem_more_right.png) right 19px top 19px no-repeat;}

#slide-box .visual-slide .templt_cont > div .slick-wrap .slick-item {position: relative; float: left; box-shadow: none;  display: block; width: 100%; height: 100%;}
#slide-box .visual-slide .templt_cont > div .slick-wrap .slick-item img {max-width: 250px; width: 100%; height: 100%;}
#slide-box .visual-slide .templt_cont .t_info .slick-wrap .slick-item {width: 250px; height: 380px; margin: 86px 0px;  transform: scale(1); transition: all .3s; }





#process .flow {padding: 70px 0 0;}

#process .flow .topbox {margin: 0 0 10px;text-align: center;}
#process .flow .topbox:after {display: block; content: ''; clear: both;}
#process .flow .topbox .tit-box {text-align: center;}
#process .flow .topbox .tit-box .tit {font-family: Noto Sans regular; font-size: 40px; color: #1e1e1e; letter-spacing: -1.5px;}
#process .flow .topbox .tit-box .tit strong {font-family: 'NanumSquare'; font-weight: 700;}

#process .flow .topbox .infobox {text-align: center;}
#process .flow .topbox .infobox .desc {margin: 24px 0 70px;font-family: Noto Sans light;font-weight: 700; font-size: 18px;color: #777777;line-height: 26px;letter-spacing: -0.5px;}

#process .flow .topbox .comment {padding : 42px 0 40px; }
#process .flow .topbox .comment .comments > li {display: inline-block;padding: 0 18px 0 50px; /*border-left: 1px solid #e9e9e9;*/ }

#process .flow .topbox .comment .comments > li.middle {
	position: relative;
	z-index: 1;
}
#process .flow .topbox .comment .comments > li.middle:before {
	content: '';
	width: 0px;
	height: 100%;
	position: absolute;
	left: -24px;
	top: 0;
	display: block;
	z-index: -1;
	box-shadow: 32px 0 0 0 #fff, 0 -32px 0 0 #fff, 0 32px 0 0 #fff, 32px 32px 0 0 #fff, 32px -32px 0 0 #fff, 0 0 32px 0 rgba(0, 0, 0, 0.15);
}

#process .flow .topbox .comment .comments > li.middle:after {
	content: '';
	width: 32px;
	height: 100%;
	position: absolute;
	right: -24px;
	top: 0;
	display: block;
	z-index: -1;
	box-shadow: -32px 0 0 0 #fff, 0 -32px 0 0 #fff, 0 32px 0 0 #fff, -32px 32px 0 0 #fff, -32px -32px 0 0 #fff, 0 0 32px 0 rgba(0, 0, 0, 0.15);
}


#process .flow .topbox .comment .comments > li:first-child {/*padding: 0 48px 0 0;*/border-left: none;}
#process .flow .topbox .comment .comments > li:last-child {padding: 0 0 0 50px;}
#process .flow .topbox .comment .comments > li > div {text-align: left; font-family: Noto Sans light; font-size: 18px; color: #777777; letter-spacing:-0.5px; line-height: 30px;}
#process .flow .topbox .comment .comments > li > .writer {text-align: center;font-family: Noto Sans regular; color: #1e1e1e; padding: 12px 0 0 0;}
#process .flow .topbox .comment .btn_list {margin:50px auto;}


/*
#hanbok-box .hanbok-wrap {overflow: hidden;position: relative;margin: 0px;padding: 70px 0px 70px;background: #0080c0;}
#hanbok-box .hanbok-wrap .bot_area {display: table;position: relative;z-index: 2;width:  100%;text-align:  center; cursor: pointer;}
#hanbok-box .hanbok-wrap .tit-box {text-align:  center;}
#hanbok-box .hanbok-wrap .gifbox {padding: 44px 0 21px 0; }
#hanbok-box .hanbok-wrap .gifbox div {width: 250px; height: 343px; display: inline-block; margin-right: 53px; box-shadow: 4px 4px 14px 0px rgba(0,0,0,0.15);}
#hanbok-box .hanbok-wrap .gifbox img {width: 100%; height: 100%; padding-top: 0px;}
#hanbok-box .hanbok-wrap .gall_detail {float: right;padding-right: 114px; padding-bottom: 47px;}
*/




#gallery-box .gallery-wrap {overflow: hidden;position: relative;margin: 0px;padding: 120px 0px 60px;background: #ff9900;}
#gallery-box .gallery-wrap .tit-box {text-align:  center;}
#gallery-box .gallery-wrap .tit-box .glogo {padding: 50px 0 36px 0; font-size:50px;}
#gallery-box .gallery-wrap .tit-box .tit {font-family: Noto Sans regular; font-size: 50px; color: #ffffff; letter-spacing: -1.5px; padding: 0 0 19px 0;}
#gallery-box .gallery-wrap .tit-box .desc {font-family: Noto Sans regular; font-size: 25px; color: #000; letter-spacing: -0.5px; line-height: 32px;}
#gallery-box .gallery-wrap .gifbox {padding: 44px 0 25px 0; }
#gallery-box .gallery-wrap .gifbox div {width: 250px; height: 343px; display: inline-block; margin-right: 53px; box-shadow: 4px 4px 14px 0px rgba(0,0,0,0.15);}
#gallery-box .gallery-wrap .gifbox img {width: 100%; height: 100%; padding-top: 0px;}
#gallery-box .gallery-wrap .gall-detail {padding-top: 47px;}




#bijou-box .titbox-bijou { text-align: center;}
#bijou-box .titbox-bijou .tit_text {font-family: Noto Sans regular; font-size: 40px; color: #1e1e1e; letter-spacing: -1.5px; padding: 70px 0 0 0;}
#bijou-box .titbox-bijou .sub_text {text-align: center;}
#bijou-box .titbox-bijou .sub_text .desc_text {margin: 24px 0 55px; font-family: Noto Sans light; font-weight: 700; font-size: 18px; color: #777777; line-height: 26px; letter-spacing: -0.5px;}

#bijou-box .shop-gall {position: relative; margin:0 auto; background: #555555; max-height:700px;/*background: url(../images/landing/bijou_bg.jpg) 0 0 no-repeat; background-size:50% 50%;*/}
#bijou-box .shop-gall .bijou-gall {position: relative;background: url(/images/landing/IMG_0088.JPG) 0 0 no-repeat; background-position: center center; background-size: cover; width:100%; height:100%;}
#bijou-box .shop-gall .bijou-gall img {height:700px;}
#bijou-box .shop-gall .bijou-gall .gall-prev {position: relative;top: 44%;left: 15%;z-index: 1;width: 35px;height: 68px;background: url(../images/landing/img_more_left.png) 0 0 no-repeat;text-indent: -9999px;}
#bijou-box .shop-gall .bijou-gall .gall-next {position: relative;top: 44%;right: 15%;z-index: 1;width: 35px;height: 68px;background: url(../images/landing/img_more_right.png) 0 0 no-repeat;text-indent: -9999px;}
#bijou-box .shop-gall .bijou-gall .gall-item {text-align:center;}

#bijou-box .shop-gall .controlbox {display: inline-block;position: absolute;border:solid 1px #ff0000;/*top: 331px;left: 774px;*/}
#bijou-box .shop-gall .controlbox ul {display: inline-block; font-size: 0;}
#bijou-box .shop-gall .controlbox ul li {display: inline-block; margin: 0 0 0 14px; font-size: 0; line-height: 22px;}
#bijou-box .shop-gall .controlbox ul li:first-child {margin: 0;}
#bijou-box .shop-gall .controlbox ul li button {width: 11px; height: 11px; border-radius: 100%; background: rgba(255,255,255,.4); /*transition: all .3s;*/ vertical-align: middle; text-indent: -9999em;}
#bijou-box .shop-gall .controlbox ul li.slick-active button {background: rgba(255,255,255,1);}


#board-box .board-area {position: relative; margin:0 auto;padding: 120px 0 0; }
#board-box .board-area .tit-box {text-align: center;}
#board-box .board-area .tit-box .tit {font-family: 'NanumSquare'; font-weight: 300; font-size: 52px; line-height: 65px; color: #1e1e1e; letter-spacing:-0.1px;}
#board-box .board-area .tit-box .desc {font-family: Noto Sans regular; font-size: 30px; line-height: 50px; color: #1e1e1e; letter-spacing:-0.75px;}
#board-box .board-area .tit-box .comment {padding : 20px 0 80px;}

/* board form */
#board-box .board-area #board-wrap .board-form { margin:0 auto; max-width:600px;}
#board-box .board-area #board-wrap .board-form .board-request ul { padding:5px 0px; }
/*
#board-wrap .board-form table.area-form-tbl { background:#fff; }
#board-wrap .board-form table.area-form-tbl tbody tr th { text-align:right; padding:5px 10px;  color:#666;  font-weight:600; }
#board-wrap .board-form table.area-form-tbl tbody tr td { text-align:left; padding:5px 10px; }
*/
#board-box .board-area #board-wrap .board-form .board-button {display: block; margin:20px 0px 10px 0px; width:100%; z-index:1;  }


.agree-box h2 {font-size:16px;font-weight:800;}
.agree-box .agree-check {text-align:left;color:#000;font-size:16px;margin:10px 0px;}
.agree-box .agree-check input[type="checkbox"] {width:20px;height:20px;}
.agree-box .agree-check a {float:right;text-align:right;}
.agree-box .agree-check a.full_text {background-color:#ddd;color:#000;font-size:14px;padding:6px 8px;}



.map-title {position: relative;margin: 0 auto; text-align:left;padding: 20px 10px 20px}
.map-wrap .map-title .tit {margin: 0 0 19px;font-family: Noto Sans light;font-size: 64px;color: #1e1e1e;letter-spacing: -3.5px;}
.map-wrap .map-title .desc {font-size: 16px;font-family: Noto Sans regular;color: #555555;letter-spacing: -0.5px;}

/*
#reference_wrap .etc .etcbox {padding: 0px;background: #1e1e1e;margin: 0 auto; max-width:1160px;}
#reference_wrap .etc .etcbox .etcs {display: table;}
#reference_wrap .etc .etcbox .etcs > li {display: inline-block; text-align:  center;}
#reference_wrap .etc .etcbox .etcs > li div {width:  227px; padding: 99px 0 45px 0; border-left: 1px solid #2e2e2e;}
#reference_wrap .etc .etcbox .etcs > li.i5 div {width:  229px; border-left: 1px solid #2e2e2e;  border-right: 1px solid #2e2e2e;}
#reference_wrap .etc .etcbox .etcs > li div a {text-align: left;font-family: 'NanumSquare';font-size: 16px;color: #f6f6f6;letter-spacing:-0.5px;line-height: 16px;padding: 57px 0 0 0;}
#reference_wrap .etc .etcbox .etcs > li.i1 div a {background: url(../images/main/MA_manual.png) center 0px no-repeat;}
#reference_wrap .etc .etcbox .etcs > li.i2 div a {background: url(../images/main/MA_introduction.png) center 0px no-repeat;}
#reference_wrap .etc .etcbox .etcs > li.i3 div a {background: url(../images/main/MA_license.png) center 0px no-repeat;}
#reference_wrap .etc .etcbox .etcs > li.i4 div a {background: url(../images/main/MA_qna.png) center 0px no-repeat;}
#reference_wrap .etc .etcbox .etcs > li.i5 div a {background: url(../images/main/MA_news.png) center 0px no-repeat;}
*/







.hide {display:none;}
.show {display:block;}