@charset "utf-8";
/* CSS Document */


/* CSS Information ----------------------------------------

Site Name : 해운대 경동리인뷰 2차
Part :
Last edit : 2023.03
Author : Gautech

관련폰트 :
font-family: 'Noto Sans KR', sans-serif; (100,300,400,500,700,900)
font-family: 'OmniGothic', sans-serif; (400)
font-family: 'Roboto', sans-serif; (100,300,400,500,700,900)
font-family: 'Noto Serif KR', serif; (100,300,400,500,700,900)
font-family: 'GmarketSans', sans-serif; (300,500,700)

--------------------------------------------------------- */




.main_fixed_coming { position:fixed; top:22%; right:0; z-index:160;}


/* 메인 팝업 */

#o_popup { height:0;}
.main_popup_new_wrap { position:absolute; top:0; left:0; width:100%; height:100% !important; background-color:rgba(0,0,0,0.5); z-index:1000; text-align:center; padding-top:130px; font-size:0;}
.main_popup_new_wrap_off { display:none;}
.main_popup_new { display:inline-block; position:relative; width:356px; height:521px; z-index:1000; margin:0.5%;}
.main_popup_new2 { display:inline-block; position:relative; width:356px; height:521px; z-index:1000; margin:0.5%;}
.main_popup_new3 { display:inline-block; position:relative; width:356px; height:521px; z-index:1000; margin:0.5%;}
.main_popup_new4 { display:inline-block; position:relative; width:356px; height:521px; z-index:1000; margin:0.5%;}
.main_popup_new_cls { position:absolute; top:0; right:0; cursor:pointer; width:30px; height:30px;}
.main_popup_new_cls>img { width:100%; height:auto;}
.main_popup_new_bottom { width:100%; height:25px; line-height:25px; background-color:#666; text-align:right; padding:0 20px; color:#FFF; font-size:12px;}
.main_popup_new_bottom>span { display:inline-block; vertical-align:middle; line-height:1;}
.main_popup_new_bottom>a { display:inline-block; vertical-align:middle; margin-left:20px; border:1px solid #FFF; width:40px; height:19px; line-height:19px; font-size:12px; font-weight:300; text-align:center;}
.main_popup_new>a>img, .main_popup_new2>a>img, .main_popup_new3>a>img, .main_popup_new4>a>img,
.main_popup_new>img, .main_popup_new2>img, .main_popup_new3>img, .main_popup_new4>img { width:auto; height:100%;}



/* 메인 내용 공통 */

section>article { width:100%; text-align:center;}
.contents_box_100p { position:relative; width:100%; height:100%; margin:0 auto; vertical-align:middle;}
.contents_box_100p:after { display:block; content:""; clear:both;}



/* 메인 오른쪽 메뉴 */

.right_nav { display:none; /*position:fixed; right:100px; z-index:90;*/}
/*.right_nav>nav {}
.right_nav>nav>.gnb {}
.right_nav>nav>.gnb>li { margin:10px auto;}
.right_nav>nav>.gnb>li>a { display:block; text-indent:-9999px; height:12px; width:12px; background-color:rgba(208,208,208,0.5); border-radius:6px; opacity:0.7; margin:0 auto; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
.right_nav>nav>.gnb>li>a:hover,
.right_nav>nav>.gnb>li.on>a { width:16px; height:16px; border-radius:8px; background-color:#ab1a1a; opacity:1;}*/



/* 상단, 비주얼 */

section>.cont_mv { position:relative; width:100%; overflow:hidden; background-color:#F7F7F7;}
.main_slide { width:100%; height:100vh; position:relative; margin-left:-50%; left:50%; top:0%; z-index:1;}
.mo_main_li { display: none;}
.main_slide_p { display:block;}
.main_slide_t { display:none;}
.main_slide_m { display:none;}

.main_slide_p_img1 { width:100%; /*height:calc(100vh - 100px);*/ height:100vh; min-height:800px; background-repeat:no-repeat; background-position:50% 0%; background-size:cover;
animation: /*선택자*/slidein_img1 /*동작시간*/4s /*진행속도:ease,ease-out,ease-in*/ease /*딜레이*/0s /*반복:수,infinite*/1 /*방향:normal,alternate*/normal /*완료후:none,both*/both; -webkit-animation: slidein_img1 4s ease 0s 1 normal both; /*움직이는 기준점 가로0% 세로0%*/transform-origin:50% 0%;}
@keyframes slidein_img1 {
	0% { -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1);}
	100% { -ms-transform: scale(1,1); -webkit-transform: scale(1,1); transform: scale(1,1);}
}

.main_txt_main1 { position:absolute; z-index:150; animation: /*선택자*/txt1 /*동작시간*/1s /*진행속도:ease,ease-out,ease-in*/ease /*딜레이*/1s /*반복:수,infinite*/1 /*방향:normal,alternate*/normal /*완료후:none,both*/both; -webkit-animation: txt1 1s ease 1s 1 normal both; /*움직이는 기준점 가로0% 세로0%*/transform-origin:50% 50%;}
@keyframes txt1 {
	0% { left:50%; margin-left:-270px; top:40%; margin-top:-51px; opacity:0;}
	100% { left:50%; margin-left:-270px; top:35%; margin-top:-51px; opacity:1;}
}
.main_txt_main1_t { margin:0 0 0 0;}
.main_txt_main1_t>img {}

.main_slide_p_img2 { width:100%; /*height:calc(100vh - 100px);*/ height:100vh; min-height:800px; background-repeat:no-repeat; background-position:50% 0%; background-size:cover;
animation: /*선택자*/slidein_img2 /*동작시간*/4s /*진행속도:ease,ease-out,ease-in*/ease /*딜레이*/0s /*반복:수,infinite*/1 /*방향:normal,alternate*/normal /*완료후:none,both*/both; -webkit-animation: slidein_img2 4s ease 0s 1 normal both; /*움직이는 기준점 가로0% 세로0%*/transform-origin:50% 0%;}
@keyframes slidein_img2 {
	0% { -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1);}
	100% { -ms-transform: scale(1,1); -webkit-transform: scale(1,1); transform: scale(1,1);}
}

.main_txt_main2 { position:absolute; z-index:150; animation: /*선택자*/txt2 /*동작시간*/1s /*진행속도:ease,ease-out,ease-in*/ease /*딜레이*/1s /*반복:수,infinite*/1 /*방향:normal,alternate*/normal /*완료후:none,both*/both; -webkit-animation: txt2 1s ease 1s 1 normal both; /*움직이는 기준점 가로0% 세로0%*/transform-origin:50% 50%;}
@keyframes txt2 {
	0% { left:50%; margin-left:-270px; top:40%; margin-top:-51px; opacity:0;}
	100% { left:50%; margin-left:-270px; top:35%; margin-top:-51px; opacity:1;}
}
.main_txt_main2_t { margin:0 0 0 0;}
.main_txt_main2_t>img {}

/* bxSlider 버튼 스타일 */
.main_slide a.bx-prev, .main_slide a.bx-next { position:absolute; top:50%; margin-top:30px; width:28px; height:53px; background-size:100% auto; opacity:0.3; text-indent:-9999px;}
.main_slide a.bx-prev { left:40px; background-image: url(/images/icon/slider_left_28x53_w.png); z-index:160;}
.main_slide a.bx-next { right:40px; background-image: url(/images/icon/slider_right_28x53_w.png); z-index:160;}
.main_slide a.bx-prev:hover, .main_slide a.bx-next:hover { opacity:0.8;}


.main_mo_tel { display:none;}


/* cont_footer */

.cont_footer { position:relative; width:100%; height:100%; margin:0 auto;}











/* 1024 ~ 768까지 태블릿 설정 */

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


.main_fixed_coming { position:fixed; top:22%; right:0; z-index:160;}
.main_fixed_coming>img { width:150px; height:auto;}



/* 메인 팝업 */

.main_popup_new_wrap { position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); z-index:1000; text-align:center; padding-top:100px; font-size:0;}
.main_popup_new_wrap_off { display:none;}
.main_popup_new { display:inline-block; vertical-align:top; position:relative; width:320px; height:auto; z-index:1000; margin:2% 0.5%;}
.main_popup_new2 { display:inline-block; vertical-align:top; position:relative; width:320px; height:auto; z-index:1000; margin:2% 0.5%;}
.main_popup_new3 { display:inline-block; vertical-align:top; position:relative; width:320px; height:auto; z-index:1000; margin:2% 0.5%;}
.main_popup_new4 { display:inline-block; vertical-align:top; position:relative; width:320px; height:auto; z-index:1000; margin:2% 0.5%;}
.main_popup_new_cls { position:absolute; top:0; right:0; cursor:pointer; width:30px; height:30px;}
.main_popup_new_cls>img { width:100%; height:auto;}
.main_popup_new_bottom { width:100%; height:25px; background-color:#666; text-align:right; padding:0 20px; color:#FFF; font-size:12px;}
.main_popup_new_bottom>span { display:inline-block; vertical-align:middle; line-height:1;}
.main_popup_new_bottom>a { display:inline-block; margin-left:20px; border:1px solid #FFF; width:40px; height:19px; font-size:12px; font-weight:300; text-align:center;}

.main_popup_new>a>img, .main_popup_new2>a>img, .main_popup_new3>a>img, .main_popup_new4>a>img,
.main_popup_new>img, .main_popup_new2>img, .main_popup_new3>img, .main_popup_new4>img { width:100%; height:auto;}



/* 메인 내용 공통 */

section>article { width:100%; text-align:center; overflow:hidden;}
.contents_box_100p { position:relative; width:100%; height:100%; margin:0 auto; vertical-align:top;}
.contents_box_100p:after { display:block; content:""; clear:both;}



/* 상단, 비주얼 */

section>.cont_mv { position:relative; width:100%; overflow:hidden; background-color:#F7F7F7;}
.main_slide { width:100%; height:630px; position:relative; margin-left:-50%; left:50%; top:0%; z-index:1; padding-top:80px;}
.main_slide_p { display:none;}
.main_slide_t { display:block;}
.main_slide_m { display:none;}

.main_slide_p_img1 { width:100%; height:550px; min-height:1px; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;
animation: /*선택자*/slidein_img1 /*동작시간*/4s /*진행속도:ease,ease-out,ease-in*/ease /*딜레이*/0s /*반복:수,infinite*/1 /*방향:normal,alternate*/normal /*완료후:none,both*/both; -webkit-animation: slidein_img1 4s ease 0s 1 normal both; /*움직이는 기준점 가로0% 세로0%*/transform-origin:50% 50%;}
@keyframes slidein_img1 {
	0% { -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1);}
	100% { -ms-transform: scale(1,1); -webkit-transform: scale(1,1); transform: scale(1,1);}
}

.main_txt_main1 { position:absolute; z-index:150; animation: /*선택자*/txt1 /*동작시간*/1s /*진행속도:ease,ease-out,ease-in*/ease /*딜레이*/1s /*반복:수,infinite*/1 /*방향:normal,alternate*/normal /*완료후:none,both*/both; -webkit-animation: txt1 1s ease 1s 1 normal both; /*움직이는 기준점 가로0% 세로0%*/transform-origin:50% 50%;}
@keyframes txt1 {
	0% { left:50%; margin-left:-200px; top:40%; margin-top:-51px; opacity:0;}
	100% { left:50%; margin-left:-200px; top:35%; margin-top:-51px; opacity:1;}
}
.main_txt_main1_t { margin:0 0 0 0;}
.main_txt_main1_t>img { width:400px; height:auto;}

.main_slide_p_img2 { width:100%; height:550px; min-height:1px; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;
animation: /*선택자*/slidein_img2 /*동작시간*/4s /*진행속도:ease,ease-out,ease-in*/ease /*딜레이*/0s /*반복:수,infinite*/1 /*방향:normal,alternate*/normal /*완료후:none,both*/both; -webkit-animation: slidein_img2 4s ease 0s 1 normal both; /*움직이는 기준점 가로0% 세로0%*/transform-origin:50% 50%;}
@keyframes slidein_img2 {
	0% { -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1);}
	100% { -ms-transform: scale(1,1); -webkit-transform: scale(1,1); transform: scale(1,1);}
}

.main_txt_main2 { position:absolute; z-index:150; animation: /*선택자*/txt2 /*동작시간*/1s /*진행속도:ease,ease-out,ease-in*/ease /*딜레이*/1s /*반복:수,infinite*/1 /*방향:normal,alternate*/normal /*완료후:none,both*/both; -webkit-animation: txt2 1s ease 1s 1 normal both; /*움직이는 기준점 가로0% 세로0%*/transform-origin:50% 50%;}
@keyframes txt2 {
	0% { left:50%; margin-left:-200px; top:40%; margin-top:-51px; opacity:0;}
	100% { left:50%; margin-left:-200px; top:35%; margin-top:-51px; opacity:1;}
}
.main_txt_main2_t { margin:0 0 0 0;}
.main_txt_main2_t>img { width:400px; height:auto;}

/* bxSlider 버튼 스타일 */
.main_slide a.bx-prev, .main_slide a.bx-next { position:absolute; top:50%; margin-top:30px; width:28px; height:53px; background-size:100% auto; opacity:0.3; text-indent:-9999px;}
.main_slide a.bx-prev { left:40px; background-image: url(/images/icon/slider_left_28x53_w.png); z-index:160;}
.main_slide a.bx-next { right:40px; background-image: url(/images/icon/slider_right_28x53_w.png); z-index:160;}
.main_slide a.bx-prev:hover, .main_slide a.bx-next:hover { opacity:0.8;}




/* cont_footer */

.cont_footer { position:relative; width:100%; height:100%; margin:0 auto;}





}



/* 767 ~ 320까지 모바일 설정 */

@media screen and (max-width:767px) {
/* 기본화면스타일 : 너비값이 제일 작을 때 */


.main_fixed_bottom { position:fixed; left:0; bottom:-160px; right:0; height:200px; min-width:1px; background-color:rgba(255,255,255,1); background-image:none; z-index:161; box-shadow:0 0px 10px 0 rgba(0,0,0,0.2);}
.main_fixed_bottom_ov { left:0; }
.main_fixed_bottom_m { bottom:0;}
.main_fixed_01 { display:none;}
.main_fixed_01_m { display:block; cursor:pointer; vertical-align:middle; background-color:#2d3163; color:rgba(255,255,255,1); font-size:16px; padding:0; line-height:40px; width:100%; text-align:center;}
.main_fixed_02 { display:block; vertical-align:middle; width:100%; text-align:center;}
.main_fixed_02_in { display:inline-block; vertical-align:middle; border-bottom:1px solid rgba(0,0,0,0.2); margin:20px 10px 10px 10px; font-size:16px;}
.main_fixed_02_input { border:none; height:30px; font-size:16px; padding:5px; width:70px;}
.main_fixed_03 { display:block; vertical-align:middle; padding:10px; text-align:center; border-left:none; width:100%;}
.main_fixed_03_in { font-size:11px;}
.main_fixed_03_in>input { line-height:20px; height:15px; display:inline-block;}
.main_fixed_04 { display:none; vertical-align:middle; width:100%; height:auto; text-align:center; font-size:14px; padding:0 10px; line-height:normal;}
.main_fixed_04_btn { display:inline-block; vertical-align:middle; padding:5px 20px 7px 20px; color:#FFF; background-color:#ad8167; border-radius:5px; line-height:normal;}
.main_fixed_04_ov { display:block;}

.main_fixed_coming { position:fixed; top:45%; right:0; z-index:160;}
.main_fixed_coming>img { width:100px; height:auto;}




/* 메인 팝업 */

.main_popup_new_wrap { position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); z-index:1000; text-align:center; padding-top:80px; font-size:0; overflow: scroll;}
.main_popup_new_wrap_off { display:none;}
.main_popup_new { display:inline-block; position:relative; width:300px; height:auto; z-index:1000; margin:5% 0;}
.main_popup_new2 { display:inline-block; position:relative; width:300px; height:auto; z-index:1000; margin:5% 0;}
.main_popup_new3 { display:inline-block; position:relative; width:300px; height:auto; z-index:1000; margin:5% 0;}
.main_popup_new4 { display:inline-block; position:relative; width:300px; height:auto; z-index:1000; margin:5% 0;}
.main_popup_new_cls { position:absolute; top:0; right:0; cursor:pointer; width:30px; height:30px;}
.main_popup_new_cls>img { width:100%; height:auto;}
.main_popup_new_bottom { width:100%; height:25px; background-color:#666; text-align:right; padding:0 20px; color:#FFF; font-size:11px;}
.main_popup_new_bottom>span { display:inline-block; vertical-align:middle; line-height:1;}
.main_popup_new_bottom>a { display:inline-block; margin-left:20px; border:1px solid #FFF; width:40px; height:19px; font-size:11px; font-weight:300; text-align:center;}

.main_popup_new>a>img, .main_popup_new2>a>img, .main_popup_new3>a>img, .main_popup_new4>a>img,
.main_popup_new>img, .main_popup_new2>img, .main_popup_new3>img, .main_popup_new4>img { width:100%; height:auto;}




/* 메인 내용 공통 */

section>article { width:100%; text-align:center; overflow:hidden;}
.contents_box_100p { position:relative; width:100%; height:100%; margin:0 auto;}
.contents_box_100p:after { display:block; content:""; clear:both;}



/* 상단, 비주얼 */

section>.cont_mv { position:relative; width:100%; overflow:hidden; background-color:#F7F7F7;}
.main_slide { width:100%; height:360px; position:relative; margin-left:-50%; left:50%; top:0%; z-index:1; padding-top:80px;}
.main_slide_p { display:none;}
.main_slide_t { display:none;}
.main_slide_m { display:block;}



.main_slide_p_img1 { width:100%; height:300px; min-height:1px; background-repeat:no-repeat; background-position:60% 50%; background-size:cover;
animation: /*선택자*/slidein_img1 /*동작시간*/4s /*진행속도:ease,ease-out,ease-in*/ease /*딜레이*/0s /*반복:수,infinite*/1 /*방향:normal,alternate*/normal /*완료후:none,both*/both; -webkit-animation: slidein_img1 4s ease 0s 1 normal both; /*움직이는 기준점 가로0% 세로0%*/transform-origin:50% 0;}
@keyframes slidein_img1 {
	0% { -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1);}
	100% { -ms-transform: scale(1,1); -webkit-transform: scale(1,1); transform: scale(1,1);}
}

.main_txt_main1 { position:absolute; top:20%; width:200px; left:50%; z-index:150; animation: /*선택자*/txt1 /*동작시간*/1s /*진행속도:ease,ease-out,ease-in*/ease /*딜레이*/1s /*반복:수,infinite*/1 /*방향:normal,alternate*/normal /*완료후:none,both*/both; -webkit-animation: txt1 1s ease 1s 1 normal both; /*움직이는 기준점 가로0% 세로0%*/transform-origin:50% 50%;}
@keyframes txt1 {
	0% { left:50%; margin-left:-100px; top:40%; margin-top:-30px; opacity:0;}
	100% { left:50%; margin-left:-100px; top:35%; margin-top:-30px; opacity:1;}
}
.main_txt_main1_t { margin:0 0 0 0;}
.main_txt_main1_t>img { width:200px; height:auto;}



.main_slide_p_img2 { width:100%; height:300px; min-height:1px; background-repeat:no-repeat; background-position:60% 50%; background-size:cover;
animation: /*선택자*/slidein_img2 /*동작시간*/4s /*진행속도:ease,ease-out,ease-in*/ease /*딜레이*/0s /*반복:수,infinite*/1 /*방향:normal,alternate*/normal /*완료후:none,both*/both; -webkit-animation: slidein_img2 4s ease 0s 1 normal both; /*움직이는 기준점 가로0% 세로0%*/transform-origin:50% 0%;}
@keyframes slidein_img2 {
	0% { -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1);}
	100% { -ms-transform: scale(1,1); -webkit-transform: scale(1,1); transform: scale(1,1);}
}

.main_txt_main2 { position:absolute; top:60%; width:200px; left:50%; z-index:150; animation: /*선택자*/txt2 /*동작시간*/1s /*진행속도:ease,ease-out,ease-in*/ease /*딜레이*/1s /*반복:수,infinite*/1 /*방향:normal,alternate*/normal /*완료후:none,both*/both; -webkit-animation: txt2 1s ease 1s 1 normal both; /*움직이는 기준점 가로0% 세로0%*/transform-origin:0% 0%;}
@keyframes txt2 {
	0% { left:50%; margin-left:-100px; top:40%; margin-top:-30px; opacity:0;}
	100% { left:50%; margin-left:-100px; top:35%; margin-top:-30px; opacity:1;}
}
.main_txt_main2_t { margin:0 0 0 0;}
.main_txt_main2_t>img { width:200px; height:auto;}





/* bxSlider 버튼 스타일 */
.main_slide a.bx-prev, .main_slide a.bx-next { display:none;}

.main_mo_tel { display:block; background-image:url(/images/sub/sub_bg_250121.jpg); color:#fff !important; text-align:center; font-size:30px; font-weight:700; padding:30px 0; line-height:32px;}
.main_mo_tel>img { width:32px; height:auto; border-radius:3px;}


/* cont_footer */

.cont_footer { position:relative; width:100%; height:100%; margin:0 auto;}




}