/* ========================================================================== 작은 비주얼 ========================================================================== */ .visusal_box0103{position:relative;width:100%;height:380px;background-image:url('http://www.white2.net/images/new201407/main_con2_bg.png');margin-top:232px;border-bottom:1px solid #dbdbdb} .visusal_box0103 .visusal_in0103{position:relative;width:720px;height:380px;margin:0 auto} .visusal_box0103 .visusal_in0103 .ment1{position:absolute;left:151px;top:45px;background-image:url('/images/new201407/sub1/m_0103_subvisual_tit.png');background-repeat:no-repeat;width:425px;height:115px;text-indent:-9999px} .visusal_box0103 .visusal_in0103 .heart1{position:absolute;left:136px;top:31px} .visusal_box0103 .visusal_in0103 .heart2{position:absolute;left:176px;top:63px} .visusal_box0103 .visusal_in0103 .stethoscope{position:absolute;right:48px;top:0;background-image:url('/images/new201407/sub1/m_0103_subvisual_img.png');background-repeat:no-repeat;width:483px;height:382px;text-indent:-9999px} /* ========================================================================== 작은 비주얼 ========================================================================== */ /* ========================================================================== 메인박스부분 ========================================================================== */ #metroSection .metroWrap ul.con1 li.in_con .sub01_0 {position:relative;width:680px;height:320px;margin:0;margin-top:0} #metroSection .metroWrap ul.con1 li.in_con .sub01_0 img{width:680px} #metroSection .metroWrap ul.con1 li.in_con .sub03_1 {position:relative;width:680px;height:901px;margin:0 auto;margin-top:84px;text-align:center} #metroSection .metroWrap ul.con1 li.in_con .sub03_1 .cen_txt0{font-size:49px;color:#535353;line-height:49px} #metroSection .metroWrap ul.con1 li.in_con .sub03_1 .cen_txt1{margin-top:25px;font-size:72px;color:#f6636d;line-height:72px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub03_1 .cen_txt2{margin-top:28px} #metroSection .metroWrap ul.con1 li.in_con .sub03_1 .cen_txt3{width:608px;height:579px;border:1px solid #d1d1d1;margin:0 auto;margin-top:51px;} #metroSection .metroWrap ul.con1 li.in_con .sub03_1 .cen_txt3 img{margin-top:80px;margin-left:0} #metroSection .metroWrap ul.con1 li.in_con .sub03_2 {position:relative;width:600px;height:350px;margin:0 auto;margin-top:72px} #metroSection .metroWrap ul.con1 li.in_con .sub03_2 .cen_txt0{color:#7d7d7d;font-size:17px;line-height:26px;width:590px;} #metroSection .metroWrap ul.con1 li.in_con .sub03_3 {position:relative;width:680px;height:305px;margin:0 auto;margin-top:65px;text-align:center} #metroSection .metroWrap ul.con1 li.in_con .sub03_3 .thumb {z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub03_3 .thumb1 {position:absolute;bottom:0;left:20px; z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub03_3 .thumb2 {position:absolute;bottom:0;right:20px; z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub03_4 {position:relative;width:680px;height:1400px;margin:0 auto;margin-top:117px;text-align:center} #metroSection .metroWrap ul.con1 li.in_con .sub03_4 img{width:310px} #metroSection .metroWrap ul.con1 li.in_con .sub03_4 .thumb3 {position:absolute;top:0;left:0; z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub03_4 .thumb4 {position:absolute;top:0;right:0; z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub03_4 .thumb5 {position:absolute;top:251px;left:0; z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub03_4 .thumb6 {position:absolute;top:251px;right:0; z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub03_4 .thumb7 {position:absolute;top:502px;left:0; z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub03_4 .thumb8 {position:absolute;top:502px;right:0; z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub03_4 .thumb9 {position:absolute;top:753px;left:0; z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub03_4 .thumb10 {position:absolute;top:753px;right:0; z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub03_4 .thumb11 {position:absolute;top:1003px;right:0; z-index:9} /* ========================================================================== 메인박스부분 ========================================================================== */ @media all and (min-width:940px){ /* ========================================================================== 작은 비주얼 ========================================================================== */ .visusal_box0103{position:relative;width:100%;height:249px;background-image:url('http://www.white2.net/images/new201407/main_con2_bg.png');margin-top:160px;border-bottom:0} .visusal_box0103 .visusal_in0103{position:relative;width:850px;height:249px;margin:0 auto} .visusal_box0103 .visusal_in0103 .ment1{position:absolute;left:0;top:90px;background-image:url('/images/new201407/sub1/0103_subvisual_tit3.png');background-repeat:no-repeat;width:354px;height:95px} .visusal_box0103 .visusal_in0103 .heart1{position:absolute;left:228px;top:61px} .visusal_box0103 .visusal_in0103 .heart2{position:absolute;left:268px;top:87px} .visusal_box0103 .visusal_in0103 .stethoscope{position:absolute;right:0;top:0;background-image:url('/images/new201407/sub1/0103_subvisual_img.png');background-repeat:no-repeat;width:488px;height:249px} /* ========================================================================== 작은 비주얼 ========================================================================== */ /* ========================================================================== 메인박스부분 ========================================================================== */ #metroSection .metroWrap ul.con1 li.in_con .sub03_1 {position:relative;width:708px;height:901px;margin:0 auto;margin-top:84px;text-align:center} #metroSection .metroWrap ul.con1 li.in_con .sub03_1 .cen_txt0{font-size:49px;color:#535353;line-height:49px} #metroSection .metroWrap ul.con1 li.in_con .sub03_1 .cen_txt1{margin-top:25px;font-size:72px;color:#f6636d;line-height:72px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub03_1 .cen_txt2{margin-top:28px} #metroSection .metroWrap ul.con1 li.in_con .sub03_1 .cen_txt3{width:708px;height:579px;border:1px solid #d1d1d1;margin:0 auto;margin-top:51px;} #metroSection .metroWrap ul.con1 li.in_con .sub03_1 .cen_txt3 img{margin-top:80px;margin-left:0} #metroSection .metroWrap ul.con1 li.in_con .sub03_2 {position:relative;width:708px;height:181px;margin:0 auto;margin-top:72px} #metroSection .metroWrap ul.con1 li.in_con .sub03_2 .cen_txt0{color:#7d7d7d;font-size:12px;line-height:18px;;width:708px;} #metroSection .metroWrap ul.con1 li.in_con .sub03_3 {position:relative;width:708px;height:305px;margin:0 auto;margin-top:65px;text-align:center} #metroSection .metroWrap ul.con1 li.in_con .sub03_3 .thumb {z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub03_3 .thumb1 {position:absolute;bottom:0;left:44px; z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub03_3 .thumb2 {position:absolute;bottom:0;right:44px; z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub03_4 {position:relative;width:720px;height:1500px;margin:0 auto;margin-top:117px;text-align:center} #metroSection .metroWrap ul.con1 li.in_con .sub03_4 img{width:350px} #metroSection .metroWrap ul.con1 li.in_con .sub03_4 .thumb3 {position:absolute;top:0;left:0; z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub03_4 .thumb4 {position:absolute;top:0;right:0; z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub03_4 .thumb5 {position:absolute;top:280px;left:0; z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub03_4 .thumb6 {position:absolute;top:280px;right:0; z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub03_4 .thumb7 {position:absolute;top:560px;left:0; z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub03_4 .thumb8 {position:absolute;top:560px;right:0; z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub03_4 .thumb9 {position:absolute;top:840px;left:0; z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub03_4 .thumb10 {position:absolute;top:840px;right:0; z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub03_4 .thumb11 {position:absolute;top:1120px;right:0; z-index:9} /* ========================================================================== 메인박스부분 ========================================================================== */ } @media all and (min-width:1200px){ /* ========================================================================== 작은 비주얼 ========================================================================== */ .visusal_box0103{position:relative;width:100%;height:249px;background-image:url('http://www.white2.net/images/new201407/main_con2_bg.png');margin-top:55px} .visusal_box0103 .visusal_in0103{position:relative;width:1100px;height:249px;margin:0 auto} .visusal_box0103 .visusal_in0103 .ment1{position:absolute;left:0;top:88px;background-image:url('/images/new201407/sub1/0103_subvisual_tit.png');background-repeat:no-repeat;width:720px;height:72px} .visusal_box0103 .visusal_in0103 .heart1{position:absolute;left:228px;top:61px} .visusal_box0103 .visusal_in0103 .heart2{position:absolute;left:268px;top:87px} .visusal_box0103 .visusal_in0103 .stethoscope{position:absolute;right:0;top:0;background-image:url('/images/new201407/sub1/0103_subvisual_img.png');background-repeat:no-repeat;width:488px;height:249px} /* ========================================================================== 작은 비주얼 ========================================================================== */ /* ========================================================================== 메인박스부분 ========================================================================== */ #metroSection .metroWrap ul.con1 li.in_con .sub03_1 {position:relative;width:708px;height:901px;margin:0 auto;margin-top:84px;text-align:center} #metroSection .metroWrap ul.con1 li.in_con .sub03_1 .cen_txt0{font-size:49px;color:#535353;line-height:49px} #metroSection .metroWrap ul.con1 li.in_con .sub03_1 .cen_txt1{margin-top:25px;font-size:72px;color:#f6636d;line-height:72px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub03_1 .cen_txt2{margin-top:28px} #metroSection .metroWrap ul.con1 li.in_con .sub03_1 .cen_txt3{width:708px;height:579px;border:1px solid #d1d1d1;margin:0 auto;margin-top:51px;} #metroSection .metroWrap ul.con1 li.in_con .sub03_1 .cen_txt3 img{margin-top:80px;margin-left:0} #metroSection .metroWrap ul.con1 li.in_con .sub03_2 {position:relative;width:708px;height:181px;margin:0 auto;margin-top:72px} #metroSection .metroWrap ul.con1 li.in_con .sub03_2 .cen_txt0{color:#7d7d7d;font-size:12px;line-height:18px;width:708px;} #metroSection .metroWrap ul.con1 li.in_con .sub03_3 {position:relative;width:708px;height:305px;margin:0 auto;margin-top:65px;text-align:center} #metroSection .metroWrap ul.con1 li.in_con .sub03_3 .thumb {z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub03_3 .thumb1 {position:absolute;bottom:0;left:44px; z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub03_3 .thumb2 {position:absolute;bottom:0;right:44px; z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub03_4 {position:relative;width:720px;height:1500px;margin:0 auto;margin-top:117px;text-align:center} #metroSection .metroWrap ul.con1 li.in_con .sub03_4 .thumb3 {position:absolute;top:0;left:0; z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub03_4 .thumb4 {position:absolute;top:0;right:0; z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub03_4 .thumb5 {position:absolute;top:280px;left:0; z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub03_4 .thumb6 {position:absolute;top:280px;right:0; z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub03_4 .thumb7 {position:absolute;top:560px;left:0; z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub03_4 .thumb8 {position:absolute;top:560px;right:0; z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub03_4 .thumb9 {position:absolute;top:840px;left:0; z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub03_4 .thumb10 {position:absolute;top:840px;right:0; z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub03_4 .thumb11 {position:absolute;top:1120px;right:0; z-index:9} /* ========================================================================== 메인박스부분 ========================================================================== */ } @media all and (min-width:1550px){ /* ========================================================================== 작은 비주얼 ========================================================================== */ .visusal_box0103{position:relative;width:100%;height:249px;background-image:url('http://www.white2.net/images/new201407/main_con2_bg.png');margin-top:55px} .visusal_box0103 .visusal_in0103{position:relative;width:1300px;height:249px;margin:0 auto} .visusal_box0103 .visusal_in0103 .ment1{position:absolute;left:0;top:88px} .visusal_box0103 .visusal_in0103 .heart1{position:absolute;left:228px;top:61px} .visusal_box0103 .visusal_in0103 .heart2{position:absolute;left:268px;top:87px} .visusal_box0103 .visusal_in0103 .stethoscope{position:absolute;right:74px;top:0} /* ========================================================================== 작은 비주얼 ========================================================================== */ /* ========================================================================== 메인박스부분 ========================================================================== */ #metroSection .metroWrap ul.con1 li.in_con .sub03_1 {position:relative;width:880px;height:901px;margin:0 auto;margin-top:84px;text-align:center} #metroSection .metroWrap ul.con1 li.in_con .sub03_1 .cen_txt0{font-size:49px;color:#535353;line-height:49px} #metroSection .metroWrap ul.con1 li.in_con .sub03_1 .cen_txt1{margin-top:25px;font-size:72px;color:#f6636d;line-height:72px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub03_1 .cen_txt2{margin-top:28px} #metroSection .metroWrap ul.con1 li.in_con .sub03_1 .cen_txt3{width:865px;height:579px;border:1px solid #d1d1d1;margin:0 auto;margin-top:51px;} #metroSection .metroWrap ul.con1 li.in_con .sub03_1 .cen_txt3 img{margin-top:80px;margin-left:30px} #metroSection .metroWrap ul.con1 li.in_con .sub03_2 {position:relative;width:880px;height:181px;margin:0 auto;margin-top:72px} #metroSection .metroWrap ul.con1 li.in_con .sub03_2 .cen_txt0{color:#7d7d7d;font-size:12px;line-height:18px;width:800px;margin:0 auto} #metroSection .metroWrap ul.con1 li.in_con .sub03_3 {position:relative;width:880px;height:305px;margin:0 auto;margin-top:65px;text-align:center} #metroSection .metroWrap ul.con1 li.in_con .sub03_3 .thumb {z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub03_3 .thumb1 {position:absolute;bottom:0;left:144px; z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub03_3 .thumb2 {position:absolute;bottom:0;right:144px; z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub03_4 {position:relative;width:720px;height:1500px;margin:0 auto;margin-top:117px;text-align:center} #metroSection .metroWrap ul.con1 li.in_con .sub03_4 .thumb3 {position:absolute;top:0;left:0; z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub03_4 .thumb4 {position:absolute;top:0;right:0; z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub03_4 .thumb5 {position:absolute;top:280px;left:0; z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub03_4 .thumb6 {position:absolute;top:280px;right:0; z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub03_4 .thumb7 {position:absolute;top:560px;left:0; z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub03_4 .thumb8 {position:absolute;top:560px;right:0; z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub03_4 .thumb9 {position:absolute;top:840px;left:0; z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub03_4 .thumb10 {position:absolute;top:840px;right:0; z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub03_4 .thumb11 {position:absolute;top:1120px;right:0; z-index:9} /* ========================================================================== 메인박스부분 ========================================================================== */ }