#wb_header { height: 150px; } #wb_header > .wb_cont_bg { background: transparent none repeat scroll left top; } #wb_main { height: 645px; padding-bottom: 50px; } #wb_main > .wb_cont_bg { background: transparent none repeat left top; background-size: auto auto; } #wb_footer { height: 280px; } #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: 1075px; } .wb_cont_inner { width: 320px; height: 100%; } .wb_cont_bg { width: 320px; margin-left: -160px; } .root { height: 1025px; overflow: hidden; min-height: 1075px; } #wb_element_instance287 .btn-collapser { display: inline-block; margin-top: 0px; background-color: #d40000; border-color: #ffffff; } #wb_element_instance287 .btn-collapser > .icon-bar { background-color: #ffffff; } #wb_element_instance287 .btn-collapser:hover { background-color: #d40000; border-color: #f5a9a9; } #wb_element_instance287 .btn-collapser:hover > .icon-bar { background-color: #f5a9a9; } #wb_element_instance287 { top: 60px; left: 0px; min-width: 300px; width: 300px; min-height: 29px; height: 29px; display: block; z-index: 670; } #wb_element_instance287 ul { background: #d40000 none repeat left top; border: 1px none #000000; } #wb_element_instance287 > ul { display: none; } #wb_element_instance287.collapse-expanded > ul { display: block; float: none; height: auto; overflow: hidden; overflow-y: auto; } #wb_element_instance287.collapse-expanded > ul > li { display: block; } #wb_element_instance287.collapse-expanded li > ul { position: static; } #wb_element_instance287.collapse-expanded li.active > ul { display: block!important; } #wb_element_instance287.collapse-expanded li.over > ul { display: block!important; } #wb_element_instance287, #wb_element_instance287 ul { text-align: left; } #wb_element_instance287 ul ul { background: rgba(133, 0, 0, 0.9) none repeat right top; } #wb_element_instance287 li { margin: 0px 0px 0px 0px; } #wb_element_instance287 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_instance287 li.over > a, #wb_element_instance287 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_instance287 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_instance287:not(.collapse-expanded) .vmenu ul.open-left,#wb_element_instance287:not(.collapse-expanded) .hmenu ul.open-left { left: auto; right: 100%; } #wb_element_instance287:not(.collapse-expanded) .hmenu > li > ul.open-left { left: auto; right: 0; } #wb_element_instance288 { top: 40px; left: 40px; min-width: 80px; width: 80px; min-height: 60px; height: 60px; display: block; z-index: 644; } #wb_element_instance288 img { width: 80px; height: 60px; display: block; position: static; left: 0px; top: 0px; } #wb_element_instance289 { top: 40px; left: 120px; min-width: 200px; width: 200px; min-height: 60px; height: 60px; display: block; z-index: 667; } #wb_element_instance289 img { width: 200px; height: 60px; display: block; position: static; left: 0px; top: 0px; } #wb_element_instance290 { top: 0px; left: 0; right: 0; min-height: 140px; height: 140px; display: block; z-index: 391; } #wb_element_instance290 > .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_instance291 p:last-child { margin-bottom: 0; } #wb_element_instance291 { top: 40px; left: 90px; min-width: 220px; width: 220px; min-height: 84px; height: 84px; display: block; z-index: 649; } #wb_element_instance292 { top: 40px; left: 20px; min-width: 60px; width: 60px; min-height: 40px; height: 40px; display: block; z-index: 654; } #wb_element_instance292 img { width: 60px; height: 40px; display: block; position: static; left: 0px; top: 0px; } #wb_element_instance293 { top: 130px; left: 90px; min-width: 120px; width: 120px; min-height: 24px; height: 24px; display: block; z-index: 655; } #wb_element_instance294 { top: 0px; left: 0; right: 0; min-height: 280px; height: 280px; display: block; z-index: 554; } #wb_element_instance294 > .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_instance295 p:last-child { margin-bottom: 0; } #wb_element_instance295 { top: 70px; left: 0px; min-width: 320px; width: 320px; min-height: 133px; height: 133px; display: block; z-index: 286; } #wb_element_instance296 p:last-child { margin-bottom: 0; } #wb_element_instance296 { top: 220px; left: 0px; min-width: 320px; width: 320px; min-height: 304px; height: 304px; display: block; z-index: 142; } #wb_element_instance297 p:last-child { margin-bottom: 0; } #wb_element_instance297 { top: 10px; left: 0px; min-width: 280px; width: 280px; min-height: 48px; height: 48px; display: block; z-index: 140; } #wb_element_instance298 p:last-child { margin-bottom: 0; } #wb_element_instance298 { top: 450px; left: 99px; min-width: 220px; width: 220px; min-height: 95px; height: 95px; display: block; z-index: 287; } #wb_element_instance299 { top: -370px; left: 0; right: 0; min-height: 360px; height: 360px; display: block; z-index: 129; } #wb_element_instance299 > .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_instance300 { top: 575px; left: 0px; display: block; z-index: 9000; } #wb_element_instance301 { top: 170px; left: 0px; display: block; z-index: 9999; } @media (min-width: 768px) { #wb_header { height: 150px; } #wb_main { height: 625px; } #wb_footer { height: 280px; } body, .wb_sbg { min-width: 768px; min-height: 1055px; } .wb_cont_inner { width: 768px; } .wb_cont_bg { width: 768px; margin-left: -384px; } .root { height: 1005px; overflow: visible; min-height: 1055px; } #wb_element_instance287 { top: 38px; left: 290px; min-width: 478px; width: 478px; min-height: 72px; height: 72px; display: block; } #wb_element_instance287 ul { background: transparent none repeat right top; } #wb_element_instance287 .btn-collapser { display: none; } #wb_element_instance287 > ul { display: block; } #wb_element_instance288 { top: 41px; left: 0px; min-width: 90px; width: 90px; min-height: 60px; height: 60px; display: block; } #wb_element_instance288 img { width: 90px; height: 60px; display: block; position: static; left: 0px; top: 0px; } #wb_element_instance289 { top: 46px; left: 94px; min-width: 170px; width: 170px; min-height: 50px; height: 50px; display: block; } #wb_element_instance289 img { width: 170px; height: 50px; display: block; position: static; left: 0px; top: 0px; } #wb_element_instance290 { top: 0px; left: 0; right: 0; min-height: 140px; height: 140px; display: block; } #wb_element_instance290 > .wb_shp { width: 100%; height: 140px; } #wb_element_instance291 { top: 60px; left: 10px; min-width: 200px; width: 200px; min-height: 98px; height: 98px; display: block; } #wb_element_instance292 { top: 10px; left: 10px; min-width: 60px; width: 60px; min-height: 40px; height: 40px; display: block; } #wb_element_instance292 img { width: 60px; height: 40px; display: block; position: static; left: 0px; top: 0px; } #wb_element_instance293 { top: 60px; left: 230px; min-width: 120px; width: 120px; min-height: 24px; height: 24px; display: block; } #wb_element_instance294 { top: 0px; left: 0; right: 0; min-height: 280px; height: 280px; display: block; } #wb_element_instance294 > .wb_shp { width: 100%; height: 280px; } #wb_element_instance295 { top: 130px; left: 0px; min-width: 770px; width: 770px; min-height: 76px; height: 76px; display: block; } #wb_element_instance296 { top: 220px; left: 0px; min-width: 730px; width: 730px; min-height: 285px; height: 285px; display: block; } #wb_element_instance297 { top: 60px; left: 0px; min-width: 730px; width: 730px; min-height: 48px; height: 48px; display: block; } #wb_element_instance298 { top: 430px; left: 110px; min-width: 370px; width: 370px; min-height: 95px; height: 95px; display: block; } #wb_element_instance299 { top: -320px; left: 0; right: 0; min-height: 360px; height: 360px; display: block; } #wb_element_instance299 > .wb_shp { width: 100%; height: 360px; } #wb_element_instance300 { top: 575px; left: 0px; display: block; } #wb_element_instance301 { top: 170px; left: 0px; display: block; } } @media (min-width: 992px) { #wb_header { height: 150px; } #wb_main { height: 655px; } #wb_footer { height: 150px; } body, .wb_sbg { min-width: 992px; min-height: 955px; } .wb_cont_inner { width: 992px; } .wb_cont_bg { width: 992px; margin-left: -496px; } .root { height: 905px; overflow: visible; min-height: 955px; } #wb_element_instance287 { top: 60px; left: 340px; min-width: 650px; width: 650px; min-height: 36px; height: 36px; display: block; } #wb_element_instance287 ul { background: transparent none repeat right top; } #wb_element_instance287 .btn-collapser { display: none; } #wb_element_instance287 > ul { display: block; } #wb_element_instance288 { top: 40px; left: 0px; min-width: 110px; width: 110px; min-height: 80px; height: 80px; display: block; } #wb_element_instance288 img { width: 110px; height: 80px; display: block; position: static; left: 0px; top: 0px; } #wb_element_instance289 { top: 60px; left: 110px; min-width: 200px; width: 200px; min-height: 50px; height: 50px; display: block; } #wb_element_instance289 img { width: 200px; height: 50px; display: block; position: static; left: 0px; top: 0px; } #wb_element_instance290 { top: 0px; left: 0; right: 0; min-height: 150px; height: 150px; display: block; } #wb_element_instance290 > .wb_shp { width: 100%; height: 150px; } #wb_element_instance291 { top: 20px; left: 90px; min-width: 247px; width: 247px; min-height: 84px; height: 84px; display: block; } #wb_element_instance292 { top: 20px; left: 10px; min-width: 60px; width: 60px; min-height: 40px; height: 40px; display: block; } #wb_element_instance292 img { width: 60px; height: 40px; display: block; position: static; left: 0px; top: 0px; } #wb_element_instance293 { top: 30px; left: 360px; min-width: 120px; width: 120px; min-height: 24px; height: 24px; display: block; } #wb_element_instance294 { top: 0px; left: 0; right: 0; min-height: 150px; height: 150px; display: block; } #wb_element_instance294 > .wb_shp { width: 100%; height: 150px; } #wb_element_instance295 { top: 130px; left: 0px; min-width: 950px; width: 950px; min-height: 76px; height: 76px; display: block; } #wb_element_instance296 { top: 250px; left: 0px; min-width: 950px; width: 950px; min-height: 285px; height: 285px; display: block; } #wb_element_instance297 { top: 60px; left: 0px; min-width: 950px; width: 950px; min-height: 60px; height: 60px; display: block; } #wb_element_instance298 { top: 460px; left: 130px; min-width: 370px; width: 370px; min-height: 95px; height: 95px; display: block; } #wb_element_instance299 { top: -320px; left: 0; right: 0; min-height: 360px; height: 360px; display: block; } #wb_element_instance299 > .wb_shp { width: 100%; height: 360px; } #wb_element_instance300 { top: 575px; left: 0px; display: block; } #wb_element_instance301 { top: 170px; left: 0px; display: block; } } @media (min-width: 1200px) { #wb_header { height: 150px; } #wb_main { height: 775px; } #wb_footer { height: 213px; } body, .wb_sbg { min-width: 1200px; min-height: 1138px; } .wb_cont_inner { width: 1200px; } .wb_cont_bg { width: 1200px; margin-left: -600px; } .root { height: 1088px; overflow: visible; min-height: 1138px; } #wb_element_instance287 { top: 60px; left: 530px; min-width: 670px; width: 670px; min-height: 36px; height: 36px; display: block; } #wb_element_instance287 ul { background: transparent none repeat right top; } #wb_element_instance287 .btn-collapser { display: none; } #wb_element_instance287 > ul { display: block; } #wb_element_instance288 { top: 20px; left: 10px; min-width: 150px; width: 150px; min-height: 110px; height: 110px; display: block; overflow: hidden; } #wb_element_instance288 img { width: 160px; height: 110px; display: block; position: relative; left: 0px; top: 0px; max-width: inherit; } #wb_element_instance289 { top: 40px; left: 170px; min-width: 240px; width: 240px; min-height: 70px; height: 70px; display: block; } #wb_element_instance289 img { width: 240px; height: 70px; display: block; position: static; left: 0px; top: 0px; } #wb_element_instance290 { top: 0px; left: 0; right: 0; min-height: 150px; height: 150px; display: block; } #wb_element_instance290 > .wb_shp { width: 100%; height: 150px; } #wb_element_instance291 { top: 30px; left: 90px; min-width: 1060px; width: 1060px; min-height: 48px; height: 48px; display: block; } #wb_element_instance292 { top: 30px; left: 20px; min-width: 60px; width: 60px; min-height: 40px; height: 40px; display: block; } #wb_element_instance292 img { width: 60px; height: 40px; display: block; position: static; left: 0px; top: 0px; } #wb_element_instance293 { top: 100px; left: 90px; min-width: 120px; width: 120px; min-height: 24px; height: 24px; display: block; } #wb_element_instance294 { top: 3px; left: 0; right: 0; min-height: 210px; height: 210px; display: block; } #wb_element_instance294 > .wb_shp { width: 100%; height: 210px; } #wb_element_instance295 { top: 153px; left: 30px; min-width: 470px; width: 470px; min-height: 115px; height: 115px; display: block; } #wb_element_instance296 { top: 305px; left: 30px; min-width: 610px; width: 610px; min-height: 345px; height: 345px; display: block; } #wb_element_instance297 { top: 83px; left: 30px; min-width: 853px; width: 853px; min-height: 72px; height: 72px; display: block; } #wb_element_instance298 { top: 560px; left: 160px; min-width: 370px; width: 370px; min-height: 115px; height: 115px; display: block; } #wb_element_instance299 { top: -150px; left: 0; right: 0; min-height: 220px; height: 220px; display: block; } #wb_element_instance299 > .wb_shp { width: 100%; height: 220px; } #wb_element_instance300 { top: 575px; left: 0px; display: block; } #wb_element_instance301 { top: 170px; left: 0px; display: block; } }