@charset "utf-8";
/**
company.css
회사소개 부분 css
http://lc.www.imilkbook.com/views/_layout/milkbook/images/company/info/c06.png
Parallax Scrolling
*/

.company_wrap { position:relative; width:100%; height:auto; background-repeat:no-repeat; background-size:cover; background-attachment:fixed; min-width:1200px; }
.company_main_img { width:100%; min-width:1200px; }
.company_wrap .all_img, .all_img { width:100%; }
.company_slide_layer { width:100%; z-index:1; }
.company_wrap .company_page, .company_wrap .company_page .company_culture { position:relative; }
.company_wrap .company_page .milkbook_btn { position:absolute; bottom:4%; right:6%; }
.company_wrap .company_page .milkbook_menu { position:absolute; top:19%; left:30%; cursor:pointer; }
.company_wrap .company_page .milkbook_movie { position:absolute; top:43%; left:41%; }
.company_wrap .company_page .culture_page2 { display:none; }
.company_wrap .company_page .company_culture .company_culture_btn { position:absolute; left:8%; top:5% }
.company_wrap .company_page .company_culture .company_culture_btn img { cursor:pointer; margin-right:10px; }
.company_wrap .company_page .company_culture .culture_btn { position:absolute; bottom:20%; left:7%; }



.sec1_wrap { width:100%; height:auto;  background-repeat:no-repeat; background-size:cover; background-attachment:fixed; min-width:1200px; }
.sec1_wrap.sec1_bg_1 { background-image:url('/views/_layout/milkbook/images/company/info/bg_top1.png'); }
.sec1_wrap.sec1_bg_2 { background-image:url('/views/_layout/milkbook/images/company/info/bg_top2.png'); }
.sec1_wrap.sec1_bg_3 { background-image:url('/views/_layout/milkbook/images/company/info/bg_top3.png'); }
.sec1_wrap .sec1_img { width:100%; height:800px; text-align:center; position:relative; }
.sec1_wrap .sec1_img .sec1_img_person { position:absolute; bottom:0px; transform:translate(-50%, 0); }
.sec1_wrap .sec1_img .sec1_img_coffee { position:absolute; left:50%; top:60%; transform:translate(-50%, 0); }
.sec1_wrap .sec1_img .sec1_img_bubble { position:absolute; left:50%; top:50%; transform:translate(10%, -90%); }


.sec2_wrap { width:100%; background-color:#fff; padding:100px 0px; min-width:1200px; }

.sec3_wrap { width:100%; background-color:#9fcbd6; padding:50px 0px; min-width:1200px; }

.sec4_wrap { position:relative; width:100%; background-color:#ece9de; padding:70px 0px; min-width:1200px; }
.sec4_wrap .img_slide_layer { margin-top:110px; }
.sec4_wrap .img_slide_layer .img_slide_wrap { position:relative; width:846px; height:640px; margin:0px auto; overflow-x:hidden;  }
.sec4_wrap .sec4_top_bg { position:absolute; left:50%; top:200px; transform:translate(-50%, 0);  }

.sec5_wrap { position:relative; width:100%; background-color:#fff; padding:70px 0px;min-width:1200px;  }
.sec5_wrap .img_slide_layer { margin-top:110px; }
.sec5_wrap .img_slide_layer .img_slide_wrap { position:relative; width:846px; height:640px; margin:0px auto; overflow-x:hidden;  }
.sec5_wrap .sec5_top_bg { position:absolute; left:50%; top:200px; transform:translate(-50%, 0); z-index:2 }

.sec6_wrap { position:relative; width:100%; background-color:#fff; padding:70px 0px; background-image:url('/views/_layout/milkbook/images/company/info/bg_bt1.png'); background-repeat:no-repeat; background-size:cover; background-attachment:fixed; min-width:1200px; }
.sec6_wrap .img_slide_layer { margin-top:80px; }
.sec6_wrap .img_slide_layer .img_slide_wrap { position:relative; width:846px; height:640px; margin:0px auto; overflow-x:hidden;  }

/** 이미지 슬라이드 처리 **/
.img_slide { width:2544px; position:absolute;  *zoom:1; }
.img_slide:after { content:'';display:block;clear:both; }
.img_slide img { float:left; }


.slide_arrow_left { position:absolute; top:50%; left:0px; padding:20px; transform:translate(0, -50%); z-index:3;}
.slide_arrow_right { position:absolute; top:50%; right:0; padding:20px; transform:translate(0, -50%); z-index:3;}
.slide_arrow_left:hover, .slide_arrow_right:hover { cursor:pointer; background-color:#000000; opacity:0.3; border-radius:3px; }

.slide_dot { position:absolute; width:100%; margin:0px auto; text-align:center; bottom:0px;   }
.slide_dot li {display: inline-block; margin-right:5px; background: #ccc; width:12px; height:12px; border-radius:50%; list-style:none;}
.slide_dot li.on,.slide_dot li:hover { background:#000;  cursor:pointer;}

.info_footer { width:100%; text-align:center; background-color:#9B9C9E; padding:30px 0px; }