@charset "utf-8"
body,input,textarea,select,button,table{font-family:'NotoSans','Nanum Gothic','Malgun gothic',Dotum,arial,sans-serif;font-size:14px;color:#555;font-weight:500; }

body, ul, li{margin:0; padding:0}
ul,ol{list-style:none}

#section1{position:relative; width:100%; text-align:center; background:url(../images/bg_01.png) no-repeat 5% bottom, url(../images/bg_02.png) no-repeat 95% top, #0091d5}/*#007dd5*/
#section2{position:relative; width:100%; padding:80px 0; background:#f8f7fa;}

#section1.active{overflow:hidden; background:url(../images/bg_02.png) no-repeat 95% top #0091d5 }
.main_visual.active{display:none}
.sub_visual.active{display:block}
.main_visual{margin:0 auto}
.sub_visual{margin:0 auto; display:none}

.pc_900{display:none}
.pc_600{display:none}

#sub_top{position:relative; width:100%; text-align:center; transition:all .3s; background:url(../images/bg_02.png) no-repeat 95% top #0091d5}

.h1{position:absolute; top:1px}

/* header */
#header{width:100%; height:85px; z-index:10000; position:absolute; top:0; left:0}
#header p.logo{float:left; margin:20px 0 20px 20px}


#header .top_sns{float:right; margin:20px 20px 0 0}
#header .top_sns li{height:35px; width:35px; display:block;  margin-left:6px; float:left; }
#header .top_sns li a{height:100%; width:100%;	display:block;	 text-indent:-9999px;} 
#header .top_sns li:nth-child(1){background:url(../images/sns_01.png) 0 0 no-repeat;}
#header .top_sns li:nth-child(2){background:url(../images/sns_02.png) 0 0 no-repeat;}
#header .top_sns li:nth-child(3){background:url(../images/sns_03.png) 0 0 no-repeat;}
#header .top_sns li:nth-child(4){background:url(../images/sns_04.png) 0 0 no-repeat;}

 
/* 메인메뉴 */
#main_nav{height:85px; width:100%; box-sizing:border-box; background:#fff url(../../house_consult/images/menu_line.png) repeat-x  left bottom}
#main_nav ul{width:1200px; height:100%; margin:0 auto;  }
/*#main_nav li{width:20%; height:100%; border-right:1px solid #bac8d6; box-sizing:border-box; float:left; display:block; text-align:center; }*/
#main_nav li{width:14.2%; float:left; height:100%; border-right:1px solid #bac8d6; box-sizing:border-box; display:block;  text-align:center}
#main_nav li a{height:100%; width:100%; display:block; color:#000; font-size:17px; font-weight:500; box-sizing:border-box; padding-top:30px}
#main_nav li a.type02{padding-top:20px; line-height:22px}
#main_nav li.on a.type02{padding-top:18px}

#main_nav li:first-child{border-left:1px solid #bac8d6;}
#main_nav li.on a{background:#f8f7fa; border-top:1px solid #bac8d6; font-size:24px;}
#main_nav li a span{font-size:14px; display:block}

/* 동영상 */
.pr_video{width:1200px; margin:0 auto; clear:both}
.pr_video ul{position:relative; width:46%; float:left; box-sizing:border-box; font-size:18px; font-weight:500; margin:0 2% 50px 2%; background:#fff; box-shadow:0px 5px 10px rgba(0, 0, 0, 0.2); border-radius:10px; overflow:hidden}
.pr_video li:nth-child(1){position:relative; }
.pr_video li:nth-child(1) span{position:absolute;width:100%; height:100%; background: url(../images/icon_play.png) no-repeat center; text-indent:-9999px}

.pr_video li:nth-child(2){padding:25px; text-align:center; background:#4a759d; color:#fff} /*background:url(../images/go_icon.png) no-repeat right 25px;*/
.pr_video li:nth-child(3){position:absolute;width:100%; height:100%; top:0; left:0}
.pr_video li:nth-child(3) a{width:100%; height:100%; display:block; text-indent:-9999px}

.pr_video ul:hover{box-shadow:none}

/*.pr_video ul:nth-child(1){color:#fff; background:#1797aa}
.pr_video ul:nth-child(2){color:#fff; background:#1771aa}
.pr_video ul:nth-child(3){color:#333; background:#c6ad9f}
.pr_video ul:nth-child(4){color:#333; background:#d0d2d3}*/

/* 카드뉴스슬라이더 */
.top30{height:30px; display:30px; width:100%; clear:both;}
#slider {width:1200px; margin:0 auto; position:relative; background:#fff; clear:both;}
.scroll {width:100%; height:486px; margin:0 auto; position:relative; padding:20px; box-sizing:border-box}

.scrollContainer {position:relative;}
.scrollContainer div.panel {padding:10px; width:280px;  box-sizing:border-box}

/*.inside {padding:10px;}
.inside img {display:block; margin:0 0 10px 0; width:250px;}*/
.scrollButtons {position:absolute;top:200px; cursor:pointer; z-index:1000}
.scrollButtons.left {left:-45px;}
.scrollButtons.right {right:-45px;}

.hide {display:none;}


/* 하단 푸터 */

#footer{width:100%;  display:table; background:#fff}
.copyright{position:relative; width:1200px; margin:0 auto; padding:40px 10px 50px 200px; box-sizing:border-box}
.copyright li.logo{position:absolute; left:0; top:35px; width:154px; height:46px}	
.copyright li{font-size:13px; text-align:left}
.copyright li br{display:none}

.copyright li.top{position:absolute; right:0; top:-8px; padding:0; width:60px; height:60px; display:block;	background:#4a5765 url(../../common/plaza_images/arrow_top.png) no-repeat center; text-indent:-9999px; transition:all .3s;}
.copyright li.top:hover{background:#283849 url(../../common/plaza_images/arrow_top.png) no-repeat center 4px; cursor:pointer}
.bottom_icon{display:none;}


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

#section1{background:url(../images/bg_01.png) no-repeat left bottom, url(../images/bg_02.png) no-repeat right top, #0091d5; background-size:190px}
#section2{padding:60px 0;}
#sub_top{background:url(../images/bg_02.png) no-repeat right top #0091d5; background-size:190px}
	
.main_visual{width:1250px}	
.sub_visual{width:1100px}
	
#main_nav{height:70px;} 
#main_nav ul{width:1000px;}
#main_nav li a{font-size:16px; padding-top:25px}
#main_nav li a.type02{padding-top:15px}
#main_nav li.on a.type02{padding-top:15px}
#main_nav li.on a{font-size:20px;}

	
.pr_video{width:1000px;}
.pr_video ul{font-size:16px; margin:0 2% 40px 2%; }
.pr_video li:nth-child(2){padding:20px}

#slider{width:1000px;}	

.copyright{width:1000px; margin:0 auto; padding:35px 10px 50px 160px}
.copyright li.logo{top:30px;}	v
.copyright li.logo img{width:125px}	
.copyright li{font-size:12px}

.copyright li.top{top:-8px; width:50px; height:50px; background-size:12px}
.copyright li.top:hover{ background-size:12px}
	
}



@media only screen and (max-width:1300px){
.main_visual{width:auto}	
.sub_visual{width:auto}	
}

@media only screen and (max-width:1200px){
#main_nav ul{width:100%;}	
.pr_video{width:90%;}
#slider{width:90%;}

.copyright{width:90%}
.copyright li.top{display:none}
}

@media screen and (max-width:1000px) {
.pc_1000{display:block}

}

@media screen and (max-width:960px) {
#section1{background:#0091d5}
#sub_top{background:#0091d5}
#section1.active{background:#0091d5 }	
	
.copyright{padding:35px 10px 50px 130px}
.copyright li.logo img{width:110px}	
}

@media screen and (max-width:900px) {
#header .top_sns{display:none}
.pc_full{display:none}
.pc_900{display:block}

.main_visual{display:none}
.sub_visual{display:block}

#main_nav li.on a{font-size:18px; line-height:22px}	
}



@media all and (max-width:880px){
.copyright li br{display:block}
}

/*@media all and (max-width:740px){
	
#main_nav{height:140px}
#main_nav li{height:70px; width:25%; border-top:1px solid #bac8d6}
#main_nav li.on a{border-top:none;}

}*/


@media only screen and (max-width:680px){
.pr_video ul{width:100%; margin:0 0 40px 0}

.copyright{padding:25px 0 50px 0}
.copyright li{text-align:center}
.copyright li.logo{display:none}

.pc_900{display:none}
.pc_600{display:block}

#main_nav li a{font-size:15px}


}


@media all and (max-width:590px){
	
#main_nav{height:140px}
#main_nav li{height:70px; width:25%; border-top:1px solid #bac8d6}
#main_nav li.on a{border-top:none;}

}

@media only screen and (max-width:500px){
.logo img{width:100px}

	
}