@charset "utf-8"; @import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css); @font-face{font-family:'Nanum Gothic'; src:url('/fonts/NanumGothic.eot')} @font-face { font-family: 'Nanum Gothic'; font-style: normal; font-weight: 400; src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot); src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'), url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'), url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'), url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype'); } @import url(//fonts.googleapis.com/earlyaccess/NanumSquare.css); @font-face{font-family:'Nanum Gothic'; src:url('/fonts/NanumSquare.eot')} @font-face { font-family: NanumSquareWeb; font-style: normal; font-weight: 700; src: local(NanumSquareR), local(NanumSquare), url(NanumSquareR.eot), url(NanumSquareR.woff), url(NanumSquareR.ttf); } body { font-family: "Nanum Gothic", sans-serif; } /*css 초기화 / 배경설정*/ html { overflow-x:hidden; overflow-y:scroll} * { margin:0; padding:0; } ul, ol, dl, li { list-style:none; } a,img { list-style:none; border:none; color:#000; text-decoration:none;} a, p { font-family: "Nanum Gothic"; font-size: 12px;} img { vertical-align: top; } ul li{list-style:none;} a,img{list-style:none; border:none; color:#000; text-decoration:none;} p{text-decoration:none;} .wanee_wrap_head { position: fixed; height: 131px; width: 100%; z-index: 3000; background: #fff !important; } .wanee_head { position: absolute; width: 1200px; margin: 0 auto; height: 131px; z-index: 100; left: 50%; margin-left: -600px; } .wanee_head h1 { position: absolute; margin-top: 40px; margin-left: 20px; } .wanee_head p { width: 355px; height: 28px; background: #565656; position: absolute; right: 0px; top: 19px; } .wanee_head p a { color: #fff; font-size: 14px; line-height: 28px; padding-left: 17px; } .wanee_head ul.menu { position: absolute; top: 64px; right: 0px; } .wanee_head ul.menu li { margin-left: 70px; float: left; } .wanee_head ul.menu li a { font-size: 16px; font-weight: 500; color: #565656; } .wanee_head ul.menu li a:hover { font-weight: 500; color: #fdaf43; } .wanee_head #sub_menu01 li a { color: #fff; line-height: 30px; font-size: 14px; } .wanee_head #sub_menu01 li a:hover { color: #fdaf43; font-weight: 500; } .wanee_head .submenu{ position:absolute; } .wanee_head #sub_menu01{ top:110px; left:439px; display:none; } .wanee_head #sub_menu01 li { width: 100px; height: 32px; background: #222b3a; text-align: center; float: unset; } #visualWrap{position: relative;overflow: hidden;top: 0px;left: 0;width: 100%;height: 737px;} .flexslider{position: relative;zoom: 1;} .flexslider .slides li{height: 737px;background-position: 49% 0;background-repeat: no-repeat;background-color: #f7f7f7;} .flexslider .slides li a{display: block;width: 100%;height: 700px;margin: 0 auto;text-indent: -1000%;} .flex-pauseplay a{position: absolute;width: 14px;height: 13px;margin-left: 34px;top: 700px;left: 49.7%;z-index: 10;background: url(img/btn_play_pause.png) no-repeat;background-position: -0px -0px;text-indent: -9999px;} .flex-pauseplay a.flex-play{background-position: -0px -20px;} .flex-control-nav{position: absolute;width: 100%;top: 700px;text-align: center;} .flex-control-paging li{display: inline-block;margin: 0 2px;} .flex-control-paging li:last-child{padding-right: 18px;} .flex-control-paging li a{display: block;width: 12px;height: 10px;background: url(img/btn_paging.png) no-repeat;text-indent: -9999px;} .flex-control-paging li a.flex-active{width: 26px;background-position: 1px -20px;cursor: default;} .flex-direction-nav{display: none;} .wrap_wanee_nav { width: 100%; height: 233px; background: #222b3a; position: relative; margin-bottom: 64px; } .wanee_nav { width: 1200px; position: relative; margin: 0 auto; } .wanee_nav p { position: absolute; top: 37px; left: 395px; width: 405px; height: 40px; background: #fcb040; } .wanee_nav p a { color: #665432; font-size: 22px; line-height: 40px; padding-left: 21px; } .wanee_nav p a span { font-weight: 600; color: #313120; } .wanee_nav ul { float: left; margin-right: 158px; margin-top: 107px; } .wanee_nav ul:last-child { margin-right: 0px; } .wanee_nav ul.office_01 { width: 270px; height: 79px; } .wanee_nav ul.office_02 { width: 245px; height: 79px; } .wanee_nav ul.office_03 { width: 245px; height: 79px; } .wanee_nav ul li.text01 { font-size: 30px; font-weight: 600; color: #dff8fd; text-align: center; } .wanee_nav ul li.tel01 { font-size: 42px; font-weight: 700; font-family: 'NanumSquareR'; letter-spacing: -2px; text-align: center; color: #fff; } .wanee_aside { width: 1200px; height: 669px; position: relative; margin: 0 auto; } .wanee_aside h3 { text-align: center; } .wanee_aside p { width: 143px; height: 26px; margin-top: 85px; margin-left: 530px; background: #212c3c; } .wanee_aside p a { font-size: 16px; line-height: 26px; color: #fff; padding-left: 12px; } .wanee_aside > ul { width: 1200px; height: 446px; position: absolute; margin-top: 50px; border: 1px solid #ddd; } .wrap_wanee_footer { height: 233px; width: 100%; background: #323232; margin-top: 64px; } .wanee_footer { position: relative; width: 1200px; margin: 0 auto; } .wanee_footer h2 { position: absolute; margin-top: 39px; } .wanee_footer ul.officeinfo01 { margin-top: 45px; margin-left: 321px; position: absolute; width: 420px; height: 203px; } .wanee_footer ul.officeinfo01 h3 { color: #e3dfe5; font-size: 20px; font-weight: 700; } .wanee_footer ul.officeinfo01 li { color: #c2bec3; font-size: 14px; line-height: 22px; text-indent: -2px; } .wanee_footer ul.officeinfo01 li.textbo { margin-top: 0px; } .wanee_footer ul.officeinfo01 li.textbb { margin-top: 30px; } .wanee_footer ul.officeinfo01 li.textin { text-indent: 54px; padding-bottom: 15px; } .wanee_footer ul.officeinfo01 li.textpa { padding-top: 25px; } .wanee_footer ul.officeinfo02 { margin-top: 45px; margin-left: 850px; position: absolute; width: 360px; height: 155px; } .wanee_footer ul.officeinfo02 h3 { color: #e3dfe5; font-size: 20px; font-weight: 700; } .wanee_footer ul.officeinfo02 ul { position: absolute; margin-top: 30px; } .wanee_footer ul.officeinfo02 ul li { float: left; margin-right: 10px; } .wrap_wanee_footer2 { width: 100%; height: 34px; background: #252525; } .wanee_footer2 { width: 1200px; position: relative; margin: 0 auto; } .wanee_footer2 p { line-height: 34px; text-align: center; font-size: 12px; color: #bfbcc1; } .wrap_wanee_top_head { width: 100%; height: 197px; background-image: url("http://www.misoid.com/img/sub_img_01.gif"); background-position: center; background-repeat: no-repeat; } .wanee_top_head { position: relative; margin: 0 auto; height: 197px; width: 1100px; } .wrap_wanee_top_head h5 { font-family: "Nanum Gothic"; text-align: center; padding-top: 58px; font-size: 30px; font-weight: 500; color: #fff; } .wrap_wanee_top_head h6 { font-family: "Nanum Gothic"; text-align: center; padding-top: 30px; font-size: 12px; font-weight: 500; color: #fff; } .wanee_sub { position: relative; width: 1100px; height: auto; min-height: 500px; overflow: hidden; margin: 0 auto; } .wanee_sub p.li_title { position: relative; margin-top: 42px; background: #4f4f4f; height: 30px; } .wanee_sub p.li_title a.h1 { line-height: 30px; color: #fff; margin-left: 12px; font-size: 18px; } .wanee_sub p.li_title a.h2 { line-height: 30px; color: #fff; margin-right: 26px; font-size: 18px; float: right; } .wanee_sub p.content { position: relative; margin-top: 60px; } .wanee_content ul.waneeleft { margin-top: 60px; } .wanee_space { position: relative; width: 100%; height: 2px; margin: 0 auto; margin-bottom: 126px; } #pscroller2{ position: relative; width: 450px; height: 200px; padding: 3px; top: -1250px; left: 400px; margin: 0 auto; font-size: 14px; line-height: 30px; font-family: 'Nanum Gothic', 'MalgunGothic'; font-weight: 500; } #pscroller2 a{ text-decoration: none; } .someclass{ //class to apply to your scroller(s) if desired }