/* ========================================================================== 작은 비주얼 ========================================================================== */ .visusal_box0202{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_box0202 .visusal_in0202{position:relative;width:720px;height:380px;margin:0 auto} .visusal_box0202 .visusal_in0202 .ment1{position:absolute;left:147px;top:45px;background-image:url('/images/new201407/sub2/m_0202_subvisual_tit.png');background-repeat:no-repeat;width:414px;height:115px;text-indent:-9999px} .visusal_box0202 .visusal_in0202 .smile1{position:absolute;right:143px;top:41px} .visusal_box0202 .visusal_in0202 .stethoscope{position:absolute;right:217px;bottom:18px;background-image:url('/images/new201407/sub2/0202_subvisual_img.png');background-repeat:no-repeat;width:288px;height:184px;text-indent:-9999px;background-size:100% 100%} /* ========================================================================== 작은 비주얼 ========================================================================== */ /* ========================================================================== 메인박스부분 ========================================================================== */ #metroSection .metroWrap ul.con1 li.in_con .sub02_0 {position:relative;width:680px;height:1450px;margin:0 auto;margin-top:85px;text-align:center} #metroSection .metroWrap ul.con1 li.in_con .sub02_0 .cen_txt1 {font-size:55px;color:#313131;line-height:55px} #metroSection .metroWrap ul.con1 li.in_con .sub02_0 .cen_txt1 .point{color:#4fbcf7} #metroSection .metroWrap ul.con1 li.in_con .sub02_0 ul.simu_02{width:608px;height:540px;position:relative;margin:0 auto;margin-top:47px} #metroSection .metroWrap ul.con1 li.in_con .sub02_0 ul.simu_02 li.one{width:304px;height:180px;float:left;margin:0;cursor:pointer} #metroSection .metroWrap ul.con1 li.in_con .sub02_0 ul.simu_02 li.two{width:304px;height:180px;float:left;margin:0;cursor:pointer} #metroSection .metroWrap ul.con1 li.in_con .sub02_0 ul.simu_02 li.three{width:304px;height:180px;float:left;margin:0;cursor:pointer} #metroSection .metroWrap ul.con1 li.in_con .sub02_0 ul.simu_02 li.four{width:304px;height:180px;float:left;margin:0;cursor:pointer} #metroSection .metroWrap ul.con1 li.in_con .sub02_0 ul.simu_02 li.five{width:304px;height:180px;float:left;margin:0;cursor:pointer} #metroSection .metroWrap ul.con1 li.in_con .sub02_0 ul.simu_02 li.six{width:304px;height:180px;float:left;margin:0;cursor:pointer} #metroSection .metroWrap ul.con1 li.in_con .sub02_0 .simu_02_what {width:620px;height:50px;background-color:#ededed;text-align:center;line-height:50px;font-size:17px;font-weight:bold;color:#535353;border-radius:10;position:relative;margin:0 auto;margin-top:58px;} #metroSection .metroWrap ul.con1 li.in_con .sub02_0 .simu_02_what .case{margin-left:20px;margin-right:20px;line-height:50px} #metroSection .metroWrap ul.con1 li.in_con .sub02_0 .simu_02_what .point{font-size:23px;margin-left:20px;margin-right:20px;line-height:50px;border-radius:10px} #metroSection .metroWrap ul.con1 li.in_con .sub02_0 .simulation{width:620px;height:465px;border:1px solid #d9d9d9;margin:0 auto;border-radius:10px;margin-top:40px} #metroSection .metroWrap ul.con1 li.in_con .sub02_0 .simulation img{width:620px;;border:0;border-radius:10px} /* ========================================================================== 메인박스부분 ========================================================================== */ @media all and (min-width:940px){ /* ========================================================================== 작은 비주얼 ========================================================================== */ .visusal_box0202{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_box0202 .visusal_in0202{position:relative;width:850px;height:249px;margin:0 auto} .visusal_box0202 .visusal_in0202 .ment1{position:absolute;left:0;top:90px;background-image:url('/images/new201407/sub2/0202_subvisual_tit3.png');background-repeat:no-repeat;width:359px;height:95px} .visusal_box0202 .visusal_in0202 .smile1{position:absolute;left:310px;top:80px} .visusal_box0202 .visusal_in0202 .stethoscope{position:absolute;right:13px;bottom:10px;background-image:url('/images/new201407/sub2/0202_subvisual_img.png');background-repeat:no-repeat;width:321px;height:205px} /* ========================================================================== 작은 비주얼 ========================================================================== */ /* ========================================================================== 메인박스부분 ========================================================================== */ #metroSection .metroWrap ul.con1 li.in_con .sub02_0 {position:relative;width:800px;height:1450px;margin:0 auto;margin-top:85px;text-align:center} #metroSection .metroWrap ul.con1 li.in_con .sub02_0 .cen_txt1 {font-size:65px;color:#313131;line-height:65px} #metroSection .metroWrap ul.con1 li.in_con .sub02_0 .cen_txt1 .point{color:#4fbcf7} #metroSection .metroWrap ul.con1 li.in_con .sub02_0 ul.simu_02{width:608px;height:540px;position:relative;margin:0 auto;margin-top:47px} #metroSection .metroWrap ul.con1 li.in_con .sub02_0 ul.simu_02 li.one{width:304px;height:180px;float:left;margin:0;cursor:pointer} #metroSection .metroWrap ul.con1 li.in_con .sub02_0 ul.simu_02 li.two{width:304px;height:180px;float:left;margin:0;cursor:pointer} #metroSection .metroWrap ul.con1 li.in_con .sub02_0 ul.simu_02 li.three{width:304px;height:180px;float:left;margin:0;cursor:pointer} #metroSection .metroWrap ul.con1 li.in_con .sub02_0 ul.simu_02 li.four{width:304px;height:180px;float:left;margin:0;cursor:pointer} #metroSection .metroWrap ul.con1 li.in_con .sub02_0 ul.simu_02 li.five{width:304px;height:180px;float:left;margin:0;cursor:pointer} #metroSection .metroWrap ul.con1 li.in_con .sub02_0 ul.simu_02 li.six{width:304px;height:180px;float:left;margin:0;cursor:pointer} #metroSection .metroWrap ul.con1 li.in_con .sub02_0 .simu_02_what {width:608px;height:50px;background-color:#ededed;text-align:center;line-height:50px;font-size:17px;font-weight:bold;color:#535353;border-radius:10;position:relative;margin:0 auto;margin-top:58px;} #metroSection .metroWrap ul.con1 li.in_con .sub02_0 .simu_02_what .case{margin-left:20px;margin-right:20px;line-height:50px} #metroSection .metroWrap ul.con1 li.in_con .sub02_0 .simu_02_what .point{font-size:23px;margin-left:20px;margin-right:20px;line-height:50px;border-radius:10px} #metroSection .metroWrap ul.con1 li.in_con .sub02_0 .simulation{width:608px;height:456px;border:1px solid #d9d9d9;margin:0 auto;border-radius:10px;margin-top:40px} #metroSection .metroWrap ul.con1 li.in_con .sub02_0 .simulation img{width:608px;height:456px;border:0;border-radius:10px} /* ========================================================================== 메인박스부분 ========================================================================== */ } @media all and (min-width:1200px){ /* ========================================================================== 작은 비주얼 ========================================================================== */ .visusal_box0202{position:relative;width:100%;height:249px;background-image:url('http://www.white2.net/images/new201407/main_con2_bg.png');margin-top:55px} .visusal_box0202 .visusal_in0202{position:relative;width:1100px;height:249px;margin:0 auto} .visusal_box0202 .visusal_in0202 .ment1{position:absolute;left:0;top:88px;background-image:url('/images/new201407/sub2/0202_subvisual_tit.png');background-repeat:no-repeat;width:553px;height:72px} .visusal_box0202 .visusal_in0202 .smile1{position:absolute;left:310px;top:80px} .visusal_box0202 .visusal_in0202 .stethoscope{position:absolute;right:23px;bottom:10px;background-image:url('/images/new201407/sub2/0202_subvisual_img.png');background-repeat:no-repeat;width:321px;height:205px} /* ========================================================================== 작은 비주얼 ========================================================================== */ /* ========================================================================== 메인박스부분 ========================================================================== */ #metroSection .metroWrap ul.con1 li.in_con .sub02_0 {position:relative;width:800px;height:1450px;margin:0 auto;margin-top:85px;text-align:center} #metroSection .metroWrap ul.con1 li.in_con .sub02_0 .cen_txt1 {font-size:65px;color:#313131;line-height:65px} #metroSection .metroWrap ul.con1 li.in_con .sub02_0 .cen_txt1 .point{color:#4fbcf7} #metroSection .metroWrap ul.con1 li.in_con .sub02_0 ul.simu_02{width:608px;height:540px;position:relative;margin:0 auto;margin-top:47px} #metroSection .metroWrap ul.con1 li.in_con .sub02_0 ul.simu_02 li.one{width:304px;height:180px;float:left;margin:0;cursor:pointer} #metroSection .metroWrap ul.con1 li.in_con .sub02_0 ul.simu_02 li.two{width:304px;height:180px;float:left;margin:0;cursor:pointer} #metroSection .metroWrap ul.con1 li.in_con .sub02_0 ul.simu_02 li.three{width:304px;height:180px;float:left;margin:0;cursor:pointer} #metroSection .metroWrap ul.con1 li.in_con .sub02_0 ul.simu_02 li.four{width:304px;height:180px;float:left;margin:0;cursor:pointer} #metroSection .metroWrap ul.con1 li.in_con .sub02_0 ul.simu_02 li.five{width:304px;height:180px;float:left;margin:0;cursor:pointer} #metroSection .metroWrap ul.con1 li.in_con .sub02_0 ul.simu_02 li.six{width:304px;height:180px;float:left;margin:0;cursor:pointer} #metroSection .metroWrap ul.con1 li.in_con .sub02_0 .simu_02_what {width:608px;height:50px;background-color:#ededed;text-align:center;line-height:50px;font-size:17px;font-weight:bold;color:#535353;border-radius:10;position:relative;margin:0 auto;margin-top:58px;} #metroSection .metroWrap ul.con1 li.in_con .sub02_0 .simu_02_what .case{margin-left:20px;margin-right:20px;line-height:50px} #metroSection .metroWrap ul.con1 li.in_con .sub02_0 .simu_02_what .point{font-size:23px;margin-left:20px;margin-right:20px;line-height:50px;border-radius:10px} #metroSection .metroWrap ul.con1 li.in_con .sub02_0 .simulation{width:608px;height:456px;border:1px solid #d9d9d9;margin:0 auto;border-radius:10px;margin-top:40px} #metroSection .metroWrap ul.con1 li.in_con .sub02_0 .simulation img{width:608px;height:456px;border:0;border-radius:10px} /* ========================================================================== 메인박스부분 ========================================================================== */ } @media all and (min-width:1550px){ /* ========================================================================== 작은 비주얼 ========================================================================== */ .visusal_box0202{position:relative;width:100%;height:249px;background-image:url('http://www.white2.net/images/new201407/main_con2_bg.png');margin-top:55px} .visusal_box0202 .visusal_in0202{position:relative;width:1300px;height:249px;margin:0 auto} .visusal_box0202 .visusal_in0202 .ment1{position:absolute;left:0;top:88px} .visusal_box0202 .visusal_in0202 .smile1{position:absolute;left:310px;top:80px} .visusal_box0202 .visusal_in0202 .stethoscope{position:absolute;right:23px;bottom:10px} /* ========================================================================== 작은 비주얼 ========================================================================== */ /* ========================================================================== 메인박스부분 ========================================================================== */ #metroSection .metroWrap ul.con1 li.in_con .sub02_0 {position:relative;width:880px;height:1350px;margin:0 auto;margin-top:85px;text-align:center} #metroSection .metroWrap ul.con1 li.in_con .sub02_0 .cen_txt1 {font-size:65px;color:#313131;line-height:65px} #metroSection .metroWrap ul.con1 li.in_con .sub02_0 .cen_txt1 .point{color:#4fbcf7} #metroSection .metroWrap ul.con1 li.in_con .sub02_0 ul.simu_02{width:820px;height:320px;position:relative;margin:0 auto;margin-top:47px} #metroSection .metroWrap ul.con1 li.in_con .sub02_0 ul.simu_02 li.one{width:260px;height:150px;float:left;margin-right:10px;margin-top:0;margin-left:0;margin-bottom:10px;cursor:pointer} #metroSection .metroWrap ul.con1 li.in_con .sub02_0 ul.simu_02 li.two{width:260px;height:150px;float:left;margin-right:10px;margin-top:0;margin-left:10px;margin-bottom:10px;cursor:pointer} #metroSection .metroWrap ul.con1 li.in_con .sub02_0 ul.simu_02 li.three{width:260px;height:150px;float:left;margin-left:10px;margin-top:0;margin-right:0;margin-bottom:10px;cursor:pointer} #metroSection .metroWrap ul.con1 li.in_con .sub02_0 ul.simu_02 li.four{width:260px;height:150px;float:left;margin-right:10px;margin-top:10px;margin-left:0;margin-bottom:0;cursor:pointer} #metroSection .metroWrap ul.con1 li.in_con .sub02_0 ul.simu_02 li.five{width:260px;height:150px;float:left;margin-right:10px;margin-left:10px;margin-top:10px;margin-bottom:0;cursor:pointer} #metroSection .metroWrap ul.con1 li.in_con .sub02_0 ul.simu_02 li.six{width:260px;height:150px;float:left;margin-left:10px;margin-top:10px;margin-right:0;margin-bottom:0;cursor:pointer} #metroSection .metroWrap ul.con1 li.in_con .sub02_0 .simu_02_what {width:820px;height:50px;background-color:#ededed;text-align:center;line-height:50px;font-size:17px;font-weight:bold;color:#535353;border-radius:10;position:relative;margin:0 auto;margin-top:58px;} #metroSection .metroWrap ul.con1 li.in_con .sub02_0 .simu_02_what .case{margin-left:20px;margin-right:20px;line-height:50px} #metroSection .metroWrap ul.con1 li.in_con .sub02_0 .simu_02_what .point{font-size:23px;margin-left:20px;margin-right:20px;line-height:50px;border-radius:10px} #metroSection .metroWrap ul.con1 li.in_con .sub02_0 .simulation{width:800px;height:600px;border:1px solid #d9d9d9;margin:0 auto;border-radius:10px;margin-top:40px} #metroSection .metroWrap ul.con1 li.in_con .sub02_0 .simulation img{width:800px;height:600px;border:0;border-radius:10px} /* ========================================================================== 메인박스부분 ========================================================================== */ }