/*================================================================== 1: fonts styles ===================================================================*/ /* Font-Face */ @font-face{ font-family:NanumGothic; src:url("/css/font/NanumGothic.eot"); src:url("/css/fontNanumGothic.eot?#iefix") format("embedded-opentype"), url("/css/font/NanumGothic.woff") format("woff"), url("/css/font/NanumGothic.ttf") format("truetype"); url("/css/font/NanumGothic.svg#NanumGothic") format("svg") src:local(※), url("/css/font/NanumGothic.woff") format("woff"); } html, body,table, .drive_text /*,input,textarea,select,button*/{font-size:12px;color:#666;font-family:NanumGothic,’나눔고딕’,ng,sans-serif;} html,body{height:100%;} /*================================================================== 2: General setting ===================================================================*/ a { overflow:hidden; /* width:100% 방지*/ text-decoration:none; color:#666; } a:link, a:visited,a:hover, a:active{ text-decoration:none; } div.mainVisul {position: relative; margin-top:-6px; overflow:hidden;width:100%; min-width: 950px; height:680px;text-align:center;margin-bottom:5px;background: url(../images/bg_landing.jpg) repeat-y;} div.mainVisul #slideshow { z-index: 50; overflow:hidden;width:100%; min-width: 950px; height:680px;} div.mainVisul #slideshow>* { display: none; position: absolute; left: 0; top: 25px; } div.mainVisul #slideshow div { position: relative; } div.mainVisul #slideshow .image_link1 { position: absolute; top: 72px; left: 320px; width: 190px; height: 245px; opacity: 0; filter: alpha(opacity=0);} div.mainVisul #slideshow .image_link2 { position: absolute; top: 235px; left: 670px; width: 240px; height: 65px; opacity: 0; filter: alpha(opacity=0);} div.mainVisul #slideshow .image_link3 { position: absolute; top: 450px; left: 320px; width: 385px; height: 160px; opacity: 0; filter: alpha(opacity=0);} div.mainVisul #slideshow .image_link4 { position: absolute; top: 400px; left: 720px; width: 380px; height: 230px; opacity: 0; filter: alpha(opacity=0);} div.mainVisul .btn_box {position:absolute; left: 50%; top: 330px; width:55px; height:55px; z-index:100;} div.mainVisul .btn_box.leftBox { margin-left: -605px; } div.mainVisul .btn_box.rightBox { margin-left: 545px; } div.mainVisul span#prev, div.mainVisul span#next {cursor:pointer;} div.mainVisul div.pics {position:absolute;left: 0;top:0;width:100%;z-index:10;} div.mainVisul div.pics div#slideshow {margin:0 auto;} div.mainVisul div.nav_wrap {position:absolute; left: 0; top: 375px; width:100%; z-index:100;} div.mainVisul div.nav_wrap div#nav {text-align:center;} div.mainVisul div.nav_wrap div#nav a {display:inline-block;margin-right:7px;width:248px;height:72px;overflow:hidden;font-size:0;background:url("../images/04_btn01.png") 0 0 no-repeat;} div.mainVisul div.nav_wrap div#nav a.active {background-position:0 -18px;} div.mainVisul2 {position: relative; margin-top:-6px; overflow:hidden;width:100%; min-width: 950px; height:780px;text-align:center;margin-bottom:5px;background: url(../images/bg_landing.jpg) repeat-y;} div.mainVisul2 #slideshow2 { z-index: 50; overflow:hidden;width:100%; min-width: 950px; height:780px;} div.mainVisul2 #slideshow2>* { display: none; position: absolute; left: 0; top: 25px; } div.mainVisul2 .btn_box2 {position:absolute; left: 50%; top: 330px; width:55px; height:55px; z-index:100;} div.mainVisul2 .btn_box2.leftBox2 { margin-left: -605px; } div.mainVisul2 .btn_box2.rightBox2 { margin-left: 545px; } div.mainVisul2 span#prev, div.mainVisul2 span#next {cursor:pointer;} div.mainVisul2 div.pics {position:absolute;left: 0;top:0;width:100%;z-index:10;} div.mainVisul2 div.pics div#slideshow2 {margin:0 auto;} div.mainVisul3 {position: absolute; top: 632px; left: 778px; margin-top:-6px; overflow:hidden;width:386px; min-width: 386px; height:223px;text-align:center;margin-bottom:5px;background: url(../images/bg_landing.jpg) repeat-y;} div.mainVisul3 #slideshow3 { z-index: 50; overflow:hidden;width:100%; min-width: 386px; height:223px;} div.mainVisul3 #slideshow3>* { display: none; position: absolute; left: 0; top: 25px; } div.mainVisul3 .btn_box3 {position:absolute; left: 50%; top: 90px; width:37px; height:48px; z-index:100;} div.mainVisul3 .btn_box3.leftBox3 { margin-left: -185px; } div.mainVisul3 .btn_box3.rightBox3 { margin-left: 145px; } div.mainVisul3 span#prev, div.mainVisul3 span#next {cursor:pointer;} div.mainVisul3 div.pics {position:absolute;left: 0;top:0;width:100%;z-index:10;} div.mainVisul3 div.pics div#slideshow3 {margin:0 auto;} html, body, head { padding: 0; margin: 0; } img { border: none; } ul { list-style: none; } .hide { display: none; } .cursor { cursor: pointer; } #wrap { float: left; width: 100%; } #wrap .content { width: 1400px; margin: 0 auto; } #wrap .content .content_image { position: relative; } #wrap .content .content_image .blog_icon { position: absolute; left: 890px; top: 655px; } #wrap .content .content_image .fb_icon { position: absolute; left: 947px; top: 655px; } #wrap .content .content_image .twitter_icon { position: absolute; left: 1000px; top: 655px; } #wrap .content .content_image .input_name1 { position: absolute; top: 220px; left: 925px; } #wrap .content .content_image .input_clinic1 { position: absolute; top: 257px; left: 925px; } #wrap .content .content_image .input_age1 { position: absolute; top: 295px; left: 925px; } #wrap .content .content_image .input_sex1 { position: absolute; top: 332px; left: 925px; } #wrap .content .content_image .input_phone1 { position: absolute; top: 365px; left: 925px; } #wrap .content .content_image .input_point1 { position: absolute; top: 402px; left: 925px; } #wrap .content .content_image .policy1_btn1 { position: absolute; top: 439px; left: 862px; } #wrap .content .content_image .policy1_btn2 { position: absolute; top: 439px; left: 1006px; } #wrap .content .content_image .input_check1 { position: absolute; top: 474px; left: 1070px; } #wrap .content .content_image .input_submit1 { position: absolute; top: 498px; left: 861px; } #wrap .content .content_image .input_name2 { position: absolute; top: 280px; left: 925px; } #wrap .content .content_image .input_clinic2 { position: absolute; top: 317px; left: 925px; } #wrap .content .content_image .input_age2 { position: absolute; top: 355px; left: 925px; } #wrap .content .content_image .input_sex2 { position: absolute; top: 392px; left: 925px; } #wrap .content .content_image .input_phone2 { position: absolute; top: 425px; left: 925px; } #wrap .content .content_image .input_point2 { position: absolute; top: 462px; left: 925px; } #wrap .content .content_image .policy2_btn1 { position: absolute; top: 499px; left: 862px; } #wrap .content .content_image .policy2_btn2 { position: absolute; top: 499px; left: 1006px; } #wrap .content .content_image .input_check2 { position: absolute; top: 534px; left: 1070px; } #wrap .content .content_image .input_submit2 { position: absolute; top: 558px; left: 861px; } #wrap .content .content_image .input_name3 { position: absolute; top: 265px; left: 925px; } #wrap .content .content_image .input_clinic3 { position: absolute; top: 302px; left: 925px; } #wrap .content .content_image .input_age3 { position: absolute; top: 340px; left: 925px; } #wrap .content .content_image .input_sex3 { position: absolute; top: 377px; left: 925px; } #wrap .content .content_image .input_phone3 { position: absolute; top: 410px; left: 925px; } #wrap .content .content_image .input_point3 { position: absolute; top: 447px; left: 925px; } #wrap .content .content_image .policy3_btn1 { position: absolute; top: 484px; left: 862px; } #wrap .content .content_image .policy3_btn2 { position: absolute; top: 484px; left: 1006px; } #wrap .content .content_image .input_check3 { position: absolute; top: 519px; left: 1070px; } #wrap .content .content_image .input_submit3 { position: absolute; top: 543px; left: 861px; } #wrap .content .content_image .input_name4 { position: absolute; top: 262px; left: 925px; } #wrap .content .content_image .input_clinic4 { position: absolute; top: 299px; left: 925px; } #wrap .content .content_image .input_age4 { position: absolute; top: 337px; left: 925px; } #wrap .content .content_image .input_sex4 { position: absolute; top: 374px; left: 925px; } #wrap .content .content_image .input_phone4 { position: absolute; top: 407px; left: 925px; } #wrap .content .content_image .input_point4 { position: absolute; top: 444px; left: 925px; } #wrap .content .content_image .policy4_btn1 { position: absolute; top: 481px; left: 862px; } #wrap .content .content_image .policy4_btn2 { position: absolute; top: 481px; left: 1006px; } #wrap .content .content_image .input_check4 { position: absolute; top: 516px; left: 1070px; } #wrap .content .content_image .input_submit4 { position: absolute; top: 540px; left: 861px; } #wrap .content .content_image .input_name input { background-color: #e9e9e9; } #wrap .content .content_image .input_clinic select { background-color: #e9e9e9; border: 1px solid #e4e4e4; } #wrap .content .content_image .input_age select { background-color: #e9e9e9; border: 1px solid #e4e4e4; } #wrap .content .content_image .input_phone select { background-color: #e9e9e9; border: 1px solid #e4e4e4; } #wrap .content .content_image .input_phone input { width: 70px; background-color: #e9e9e9; } #wrap .content .content_image .input_point select { background-color: #e9e9e9; border: 1px solid #e4e4e4; } #wrap .content .self_test { position: relative; background: url(../images/image3.png) center top no-repeat; width: 1400px; height: 925px; } #wrap .content .self_test .test_wrap { position: absolute; left: 500px; top: 110px; width: 700px; } #wrap .content .self_test .test_wrap li { height: 25px; line-height: 25px; margin-bottom: 2px; padding-left: 10px; background-color: white; border: 1px solid #bdbdbd; } #wrap .content .self_test .test_wrap li img { margin-right: 10px; } #wrap .content .self_test .test_wrap li div.y_n { float: right; margin-right: 10px; } #wrap .content .self_test .result_btn { position: absolute; top: 840px; left: 720px; } #wrap .content .slide { width: 100%; } #wrap .content .slide .slide_header { position: relative; height: 61px; background: url(../images/header_bg.png) left top no-repeat; } #wrap .content .slide .slide_header .navi { position: absolute; } #wrap .content .slide .slide_header .navi.navi01 { top: 17px; left: 330px; } #wrap .content .slide .slide_header .navi.navi02 { top: 17px; left: 550px; } #wrap .content .slide .slide_header .navi.navi03 { top: 17px; left: 770px; } #wrap .content .slide .slide_header .navi.navi04 { top: 17px; left: 1000px; } #wrap .content .slide .slide_content { position: relative; padding-top: 35px; width: 100%; height: 1030px; background: url(../images/pattern.png) repeat; } #wrap .content .slide .slide_content .banner { position: absolute; top: 747px; left: 335px; } #wrap .content .slide2 .slide_content { position: relative; padding-top: 35px; width: 100%; height: 800px; background: url(../images/pattern2.png) repeat; } #wrap .content .slide2 .slide_content .question_btn { position: absolute; top: 865px; left: 540px; } .youtube { position: absolute; } .youtube_sinsa { top: 263px; left: 550px; } .youtube_junggu { top: 495px; left: 288px; } .youtube_gangnam { top: 494px; left: 545px; } .youtube_hapjung { top: 735px; left: 290px; } .youtube_bupung { top: 735px; left: 540px; } #image_list_1 { position: absolute; top: 632px; left: 778px; }