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

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
/* font-family: 'Noto Sans KR', sans-serif; */


html {background-color:transparent !important;}
body {letter-spacing: -0.8px;font-family: 'Noto Sans KR', sans-serif;}
img { border:0; }
h1,h2,h3,h4  { margin:0px; }

.banner a {display: block;position:fixed;width:205px;height:288px;right:0%;top: 210px;z-index:9999;padding:82px 0 0 0;background: url('btn_floating.png') no-repeat;cursor: pointer;margin-right: 10px;transition:0.3s;-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;-ms-transition:0.3s;}
.banner a:hover{background: url('btn_floating_hover.png') no-repeat;transition:0.3s;-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;-ms-transition:0.3s;}
.blind {display: block;left: 9999px; top:auto; width: 1px; height: 1px; overflow:hidden; position: absolute;}
.banner a:hover {  }
.btn_fixed {position:fixed; top: 0!important;}

.btn_area a {display: block;cursor: pointer;}

.myhouse_wrap {position: relative; width:100%; height:auto;max-width:2000px;margin: 0 auto;background-position:top center; overflow: hidden !important;}
.container {max-width: 1200px; margin: 0 auto; overflow-x: hidden;}
.txt01 {font-family: 'Noto Sans KR', sans-serif; color: #000; font-size: 28px; line-height: 1.4; font-weight: 300; }



.bold {font-weight: 700;}
.txt_highlight {color:#e2bdff;}

.myhouse_wrap a { display:block }

#myhouse_cont01 {height:919px;background-image:url('con01_bg.jpg');}
#myhouse_cont02 {height:1253px;background-image:url('con02_bg.jpg');}
#myhouse_cont03 {height:1238px;background-image:url('con03_bg.jpg');}
#myhouse_cont04 {height:1451px;background-image:url('con04_bg.jpg');}
#myhouse_cont05 {height:988px;background-image:url('con05_bg.jpg');}
#myhouse_cont07 {height:1020px;background-image:url('con07_bg.jpg');}



#myhouse_cont01 .container {padding: 120px 0 0 0;}
#myhouse_cont01 .btn_area { padding: 0 0 0 12px;}
#myhouse_cont01 .btn_join {display: block;
    width: 379px;
    height: 66px;
    padding: 26px 0 0 53px;
    background: url('btn_arrow.png') no-repeat, #561a7c;
	background-position: 367px 41px;
    font-size: 30px;
    color: #fff;
    line-height: 1.3;
    border-radius: 5px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    font-family: 'Noto Sans KR', sans-serif;
	letter-spacing: -1.2px;
}
#myhouse_cont01 .btn_join:hover { background: url('btn_arrow.png') no-repeat, #3a1353; background-position: 367px 41px;transition:0.3s;-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;-ms-transition:0.3s;}
#myhouse_cont01 .btn_join .strong{font-weight:700;}
#myhouse_cont01 .txt01 {font-family: 'Noto Sans KR', sans-serif; color: #000; font-size: 25px; line-height: 1.5; font-weight: 300; padding: 45px 0 60px 12px;}
#myhouse_cont01 .txt02 {padding:72px 0 0 0;font-size: 16px;color: #fff;line-height: 1.5;font-weight: 300;float: right; text-align: right;}


#myhouse_cont02 .container {clear:both;}
#myhouse_cont02 .left_area{float:left; padding:688px 0 0 0; width:604px;}
#myhouse_cont02 .right_area{float:right; padding:159px 0 0 0; width: 450px;}
#myhouse_cont02 .right_area h2 {width:377px; float:right;}
#myhouse_cont02 .right_area .txt01 {color:#fff;text-align: right;padding: 45px 0 0 0;clear: both;}
#myhouse_cont02 .dark_area {width:2000px; height:240px;background-image:url('con02_dark_area.png'); background-size: cover; background-position: center center; position: absolute; left: 0; bottom: -4px;}

/*.dark_area{position: absolute; left: 0; bottom: -4px;}*/

#myhouse_cont03 .container {width: 100%; padding: 220px 0 0 0;}
#myhouse_cont03 .container .txt_area{height:590px;}
#myhouse_cont03 .container .txt01{color:#fff; padding:70px 0 0 0;}
#myhouse_cont03 .dark_area {width:2000px; height:240px;background-image:url('con03_dark_area.png'); background-size: cover; background-position: center center; position: absolute; left: 0; bottom: -4px;}


#myhouse_cont04 .container {width: 100%; padding: 198px 0 199px 0;}
#myhouse_cont04 .container .txt_area{float:right;}
#myhouse_cont04 .container .txt01{color:#fff; padding:65px 0 0 0;text-align: right;}
#myhouse_cont04 .dark_area {width:2000px; height:220px;background-image:url('con04_dark_area.png'); background-size: cover; background-position: center center; position: absolute; left: 0; bottom: -4px;}



#myhouse_cont05 .container {width: 100%; padding: 198px 0 199px 0;}
#myhouse_cont05 .container .txt_area{float:right;height:800px;}
#myhouse_cont05 .container .txt01{color:#fff;}
#myhouse_cont05 .container .txt02 {font-size:18px;color: #fff;line-height: 1.5;font-weight: 300;/* padding: 55px 0 0 0; */}
#myhouse_cont05 .btn_area {padding: 50px 0 50px 0;}
#myhouse_cont05 .btn_join {
    display: block;
    width: 518px;
    height: 120px;
    padding: 31px 0 0 35px;
    background: url('btn_arrow.png') no-repeat, #561a7c;
    background-position: 489px 66px;
    font-size: 30px;
    color: #fff;
    line-height: 1.3;
    border-radius: 5px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    font-family: 'Noto Sans KR', sans-serif;
    letter-spacing: -1.2px;
}
#myhouse_cont05 .btn_join:hover { background: url('btn_arrow.png') no-repeat, #3a1353; background-position: 489px 66px; transition:0.3s;-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;-ms-transition:0.3s;}
#myhouse_cont05 .btn_join .strong{font-size: 36px;font-weight:700;}


#myhouse_cont06 .container {width: 100%; max-width: 2000px; padding: 100px 0 115px 0;}
#myhouse_cont06 .container .txt_area{width:1200px;margin: auto;}
#myhouse_cont06 .container h2 {text-align: center; font-size:36px; color: #000; line-height: 1.4;}
#myhouse_cont06 .container h2 .bold {font-size:43px;}
#myhouse_cont06 .container h3 {font-size:24px; color:#561a7c; text-align: center; padding:70px 0 50px 0;}
#myhouse_cont06 .container .support_list {padding:0 0 60px 0; height:485px;}
#myhouse_cont06 .container .support_list li {float: left;width: 370px; height: 470px; margin: 0 15px; /*background: #fff;*/ }
#myhouse_cont06 .container .support_list li .img_area {height:293px;}
#myhouse_cont06 .container .support_list li .txt_area {padding: 48px 0 0 0; width: 354px;}
#myhouse_cont06 .container .support_list li .txt_area h4 {color: #561a7c; font-size: 27px; padding: 0 0 20px 0; font-weight: 600; line-height:1.4; text-align:center;}
#myhouse_cont06 .container .support_list li .txt_area p {display: block; font-size:20px; color:#000; line-height:1.4; text-align:center;}
#myhouse_cont06 .container .txt02 {width:1200px; margin:auto; background: #f9f3fd; font-size: 18px; color: #000; padding:30px 0; line-height: 1.4; font-weight: 400; text-align: center;}



#myhouse_cont07 .container {width: 100%; max-width: 2000px; padding: 100px 0 180px 0;}
/*#myhouse_cont07 .container .txt_area{width:1200px;margin: auto;}*/
#myhouse_cont07 .container h2 {text-align: center;font-size:42px;color: #000;line-height: 1.4;font-weight:700;padding: 0 0 60px 0;}
#myhouse_cont07 .container .slide_area {margin: auto; width: 1201px;}

#myhouse_cont08 .container {width: 100%; max-width: 2000px; padding: 40px 0;}
#myhouse_cont08 .container > .copy_txt {font-size:18px; text-align: center; color: #000;}


.desc07 {width:1201px; margin:auto;}
.bx-pager {display:block!important;width:100%;position:absolute;bottom: 100px;left:0;text-align:center;}
.bx-pager * {display:inline-block;text-align:center;line-height:35px;color:#fff!important;}
.bx-pager-link {width: 27px;height: 27px;margin:0 10px;font-weight:bold;font-size: 20px;line-height: 25px;background-color: #b5b5b5;border-radius: 50%;}
.bx-pager-link.active {background-color: #612a7e;}

.bx-controls-direction {width:100%;position:absolute; left:0;z-index:50; top: 50%;}
.bx-controls-direction > * {width:56px;height: 88px;font-size:0;display:inline-block;position:absolute;top:0;}
.bx-controls-direction .bx-prev {background-image:url('slide_arrow_left.png');left: 14%;}
.bx-controls-direction .bx-next {background-image:url('slide_arrow_right.png');right: 14%;}




.pc {display: block;}
.tablet {display: none;}






@media (min-width:1680px) and (max-width:1920px){
	
	#myhouse_cont02 .dark_area {width: 100%;}
	#myhouse_cont03 .dark_area {width: 100%;}
	#myhouse_cont04 .dark_area {width: 100%;}
	
	.bx-controls-direction .bx-prev {background-image:url('slide_arrow_left.png');left: 14%;}
	.bx-controls-direction .bx-next {background-image:url('slide_arrow_right.png');right: 14%;}
	
} 

@media (min-width:1440px) and (max-width:1679px) {
	.banner a {right: -20px;}
	.pc {display: none;}
	.tablet {display: block;}
	

	#myhouse_cont02 .dark_area {width: 100%;}
	#myhouse_cont03 .dark_area {width: 100%;}
	#myhouse_cont04 .dark_area {width: 100%;}
	
	.bx-controls-direction .bx-prev {background-image:url('slide_arrow_left.png');left: 8%;}
	.bx-controls-direction .bx-next {background-image:url('slide_arrow_right.png');right: 8%;}
	
}




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

	#myhouse_cont02 .dark_area {width: 100%;}
	#myhouse_cont03 .dark_area {width: 100%;}
	#myhouse_cont04 .dark_area {width: 100%;}
	
	
	.bx-controls-direction .bx-prev {background-image:url('slide_arrow_left.png');left: 2%;}
	.bx-controls-direction .bx-next {background-image:url('slide_arrow_right.png');right: 2%;}
	
}