/* ========================================================================== 작은 비주얼 ========================================================================== */ .visusal_box0205{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_box0205 .visusal_in0205{position:relative;width:720px;height:380px;margin:0 auto} .visusal_box0205 .visusal_in0205 .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_box0205 .visusal_in0205 .smile1{position:absolute;right:178px;top:44px} .visusal_box0205 .visusal_in0205 .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 .sub05_0 {position:relative;width:680px;height:568px;margin:0 auto;border-bottom:1px solid #dbdbdb;margin-top:85px} #metroSection .metroWrap ul.con1 li.in_con .sub05_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 .sub05_0 h2 img{margin-right:15px;vertical-align:middle} #metroSection .metroWrap ul.con1 li.in_con .sub05_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 .sub05_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 .sub05_0 .cen_txt2{margin:27px 0 0 50px;color:#808080;font-weight:normal;font-size:17px;line-height:26px;} #metroSection .metroWrap ul.con1 li.in_con .sub05_0 .thumb{position:absolute;top:270px; right:10px ;z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub05_0 .thumb img{width:380px} #metroSection .metroWrap ul.con1 li.in_con .sub05_1 {position:relative;width:680px;height:678px;margin:0 auto;border-bottom:1px solid #dbdbdb} #metroSection .metroWrap ul.con1 li.in_con .sub05_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 .sub05_1 h2 img{margin-right:15px;vertical-align:middle} #metroSection .metroWrap ul.con1 li.in_con .sub05_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 .sub05_1 .thumb{position:absolute;top:284px; left:216px ;z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub05_1 .thumb img{width:230px} #metroSection .metroWrap ul.con1 li.in_con .sub05_1 .four_box{position:relative;width:608px;height:458px;margin:0 auto;padding-top:50px} #metroSection .metroWrap ul.con1 li.in_con .sub05_1 .four_box ul{width:608px} #metroSection .metroWrap ul.con1 li.in_con .sub05_1 .four_box ul li{float:left;width:50%;height:50%} #metroSection .metroWrap ul.con1 li.in_con .sub05_1 .four_box ul li.step_one {width:304px;height:229px} #metroSection .metroWrap ul.con1 li.in_con .sub05_1 .four_box ul li.step_one .cen0{position:absolute;left:0;font-size:25px;color:#53c1ff;line-height:25px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub05_1 .four_box ul li.step_one .cen1{position:absolute;left:0;margin-top:60px;color:#7d7d7d;font-size:14px;line-height:22px;} #metroSection .metroWrap ul.con1 li.in_con .sub05_1 .four_box ul li.step_two {width:304px;height:229px} #metroSection .metroWrap ul.con1 li.in_con .sub05_1 .four_box ul li.step_two .cen0{position:absolute;margin-top:0;right:0;font-size:25px;color:#53c1ff;line-height:25px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub05_1 .four_box ul li.step_two .cen1{position:absolute;right:0;margin-top:60px;color:#7d7d7d;text-align:right;font-size:14px;line-height:22px;} #metroSection .metroWrap ul.con1 li.in_con .sub05_1 .four_box ul li.step_three {width:304px;height:229px} #metroSection .metroWrap ul.con1 li.in_con .sub05_1 .four_box ul li.step_three .cen0{position:absolute;left:0;margin-top:80px;;font-size:25px;color:#53c1ff;line-height:25px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub05_1 .four_box ul li.step_three .cen1{position:absolute;left:0;margin-top:135px;color:#7d7d7d;font-size:14px;line-height:22px;} #metroSection .metroWrap ul.con1 li.in_con .sub05_1 .four_box ul li.step_four {width:304px;height:229px} #metroSection .metroWrap ul.con1 li.in_con .sub05_1 .four_box ul li.step_four .cen0{position:absolute;margin-top:80px;right:0;font-size:25px;color:#53c1ff;line-height:25px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub05_1 .four_box ul li.step_four .cen1{position:absolute;right:0;margin-top:135px;color:#7d7d7d;text-align:right;font-size:14px;line-height:22px;;} #metroSection .metroWrap ul.con1 li.in_con .sub05_2 {position:relative;width:680px;height:830px;margin:0 auto;border-bottom:1px solid #dbdbdb} #metroSection .metroWrap ul.con1 li.in_con .sub05_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 .sub05_2 h2 img{margin-right:15px;vertical-align:middle} #metroSection .metroWrap ul.con1 li.in_con .sub05_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 .sub05_2 .cen_txt1{margin:35px 0 0 50px;color:#4ebcf8;font-weight:bold;font-size:19px;line-height:33px} #metroSection .metroWrap ul.con1 li.in_con .sub05_2 .cen_txt1 img{margin-right:15px;margin-top:-4px;vertical-align:middle} #metroSection .metroWrap ul.con1 li.in_con .sub05_2 .cen_txt1 .sub_text{margin-left:50px;margin-top:10px;color:#7d7d7d;font-weight:normal;font-size:17px;line-height:26px;width:540px} #metroSection .metroWrap ul.con1 li.in_con .sub05_2 .thumb {display:none} #metroSection .metroWrap ul.con1 li.in_con .sub05_3 {position:relative;width:680px;height:1050px;margin:0 auto} #metroSection .metroWrap ul.con1 li.in_con .sub05_3 .cen_txt4{position:absolute;left:40px; top:75px ;z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub05_3 .cen_txt5{position:absolute;left:205px; top:260px ;z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub05_3 .cen_txt6{position:absolute;left:40px; top:500px ;z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub05_3 .thumb {position:absolute;left:20px; top:0 ;z-index:9;display:none} #metroSection .metroWrap ul.con1 li.in_con .sub05_3 .thumb2 {left:0; display:block;} #metroSection .metroWrap ul.con1 li.in_con .sub05_3 .second {border:5px solid #acacac;border-radius:12px;width : 601px;height : 384px;background-image: url('/images/sub_02/sub_0205_img4_4.png')} #metroSection .metroWrap ul.con1 li.in_con .sub05_3 .second .changeable {background-image: url('/images/sub_02/sub_0205_img4_3.png')} #metroSection .metroWrap ul.con1 li.in_con .sub05_3 .covered {position: relative;margin:0} #metroSection .metroWrap ul.con1 li.in_con .sub05_3 .handle {position: absolute;width : 46px;height: 46px;margin-left : -23px;margin-top : 100px;border-radius: 50%;background-color: #fff;text-align : center} #metroSection .metroWrap ul.con1 li.in_con .sub05_3 .handle span {display : inline-block;margin : 18px 1px 0 0;color : #000;-webkit-transition : .1s ease-out;-moz-transition : .1s ease-out;-ms-transition : .1s ease-out;-o-transition : .1s ease-out;transition : .1s ease-out} .login_see2{width:605px;height:385px;background-image:url('/images/login_bg.png');position:absolute;z-index:9969999999999} .loiin_see_text2{position:relative;width:90%;margin:0 auto;text-align:center;z-index:99999999999999;font-size:80px;line-height:150%;font-weight:bold;vertical-align:middle;top:20px;} /* ========================================================================== 메인박스부분 ========================================================================== */ @media all and (min-width:940px){ /* ========================================================================== 작은 비주얼 ========================================================================== */ .visusal_box0205{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_box0205 .visusal_in0205{position:relative;width:850px;height:249px;margin:0 auto} .visusal_box0205 .visusal_in0205 .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_box0205 .visusal_in0205 .smile1{position:absolute;left:259px;top:80px} .visusal_box0205 .visusal_in0205 .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 .sub05_0 {position:relative;width:708px;height:538px;margin:0 auto;border-bottom:1px solid #dbdbdb;margin-top:85px} #metroSection .metroWrap ul.con1 li.in_con .sub05_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 .sub05_0 h2 img{margin-right:15px;vertical-align:middle} #metroSection .metroWrap ul.con1 li.in_con .sub05_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 .sub05_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 .sub05_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 .sub05_0 .thumb{position:absolute;top:250px; right:-30px ;z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub05_0 .thumb img{width:380px} #metroSection .metroWrap ul.con1 li.in_con .sub05_1 {position:relative;width:708px;height:678px;margin:0 auto;border-bottom:1px solid #dbdbdb} #metroSection .metroWrap ul.con1 li.in_con .sub05_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 .sub05_1 h2 img{margin-right:15px;vertical-align:middle} #metroSection .metroWrap ul.con1 li.in_con .sub05_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 .sub05_1 .thumb{position:absolute;top:264px; left:236px ;z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub05_1 .thumb img{width:230px} #metroSection .metroWrap ul.con1 li.in_con .sub05_1 .four_box{position:relative;width:708px;height:458px;margin:0 auto;padding-top:50px} #metroSection .metroWrap ul.con1 li.in_con .sub05_1 .four_box ul{width:708px} #metroSection .metroWrap ul.con1 li.in_con .sub05_1 .four_box ul li{float:left;width:50%;height:50%} #metroSection .metroWrap ul.con1 li.in_con .sub05_1 .four_box ul li.step_one {width:354px;height:229px} #metroSection .metroWrap ul.con1 li.in_con .sub05_1 .four_box ul li.step_one .cen0{position:absolute;left:0;font-size:25px;color:#53c1ff;line-height:25px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub05_1 .four_box ul li.step_one .cen1{position:absolute;left:0;margin-top:60px;color:#7d7d7d;font-size:12px;line-height:18px} #metroSection .metroWrap ul.con1 li.in_con .sub05_1 .four_box ul li.step_two {width:354px;height:229px} #metroSection .metroWrap ul.con1 li.in_con .sub05_1 .four_box ul li.step_two .cen0{position:absolute;margin-top:0;right:0;font-size:25px;color:#53c1ff;line-height:25px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub05_1 .four_box ul li.step_two .cen1{position:absolute;right:0;margin-top:60px;color:#7d7d7d;text-align:right;font-size:12px;line-height:18px} #metroSection .metroWrap ul.con1 li.in_con .sub05_1 .four_box ul li.step_three {width:354px;height:229px} #metroSection .metroWrap ul.con1 li.in_con .sub05_1 .four_box ul li.step_three .cen0{position:absolute;left:0;margin-top:80px;;font-size:25px;color:#53c1ff;line-height:25px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub05_1 .four_box ul li.step_three .cen1{position:absolute;left:0;margin-top:135px;color:#7d7d7d;font-size:12px;line-height:18px} #metroSection .metroWrap ul.con1 li.in_con .sub05_1 .four_box ul li.step_four {width:354px;height:229px} #metroSection .metroWrap ul.con1 li.in_con .sub05_1 .four_box ul li.step_four .cen0{position:absolute;margin-top:80px;right:0;font-size:25px;color:#53c1ff;line-height:25px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub05_1 .four_box ul li.step_four .cen1{position:absolute;right:0;margin-top:135px;color:#7d7d7d;text-align:right;font-size:12px;line-height:18px} #metroSection .metroWrap ul.con1 li.in_con .sub05_2 {position:relative;width:708px;height:708px;margin:0 auto;border-bottom:1px solid #dbdbdb} #metroSection .metroWrap ul.con1 li.in_con .sub05_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 .sub05_2 h2 img{margin-right:15px;vertical-align:middle} #metroSection .metroWrap ul.con1 li.in_con .sub05_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 .sub05_2 .cen_txt1{margin:35px 0 0 50px;color:#4ebcf8;font-weight:bold;font-size:19px;line-height:33px} #metroSection .metroWrap ul.con1 li.in_con .sub05_2 .cen_txt1 img{margin-right:15px;margin-top:-4px;vertical-align:middle} #metroSection .metroWrap ul.con1 li.in_con .sub05_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 .sub05_2 .thumb {display:none} #metroSection .metroWrap ul.con1 li.in_con .sub05_3 {position:relative;width:708px;height:1050px;margin:0 auto} #metroSection .metroWrap ul.con1 li.in_con .sub05_3 .cen_txt4{position:absolute;left:50px; top:75px ;z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub05_3 .cen_txt5{position:absolute;left:185px; top:260px ;z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub05_3 .cen_txt6{position:absolute;left:50px; top:500px ;z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub05_3 .thumb {position:absolute;left:50px; top:0 ;z-index:9;display:none} #metroSection .metroWrap ul.con1 li.in_con .sub05_3 .thumb2 {display:block;} #metroSection .metroWrap ul.con1 li.in_con .sub05_3 .second {border:5px solid #acacac;border-radius:12px;width : 601px;height : 384px;background-image: url('/images/sub_02/sub_0205_img4_4.png')} #metroSection .metroWrap ul.con1 li.in_con .sub05_3 .second .changeable {background-image: url('/images/sub_02/sub_0205_img4_3.png')} #metroSection .metroWrap ul.con1 li.in_con .sub05_3 .covered {position: relative;margin:0} #metroSection .metroWrap ul.con1 li.in_con .sub05_3 .handle {position: absolute;width : 46px;height: 46px;margin-left : -23px;margin-top : 100px;border-radius: 50%;background-color: #fff;text-align : center} #metroSection .metroWrap ul.con1 li.in_con .sub05_3 .handle span {display : inline-block;margin : 18px 1px 0 0;color : #000;-webkit-transition : .1s ease-out;-moz-transition : .1s ease-out;-ms-transition : .1s ease-out;-o-transition : .1s ease-out;transition : .1s ease-out} .login_see2{width:605px;height:385px;background-image:url('/images/login_bg.png');position:absolute;z-index:9969999999999} .loiin_see_text2{position:relative;width:90%;margin:0 auto;text-align:center;z-index:99999999999999;font-size:80px;line-height:150%;font-weight:bold;vertical-align:middle;top:20px;} /* ========================================================================== 메인박스부분 ========================================================================== */ } @media all and (min-width:1200px){ /* ========================================================================== 작은 비주얼 ========================================================================== */ .visusal_box0205{position:relative;width:100%;height:249px;background-image:url('http://www.white2.net/images/new201407/main_con2_bg.png');margin-top:55px} .visusal_box0205 .visusal_in0205{position:relative;width:1100px;height:249px;margin:0 auto} .visusal_box0205 .visusal_in0205 .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_box0205 .visusal_in0205 .smile1{position:absolute;left:259px;top:80px} .visusal_box0205 .visusal_in0205 .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 .sub05_0 {position:relative;width:708px;height:538px;margin:0 auto;border-bottom:1px solid #dbdbdb;margin-top:85px} #metroSection .metroWrap ul.con1 li.in_con .sub05_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 .sub05_0 h2 img{margin-right:15px;vertical-align:middle} #metroSection .metroWrap ul.con1 li.in_con .sub05_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 .sub05_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 .sub05_0 .cen_txt2{margin:27px 0 0 50px;color:#808080;font-weight:normal} #metroSection .metroWrap ul.con1 li.in_con .sub05_0 .thumb{position:absolute;top:250px; right:-30px ;z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub05_0 .thumb img{width:380px} #metroSection .metroWrap ul.con1 li.in_con .sub05_1 {position:relative;width:708px;height:678px;margin:0 auto;border-bottom:1px solid #dbdbdb} #metroSection .metroWrap ul.con1 li.in_con .sub05_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 .sub05_1 h2 img{margin-right:15px;vertical-align:middle} #metroSection .metroWrap ul.con1 li.in_con .sub05_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 .sub05_1 .thumb{position:absolute;top:264px; left:236px ;z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub05_1 .thumb img{width:230px} #metroSection .metroWrap ul.con1 li.in_con .sub05_1 .four_box{position:relative;width:708px;height:458px;margin:0 auto;padding-top:50px} #metroSection .metroWrap ul.con1 li.in_con .sub05_1 .four_box ul{width:708px} #metroSection .metroWrap ul.con1 li.in_con .sub05_1 .four_box ul li{float:left;width:50%;height:50%} #metroSection .metroWrap ul.con1 li.in_con .sub05_1 .four_box ul li.step_one {width:354px;height:229px} #metroSection .metroWrap ul.con1 li.in_con .sub05_1 .four_box ul li.step_one .cen0{position:absolute;left:0;font-size:25px;color:#53c1ff;line-height:25px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub05_1 .four_box ul li.step_one .cen1{position:absolute;left:0;margin-top:60px;color:#7d7d7d} #metroSection .metroWrap ul.con1 li.in_con .sub05_1 .four_box ul li.step_two {width:354px;height:229px} #metroSection .metroWrap ul.con1 li.in_con .sub05_1 .four_box ul li.step_two .cen0{position:absolute;margin-top:0;right:0;font-size:25px;color:#53c1ff;line-height:25px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub05_1 .four_box ul li.step_two .cen1{position:absolute;right:0;margin-top:60px;color:#7d7d7d;text-align:right} #metroSection .metroWrap ul.con1 li.in_con .sub05_1 .four_box ul li.step_three {width:354px;height:229px} #metroSection .metroWrap ul.con1 li.in_con .sub05_1 .four_box ul li.step_three .cen0{position:absolute;left:0;margin-top:80px;;font-size:25px;color:#53c1ff;line-height:25px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub05_1 .four_box ul li.step_three .cen1{position:absolute;left:0;margin-top:135px;color:#7d7d7d} #metroSection .metroWrap ul.con1 li.in_con .sub05_1 .four_box ul li.step_four {width:354px;height:229px} #metroSection .metroWrap ul.con1 li.in_con .sub05_1 .four_box ul li.step_four .cen0{position:absolute;margin-top:80px;right:0;font-size:25px;color:#53c1ff;line-height:25px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub05_1 .four_box ul li.step_four .cen1{position:absolute;right:0;margin-top:135px;color:#7d7d7d;text-align:right} #metroSection .metroWrap ul.con1 li.in_con .sub05_2 {position:relative;width:708px;height:708px;margin:0 auto;border-bottom:1px solid #dbdbdb} #metroSection .metroWrap ul.con1 li.in_con .sub05_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 .sub05_2 h2 img{margin-right:15px;vertical-align:middle} #metroSection .metroWrap ul.con1 li.in_con .sub05_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 .sub05_2 .cen_txt1{margin:35px 0 0 50px;color:#4ebcf8;font-weight:bold;font-size:19px;line-height:33px} #metroSection .metroWrap ul.con1 li.in_con .sub05_2 .cen_txt1 img{margin-right:15px;margin-top:-4px;vertical-align:middle} #metroSection .metroWrap ul.con1 li.in_con .sub05_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 .sub05_2 .thumb {display:none} #metroSection .metroWrap ul.con1 li.in_con .sub05_3 {position:relative;width:708px;height:1050px;margin:0 auto} #metroSection .metroWrap ul.con1 li.in_con .sub05_3 .cen_txt1{position:absolute;left:0; top:75px ;z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub05_3 .cen_txt2{position:absolute;left:185px; top:260px ;z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub05_3 .cen_txt3{position:absolute;left:0px; top:500px ;z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub05_3 .thumb {position:absolute;left:50px; top:0 ;z-index:9;display:block} #metroSection .metroWrap ul.con1 li.in_con .sub05_3 .thumb2 {display:none} #metroSection .metroWrap ul.con1 li.in_con .sub05_3 .second {border:5px solid #acacac;border-radius:12px;width : 601px;height : 384px;background-image: url('/images/sub_02/sub_0205_img4_4.png')} #metroSection .metroWrap ul.con1 li.in_con .sub05_3 .second .changeable {background-image: url('/images/sub_02/sub_0205_img4_3.png')} #metroSection .metroWrap ul.con1 li.in_con .sub05_3 .covered {position: relative;margin:0} #metroSection .metroWrap ul.con1 li.in_con .sub05_3 .handle {position: absolute;width : 46px;height: 46px;margin-left : -23px;margin-top : 100px;border-radius: 50%;background-color: #fff;text-align : center} #metroSection .metroWrap ul.con1 li.in_con .sub05_3 .handle span {display : inline-block;margin : 18px 1px 0 0;color : #000;-webkit-transition : .1s ease-out;-moz-transition : .1s ease-out;-ms-transition : .1s ease-out;-o-transition : .1s ease-out;transition : .1s ease-out} .login_see{width:610px;height:400px;background-image:url('/images/login_bg.png');position:absolute;z-index:9969999999999} .loiin_see_text{position:relative;width:90%;margin:0 auto;text-align:center;z-index:99999999999999;font-size:80px;line-height:150%;font-weight:bold;vertical-align:middle;top:20px;} /* ========================================================================== 메인박스부분 ========================================================================== */ } @media all and (min-width:1550px){ /* ========================================================================== 작은 비주얼 ========================================================================== */ .visusal_box0205{position:relative;width:100%;height:249px;background-image:url('http://www.white2.net/images/new201407/main_con2_bg.png');margin-top:55px} .visusal_box0205 .visusal_in0205{position:relative;width:1300px;height:249px;margin:0 auto} .visusal_box0205 .visusal_in0205 .ment1{position:absolute;left:0;top:88px} .visusal_box0205 .visusal_in0205 .smile1{position:absolute;left:259px;top:80px} .visusal_box0205 .visusal_in0205 .stethoscope{position:absolute;right:26px;bottom:0} /* ========================================================================== 작은 비주얼 ========================================================================== */ /* ========================================================================== 메인박스부분 ========================================================================== */ #metroSection .metroWrap ul.con1 li.in_con .sub05_0 {position:relative;width:880px;height:338px;margin:0 auto;border-bottom:1px solid #dbdbdb;margin-top:85px} #metroSection .metroWrap ul.con1 li.in_con .sub05_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 .sub05_0 h2 img{margin-right:15px;vertical-align:middle} #metroSection .metroWrap ul.con1 li.in_con .sub05_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 .sub05_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 .sub05_0 .cen_txt2{margin:27px 0 0 50px;color:#808080;font-weight:normal} #metroSection .metroWrap ul.con1 li.in_con .sub05_0 .thumb{position:absolute;top:0; right:0 ;z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub05_0 .thumb img{width:425px} #metroSection .metroWrap ul.con1 li.in_con .sub05_1 {position:relative;width:880px;height:678px;margin:0 auto;border-bottom:1px solid #dbdbdb} #metroSection .metroWrap ul.con1 li.in_con .sub05_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 .sub05_1 h2 img{margin-right:15px;vertical-align:middle} #metroSection .metroWrap ul.con1 li.in_con .sub05_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 .sub05_1 .thumb{position:absolute;top:224px; left:271px ;z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub05_1 .thumb img{width:341px} #metroSection .metroWrap ul.con1 li.in_con .sub05_1 .four_box{position:relative;width:830px;height:458px;margin:0 auto;padding-top:50px;margin-left:50px} #metroSection .metroWrap ul.con1 li.in_con .sub05_1 .four_box ul{width:880px} #metroSection .metroWrap ul.con1 li.in_con .sub05_1 .four_box ul li{float:left;width:50%;height:50%} #metroSection .metroWrap ul.con1 li.in_con .sub05_1 .four_box ul li.step_one {width:440px;height:229px} #metroSection .metroWrap ul.con1 li.in_con .sub05_1 .four_box ul li.step_one .cen0{position:absolute;left:0;font-size:25px;color:#53c1ff;line-height:25px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub05_1 .four_box ul li.step_one .cen1{position:absolute;left:0;margin-top:60px;color:#7d7d7d} #metroSection .metroWrap ul.con1 li.in_con .sub05_1 .four_box ul li.step_two {width:440px;height:229px} #metroSection .metroWrap ul.con1 li.in_con .sub05_1 .four_box ul li.step_two .cen0{position:absolute;margin-top:0;font-size:25px;color:#53c1ff;line-height:25px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub05_1 .four_box ul li.step_two .cen1{position:absolute;margin-top:60px;right:0;color:#7d7d7d;text-align:right} #metroSection .metroWrap ul.con1 li.in_con .sub05_1 .four_box ul li.step_three {width:440px;height:229px} #metroSection .metroWrap ul.con1 li.in_con .sub05_1 .four_box ul li.step_three .cen0{position:absolute;left:0;margin-top:80px;;font-size:25px;color:#53c1ff;line-height:25px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub05_1 .four_box ul li.step_three .cen1{position:absolute;left:0;margin-top:135px;color:#7d7d7d} #metroSection .metroWrap ul.con1 li.in_con .sub05_1 .four_box ul li.step_four {width:440px;height:229px} #metroSection .metroWrap ul.con1 li.in_con .sub05_1 .four_box ul li.step_four .cen0{position:absolute;margin-top:80px;right:0;font-size:25px;color:#53c1ff;line-height:25px;font-weight:bold} #metroSection .metroWrap ul.con1 li.in_con .sub05_1 .four_box ul li.step_four .cen1{position:absolute;margin-top:135px;right:0;color:#7d7d7d;text-align:right} #metroSection .metroWrap ul.con1 li.in_con .sub05_2 {position:relative;width:880px;height:748px;margin:0 auto;border-bottom:1px solid #dbdbdb} #metroSection .metroWrap ul.con1 li.in_con .sub05_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 .sub05_2 h2 img{margin-right:15px;vertical-align:middle} #metroSection .metroWrap ul.con1 li.in_con .sub05_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 .sub05_2 .cen_txt1{margin:35px 0 0 500px;color:#4ebcf8;font-weight:bold;font-size:19px;line-height:33px} #metroSection .metroWrap ul.con1 li.in_con .sub05_2 .cen_txt1 img{margin-right:15px;margin-top:-4px;vertical-align:middle} #metroSection .metroWrap ul.con1 li.in_con .sub05_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 .sub05_2 .thumb {position:absolute;top:162px;left:50px;display:block} #metroSection .metroWrap ul.con1 li.in_con .sub05_3 {position:relative;width:880px;height:900px;margin:0 auto} #metroSection .metroWrap ul.con1 li.in_con .sub05_3 .cen_txt1{position:absolute;left:0; top:75px ;z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub05_3 .cen_txt2{position:absolute;left:470px; top:75px ;z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub05_3 .cen_txt3{position:absolute;left:145px; top:300px ;z-index:9} #metroSection .metroWrap ul.con1 li.in_con .sub05_3 .thumb {position:absolute;left:0; top:0 ;z-index:9;display:block} #metroSection .metroWrap ul.con1 li.in_con .sub05_3 .thumb2 {display:none} #metroSection .metroWrap ul.con1 li.in_con .sub05_3 .second {border:5px solid #acacac;border-radius:12px;width : 601px;height : 384px;background-image: url('/images/sub_02/sub_0205_img4_4.png')} #metroSection .metroWrap ul.con1 li.in_con .sub05_3 .second .changeable {background-image: url('/images/sub_02/sub_0205_img4_3.png')} #metroSection .metroWrap ul.con1 li.in_con .sub05_3 .covered {position: relative;margin:0} #metroSection .metroWrap ul.con1 li.in_con .sub05_3 .handle {position: absolute;width : 46px;height: 46px;margin-left : -23px;margin-top : 100px;border-radius: 50%;background-color: #fff;text-align : center} #metroSection .metroWrap ul.con1 li.in_con .sub05_3 .handle span {display : inline-block;margin : 18px 1px 0 0;color : #000;-webkit-transition : .1s ease-out;-moz-transition : .1s ease-out;-ms-transition : .1s ease-out;-o-transition : .1s ease-out;transition : .1s ease-out} .login_see{width:610px;height:400px;background-image:url('/images/login_bg.png');position:absolute;z-index:9969999999999} .loiin_see_text{position:relative;width:90%;margin:0 auto;text-align:center;z-index:99999999999999;font-size:80px;line-height:150%;font-weight:bold;vertical-align:middle;top:20px;} /* ========================================================================== 메인박스부분 ========================================================================== */ }