/* ========================================================================== 작은 비주얼 ========================================================================== */ .visusal_box0209{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_box0209 .visusal_in0209{position:relative;width:720px;height:380px;margin:0 auto} .visusal_box0209 .visusal_in0209 .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_box0209 .visusal_in0209 .smile1{position:absolute;right:178px;top:44px} .visusal_box0209 .visusal_in0209 .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 .sub09_0 {position:relative;width:680px;height:1155px;margin:0 auto;border-bottom:1px solid #dbdbdb;margin-top:85px} #metroSection .metroWrap ul.con1 li.in_con .sub09_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 .sub09_0 h2 img{margin-right:15px;vertical-align:middle} #metroSection .metroWrap ul.con1 li.in_con .sub09_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 .sub09_0 .cen_txt1{margin:27px 0 0 50px;color:#4fbcf7;font-weight:bold;font-size:20px;line-height:26px} #metroSection .metroWrap ul.con1 li.in_con .sub09_0 .cen_txt2{margin:27px 0 0 50px;color:#808080;font-weight:normal;font-size:17px;line-height:26px;width:560px} #metroSection .metroWrap ul.con1 li.in_con .sub09_0 .thumb {position:absolute;top:260px; right:20px ;z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub09_0 .thumb img{width:339px} #metroSection .metroWrap ul.con1 li.in_con .sub09_0 .thumb2 {position:absolute;left:0; bottom:530px ;z-index:9;display:block} #metroSection .metroWrap ul.con1 li.in_con .sub09_0 .thumb2 img{width:680px} #metroSection .metroWrap ul.con1 li.in_con .sub09_0 .thumb3 {position:relative;left:10px; margin-top:420px ;width:660px;height:400px;z-index:9;display:block !important} #metroSection .metroWrap ul.con1 li.in_con .sub09_0 .thumb3 ul.line_box{width:660px;height:400px;border-top:2px solid #b5b5b5;border-bottom:2px solid #b5b5b5;margin:0 auto;display:block;background-color:#fff} #metroSection .metroWrap ul.con1 li.in_con .sub09_0 .thumb3 ul.line_box li{float:left} #metroSection .metroWrap ul.con1 li.in_con .sub09_0 .thumb3 ul.line_box li.one_floor_left{width:22%;height:81px;text-align:center;color:#4ebcf9;font-size:20px;font-weight:bold;padding-top:60px} #metroSection .metroWrap ul.con1 li.in_con .sub09_0 .thumb3 ul.line_box li.one_floor_right{width:78%;height:101px;color:#7d7d7d;padding-top:40px;font-size:14px;line-height:24px} #metroSection .metroWrap ul.con1 li.in_con .sub09_0 .thumb3 ul.line_box li.two_floor_left{width:22%;height:61px;border-top:1px solid #d5d5d5;text-align:center;color:#4ebcf9;font-size:20px;font-weight:bold;padding-top:50px} #metroSection .metroWrap ul.con1 li.in_con .sub09_0 .thumb3 ul.line_box li.two_floor_right{width:78%;height:66px;border-top:1px solid #d5d5d5;color:#7d7d7d;padding-top:45px;font-size:14px;line-height:24px} #metroSection .metroWrap ul.con1 li.in_con .sub09_0 .thumb3 ul.line_box li.three_floor_left{width:22%;height:68px;border-top:1px solid #d5d5d5;text-align:center;color:#4ebcf9;font-size:20px;font-weight:bold;padding-top:60px} #metroSection .metroWrap ul.con1 li.in_con .sub09_0 .thumb3 ul.line_box li.three_floor_right{width:78%;height:83px;border-top:1px solid #d5d5d5;color:#7d7d7d;padding-top:45px;font-size:15px;line-height:24px} #metroSection .metroWrap ul.con1 li.in_con .sub09_1 {position:relative;width:680px;height:365px;margin:0 auto;margin-top:75px;background-color:Red} #metroSection .metroWrap ul.con1 li.in_con .sub09_1 img{width:680px} #metroSection .metroWrap ul.con1 li.in_con .sub09_2 {position:relative;width:680px;height:503px;margin:0 auto;border-bottom:1px solid #dbdbdb;} #metroSection .metroWrap ul.con1 li.in_con .sub09_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 .sub09_2 h2 img{margin-right:15px;vertical-align:middle} #metroSection .metroWrap ul.con1 li.in_con .sub09_2 .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 .sub09_2 .cen_txt1{margin:27px 0 0 50px;color:#4fbcf7;font-weight:bold;font-size:20px;line-height:26px} #metroSection .metroWrap ul.con1 li.in_con .sub09_2 .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 .sub09_3 {position:relative;width:680px;height:833px;margin:0 auto;border-bottom:1px solid #dbdbdb;} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 h2 {margin-left:50px;font-size:19px;color:#b5b5b5;font-weight:bold;height:34px;line-height:34px} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 h2 img{margin-right:15px;vertical-align:middle} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 .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 .sub09_3 .four_box{position:relative;width:640px;height:683px;margin-left:20px;padding-top:20px} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 .four_box ul{width:640px} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 .four_box ul li{float:left} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 .four_box ul li.step_one {width:640px;height:170px;margin-left:0;border-right:0;border-bottom:1px solid #d2d2d2} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 .four_box ul li.step_one .cen0{position:absolute;margin-left:0;margin-top:55px;font-size:24px;color:#50bcfc;line-height:24px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 .four_box ul li.step_one .cen1{position:absolute;margin-left:0;margin-top:95px;color:#7d7d7d;width:500px;font-size:17px;line-height:26px} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 .four_box ul li.step_one .cen2{top:80px;position:relative;float:right;color:#50bcfc;font-size:60px} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 .four_box ul li.step_two {width:640px;height:170px;margin-left:0;border-bottom:1px solid #d2d2d2} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 .four_box ul li.step_two .cen0{position:absolute;margin:40px 0 0 0;font-size:24px;color:#50bcfc;line-height:24px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 .four_box ul li.step_two .cen1{position:absolute;margin-left:0;margin-top:80px;color:#7d7d7d;width:500px;font-size:17px;line-height:26px} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 .four_box ul li.step_two .cen2{left:5px;top:80px;position:relative;float:right;color:#50bcfc;font-size:60px} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 .four_box ul li.step_three {width:640px;height:170px;margin-left:0;border-right:0;border-bottom:1px solid #d2d2d2} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 .four_box ul li.step_three .cen0{position:absolute;margin:55px 0 0 0;font-size:24px;color:#50bcfc;line-height:24px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 .four_box ul li.step_three .cen1{position:absolute;margin-left:0;margin-top:95px;color:#7d7d7d;width:500px;font-size:17px;line-height:26px} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 .four_box ul li.step_three .cen2{top:80px;right:5px;position:relative;float:right;color:#50bcfc;font-size:60px} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 .four_box ul li.step_four {width:640px;height:170px;margin-left:0;border-bottom:0px} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 .four_box ul li.step_four .cen0{position:absolute;margin:55px 0 0 0;font-size:24px;color:#50bcfc;line-height:24px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 .four_box ul li.step_four .cen1{position:absolute;margin-left:0;margin-top:95px;color:#7d7d7d;width:500px;font-size:17px;line-height:26px} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 .four_box ul li.step_four .cen2{left:5px;top:80px;position:relative;float:right;color:#50bcfc;font-size:60px} #metroSection .metroWrap ul.con1 li.in_con .sub09_4 {position:relative;width:680px;height:938px;margin:0 auto} #metroSection .metroWrap ul.con1 li.in_con .sub09_4 h2 {margin-left:50px;font-size:19px;color:#b5b5b5;font-weight:bold;height:34px;line-height:34px} #metroSection .metroWrap ul.con1 li.in_con .sub09_4 h2 img{margin-right:15px;vertical-align:middle} #metroSection .metroWrap ul.con1 li.in_con .sub09_4 .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 .sub09_4 .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 .sub09_4 .cen_txt1 img{margin-right:15px;margin-top:-4px;vertical-align:middle} #metroSection .metroWrap ul.con1 li.in_con .sub09_4 .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 .sub09_4 .thumb {display:none} /* ========================================================================== 메인박스부분 ========================================================================== */ @media all and (min-width:940px){ /* ========================================================================== 작은 비주얼 ========================================================================== */ .visusal_box0209{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_box0209 .visusal_in0209{position:relative;width:850px;height:249px;margin:0 auto} .visusal_box0209 .visusal_in0209 .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_box0209 .visusal_in0209 .smile1{position:absolute;left:259px;top:80px} .visusal_box0209 .visusal_in0209 .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 .sub09_0 {position:relative;width:708px;height:1145px;margin:0 auto;border-bottom:1px solid #dbdbdb;margin-top:85px} #metroSection .metroWrap ul.con1 li.in_con .sub09_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 .sub09_0 h2 img{margin-right:15px;vertical-align:middle} #metroSection .metroWrap ul.con1 li.in_con .sub09_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 .sub09_0 .cen_txt1{margin:27px 0 0 50px;color:#4fbcf7;font-weight:bold;font-size:20px;line-height:26px} #metroSection .metroWrap ul.con1 li.in_con .sub09_0 .cen_txt2{margin:27px 0 0 50px;color:#808080;font-weight:normal;font-size:12px;line-height:18px;width:600px} #metroSection .metroWrap ul.con1 li.in_con .sub09_0 .thumb {position:absolute;top:245px; right:0 ;z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub09_0 .thumb img{width:339px} #metroSection .metroWrap ul.con1 li.in_con .sub09_0 .thumb2 {position:absolute;left:0; bottom:530px ;z-index:9;display:block} #metroSection .metroWrap ul.con1 li.in_con .sub09_0 .thumb2 img{width:708px} #metroSection .metroWrap ul.con1 li.in_con .sub09_0 .thumb3 {position:relative;left:0; margin-top:420px ;width:708px;height:400px;z-index:999;display:block;} #metroSection .metroWrap ul.con1 li.in_con .sub09_0 .thumb3 ul.line_box{width:708px;height:400px;border-top:2px solid #b5b5b5;border-bottom:2px solid #b5b5b5;margin:0 auto;background-color:#fff} #metroSection .metroWrap ul.con1 li.in_con .sub09_0 .thumb3 ul.line_box li{float:left} #metroSection .metroWrap ul.con1 li.in_con .sub09_0 .thumb3 ul.line_box li.one_floor_left{width:25%;height:81px;text-align:center;color:#4ebcf9;font-size:20px;font-weight:bold;padding-top:60px} #metroSection .metroWrap ul.con1 li.in_con .sub09_0 .thumb3 ul.line_box li.one_floor_right{width:75%;height:101px;color:#7d7d7d;padding-top:40px;line-height:20px;font-size:12px} #metroSection .metroWrap ul.con1 li.in_con .sub09_0 .thumb3 ul.line_box li.two_floor_left{width:25%;height:61px;border-top:1px solid #d5d5d5;text-align:center;color:#4ebcf9;font-size:20px;font-weight:bold;padding-top:50px} #metroSection .metroWrap ul.con1 li.in_con .sub09_0 .thumb3 ul.line_box li.two_floor_right{width:75%;height:66px;border-top:1px solid #d5d5d5;color:#7d7d7d;padding-top:45px;line-height:20px;font-size:12px} #metroSection .metroWrap ul.con1 li.in_con .sub09_0 .thumb3 ul.line_box li.three_floor_left{width:25%;height:68px;border-top:1px solid #d5d5d5;text-align:center;color:#4ebcf9;font-size:20px;font-weight:bold;padding-top:60px} #metroSection .metroWrap ul.con1 li.in_con .sub09_0 .thumb3 ul.line_box li.three_floor_right{width:75%;height:83px;border-top:1px solid #d5d5d5;color:#7d7d7d;padding-top:45px;line-height:20px;font-size:12px} #metroSection .metroWrap ul.con1 li.in_con .sub09_1 {position:relative;width:708px;height:380px;margin:0 auto;margin-top:75px;} #metroSection .metroWrap ul.con1 li.in_con .sub09_1 img{width:708px} #metroSection .metroWrap ul.con1 li.in_con .sub09_2 {position:relative;width:708px;height:400px;margin:0 auto;border-bottom:1px solid #dbdbdb;} #metroSection .metroWrap ul.con1 li.in_con .sub09_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 .sub09_2 h2 img{margin-right:15px;vertical-align:middle} #metroSection .metroWrap ul.con1 li.in_con .sub09_2 .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 .sub09_2 .cen_txt1{margin:27px 0 0 50px;color:#4fbcf7;font-weight:bold;font-size:20px;line-height:26px} #metroSection .metroWrap ul.con1 li.in_con .sub09_2 .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 .sub09_3 {position:relative;width:708px;height:800px;margin:0 auto;border-bottom:1px solid #dbdbdb;} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 h2 {margin-left:50px;font-size:19px;color:#b5b5b5;font-weight:bold;height:34px;line-height:34px} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 h2 img{margin-right:15px;vertical-align:middle} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 .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 .sub09_3 .four_box{position:relative;width:708px;height:683px;margin-left:0;padding-top:20px} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 .four_box ul{width:708px} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 .four_box ul li{float:left} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 .four_box ul li.step_one {width:708px;height:150px;margin-left:0;border-right:0;border-bottom:1px solid #d2d2d2} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 .four_box ul li.step_one .cen0{position:absolute;margin-left:0;margin-top:50px;font-size:24px;color:#50bcfc;line-height:24px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 .four_box ul li.step_one .cen1{position:absolute;margin-left:0;margin-top:90px;color:#7d7d7d;width:500px;font-size:12px;line-height:18px} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 .four_box ul li.step_one .cen2{top:70px;position:relative;float:right;color:#50bcfc;font-size:60px} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 .four_box ul li.step_two {width:708px;height:150px;margin-left:0;border-bottom:1px solid #d2d2d2} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 .four_box ul li.step_two .cen0{position:absolute;margin:40px 0 0 0;font-size:24px;color:#50bcfc;line-height:24px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 .four_box ul li.step_two .cen1{position:absolute;margin-left:0;margin-top:80px;color:#7d7d7d;width:500px;font-size:12px;line-height:18px} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 .four_box ul li.step_two .cen2{left:5px;top:70px;position:relative;float:right;color:#50bcfc;font-size:60px} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 .four_box ul li.step_three {width:708px;height:150px;margin-left:0;border-right:0;border-bottom:1px solid #d2d2d2} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 .four_box ul li.step_three .cen0{position:absolute;margin:50px 0 0 0;font-size:24px;color:#50bcfc;line-height:24px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 .four_box ul li.step_three .cen1{position:absolute;margin-left:0;margin-top:90px;color:#7d7d7d;width:500px;font-size:12px;line-height:18px} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 .four_box ul li.step_three .cen2{top:70px;right:5px;position:relative;float:right;color:#50bcfc;font-size:60px} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 .four_box ul li.step_four {width:708px;height:150px;margin-left:0;border-bottom:0px} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 .four_box ul li.step_four .cen0{position:absolute;margin:50px 0 0 0;font-size:24px;color:#50bcfc;line-height:24px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 .four_box ul li.step_four .cen1{position:absolute;margin-left:0;margin-top:90px;color:#7d7d7d;width:500px;font-size:12px;line-height:18px} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 .four_box ul li.step_four .cen2{left:5px;top:70px;position:relative;float:right;color:#50bcfc;font-size:60px} #metroSection .metroWrap ul.con1 li.in_con .sub09_4 {position:relative;width:708px;height:778px;margin:0 auto} #metroSection .metroWrap ul.con1 li.in_con .sub09_4 h2 {margin-left:50px;font-size:19px;color:#b5b5b5;font-weight:bold;height:34px;line-height:34px} #metroSection .metroWrap ul.con1 li.in_con .sub09_4 h2 img{margin-right:15px;vertical-align:middle} #metroSection .metroWrap ul.con1 li.in_con .sub09_4 .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 .sub09_4 .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 .sub09_4 .cen_txt1 img{margin-right:15px;margin-top:-4px;vertical-align:middle} #metroSection .metroWrap ul.con1 li.in_con .sub09_4 .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 .sub09_4 .thumb {display:none} /* ========================================================================== 메인박스부분 ========================================================================== */ } @media all and (min-width:1200px){ /* ========================================================================== 작은 비주얼 ========================================================================== */ .visusal_box0209{position:relative;width:100%;height:249px;background-image:url('http://www.white2.net/images/new201407/main_con2_bg.png');margin-top:55px} .visusal_box0209 .visusal_in0209{position:relative;width:1100px;height:249px;margin:0 auto} .visusal_box0209 .visusal_in0209 .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_box0209 .visusal_in0209 .smile1{position:absolute;left:259px;top:80px} .visusal_box0209 .visusal_in0209 .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 .sub09_0 {position:relative;width:708px;height:1145px;margin:0 auto;border-bottom:1px solid #dbdbdb;margin-top:85px} #metroSection .metroWrap ul.con1 li.in_con .sub09_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 .sub09_0 h2 img{margin-right:15px;vertical-align:middle} #metroSection .metroWrap ul.con1 li.in_con .sub09_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 .sub09_0 .cen_txt1{margin:27px 0 0 50px;color:#4fbcf7;font-weight:bold;font-size:20px;line-height:26px} #metroSection .metroWrap ul.con1 li.in_con .sub09_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 .sub09_0 .thumb {position:absolute;top:245px; right:0 ;z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub09_0 .thumb img{width:339px} #metroSection .metroWrap ul.con1 li.in_con .sub09_0 .thumb2 {position:absolute;left:0; bottom:530px ;z-index:9;display:block} #metroSection .metroWrap ul.con1 li.in_con .sub09_0 .thumb2 img{width:708px} #metroSection .metroWrap ul.con1 li.in_con .sub09_0 .thumb3 {position:relative;left:0; margin-top:420px ;width:708px;height:400px;z-index:9;display:block;} #metroSection .metroWrap ul.con1 li.in_con .sub09_0 .thumb3 ul.line_box{width:708px;height:400px;border-top:2px solid #b5b5b5;border-bottom:2px solid #b5b5b5;margin:0 auto;background-color:#fff} #metroSection .metroWrap ul.con1 li.in_con .sub09_0 .thumb3 ul.line_box li{float:left} #metroSection .metroWrap ul.con1 li.in_con .sub09_0 .thumb3 ul.line_box li.one_floor_left{width:25%;height:81px;text-align:center;color:#4ebcf9;font-size:20px;font-weight:bold;padding-top:60px} #metroSection .metroWrap ul.con1 li.in_con .sub09_0 .thumb3 ul.line_box li.one_floor_right{width:75%;height:101px;color:#7d7d7d;padding-top:40px;line-height:20px} #metroSection .metroWrap ul.con1 li.in_con .sub09_0 .thumb3 ul.line_box li.two_floor_left{width:25%;height:61px;border-top:1px solid #d5d5d5;text-align:center;color:#4ebcf9;font-size:20px;font-weight:bold;padding-top:50px} #metroSection .metroWrap ul.con1 li.in_con .sub09_0 .thumb3 ul.line_box li.two_floor_right{width:75%;height:66px;border-top:1px solid #d5d5d5;color:#7d7d7d;padding-top:45px;line-height:20px} #metroSection .metroWrap ul.con1 li.in_con .sub09_0 .thumb3 ul.line_box li.three_floor_left{width:25%;height:68px;border-top:1px solid #d5d5d5;text-align:center;color:#4ebcf9;font-size:20px;font-weight:bold;padding-top:60px} #metroSection .metroWrap ul.con1 li.in_con .sub09_0 .thumb3 ul.line_box li.three_floor_right{width:75%;height:83px;border-top:1px solid #d5d5d5;color:#7d7d7d;padding-top:45px;line-height:20px} #metroSection .metroWrap ul.con1 li.in_con .sub09_1 {position:relative;width:708px;height:380px;margin:0 auto;margin-top:75px;} #metroSection .metroWrap ul.con1 li.in_con .sub09_1 img{width:708px} #metroSection .metroWrap ul.con1 li.in_con .sub09_2 {position:relative;width:708px;height:400px;margin:0 auto;border-bottom:1px solid #dbdbdb;} #metroSection .metroWrap ul.con1 li.in_con .sub09_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 .sub09_2 h2 img{margin-right:15px;vertical-align:middle} #metroSection .metroWrap ul.con1 li.in_con .sub09_2 .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 .sub09_2 .cen_txt1{margin:27px 0 0 50px;color:#4fbcf7;font-weight:bold;font-size:20px;line-height:26px} #metroSection .metroWrap ul.con1 li.in_con .sub09_2 .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 .sub09_3 {position:relative;width:708px;height:800px;margin:0 auto;border-bottom:1px solid #dbdbdb;} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 h2 {margin-left:50px;font-size:19px;color:#b5b5b5;font-weight:bold;height:34px;line-height:34px} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 h2 img{margin-right:15px;vertical-align:middle} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 .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 .sub09_3 .four_box{position:relative;width:708px;height:683px;margin-left:0;padding-top:20px} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 .four_box ul{width:708px} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 .four_box ul li{float:left} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 .four_box ul li.step_one {width:708px;height:150px;margin-left:0;border-right:0;border-bottom:1px solid #d2d2d2} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 .four_box ul li.step_one .cen0{position:absolute;margin-left:0;margin-top:50px;font-size:24px;color:#50bcfc;line-height:24px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 .four_box ul li.step_one .cen1{position:absolute;margin-left:0;margin-top:90px;color:#7d7d7d;width:500px} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 .four_box ul li.step_one .cen2{top:70px;position:relative;float:right;color:#50bcfc;font-size:60px} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 .four_box ul li.step_two {width:708px;height:150px;margin-left:0;border-bottom:1px solid #d2d2d2} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 .four_box ul li.step_two .cen0{position:absolute;margin:40px 0 0 0;font-size:24px;color:#50bcfc;line-height:24px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 .four_box ul li.step_two .cen1{position:absolute;margin-left:0;margin-top:80px;color:#7d7d7d;width:500px} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 .four_box ul li.step_two .cen2{left:5px;top:70px;position:relative;float:right;color:#50bcfc;font-size:60px} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 .four_box ul li.step_three {width:708px;height:150px;margin-left:0;border-right:0;border-bottom:1px solid #d2d2d2} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 .four_box ul li.step_three .cen0{position:absolute;margin:50px 0 0 0;font-size:24px;color:#50bcfc;line-height:24px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 .four_box ul li.step_three .cen1{position:absolute;margin-left:0;margin-top:90px;color:#7d7d7d;width:500px} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 .four_box ul li.step_three .cen2{top:70px;right:5px;position:relative;float:right;color:#50bcfc;font-size:60px} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 .four_box ul li.step_four {width:708px;height:150px;margin-left:0;border-bottom:0px} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 .four_box ul li.step_four .cen0{position:absolute;margin:50px 0 0 0;font-size:24px;color:#50bcfc;line-height:24px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 .four_box ul li.step_four .cen1{position:absolute;margin-left:0;margin-top:90px;color:#7d7d7d;width:500px} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 .four_box ul li.step_four .cen2{left:5px;top:70px;position:relative;float:right;color:#50bcfc;font-size:60px} #metroSection .metroWrap ul.con1 li.in_con .sub09_4 {position:relative;width:708px;height:778px;margin:0 auto} #metroSection .metroWrap ul.con1 li.in_con .sub09_4 h2 {margin-left:50px;font-size:19px;color:#b5b5b5;font-weight:bold;height:34px;line-height:34px} #metroSection .metroWrap ul.con1 li.in_con .sub09_4 h2 img{margin-right:15px;vertical-align:middle} #metroSection .metroWrap ul.con1 li.in_con .sub09_4 .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 .sub09_4 .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 .sub09_4 .cen_txt1 img{margin-right:15px;margin-top:-4px;vertical-align:middle} #metroSection .metroWrap ul.con1 li.in_con .sub09_4 .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 .sub09_4 .thumb {display:none} /* ========================================================================== 메인박스부분 ========================================================================== */ } @media all and (min-width:1550px){ /* ========================================================================== 작은 비주얼 ========================================================================== */ .visusal_box0209{position:relative;width:100%;height:249px;background-image:url('http://www.white2.net/images/new201407/main_con2_bg.png');margin-top:55px} .visusal_box0209 .visusal_in0209{position:relative;width:1300px;height:249px;margin:0 auto} .visusal_box0209 .visusal_in0209 .ment1{position:absolute;left:0;top:88px} .visusal_box0209 .visusal_in0209 .smile1{position:absolute;left:259px;top:80px} .visusal_box0209 .visusal_in0209 .stethoscope{position:absolute;right:26px;bottom:0} /* ========================================================================== 작은 비주얼 ========================================================================== */ /* ========================================================================== 메인박스부분 ========================================================================== */ #metroSection .metroWrap ul.con1 li.in_con .sub09_0 {position:relative;width:880px;height:1045px;margin:0 auto;border-bottom:1px solid #dbdbdb;margin-top:85px} #metroSection .metroWrap ul.con1 li.in_con .sub09_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 .sub09_0 h2 img{margin-right:15px;vertical-align:middle} #metroSection .metroWrap ul.con1 li.in_con .sub09_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 .sub09_0 .cen_txt1{margin:27px 0 0 50px;color:#4fbcf7;font-weight:bold;font-size:20px;line-height:26px} #metroSection .metroWrap ul.con1 li.in_con .sub09_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 .sub09_0 .thumb {position:absolute;top:65px; right:0 ;z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub09_0 .thumb img{width:339px} #metroSection .metroWrap ul.con1 li.in_con .sub09_0 .thumb2 {position:absolute;left:50px; bottom:530px ;z-index:9;display:block} #metroSection .metroWrap ul.con1 li.in_con .sub09_0 .thumb2 img{width:776px} #metroSection .metroWrap ul.con1 li.in_con .sub09_0 .thumb3 {position:relative;left:50px; margin-top:326px ;width:608px;height:400px;z-index:9;display:block;} #metroSection .metroWrap ul.con1 li.in_con .sub09_0 .thumb3 ul.line_box{width:776px;height:400px;border-top:2px solid #b5b5b5;border-bottom:2px solid #b5b5b5;margin:0 auto;background-color:#fff} #metroSection .metroWrap ul.con1 li.in_con .sub09_0 .thumb3 ul.line_box li{float:left} #metroSection .metroWrap ul.con1 li.in_con .sub09_0 .thumb3 ul.line_box li.one_floor_left{width:40%;height:81px;text-align:center;color:#4ebcf9;font-size:20px;font-weight:bold;padding-top:60px} #metroSection .metroWrap ul.con1 li.in_con .sub09_0 .thumb3 ul.line_box li.one_floor_right{width:60%;height:101px;color:#7d7d7d;padding-top:40px;line-height:20px} #metroSection .metroWrap ul.con1 li.in_con .sub09_0 .thumb3 ul.line_box li.two_floor_left{width:40%;height:61px;border-top:1px solid #d5d5d5;text-align:center;color:#4ebcf9;font-size:20px;font-weight:bold;padding-top:50px} #metroSection .metroWrap ul.con1 li.in_con .sub09_0 .thumb3 ul.line_box li.two_floor_right{width:60%;height:66px;border-top:1px solid #d5d5d5;color:#7d7d7d;padding-top:45px;line-height:20px} #metroSection .metroWrap ul.con1 li.in_con .sub09_0 .thumb3 ul.line_box li.three_floor_left{width:40%;height:68px;border-top:1px solid #d5d5d5;text-align:center;color:#4ebcf9;font-size:20px;font-weight:bold;padding-top:60px} #metroSection .metroWrap ul.con1 li.in_con .sub09_0 .thumb3 ul.line_box li.three_floor_right{width:60%;height:83px;border-top:1px solid #d5d5d5;color:#7d7d7d;padding-top:45px;line-height:20px} #metroSection .metroWrap ul.con1 li.in_con .sub09_1 {position:relative;width:880px;height:470px;margin:0 auto;margin-top:75px} #metroSection .metroWrap ul.con1 li.in_con .sub09_1 img{width:880px;height:470px} #metroSection .metroWrap ul.con1 li.in_con .sub09_2 {position:relative;width:880px;height:373px;margin:0 auto;border-bottom:1px solid #dbdbdb;} #metroSection .metroWrap ul.con1 li.in_con .sub09_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 .sub09_2 h2 img{margin-right:15px;vertical-align:middle} #metroSection .metroWrap ul.con1 li.in_con .sub09_2 .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 .sub09_2 .cen_txt1{margin:27px 0 0 50px;color:#4fbcf7;font-weight:bold;font-size:20px;line-height:26px} #metroSection .metroWrap ul.con1 li.in_con .sub09_2 .cen_txt2{margin:27px 0 0 50px;color:#808080;font-weight:normal;font-size:12px;line-height:18px;width:830px} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 {position:relative;width:880px;height:533px;margin:0 auto;border-bottom:1px solid #dbdbdb;} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 h2 {margin-left:50px;font-size:19px;color:#b5b5b5;font-weight:bold;height:34px;line-height:34px} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 h2 img{margin-right:15px;vertical-align:middle} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 .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 .sub09_3 .four_box{position:relative;width:779px;height:288px;margin-left:50px;padding-top:70px} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 .four_box ul{width:779px} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 .four_box ul li{float:left} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 .four_box ul li.step_one {width:390px;height:143px;margin-left:0;border-right:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 .four_box ul li.step_one .cen0{position:absolute;margin-left:30px;margin-top:0;font-size:24px;color:#50bcfc;line-height:24px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 .four_box ul li.step_one .cen1{position:absolute;margin-left:30px;margin-top:60px;color:#7d7d7d;width:230px;} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 .four_box ul li.step_one .cen2{top:100px;position:relative;float:right;color:#d2d2d2;font-size:60px} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 .four_box ul li.step_two {width:388px;height:143px;margin-left:0;border-bottom:1px solid #d2d2d2} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 .four_box ul li.step_two .cen0{position:absolute;margin:0 0 0 112px;font-size:24px;color:#50bcfc;line-height:24px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 .four_box ul li.step_two .cen1{position:absolute;margin-left:112px;margin-top:60px;color:#7d7d7d;width:230px} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 .four_box ul li.step_two .cen2{left:5px;top:100px;position:relative;float:left;color:#50bcfc;font-size:60px} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 .four_box ul li.step_three {width:390px;height:144px;margin-left:0;border-right:1px solid #d2d2d2;border-bottom:0px} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 .four_box ul li.step_three .cen0{position:absolute;margin:45px 0 0 30px;font-size:24px;color:#50bcfc;line-height:24px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 .four_box ul li.step_three .cen1{position:absolute;margin-left:30px;margin-top:87px;color:#7d7d7d;width:230px} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 .four_box ul li.step_three .cen2{top:25px;right:5px;position:relative;float:right;color:#50bcfc;font-size:60px} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 .four_box ul li.step_four {width:388px;height:144px;margin-left:0;border-bottom:0px} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 .four_box ul li.step_four .cen0{position:absolute;margin:45px 0 0 112px;font-size:24px;color:#50bcfc;line-height:24px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 .four_box ul li.step_four .cen1{position:absolute;margin-left:112px;margin-top:87px;color:#7d7d7d;width:230px} #metroSection .metroWrap ul.con1 li.in_con .sub09_3 .four_box ul li.step_four .cen2{left:5px;top:25px;position:relative;float:left;color:#d2d2d2;font-size:60px} #metroSection .metroWrap ul.con1 li.in_con .sub09_4 {position:relative;width:880px;height:848px;margin:0 auto} #metroSection .metroWrap ul.con1 li.in_con .sub09_4 h2 {margin-left:50px;font-size:19px;color:#b5b5b5;font-weight:bold;height:34px;line-height:34px} #metroSection .metroWrap ul.con1 li.in_con .sub09_4 h2 img{margin-right:15px;vertical-align:middle} #metroSection .metroWrap ul.con1 li.in_con .sub09_4 .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 .sub09_4 .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 .sub09_4 .cen_txt1 img{margin-right:15px;margin-top:-4px;vertical-align:middle} #metroSection .metroWrap ul.con1 li.in_con .sub09_4 .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 .sub09_4 .thumb {position:absolute;top:162px;left:50px;display:block} /* ========================================================================== 메인박스부분 ========================================================================== */ }