/* ========================================================================== 작은 비주얼 ========================================================================== */ .visusal_box0211{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_box0211 .visusal_in0211{position:relative;width:720px;height:380px;margin:0 auto} .visusal_box0211 .visusal_in0211 .ment1{position:absolute;left:176px;top:45px;background-image:url('/images/new201407/sub2/m_0205_subvisual_tit.png');background-repeat:no-repeat;width:350px;height:112px;text-indent:-9999px} .visusal_box0211 .visusal_in0211 .smile1{position:absolute;right:178px;top:44px} .visusal_box0211 .visusal_in0211 .stethoscope{position:absolute;right:176px;bottom:0;background-image:url('/images/new201407/sub2/0205_subvisual_img.png');background-repeat:no-repeat;width:340px;height:201px;text-indent:-9999px;background-size:100% 100%} /* ========================================================================== 작은 비주얼 ========================================================================== */ /* ========================================================================== 메인박스부분 ========================================================================== */ #metroSection .metroWrap ul.con1 li.in_con .sub11_0 {position:relative;width:680px;height:680px;margin:0 auto;border-bottom:1px solid #dbdbdb;margin-top:85px} #metroSection .metroWrap ul.con1 li.in_con .sub11_0 h2 {margin-left:50px;font-size:19px;color:#b5b5b5;font-weight:bold;height:34px;line-height:34px} #metroSection .metroWrap ul.con1 li.in_con .sub11_0 h2 img{margin-right:15px;vertical-align:middle} #metroSection .metroWrap ul.con1 li.in_con .sub11_0 .cen_txt0{margin:22px 0 0 50px;font-size:25px;color:#434343;line-height:28px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub11_0 .cen_txt1{margin:327px 0 0 50px;color:#4fbcf7;font-weight:bold;font-size:20px;line-height:26px;width:600px} #metroSection .metroWrap ul.con1 li.in_con .sub11_0 .cen_txt2{margin:27px 0 0 50px;color:#808080;font-weight:normal;font-size:17px;line-height:26px;width:600px} #metroSection .metroWrap ul.con1 li.in_con .sub11_0 .thumb {position:absolute;top:150px; right:213px ;z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 {position:relative;width:680px;height:3350px;margin:0 auto;border-bottom:1px solid #dbdbdb} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 h2 {margin-left:50px;font-size:19px;color:#b5b5b5;font-weight:bold;height:34px;line-height:34px} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 h2 img{margin-right:15px;vertical-align:middle} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .cen_txt4{margin:22px 0 0 50px;font-size:25px;color:#434343;line-height:28px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con1{width:640px;height:604px;border:3px solid #d2d2d2;margin-top:50px;margin-left:16px} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con1 .thumb{position:relative;left:137px; top:0 ;z-index:9;float:left} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con1 .thumb img{width:335px;height:344px} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con1 .cen_txt0 {padding-top:385px;padding-left:110px;font-size:23px;color:#535353;line-height:27px;font-weight:bold;z-index:999} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con1 .cen_txt0 .double_line{margin-top:-54px;margin-left:95px} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con1 .cen_txt0 img{margin-right:15px;margin-top:-26px;vertical-align:middle} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con1 .cen_txt0 .clear_point{color:#4ebcf9;text-decoration:underline} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con1 .cen_txt1{margin:45px 0 0 20px;color:#7d7d7d;font-size:17px;line-height:26px;width:600px} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con2{width:640px;height:1050px;border:3px solid #d2d2d2;margin-top:50px;margin-left:16px} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con2 .cen_txt0 {padding-top:55px;padding-left:110px;font-size:23px;color:#535353;line-height:27px;font-weight:bold;z-index:999} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con2 .cen_txt0 img{margin-right:15px;margin-top:0;vertical-align:middle} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con2 .cen_txt0 .clear_point{color:#4ebcf9;text-decoration:underline} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con2 .cen_txt1{margin:20px 0 0 20px;color:#7d7d7d;font-size:17px;line-height:26px;width:600px;} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con2 .thumb{position:absolute;left:200px; margin-top:26px ;z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con2 .thumb3{position:absolute;left:200px; margin-top:426px ;z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con2 .cen_txt2{position:absolute;margin:260px 0 0 20px;color:#7d7d7d;font-weight:normal;font-size:17px;line-height:26px;width:600px} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con2 .cen_txt2 .point{color:#535353;font-size:19px;line-height:35px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con2 .cen_txt4{position:absolute;margin:620px 0 0 20px;color:#7d7d7d;font-weight:normal;font-size:17px;line-height:26px;;width:600px} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con2 .cen_txt4 .point{color:#535353;font-size:19px;line-height:35px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con3{width:640px;height:620px;border:3px solid #d2d2d2;margin-top:50px;margin-left:16px} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con3 .thumb{position:relative;left:147px; top:0 ;z-index:9;float:left} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con3 .thumb img{width:335px;height:344px} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con3 .cen_txt0 {padding-top:355px;padding-left:110px;font-size:23px;color:#535353;line-height:27px;font-weight:bold;z-index:999} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con3 .cen_txt0 .double_line{margin-top:-50px;margin-left:95px} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con3 .cen_txt0 .double_line2{margin-top:-65px;margin-left:95px} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con3 .cen_txt0 img{margin-right:15px;margin-top:0;vertical-align:middle} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con3 .cen_txt0 .clear_point{color:#4ebcf9;text-decoration:underline} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con3 .cen_txt1{margin:45px 0 0 20px;color:#7d7d7d;font-size:17px;line-height:26px;width:600px} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con3 .cen_txt4{margin:22px 0 0 50px;font-size:25px;color:#434343;line-height:28px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub11_2 {position:relative;width:680px;height:938px;margin:0 auto} #metroSection .metroWrap ul.con1 li.in_con .sub11_2 h2 {margin-left:50px;font-size:19px;color:#b5b5b5;font-weight:bold;height:34px;line-height:34px} #metroSection .metroWrap ul.con1 li.in_con .sub11_2 h2 img{margin-right:15px;vertical-align:middle} #metroSection .metroWrap ul.con1 li.in_con .sub11_2 .cen_txt0{position:relative;margin:22px 0 0 50px;font-size:25px;color:#434343;line-height:28px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub11_2 .cen_txt1{position:relative;margin:35px 0 0 50px;color:#56bff8;font-weight:bold;font-size:19px;line-height:33px} #metroSection .metroWrap ul.con1 li.in_con .sub11_2 .cen_txt1 img{margin-right:15px;margin-top:-4px;vertical-align:middle} #metroSection .metroWrap ul.con1 li.in_con .sub11_2 .cen_txt1 .sub_text{margin-left:50px;margin-top:10px;color:#7d7d7d;font-weight:normal;font-size:17px;line-height:26px;width:570px} #metroSection .metroWrap ul.con1 li.in_con .sub11_2 .thumb {display:none} /* ========================================================================== 메인박스부분 ========================================================================== */ @media all and (min-width:940px){ /* ========================================================================== 작은 비주얼 ========================================================================== */ .visusal_box0211{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_box0211 .visusal_in0211{position:relative;width:850px;height:249px;margin:0 auto} .visusal_box0211 .visusal_in0211 .ment1{position:absolute;left:0;top:90px;background-image:url('/images/new201407/sub2/0205_subvisual_tit3.png');background-repeat:no-repeat;width:267px;height:95px} .visusal_box0211 .visusal_in0211 .smile1{position:absolute;left:259px;top:80px} .visusal_box0211 .visusal_in0211 .stethoscope{position:absolute;right:26px;bottom:0;background-image:url('/images/new201407/sub2/0205_subvisual_img.png');background-repeat:no-repeat;width:382px;height:226px} /* ========================================================================== 작은 비주얼 ========================================================================== */ /* ========================================================================== 메인박스부분 ========================================================================== */ #metroSection .metroWrap ul.con1 li.in_con .sub11_0 {position:relative;width:708px;height:650px;margin:0 auto;border-bottom:1px solid #dbdbdb;margin-top:85px} #metroSection .metroWrap ul.con1 li.in_con .sub11_0 h2 {margin-left:50px;font-size:19px;color:#b5b5b5;font-weight:bold;height:34px;line-height:34px} #metroSection .metroWrap ul.con1 li.in_con .sub11_0 h2 img{margin-right:15px;vertical-align:middle} #metroSection .metroWrap ul.con1 li.in_con .sub11_0 .cen_txt0{margin:22px 0 0 50px;font-size:25px;color:#434343;line-height:28px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub11_0 .cen_txt1{margin:327px 0 0 50px;color:#4fbcf7;font-weight:bold;font-size:20px;line-height:26px;width:650px} #metroSection .metroWrap ul.con1 li.in_con .sub11_0 .cen_txt2{margin:27px 0 0 50px;color:#808080;font-weight:normal;font-size:12px;line-height:18px;width:650px} #metroSection .metroWrap ul.con1 li.in_con .sub11_0 .thumb {position:absolute;top:150px; right:243px ;z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 {position:relative;width:708px;height:3030px;margin:0 auto;border-bottom:1px solid #dbdbdb} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 h2 {margin-left:50px;font-size:19px;color:#b5b5b5;font-weight:bold;height:34px;line-height:34px} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 h2 img{margin-right:15px;vertical-align:middle} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .cen_txt4{margin:22px 0 0 50px;font-size:25px;color:#434343;line-height:28px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con1{width:708px;height:550px;border:3px solid #d2d2d2;margin-top:50px;margin-left:0} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con1 .thumb{position:relative;left:187px; top:0 ;z-index:9;float:left} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con1 .thumb img{width:335px;height:344px} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con1 .cen_txt0 {padding-top:385px;padding-left:160px;font-size:23px;color:#535353;line-height:27px;font-weight:bold;z-index:999} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con1 .cen_txt0 .double_line{margin-top:-54px;margin-left:95px} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con1 .cen_txt0 img{margin-right:15px;margin-top:-26px;vertical-align:middle} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con1 .cen_txt0 .clear_point{color:#4ebcf9;text-decoration:underline} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con1 .cen_txt1{margin:45px 0 0 40px;color:#7d7d7d;font-size:12px;line-height:18px;width:640px} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con2{width:708px;height:940px;border:3px solid #d2d2d2;margin-top:50px;margin-left:0} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con2 .cen_txt0 {padding-top:55px;padding-left:160px;font-size:23px;color:#535353;line-height:27px;font-weight:bold;z-index:999} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con2 .cen_txt0 img{margin-right:15px;margin-top:0;vertical-align:middle} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con2 .cen_txt0 .clear_point{color:#4ebcf9;text-decoration:underline} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con2 .cen_txt1{margin:20px 0 0 50px;color:#7d7d7d;font-size:12px;line-height:18px;} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con2 .thumb{position:absolute;left:250px; margin-top:26px ;z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con2 .thumb3{position:absolute;left:250px; margin-top:396px ;z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con2 .cen_txt2{position:absolute;margin:250px 0 0 50px;color:#7d7d7d;font-weight:normal;font-size:12px;line-height:18px;width:600px} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con2 .cen_txt2 .point{color:#535353;font-size:19px;line-height:35px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con2 .cen_txt4{position:absolute;margin:600px 0 0 50px;color:#7d7d7d;font-weight:normal;font-size:12px;line-height:18px;width:600px} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con2 .cen_txt4 .point{color:#535353;font-size:19px;line-height:35px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con3{width:708px;height:564px;border:3px solid #d2d2d2;margin-top:50px;margin-left:0} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con3 .thumb{position:relative;left:147px; top:0 ;z-index:9;float:left} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con3 .thumb img{width:335px;height:344px} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con3 .cen_txt0 {padding-top:355px;padding-left:160px;font-size:23px;color:#535353;line-height:27px;font-weight:bold;z-index:999} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con3 .cen_txt0 .double_line{margin-top:-50px;margin-left:95px} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con3 .cen_txt0 .double_line2{margin-top:-65px;margin-left:95px} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con3 .cen_txt0 img{margin-right:15px;margin-top:0;vertical-align:middle} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con3 .cen_txt0 .clear_point{color:#4ebcf9;text-decoration:underline} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con3 .cen_txt1{margin:45px 0 0 40px;color:#7d7d7d;font-size:12px;line-height:18px;width:640px} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con3 .cen_txt4{margin:22px 0 0 50px;font-size:25px;color:#434343;line-height:28px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub11_2 {position:relative;width:708px;height:778px;margin:0 auto} #metroSection .metroWrap ul.con1 li.in_con .sub11_2 h2 {margin-left:50px;font-size:19px;color:#b5b5b5;font-weight:bold;height:34px;line-height:34px} #metroSection .metroWrap ul.con1 li.in_con .sub11_2 h2 img{margin-right:15px;vertical-align:middle} #metroSection .metroWrap ul.con1 li.in_con .sub11_2 .cen_txt0{position:relative;margin:22px 0 0 50px;font-size:25px;color:#434343;line-height:28px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub11_2 .cen_txt1{position:relative;margin:35px 0 0 50px;color:#56bff8;font-weight:bold;font-size:19px;line-height:33px} #metroSection .metroWrap ul.con1 li.in_con .sub11_2 .cen_txt1 img{margin-right:15px;margin-top:-4px;vertical-align:middle} #metroSection .metroWrap ul.con1 li.in_con .sub11_2 .cen_txt1 .sub_text{margin-left:50px;margin-top:10px;color:#7d7d7d;font-size:12px;font-weight:normal;line-height:18px;width:600px} #metroSection .metroWrap ul.con1 li.in_con .sub11_2 .thumb {display:none} /* ========================================================================== 메인박스부분 ========================================================================== */ } @media all and (min-width:1200px){ /* ========================================================================== 작은 비주얼 ========================================================================== */ .visusal_box0211{position:relative;width:100%;height:249px;background-image:url('http://www.white2.net/images/new201407/main_con2_bg.png');margin-top:55px} .visusal_box0211 .visusal_in0211{position:relative;width:1100px;height:249px;margin:0 auto} .visusal_box0211 .visusal_in0211 .ment1{position:absolute;left:0;top:88px;background-image:url('/images/new201407/sub2/0205_subvisual_tit.png');background-repeat:no-repeat;width:526px;height:72px} .visusal_box0211 .visusal_in0211 .smile1{position:absolute;left:259px;top:80px} .visusal_box0211 .visusal_in0211 .stethoscope{position:absolute;right:26px;bottom:0;background-image:url('/images/new201407/sub2/0205_subvisual_img.png');background-repeat:no-repeat;width:382px;height:226px} /* ========================================================================== 작은 비주얼 ========================================================================== */ /* ========================================================================== 메인박스부분 ========================================================================== */ #metroSection .metroWrap ul.con1 li.in_con .sub11_0 {position:relative;width:708px;height:650px;margin:0 auto;border-bottom:1px solid #dbdbdb;margin-top:85px} #metroSection .metroWrap ul.con1 li.in_con .sub11_0 h2 {margin-left:50px;font-size:19px;color:#b5b5b5;font-weight:bold;height:34px;line-height:34px} #metroSection .metroWrap ul.con1 li.in_con .sub11_0 h2 img{margin-right:15px;vertical-align:middle} #metroSection .metroWrap ul.con1 li.in_con .sub11_0 .cen_txt0{margin:22px 0 0 50px;font-size:25px;color:#434343;line-height:28px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub11_0 .cen_txt1{margin:327px 0 0 50px;color:#4fbcf7;font-weight:bold;font-size:20px;line-height:26px} #metroSection .metroWrap ul.con1 li.in_con .sub11_0 .cen_txt2{margin:27px 0 0 50px;color:#808080;font-weight:normal;font-size:12px;line-height:18px} #metroSection .metroWrap ul.con1 li.in_con .sub11_0 .thumb {position:absolute;top:150px; right:243px ;z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 {position:relative;width:708px;height:3030px;margin:0 auto;border-bottom:1px solid #dbdbdb} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 h2 {margin-left:50px;font-size:19px;color:#b5b5b5;font-weight:bold;height:34px;line-height:34px} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 h2 img{margin-right:15px;vertical-align:middle} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .cen_txt4{margin:22px 0 0 50px;font-size:25px;color:#434343;line-height:28px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con1{width:708px;height:550px;border:3px solid #d2d2d2;margin-top:50px;margin-left:0} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con1 .thumb{position:relative;left:187px; top:0 ;z-index:9;float:left} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con1 .thumb img{width:335px;height:344px} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con1 .cen_txt0 {padding-top:385px;padding-left:160px;font-size:23px;color:#535353;line-height:27px;font-weight:bold;z-index:999} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con1 .cen_txt0 .double_line{margin-top:-54px;margin-left:95px} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con1 .cen_txt0 img{margin-right:15px;margin-top:-26px;vertical-align:middle} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con1 .cen_txt0 .clear_point{color:#4ebcf9;text-decoration:underline} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con1 .cen_txt1{margin:45px 0 0 40px;color:#7d7d7d;font-size:12px;line-height:18px;width:640px} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con2{width:708px;height:940px;border:3px solid #d2d2d2;margin-top:50px;margin-left:0} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con2 .cen_txt0 {padding-top:55px;padding-left:160px;font-size:23px;color:#535353;line-height:27px;font-weight:bold;z-index:999} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con2 .cen_txt0 img{margin-right:15px;margin-top:0;vertical-align:middle} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con2 .cen_txt0 .clear_point{color:#4ebcf9;text-decoration:underline} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con2 .cen_txt1{margin:20px 0 0 50px;color:#7d7d7d} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con2 .thumb{position:absolute;left:250px; margin-top:26px ;z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con2 .thumb3{position:absolute;left:250px; margin-top:396px ;z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con2 .cen_txt2{position:absolute;margin:250px 0 0 50px;color:#7d7d7d;font-weight:normal;font-size:12px;line-height:18px;width:600px} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con2 .cen_txt2 .point{color:#535353;font-size:19px;line-height:35px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con2 .cen_txt4{position:absolute;margin:600px 0 0 50px;color:#7d7d7d;font-weight:normal;font-size:12px;line-height:18px;width:600px} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con2 .cen_txt4 .point{color:#535353;font-size:19px;line-height:35px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con3{width:708px;height:564px;border:3px solid #d2d2d2;margin-top:50px;margin-left:0} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con3 .thumb{position:relative;left:147px; top:0 ;z-index:9;float:left} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con3 .thumb img{width:335px;height:344px} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con3 .cen_txt0 {padding-top:355px;padding-left:160px;font-size:23px;color:#535353;line-height:27px;font-weight:bold;z-index:999} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con3 .cen_txt0 .double_line{margin-top:-50px;margin-left:95px} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con3 .cen_txt0 .double_line2{margin-top:-65px;margin-left:95px} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con3 .cen_txt0 img{margin-right:15px;margin-top:0;vertical-align:middle} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con3 .cen_txt0 .clear_point{color:#4ebcf9;text-decoration:underline} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con3 .cen_txt1{margin:45px 0 0 40px;color:#7d7d7d;font-size:12px;line-height:18px;width:640px} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con3 .cen_txt4{margin:22px 0 0 50px;font-size:25px;color:#434343;line-height:28px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub11_2 {position:relative;width:708px;height:778px;margin:0 auto} #metroSection .metroWrap ul.con1 li.in_con .sub11_2 h2 {margin-left:50px;font-size:19px;color:#b5b5b5;font-weight:bold;height:34px;line-height:34px} #metroSection .metroWrap ul.con1 li.in_con .sub11_2 h2 img{margin-right:15px;vertical-align:middle} #metroSection .metroWrap ul.con1 li.in_con .sub11_2 .cen_txt0{position:relative;margin:22px 0 0 50px;font-size:25px;color:#434343;line-height:28px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub11_2 .cen_txt1{position:relative;margin:35px 0 0 50px;color:#56bff8;font-weight:bold;font-size:19px;line-height:33px} #metroSection .metroWrap ul.con1 li.in_con .sub11_2 .cen_txt1 img{margin-right:15px;margin-top:-4px;vertical-align:middle} #metroSection .metroWrap ul.con1 li.in_con .sub11_2 .cen_txt1 .sub_text{margin-left:50px;margin-top:10px;color:#7d7d7d;font-size:12px;font-weight:normal;line-height:18px} #metroSection .metroWrap ul.con1 li.in_con .sub11_2 .thumb {display:none} /* ========================================================================== 메인박스부분 ========================================================================== */ } @media all and (min-width:1550px){ /* ========================================================================== 작은 비주얼 ========================================================================== */ .visusal_box0211{position:relative;width:100%;height:249px;background-image:url('http://www.white2.net/images/new201407/main_con2_bg.png');margin-top:55px} .visusal_box0211 .visusal_in0211{position:relative;width:1300px;height:249px;margin:0 auto} .visusal_box0211 .visusal_in0211 .ment1{position:absolute;left:0;top:88px} .visusal_box0211 .visusal_in0211 .smile1{position:absolute;left:259px;top:80px} .visusal_box0211 .visusal_in0211 .stethoscope{position:absolute;right:26px;bottom:0} /* ========================================================================== 작은 비주얼 ========================================================================== */ /* ========================================================================== 메인박스부분 ========================================================================== */ #metroSection .metroWrap ul.con1 li.in_con .sub11_0 {position:relative;width:880px;height:400px;margin:0 auto;border-bottom:1px solid #dbdbdb;margin-top:85px} #metroSection .metroWrap ul.con1 li.in_con .sub11_0 h2 {margin-left:50px;font-size:19px;color:#b5b5b5;font-weight:bold;height:34px;line-height:34px} #metroSection .metroWrap ul.con1 li.in_con .sub11_0 h2 img{margin-right:15px;vertical-align:middle} #metroSection .metroWrap ul.con1 li.in_con .sub11_0 .cen_txt0{margin:22px 0 0 50px;font-size:25px;color:#434343;line-height:28px;font-weight:bold;width:350px} #metroSection .metroWrap ul.con1 li.in_con .sub11_0 .cen_txt1{margin:27px 0 0 50px;color:#4fbcf7;font-weight:bold;font-size:20px;line-height:26px;width:380px} #metroSection .metroWrap ul.con1 li.in_con .sub11_0 .cen_txt2{margin:27px 0 0 50px;color:#808080;font-weight:normal;font-size:12px;line-height:18px;width:340px} #metroSection .metroWrap ul.con1 li.in_con .sub11_0 .thumb {position:absolute;top:65px; right:0 ;z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 {position:relative;width:880px;height:2095px;margin:0 auto;border-bottom:1px solid #dbdbdb} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 h2 {margin-left:50px;font-size:19px;color:#b5b5b5;font-weight:bold;height:34px;line-height:34px} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 h2 img{margin-right:15px;vertical-align:middle} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .cen_txt4{margin:22px 0 0 50px;font-size:25px;color:#434343;line-height:28px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con1{width:825px;height:344px;border:3px solid #d2d2d2;margin-top:50px;margin-left:50px} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con1 .thumb{position:relative;left:67px; top:0 ;z-index:9;float:left} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con1 .thumb img{width:335px;height:344px} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con1 .cen_txt0 {padding-top:115px;padding-left:440px;font-size:23px;color:#535353;line-height:27px;font-weight:bold;z-index:999} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con1 .cen_txt0 .double_line{margin-top:-54px;margin-left:95px} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con1 .cen_txt0 img{margin-right:15px;margin-top:-26px;vertical-align:middle} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con1 .cen_txt0 .clear_point{color:#4ebcf9;text-decoration:underline} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con1 .cen_txt1{margin:45px 0 0 440px;color:#7d7d7d;font-size:13px;line-height:20px;width:335px} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con2{width:825px;height:644px;border:3px solid #d2d2d2;margin-top:50px;margin-left:50px} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con2 .cen_txt0 {padding-top:55px;padding-left:155px;font-size:23px;color:#535353;line-height:27px;font-weight:bold;z-index:999} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con2 .cen_txt0 img{margin-right:15px;margin-top:0;vertical-align:middle} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con2 .cen_txt0 .clear_point{color:#4ebcf9;text-decoration:underline} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con2 .cen_txt1{margin:20px 0 0 150px;color:#7d7d7d} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con2 .thumb{position:absolute;left:172px; margin-top:36px ;z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con2 .thumb img{width:194px} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con2 .thumb3{position:absolute;left:499px; margin-top:36px ;z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con2 .thumb3 img{width:194px} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con2 .cen_txt2{position:absolute;margin:260px 0 0 72px;color:#7d7d7d;font-weight:normal;font-size:12px;line-height:18px;width:300px;} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con2 .cen_txt2 .point{color:#535353;font-size:19px;font-weight:;line-height:35px} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con2 .cen_txt4{position:absolute;margin:260px 0 0 410px;color:#7d7d7d;font-weight:normal;font-size:12px;line-height:18px;width:300px;} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con2 .cen_txt4 .point{color:#535353;font-size:19px;line-height:35px} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con3{width:825px;height:344px;border:3px solid #d2d2d2;margin-top:50px;margin-left:50px} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con3 .thumb{position:relative;left:67px; top:0 ;z-index:9;float:left} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con3 .thumb img{width:335px;height:344px} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con3 .cen_txt0 {padding-top:55px;padding-left:455px;font-size:23px;color:#535353;line-height:27px;font-weight:bold;z-index:999} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con3 .cen_txt0 .double_line{margin-top:-50px;margin-left:95px} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con3 .cen_txt0 .double_line2{margin-top:-65px;margin-left:95px} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con3 .cen_txt0 img{margin-right:15px;margin-top:0;vertical-align:middle} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con3 .cen_txt0 .clear_point{color:#4ebcf9;text-decoration:underline} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con3 .cen_txt1{margin:45px 0 0 440px;color:#7d7d7d;font-size:13px;line-height:20px;width:335px} #metroSection .metroWrap ul.con1 li.in_con .sub11_1 .con3 .cen_txt4{margin:22px 0 0 50px;font-size:25px;color:#434343;line-height:28px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub11_2 {position:relative;width:880px;height:848px;margin:0 auto} #metroSection .metroWrap ul.con1 li.in_con .sub11_2 h2 {margin-left:50px;font-size:19px;color:#b5b5b5;font-weight:bold;height:34px;line-height:34px} #metroSection .metroWrap ul.con1 li.in_con .sub11_2 h2 img{margin-right:15px;vertical-align:middle} #metroSection .metroWrap ul.con1 li.in_con .sub11_2 .cen_txt0{position:relative;margin:22px 0 0 50px;font-size:25px;color:#434343;line-height:28px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub11_2 .cen_txt1{position:relative;margin:35px 0 0 500px;color:#56bff8;font-weight:bold;font-size:19px;line-height:33px} #metroSection .metroWrap ul.con1 li.in_con .sub11_2 .cen_txt1 img{margin-right:15px;margin-top:-4px;vertical-align:middle} #metroSection .metroWrap ul.con1 li.in_con .sub11_2 .cen_txt1 .sub_text{margin-left:50px;margin-top:10px;color:#7d7d7d;font-size:12px;font-weight:normal;width:300px;line-height:18px} #metroSection .metroWrap ul.con1 li.in_con .sub11_2 .thumb {position:absolute;top:162px;left:50px;display:block} /* ========================================================================== 메인박스부분 ========================================================================== */ }