@import url("reset.css");
.inner{width:95%; margin:0 auto;}

/* 팝업 스타일 Begin */
.layer_pop { position:absolute; background: #d4d4d4; left: 0; right: 0; margin: auto; z-index:9; box-sizing: content-box; }
		.layer_pop .top_bar { display: block; width: 100%; height: 70px; background-color: #024a8a; }
		.layer_pop .top_bar img { display: inline-block; position: absolute; top: 12px; left: 0; right: 0; margin: auto; height: 50px; }
.popContents { position: relative; width:100%; height:100%; }
.popContents a { display: block; position: absolute; margin: auto; text-indent: -9999px; background: rgba(0,0,0,0); }
.popContents img { width: 100%; }
.popBtns { width:100%; font-size:12px; padding-bottom: 30px; }
.popBtns input { vertical-align:top; margin-right:5px; height: auto; }
.popBtns span { display:block; position:absolute; }
.popBtns span.checkBox { padding: 9px; }
.popBtns span.closePop { padding:7px; right:10px; }
.layer_pop_container_bg { background: rgba(0,0,0,0.4); position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 8; }
/* 팝업 스타일 End */

.hide { display:none !important; }
.clear:after {content: ""; clear: both; display: table;}
#wrap{position:relative;  min-width:320px; max-width:640px; margin:0 auto; width:100%; text-align: left; overflow:hidden;}

header{position: relative; text-align: center; z-index: 99;}
header .top{position: relative; height: 80px; background:#fff;}
header .logo{ margin: 0 auto; padding-top:11px;}
header .logo img {/* width: 130px;*/ }
header .tel{position: absolute; right:4.6875%; top: 30px; }
header .tel img{ height: 24px; }
header .top_open{position: absolute; right:1%; top:80px;}
header .top_open img{ height: 80px; }
header .menu_btn{position: absolute; left:4.6875%; top:30px; }
header .menu_btn img{width:24px;}
header .menu_btn a{position: absolute; top:0; left:0;}
header .menu_btn a.close_btn{/*left:-60px; top:-2px;*/opacity: 0; z-index: -1}



.gnb{ display:none; position:absolute; top: 80px; width:100%; background:#005496; height:100%; z-index: 9999;}
.gnbBg { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.6); z-index:88; }
.gnb>ul{padding:0; width: 76.5625%; margin: 0 auto; overflow: hidden; margin-top: 30px; }
.gnb>ul>li{ position: relative; width:100%; }
.gnb>ul>li>a{height:45px; line-height:45px; display:block; font-size:15px; color:#ddd; border-bottom: 1px solid #dfdfdf;}
		.gnb>ul>li>a::after {content: url(/mobile/images/common/menu_arrow.png); position: absolute; right: 5px; top: 5px }
		.gnb>ul>li>a.on::after {content: url(/mobile/images/common/menu_arrow.png); position: absolute; right: 13px;
			-ms-transform: rotate(90deg);
			-ms-transform-origin: 50% 50%;
			-webkit-transform: rotate(90deg);
			-webkit-transform-origin: 50% 50%;
			transform: rotate(90deg);
			transform-origin: 50% 50%;

			-ms-transition: all 0.2s;
			-webkit-transition: all 0.2s;
			transition: all 0.2s;
			}
/*.gnb>ul>li:last-child>a{border-bottom: 1px solid #05203E;}*/
.gnb>ul>li>a#gnbon{ color: #fff; font-weight: 500; }
.gnb>ul>li>ul{ padding:0; background: #466698 }
.gnb>ul>li>ul>li>a{height:35px; line-height:35px; text-indent: 10px; display:block; font-size:13px; color:#ccc;}
.gnb>ul>li>ul>li#subon > a{color:red;}

.menu_title { position: relative; width: 76.5625%; max-width: 337px; margin: 5% auto 5% auto; text-align: center; }
.menu_title img { width: 100%; }

.gnb .quick { position: relative; width: 76.5625%; margin: 60px auto 0; }
.gnb .quick ul { position: absolute; right: 0; width: 50%; }
.gnb .quick li { float: left; width: 50%;}
.gnb .quick li a { display: block; text-indent: -9999px; background: rgba(0,0,0,0); padding-bottom: 50%; }
.gnb .quick img { width: 100% }

/*footer*/
#footer { position: relative; width: 100%; color: #c9caca; background: #615e5e; }
.footerWrap { width: 84.375%; position: relative; margin: 0 auto; padding-top: 35px; padding-bottom: 20px; text-align: center; }
.footerWrap p { font-size: 12px; margin-bottom: 7px; font-weight: 100; line-height: 120%; }

.f_top { position: relative; margin-bottom: 25px; }
	.footerWrap .builder {  }
	.footerWrap .ci {  }
	.footerWrap .tel { position: absolute; right: 0; top: 11px; }
.f_bottom { position: relative; }


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

-------------------------------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;
	/* Center slide text vertically */
}


/***********************************************************************
visual
************************************************************************/
.visual { position: relative; height: 100%; padding-bottom: 150%; }
		.visual_logo { position: absolute; top: 10%; left: 0; right: 0; width: 100%; z-index: 2; }
		.visual_logo img { width: 100%; }
		/*.visual_bottom { position: absolute; bottom: 0; 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 .text { z-index: 1; position: absolute; height: 100%; top: 0; left: 0; width: 100%; }
.rolling li .text img { position: absolute; left: 0; right: 0; margin: auto; opacity: 0; }
	/*
	visual1 & visual2
	*/
	.rolling li .text img { max-width: 640px; width: 100%; }
	.rolling li .text .nth_01 { top: 10%; }
	.rolling li .text .nth_02 { bottom: -10%; }
	/*text animation */
	.rolling li.swiper-slide-active .text .nth_01 { opacity: 1; transition: all .7s linear .2s; top: 10%; }
	.rolling li.swiper-slide-active .text .nth_02 { opacity: 1; transition: all .7s linear .5s; bottom:-10%; }

.rolling li .img_board { width: 100%; height: 100%; overflow: hidden; }
.rolling li .img_board .bg { height: 100%; transform: scale(1.2,1.2); 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/main/visual/m_visual1.jpg); }
		.rolling .visual2 .img_board .bg { background-image: url(../images/main/visual/m_visual2.jpg); }
		.rolling .visual3 .img_board .bg { background-image: url(../images/main/visual/visual3.jpg); }
		.rolling .visual4 .img_board .bg { background-image: url(../images/main/visual/visual4.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{position:relative; overflow:hidden; width:100%; max-height:980px; background:#f6f6f6 url(../images/main/premium/premium_bg.jpg) repeat-x center 0px; background-size:100%; margin:0 auto; text-align:center; padding:50px 0;}
.premium .premium_title{margin-bottom:30px;}
.premium .premium_title h2{font-size:18px; font-weight:400;}
.premium .premium_title h2 span{font-weight:700;}
.premium .premium_title h3{font-size:48px; color:#008fc4; font-weight:700; line-height:70px;}
.premium .premium_title a{display:block; margin:0 auto; width:145px; height:35px; margin-top:15px;}
.premium .premium_title a p{position: relative; font-size:16px; font-weight:500; transition:all 0.6s;}
.premium .premium_title a p:after {content: ''; width: 100px; height: 1px; position: absolute; bottom: -10px; left: 50%; background: #000; -webkit-transform: translateX(-50%); transform: translateX(-50%);
}
.premium .premium_title a p:hover{color:#008fc4; transition:all 0.6s;}

.premium .swiper-slide > p{width:55%; overflow:hidden; box-shadow:2px 2px 10px rgba(0,0,0,0.3); margin:0 auto; margin-bottom:40px; background:#e8e7e0;  transition:all 0.6s;}
.premium .swiper-slide > p img{width:100%; transition:all 0.6s; }
.premium .swiper-slide:hover p img{transform:scale(1.2); transition:all 0.6s; opacity:0.7}

.premium .swiper-slide .txt{position: relative; text-align:center;}
.premium .swiper-slide .txt > h4{font-size:27px; color:#008fc4; font-family: 'Montserrat';  font-weight:400; letter-spacing:-2px; margin-bottom:15px;}
.premium .swiper-slide .txt p{color:#403e3d; font-size:17px; line-height:125%; letter-spacing:-1px; font-weight:400; }
.premium .swiper-slide .txt p:last-child{color:#454545; font-size:40px; line-height:110%; letter-spacing:-1px; font-weight:600; margin-top:20px; }
.premium .swiper-slide .txt p span{color:#008fc4}

#premium_wrap {position:relative;}

#premium_wrap .swiper-button-prev,
#premium_wrap .swiper-button-next {
  position: absolute;
  top: 20% !important;
  width: 100px;
  height: 100px;
  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/main/premium/pre_next.png') no-repeat; 
  background-size:cover;
  left:3%;
  right: auto;
}
#premium_wrap .swiper-button-next,
#premium_wrap .swiper-container-rtl .swiper-button-prev {
  background: url('../images/main/premium/pre_prev.png') no-repeat; 
  background-size:cover;
  right:3%;
  left: auto;
}

@media screen and (max-width:490px){
	#premium_wrap .swiper-button-prev,
	#premium_wrap .swiper-button-next {
	  width: 80px;
	  height: 80px;
	 }
}

@media screen and (max-width:380px){
	.premium .premium_title h2{font-size:16px;}
	.premium .premium_title h3{font-size:40px;}
}


@media screen and (max-width:350px){
	#premium_wrap .swiper-button-prev,
	#premium_wrap .swiper-button-next {
	  width: 70px;
	  height: 70px;
	 }
}


/*main_unit*/
.main_unit{position:relative; width:100%; min-height:960px; background:url(../images/main/unit/unit_bg.jpg) no-repeat bottom center; padding:80px 0 20px 0; box-sizing:border-box;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.main_unit .unit_title{text-align:center; margin:0 auto; }
.main_unit .unit_title h2{font-size:48px; color:#0c4da2;  font-weight:700;}
.main_unit .unit_title h3{font-size:22px; color:#454545; font-weight:300; line-height: 70px;}
.main_unit .unit_title h3 span{font-weight:600;}


.unit{font-size:0; position:relative; top:-40px; text-align: center; width: 90%; margin: 0px auto; padding:50px 0;}
.unit .unit_Wrap{display:inline-block; vertical-align:middle;}
.unit .unit_Wrap{position:relative; width:calc(100% - 0px); padding-top:20px}

.unit .inner_unit{background: #f6f6f6; width: 100%; height: 175px;}
.unit .unitnav{margin: 0 auto;  width: 90%;}
.unit .unitnav .slick-dots{bottom:-60px; text-align: center; width:100%; left: 50%; transform: translateX(-50%); }
/*.unitnav .slick-dots{ left: 50%; transform: translateX(-50%); }*/
.unit .unitnav .slick-dots li{width:calc(100% / 9);height:3px;margin:0px;padding:0; z-index:99; top:-16px}
.unit .unitnav .slick-dots li button{font-size:0; line-height: 0; display: block;width:100%;height:1px; padding:0px; background:#131d27;}
.unit .unitnav .slick-dots li button:before{font-size:0; content:"";width:100%; height:5px; top:-2px;}
.unit .unitnav .slick-dots li.slick-active button:before{background:#131d27}

.unit .nav_slider .unit_btn{width: 100px; height: 100px; border: 1px solid; border-radius: 100px; text-align: center; padding-top: 35px; cursor:pointer; margin-left:10px;}
.unit .nav_slider .unit_btn p{color:#454545; font-size:22px; font-weight:700;}
.unit .slick-current .nav_slider .unit_btn{background: #275bb3;}
.unit .slick-current .nav_slider .unit_btn p{color:#fff;}


.unit .sliderunit .inn_ {position:relative; font-size:0;}
.unit .sliderunit .inn_ > p,
.unit .sliderunit .inn_ > .txt{display:inline-block; vertical-align:middle;
   box-sizing:border-box; -webkit-box-sizing:border-box;
} 
.unit .sliderunit .slick-slide img {width:100%;}
.unit .sliderunit .inn_ > p{width:100%; overflow:hidden; box-shadow:5px 7px 15px -3px rgba(0,0,0,0.3); border-top: 5px solid #0c4da2;}
.unit .sliderunit .inn_ > .txt_box{width:100%;  height: 100%; background: #f6f6f6;}
.unit .sliderunit .inn_ > .txt_box .txt{padding:60px 0; box-sizing:border-box; -webkit-box-sizing:border-box; }
.unit .sliderunit .inn_ > .txt_box .txt > p{font-size:24px; margin-bottom:20px; font-weight:500;}
.unit .sliderunit .inn_ > .txt_box .txt > p b{font-size:46px; color:#0c4da2; font-weight:700;}
.unit .sliderunit .inn_ > .txt_box .txt a{display:block; margin-top:20px;}
.unit .sliderunit .inn_ > .txt_box .txt a p{font-size:22px;  font-weight:500; }
.unit .sliderunit .inn_ > .txt_box .txt a img{width:40px; display: inline-block; margin-left:10px; }

.unit .sliderunit .inn_ > .txt_box .txt a p:hover{color:#0c4da2;}


@media screen and (max-width:380px){
	.main_unit .unit_title h2{font-size:40px;}
	.main_unit .unit_title h3{font-size:16px;}

	.unit .sliderunit .inn_ > .txt_box .txt {padding:40px 0; }
	.unit .sliderunit .inn_ > .txt_box .txt > p{font-size:22px; margin-bottom:10px;}
	.unit .sliderunit .inn_ > .txt_box .txt > p b{font-size:40px;}
	.unit .sliderunit .inn_ > .txt_box .txt a p{font-size:20px;  font-weight:500; }
}



.main_brand img{width:100%;}

.quick_menu{position:relative; width:100%; height:auto; padding:70px 0; background:url(../images/main/quick_bg.jpg) no-repeat center; background-size:cover;}
.quick_menu ul{font-size:0; text-align:center}
.quick_menu ul li{position:relative; width: calc(90% / 1); height: 100%; font-size:18px;  margin:0 auto; padding-bottom:20px;}
.quick_menu ul li a{display:block; border:1px solid #b7b7b7; background-color:rgba(255,255,255,0.4); padding:20px 0; transition:all 0.6s;}
.quick_menu ul li a:hover{border:1px solid #0c4da2;  box-shadow: 10px 10px 14px 0px rgb(0 0 0 / 30%); transition:all 0.6s; background:url(../images/main/quick_over.png) no-repeat center center; background-size:cover;}
.quick_menu ul li div{padding:0 60px;}
.quick_menu ul li div p b{display:block; font-size:22px; color:#454545; font-weight:500; padding:15px 0;}
.quick_menu ul li div p{color:#454545; font-size:16px; line-height:115%;}


@media screen and (max-width:420px){
	.quick_menu ul li a img{
	  width: 40px;
	  height: 41px;
	 }
	.quick_menu ul li div p b{font-size:20px;}
	.quick_menu ul li div p{font-size:15px;}
}


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

-------------------------------sub-------------------------------

*******************************************************************/
.container .contents_wrap{text-align: center; position:relative; margin-bottom: 80px;}
.container .contents_wrap.mb0 { margin-bottom: 0; }
.container .contents_wrap .inner { position: relative; }
.container .contents_wrap .inner img { width: 100%; }
.container .contents_wrap > img{width:100%;}

/* sub page location */
.sub_top {height: 80px; position: relative; /*background-image: url(/mobile/images/sub/top.jpg); background-size: cover; background-position: center;*/ background: #413c3b; width: 100%; z-index:99 }
.sub_top .title { position: absolute; letter-spacing: -1.5px; font-size: 22px; color: #fff; text-align: center; width: 100%; line-height: 80px; font-weight: normal; }
/*좌우버튼*/
.sub_top ol { height: 100% }
.sub_top ol li { height: 100%; padding: 0 3%;}
.sub_top ol li.prev { float: left; }
.sub_top ol li.next { float: right; }
.sub_top ol li a { display: block; position: relative; text-indent: -100000%; width: 23px; height: 100%; }
.sub_top ol li.prev a { background: url(/mobile/images/sub/prev.png) no-repeat; background-position: center; background-size:60%;}
.sub_top ol li.next a { background: url(/mobile/images/sub/next.png) no-repeat; background-position: center; background-size:60%;}
@media screen and (max-width: 640px) {
	.sub_top .title { font-size: 5vw; }
}
/*돋보기*/.view_more { position: absolute; text-indent: -9999px; background: rgba(0,0,0,0); }
					.view_more > img { display: block; }
					.pop { position: relative; width: 100%; margin: 0 auto; }
					.pop > img { width: 100%; }
					.pop .view_more { top: 0; right: 0; }
/*오리발*/.note { font-size: 11px; line-height: 14px; text-align: left; color: #898989; width: 95%; margin: 50px auto 50px auto; padding: 10px; border: 1px solid #eee; font-weight: lighter; }

/********************************************************************
TAB & BUTTON
*********************************************************************/
/*tab content*/
.tab_content { width: 100%; margin: 0 auto; padding-top: 40px; }
.tab_content img{width:;}
.tab_content ul.btns { position: relative; overflow: hidden; text-align: center; width: 95%; margin: 0 auto; margin-bottom: 5%; }
.tab_content ul.btns li { position: relative; text-align: center; cursor: pointer; padding: 0; float: left; height: 40px; display: table; padding-right: 1px;
	-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s;
}
.tab_content ul.btns li.last { padding-right: 0; }
.tab_content ul.btns.btns1 li { width: 100%; }
.tab_content ul.btns.btns2 li { width: 50%; }
.tab_content ul.btns.btns3 li { width: 33%; }
.tab_content ul.btns.btns4 li { width: 25%;}
.tab_content ul.btns.btns5 li { width: 20%; }
.tab_content ul.btns.btns6 li { width: 16.5%; }
.tab_content ul.btns.btns7 li { width: 14%; }
.tab_content ul.btns.btns3.mb5 li {margin-bottom:1px;}
.tab_content ul.btns.btns4.mb8 li { width: 25%; margin-bottom:1px; padding-right: 1px; height:50px;}

.tab_content ul.btns li a { color: #fff; background-color: #000; display: table-cell; vertical-align: middle; font-size: 12px; width: 100%; height: 100%;
	-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s;
}
.tab_content ul.btns li:hover a,
.tab_content ul.btns li.active a{ color: #fff; font-weight: bold; }
.tab_content ul.btns li:hover a.clr01,
.tab_content ul.btns li.active a.clr01 {background-color: #005994; }



/*depth01*/
.tab_content ul.depth01 { position: relative; overflow: hidden; text-align: center; width: 95%; margin: 0 auto; margin-bottom: 8%; display:flex;}
.tab_content ul.depth01 li { position: relative; text-align: center; cursor: pointer; padding: 0; float: left; height: 40px; display: table; padding-right: 1px; flex:1;
	-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s;
}

.tab_content ul.depth01 li a {background:#fff; border-bottom:1px solid #dddddd; color:#000;}

.tab_content ul.depth01 li:hover a.clr01,
.tab_content ul.depth01 li.active a.clr01  {background-color: #fff; color:#0c4da2; border-bottom:2px solid #0c4da2;}


.tab_content ul.depth01 li.last { padding-right: 0; }
.tab_content ul.depth01.btns1 li { width: 100%; }
.tab_content ul.depth01.btns2 li { width: 50%; }
.tab_content ul.depth01.btns3 li { width: 33%; }
.tab_content ul.depth01.btns4 li { width: 25%;}
.tab_content ul.depth01.btns5 li { width: 20%; }
.tab_content ul.depth01.btns6 li { width: 16.5%;  padding-top:0;}
.tab_content ul.depth01.btns7 li { width: 14%; }

/*.tab_content ul.depth01.btns5 li:nth-child(n+6):nth-child(-n+9){width:25%}*/


.tab_content .btn_container { /*width: 100%;*/ width: 95%; margin: 0 auto; position: relative; }
.tab_content .btn_container .btn_content > img { display: block; width: 100%; }
.tab_content .btn_container .btn_content .note { width: 100%; }

.tab_content .btn_container .btn_content{position:relative}
.tab_content .btn_container .btn_content > span{position:absolute; right:0; top:340px;}
.tab_content .btn_container .btn_content > span a{display:block; width:180px; height:45px; line-height:45px; background:#ddd; color:#000; text-align:center; font-weight:400; font-size:15px;}
.tab_content .btn_container .btn_content > img { width: 100%; }

/*depth02*/
.tab_content ul.depth02{ position: relative; overflow: hidden; text-align: center; margin: 0 auto; margin-bottom: 8%; width:95%;}
.tab_content ul.depth02 li { position: relative; text-align: center; cursor: pointer; padding: 0; float: left; height: 40px; display: block; padding-right: 1px;
	-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s;     padding-top: 15px;
}

.tab_content ul.depth02 li{background:#fff; border-bottom:1px solid #dddddd; color:#000; }
.tab_content ul.depth02 li:hover,
.tab_content ul.depth02 li.active{background-color: #fff; color:#0c4da2; border-bottom:2px solid #0c4da2;}

.tab_content ul.depth02 li:hover a.clr01,
.tab_content ul.depth02 li.active a.clr01{color:#0c4da2; font-weight: bold;}

.tab_content ul.depth02 li.last { padding-right: 0; }
.tab_content ul.depth02.btns1 li { width: 100%; }
.tab_content ul.depth02.btns2 li { width: 50%; }
.tab_content ul.depth02.btns3 li { width: 33%; }
.tab_content ul.depth02.btns4 li { width: 25%;}
.tab_content ul.depth02.btns5 li { width: 20%; }
.tab_content ul.depth02.btns6 li { width: 16.5%;  padding-top:0;}
.tab_content ul.depth02.btns7 li { width: 14%; }

.tab_content ul.depth02.btns5 li:nth-child(n+6):nth-child(-n+9){width:25%}

/*tab content*/
.tab_content1{margin: 0 auto; width:85%;}
.tab_content1 .btns_{font-size:0;}
.tab_content1 .btns_ li{display:inline-block; text-align: center; cursor: pointer;background-color: #eee; font-size:13px; width:calc(100% / 4 - 1px); height:40px; line-height:40px; margin:0.5px; font-weight:400;}

.tab_content1 .btns_ li.active { background-color: #004e98;color:#fff;}
.tab_content1 .btn_container1 { margin: 0 auto; margin-top:50px; }
.tab_content1 .box_unit > img { width: 100%; }

/*tab content2*/
.tab_content2{margin: 0 auto; width:95%;}
.tab_content2 .btns_{font-size:0;}
.tab_content2 .btns_ li{display:inline-block; text-align: center; cursor: pointer;background-color: #eee; font-size:13px; width:calc(100% / 2 - 1px); margin:0.5px; font-weight:400; padding:10px}
.tab_content2 .btns_ li.active { background-color: #004e98;color:#fff;}
.tab_content2 .btns_ li:last-child{width:100%;}
.tab_content2 .btn_container2 { margin: 0 auto; margin-top:50px; }

/*tab content3*/
.tab_content3{margin: 0 auto; width:95%;}
.tab_content3 .btns_{font-size:0;}
.tab_content3 .btns_ li{display:inline-block; text-align: center; cursor: pointer;background-color: #eee; font-size:13px; width:calc(100% / 2 - 1px); height:40px; line-height:40px; margin:0.5px; font-weight:400}
.tab_content3 .btns_ li.active { background-color: #004e98; color:#fff;}
.tab_content3 .btn_container2 { margin: 0 auto; margin-top:50px; }


.map_tit {margin:80px 0 60px;}
.map_tit img {max-width:95%;}


/*tab content(e)*/
/********************************************************************
TAB & BUTTON (e)
*********************************************************************/

/*영상공통*/
.videoWrap { width: 84.375%; margin: 30px auto; }
.videoWrap ul li { margin-bottom: 100px; }
.videoWrap ul li p { font-size: 20px; margin-bottom: 10px; }
.video { width: 100%; margin: 0 auto; position: relative; padding-bottom: 76.25%; height: 0; /*line-height: 0;*/ background-color: #fff;}
.video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*버튼 공통*/
.link_btn_wrap { position: relative; /*width: 84.375%;*/width: 100%; margin: 30px auto; overflow: hidden; text-align: center; }
.link_btn_wrap > div { display: inline-block; width: 100%; }
.link_btn { position: relative; display: table; width: 100%; height: 40px; padding: 0 5px; text-align: center; background: #000; }
		.link_btn .btn_text { position: relative; width: 100%; display: table-cell; vertical-align: middle; font-size: 15px; font-weight: 100; color: #fff; z-index: 1; }
.link_btn_wrap.count2 > div { width: 48%; }
.link_btn_wrap > div:nth-child(2n+1) { float: left; }
.link_btn_wrap > div:nth-child(2n) { float: right; }

.tab_content .btn_container .btn_content{position:relative}
.tab_content .btn_container .btn_content .link_btn_wrap2{position:absolute; padding-left:66%; top:14%;}
.tab_content .btn_container .btn_content .link_btn_wrap2 > div{width:180px;}
.tab_content .btn_container .btn_content .link_btn_wrap2 .link_btn{position: relative; display: table; width: 100%; height: 40px; text-align: center; background: #ddd; color:#000; font-weight:400; font-size:15px;}
.tab_content .btn_container .btn_content .link_btn_wrap2 .link_btn .btn_text { position: relative; width: 100%; display: table-cell; vertical-align: middle; font-size: 15px; font-weight: 300; z-index: 1; color: #000; }
.tab_content .btn_container .btn_content .link_btn_wrap2 .link_btn:hover .btn_text { font-weight: 300; color: #000; }



/***********************************************************************
ehouse
************************************************************************/
.ehouse { width: 100%; background-image: url(../images/main/ehouse/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%; }


/*e모델하우스*/
.vr { width: 100%; margin: 0 auto; position: relative; padding-bottom: 95.25%; height: 0; line-height: 0; /*overflow: hidden;*/ background: #fff; margin-top: 30px; }
.vr iframe { position: absolute; top: 0; left: 0; right: 0; margin: auto; width: 100.375%; height: 100%; }
@media screen and (min-width: 400px) {

}


/*단지*/
.just div{margin-bottom:50px}


/*조경*/
.design div p{margin-bottom:30px}
.design div p:last-child{margin-top:30px;}

/*커뮤니티*/
.community div p{margin-top:30px}

/*단지*/
.location div p{margin-bottom:30px}


/*시스템*/
.system .inner_system{text-align:left;}
.system .inner_system ul li{margin-bottom:70px;}
.system .inner_system ul li strong{display:block; font-size:27px; font-weight:700; color:#008fc4; margin-bottom:16px; font-family: 'Noto Sans KR'}
.system .inner_system ul li p{font-size:18px; font-weight:300; color:#5e5e5e; line-height:125%; margin-bottom:14px; font-family: 'Noto Sans KR'}

/*모집공고*/
.notice .btn_wrap{text-align:center; margin:0 auto;}
.notice .btn_wrap a{display:inline-block; color:#005496; border:1px solid #005496; border-radius:50px; font-size:17px; font-weight:500; width:70%; height: 50px; line-height:50px; transition:all 0.4s ease-in;  margin: 5px;}
.notice .btn_wrap a:hover{background:#005496; color:#fff; transition:all 0.4s ease-in;
   box-shadow: 15px 15px 24px -5px rgba(0,0,0,0.4);}

.notice p{margin-top:30px;}

/*공급안내*/
.subscription .btn_wrap{text-align:center; margin:0 auto;}
.subscription .btn_wrap a{display:inline-block; color:#005496; border:1px solid #005496; border-radius:50px; font-size:17px; font-weight:500; width:80%; height: 50px; line-height:50px; transition:all 0.4s ease-in;  margin-top: 30px;}
.subscription .btn_wrap a:hover{background:#005496; color:#fff; transition:all 0.4s ease-in;
   box-shadow: 15px 15px 24px -5px rgba(0,0,0,0.4);}


/*공급일정*/
.schedule { width: 100%; margin: 50px auto; position:relative; color: #464646; }
.schedule caption { display: none; }
.schedule table { width: 100%; border-collapse: separate; /**border-collapse: collapse;*/ table-layout:fixed; border-top: 1px solid #ddd; }
.schedule tbody { border-left: 1px solid #ddd; }
.schedule tr {  }
.schedule td { text-align: left; border-bottom: 1px solid #ddd; padding: 15px; }
.schedule td:first-child { border-right: 1px solid #ddd; }
.schedule td span,
.schedule td a { display: block; }
.schedule .date { text-align: center; background-color: #f5f5f5; padding: 15px 5px; }
.schedule .date b,
.schedule .date span { display: block; }
.schedule .date b { font-size: 21px; margin-bottom: 5px; color: #777; font-weight: 300; }
.schedule .date span { font-size: 14px; }
.schedule .event { font-weight: 500; font-size: 20px; }
.schedule .link { font-size:13px; padding: 10px 10px 0 0; }
.schedule .tag { font-size:13px; padding: 10px 10px 0 0 }
.schedule .clr1 { color: #51c1e7; }
.schedule .clr2 { color: #977faf; }
.schedule .clr3 { color: #f38487; }
.schedule .clr4 { color: #f79c9b; }
.schedule .clr5 { color: #6fc4c4; }
.schedule .clr6 { color: #faab55; }
.schedule .clr6_1 { color: rgba(146,18,18,0.6); }
.schedule .clr7 { color: #4d242c; }
.schedule .clr7_1 { color: rgba(185,134,18,0.6); }
.schedule .clr8 { color: #ff0000; }
.schedule .clr9 { color: #85a3ce; }




/*관심고객등록*/
input {
	-webkit-border-radius: 0;
	border-radius: 0;
	-webkit-appearance: none;
	appearance: none;
}
input[type='checkbox'] { -webkit-appearance: checkbox; }
input:checked[type='checkbox'] { background-color: #ccc; -webkit-appearance: checkbox; }
input[type='radio'] { -webkit-appearance: radio; }
input[type='button'] { -webkit-border-radius: 0; }

.inner.interest { margin-top: 5% !important; text-align: left; padding: 0 5%; }
.agree_btn .notice { position: relative !important; left: 0 !important; margin-top: 20px !important; }
.table2 th { text-align: center; }
.table2 td { padding-left: 7px !important; }
.table2 td .input_txt1 { width: auto !important; }
.table2 td .input_txt3 { width: 95% !important; }
span.block { display: inline-block; margin-right: 10px; }
.table2 td textarea { width: 95% !important; }

.table3 td textarea { position: relative !important; left: auto !important; height: 70px !important; }




/*popBtns*/
@media screen and (max-width:580px){
   .tab_content .btn_container .btn_content .link_btn_wrap2{padding-left:60%; top:13.5%;}
}

@media screen and (max-width:490px){

   .tab_content .btn_container .btn_content .link_btn_wrap2 > div{width:170px;}
   .tab_content .btn_container .btn_content .link_btn_wrap2{padding-left:56%; top:13%;}
	.map_tit {margin:60px 0 40px;}
}

@media screen and (max-width:430px){
   .tab_content .btn_container .btn_content .link_btn_wrap2 > div{width:160px;}
   .tab_content .btn_container .btn_content .link_btn_wrap2{padding-left:54%; top:12.5%;}
}

@media screen and (max-width:395px){
   .tab_content .btn_container .btn_content .link_btn_wrap2 > div{width:155px; }
   .tab_content .btn_container .btn_content .link_btn_wrap2{padding-left:50%; top:12%;}
}

@media screen and (max-width:350px){
   .tab_content .btn_container .btn_content .link_btn_wrap2 > div{width:150px;}
   .tab_content .btn_container .btn_content .link_btn_wrap2{padding-left:46%;}
}




/*홍보영상*/
/*영상 탭 공통*/
.pr { width: 100%; margin: 50px auto;}
.pr ul { width: 100%; margin: 20px auto 100px auto; overflow: hidden; }
.pr ul li { width: 50%; padding:10px 5px; float: left; opacity: 0.7; filter: alpha(opacity=70); }
.pr ul li::after {content: ""; clear: both; display: table;}
.pr ul li div { width: 100%; margin: 0 auto; position: relative; padding-bottom: 75.25%; height: 0; line-height: 0; overflow: hidden; }
.pr ul li div a img { display: block; width: 100%; }
.pr ul li div a span {display:block;width: 100%;font-size: 14px; color: #000; height: 30px; line-height: 30px; text-align: center; background-color: #eee;}
.pr ul li.active,
.pr ul li:hover { cursor:pointer; opacity: 1; }
.pr ul li a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #fff; font-size: 18px; text-shadow: 0 0 1px rgba(0,0,0,0.2); }


.pr .video { width: 100%; margin: 0 auto; position: relative; padding-bottom: 56.25%; height: 0; line-height: 0; background-color: #fff;}
.pr .video iframe { position: absolute; top: 0; width: 100%; height: 100%; }




/*unit 선택옵션*/
.unit .unit_select{text-align:left !important;}
.unit .unit_select > p{font-size:24px; font-weight:700; color:#011f5b; margin:50px 0; font-family: 'Noto Sans KR'}
.unit .unit_select ul li{margin-bottom:30px;}
.unit .unit_select ul li > strong{display:block; font-size:21px; font-weight:500; color:#424242; margin-bottom:16px; font-family: 'Noto Sans KR'}
.unit .unit_select ul li > strong img{margin-left:4px; padding-top:10px;}

.unit .unit_select ul li > p{font-size:16px; font-weight:400; color:#424242; line-height:165%; margin-bottom:14px; font-family: 'Noto Sans KR'}
.unit .unit_select ul li > p span{font-size:15px; font-weight:300; color:#5e5e5e;}


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


/*document*/

.document_btn {
    margin: 0 auto;
    text-align: center;
}
.document_btn a {
    display: block;
    width: 260px;
    height: 50px;
    line-height: 50px;
    background: #011f5b;
    color: #fff;
    margin: 30px auto;
    border-radius: 10px;
}

.map_btn a{display:block; color:#005496; border:1px solid #005496; border-radius:50px; font-size:20px; font-weight:500; width:300px; height:60px; line-height:60px; text-align:center;  transition:all 0.4s ease-in; margin:0 auto; vertical-align:middle;}
.map_btn a:hover{background:#005496; color:#fff; transition:all 0.4s ease-in;
   box-shadow: 15px 15px 24px -5px rgba(0,0,0,0.4);}



/*headertxt*/
.headertxt{position:relative; background:#69516b url(../images/common/header_bg.jpg); padding:15px; color:#fff; font-size:16px; line-height:135%; box-shadow:1px 5px 10px rgba(0,0,0,0.4)}
.headertxt .open p{font-size:20px; font-weight:500; text-align:left;}
.headertxt .checklist{position:absolute; top:10px; right:10px;}



@media screen and (max-width:350px){
	.headertxt .open p{font-size:17px; font-weight:500;}
	.headertxt .checklist{top:12px; }
	.headertxt .checklist a img{width:180px;}
}

@media screen and (max-width:350px){
	.headertxt .open p{font-size:15px;}
	.headertxt .checklist a img{width:165px;}
}