/* ========================================================================== 작은 비주얼 ========================================================================== */ .visusal_box0101{position:relative;width:100%;height:380px;background-image:url('/images/new201407/main_con2_bg.png');margin-top:232px;border-bottom:1px solid #dbdbdb;overflow:hidden} .visusal_box0101 .visusal_in0101{position:relative;width:720px;height:380px;margin:0 auto} .visusal_box0101 .visusal_in0101 .ment1{position:absolute;left:135px;top:45px;background-image:url('/images/new201407/sub1/m_0101_subvisual_tit.png');background-repeat:no-repeat;width:458px;height:113px;text-indent:-9999px} .visusal_box0101 .visusal_in0101 .heart1{position:absolute;left:111px;top:31px} .visusal_box0101 .visusal_in0101 .heart2{position:absolute;left:151px;top:63px} .visusal_box0101 .visusal_in0101 .stethoscope{position:absolute;right:177px;bottom:-9px;background-image:url('/images/new201407/sub1/m_0101_subvisual_img3.png');background-repeat:no-repeat;width:396px;height:208px;text-indent:-9999px} /* ========================================================================== 작은 비주얼 ========================================================================== */ /* ========================================================================== 메인박스부분 ========================================================================== */ #metroSection .metroWrap ul.con1 li.in_con .sub01_0 {position:relative;width:680px;height:302px;margin:0;margin-top:0;margin-top:85px;} #metroSection .metroWrap ul.con1 li.in_con .sub01_0 img{width:680px} #metroSection .metroWrap ul.con1 li.in_con .sub01_1 {position:relative;width:680px;height:550px;margin:0;border-bottom:1px solid #dbdbdb} #metroSection .metroWrap ul.con1 li.in_con .sub01_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 .sub01_1 h2 img{margin-right:15px;vertical-align:middle} #metroSection .metroWrap ul.con1 li.in_con .sub01_1 .cen_txt0{margin:22px 0 0 50px;font-size:27px;color:#434343;line-height:28px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub01_1 .cen_txt1{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 .sub01_1 .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 .sub01_2 {position:relative;width:680px;height:985px;margin:0 auto;margin-top:50px;border-bottom:1px solid #dbdbdb} #metroSection .metroWrap ul.con1 li.in_con .sub01_2 h2 {margin:0 0 0 50px;font-size:19px;color:#b5b5b5;font-weight:bold;height:34px;line-height:34px} #metroSection .metroWrap ul.con1 li.in_con .sub01_2 h2 img{margin-right:15px;vertical-align:middle} #metroSection .metroWrap ul.con1 li.in_con .sub01_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 .sub01_2 .box {position:absolute;width:620px;height:720px;background-image:url('/images/new201407/sub1/sub_0101_img3.png');background-position:55px 105px ;background-repeat:no-repeat;left:30px;top:168px} #metroSection .metroWrap ul.con1 li.in_con .sub01_2 .box .thumb1 {position:absolute;z-index:9;left:0;top:0;width:257px;height:174px} #metroSection .metroWrap ul.con1 li.in_con .sub01_2 .box .thumb2 {position:absolute;z-index:9;right:0;top:0;width:257px;height:174px} #metroSection .metroWrap ul.con1 li.in_con .sub01_2 .box .thumb3 {position:absolute;z-index:9;left:0;bottom:0;width:257px;height:174px} #metroSection .metroWrap ul.con1 li.in_con .sub01_2 .box .thumb4 {position:absolute;z-index:9;right:0;bottom:0;width:257px;height:174px} #metroSection .metroWrap ul.con1 li.in_con .sub01_2 .cen_txt1{position:absolute;color:#535353;left:115px;top:207px;font-size:17px;line-height:26px} #metroSection .metroWrap ul.con1 li.in_con .sub01_2 .cen_txt2{position:absolute;color:#535353;left:342px;top:207px;font-size:17px;line-height:26px} #metroSection .metroWrap ul.con1 li.in_con .sub01_2 .cen_txt3{position:absolute;color:#535353;left:115px;top:422px;font-size:17px;line-height:26px} #metroSection .metroWrap ul.con1 li.in_con .sub01_2 .cen_txt4{position:absolute;color:#535353;left:342px;top:422px;font-size:17px;line-height:26px} #metroSection .metroWrap ul.con1 li.in_con .sub01_2 .point{font-weight:bold;font-size:18px;color:#313131;line-height:30px} #metroSection .metroWrap ul.con1 li.in_con .sub01_3 {position:relative;width:680px;height:1400px;margin:0 auto;} #metroSection .metroWrap ul.con1 li.in_con .sub01_3 .ment1 {position:absolute;width:330px;height:180px;left:168px;top:550px;z-index:999} #metroSection .metroWrap ul.con1 li.in_con .sub01_3 .ment1 h4 {font-size:40px;color:#b3b3b3;line-height:40px;font-weight:bold;text-decoration:underline;float:left} #metroSection .metroWrap ul.con1 li.in_con .sub01_3 .ment1 .cen_txt0{margin:0 0 0 60px;;font-size:20px;color:#adb301;line-height:20px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub01_3 .ment1 .cen_txt1{margin:17px 0 0 60px;font-size:27px;color:#3d3d3d;line-height:27px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub01_3 .ment1 .cen_txt2{margin:17px 0 0 60px;color:#808080;font-size:17px;line-height:26px} #metroSection .metroWrap ul.con1 li.in_con .sub01_3 .ment2 {position:absolute;width:330px;height:160px;left:168px;top:785px;z-index:999} #metroSection .metroWrap ul.con1 li.in_con .sub01_3 .ment2 h4 {font-size:40px;color:#b3b3b3;line-height:40px;font-weight:bold;text-decoration:underline;float:left} #metroSection .metroWrap ul.con1 li.in_con .sub01_3 .ment2 .cen_txt0{margin:0 0 0 60px;font-size:20px;color:#eb9f5f;line-height:20px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub01_3 .ment2 .cen_txt1{margin:17px 0 0 60px;font-size:27px;color:#3d3d3d;line-height:27px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub01_3 .ment2 .cen_txt2{margin:17px 0 0 60px;color:#808080;font-size:17px;line-height:26px} #metroSection .metroWrap ul.con1 li.in_con .sub01_3 .ment3 {position:absolute;width:330px;height:180px;left:168px;top:1000px;z-index:999} #metroSection .metroWrap ul.con1 li.in_con .sub01_3 .ment3 h4 {font-size:40px;color:#b3b3b3;line-height:40px;font-weight:bold;text-decoration:underline;float:left} #metroSection .metroWrap ul.con1 li.in_con .sub01_3 .ment3 .cen_txt0{margin:0 0 0 60px;font-size:20px;color:#92b7da;line-height:20px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub01_3 .ment3 .cen_txt1{margin:17px 0 0 60px;font-size:27px;color:#3d3d3d;line-height:27px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub01_3 .ment3 .cen_txt2{margin:17px 0 0 60px;color:#808080;font-size:17px;line-height:26px} #metroSection .metroWrap ul.con1 li.in_con .sub01_3 .img1 {position:absolute;width:505px;height:473px;top:65px;left:130px;z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub01_3 .img1 img{width:505px} /* ========================================================================== 메인박스부분 ========================================================================== */ @media all and (min-width:940px){ /* ========================================================================== 작은 비주얼 ========================================================================== */ .visusal_box0101{position:relative;width:100%;height:249px;background-image:url('/images/new201407/main_con2_bg.png');margin-top:160px;border-bottom:0} .visusal_box0101 .visusal_in0101{position:relative;width:850px;height:249px;margin:0 auto} .visusal_box0101 .visusal_in0101 .ment1{position:absolute;left:0;top:88px;background-image:url('/images/new201407/0101_subvisual_tit3.png');background-repeat:no-repeat;width:489px;height:97px} .visusal_box0101 .visusal_in0101 .heart1{position:absolute;left:267px;top:61px} .visusal_box0101 .visusal_in0101 .heart2{position:absolute;left:307px;top:87px} .visusal_box0101 .visusal_in0101 .stethoscope{position:absolute;right:19px;bottom:0;background-image:url('/images/new201407/0101_subvisual_img3.png');background-repeat:no-repeat;width:396px;height:218px} /* ========================================================================== 작은 비주얼 ========================================================================== */ /* ========================================================================== 메인박스부분 ========================================================================== */ #metroSection .metroWrap ul.con1 li.in_con .sub01_0 {position:relative;width:708px;height:314px;margin:0 auto;margin-top:85px;} #metroSection .metroWrap ul.con1 li.in_con .sub01_0 img{width:708px} #metroSection .metroWrap ul.con1 li.in_con .sub01_1 {position:relative;width:708px;height:380px;margin:0 auto;border-bottom:1px solid #dbdbdb} #metroSection .metroWrap ul.con1 li.in_con .sub01_1 .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 .sub01_1 .cen_txt1{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 .sub01_1 .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 .sub01_2 {position:relative;width:708px;height:958px;margin:0 auto;margin-top:50px;border-bottom:1px solid #dbdbdb} #metroSection .metroWrap ul.con1 li.in_con .sub01_2 .box {position:absolute;width:708px;height:720px;background-image:url('/images/new201407/sub1/sub_0101_img3.png');background-position:92px 105px ;background-repeat:no-repeat;left:0;top:168px} #metroSection .metroWrap ul.con1 li.in_con .sub01_2 .box .thumb1 {position:absolute;z-index:9;left:0;top:0;width:257px;height:174px} #metroSection .metroWrap ul.con1 li.in_con .sub01_2 .box .thumb2 {position:absolute;z-index:9;right:0;top:0;width:257px;height:174px} #metroSection .metroWrap ul.con1 li.in_con .sub01_2 .box .thumb3 {position:absolute;z-index:9;left:0;bottom:0;width:257px;height:174px} #metroSection .metroWrap ul.con1 li.in_con .sub01_2 .box .thumb4 {position:absolute;z-index:9;right:0;bottom:0;width:257px;height:174px} #metroSection .metroWrap ul.con1 li.in_con .sub01_2 .cen_txt1{position:absolute;font-size:13px;color:#535353;line-height:18px;left:179px;top:207px} #metroSection .metroWrap ul.con1 li.in_con .sub01_2 .cen_txt2{position:absolute;font-size:13px;color:#535353;line-height:18px;left:381px;top:207px} #metroSection .metroWrap ul.con1 li.in_con .sub01_2 .cen_txt3{position:absolute;font-size:13px;color:#535353;line-height:18px;left:179px;top:442px} #metroSection .metroWrap ul.con1 li.in_con .sub01_2 .cen_txt4{position:absolute;font-size:13px;color:#535353;line-height:18px;left:381px;top:442px} #metroSection .metroWrap ul.con1 li.in_con .sub01_3 {position:relative;width:708px;height:750px;margin:0 auto} #metroSection .metroWrap ul.con1 li.in_con .sub01_3 .ment1 {position:absolute;width:280px;height:160px;left:388px;top:70px;z-index:999} #metroSection .metroWrap ul.con1 li.in_con .sub01_3 .ment1 h4 {font-size:38px;color:#b3b3b3;line-height:38px;font-weight:bold;text-decoration:underline;float:left} #metroSection .metroWrap ul.con1 li.in_con .sub01_3 .ment1 .cen_txt0{font-size:19px;color:#adb301;line-height:20px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub01_3 .ment1 .cen_txt1{font-size:24px;line-height:24px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub01_3 .ment1 .cen_txt2{color:#808080;font-size:13px;line-height:19px} #metroSection .metroWrap ul.con1 li.in_con .sub01_3 .ment2 {position:absolute;width:280px;height:160px;left:388px;top:275px;z-index:999} #metroSection .metroWrap ul.con1 li.in_con .sub01_3 .ment2 h4 {font-size:38px;color:#b3b3b3;line-height:38px;font-weight:bold;text-decoration:underline;float:left} #metroSection .metroWrap ul.con1 li.in_con .sub01_3 .ment2 .cen_txt0{font-size:19px;color:#eb9f5f;line-height:20px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub01_3 .ment2 .cen_txt1{font-size:24px;line-height:24px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub01_3 .ment2 .cen_txt2{color:#808080;font-size:13px;line-height:19px} #metroSection .metroWrap ul.con1 li.in_con .sub01_3 .ment3 {position:absolute;width:280px;height:160px;left:388px;top:465px;z-index:999} #metroSection .metroWrap ul.con1 li.in_con .sub01_3 .ment3 h4 {font-size:38px;color:#b3b3b3;line-height:38px;font-weight:bold;text-decoration:underline;float:left} #metroSection .metroWrap ul.con1 li.in_con .sub01_3 .ment3 .cen_txt0{font-size:19px;color:#92b7da;line-height:20px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub01_3 .ment3 .cen_txt1{font-size:24px;line-height:24px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub01_3 .ment3 .cen_txt2{color:#808080;font-size:13px;line-height:19px} #metroSection .metroWrap ul.con1 li.in_con .sub01_3 .img1 {position:absolute;width:552px;height:513px;top:65px;left:50px;z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub01_3 .img1 img{width:320px} /* ========================================================================== 메인박스부분 ========================================================================== */ } @media all and (min-width:1200px){ /* ========================================================================== 작은 비주얼 ========================================================================== */ .visusal_box0101{position:relative;width:100%;height:249px;background-image:url('/images/new201407/main_con2_bg.png');margin-top:55px} .visusal_box0101 .visusal_in0101{position:relative;width:1100px;height:249px;margin:0 auto} .visusal_box0101 .visusal_in0101 .ment1{position:absolute;left:0;top:88px;background-image:url('/images/new201407/0101_subvisual_tit.png');background-repeat:no-repeat;width:639px;height:72px} .visusal_box0101 .visusal_in0101 .heart1{position:absolute;left:267px;top:61px} .visusal_box0101 .visusal_in0101 .heart2{position:absolute;left:307px;top:87px} .visusal_box0101 .visusal_in0101 .stethoscope{position:absolute;right:19px;bottom:0;background-image:url('/images/new201407/0101_subvisual_img3.png');background-repeat:no-repeat;width:396px;height:218px} /* ========================================================================== 작은 비주얼 ========================================================================== */ /* ========================================================================== 메인박스부분 ========================================================================== */ #metroSection .metroWrap ul.con1 li.in_con .sub01_0 {position:relative;width:708px;height:314px;margin:0 auto;margin-top:85px;} #metroSection .metroWrap ul.con1 li.in_con .sub01_0 img{width:708px} #metroSection .metroWrap ul.con1 li.in_con .sub01_1 {position:relative;width:708px;height:380px;margin:0 auto;border-bottom:1px solid #dbdbdb} #metroSection .metroWrap ul.con1 li.in_con .sub01_1 .cen_txt1{margin:27px 0 0 50px;color:#808080;font-weight:normal} #metroSection .metroWrap ul.con1 li.in_con .sub01_1 .cen_txt2{margin:27px 0 0 50px;color:#808080;font-weight:normal} #metroSection .metroWrap ul.con1 li.in_con .sub01_2 {position:relative;width:708px;height:958px;margin:0 auto;margin-top:50px;border-bottom:1px solid #dbdbdb} #metroSection .metroWrap ul.con1 li.in_con .sub01_2 .box {position:absolute;width:708px;height:720px;background-image:url('/images/new201407/sub1/sub_0101_img3.png');background-position:92px 105px ;background-repeat:no-repeat;left:0;top:168px} #metroSection .metroWrap ul.con1 li.in_con .sub01_2 .box .thumb1 {position:absolute;z-index:9;left:0;top:0;width:257px;height:174px} #metroSection .metroWrap ul.con1 li.in_con .sub01_2 .box .thumb2 {position:absolute;z-index:9;right:0;top:0;width:257px;height:174px} #metroSection .metroWrap ul.con1 li.in_con .sub01_2 .box .thumb3 {position:absolute;z-index:9;left:0;bottom:0;width:257px;height:174px} #metroSection .metroWrap ul.con1 li.in_con .sub01_2 .box .thumb4 {position:absolute;z-index:9;right:0;bottom:0;width:257px;height:174px} #metroSection .metroWrap ul.con1 li.in_con .sub01_2 .cen_txt1{position:absolute;font-size:13px;color:#535353;line-height:18px;left:179px;top:207px} #metroSection .metroWrap ul.con1 li.in_con .sub01_2 .cen_txt2{position:absolute;font-size:13px;color:#535353;line-height:18px;left:381px;top:207px} #metroSection .metroWrap ul.con1 li.in_con .sub01_2 .cen_txt3{position:absolute;font-size:13px;color:#535353;line-height:18px;left:179px;top:442px} #metroSection .metroWrap ul.con1 li.in_con .sub01_2 .cen_txt4{position:absolute;font-size:13px;color:#535353;line-height:18px;left:381px;top:442px} #metroSection .metroWrap ul.con1 li.in_con .sub01_3 {position:relative;width:708px;height:750px;margin:0 auto} #metroSection .metroWrap ul.con1 li.in_con .sub01_3 .ment1 {position:absolute;width:280px;height:160px;left:388px;top:70px;z-index:999} #metroSection .metroWrap ul.con1 li.in_con .sub01_3 .ment1 .cen_txt1{font-size:24px;line-height:24px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub01_3 .ment2 {position:absolute;width:280px;height:160px;left:388px;top:275px;z-index:999} #metroSection .metroWrap ul.con1 li.in_con .sub01_3 .ment2 .cen_txt1{font-size:24px;line-height:24px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub01_3 .ment3 {position:absolute;width:280px;height:160px;left:388px;top:465px;z-index:999} #metroSection .metroWrap ul.con1 li.in_con .sub01_3 .ment3 .cen_txt1{font-size:24px;line-height:24px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub01_3 .img1 {position:absolute;width:552px;height:513px;top:65px;left:50px;z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub01_3 .img1 img{width:320px} /* ========================================================================== 메인박스부분 ========================================================================== */ } @media all and (min-width:1550px){ /* ========================================================================== 작은 비주얼 ========================================================================== */ .visusal_box0101 .visusal_in0101{position:relative;width:1300px;height:249px;margin:0 auto} /* ========================================================================== 작은 비주얼 ========================================================================== */ /* ========================================================================== 메인박스부분 ========================================================================== */ #metroSection .metroWrap ul.con1 li.in_con .sub01_0 {position:relative;width:880px;height:391px;margin:0 auto;margin-top:85px} #metroSection .metroWrap ul.con1 li.in_con .sub01_0 img{width:880px} #metroSection .metroWrap ul.con1 li.in_con .sub01_1 {position:relative;width:880px;height:358px;margin:0 auto;border-bottom:1px solid #dbdbdb} #metroSection .metroWrap ul.con1 li.in_con .sub01_1 .cen_txt1{margin:27px 0 0 50px;color:#808080;font-weight:normal;width:800px} #metroSection .metroWrap ul.con1 li.in_con .sub01_1 .cen_txt2{margin:27px 0 0 50px;color:#808080;font-weight:normal;width:800px} #metroSection .metroWrap ul.con1 li.in_con .sub01_2 {position:relative;width:880px;height:800px;margin:0 auto;margin-top:50px;border-bottom:1px solid #dbdbdb} #metroSection .metroWrap ul.con1 li.in_con .sub01_2 .box {position:absolute;width:880px;height:506px;background-image:url('/images/new201407/sub1/sub_0101_img3.png');background-position:185px 0 ;background-repeat:no-repeat;left:0;top:168px} #metroSection .metroWrap ul.con1 li.in_con .sub01_2 .box .thumb1 {position:absolute;z-index:9;left:0;top:0;width:257px;height:174px} #metroSection .metroWrap ul.con1 li.in_con .sub01_2 .box .thumb2 {position:absolute;z-index:9;right:0;top:0;width:257px;height:174px} #metroSection .metroWrap ul.con1 li.in_con .sub01_2 .box .thumb3 {position:absolute;z-index:9;left:0;bottom:0;width:257px;height:174px} #metroSection .metroWrap ul.con1 li.in_con .sub01_2 .box .thumb4 {position:absolute;z-index:9;right:0;bottom:0;width:257px;height:174px} #metroSection .metroWrap ul.con1 li.in_con .sub01_2 .cen_txt1{position:absolute;font-size:13px;color:#535353;line-height:18px;left:278px;top:106px} #metroSection .metroWrap ul.con1 li.in_con .sub01_2 .cen_txt2{position:absolute;font-size:13px;color:#535353;line-height:18px;left:468px;top:106px} #metroSection .metroWrap ul.con1 li.in_con .sub01_2 .cen_txt3{position:absolute;font-size:13px;color:#535353;line-height:18px;left:278px;top:320px} #metroSection .metroWrap ul.con1 li.in_con .sub01_2 .cen_txt4{position:absolute;font-size:13px;color:#535353;line-height:18px;left:468px;top:320px} #metroSection .metroWrap ul.con1 li.in_con .sub01_3 {position:relative;width:880px;height:750px;margin:0 auto} #metroSection .metroWrap ul.con1 li.in_con .sub01_3 .ment1 {position:absolute;width:260px;height:160px;left:303px;top:70px;z-index:999} #metroSection .metroWrap ul.con1 li.in_con .sub01_3 .ment1 .cen_txt1{font-size:21px;line-height:21px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub01_3 .ment2 {position:absolute;width:260px;height:160px;left:0;top:389px;z-index:999} #metroSection .metroWrap ul.con1 li.in_con .sub01_3 .ment2 .cen_txt1{font-size:21px;line-height:21px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub01_3 .ment3 {position:absolute;width:260px;height:160px;left:630px;top:389px;z-index:999} #metroSection .metroWrap ul.con1 li.in_con .sub01_3 .ment3 .cen_txt1{font-size:21px;line-height:21px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub01_3 .img1 {position:absolute;width:552px;height:513px;top:246px;left:244px;z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub01_3 .img1 img{width:420px} /* ========================================================================== 메인박스부분 ========================================================================== */ }