html {
	height: 100%;
}
body {
	height: 100%;
}
#wrapper {
	width: 100%;
}




/**********************
NAVBAR
***********************/

.navbar {
	min-height: 90px;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
}

.navbar-default {
	background-color: #ffffff;
}

.navbar-brand {
	height: 90px;
	padding: 23px;
}

.navbar-brand img {
	max-height: 44px;
}

.navbar-default .navbar-nav>li>a {
	font-size: 13px;
	color: #707070;
	padding: 35px 23px;
}

.navbar-default .navbar-nav>li>a:focus, 
.navbar-default .navbar-nav>li>a:hover {
	color: #00c7fc;
	background-color: transparent;
}

.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active>a:focus, 
.navbar-default .navbar-nav>.active>a:hover {
	color: #00c7fc;
	background-color: transparent;
}

.navbar-default .navbar-toggle {
	margin-top: 28px;
	margin-bottom: 28px;
	border: 0;
	border-radius: 0;
}

.navbar-default .navbar-toggle .icon-bar {
	background: #707070;
}

.navbar-default .navbar-toggle:focus, 
.navbar-default .navbar-toggle:hover {
	background-color: transparent;
}

.navbar-default .navbar-toggle:focus .icon-bar, 
.navbar-default .navbar-toggle:hover .icon-bar {
	background: #00c7fc;
}



.main_visual {
	background: url("../images/main_banner_bg.png") no-repeat top / cover; height: 880px; 
}
.main_visual .main_visual_text {
	left: 20%; top: 28%; width: 1200px; float: right; position: absolute;
}
.main_visual .main_visual_text ul {
	float: right;
}
.main_visual .main_visual_text li {
	color: rgb(31, 31, 31); text-transform: uppercase; letter-spacing: -1.3px; font-family: "Ubuntu", sans-serif; font-size: 50px; font-weight: 600;
}
.main_visual .main_visual_text li span {
	color: rgb(1, 155, 251); margin-left: 3px;
}
.main_visual .main_visual_text li:last-child {
	line-height: 1.3em; font-family: "NanumSquare", sans-serif; font-size: 26px; font-weight: normal; margin-top: 55px;
}
@media screen and (max-width:360px)
{
.m-lang {
	display: none !important;
}
.gnb ul {
	margin-top: 15px;
}
.gnb li {
	margin-right: 9px !important; float: left; display: block;
}
.main_visual {
	background: url("../images/main_banner_bg.png") no-repeat top / cover; height: 640px;
}
.main_visual .main_visual_text {
	left: -5%; top: 28%; width: 360px; float: right; position: absolute;
}
.main_visual .main_visual_text ul {
	float: right;
}
.main_visual .main_visual_text li {
	color: rgb(31, 31, 31); text-transform: uppercase; letter-spacing: -1.3px; font-family: "Ubuntu", sans-serif; font-size: 24px; font-weight: 600;
}
.main_visual .main_visual_text li span {
	color: rgb(1, 155, 251); margin-left: 3px;
}
.main_visual .main_visual_text li:last-child {
	line-height: 1.3em; font-family: "NanumSquare", sans-serif; font-size: 17px; font-weight: normal; margin-top: 20px;
}
.w1200 {
	margin: 0px auto; width: 100% !important; overflow: hidden; clear: both;
}
.w1320 {
	margin: 0px auto; width: 100% !important; overflow: hidden; clear: both;
}
.contents_list ul {
	width: 100% !important; height: 250px !important; margin-bottom: 25px !important;
}
.contents_list li {
	width: 340px !important; letter-spacing: -0.5px; font-size: 16.5px !important;
}
.contents_list li img {
	width: 100%;
}
.contents_list .list-tit {
	color: rgb(1, 155, 250); font-size: 20px; font-weight: 600; margin-top: 20px !important;
}
.contents_list .list-tit02 {
	margin: 0px 0px 10px !important; color: rgb(31, 31, 31) !important; font-size: 28px !important;
}
.con_link span img {
	display: none !important;
}
.cont_right {
	margin-left: 10px !important;
}
.cont_left {
	margin-left: 10px !important;
}
.cont_text {
	padding: 0px !important;
}
.clients {
	margin: 0px auto; width: 320px;
}
.clients ul {
	margin-bottom: 5px !important;
}
.clients li {
	margin-right: 0px !important;
}
.clients ul > li:last-child {
	padding-top: 10px; display: none !important;
}
.history_list01 th {
	padding: 2px 10px 3px 0px !important; text-align: left; color: rgb(255, 255, 255); font-family: "Noto Sans Kr" !important; font-size: 14px !important; font-weight: 900;
}
.history_list01 td {
	letter-spacing: -0.5px !important; font-family: "Noto Sans Kr" !important; font-size: 14px !important;
}
.history_list01 th span {
	text-align: left; font-size: 20px !important; margin-right: 5px !important;
}
.day_none {
	display: none !important;
}
.history_list02 {
	width: 360px !important;
}
.history_list02 li {
	font-family: "Noto Sans Kr" !important; font-size: 14px !important;
}
.from01 table {
	width: 100%; overflow: hidden; font-family: "Noto Sans Kr" !important; margin-top: 50px; border-bottom-color: rgb(51, 51, 51); border-bottom-width: 1px; border-bottom-style: solid;
}
.from01 th {
	padding: 5px !important; text-align: left; color: rgb(255, 255, 255); letter-spacing: -0.5px; font-family: "Noto Sans Kr" !important; font-size: 15px !important; background-color: rgb(31, 31, 31);
}
.from01 td {
	padding: 5px; color: rgb(31, 31, 31); letter-spacing: -0.5px !important; font-family: "Noto Sans Kr" !important; font-size: 13px !important; font-weight: 600;
}
.from01 .bg_color {
	border-top-color: rgb(186, 186, 186); border-bottom-color: rgb(186, 186, 186); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; background-color: rgb(224, 224, 224);
}
.from_tit {
	width: 170px; color: rgb(31, 31, 31); padding-top: 40px; font-size: 40px; float: left;
}
.from02 {
	margin-left: 45px; float: left; display: block;
}
.from02 table {
	width: 100%; overflow: hidden; font-family: "Noto Sans Kr" !important; margin-top: 50px; border-top-color: rgb(51, 51, 51); border-bottom-color: rgb(51, 51, 51); border-top-width: 3px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}
.from02 th {
	padding: 15px; text-align: left; color: rgb(255, 255, 255); font-size: 17px; background-color: rgb(31, 31, 31);
}
.from02 td {
	padding: 10px; color: rgb(31, 31, 31); font-size: 15px; font-weight: 600;
}
.from02 .bg_color {
	border-top-color: rgb(186, 186, 186); border-bottom-color: rgb(186, 186, 186); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; background-color: rgb(224, 224, 224);
}
.prd-slide img {
	width: 133px !important; box-shadow: none !important;
}
.prd-slide p {
	padding: 3px; text-align: center; color: rgb(31, 31, 31); font-family: "Noto Sans Kr" !important; font-size: 13px !important;
}
.slick-prev .slick-next {
	top: 36% !important;
}
.us {
	padding: 20px !important;
}
.contactus_tit h2 {
	font-size: 60px !important;
}
.contactus_tit h3 {
	font-size: 35px !important;
}
.us p {
	margin: 10px 0px 20px !important; font-size: 18px !important;
}
.location {
	width: 100% !important; height: 250px; margin-top: 25px; float: right; box-shadow: 0px 3px 25px rgba(0,0,0,0.2);
}
.sns_wrap > div {
	border: currentColor !important; border-image: none !important;
}
.sns_wrap .youtube {
	margin-top: 30px;
}
#iframe_youtube {
	width: 44% !important;
}
.ytp-cued-thumbnail-overlay {
	width: 360px !important;
}
.footer {
	width: 100% !important;
}
.footer .address {
	width: 100% !important;
}
.dropdown {
	float: none !important;
}
.family_logo {
	margin-top: 10px !important;
}
}
@media screen and (max-width:1199px) and (min-width:370px)
{
.m-lang a {
	display: none !important;
}
#header .gnb ul {
	margin-top: 20px !important; margin-bottom: 10px !important;
}
#header .gnb ul > li {
	font-size: 14px !important; margin-right: 7px !important; float: left; display: block;
}
#header .gnb ul > li:last-child {
	margin-right: 0px !important;
}
.main_visual {
	background: url("../images/main_banner_bg.png") no-repeat top / cover; padding: 20px !important; height: 550px;;
}
.main_visual .main_visual_text {
	left: -5% !important; top: 22%; width: 100% !important; float: right; position: absolute;
}
.main_visual .main_visual_text ul {
	float: right;
}
.main_visual .main_visual_text li {
	color: rgb(31, 31, 31); text-transform: uppercase; letter-spacing: -1.5px; font-family: "Ubuntu", sans-serif; font-size: 22px; font-weight: 600;
}
.main_visual .main_visual_text li span {
	color: rgb(1, 155, 251); margin-left: 3px;
}
.main_visual .main_visual_text li:last-child {
	line-height: 1.5em; font-family: "NanumSquare", sans-serif; font-size: 17px; font-weight: normal; margin-top: 25px;
}
.w1200 {
	margin: 0px auto; width: 370px !important; overflow: hidden; clear: both;
}
.w1320 {
	margin: 0px auto; width: 370px !important; overflow: hidden; clear: both;
}
.contents_list ul {
	width: 100% !important; height: 250px !important; margin-bottom: 25px !important;
}
.contents_list li {
	width: 340px !important; letter-spacing: -0.5px; font-size: 16.5px !important;
}
.contents_list li img {
	width: 100%;
}
.contents_list .list-tit {
	color: rgb(1, 155, 250); font-size: 20px; font-weight: 600; margin-top: 20px !important;
}
.contents_list .list-tit02 {
	margin: 0px 0px 10px !important; color: rgb(31, 31, 31) !important; font-size: 28px !important;
}
.con_link span img {
	display: none !important;
}
.cont_right {
	margin-left: 10px !important;
}
.cont_left {
	margin-left: 10px !important;
}
.cont_text {
	padding: 0px !important;
}
.clients {
	margin: 0px auto; width: 340px;
}
.clients ul {
	margin-bottom: 5px !important;
}
.clients li {
	margin-right: 0px !important;
}
.clients ul > li:last-child {
	padding-top: 10px; display: none !important;
}
.history_list01 th {
	padding: 2px 10px 3px 0px !important; text-align: left; color: rgb(255, 255, 255); font-family: "Noto Sans Kr" !important; font-size: 14px !important; font-weight: 900;
}
.history_list01 td {
	letter-spacing: -0.5px !important; font-family: "Noto Sans Kr" !important; font-size: 14px !important;
}
.history_list01 th span {
	text-align: left; font-size: 20px !important; margin-right: 5px !important;
}
.day_none {
	display: none !important;
}
.history_list02 {
	width: 360px !important;
}
.history_list02 li {
	font-family: "Noto Sans Kr" !important; font-size: 14px !important;
}
.from01 {
	padding: 5px !important;
}
.mou {
	padding: 10px;
}
.from02 table {
	width: 100% !important;
}
.from02 {
	margin-left: 0px !important;
}
.from02 td {
	padding: 5px !important;
}
.prd-slide img {
	width: 133px !important; box-shadow: none !important;
}
.prd-slide p {
	padding: 3px; text-align: center; color: rgb(31, 31, 31); font-family: "Noto Sans Kr" !important; font-size: 13px !important;
}
.slick-prev .slick-next {
	top: 36% !important;
}
.us {
	padding: 20px !important;
}
.contactus_tit h2 {
	font-size: 60px !important;
}
.contactus_tit h3 {
	font-size: 35px !important;
}
.us p {
	margin: 10px 0px 20px !important; font-size: 18px !important;
}
.location {
	width: 100% !important; height: 250px; margin-top: 25px; float: right; box-shadow: 0px 3px 25px rgba(0,0,0,0.2);
}
.sns_wrap > div {
	border: currentColor !important; border-image: none !important;
}
.sns_wrap .youtube {
	margin-top: 30px;
}
#iframe_youtube {
	width: 44% !important;
}
.ytp-cued-thumbnail-overlay {
	width: 360px !important;
}
.footer {
	width: 100% !important;
}
.footer .address {
	width: 100% !important; margin-bottom: 10px !important;
}
.dropdown {
	float: none !important;
}
.family_logo {
	margin-top: 20px !important;
}
}
@media screen and (max-width:1200px) and (min-width:400px)
{
.w1200 {
	margin: 0px auto; padding: 0px 3px; width: 100% !important; overflow: hidden; clear: both;
}
.w1320 {
	margin: 0px auto; width: 100% !important; overflow: hidden; clear: both;
}
.tit h2 {
	color: rgb(247, 247, 247); line-height: 100px; font-family: "Ubuntu", sans-serif; font-size: 85px !important; font-weight: 600;
}
.tit h3 {
	color: rgb(31, 31, 31); font-family: "NanumSquare"; font-size: 50px !important; margin-top: -40px;
}
.contents_list ul {
	width: 100% !important; height: 100% !important; font-family: "NanumSquare", sans-serif; margin-bottom: 50px; float: left; display: block;
}
.contents_list li {
	list-style: none; padding: 0px 10px !important; width: 100% !important; color: rgb(112, 112, 112); letter-spacing: -0.5px; font-size: 16.5px; display: block;
}
.contents_list .list-tit {
	color: rgb(1, 155, 250); font-size: 22px; font-weight: 600; margin-top: 0px !important;
}
.contents_list .list-tit02 {
	margin: 0px !important; color: rgb(31, 31, 31) !important; font-size: 25px !important;
}
.con_link a {
	text-align: right; color: rgb(24, 41, 127) !important; font-weight: 600 !important; margin-top: 30px; display: block;
}
.con_link span img {
	display: none !important;
}
.cont_left li img {
	width: 100%;
}
.cont_right li img {
	width: 100%;
}
.cont_left {
	margin-right: 0px !important;
}
.cont_right {
	margin-left: 0px !important;
}
.cont_text {
	padding: 0px !important;
}
.work_lap {
	margin: 0px auto !important; padding: 80px 0px; width: 100%; overflow: hidden; background-color: rgb(244, 244, 244);
}
.worktit {
	color: rgb(224, 224, 224) !important; font-family: "Ubuntu", sans-serif; font-size: 100px; font-weight: 600;
}
.clients {
	margin: 0px auto !important; width: 100%; overflow: hidden;
}
.clients ul {
	margin: 0px auto !important; width: 420px !important;
}
.clients li {
	margin-right: 0px !important; margin-bottom: 0px !important; float: left; display: block;
}
.clients ul > li img {
	width: 140px !important;
}
.clients ul > li:last-child {
	margin-right: 5px !important;
}
.clients p {
	text-align: center; color: rgb(111, 111, 111); font-family: "Ubuntu", sans-serif; font-size: 26px; font-weight: 400; margin-top: 40px; margin-bottom: 25px;
}
.btn01 {
	margin: 0px auto !important; padding: 10px 0px; width: 230px; text-align: center; color: rgb(255, 255, 255); overflow: hidden; font-size: 18px; background-color: rgb(31, 31, 31);
}
.from01 {
	padding: 0px 10px !important;
}
.from01 table {
	width: 100%; overflow: hidden; margin-top: 50px; border-bottom-color: rgb(51, 51, 51); border-bottom-width: 1px; border-bottom-style: solid;
}
.from01 th {
	padding: 5px; text-align: left; color: rgb(255, 255, 255); letter-spacing: -0.5px; font-family: "NanumSquare", sans-serif; font-size: 15px !important; background-color: rgb(31, 31, 31);
}
.from01 td {
	padding: 5px !important; color: rgb(31, 31, 31); letter-spacing: -0.5px; font-family: "NanumSquare", sans-serif; font-size: 15px !important; font-weight: 600;
}
.from01 .bg_color {
	border-top-color: rgb(186, 186, 186); border-bottom-color: rgb(186, 186, 186); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; background-color: rgb(224, 224, 224);
}
.from_tit {
	width: 170px; color: rgb(31, 31, 31); padding-top: 40px; font-size: 40px; float: left;
}
.from02 {
	padding: 0px 10px !important; margin-left: 0px !important; float: left; display: block;
}
.from02 table {
	overflow: hidden; margin-top: 50px; border-top-color: rgb(51, 51, 51); border-bottom-color: rgb(51, 51, 51); border-top-width: 3px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}
.from02 th {
	padding: 15px; text-align: left; color: rgb(255, 255, 255); font-family: "NanumSquare", sans-serif; font-size: 17px; background-color: rgb(31, 31, 31);
}
.from02 td {
	padding: 8px; color: rgb(31, 31, 31); font-family: "NanumSquare", sans-serif; font-size: 16.5px; font-weight: 600;
}
.from02 .bg_color {
	border-top-color: rgb(186, 186, 186); border-bottom-color: rgb(186, 186, 186); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; background-color: rgb(224, 224, 224);
}
.history {
	background: url("../images/main_history_bg.png") no-repeat top / cover; padding: 65px 0px; overflow: hidden;
}
.history_tit {
	text-align: center; margin-bottom: 50px;
}
.history_tit h2 {
	color: rgba(225, 225, 225, 0.25); line-height: 100px; font-family: "Ubuntu", sans-serif; font-size: 100px; font-weight: 600;
}
.history_tit h3 {
	color: rgb(255, 255, 255); font-family: "NanumSquare"; font-size: 52px; margin-top: -40px;
}
.history_list01 {
	width: 100% !important; margin-bottom: 40px; float: left; display: block;
}
.history_list01 th {
	padding: 2px 5px 0px 0px !important; text-align: left; color: rgb(255, 255, 255); font-size: 15px !important; font-weight: 900;
}
.history_list01 th span {
	text-align: left; color: rgb(255, 255, 255); font-size: 25px; margin-right: 0px !important;
}
.history_list01 td {
	padding: 0px 10px 0px 0px; color: rgb(255, 255, 255); letter-spacing: -0.5px !important; font-size: 14px !important;
}
.history_list02 {
	width: 480px !important; float: left; display: block;
}
.history_list02 {
	float: none !important; display: block;
}
.history_list02 li {
	color: rgb(255, 255, 255); font-family: "NanumSquare"; font-size: 15px !important;
}
.history_list02 li span {
	color: rgb(255, 255, 255); font-size: 25px; margin-right: 20px;
}
.history_list02 li:last-child {
	margin-left: 30px;
}
.history_list02 {
	overflow: hidden;
}
.day_none {
	display: none !important;
}
.awards {
	padding: 80px 0px; overflow: hidden;
}
.prd-slide p {
	padding: 8px 5px; text-align: center; color: rgb(31, 31, 31); font-family: "NanumSquare"; font-size: 16.5px;
}
.prd-slide img {
	border: 1px solid rgb(221, 221, 221); border-image: none; width: 100% !important; box-shadow: 0px 2px 5px rgba(0,0,0,0.3);
}
.slide-rtl {
	margin: 0px auto; width: 480px; overflow: hidden;
}
.prd-carousel {
	margin: 0px auto; padding: 0px 53px 0px 30px !important; width: 100%; max-width: 480px;
}
.prd-carousel .slick-arrow {
	width: 30px; height: 50px;
}
.prd-carousel .slick-prev::before {
	background: url("../images/p_right.png") no-repeat; width: 50%; height: 50%; display: inline-block; content: "";
}
.prd-carousel .slick-next::before {
	background: url("../images/p_left.png") no-repeat; width: 50%; height: 50%; display: inline-block; content: "";
}
.contactus {
	padding: 80px 10px !important; width: 100%; overflow: hidden; background-color: rgb(244, 244, 244);
}
.contactus_tit h2 {
	color: rgb(224, 224, 224) !important; line-height: 100px; font-family: "Ubuntu", sans-serif; font-size: 65px !important; font-weight: 600;
}
.contactus_tit h3 {
	color: rgb(31, 31, 31); font-family: "NanumSquare"; font-size: 40px !important; margin-top: -46px;
}
.sns_wrap {
	overflow: hidden;
}
.sns_wrap > div {
	background: rgb(246, 246, 246); border: 1px solid rgb(235, 235, 235); border-image: none; height: auto !important; float: left;
}
.sns_wrap > div > p {
	color: rgb(68, 68, 68); line-height: 65px; padding-left: 20px; font-size: 18px; font-weight: 600;
}
.sns_wrap .facebook {
	width: 100% !important; margin-right: 0px !important;
}
.sns_wrap .youtube {
	width: 100% !important;
}
.youtubeWrap {
	padding: 10px !important; width: 100% !important; position: relative;
}
.youtubeWrap iframe {
	width: 100%; height: 100%; position: absolute !important;
}
#iframe_youtube {
	height: 300px !important;
}
#footer {
	width: 100% !important; background-color: rgb(29, 31, 32) !important;
}
.footer {
	margin: 0px auto; width: 100% !important;
}
.footer ul li {
	color: rgb(85, 85, 85); font-size: 14px;
}
.address ul li:last-child {
	font-size: 12px; margin-top: 30px;
}
.address p {
	color: rgb(170, 170, 170); margin-bottom: 20px;
}
.address {
	float: left; display: block;
}
.logoimg img {
	margin-top: 30px !important; float: left !important; display: block;
}
.family_logo {
	margin-top: 20px !important; float: left !important; display: block;
}
.family_logo .ptext {
	color: rgb(255, 255, 255) !important; padding-top: 8px !important; margin-right: 30px; float: left; display: block; background-color: rgb(29, 31, 32);
}
.modal-content {
	margin: auto; padding: 10px 20px !important; border: 1px solid rgb(136, 136, 136); border-image: none; width: 90% !important; background-color: rgb(254, 254, 254);
}
}
.tit {
	text-align: center; margin-bottom: 40px;
}
.tit h2 {
	color: rgb(247, 247, 247); line-height: 100px; font-family: "Ubuntu", sans-serif; font-size: 100px; font-weight: 600;
}
.tit h3 {
	color: rgb(31, 31, 31); font-family: "NanumSquare"; font-size: 52px; margin-top: -40px;
}
.w1200 {
	margin: 0px auto; width: 1200px; overflow: hidden; clear: both;
}
.w1320 {
	margin: 0px auto; width: 1320px; overflow: hidden; clear: both;
}
.more {
	margin-bottom: 50px !important;
}
.btn01 {
	cursor: pointer;
}
.btn01 .open {
	display: inline;
}
.btn01 .close {
	display: none;
}
.btn01.show .open {
	display: none;
}
.btn01.show .close {
	display: inline;
}
.more {
	display: none;
}
.more.show {
	display: block;
}
.services {
	padding: 80px 0px;
}


.contents_list ul {
	width: 570px; height: 400px; font-family: "NanumSquare", sans-serif; float: left; display: block;
}
.contents_list li {
	list-style: none; color: rgb(112, 112, 112); font-size: 17px; display: block;
}
.contents_list .list-tit {
	color: rgb(1, 155, 250); font-size: 22px; font-weight: 600; margin-top: 50px;
}
.contents_list .list-tit02 {
	margin: 30px 0px 20px; color: rgb(31, 31, 31) !important; font-size: 34px;
}
.con_link a {
	text-align: right; color: rgb(24, 41, 127) !important; font-weight: 600 !important; margin-top: 30px; display: block;
}
.con_link img {
	margin: 0px 4px -3px 0px;
}
.cont_left {
	margin-right: 30px;
}
.cont_right {
	margin-left: 30px;
}
.cont_text {
	padding: 30px 0px;
}
.work_lap {
	padding: 80px 0px; width: 100%; overflow: hidden; background-color: rgb(244, 244, 244);
}
.worktit {
	color: rgb(224, 224, 224) !important; font-family: "Ubuntu", sans-serif; font-size: 100px; font-weight: 600;
}
.clients ul {
	margin-bottom: 14px !important;
}
.clients li {
	margin-right: 10px; margin-bottom: 14px; float: left; display: block;
}
.clients ul > li:last-child {
	margin-right: 0px !important;
}
.clients p {
	text-align: center; color: rgb(111, 111, 111); font-family: "Ubuntu", sans-serif; font-size: 26px; font-weight: 400; margin-top: 40px; margin-bottom: 25px;
}
.btn01 {
	margin: 0px auto !important; padding: 10px 0px; width: 230px; text-align: center; color: rgb(255, 255, 255); overflow: hidden; font-size: 18px; background-color: rgb(31, 31, 31);
}
.from01 table {
	width: 100%; overflow: hidden; margin-top: 50px; border-bottom-color: rgb(51, 51, 51); border-bottom-width: 1px; border-bottom-style: solid;
}
.from01 th {
	padding: 15px; text-align: left; color: rgb(255, 255, 255); font-family: "NanumSquare", sans-serif; font-size: 17px; background-color: rgb(31, 31, 31);
}
.from01 td {
	padding: 10px; color: rgb(31, 31, 31); font-family: "NanumSquare", sans-serif; font-size: 16.5px; font-weight: 600;
}
.from01 .bg_color {
	border-top-color: rgb(186, 186, 186); border-bottom-color: rgb(186, 186, 186); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; background-color: rgb(224, 224, 224);
}
.from_tit {
	width: 170px; color: rgb(31, 31, 31); padding-top: 40px; font-size: 40px; float: left;
}
.from02 {
	margin-left: 45px; float: left; display: block;
}
.from02 table {
	width: 470px; overflow: hidden; margin-top: 50px; border-top-color: rgb(51, 51, 51); border-bottom-color: rgb(51, 51, 51); border-top-width: 3px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}
.from02 th {
	padding: 15px; text-align: left; color: rgb(255, 255, 255); font-family: "NanumSquare", sans-serif; font-size: 17px; background-color: rgb(31, 31, 31);
}
.from02 td {
	padding: 10px; color: rgb(31, 31, 31); font-family: "NanumSquare", sans-serif; font-size: 16.5px; font-weight: 600;
}
.from02 .bg_color {
	border-top-color: rgb(186, 186, 186); border-bottom-color: rgb(186, 186, 186); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; background-color: rgb(224, 224, 224);
}
.history {
	background: url("../images/main_history_bg.png") no-repeat top / cover; padding: 65px 0px; overflow: hidden;
}
.history_tit {
	text-align: center; margin-bottom: 50px;
}
.history_tit h2 {
	color: rgba(225, 225, 225, 0.25); line-height: 100px; font-family: "Ubuntu", sans-serif; font-size: 100px; font-weight: 600;
}
.history_tit h3 {
	color: rgb(255, 255, 255); font-family: "NanumSquare"; font-size: 52px; margin-top: -40px;
}
.history_list01 {
	width: 770px; float: left; display: block;
}
.history_list01 th {
	padding: 2px 20px 3px 0px !important; text-align: left; color: rgb(255, 255, 255); font-family: "NanumSquare"; font-size: 17px; font-weight: 900;
}
.history_list01 th span {
	text-align: left; color: rgb(255, 255, 255); font-size: 25px; margin-right: 20px;
}
.history_list01 th .day_none {
	font-size: 17px;
}
.history_list01 td {
	color: rgb(255, 255, 255); font-family: "NanumSquare"; font-size: 17px;
}
.history_list02 {
	width: 570px; float: left; display: block;
}
.history_list02 {
	float: right; display: block;
}
.history_list02 ul {
	margin-bottom: 30px;
}
.history_list02 li {
	color: rgb(255, 255, 255); font-family: "NanumSquare"; font-size: 17px;
}
.history_list02 li span {
	color: rgb(255, 255, 255); font-size: 25px; margin-right: 20px;
}
.history_list02 li:last-child {
	margin-left: 30px;
}
.awards {
	padding: 80px 0px; overflow: hidden;
}
.prd-slide p {
	padding: 8px 5px; text-align: center; color: rgb(31, 31, 31); font-family: "NanumSquare"; font-size: 16.5px;
}
.prd-slide img {
	border: 1px solid rgb(221, 221, 221); border-image: none; width: 183px; box-shadow: 0px 2px 5px rgba(0,0,0,0.3);
}
.slide-rtl {
	margin: 0px auto; width: 100%; overflow: hidden; max-width: 1320px;
}
.prd-carousel {
	margin: 0px auto; padding: 0px 53px 0px 30px !important; width: 100%; max-width: 1320px;
}
.prd-carousel .slick-arrow {
	width: 30px; height: 50px;
}
.prd-carousel .slick-prev::before {
	background: url("../images/p_right.png") no-repeat; width: 32px; height: 50px; display: inline-block; content: "";
}
.prd-carousel .slick-next::before {
	background: url("../images/p_left.png") no-repeat; width: 32px; height: 50px; display: inline-block; content: "";
}
.pr-center-carousel .slick-prev::before {
	color: rgb(0, 0, 0);
}
.pr-center-carousel .slick-prev::before {
	color: rgb(0, 0, 0);
}
.pr-center-carousel .slick-next::before {
	color: rgb(0, 0, 0);
}
.pr-center-carousel {
	width: 100%;
}
.pr-center-carousel .pr-center-slide {
	padding: 10px; opacity: 0.5;
}
.pr-center-carousel .pr-center-slide img {
	transition:300ms; width: 100%; transform: scale(0.9);
}
.pr-center-carousel .slick-current .pr-center-slide {
	opacity: 1;
}
.pr-center-carousel .slick-current .pr-center-slide img {
	color: rgb(230, 126, 34); opacity: 1; transform: scale(1);
}
.pr-center-carousel .slick-prev {
	left: 30%;
}
.pr-center-carousel .slick-next {
	right: 30%;
}
.pr-center-carousel .slick-prev::before {
	color: rgb(0, 0, 0);
}
.pr-center-carousel .slick-next::before {
	color: rgb(0, 0, 0);
}
.contactus {
	padding: 80px 0px; width: 100%; overflow: hidden; background-color: rgb(244, 244, 244);
}
.contactus_tit h2 {
	color: rgb(224, 224, 224) !important; line-height: 100px; font-family: "Ubuntu", sans-serif; font-size: 100px; font-weight: 600;
}
.contactus_tit h3 {
	color: rgb(31, 31, 31); font-family: "NanumSquare"; font-size: 52px; margin-top: -46px;
}
.us p {
	margin: 40px 0px 30px; color: rgb(111, 111, 111); font-family: "Ubuntu", "NanumSquare"; font-size: 20px;
}
.us li {
	color: rgb(31, 31, 31); font-family: "NanumSquare"; font-size: 17px; margin-bottom: 10px;
}
.us ul li span {
	color: rgb(1, 155, 250); font-family: "Ubuntu"; font-weight: 600; margin-right: 15px;
}
.us ul li .blue {
	color: rgb(31, 31, 31); font-size: 17px !important; font-weight: 400; margin-left: 29px;
}
.us {
	float: left; display: block;
}
.us p {
	color: rgb(111, 111, 111); font-size: 20px;
}
.us ul li span {
	color: rgb(1, 155, 250); font-size: 17px; font-weight: 600;
}
.location {
	width: 630px; height: 430px; margin-top: 25px; float: right; box-shadow: 0px 3px 25px rgba(0,0,0,0.4);
}
.sns_wrap {
	overflow: hidden;
}
.sns_wrap > div {
	background: rgb(255, 255, 255); border: 1px solid rgb(235, 235, 235); border-image: none; height: 535px; float: left;
}
.sns_wrap > div > p {
	color: rgb(68, 68, 68); line-height: 65px; padding-left: 20px; font-size: 18px; font-weight: 600;
}
.sns_wrap .facebook {
	width: 315px; margin-right: 55px;
}
.sns_wrap .youtube {
	width: 830px !important;
}
.youtubeWrap {
	width: 100%; padding-bottom: 56.25%; position: relative;
}
.youtubeWrap iframe {
	width: 100%; height: 100%; position: absolute !important;
}
#footer {
	padding: 30px 20px; width: 100%; overflow: hidden; background-color: rgb(29, 31, 32) !important;
}
.footer {
	margin: 0px auto; width: 1200px;
}
.footer ul li {
	color: rgb(85, 85, 85); font-size: 14px;
}
.address ul li:last-child {
	font-size: 12px; margin-top: 30px;
}
.address p {
	color: rgb(170, 170, 170); margin-bottom: 20px;
}
.address {
	float: left; display: block;
}
.logoimg img {
	margin-top: 70px; float: right; display: block;
}
.family_logo {
	float: right; display: block;
}
.family_logo .ptext {
	color: rgb(255, 255, 255) !important; padding-top: 8px !important; margin-right: 30px; float: left; display: block; background-color: rgb(29, 31, 32);
}
.dropbtn {
	padding: 8px 10px; border: 1px solid rgb(145, 145, 145); border-image: none; width:200px; color: rgb(255, 255, 255); font-size: 14px; cursor: pointer; background-color: rgb(29, 31, 32) !important;
}
.dropdown {
	float: right; display: inline-block; position: relative;
}
.dropdown img {
	padding: 8px; float: right;
}
.dropdown-content {
	border-width: medium 1px 1px; border-style: none solid solid; border-color: currentColor rgb(145, 145, 145) rgb(145, 145, 145); border-image: none; width: 200px; color: rgb(85, 85, 85); overflow: hidden; font-size: 14px !important; display: none; position: absolute; background-color: rgb(249, 249, 249);
}
.dropdown-content a {
	padding: 8px 15px 5px 22px; width: 200px; color: rgb(255, 255, 255); font-size: 14px; display: inline-block; cursor: pointer; background-color: rgb(29, 31, 32) !important;
}
.dropdown-content a:hover {
	background-color: rgb(46, 46, 46) !important;
}
.dropdown:hover .dropdown-content {
	display: block;
}
button#ptext {
	color: rgb(255, 255, 255) !important; font-size: 14px !important; margin-top: 8px !important; margin-right: 30px !important; background-color: rgb(29, 31, 32) !important;
}
.modal {
	left: 0px; top: 0px; width: 100%; height: 100%; overflow: auto; padding-top: 100px; display: none; position: fixed; z-index: 1; background-color: rgba(0, 0, 0, 0.4);
}
.modal-content {
	margin: auto; padding: 30px 50px; border: 1px solid rgb(136, 136, 136); border-image: none; width: 50%; background-color: rgb(254, 254, 254);
}
.close01 {
	text-align: center; color: rgb(255, 255, 255); font-size: 18px;
}
.close01:hover {
	color: rgb(255, 255, 255); text-decoration: none; cursor: pointer;
}
.close01:focus {
	color: rgb(255, 255, 255); text-decoration: none; cursor: pointer;
}
.footer_cont01 {
	padding: 20px;
}
.footer_cont01 ul {
	padding: 20px 0px; border-top-color: rgb(51, 51, 51); border-bottom-color: rgb(51, 51, 51); border-top-width: 3px; border-bottom-width: 3px; border-top-style: solid; border-bottom-style: solid;
}
.footer_cont01 li {
	padding: 5px 0px; font-size: 16px; font-weight: 600;
}
.text_list01 p {
	margin: 30px 0px 10px; font-size: 15px; font-weight: 600;
}
.text_list01 ul {
	padding: 10px;
}
.text_list01 li {
	margin-bottom: 5px;
}
.popup_tit {
	margin-top: 50px;
}
.popup_tit h3 {
	font-size: 20px; font-weight: 600; margin-bottom: 5px;
}
.popup_tit p {
	font-size: 15px;
}
#header {
	transition:0.3s; top: 0px; width: 100%; position: relative; z-index: 9999999;
}
.fixed#header {
	transition:0.3s; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid; position: fixed; background-color: black;
}
#header .header-top {
	width: 100%; background-color: rgb(241, 241, 241);
}
#header .header-top dl {
	margin: 0px auto; width: 1100px; text-align: right; line-height: 0; font-size: 0px;
}
#header .header-top dd {
	width: 130px; display: inline-block;
}
#header .header-top dd a {
	text-align: center; line-height: 30px; letter-spacing: 0.5px; font-size: 14px; display: block;
}
#header .header-top dd.lang a {
	color: rgb(255, 255, 255); background-color: rgb(255, 127, 16);
}
#header .header-bottom {
	margin: 0px auto; width: 1200px;
}
#header .header-bottom::after {
	clear: both; display: block; content: "";
}
#header .logo {
	margin-top: 27px; float: left;
}
#header .logo a {
	width: 100%; height: 38px; display: block;
}
@media screen and (max-width:1200px)
{
.fixed#header {
	top: 0px; border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none;
}
#header .header-top {
	display: none;
}
#header .header-bottom {
	padding: 0px 30px; width: 100%; height: 80px;
}
}

@media screen and (max-width:767px)
{
	/**********************
	NAVBAR
	***********************/
	/**********************
	DEFAULT
	***********************/

	h1, h2, h3, h4, h5, h6 {
		line-height: 1.5;
	}

	/**********************
	NAVBAR
	***********************/

	.navbar-default .navbar-nav {
		text-align: center;
	}

	.navbar-default .navbar-nav>li>a {
		padding: 10px 0;
	}

#header .header-bottom {
	padding: 0px 20px; height: 55px;
}
#header .logo {
	width: 157px; height: 25px; margin-top: 15px; background-size: auto 100%;
}
#header .logo a {
	height: 100%;
}
}
#header .gnb {
	float: right;
}


@media screen and (min-width:1101px)
{
#header {
	max-height: 125px;
}
#header .m-menu-btn {
	display: none;
}
#header .m-gnb-bg {
	display: none;
}
#header .m-lang {
	display: none;
}
#header .gnb > ul {
	line-height: 0; font-size: 0px;
}
#header .gnb > ul > li {
	padding: 0px 18px; vertical-align: top; display: inline-block; position: relative;
}
#header .gnb > ul > li:last-child {
	padding-right: 0px;
}
#header .gnb > ul > li > a {
	font: 18px/95px "NanumSquare", sans-serif; color: rgb(255, 255, 255); display: block; font-size-adjust: none; font-stretch: normal;
}
#header .gnb > ul > li:hover > a {
	color: rgb(116, 196, 253);
}
#header .gnb > ul {
	margin-bottom: 0px !important;
}
#footer {
	width: 100%; overflow: hidden; background-color: rgb(29, 31, 32);
}
#footer .footer-top dl {
	margin: 0px auto; width: 1100px;
}
#footer .footer-top dd {
	margin-right: 25px; display: inline-block;
}
#footer .footer-top dd a {
	line-height: 40px; font-size: 15px; display: block;
}
#footer .footer-bottom {
	margin: 0px auto; padding: 24px 0px; width: 1200px;
}
#footer .footer-bottom p {
	margin-right: 54px; vertical-align: middle; display: inline-block;
}
#footer .footer-bottom address {
	width: 814px; color: rgb(177, 177, 177); line-height: 21px; font-size: 12px; font-weight: 100; vertical-align: middle; display: inline-block;
}
#footer .footer-bottom address .copy {
	display: block;
}
#footer .footer-bottom address .m-copy {
	display: none;
}
#footer .footer-bottom address .m-email {
	display: none;
}
#footer .footer-bottom address span {
	padding: 0px 16px;
}
#contents {
	width: 100%;
}
.bx-controls {
	left: 0px; width: 100%; text-align: center; bottom: 36px; line-height: 0; font-size: 0px; position: absolute;
}
.bx-controls .bx-pager-item {
	margin: 0px 5px; display: inline-block;
}
.bx-controls .bx-pager-item a {
	border-radius: 50%; border: 3px solid rgb(255, 255, 255); border-image: none; width: 15px; height: 15px; display: block;
}
.bx-controls .bx-pager-item a.active {
	background: rgb(255, 255, 255); border-radius: 7px; width: 35px;
}
.main-conts-title {
	color: rgb(0, 0, 0); line-height: 1; letter-spacing: -0.5px; padding-top: 20px; font-family: "NanumSquare"; font-size: 50px; font-weight: 400; margin-bottom: 10px; position: relative;
}
.main-conts-title::before {
	background: rgb(245, 130, 30); left: 50%; top: 0px; width: 80px; height: 1px; margin-left: -40px; display: block; position: absolute; content: "";
}
.main-conts-title + p {
	color: rgb(136, 136, 136); line-height: 1.4; letter-spacing: -0.5px; font-family: "NanumSquare"; font-size: 17px; font-weight: 400; margin-bottom: 50px; -ms-word-break: keep-all;
}
.section01 {
	margin: 0px auto; width: 1100px; overflow: hidden; position: relative;
}
.section01 .product-list {
	width: 100%;
}
.section01 .product-list li {
	padding: 0px 1.5%; width: 25%; vertical-align: top; display: inline-block;
}
.section01 .product-list li a {
	overflow: hidden; display: block; position: relative;
}
.section01 .product-list li img {
	width: 100%;
}
.section01 .product-list li > span {
	color: rgb(168, 168, 168); line-height: 1.4; font-size: 14px; font-weight: 300; margin-top: 10px; display: block;
}
.section01 .product-list li > span strong {
	color: rgb(51, 51, 51); font-family: "NanumSquare"; font-size: 23px; font-weight: 700; display: block;
}
.section01 .product-list li div {
	background: rgba(255, 136, 33, 0.75); transition:0.3s; left: 0px; width: 100%; height: 100%; bottom: -100%; position: absolute; z-index: 555;
}
.section01 .product-list li div span {
	background: url("../images/icon_more.png") no-repeat top; padding: 63px 0px 0px; left: 50%; top: 50%; width: 100%; color: rgb(255, 255, 255); line-height: 1; font-family: "NanumSquare"; font-size: 25px; font-weight: 100; position: absolute; transform: translate(-50%, -50%);
}
.section01 .product-list li:hover div {
	bottom: 0px;
}
.slick-prev {
	background: none; top: 50%; line-height: 0; font-size: 0px; position: absolute; z-index: 555;
}
.slick-next {
	background: none; top: 50%; line-height: 0; font-size: 0px; position: absolute; z-index: 555;
}
.slick-prev {
	left: 0px;
}
.slick-next {
	right: 0px;
}
.slick-prev::before {
	color: rgb(204, 204, 204); line-height: 1; font-family: "FontAwesome"; font-size: 50px; display: inline-block;
}
.slick-next::before {
	color: rgb(204, 204, 204); line-height: 1; font-family: "FontAwesome"; font-size: 50px; display: inline-block;
}
.slick-prev::before {
	content: "\f104";
}
.slick-next::before {
	content: "\f105";
}
.slick-prev:hover::before {
	color: rgb(245, 130, 30);
}
.slick-next:hover::before {
	color: rgb(245, 130, 30);
}
.slick-prev:focus {
	
}
.slick-next:focus {
	
}
.slick-dots {
	left: 0px; width: 100%; text-align: center; bottom: 30px; position: absolute;
}
.section01 .slick-dots li {
	margin: 0px 5px; padding: 0px; width: auto;
}
.section01 .slick-dots li button {
	background: rgb(255, 255, 255); border-radius: 50%; border: 2px solid rgb(222, 222, 222); border-image: none; width: 15px; height: 15px; line-height: 0; font-size: 0px; display: block;
}
.section01 .slick-dots li.slick-active button {
	background: rgb(245, 130, 30); border-color: rgb(245, 130, 30); border-radius: 7px; width: 35px;
}
.section01 .slick-dots li button:focus {
	
}
.section02 {
	background: rgb(249, 249, 249);
}
.section02 ul {
	margin: 0px auto; width: 1100px; line-height: 0; font-size: 0px;
}
.section02 ul li {
	width: 25%; vertical-align: top; display: inline-block;
}
.section02 ul li a {
	line-height: 0; font-size: 0px; display: block;
}
.section02 ul li i {
	background-position: center; margin: 0px auto; border-radius: 50%; border: 2px solid rgb(245, 130, 30); transition:0.3s; border-image: none; width: 154px; height: 154px; display: block; background-repeat: no-repeat; background-color: rgb(255, 255, 255);
}
.section02 ul li:nth-child(1) i {
	background-image: url("../images/about_icon01.png");
}
.section02 ul li:nth-child(2) i {
	background-image: url("../images/about_icon02.png");
}
.section02 ul li:nth-child(3) i {
	background-image: url("../images/about_icon03.png");
}
.section02 ul li:nth-child(4) i {
	background-image: url("../images/about_icon04.png");
}
.section02 ul li i:hover {
	background-color: rgb(245, 130, 30);
}
.section02 ul li:nth-child(1) i:hover {
	background-image: url("../images/about_icon01_off.png");
}
.section02 ul li:nth-child(2) i:hover {
	background-image: url("../images/about_icon02_off.png");
}
.section02 ul li:nth-child(3) i:hover {
	background-image: url("../images/about_icon03_off.png");
}
.section02 ul li:nth-child(4) i:hover {
	background-image: url("../images/about_icon04_off.png");
}
.section02 ul li strong {
	line-height: 1.8; letter-spacing: -1px; display: block;
}
.section02 ul li span {
	line-height: 1.8; letter-spacing: -1px; display: block;
}
.section02 ul li strong {
	color: rgb(51, 51, 51); font-family: "NanumSquare",sans-serif; font-size: 23px; font-weight: 700; margin-top: 15px;
}
.section02 ul li span {
	padding: 0px 10px; line-height: 1.4; font-size: 15px; font-weight: 400; -ms-word-break: keep-all;
}
.section03 {
	margin: 0px auto; width: 1100px; line-height: 0; font-size: 0px;
}
.section03 > section {
	width: 30.18%; text-align: left; margin-left: 4.72%; vertical-align: top; display: inline-block; position: relative;
}
.section03 > section:first-child {
	margin-left: 0px;
}
.section03 .main-board-wrap h1 {
	padding: 20px 0px 8px; color: rgb(51, 51, 51); line-height: 1; font-family: "NanumSquare",sans-serif; font-size: 23px; font-weight: 700; border-bottom-color: rgb(38, 38, 38); border-bottom-width: 1px; border-bottom-style: solid;
}
.section03 .main-board-wrap h1 span {
	color: rgb(158, 158, 158); font-family: "Noto Sans Kr"; font-size: 15px; font-weight: 400;
}
.section03 .main-board-wrap ul {
	padding: 11px 0px 0px; width: 100%;
}
.section03 .main-board-wrap ul li a {
	padding: 0px 6px; line-height: 27px; overflow: hidden; font-size: 14px; display: block; white-space: nowrap; -ms-text-overflow: ellipsis; max-width: 100%;
}
.section03 .main-board-wrap ul li a::before {
	margin-right: 5px; display: inline-block; content: "-";
}
.section03 .main-board-wrap .btn-more {
	top: 25px; right: 6px; line-height: 1; font-size: 14px; position: absolute;
}
.section03 .main-board-wrap .btn-more::after {
	color: rgb(245, 130, 30); font-weight: 700; margin-left: 4px; display: inline-block; content: "+";
}
.main-customer-wrap {
	padding-top: 18px;
}
.main-customer-wrap p {
	vertical-align: middle; display: inline-block;
}
.main-customer-wrap ul {
	vertical-align: middle; display: inline-block;
}
.main-customer-wrap p img {
	max-width: 100%;
}
.main-customer-wrap ul {
	margin-left: 7%;
}
.main-customer-wrap ul li {
	line-height: 23px; font-size: 15px;
}
.main-customer-wrap ul li strong {
	color: rgb(51, 51, 51); line-height: 1.5; font-size: 30px; font-weight: 500;
}
.main-customer-wrap ul li span {
	color: rgb(51, 51, 51); line-height: 1.2; font-size: 20px;
}
.main-customer-wrap ul li:nth-child(3) {
	margin-top: 10px;
}
.section04 {
	background: url("../images/contact_us_bg.jpg") no-repeat top / cover;
}
.section04 .main-conts-title {
	color: rgb(255, 255, 255);
}
.section04 .main-conts-title + p {
	color: rgb(255, 255, 255);
}
.section04 .main-conts-title::before {
	background: rgb(255, 255, 255);
}
.section04 form {
	min-width: auto;
}
.section04 ul {
	margin: 0px auto; padding: 0px 30px; width: 880px;
}
.section04 li {
	margin: 12px 0px;
}
.section04 li input[type='text'] {
	padding: 0px 14px; border: 0px currentColor; border-image: none; width: 100%; height: 45px;
}
.section04 li:first-child input[type='text'] {
	width: 49.3%;
}
.section04 li:first-child input[type='text']:first-child {
	margin-right: 1.4%;
}
.section04 li textarea {
	padding: 14px; border: 0px currentColor; border-image: none; width: 100%;
}
.section04 li a {
	background: rgb(255, 216, 0); border-radius: 4px; width: 100%; height: 40px; color: rgb(51, 51, 51); line-height: 40px; font-family: "NanumSquare",sans-serif; font-size: 21px; font-weight: 700; display: block;
}
.main-reference {
	background: url("../images/main_reference_bg.jpg") no-repeat center; height: 305px; text-align: center;
}
.main-reference h1 {
	color: rgb(103, 78, 51); line-height: 1.3; letter-spacing: -0.5px; padding-top: 99px; font-family: "NanumSquare",sans-serif; font-size: 40px;
}
.main-reference h1 strong {
	color: rgb(38, 38, 38); font-size: 50px; display: block;
}
.main-map {
	width: 100%; height: 333px; overflow: hidden;
}
}