/*=================================================================================================
// 명    칭 : 메인화면 스타일쉬트
// 처리내용 : 양육점 MAIN STYLE
// 작 성 자 : 2017-01-19 박미선
//=================================================================================================*/
@charset "utf-8";
@import url("/modules/user/css/base.css");

html,body,
#di_wrap { width:100%; height:100%; }
body { min-height:500px; }
#di_wrap { min-width:1200px; }

/* 헤더영역 */
#di_header { position:relative; background-color:#000; overflow:hidden; z-index:99999999999; }
h1.dc_logo { padding:12px 0 9px 54px; float:left; width:130px;}
.dc_gnb { float:right; width:1036px; margin:0; padding:0 64px 0 0; }
.dc_gnb li { position:relative; width:148px; height:70px; background-repeat:no-repeat; background-position:0 0; overflow:hidden; }
.dc_gnb li img { position:absolute; top:0; transition:top 0.5s; -webkit-transition:top 0.5s; }
.dc_gnb li:hover img,
.dc_gnb li.activ img { top:-70px; }

/* 메인비주얼롤링블릿 */
.in_slide_nav_pos { width:100%; height:100%; }
.in_slide_nav { position:relative; width:859px; /* height:100%; */ margin:0 auto 0px; }
.in_slide_nav_pd { position:relative; margin-top:820px; width:100%; height:4px; /*background:url("../img/main/in_nav_bg.png") no-repeat;*/ z-index:1000; }
#menu { position:absolute; top:-430px; left:-385px;  width:100%; text-align:left; }
/*#menu { position:absolute; top:-5px; width:100%; text-align:center; }*/
#menu li { padding:10px 16px; }
#menu li a { display:block; width:16px; height:16px; background:url("../img/main/in_nav_btn1.png") no-repeat; }
#menu li.active a { background:url("../img/main/in_nav_btn.png") no-repeat; }

/* content */
#di_content { width:100%; height:100%; }

/* 메인비주얼 */
.dc_index_wrap { width:100%; height:100%; overflow:hidden; }
.dc_index_box { height:100%; width:100%; }
.dc_index_box .bx-wrapper { height:100%; }
.dc_index_box .bx-wrapper .bx-viewport { height:100%; }
.dc_index_box .section { background-repeat:no-repeat; background-position:50% 50%; -webkit-background-size:cover; background-size:cover; }
.dc_index_box .section1 { background-image:url("../img/main/in6_bg.jpg"); }
.dc_index_box .section2 { background-image:url("../img/main/in2_bg.jpg"); }
.dc_index_box .section3 { background-image:url("../img/main/in9_bg.jpg"); }
.dc_index_box .section4 { position:relative; background-image:url("../img/main/in3_bg.jpg"); }
.dc_index_box .section5 { background-image:url("../img/main/in8_bg.jpg"); }*/

/* 메인비주얼문구 */
.dt { display:table; width:100%; /* height:100%; */ }
.dt .dtc {/* display:table-cell;  height:100%; */ vertical-align:middle; }
.dc_index_box .section .dt .dtc { text-align:center; width:100%;}
/*.dc_index_box .section .dt .dtc { text-align:center; width:100%;}*/
/*.dc_index_box .section .dt .dtc .t1 { min-width:622px; padding-left:50px; padding:55px 0 0 0; opacity:0; }*/
.dc_index_box .section .dt .dtc .t1 { width:1100px; text-align:center; margin:50px auto; padding-left:50%; opacity:0;}
.dc_index_box .section1 .dt .dtc .t1 { padding:60px 0 0 0; }

.fp-tableCell { vertical-align:top !important; }

/* 푸터영역 */
#di_footer { width:100%; padding:0; background-color:#333; z-index:1000; }
#di_footer .dc_bottom { position:relative; width:1100px; margin:0 auto; padding-bottom:20px; overflow:hidden; }
#di_footer .dc_bottom .dc_bot_img{ text-align: center; margin: 14px; opacity: 0.8; }
#di_footer .dc_bottom .dc_bottom_menu { margin:20px 0 15px; text-align:center; overflow:hidden; }
#di_footer .dc_bottom .dc_bottom_menu li { display:inline; padding:0 6px; }
#di_footer .dc_bottom .dc_bottom_menu li:first-child { background:0 none; }
#di_footer .dc_bottom .dc_bottom_menu li a { color:#fefefe; text-decoration:none; font-size:13px; font-weight:700; }
#di_footer .dc_bottom .dc_copyright { /* margin-left:11px; */ color:#cac2c2; text-align:center; font-weight:700; }

/* 퀵버튼 */
.dc_quick_btn { position:absolute; top:135px; right:70px; z-index:9999; }

/* 꽃잎흩날리기 */
.test-container{position:absolute; top:100px; width:100%; height:1000px;border:0px solid black;z-index:50;}