::-webkit-scrollbar {display:none;} 

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
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,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tbody,tfoot,thead,tr,th,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;font-size:100%;font:inherit;vertical-align:baseline;}
body{ line-height:1.5; font-family:'NanumBarunGothic'; font-size:16px; color:#333; background:#fff;-ms-overflow-style: none; } 
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0;}
ul,ol,li{list-style:none}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
fieldset,img{border:0}
hr{height:0;}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
address,caption,em,var{font-style:normal;font-weight:normal}
a{text-decoration:none;cursor:pointer;color: inherit;}
a[href^="tel"]{font-style:normal}
a:hover,a:active,a:focus{text-decoration:none !important;}
b,strong{font-weight:bold}
dfn{font-style:italic}
img{border:0;vertical-align:top}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
table{border-spacing:0;border-collapse:collapse}
td,th{padding:0;}
legend, caption{overflow:hidden;text-indent:-9999999px; height:0 !important; width:0 !important;line-height:0 !important;margin:0;padding:0;}
input{vertical-align:middle;margin:0;padding:0;}
input[type="text"],input[type="password"],input[type="email"]{-webkit-appearance:none;appearance:none;border-radius:0;font-family:'NanumBarunGothic';}
input:checked[type="checkbox"]{-webkit-appearance:checkbox;appearance:checkbox;}
button,input[type="button"],input[type="submit"],input[type="reset"],input[type="file"]{border-radius:0;-webkit-appearance:button;appearance:button;font-family:'NanumBarunGothic';}
button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}
button{overflow:visible;border:none;cursor:pointer;margin:0;padding:0;}
a,input,button,select{outline:none}
button,select{text-transform:none}
optgroup{font-weight:bold}
textarea{border:1px solid #bcbcbc;overflow:auto;-webkit-appearance:none;appearance:none;}
input::-ms-clear{display:none;}


body { width: 100%; margin: auto; font-family: 'NanumBarunGothic'; }

body.main { overflow-y: hidden; }


/* Centered texts in each section
* --------------------------------------- */
.section{		text-align:center;	}


/*html,a,.btn { cursor: none; }*/
.btn { cursor: pointer; }



/*  */

.all_wrap { width: 100%; height: auto; overflow: hidden; position: relative; left: 0; top: 0; }
body.main .all_wrap { height: 100vh; }

.section { background-color: #fff; width: 100%; height: 100vh; position: relative; overflow: hidden; }

.main_mouse_box { position: absolute; left: 0; right: 0; margin: auto; bottom: 50px; z-index: 90;  animation: main_mouse 1s 0.8s both; }
.main_mouse { color: #fff; text-align: center; transition: color 1s; }
.main_mouse p { font-size: 12px; line-height: 100%; font-weight: 300; margin-top: 0px; text-transform: uppercase; letter-spacing: 0.5px; text-shadow: 0 0 4px rgba(0,0,0,0.6), 0 0 4px rgba(0,0,0,0.3); }
.main_mouse>div { width: 17px; height: 30px; border-radius: 20px; border: 2px solid #fff; position: relative; margin: auto; margin-top: 15px; box-shadow: 0 0 4px rgba(0,0,0,0.3), inset 0 0 4px rgba(0,0,0,0.3); }
.main_mouse>div span { content:''; width: 5px; height: 5px; position: absolute; left: 0; right: 0; margin: auto; top: 17%; background-color: #fff; border-radius: 100%; box-shadow: 0 0 4px rgba(0,0,0,0.3); }



/**/

#section1 { width: 100%; background-color: #fff; min-width:1400px; }

.main_wrap { width: 100%; height: 100vh; position: relative; overflow: hidden; display: flex; justify-content: center; align-items: center; }
.main_img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url("/home/images/main/main_visual01.jpg") no-repeat left center; background-size: cover; transform: scale(1.1); }
.main_txt_box { position: absolute; z-index: 9; left:40%;  right: 0; margin: auto; top: 20%; text-align: center; color: #fff;  width:540px;}
.main_txt_box  span.txt1	{display:block; opacity: 0;  transform: translate(0,-50px);}
.main_txt_box  span.txt2	{display:block; opacity: 0;  transform: translate(0, 50px); margin-top:30px;}

.main_logo { margin-top: 3rem; opacity: 0; transform: translateY(5rem); opacity: 1; transform: translate(0); }

.main_open { position: absolute; right:50px; bottom: 5%;  z-index: 9; cursor: pointer; color: #000; opacity: 0; }
.main_copy { position: absolute; left:50px; bottom: 30px;  z-index: 9;  color:rgba(255,255,255,0.8); font-size:13px; opacity:1}


.main_wrap.on .main_img { transform: scale(1); transition: 2.2s 0s; }
.main_wrap.on .main_txt_box span.txt1 { opacity: 1; transform: translate(0); transition: 1.2s 0.4s; }
.main_wrap.on .main_txt_box span.txt2 { opacity: 1; transform: translate(0); transition: 1.2s 0.8s; }
.main_wrap.on .main_open { opacity: 1; transform: translate(0); transition: 1.2s 0.8s; }



/**/

#section2 { width: 100%; }

.location_wrap { width: 200vw; height: 100vh; position: relative; display: flex; justify-content: flex-start; align-items: center; transition: 0.8s; transform: translateX(0); }
.location_wrap>div { width: 100vw; height: 100%; overflow: hidden; position: relative; display: flex; justify-content: center; align-items: center; position: relative; }
.location_wrap>div>div:last-child { width: 90%; max-width: 1500px; position: relative;display: flex; justify-content: flex-start; align-items: center; height: 100vh; z-index: 9; }

.location_bg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url("/home/images/main/section2_bg.jpg") center no-repeat; background-size: cover; z-index: 1; transform: scale(1); }
.location_bg2 { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url("/home/images/main/section2_1_bg.jpg") center no-repeat; background-size: cover; z-index: 1; transform: scale(1); }



.premium_tlt1			{position: absolute; left: 25%; top: 30%; opacity: 0; transform: translateY(-60px);}
.premium_tlt2			{position: absolute; left: 29%; top: 57%; opacity: 0; transform: translateY(-60px);}

.premium_1			{position: absolute; left: 0%; top: 28%; opacity: 0; transform: translateX(-60px);}
.premium_2			{position: absolute; left: 22%; top: 60%; opacity: 0; transform: translateY(60px);}
.premium_3			{position: absolute; right: 20%; top: 25%; opacity: 0; transform: translateX(30px);}
.premium_4			{position: absolute; right: 0%; top: 35%; opacity: 0; transform: translateX(60px); }

.premium_5			{position: absolute; left: 0%; top: 28%; opacity: 0; transform: translateX(-60px);}
.premium_6			{position: absolute; left: 30%; top: 18%; opacity: 0; transform: translateY(60px);}
.premium_7			{position: absolute; right: 0%; top: 40%; opacity: 0; transform: translateX(30px);}



.main_premium		{}
.main_premium .main_premium_img		{margin-bottom:30px;}
.main_premium .main_premium_img	 img {border-radius: 0 50px 0 0; box-shadow:3px 5px 8px rgba(0,0,0,0.2)}
.main_premium .main_premium_tlt		{font:600 28px/38px 'din-2014'; text-align:left}
.main_premium .main_premium_tlt	strong	{ font:600 32px/28px 'din-2014'; color:#b59161; display:inline-block; margin-right:10px; }
.main_premium .main_premium_text		{margin-top:10px; font:400 16px/24px 'NanumBarunGothic'; color:#555; text-align:left}


.main_premium2	{width:600px;}
.main_premium2 .main_premium_img		{margin-bottom:30px; width:380px; float:left}
.main_premium2 .main_premium_img	 img {border-radius: 0 50px 0 0; box-shadow:3px 5px 8px rgba(0,0,0,0.2)}
.main_premium2 .main_premium_tlt		{font:600 28px/38px 'din-2014'; text-align:left; padding-top:110px;}
.main_premium2 .main_premium_tlt	strong	{ font:600 32px/28px 'din-2014'; color:#b59161; display:inline-block; margin-right:10px; }
.main_premium2 .main_premium_text		{margin-top:10px; font:400 16px/24px 'NanumBarunGothic'; color:#555; text-align:left}


.main_premium3	{width:700px;}
.main_premium3 .main_premium_img		{margin-bottom:30px; width:450px; float:left}
.main_premium3 .main_premium_img	 img {border-radius: 0 50px 0 0; box-shadow:3px 5px 8px rgba(0,0,0,0.2)}
.main_premium3 .main_premium_tlt		{font:600 28px/38px 'din-2014'; text-align:left; padding-top:115px;}
.main_premium3 .main_premium_tlt	strong	{ font:600 32px/28px 'din-2014'; color:#b59161; display:inline-block; margin-right:10px; }
.main_premium3 .main_premium_text		{margin-top:10px; font:400 16px/24px 'NanumBarunGothic'; color:#555; text-align:left}


.main_premium4	{width:460px; }
.main_premium4 .main_premium_img		{ width:250px; float:right}
.main_premium4 .main_premium_img	 img {border-radius: 0 50px 0 0; box-shadow:3px 5px 8px rgba(0,0,0,0.2)}
.main_premium4 .main_premium_text				{font:400 16px/24px 'NanumBarunGothic'; color:#555; text-align:left; width:200px; float:left; padding-top:230px;}
.main_premium4 .main_premium_text	span	{font:600 28px/38px 'din-2014'; text-align:left; display:block; margin-bottom:10px;  color:#121212}
.main_premium4 .main_premium_text	span strong	{ font:600 32px/28px 'din-2014'; color:#b59161; display:inline-block; margin-right:10px; }



.location_wrap.on .location01 .premium_tlt1 { opacity: 1; transform: translate(0); transition: 1.2s 0.2s; }
.location_wrap.on .location01 .premium_1 { opacity: 1; transform: translate(0); transition: 1.2s 0.6s; }
.location_wrap.on .location01 .premium_2 { opacity: 1; transform: translate(0); transition: 1.2s 0.8s; }
.location_wrap.on .location01 .premium_3 { opacity: 1; transform: translate(0); transition: 1.2s 1s; }
.location_wrap.on .location01 .premium_4 { opacity: 1; transform: translate(0); transition: 1.2s 1.2s; }

.location_wrap.on2 .location02 .premium_tlt2 { opacity: 1; transform: translate(0); transition: 1.2s 0.2s; }
.location_wrap.on2 .location02 .premium_5 { opacity: 1; transform: translate(0); transition: 1.2s 0.4s; }
.location_wrap.on2 .location02 .premium_6 { opacity: 1; transform: translate(0); transition: 1.2s 0.6s; }
.location_wrap.on2 .location02 .premium_7 { opacity: 1; transform: translate(0); transition: 1.2s 0.8s; }


.location_wrap.active2 { transform: translateX(-100vw); }
.location_wrap.active3 { transform: translateX(-200vw); }



/**/

#section3 { width: 100%; }

.map_wrap { width: 100%; height: 100%; position: relative;  background: url("/home/images/main/section3_bg.jpg") center no-repeat; background-size: cover; z-index: 1; transform: scale(1);  display: flex; justify-content: center; align-items: center;}
.main_map{ width: 100%; max-width: 1200px; position: relative;display: flex; justify-content: space-between; align-items: center; height: 100vh; z-index: 9;  opacity: 0; transform: translateY(-50px);  }
.main_map .map_list		{ width:600px; text-align:left}
.main_map .map_list		h4		{margin-bottom:50px;}
.main_map .map_list	  dl	{margin-bottom:40px;}
.main_map .map_list	  dl dt	{background: url("/home/images/main/home_icon.png") no-repeat left 2px; padding-left:25px; font:500 22px/22px 'NanumBarunGothic'; color:#000; margin-bottom:5px;}
.main_map .map_list	  dl dd	{font:400 16px/34px 'NanumBarunGothic'; color:#444; margin-bottom:10px;}
.main_map .map_list	  dl dd a	{display:inline-block; margin-right:5px;}

.main_map  .map_img	{ margin-top:50px; background-color:#fff; border-radius:30px; padding:50px 30px}

.map_wrap.on .main_map { opacity: 1; transform: translate(0); transition: 1.2s 0.4s; }






#section5 { overflow: visible; }

.footer { width: 100%; padding:50px; box-sizing: border-box; z-index: 999; font-family: 'NanumBarunGothic'; background-color: #383838; min-width:1400px; position: relative; box-sizing: border-box; text-align: center; letter-spacing: -0.5px; display: flex; justify-content: space-between; align-items: flex-start; }
.footer:after { content:''; width: 100%; height: 100vh; position: absolute; left: 0; top: -100vh; display: none; }

.footer_left{ height: 100%; font-weight: 500; text-align: left; color: #555; }
.footer_left  .text1	{font-size:13px; color:#eee; margin-bottom:15px;}
.footer_left  .text2	{font-size:13px; color:#999; margin-bottom:15px;}
.footer_left  .copy	{font-size:13px; color:#fff; }
.footer_right { }

.footer.end:after { display: block; }




.sub_top01 { position: relative; left: 0; top: 0; width: 100%; height: 350px; z-index: 99; margin-top: 0px; overflow: hidden; min-width:1400px;}
.sub_top_img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; }
.sub_top01 .sub_top_img { background: url("/home/images/common/sub_visual.jpg") center top /* top 10% */ no-repeat; background-size: cover; /* animation: sub_top_img 2.0s 0s both; */ }

.sub_top_txt { width: 100%; position: absolute; left: 0; right: 0; top: 50%; margin: auto; z-index: 9; text-align: center; animation: sub_top_txt 1.2s 0.4s both; color: #eee; text-align: center; font:400 18px/34px 'NanumBarunGothic'; }
.sub_top_txt	span{font:600 50px/50px 'GmarketSans'; color:#fff; display:block}


@keyframes sub_img {
	from { background: url("/home/images/common/sub_visual.jpg") center bottom no-repeat; background-size: cover; }
	to{ }
}
@keyframes sub_top_img {
	from { transform: scale(1.2); }
	to{ }
}
@keyframes sub_top_txt {
	from {  opacity: 0; transform: translateY(30px); }
	to{ }
}




body.full #sub_container { width: 100%; }
#sub_container { width: 100%; position: relative; overflow: hidden; background-color: #fff; text-align: center; min-width:1400px;}
#sub_box { position: relative; width: 100%; margin: 100px auto; text-align: center; box-sizing: border-box;   max-width:1200px; min-height:300px;}



/* 관심고객등록 */
.register_text	{text-align:center; }
.regWrap	{margin-bottom:50px;}
.regWrap h3	{display:block; margin-bottom:20px; font-size:20px; font-weight:600; letter-spacing:-1px;  text-align:left }
.regWrap h3 span	{font-size:10px; vertical-align:middle; display:inline-block; padding-bottom:4px; }

.regWrap .policy		{background-color:#f5f5f5; padding:25px; font-size:13px; color:#555; line-height:1.4; height:250px; overflow-y:scroll;  font-family: 'NanumBarunGothic';  text-align:left }
.regWrap .policy strong	{display:block;  color:#121212; padding-bottom:10px; font-size:14px; font-family: 'NanumBarunGothic';}
.regWrap .radio_bt	{text-align:center; padding-top:25px; color:#666; font-family: 'NanumBarunGothic';}
.regWrap .radio_bt  input	{margin:0 5px 0 30px}

.regWrap	.table_style1			{border-top:2px solid #0b2032; width:100%;}
.regWrap	.table_style1	 th		{background-color:#f5f5f5; height:50px; text-align:center; line-height:50px; font-size:15px; width:50%; font-family: 'NanumBarunGothic';}
.regWrap	.table_style1	 th,td:first-child	{border-right:1px solid #ddd}
.regWrap	.table_style1	 td		{height:50px; text-align:center; line-height:50px; font-size:14px; width:50%; border-bottom:1px solid #ddd; color:#666; font-family: 'NanumBarunGothic';}


.regWrap	.table_style2			{border-top:2px solid #0b2032; width:100%;}
.regWrap	.table_style2	 th		{background-color:#f5f5f5; text-align:center; line-height:50px; font-size:15px; width:20%; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-family: 'NanumBarunGothic';}
.regWrap	.table_style2	 td		{border-bottom:1px solid #ddd; color:#666; padding:15px; font-size:14px; color:#666; font-family: 'NanumBarunGothic'; text-align:left }
.regWrap	.table_style2	 td input	{border:1px solid #aaa; border-radius:5px; height:35px; width:50%; padding:0 15px; font-family: 'NanumBarunGothic';}
.regWrap	.table_style2	 td select	{border:1px solid #aaa; border-radius:5px; height:35px; padding:0 15px; font-family: 'NanumBarunGothic';}

.regBtn			{ text-align:center; padding-top:25px; }
.regBtn	 a		{display:inline-block; width:30%; background-color:#1a2c51; color:#fff; line-height:60px; border-radius:5px; font-size: 18px; }
.regBtn	 a:hover	{ background-color:#9e8368; }

/*  언론보도  */

.news_wrap			{overflow: hidden; border-top:2px solid #1a2c51; }
.news_wrap		 ul		{overflow: hidden;}
.news_wrap		 ul		li {width:100%; float:left; ; border-bottom:1px solid #ddd; text-align:left }
.news_wrap		 ul		li a	{background-color:#fff; display:block; width:100%; box-sizing: border-box; padding:20px 0;  }
.news_wrap		 ul		li a:hover	{background-color:#f1f1f1;}

.news_wrap		 ul		li  span.source		{background-color:#1a2c51; padding:2px 10px;  color:#fff;  font-family: 'NanumBarunGothic'; display:inline-block; font-size:13px; margin-right:8px;}
.news_wrap		 ul		li  .tlt				{font-size:16px; font-weight:400; font-family: 'NanumBarunGothic'; color:#121212; padding:8px 0 10px 0 }
.news_wrap		 ul		li  .text			{font-size:14px; font-weight:300; font-family: 'NanumBarunGothic'; color:#666; word-break:keep-all}


.pagination {text-align:center; margin-top:50px;}
.pagination a {color:#111;display: inline-block;padding: 8px 14px;text-decoration: none; background-color: #eee; font-size:14px; margin:0 2px}
.pagination a.active {background-color: #1a2c51;color: white;}
.pagination a:hover:not(.active) {background-color: #eee;}



.ex		{background-color:#f5f5f5; color:#888; font-size:13px; padding:30px; line-height:1.6; margin-top:50px; text-align:left}

.business_info		{margin-top:50px;}	
.business_info	 table	{width:100%; border-top:1px solid #ddd; }
.business_info	 table th	{padding:15px 0; font-size:15px; background-color:#f9f9f9; border-bottom:1px solid #ddd; }
.business_info	 table td	{padding:15px; font-size:15px;  border-bottom:1px solid #ddd; color:#666; text-align:left}



.menuWrap {  border-bottom:1px solid #e8e0d6; }
.menuWrap ul {   padding-top:10px; text-align:center;   }
.menuWrap ul li {   display:inline-block; text-align:center; margin:0 5px; }
.menuWrap ul li a {display:block;   line-height:50px;  padding:0 30px;  font-size: 18px;   font-family:'Spoqa Han Sans Neo';  color:#666;   font-weight:400; }
.menuWrap ul li.active a {  border-bottom:3px solid #1a2c51;  color: #1a2c51;    line-height:50px; font-weight:500;  }



ul.tabs{display: table; float:left; table-layout: fixed; width:100%; height: 50px; }
ul.tabs li{ display:table-cell; text-align:center; color:#851309; background:#fff; font-weight: 400; border:1px solid #851309; line-height:50px; font-size:18px; border-right:none;     cursor:pointer}
ul.tabs li:last-child	{border-right:1px solid #851309; }
ul.tabs li.current{ color: #fff; background:#851309; border-bottom:0; cursor:pointer}
ul.tabs li  a	{display:block;  width:100%;}

.tab-content {  display: none;  padding-top:120px}
.tab-content.current{  display: inherit;}