@charset "utf-8";
@import url('reset.css');


/*		COMMON		*/
#wrap {width:100%; min-width:320px; max-width:720px; margin:0 auto; position:relative; overflow:hidden;}
#wrap img {width:100%; vertical-align:top;}

#header {background:#fff;}
#header>.header_top {width:100%; position:relative; background:#003152;}
#header>.header_top>h1 {width:52%; margin-left:24.5%; padding:3.0% 0 2.0% 0;}
#header>.header_top>.btn_tel {display:inline-block; position:absolute; margin-left:3%; padding:2.8% 0 1.5% 0;}
.btn_allmenu { position:absolute; top:20%; right:3.3%;}

#gnbm { font-weight: 400; background-color:#033157; background-size:cover;} /*background:url(/m/common/img/bg_gnb.png) repeat-x 0 0; */
#gnbm>ul {display:table; width:100%; overflow:hidden;}
#gnbm>ul>li {display:table-cell; width:10%; vertical-align:middle; text-align:center;}
#gnbm>ul>li>a {display:inline-block; position:relative; padding:1.1em 0px 1.1em; color:#fff; font-size:1.077em;letter-spacing:-0.08em;}
#gnbm>ul>li>a:after { display:block; content:''; width:0; height:3px; position:absolute; left:50%; bottom:0; background:#ffffff; -webkit-transition:all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition:all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition:all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
#gnbm>ul>li.on>a:after {width:100%; left:0;}
#gnbm>ul>li a.no_link{color:#a1a1a1;}


.snb { overflow:hidden; padding-left:5%;  border-bottom:0px solid #ccc; background-color:#363636; padding-top:1.0em;}
.snb>li { float:left; position:relative; margin:0; padding:0 2%;padding-bottom:2px;}
.snb>li:before { display:block; content:""; position:absolute; top:20%; left:0; width:2px; height:2px; background:#a1a1a1;}
.snb>li:first-child { padding-left:0;}
.snb>li:first-child:before { display:none;}
.snb>li>a, .snb>li>span { display:block; position:relative; padding:0 0 0.9em; color:#a1a1a1; text-align:center;overflow:hidden;}
.snb>li.on>a { color:#fff;}
.snb>li>span { color:#586387;}

a.no_link:link, a.no_link:visited, a.no_link:hover , a.no_link:active  { color:#898989; }

/* footer */
body.main #footer {
  background-color: #181d24; 
  margin-top:0%;}
/* main */

.open {display:block; position:absolute; right:2%; top:145px; width:22%; z-index:1030;}


.main_img { overflow:hidden;}
.main_img>div { float:left; width:33.3333%;}

.slick-slider {display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;  position: relative;}
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; text-align: center;}
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track,
.slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block;}
.slick-track:before,
.slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; outline:0;}
.slick-slide img { display: block; width: 100%;}
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }

.visual_slider { position:relative; overflow:hidden;}
.visual_slider .slick-dots {width:100%; height:20px; padding-right:0px; position:absolute; left:0; bottom:2%; z-index:10; overflow:hidden; text-align:center;}
.visual_slider .slick-dots * {display:inline-block;}
.visual_slider .slick-dots>li {margin-right:10px; line-height:20px;}
.visual_slider .slick-dots>li:first-child {margin-left:0;}
.visual_slider .slick-dots>li>button { width:8px; height:8px; padding:0 !important; border:2px solid #fff; background:none; vertical-align:middle; text-indent:-9999px; cursor:pointer; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
.visual_slider .slick-dots>li.slick-active>button { background:#fff;}
.visual_slider .slick-arrow { position:absolute; top:30%; z-index:1020; width:15%;}
.visual_slider .slick-arrow.slick-prev { left:-4.0%;}
.visual_slider .slick-arrow.slick-next { right:-4.0%;}

.premium_bg { overflow:hidden; padding:5% 0; background-color:#ffffff; background-size:35px 17px;}
.main_premium { padding:0 5.5%;}
.premium_slider { position:relative;}
.premium_slider .slick-arrow { position:absolute; top:30%; z-index:1020; width:15%;}
.premium_slider .slick-arrow.slick-prev { left:-9.0%;}
.premium_slider .slick-arrow.slick-next { right:-9.0%;}

#container>.content {
  position: relative;
   /* padding:0 3%;  */
  }
#container>.content p{
  padding:0 3%;
}
.content_foot { padding-top:10px;}
.content_foot ul li { margin:4px 0 0 12px; font-size:11px; line-height:1.4; text-indent:-12px;}



/* intro */

.start{position: fixed;  width:100%; 100%; top:-1000px; left:0; z-index:200; height:1000px;animation-duration: 3s; animation-name:start;}

.int01 { animation-duration: 3s; animation-name: int01; position:absolute;  left:-50%; width:50%; }
.int02 { animation-duration: 3s; animation-name: int02; position:absolute; left:100%; width:50%;}


@keyframes start {

  from { top:0px; }
  99%  {  top:0px;}
  to { }
  
}

@keyframes int01 {

  from {left:0px; }
  70%  { left:0px; }
  to { }
  
}

@keyframes int02 {

  from { left:50%;}
  70%  { left:50%; }
  to { }
  
} 



/******************************************************************

-------------------------------main-------------------------------

*******************************************************************/
.visual .swiper-container {
	width: 100%;
	height: 100%;

}
.visual .swiper-slide {
	text-align: center;
	background: #fff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}


.premium .swiper-container {
	width: 100%;
	height: 100%;
}
.premium .swiper-slide {
	text-align: center;
	/*background: url('/mobile/images/main/premium/premium_bg.jpg') no-repeat;
	background-size:cover;*/
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.premium .swiper-pagination {
  top:86% !important;
}

.premium .swiper-pagination-bullet-active {
  opacity: 1;
  background: #0089cb !important;
}

.premium .swiper-pagination-bullet {
  opacity: 1;
  background: #fff;
  width:75px;
  height:2px;
  margin:0 !important;
  border-radius:0;
}

#premium_wrap {position:relative; padding-top:20px;}

#premium_wrap .swiper-button-prev,
#premium_wrap .swiper-button-next {
  position: absolute;
  top:88% !important;
  width: 50px;
  height: 50px;
  right:0;
  z-index: 10;
  cursor: pointer;
  background-size:cover;
  background-position: center;
  background-repeat: no-repeat;
}

#premium_wrap .swiper-button-prev,
#premium_wrap .swiper-container-rtl .swiper-button-next {
  background: url('../images/prev.png') no-repeat; 
  background-size:cover;
  left:50%;
  margin-left:-50px;
}
#premium_wrap .swiper-button-next,
#premium_wrap .swiper-container-rtl .swiper-button-prev {
  background: url('../images/next.png') no-repeat; 
  background-size:cover;
  right:50%;
  margin-right:-50px;
}

@media screen and (max-width: 740px) {
	#premium_wrap .swiper-button-prev,
	#premium_wrap .swiper-container-rtl .swiper-button-next {
	  right:13%;
	}
	#premium_wrap .swiper-button-next,
	#premium_wrap .swiper-container-rtl .swiper-button-prev {
	  right: 4.7%;
	}
	
	.premium .swiper-pagination-bullet {
	  width:45px;
	}
}

@media screen and (max-width: 510px) {
	#premium_wrap .swiper-button-prev,
	#premium_wrap .swiper-container-rtl .swiper-button-next {
	  right:15.5%;
	}
	#premium_wrap .swiper-button-next,
	#premium_wrap .swiper-container-rtl .swiper-button-prev {
	  right: 5.8%;
	}
	
	.premium .swiper-pagination-bullet {
	  width:40px;
	}
}

@media screen and (max-width: 450px) {
	#premium_wrap .swiper-button-prev,
	#premium_wrap .swiper-button-next {
	  width: 35px;
	  height: 45px;
	}
	
	.premium .swiper-pagination {
	  top:86% !important;
	  }
	.premium .swiper-pagination-bullet {
	  width:35px;
	}
}

@media screen and (max-width: 390px) {
	#premium_wrap .swiper-button-prev,
	#premium_wrap .swiper-button-next {
	  width: 40px;
	  height: 40px;
	}
	#premium_wrap .swiper-button-prev,
	#premium_wrap .swiper-container-rtl .swiper-button-next {
	  right:19%;
	}
	#premium_wrap .swiper-button-next,
	#premium_wrap .swiper-container-rtl .swiper-button-prev {
	  right: 7%;
	}
	
	.premium .swiper-pagination-bullet {
	  width:40px;
	}
}
/***********************************************************************
visual
************************************************************************/
.visual { position: relative; height: 100%; padding-bottom: 150%; }
.visual_logo { position: absolute; top: 0; left: 0; right: 0; text-align:center; width: 100%; z-index: 2; }
.visual_logo img {width:15%;}
.visual_bottom { position: absolute; top: 40%; left: 0; right: 0; margin: auto; z-index: 5; }
.visual_bottom img {width:100%}

.visual .frame { position: absolute; width: 100%; height: 100%; overflow: hidden; background-size: 100%; z-index: 1; }
.rolling li .text1 { z-index: 1; position: absolute; height: 100%; top: 9%; right: 0; width: 100%; }
.rolling li .text1 img { position: absolute; right: 0; right: 0; margin: auto; opacity: 0; }

.rolling li .text2 { z-index: 1; position: absolute; height: 100%; top: 0; left: 0; width: 100%; }
.rolling li .text2 img { position: absolute; left: 0; right: 0; margin: auto; opacity: 0; }


	/*
	visual1 & visual2
	*/
	.rolling li .text1 img { max-width: 720px; width: 100%; }
	.rolling li .text1 .nth_01 { top: 8%; right:0; }
	.rolling li .text1 .nth_02 { top: 10%; }

	.rolling li .text2 img { max-width: 720px; width: 100%; }
	.rolling li .text2 .nth_01 { top: 17%; right:0;}
	.rolling li .text2 .nth_02 { top: 26%; right:0;}
	.rolling li .text2 .nth_03 { top: 17%; }
  .rolling li .text2 .nth_04 { top: 30%; }

	/*text animation */
	.rolling li.swiper-slide-active .text1 .nth_01 { opacity: 1; transition: all .7s linear .2s; top: 0%; right:0;}
	/*.rolling li.swiper-slide-active .text1 .nth_02 { opacity: 1; transition: all .7s linear .5s; bottom:20%; }*/

	.rolling li.swiper-slide-active .text2 .nth_01 { opacity: 1; transition: all .7s linear .2s; top: 13%; right:0;}

	.rolling li.swiper-slide-active .text2 .nth_02 { opacity: 1; transition: all .7s linear .7s; top: 22%; right:0;}

	.rolling li.swiper-slide-active .text2 .nth_03 { opacity: 1; transition: all .7s linear 1.4s; top: 13%; }

  .rolling li.swiper-slide-active .text2 .nth_04 { opacity: 1; transition: all .7s linear 2.0s; top: 26%; }


.rolling li .img_board { width: 100%; height: 100%; overflow: hidden; }
.rolling li .img_board .bg { height: 100%; transform: scale(1.3,1.3); background-position: bottom center; background-repeat: no-repeat; background-size: cover; -webkit-transition: all 2.5s ease .1s; -ms-transition: all 2.5s ease .1s; -moz-transition: all 2.5s ease .1s; transition: all 2.5s ease .1s; }
.rolling li.swiper-slide-active .img_board .bg { transform: scale(1.01,1.01); }
		.rolling .visual1 .img_board .bg { background-image: url(../images/m_visual_01.jpg); }
		.rolling .visual2 .img_board .bg { background-image: url(../images/m_visual_02.jpg); }
/*.v_pagination { position: absolute; z-index: 1; bottom: 30px !important; left: auto !important; text-align: center; }
.v_pagination .swiper-pagination-bullet { width: 50px !important; height: 1px !important; background: #fff !important; opacity: 1 !important; border-radius: 0; }
.v_pagination .swiper-pagination-bullet-active { height: 5px !important; background: #fff !important; }*/


/***********************************************************************
premium
************************************************************************/
.premium{ background-image: url(../images/premium_bg.gif); background-position: center; background-repeat: no-repeat; background-size: cover;}


/***********************************************************************
ehouse
************************************************************************/
.ehouse { width: 100%; background-image: url(../images/premium_bg.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; overflow: hidden; padding: 19% 7.8125%; }
.e_title { display: block; width: 100%; top: 0; text-align: center; margin-bottom: 35px; }
.e_title img { display: block; margin: 0 auto; width: 100%; }
.ehouse ul { position: relative; text-align: center;  }
.ehouse ul li { position: relative; display: inline-block; text-align: center; width: 20.4%; margin: 1.3%; }
.ehouse ul li img { width: 100%; }


.main_trend img, .quick_menu img, .premium img{max-width: 100%; cursor:pointer;}

.main_trend{padding:10px 10px; background:url("../images/brand_bg.jpg") no-repeat; background-size:cover;
  /* border-bottom:1px solid #555; */
}

.quick_menu > ul.quick1 {text-align:center;font-size:0; margin:0 auto;}
.quick_menu > ul.quick1 li {padding:15px 0 20px; display:inline-block; width:calc(100% / 2)}
.quick_menu > ul.quick1 li img {display:inline-block;}

.quick_menu > ul.quick2 {text-align:center;font-size:0; margin:0 auto;
  }
.quick_menu > ul.quick2 li {padding:0px 0px; display:inline-block; width:calc(100% / 3); padding-bottom:0px; background-color: rgba(255,255,255,0.10); margin-right: 0px;}
.quick_menu > ul.quick2 li img {display:inline-block;}

.open { position: relative; padding: 20px 0; background:#16489c; text-align: center; color: #fff; font-size: 36px; letter-spacing: -2px; font-weight: 500; box-sizing:border-box;  -webkit-box-sizing:border-box;}

#btn2 {margin-top:50px;}




/* 본문 공통 */
.ori{text-align:left; padding:40px 3% 60px; font-size:0.95em;line-height:1.2em;color:#888;}
.line{margin:0 3%; border-top:1px solid #ddd;margin-bottom:30px;}

.table2 td, .table2 th, .table2 tr { vertical-align:middle;color:#666;font-size:1.02em;letter-spacing:0.03em; border:1px solid #cdcdcd; }
.table2 {margin:0 auto; width:90%;}
.table2 tr {height:38px;vertical-align:middle;}
.table2 th {width:28%;color:#464646;background-color:#f6f4f4;}
.table2 td {text-align:left;padding:4%;line-height:17px;}



/* /////////// 사업개요 ///////////*/
.about_ {margin:20px 3% 0px; text-align: center;}
.about_ > p > img{width:100%;}
.about_  .inner_about_{overflow:hidden; margin:10px 0 0px;}
.about_  .inner_about_ > div{width:100%;}
.about_  .inner_about_ > div + div{float:right;}
.about_  .inner_about_ table{margin-left:0px; width:100%; border-top:2px solid #968277;}
.about_  .inner_about_ table th{background:#968277; color:#fff; font-weight:400; font-size:13px; padding:8px 10px; line-height: 18px;
  border-bottom:1px solid #ebebeb; height:46px;
  border-right:1px solid #898989}

  .about_  .inner_about_ table th.tr2{
    background-color: #003152;
  }
.about_  .inner_about_ table td{padding:5px 10px; font-size:13px; font-weight:300; border-bottom:1px solid #dbdbdb; color:#222; text-align: left; letter-spacing: 0.01em;}


/* tabmenu */
.tab { margin-bottom:5%; padding:0 4.16%;}
.tab>ul {width:100%; overflow:hidden;}
.tab>ul>li {width:25%; float:left; display:table;}
.tab.tab_type>ul>li { width:33%;}
.tab>ul>li>a { box-sizing:border-box; display:table-cell; width:100%; height:35px; text-align:center; vertical-align:middle; font-size:1em; line-height:1.3; color:#313131; background:#fff; border-top:1px solid #dcdcdc; border-left:1px solid #dcdcdc;}
.tab>ul>li:first-child>a {border-left:1px solid #dcdcdc;}
.tab>ul>li.last>a {border-right:1px solid #dcdcdc;}
.tab>ul>li.bor_btm>a { border-bottom:1px solid #dcdcdc;}
.tab>ul>li>a.on {color:#fff; background:#1f3a72; border:1px solid #1f3a72;}
.tab>ul>li:first-child>a.on { border-left:1px solid #1f3a72;}
.tab_content {display:none;}


/* 상단 Tab 2번재 디자인 */
.btn_tab { width: 100%; height: 35px; margin-bottom:20px;padding:0 2%;}
.btn_tab li { width: 24.3%; height: 100%; margin-left:2px; font-size: 1em; font-weight:400; border: 1px #c2c2c2 solid; line-height: 32px; float: left; text-align: center; color: #363636; cursor: pointer; }
.btn_tab li:first-child { margin-left: 0; }
.btn_tab li.on { background: #8c6239; color: #fff; }
.tab_view img { display: none;  padding:0 2.5%;}
.tab_view img:first-child { display: block;}



/* allmenu */
.allmenu_mask { display:none; position:absolute; top:0; left:0; z-index:2000; width:100%; min-width:320px; height:100%; background-color:#000; opacity:0.9;}
.allmenu { display:none; position:absolute; top:0; left:-70%; z-index:3000; width:70%; height:100%; padding-top:54px;}
.allmenu .allmenu_close { position:absolute; top:0; right:0; width:100%; height:54px; background-color:#003158; line-height: 54px; padding-left:10px;}

.allmenu .allmenu_close h2 { font-size:1.4em; color:#fff; font-weight:400;}
.allmenu .allmenu_close>a { display:block; position:absolute; top:12px; right:16px; width:32px; height:28px; font-size:0;}
.allmenu>ul { overflow-y:auto; overflow-x:hidden; height:100%; background-color:rgba(241,237,226,1.00); background-image:url(/m/images/bg_allmenu.gif); background-repeat:repeat-y; background-position:0 0; background-size:120px 5px;}
.allmenu>ul a.no_link{color:#959595;}
.allmenu>ul>li { position:relative; padding:5px 5px 20px 140px; border-top:1px solid #7d7d7d;} 
.allmenu>ul>li>span { position:absolute; top:21px; left:20px; font-size:15px; color:#fff;}
.allmenu>ul>li>span  a{color:#fff;}
.allmenu .depth02 li { margin-top:15px;}
.allmenu .depth02 li a { display:inline-block; color:#444; font-size:14px; font-weight:400;}
.allmenu .depth02 li a.no_link{color:#acacac;}

/* 영상팝업 */
.video_layer {position:relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width:100%; height: auto; border:1px solid #000;z-index:1050;}
.video_layer iframe, .video_layer object, .video_layer embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.layerpop button {position:absolute; right:0; top:0; cursor:pointer; background:none; z-index:1051;border:none; width:40px;}

/*.layerpop button {margin-bottom:50px;width:20px;}*/

.ma_circle{
  position: relative; 
  width: 100%;
  bottom: 0;
  right:0;
  padding:16px 0 12px;
  z-index: 2;
  background-color: #252964;
}	

.jump_go{
  position: absolute; 
  width: 100%;
  top: 0%;
  right:0%;
  z-index: 2;
}	

/* 메인 하산 바로가기 버튼 */
.mai_bottom{
  position: relative;
  /* bottom:0;
  margin:0 auto;
  z-index: 1; */
}
.mai_bottom ul{
  font-size:0;
}
.mai_bottom ul li{
  display: inline-block;
  width:calc(100% / 2);
}
.mai_bottom ul li img{
  display: inline-block;
  cursor:pointer;
}

/* event_slider */
.event_slider { position:relative;}
.event_slider .slick-dots {width:100%; height:14px; position:absolute; left:0; bottom:1%; z-index:99; text-align:center; overflow:hidden;}
.event_slider .slick-dots * {display:inline-block;}
.event_slider .slick-dots>li {margin-right:10px; line-height:14px;}
.event_slider .slick-dots>li>button {width:8px; height:8px; padding:0 !important; vertical-align:middle; text-indent:-9999px; background:#dadada; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; border:0; cursor:pointer;}
.event_slider .slick-dots>li.slick-active>button {background:#89bd1c;}



@media screen and (max-width:480px){
	body {font-size:12px;}
	.reg_agree dt>button { font-size:12px;}
}
@media screen and (max-width:400px){
	body {font-size:11px;}
	#gnbm>ul>li>a {font-size:1em;}
}
@media screen and (max-width:350px){
	.snb>li>a, .snb>li>span { font-size:0.9em;}
}