#wb_header { height: 150px; } #wb_header > .wb_cont_bg { background: transparent none repeat scroll left top; } #wb_main { height: 2358px; padding-bottom: 50px; } #wb_main > .wb_cont_bg { background: transparent none repeat left top; background-size: auto auto; } #wb_footer { height: 100px; } #wb_footer > .wb_cont_bg { background: transparent none repeat-x left top; background-size: auto auto; } body { background: #f2f2f2 url("gallery/9987.jpg") no-repeat scroll center top; background-size: auto auto; } .wb_sbg { background: transparent none repeat-x left top; } body, .wb_sbg { min-width: 320px; min-height: 2608px; } .wb_cont_inner { width: 320px; height: 100%; } .wb_cont_bg { width: 320px; margin-left: -160px; } .root { height: 1229px; overflow: hidden; min-height: 2608px; } #wb_element_instance39 .btn-collapser { display: inline-block; margin-top: 0px; background-color: #d40000; border-color: #ffffff; } #wb_element_instance39 .btn-collapser > .icon-bar { background-color: #ffffff; } #wb_element_instance39 .btn-collapser:hover { background-color: #d40000; border-color: #f5a9a9; } #wb_element_instance39 .btn-collapser:hover > .icon-bar { background-color: #f5a9a9; } #wb_element_instance39 { top: 60px; left: 0px; min-width: 300px; width: 300px; min-height: 29px; height: 29px; display: block; z-index: 670; } #wb_element_instance39 ul { background: #d40000 none repeat left top; border: 1px none #000000; } #wb_element_instance39 > ul { display: none; } #wb_element_instance39.collapse-expanded > ul { display: block; float: none; height: auto; overflow: hidden; overflow-y: auto; } #wb_element_instance39.collapse-expanded > ul > li { display: block; } #wb_element_instance39.collapse-expanded li > ul { position: static; } #wb_element_instance39.collapse-expanded li.active > ul { display: block!important; } #wb_element_instance39.collapse-expanded li.over > ul { display: block!important; } #wb_element_instance39, #wb_element_instance39 ul { text-align: left; } #wb_element_instance39 ul ul { background: rgba(133, 0, 0, 0.9) none repeat right top; } #wb_element_instance39 li { margin: 0px 0px 0px 0px; } #wb_element_instance39 li a { text-transform: uppercase; border: 0px none #000000; padding: 10px 10px 10px 10px; font: normal normal 14px 'Nanum Gothic',sans-serif; text-decoration: none; color: #ffffff; line-height: 16px; letter-spacing: 2px; background: transparent none no-repeat center top; } #wb_element_instance39 li.over > a, #wb_element_instance39 li:focus > a { border: 0px none #000000; font: normal normal 14px 'Nanum Gothic',sans-serif; text-decoration: none; color: #f5a9a9; line-height: 16px; letter-spacing: 2px; background: transparent none no-repeat center top; } #wb_element_instance39 li.active > a { border: 0px none #000000; font: normal bold 14px 'Nanum Gothic',sans-serif; text-decoration: none; color: #ffffff; line-height: 16px; letter-spacing: 2px; background: transparent none no-repeat center center; } #wb_element_instance39:not(.collapse-expanded) .vmenu ul.open-left,#wb_element_instance39:not(.collapse-expanded) .hmenu ul.open-left { left: auto; right: 100%; } #wb_element_instance39:not(.collapse-expanded) .hmenu > li > ul.open-left { left: auto; right: 0; } #wb_element_instance40 { top: 40px; left: 40px; min-width: 80px; width: 80px; min-height: 60px; height: 60px; display: block; z-index: 644; } #wb_element_instance40 img { width: 80px; height: 60px; display: block; position: static; left: 0px; top: 0px; } #wb_element_instance41 { top: 40px; left: 120px; min-width: 200px; width: 200px; min-height: 60px; height: 60px; display: block; z-index: 667; } #wb_element_instance41 img { width: 200px; height: 60px; display: block; position: static; left: 0px; top: 0px; } #wb_element_instance42 { top: 0px; left: 0; right: 0; min-height: 140px; height: 140px; display: block; z-index: 391; } #wb_element_instance42 > .wb_shp { background: rgba(156, 6, 36, 0.76) none repeat left top; background-size: auto auto; border: 0px solid #c0c0c0; opacity: 1; border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; width: 100%; height: 140px; } #wb_element_instance43 p:last-child { margin-bottom: 0; } #wb_element_instance43 { top: 40px; left: 90px; min-width: 220px; width: 220px; min-height: 84px; height: 84px; display: block; z-index: 649; } #wb_element_instance44 { top: 40px; left: 20px; min-width: 60px; width: 60px; min-height: 40px; height: 40px; display: block; z-index: 654; } #wb_element_instance44 img { width: 60px; height: 40px; display: block; position: static; left: 0px; top: 0px; } #wb_element_instance45 { top: 130px; left: 90px; min-width: 120px; width: 120px; min-height: 24px; height: 24px; display: block; z-index: 655; } #wb_element_instance46 { top: 0px; left: 0; right: 0; min-height: 280px; height: 280px; display: block; z-index: 554; } #wb_element_instance46 > .wb_shp { background: #383838 none repeat left top; background-size: auto auto; border: 0px solid #c0c0c0; opacity: 1; border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; width: 100%; height: 280px; } #wb_element_instance47 p:last-child { margin-bottom: 0; } #wb_element_instance47 { top: 70px; left: 0px; min-width: 320px; width: 320px; min-height: 149px; height: 149px; display: block; z-index: 282; } #wb_element_instance48 p:last-child { margin-bottom: 0; } #wb_element_instance48 { top: 510px; left: 0px; min-width: 320px; width: 320px; min-height: 171px; height: 171px; display: block; z-index: 138; } #wb_element_instance49 p:last-child { margin-bottom: 0; } #wb_element_instance49 { top: 470px; left: 0px; min-width: 280px; width: 280px; min-height: 24px; height: 24px; display: block; z-index: 135; } #wb_element_instance50 { top: 700px; left: 80px; min-width: 140px; width: 140px; min-height: 49px; height: 49px; display: block; z-index: 280; } #wb_element_instance50 .wb_button { width: 140px; height: 49px; font-family: Open Sans,sans-serif; font-size: 18px; text-align: center; border: 3px solid #d62424; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; color: #d62424; font-style: normal; font-weight: bold; text-decoration: none; background: transparent none repeat left top; } #wb_element_instance50 .wb_button:hover { color: #333333; font-style: normal; font-weight: normal; text-decoration: none; background: #ffffff none repeat left top; } #wb_element_instance50 .wb_button:active { color: #333333; font-style: normal; font-weight: normal; text-decoration: none; background: #fa2020 none repeat left top; } #wb_element_instance51 { top: 240px; left: 0px; min-width: 320px; width: 320px; min-height: 200px; height: 200px; display: block; z-index: 281; background: #000000; touch-action: manipulation; } #wb_element_instance52 p:last-child { margin-bottom: 0; } #wb_element_instance52 { top: 10px; left: 0px; min-width: 280px; width: 280px; min-height: 48px; height: 48px; display: block; z-index: 136; } #wb_element_instance53 { top: -370px; left: 0; right: 0; min-height: 360px; height: 360px; display: block; z-index: 125; } #wb_element_instance53 > .wb_shp { background: #ffffff url("../gallery_gen/10be0d2c1c7d987805c3c3b5a6cde0e9.png") repeat center top; background-size: cover; border: 0px solid #c0c0c0; opacity: 1; border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; width: 100%; height: 360px; } #wb_element_instance54 { top: 720px; left: 0px; display: block; z-index: 9000; } #wb_element_instance55 { top: 170px; left: 0px; display: block; z-index: 9999; } @media (min-width: 768px) { #wb_header { height: 150px; } #wb_main { height: 1158px; } #wb_footer { height: 100px; } body, .wb_sbg { min-width: 768px; min-height: 1408px; } .wb_cont_inner { width: 768px; } .wb_cont_bg { width: 768px; margin-left: -384px; } .root { height: 1320px; overflow: visible; min-height: 1408px; } #wb_element_instance39 { top: 38px; left: 290px; min-width: 478px; width: 478px; min-height: 72px; height: 72px; display: block; } #wb_element_instance39 ul { background: transparent none repeat right top; } #wb_element_instance39 .btn-collapser { display: none; } #wb_element_instance39 > ul { display: block; } #wb_element_instance40 { top: 41px; left: 0px; min-width: 90px; width: 90px; min-height: 60px; height: 60px; display: block; } #wb_element_instance40 img { width: 90px; height: 60px; display: block; position: static; left: 0px; top: 0px; } #wb_element_instance41 { top: 46px; left: 94px; min-width: 170px; width: 170px; min-height: 50px; height: 50px; display: block; } #wb_element_instance41 img { width: 170px; height: 50px; display: block; position: static; left: 0px; top: 0px; } #wb_element_instance42 { top: 0px; left: 0; right: 0; min-height: 140px; height: 140px; display: block; } #wb_element_instance42 > .wb_shp { width: 100%; height: 140px; } #wb_element_instance43 { top: 60px; left: 10px; min-width: 200px; width: 200px; min-height: 98px; height: 98px; display: block; } #wb_element_instance44 { top: 10px; left: 10px; min-width: 60px; width: 60px; min-height: 40px; height: 40px; display: block; } #wb_element_instance44 img { width: 60px; height: 40px; display: block; position: static; left: 0px; top: 0px; } #wb_element_instance45 { top: 60px; left: 230px; min-width: 120px; width: 120px; min-height: 24px; height: 24px; display: block; } #wb_element_instance46 { top: 0px; left: 0; right: 0; min-height: 280px; height: 280px; display: block; } #wb_element_instance46 > .wb_shp { width: 100%; height: 280px; } #wb_element_instance47 { top: 110px; left: 0px; min-width: 768px; width: 768px; min-height: 73px; height: 73px; display: block; } #wb_element_instance48 { top: 700px; left: 0px; min-width: 768px; width: 768px; min-height: 76px; height: 76px; display: block; } #wb_element_instance49 { top: 650px; left: 0px; min-width: 730px; width: 730px; min-height: 24px; height: 24px; display: block; } #wb_element_instance50 { top: 790px; left: 0px; min-width: 140px; width: 140px; min-height: 50px; height: 50px; display: block; } #wb_element_instance50 .wb_button { width: 140px; height: 50px; } #wb_element_instance51 { top: 190px; left: 0px; min-width: 768px; width: 768px; min-height: 440px; height: 440px; display: block; } #wb_element_instance52 { top: 50px; left: 0px; min-width: 280px; width: 280px; min-height: 48px; height: 48px; display: block; } #wb_element_instance53 { top: -320px; left: 0; right: 0; min-height: 360px; height: 360px; display: block; } #wb_element_instance53 > .wb_shp { width: 100%; height: 360px; } #wb_element_instance54 { top: 720px; left: 0px; display: block; } #wb_element_instance55 { top: 170px; left: 0px; display: block; } } @media (min-width: 992px) { #wb_header { height: 150px; } #wb_main { height: 800px; } #wb_footer { height: 100px; } body, .wb_sbg { min-width: 992px; min-height: 1050px; } .wb_cont_inner { width: 992px; } .wb_cont_bg { width: 992px; margin-left: -496px; } .root { height: 1050px; overflow: visible; min-height: 1050px; } #wb_element_instance39 { top: 60px; left: 340px; min-width: 650px; width: 650px; min-height: 36px; height: 36px; display: block; } #wb_element_instance39 ul { background: transparent none repeat right top; } #wb_element_instance39 .btn-collapser { display: none; } #wb_element_instance39 > ul { display: block; } #wb_element_instance40 { top: 40px; left: 0px; min-width: 110px; width: 110px; min-height: 80px; height: 80px; display: block; } #wb_element_instance40 img { width: 110px; height: 80px; display: block; position: static; left: 0px; top: 0px; } #wb_element_instance41 { top: 60px; left: 110px; min-width: 200px; width: 200px; min-height: 50px; height: 50px; display: block; } #wb_element_instance41 img { width: 200px; height: 50px; display: block; position: static; left: 0px; top: 0px; } #wb_element_instance42 { top: 0px; left: 0; right: 0; min-height: 150px; height: 150px; display: block; } #wb_element_instance42 > .wb_shp { width: 100%; height: 150px; } #wb_element_instance43 { top: 20px; left: 90px; min-width: 247px; width: 247px; min-height: 84px; height: 84px; display: block; } #wb_element_instance44 { top: 20px; left: 10px; min-width: 60px; width: 60px; min-height: 40px; height: 40px; display: block; } #wb_element_instance44 img { width: 60px; height: 40px; display: block; position: static; left: 0px; top: 0px; } #wb_element_instance45 { top: 30px; left: 360px; min-width: 120px; width: 120px; min-height: 24px; height: 24px; display: block; } #wb_element_instance46 { top: 0px; left: 0; right: 0; min-height: 150px; height: 150px; display: block; } #wb_element_instance46 > .wb_shp { width: 100%; height: 150px; } #wb_element_instance47 { top: 150px; left: 0px; min-width: 950px; width: 950px; min-height: 73px; height: 73px; display: block; } #wb_element_instance48 { top: 300px; left: 0px; min-width: 360px; width: 360px; min-height: 152px; height: 152px; display: block; } #wb_element_instance49 { top: 250px; left: 0px; min-width: 950px; width: 950px; min-height: 30px; height: 30px; display: block; } #wb_element_instance50 { top: 480px; left: 0px; min-width: 140px; width: 140px; min-height: 50px; height: 50px; display: block; } #wb_element_instance50 .wb_button { width: 140px; height: 50px; } #wb_element_instance51 { top: 240px; left: 370px; min-width: 590px; width: 590px; min-height: 460px; height: 460px; display: block; } #wb_element_instance52 { top: 70px; left: 0px; min-width: 950px; width: 950px; min-height: 60px; height: 60px; display: block; } #wb_element_instance53 { top: -320px; left: 0; right: 0; min-height: 360px; height: 360px; display: block; } #wb_element_instance53 > .wb_shp { width: 100%; height: 360px; } #wb_element_instance54 { top: 720px; left: 0px; display: block; } #wb_element_instance55 { top: 170px; left: 0px; display: block; } } @media (min-width: 1200px) { #wb_header { height: 150px; } #wb_main { height: 752px; } #wb_footer { height: 213px; } body, .wb_sbg { min-width: 1200px; min-height: 1115px; } .wb_cont_inner { width: 1200px; } .wb_cont_bg { width: 1200px; margin-left: -600px; } .root { height: 1065px; overflow: visible; min-height: 1115px; } #wb_element_instance39 { top: 60px; left: 530px; min-width: 670px; width: 670px; min-height: 36px; height: 36px; display: block; } #wb_element_instance39 ul { background: transparent none repeat right top; } #wb_element_instance39 .btn-collapser { display: none; } #wb_element_instance39 > ul { display: block; } #wb_element_instance40 { top: 20px; left: 10px; min-width: 150px; width: 150px; min-height: 110px; height: 110px; display: block; overflow: hidden; } #wb_element_instance40 img { width: 160px; height: 110px; display: block; position: relative; left: 0px; top: 0px; max-width: inherit; } #wb_element_instance41 { top: 40px; left: 170px; min-width: 240px; width: 240px; min-height: 70px; height: 70px; display: block; } #wb_element_instance41 img { width: 240px; height: 70px; display: block; position: static; left: 0px; top: 0px; } #wb_element_instance42 { top: 0px; left: 0; right: 0; min-height: 150px; height: 150px; display: block; } #wb_element_instance42 > .wb_shp { width: 100%; height: 150px; } #wb_element_instance43 { top: 30px; left: 90px; min-width: 1060px; width: 1060px; min-height: 48px; height: 48px; display: block; } #wb_element_instance44 { top: 30px; left: 20px; min-width: 60px; width: 60px; min-height: 40px; height: 40px; display: block; } #wb_element_instance44 img { width: 60px; height: 40px; display: block; position: static; left: 0px; top: 0px; } #wb_element_instance45 { top: 100px; left: 90px; min-width: 120px; width: 120px; min-height: 24px; height: 24px; display: block; } #wb_element_instance46 { top: 3px; left: 0; right: 0; min-height: 210px; height: 210px; display: block; } #wb_element_instance46 > .wb_shp { width: 100%; height: 210px; } #wb_element_instance47 { top: 153px; left: 30px; min-width: 460px; width: 460px; min-height: 154px; height: 154px; display: block; } #wb_element_instance48 { top: 393px; left: 30px; min-width: 460px; width: 460px; min-height: 184px; height: 184px; display: block; } #wb_element_instance49 { top: 345px; left: 30px; min-width: 853px; width: 853px; min-height: 36px; height: 36px; display: block; } #wb_element_instance50 { top: 602px; left: 30px; min-width: 140px; width: 140px; min-height: 50px; height: 50px; display: block; } #wb_element_instance50 .wb_button { width: 140px; height: 50px; } #wb_element_instance51 { top: 119px; left: 520px; min-width: 668px; width: 668px; min-height: 460px; height: 460px; display: block; } #wb_element_instance52 { top: 83px; left: 30px; min-width: 853px; width: 853px; min-height: 72px; height: 72px; display: block; } #wb_element_instance53 { top: -150px; left: 0; right: 0; min-height: 220px; height: 220px; display: block; } #wb_element_instance53 > .wb_shp { width: 100%; height: 220px; } #wb_element_instance54 { top: 720px; left: 0px; display: block; } #wb_element_instance55 { top: 170px; left: 0px; display: block; } }