/* ========================================================================== 작은 비주얼 ========================================================================== */ .visusal_box0106{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_box0106 .visusal_in0106{position:relative;width:720px;height:380px;margin:0 auto} .visusal_box0106 .visusal_in0106 .ment1{position:absolute;left:167px;top:45px;background-image:url('/images/new201407/sub1/m_0106_subvisual_tit.png');background-repeat:no-repeat;width:393px;height:114px;text-indent:-9999px} .visusal_box0106 .visusal_in0106 .heart1{position:absolute;left:126px;top:31px} .visusal_box0106 .visusal_in0106 .heart2{position:absolute;left:166px;top:63px} .visusal_box0106 .visusal_in0106 .stethoscope{position:absolute;right:187px;bottom:0;background-image:url('/images/new201407/sub1/0106_subvisual_img.png');background-repeat:no-repeat;width:359px;height:215px;text-indent:-9999px;background-size:100% 100%} /* ========================================================================== 작은 비주얼 ========================================================================== */ /* ========================================================================== 메인박스부분 ========================================================================== */ #metroSection .metroWrap ul.con1 li.in_con .sub06_0 {position:relative;width:680px;height:790px;margin:0 auto;} #metroSection .metroWrap ul.con1 li.in_con .sub06_0 .cen_txt0{padding-top:565px;margin-left:20px;font-size:25px;color:#f6626e;line-height:25px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub06_0 .cen_txt1{margin:45px 0 0 20px;font-size:20px;line-height:25px;color:#444444;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub06_0 .cen_txt2{margin:45px 0 0 20px;color:#808080;font-size:17px;line-height:26px;font-weight:normal} #metroSection .metroWrap ul.con1 li.in_con .sub06_0 .thumb{position:absolute;top:85px} #metroSection .metroWrap ul.con1 li.in_con .sub06_0 .thumb img{width:680px} #metroSection .metroWrap ul.con1 li.in_con .sub06_0 .thumb1{position:absolute;top:565px;left:320px} #metroSection .metroWrap ul.con1 li.in_con .sub06_0 .thumb1 img{width:300px} #metroSection .metroWrap ul.con1 li.in_con .sub06_1 {position:relative;width:680px;height:750px;margin:0 auto;} #metroSection .metroWrap ul.con1 li.in_con .sub06_1 .cen_txt0{padding-top:565px;margin-left:20px;font-size:25px;color:#f6626e;line-height:25px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub06_1 .cen_txt1{margin:45px 0 0 20px;font-size:20px;line-height:25px;color:#444444;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub06_1 .cen_txt2{margin:45px 0 0 20px;font-size:17px;line-height:26px;color:#808080;font-weight:normal} #metroSection .metroWrap ul.con1 li.in_con .sub06_1 .thumb{position:absolute;top:69px} #metroSection .metroWrap ul.con1 li.in_con .sub06_1 .thumb img{width:680px} #metroSection .metroWrap ul.con1 li.in_con .sub06_1 .thumb1{position:absolute;top:565px;left:320px} #metroSection .metroWrap ul.con1 li.in_con .sub06_1 .thumb1 img{width:300px} #metroSection .metroWrap ul.con1 li.in_con .sub06_2 {position:relative;width:680px;height:850px;margin:0 auto} #metroSection .metroWrap ul.con1 li.in_con .sub06_2 .cen_txt0{padding-top:565px;margin-left:20px;font-size:25px;color:#f6626e;line-height:25px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub06_2 .cen_txt1{margin:45px 0 0 20px;font-size:20px;line-height:25px;color:#444444;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub06_2 .cen_txt2{margin:45px 0 0 20px;font-size:17px;line-height:26px;color:#808080;font-weight:normal} #metroSection .metroWrap ul.con1 li.in_con .sub06_2 .thumb{position:absolute;top:69px} #metroSection .metroWrap ul.con1 li.in_con .sub06_2 .thumb img{width:680px} #metroSection .metroWrap ul.con1 li.in_con .sub06_2 .thumb1{position:absolute;top:565px;left:320px} #metroSection .metroWrap ul.con1 li.in_con .sub06_2 .thumb1 img{width:300px} /* ========================================================================== 메인박스부분 ========================================================================== */ @media all and (min-width:940px){ /* ========================================================================== 작은 비주얼 ========================================================================== */ .visusal_box0106{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_box0106 .visusal_in0106{position:relative;width:850px;height:249px;margin:0 auto} .visusal_box0106 .visusal_in0106 .ment1{position:absolute;left:0;top:90px;background-image:url('/images/new201407/sub1/0106_subvisual_tit3.png');background-repeat:no-repeat;width:516px;height:95px;text-indent:-9999px} .visusal_box0106 .visusal_in0106 .heart1{position:absolute;left:249px;top:61px} .visusal_box0106 .visusal_in0106 .heart2{position:absolute;left:289px;top:87px} .visusal_box0106 .visusal_in0106 .stethoscope{position:absolute;right:0;bottom:0;background-image:url('/images/new201407/sub1/0106_subvisual_img.png');background-repeat:no-repeat;width:399px;height:239px;text-indent:-9999px} /* ========================================================================== 작은 비주얼 ========================================================================== */ /* ========================================================================== 메인박스부분 ========================================================================== */ #metroSection .metroWrap ul.con1 li.in_con .sub06_0 {position:relative;width:708px;height:679px;margin:0 auto;border-bottom:1px solid #dbdbdb} #metroSection .metroWrap ul.con1 li.in_con .sub06_0 .cen_txt0{padding-top:485px;margin-left:0;font-size:25px;color:#f6626e;line-height:25px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub06_0 .cen_txt1{margin:35px 0 0 0;font-size:20px;line-height:25px;color:#444444;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub06_0 .cen_txt2{margin:35px 0 0 0;font-size:12px;line-height:18px;color:#808080;font-weight:normal} #metroSection .metroWrap ul.con1 li.in_con .sub06_0 .thumb{position:absolute;top:85px} #metroSection .metroWrap ul.con1 li.in_con .sub06_0 .thumb img{width:432px} #metroSection .metroWrap ul.con1 li.in_con .sub06_0 .thumb1{position:absolute;top:450px;left:300px} #metroSection .metroWrap ul.con1 li.in_con .sub06_0 .thumb1 img{width:398px} #metroSection .metroWrap ul.con1 li.in_con .sub06_1 {position:relative;width:708px;height:630px;margin:0 auto;border-bottom:1px solid #dbdbdb} #metroSection .metroWrap ul.con1 li.in_con .sub06_1 .cen_txt0{padding-top:398px;margin-left:0;font-size:25px;color:#f6626e;line-height:25px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub06_1 .cen_txt1{margin:35px 0 0 0;font-size:20px;line-height:25px;color:#444444;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub06_1 .cen_txt2{margin:35px 0 0 0;font-size:12px;line-height:18px;color:#808080;font-weight:normal} #metroSection .metroWrap ul.con1 li.in_con .sub06_1 .thumb{position:absolute;top:69px} #metroSection .metroWrap ul.con1 li.in_con .sub06_1 .thumb img{width:432px} #metroSection .metroWrap ul.con1 li.in_con .sub06_1 .thumb1{position:absolute;top:410px;left:300px} #metroSection .metroWrap ul.con1 li.in_con .sub06_1 .thumb1 img{width:398px} #metroSection .metroWrap ul.con1 li.in_con .sub06_2 {position:relative;width:708px;height:750px;margin:0 auto} #metroSection .metroWrap ul.con1 li.in_con .sub06_2 .cen_txt0{padding-top:398px;margin-left:0;font-size:25px;color:#f6626e;line-height:25px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub06_2 .cen_txt1{margin:35px 0 0 0;font-size:20px;line-height:25px;color:#444444;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub06_2 .cen_txt2{margin:35px 0 0 0;font-size:12px;line-height:18px;color:#808080;font-weight:normal} #metroSection .metroWrap ul.con1 li.in_con .sub06_2 .thumb{position:absolute;top:69px} #metroSection .metroWrap ul.con1 li.in_con .sub06_2 .thumb img{width:432px} #metroSection .metroWrap ul.con1 li.in_con .sub06_2 .thumb1{position:absolute;top:410px;left:300px} #metroSection .metroWrap ul.con1 li.in_con .sub06_2 .thumb1 img{width:398px} /* ========================================================================== 메인박스부분 ========================================================================== */ } @media all and (min-width:1200px){ /* ========================================================================== 작은 비주얼 ========================================================================== */ .visusal_box0106{position:relative;width:100%;height:249px;background-image:url('http://www.white2.net/images/new201407/main_con2_bg.png');margin-top:55px} .visusal_box0106 .visusal_in0106{position:relative;width:1100px;height:249px;margin:0 auto} .visusal_box0106 .visusal_in0106 .ment1{position:absolute;left:0;top:88px;background-image:url('/images/new201407/sub1/0106_subvisual_tit.png');background-repeat:no-repeat;width:645px;height:72px;text-indent:-9999px} .visusal_box0106 .visusal_in0106 .heart1{position:absolute;left:249px;top:61px} .visusal_box0106 .visusal_in0106 .heart2{position:absolute;left:289px;top:87px} .visusal_box0106 .visusal_in0106 .stethoscope{position:absolute;right:5px;bottom:0;background-image:url('/images/new201407/sub1/0106_subvisual_img.png');background-repeat:no-repeat;width:399px;height:239px;text-indent:-9999px} /* ========================================================================== 작은 비주얼 ========================================================================== */ /* ========================================================================== 메인박스부분 ========================================================================== */ #metroSection .metroWrap ul.con1 li.in_con .sub06_0 {position:relative;width:708px;height:679px;margin:0 auto;border-bottom:1px solid #dbdbdb} #metroSection .metroWrap ul.con1 li.in_con .sub06_0 .cen_txt0{padding-top:435px;margin-left:0;font-size:25px;color:#f6626e;line-height:25px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub06_0 .cen_txt1{margin:35px 0 0 0;font-size:20px;line-height:25px;color:#444444;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub06_0 .cen_txt2{margin:35px 0 0 0;color:#808080;font-weight:normal} #metroSection .metroWrap ul.con1 li.in_con .sub06_0 .thumb{position:absolute;top:85px} #metroSection .metroWrap ul.con1 li.in_con .sub06_0 .thumb1{position:absolute;top:450px;left:300px} #metroSection .metroWrap ul.con1 li.in_con .sub06_1 {position:relative;width:708px;height:630px;margin:0 auto;border-bottom:1px solid #dbdbdb} #metroSection .metroWrap ul.con1 li.in_con .sub06_1 .cen_txt0{padding-top:398px;margin-left:0;font-size:25px;color:#f6626e;line-height:25px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub06_1 .cen_txt1{margin:35px 0 0 0;font-size:20px;line-height:25px;color:#444444;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub06_1 .cen_txt2{margin:35px 0 0 0;color:#808080;font-weight:normal} #metroSection .metroWrap ul.con1 li.in_con .sub06_1 .thumb{position:absolute;top:69px} #metroSection .metroWrap ul.con1 li.in_con .sub06_1 .thumb img{width:432px} #metroSection .metroWrap ul.con1 li.in_con .sub06_1 .thumb1{position:absolute;top:410px;left:300px} #metroSection .metroWrap ul.con1 li.in_con .sub06_2 {position:relative;width:708px;height:750px;margin:0 auto} #metroSection .metroWrap ul.con1 li.in_con .sub06_2 .cen_txt0{padding-top:398px;margin-left:0;font-size:25px;color:#f6626e;line-height:25px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub06_2 .cen_txt1{margin:35px 0 0 0;font-size:20px;line-height:25px;color:#444444;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub06_2 .cen_txt2{margin:35px 0 0 0;color:#808080;font-weight:normal} #metroSection .metroWrap ul.con1 li.in_con .sub06_2 .thumb{position:absolute;top:69px} #metroSection .metroWrap ul.con1 li.in_con .sub06_2 .thumb img{width:432px} #metroSection .metroWrap ul.con1 li.in_con .sub06_2 .thumb1{position:absolute;top:410px;left:300px} /* ========================================================================== 메인박스부분 ========================================================================== */ } @media all and (min-width:1550px){ /* ========================================================================== 작은 비주얼 ========================================================================== */ .visusal_box0106{position:relative;width:100%;height:249px;background-image:url('http://www.white2.net/images/new201407/main_con2_bg.png');margin-top:55px} .visusal_box0106 .visusal_in0106{position:relative;width:1300px;height:249px;margin:0 auto} .visusal_box0106 .visusal_in0106 .ment1{position:absolute;left:0;top:88px} .visusal_box0106 .visusal_in0106 .heart1{position:absolute;left:249px;top:61px} .visusal_box0106 .visusal_in0106 .heart2{position:absolute;left:289px;top:87px} .visusal_box0106 .visusal_in0106 .stethoscope{position:absolute;right:5px;bottom:0} /* ========================================================================== 작은 비주얼 ========================================================================== */ /* ========================================================================== 메인박스부분 ========================================================================== */ #metroSection .metroWrap ul.con1 li.in_con .sub06_0 {position:relative;width:880px;height:519px;margin:0 auto;border-bottom:1px solid #dbdbdb} #metroSection .metroWrap ul.con1 li.in_con .sub06_0 .cen_txt0{padding-top:85px;margin-left:500px;font-size:25px;color:#f6626e;line-height:25px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub06_0 .cen_txt1{margin:21px 0 0 500px;font-size:20px;line-height:25px;color:#444444;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub06_0 .cen_txt2{margin:24px 0 0 500px;color:#808080;font-weight:normal} #metroSection .metroWrap ul.con1 li.in_con .sub06_0 .thumb{position:absolute;top:85px} #metroSection .metroWrap ul.con1 li.in_con .sub06_0 .thumb img{width:432px} #metroSection .metroWrap ul.con1 li.in_con .sub06_0 .thumb1{position:absolute;top:261px;left:500px} #metroSection .metroWrap ul.con1 li.in_con .sub06_1 {position:relative;width:880px;height:503px;margin:0 auto;border-bottom:1px solid #dbdbdb} #metroSection .metroWrap ul.con1 li.in_con .sub06_1 .cen_txt0{padding-top:69px;margin-left:500px;font-size:25px;color:#f6626e;line-height:25px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub06_1 .cen_txt1{margin:21px 0 0 500px;font-size:20px;line-height:25px;color:#444444;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub06_1 .cen_txt2{margin:24px 0 0 500px;color:#808080;font-weight:normal} #metroSection .metroWrap ul.con1 li.in_con .sub06_1 .thumb{position:absolute;top:69px} #metroSection .metroWrap ul.con1 li.in_con .sub06_1 .thumb img{width:432px} #metroSection .metroWrap ul.con1 li.in_con .sub06_1 .thumb1{position:absolute;top:261px;left:500px} #metroSection .metroWrap ul.con1 li.in_con .sub06_2 {position:relative;width:880px;height:550px;margin:0 auto} #metroSection .metroWrap ul.con1 li.in_con .sub06_2 .cen_txt0{padding-top:69px;margin-left:500px;font-size:25px;color:#f6626e;line-height:25px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub06_2 .cen_txt1{margin:21px 0 0 500px;font-size:20px;line-height:25px;color:#444444;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub06_2 .cen_txt2{margin:24px 0 0 500px;color:#808080;font-weight:normal} #metroSection .metroWrap ul.con1 li.in_con .sub06_2 .thumb{position:absolute;top:69px} #metroSection .metroWrap ul.con1 li.in_con .sub06_2 .thumb img{width:432px} #metroSection .metroWrap ul.con1 li.in_con .sub06_2 .thumb1{position:absolute;top:261px;left:500px} /* ========================================================================== 메인박스부분 ========================================================================== */ }