@import url("reset.css");

/* 팝업 스타일 Begin */
.layer_pop { position:absolute; width:80%; left: 10%; top: 10%; margin: auto; z-index:999; box-sizing: content-box; }
.layer_pop .top_bar { display: block; width: 100%; height: 50px; background-color: #2b4671; }
.layer_pop .top_bar img { display: inline-block; position: absolute; top: 0; 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; background: #d4d4d4; }
.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 */


/*중도금 대출자서안내 조회하기 팝업 220111*/
.popContents .bank_pop a{display:block;}
.popContents .btn_wrap{padding: 3% 0; background: #fff; box-sizing:border-box; -webkit-box-sizing:border-box;}
.popContents .btn_wrap .pops_btn{width: 100%; height:auto;    padding-bottom: 3%; background: #fff;}
.popContents .btn_wrap .pops_btn ul{position: relative; width: 90%; background: #ddd;     margin: 0 auto;}
.popContents .btn_wrap .pops_btn ul li{display: flex;  align-items: center; padding: 10px 0; box-sizing:border-box; -webkit-box-sizing:border-box;}
.popContents .btn_wrap .pops_btn ul li div{width: 50%;}
.popContents .btn_wrap .pops_btn ul li .btn_left{width:40%;  margin: 3.5%;}
.popContents .btn_wrap .pops_btn ul li .btn_right{width:50%;}


.popContents .btn_wrap .pops_btn2 ul li{display: flex; align-items: center; padding: 0;}
.popContents .btn_wrap .pops_btn2 ul li .btn_right a:nth-child(1){padding-bottom:0px;}





.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;}
.container { margin-top: -10px; }

header{position: relative; text-align: center; z-index: 99;}
header .top{position: relative; height: 70px; background: url(/officetel/mobile/images/common/shdw.png) repeat-x top center; }
header .logo{ margin: 0 auto; }
header .logo img {/* width: 130px;*/ }
header .tel{position: absolute; right:4.6875%; top: 20px; }
header .tel img{ height: 24px; }

header .quick {position:fixed; right:4.6875%; bottom:5%;}
header .quick img {margin-top:10px; height:50px; }

header .menu_btn{position: absolute; left:4.6875%; top:20px; }
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: 60px; width:100%; background-color: #002b52; 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:#fff; border-bottom: 1px solid #dfdfdf;}
		.gnb>ul>li>a::after {content: url(/officetel/mobile/images/common/menu_arrow.png); position: absolute; right: 5px; top: 5px }
		.gnb>ul>li>a.on::after {content: url(/officetel/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: #06447c }
.gnb>ul>li>ul>li>a{height:35px; line-height:35px; text-indent: 10px; display:block; font-size:13px; color:#fff;}
.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: #a4a4a4; background: #313131; }
.footerWrap { width: 84.375%; position: relative; margin: 0 auto; padding-top: 35px; padding-bottom: 20px; text-align: left; }
.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;
	background: url('/officetel/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-bullet-active {
  opacity: 1;
  background: #b59370;
}





/***********************************************************************
unit
************************************************************************/
.unit .swiper-container {
	width: 100%;
	height: 100%;
}
.unit .swiper-slide {
	text-align: center;
	background: url('/officetel/mobile/images/main/unit/unit_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;
}


.unit .swiper-pagination-bullet-active {
  opacity: 1;
  background: #000;
}


/***********************************************************************
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: 9%; 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_visual01.jpg); }
		.rolling .visual2 .img_board .bg { background-image: url(../images/main/visual/m_visual02.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; }*/


/***********************************************************************
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%; }


.main_city { position: relative; margin: 50px 0 50px; }
.main_city img, .main_trend img, .quick_menu img, .premium img, .unit img{max-width: 100%; cursor:pointer;}
.main_city li {margin-bottom:60px; }

.main_trend{background:url("/officetel/mobile/images/main/trend_bg.jpg") no-repeat; background-size:cover;}

.quick_menu > ul.quick2 {text-align:center;}
.quick_menu > ul.quick2 li {padding-bottom:25px;}
.quick_menu > ul.quick2 li img {display:inline-block; max-width:100%;}

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

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

#btn2 {margin-top:50px;}

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

-------------------------------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%;}

.mt80 {margin-top:80px;}
.mt40 {margin-top:40px;}
.mb50 {margin-bottom:50px;}

/* sub page location */
.sub_top {height: 75px; position: relative; /*background-image: url(/officetel/mobile/images/sub/top.jpg); background-size: cover; background-position: center;*/ background: #413c3b; width: 100%; }
.sub_top .title { position: absolute; letter-spacing: -1.5px; font-size: 22px; color: #fff; text-align: center; width: 100%; line-height: 75px; 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(/officetel/mobile/images/sub/prev.png) no-repeat; background-position: center; background-size:60%;}
.sub_top ol li.next a { background: url(/officetel/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: 12px; line-height:160%; text-align: left; color: #898989; width: 90%; padding:20px 10px; margin: 10px auto 50px auto; border: 1px solid #eee; font-weight: lighter; }



/********************************************************************
TAB & BUTTON
*********************************************************************/
/*tab content*/
.tab_content { width: 100%; margin: 0 auto; padding-top: 40px; }
.tab_content ul.btns { position: relative; overflow: hidden; text-align: center; width: 90%; margin: 0 auto; margin-bottom: 8%; }
.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; }

.tab_content .btn_container { /*width: 100%;*/ width: 90%; 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%; }

.tab_content ul.btns li span.txt { position: relative; z-index: 1; color: #fff; display: table-cell; vertical-align: middle; font-size: 15px; letter-spacing: 2px; width: 100%; height: 100%; }
.tab_content ul.btns li span.tab_bg { position: absolute; left: 0; top: 0; width: calc(100% - 1px); height: 100%; background: #1a2239; }
.tab_content ul.btns li span.tab_bg::after { content:""; position: absolute; left: 0; top: 0; opacity: 0; width: 0; height: 100%; background-color: #b18f76; -webkit-transition: all 0.6s; -moz-transition: all 0.4s; -o-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s; }
		.tab_content ul.btns li:hover span.txt,
		.tab_content ul.btns li.active span.txt { color: #fff; }
		.tab_content ul.btns li:hover span.tab_bg,
		.tab_content ul.btns li.active span.tab_bg { }
		.tab_content ul.btns li:hover span.tab_bg::after,
		.tab_content ul.btns li.active span.tab_bg::after { opacity: 1; width: 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 .btn_container { margin: 0 auto; margin-top: 80px; }



.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: #002852; }
		.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; }


/*영상 탭 공통
.pr { width: 84.375%; margin: 0 auto; margin-bottom: 100px; }
.pr ul { width: 100%; margin: 0 auto 100px auto; overflow: hidden; }
.pr ul li { width: 32%; padding: 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: 88.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); }*/

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

}


/*공급일정*/
.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: #76aeb3; }
.schedule .clr2 { color: #4d242c; }
.schedule .clr3 { color: #ee266b; }
.schedule .clr4 { color: #bfa082; }
.schedule .clr5 { color: #002852; }
.schedule .clr6 { color: #ca4646; }
.schedule .clr6_1 { color: rgba(146,18,18,0.6); }
.schedule .clr7 { color: #f1a907; }
.schedule .clr7_1 { color: rgba(185,134,18,0.6); }
.schedule .clr8 { color: #599ac7; }




/*관심고객등록*/
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: 13% !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%;}
}


/*event*/
.event .event_view{text-align:center;}
.event .event_view p:first-child{cursor:pointer;}
.event .event_view a{display:block; background:#0d1f36; color:#fff; height:45px; line-height:50px; text-align:center; width:98%; margin:20px auto 0; font-size:15px; font-weight:400;
 box-shadow: 5px 5px 15px -5px rgba(0,0,0,0.5);
}
.event .event_view a:hover{background:#222; color:#fff; transition:all 0.4s ease-in;
   box-shadow: 30px 30px 24px -5px rgba(0,0,0,0.7);}

.win_event{background:#b08e76; padding:30px; width:100%; margin:0 auto;}
.win_event h2{font-size:27px; font-weight:400; color:#fff; letter-spacing:-2px; margin-bottom:20px;}
.win_event h2 span{font-weight:600}

.win_event ul li{display:flex; flex-direction:row; align-items:center; justify-content:center; margin-bottom:10px;}
.win_event ul li input[type="text"]{border:0; height:50px; width:100% !important; padding:0 10px;
box-sizing:border-box;
}

.win_event ul li.ofi,
.win_event ul li.store{
 box-shadow: 5px 5px 15px -5px rgba(0,0,0,0.5);
}

.win_event ul li.ofi{margin-top:20px; background:#182136}
.win_event ul li.ofi > p,
.win_event ul li.ofi > div{
box-sizing:border-box;
}
.win_event ul li.ofi > div{background:#182136; padding:15px 0;}
.win_event ul li.ofi > p{color:#fff; font-weight:400; padding-right:10px;}
.win_event ul li.ofi > div .txtInp{height:40px; width:40px !important; border:1px solid rgba(255,255,255,0.5); color:#fff; background:#182136; padding:5px;text-align:center;}

.win_event ul li.store {background:#c34870}
.win_event ul li.store > p{color:#fff; font-weight:400; padding-left:10px;}
.win_event ul li.store > p,
.win_event ul li.store > div{
box-sizing:border-box;
}
.win_event ul li.store > div{background:#c34870; padding:15px 0;}
.win_event ul li.store > div .txtInp{height:40px; width:40px !important; border:1px solid rgba(255,255,255,0.5); color:#fff; background:#c34870; padding:5px;text-align:center;}

.win_event ul li.radio span { display:inline-block; line-height:26px; }
.win_event ul li.radio label { color:#fff; margin-right:20px; padding-left:10px; }

.win_event .terms{margin-bottom:30px; background:#f5f5f5; height:200px; padding:15px; overflow-y:auto; text-align:left}
.win_event .terms pre,
.win_event .terms div{font-size:12px;  font-family:'Noto Sans KR'; line-height:18px;}
.win_event .terms h3{font-size:15px; font-weight:500; color:#000}
.win_event .terms h4{font-size:13px; font-weight:400; color:#000}
.win_event .terms h5{font-size:12px; font-weight:400; color:#212121}

.win_event .btn_wrap{display:flex; flex-direction:row; align-items:center; justify-content:center;}
.win_event .btn_wrap a{display:block; width:40%; background:#333; line-height:40px; height:40px; color:#fff; font-weight:300; font-size:15px}
.win_event .btn_wrap a + a{width:60%; background:#ee266b}

@media screen and (max-width:430px){
  .win_event{padding:30px 15px;}
  .win_event h2{font-size:21px;}
  .win_event ul li{flex-direction:column;}
  .win_event ul li.ofi,
  .win_event ul li.store{padding:15px 0 !important;}
  .win_event ul li.radio{display:block;}
  .win_event ul li.radio label { margin-right:10px; padding-left:5px; }
  .win_event .terms{height:150px;}
}

.win_event .agree_btn { color:#fff; margin:0 0 30px; text-align:center; line-height:30px; } 
.win_event .agree_btn label { padding-left:5px; margin-right:20px; }


/*2021.0614-추가-홍아영*/
/*////////////// 이벤트당첨 //////////////*/
.event_win{width:100%; margin:0 auto; background:url(../images/sub/event_win2.jpg) repeat-y right top;}
.event_win img{width:100%;}
.event_win .box{padding-bottom:50px; width:100%;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
}
.event_win .inner_box{background:#fff; border-radius:15px; padding:20px; width:90%; margin:0 auto;
box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.event_win h3{font-size:19px; color:#222; letter-spacing:-2px; font-weight:400; border-top:3px solid #222; border-bottom:1px solid #222; padding:15px 0; margin-bottom:0px;}
.event_win .inner_box > div{width:100%;}

.event_win .inner_box > div table{width:100%;}
.event_win .inner_box > div table th{font-size:14px; text-align:center; border-bottom:1px solid #000; color:#000; padding:15px 0;}
.event_win .inner_box > div table td{border-bottom:1px solid #ddd; padding:15px 0; color:#444; font-size:14px; font-weight:400}


.event_win .winner_btn{background:#fff; border-radius:15px; padding:20px; width:90%; margin:0px auto;
box-sizing:border-box;
-webkit-box-sizing:border-box; margin-bottom:30px;
}
.event_win .winner_btn a{display:block;}
.event_win .winner_btn a p{color:#1a2239; font-size:18px; font-weight:400; }

/*0618이레추가*/
.mov{position:relative; width:640px; height:auto;}
.mov a{position:absolute; width:640px; height:420px; z-index:999;}
.mov iframe{width:100%; height:100%;}


/*.mov{ position: relative; width:640px; height:420px; border:10px solid #4d242a; box-sizing:border-box;}
.mov a{position:absolute; width:100%; height:auto; z-index:999;}
 #myVideo{position: absolute; 	right: 0;	bottom: 0;	top:0;right:0;width: 100%; height: 100%;	background-size: 100% 100%;background-color: black; background-image: /* our video */;	/*background-position: center center;	background-size: contain;	object-fit: cover;	z-index:3;	}*/

/*0618 이레추가*/
/*홍보영상*/
/*영상 탭 공통*/
.sub_mov { width: 100%; margin: 0 auto; margin-bottom: 100px; }
.sub_mov ul { width: 100%; margin: 0 auto 100px auto; overflow: hidden; }
.sub_mov ul li { width: 50%; padding:20px 5px; float: left; opacity: 0.7; filter: alpha(opacity=70); }
.sub_mov ul li::after {content: ""; clear: both; display: table;}
.sub_mov ul li div { width: 100%; margin: 0 auto; position: relative; padding-bottom: 88.25%; height: 0; line-height: 0; overflow: hidden; }
.sub_mov ul li div a img { display: block; width: 100%; }
.sub_mov 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;}
.sub_mov ul li.active,
.sub_mov ul li:hover { cursor:pointer; opacity: 1; }
.sub_mov 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); }


.sub_mov .video { width: 100%; margin: 0 auto; position: relative; padding-bottom: 56.25%; height: 0; line-height: 0; background-color: #fff;}
.sub_mov .video iframe { position: absolute; top: 0; width: 100%; height: 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: -60px; left: 0; right: 0; margin: auto; width: 100.375%; height: 120%; }