.empty_box{position:relative;width:100%;height:100px;}
/* ==========================================================================
   작은 비주얼
   ========================================================================== */
.visusal_box0507{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_box0507 .visusal_in0507{position:relative;width:720px;height:380px;margin:0 auto}
.visusal_box0507 .visusal_in0507 .ment1{position:absolute;left:134px;top:45px;background-image:url('/images/new201407/sub5/m_0507_subvisual_tit.png');background-repeat:no-repeat;width:431px;height:116px;text-indent:-9999px}
.visusal_box0507 .visusal_in0507 .sound1{position:absolute;right:157px;top:48px}
.visusal_box0507 .visusal_in0507 .stethoscope{position:absolute;right:204px;bottom:-8px;background-image:url('/images/new201407/sub5/0507_subvisual_img.png');background-repeat:no-repeat;width:317px;height:218px;text-indent:-9999px;background-size:100% 100%}
/* ==========================================================================
   작은 비주얼
   ========================================================================== */


/* ==========================================================================
   메인박스부분
   ========================================================================== */
#metroSection {position:relative; width:680px;height:100%; margin:0 auto}
#metroSection .metroWrap {position:relative;width:100%;height:100%;background-color:#ffffff}
#metroSection .metroWrap .gary_line{height:5px;width:180px;margin-top:60px;background-color:#d1d1d1;margin-bottom:30px}

#metroSection .metroWrap ul.con1{width:680px;height:100%;margin:0;padding:0}
#metroSection .metroWrap ul.con1 li.in_con{width:680px;height:100%;margin:0;padding:0;float:left}
#metroSection .metroWrap ul.con1 li.out_con{width:680px;height:358px;margin:0;padding:0;float:left;border-bottom:1px solid #dbdbdb}

#contents{position:relative;width:680px;height:100%;margin:0 auto}

.sub507{position:relative;width:680px;height:250px}
.sub507 h4{position:relative;margin-top:65px;}
.sub507 .thumb{position:absolute;margin-top:10px;}
.sub507 .thumb2{display:none}

.media_full{width:100%;margin-left:0}
.media_box{width:310px;height:360px;border:1px solid #dcdcdc;border-radius:15px;float:left;margin-left:10px;margin-right:10px;margin-bottom:20px}
.media_box ul.con_box{width:100%;height:360px}
.media_box ul.con_box li.imgs{width:100%;height:245px}
.media_box ul.con_box li.imgs img{margin-left:11px;margin-top:12px;width:286px;height:210px}
.media_box ul.con_box li.subj{width:95%;height:40px;padding-top:8px;padding-left:10px}
.media_box ul.con_box li.subj .media_subj_txt{font-weight:bold;color:#535353;font-size:23px;line-height:30px}
.media_box ul.con_box li.view_btn{width:100%;height:40px;}
.media_box ul.con_box li.view_btn img{float:right;margin-right:22px}

.board_page { clear:both; text-align:center; margin:3px 0 0 0; padding-bottom:30px;padding-top:30px ;letter-spacing:2px}
.empty img {border:0px;border-radius:15px;-moz-border-radius:15px;}

.view_name2{float:left;height:370px;border-bottom:1px solid #dcdcdc;width:100%;background-color:#f3f3f3;margin-bottom:30px}
.view_contents{width:650px;height:100%;padding:15px;color:#7d7d7d}
.view_subject{padding:16px 0 0 0;color:#545454;font-weight:bold;font-size:24px;line-height:25px;text-align:center}
.view_how{padding:16px 0 0 0;color:#7d7d7d;font-weight:normal;font-size:13px;line-height:13px;float:left}
.view_pic{padding-top:50px;text-align:center;font-size:23px;line-height:23px}
.view_pic img{width:320px;height:232px}
ul.view_box{float:left;width:678;border:1px solid #dcdcdc;border-radius:15px;-moz-border-radius:15px}
#writeContents{position:relative;margin-bottom:50px}
/* ==========================================================================
   메인박스부분
   ========================================================================== */





@media all and (min-width:940px){
/* ==========================================================================
   작은 비주얼
   ========================================================================== */
.visusal_box0507{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_box0507 .visusal_in0507{position:relative;width:850px;height:249px;margin:0 auto}
.visusal_box0507 .visusal_in0507 .ment1{position:absolute;left:0;top:90px;background-image:url('/images/new201407/sub5/0507_subvisual_tit.png');background-repeat:no-repeat;width:519px;height:72px}
.visusal_box0507 .visusal_in0507 .sound1{position:absolute;left:304px;top:90px}
.visusal_box0507 .visusal_in0507 .stethoscope{position:absolute;right:34px;bottom:0;background-image:url('/images/new201407/sub5/0507_subvisual_img.png');background-repeat:no-repeat;width:356px;height:245px}
/* ==========================================================================
   작은 비주얼
   ========================================================================== */


/* ==========================================================================
   메인박스부분
   ========================================================================== */
#metroSection {position:relative; width:850px;height:100%; margin:0 auto}
#metroSection .metroWrap {position:relative;width:100%;height:100%;background-color:#ffffff}
#metroSection .metroWrap .gary_line{height:5px;width:180px;margin-top:70px;background-color:#d1d1d1;margin-bottom:30px}

#metroSection .metroWrap ul.con1{width:850px;height:100%;margin:0;padding:0}
#metroSection .metroWrap ul.con1 li.in_con{width:848px;height:100%;margin:0;padding:0;float:left;border-right:1px solid #dbdbdb;border-left:1px solid #dbdbdb}
#metroSection .metroWrap ul.con1 li.out_con{width:848px;height:199px;margin:0;padding:0;float:left;border-right:1px solid #dbdbdb;border-left:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb}

#contents{position:relative;width:750px;height:100%;margin:0 auto}

.sub507{position:relative;width:750px;height:250px}
.sub507 h4{position:relative;margin-top:65px;}
.sub507 .thumb{position:absolute;margin-top:10px;}
.sub507 .thumb2{position:absolute;top:0;right:10px;display:block}

.media_full{width:100%;margin-left:0}
.media_box{width:45%;height:380px;border:1px solid #dcdcdc;border-radius:15px;float:left;margin-left:10px;margin-right:10px;margin-bottom:30px}
.media_box ul.con_box{width:100%;height:380px}
.media_box ul.con_box li.imgs{width:100%;height:265px}
.media_box ul.con_box li.imgs img{margin-left:21px;margin-top:22px;width:297px;height:230px}
.media_box ul.con_box li.subj{width:95%;height:40px;padding-top:8px;padding-left:10px}
.media_box ul.con_box li.subj .media_subj_txt{font-weight:bold;color:#535353;font-size:23px;line-height:30px}
.media_box ul.con_box li.view_btn{width:100%;height:40px;}
.media_box ul.con_box li.view_btn img{float:right;margin-right:22px}

.view_name2{float:left;height:370px;border-bottom:1px solid #dcdcdc;width:100%;background-color:#f3f3f3}
.view_contents{width:90%;height:100%;padding:40px;color:#7d7d7d}
.view_subject{padding:16px 0 0 0;color:#545454;font-weight:bold;font-size:24px;line-height:25px;text-align:center}
.view_how{padding:16px 0 0 0;color:#7d7d7d;font-weight:normal;font-size:13px;line-height:13px;float:left}
.view_pic{padding-top:50px;text-align:center;font-size:23px;line-height:23px}
.view_pic img{width:320px;height:232px}
ul.view_box{float:left;width:100%;border:1px solid #dcdcdc;border-radius:15px;-moz-border-radius:15px}
/* ==========================================================================
   메인박스부분
   ========================================================================== */
}





@media all and (min-width:1200px){
/* ==========================================================================
   작은 비주얼
   ========================================================================== */
.visusal_box0507{position:relative;width:100%;height:249px;background-image:url('http://www.white2.net/images/new201407/main_con2_bg.png');margin-top:55px}
.visusal_box0507 .visusal_in0507{position:relative;width:1100px;height:249px;margin:0 auto}
.visusal_box0507 .visusal_in0507 .ment1{position:absolute;left:0;top:88px}
.visusal_box0507 .visusal_in0507 .sound1{position:absolute;left:304px;top:88px}
.visusal_box0507 .visusal_in0507 .stethoscope{position:absolute;right:34px;bottom:0}
/* ==========================================================================
   작은 비주얼
   ========================================================================== */


/* ==========================================================================
   메인박스부분
   ========================================================================== */
#metroSection {position:relative; width:1100px;height:100%; margin:0 auto}
#metroSection .metroWrap {position:relative;width:100%;height:100%;background-color:#ffffff}
#metroSection .metroWrap .gary_line{height:5px;width:180px;margin-top:70px;background-color:#d1d1d1;margin-bottom:30px}

#metroSection .metroWrap ul.con1{position:relative;float:left;width:1100px;height:100%;margin:0;padding:0;border-right:1px solid #dbdbdb}
#metroSection .metroWrap ul.con1 li.in_con{width:849px;height:100%;margin:0;padding:0;float:left;border-right:1px solid #dbdbdb;border-left:1px solid #dbdbdb}
#metroSection .metroWrap ul.con1 li.out_con{width:248px;height:100%;margin:0;padding:0;float:right;border-left:0;border-bottom:0;border-right:0}

#contents{position:relative;width:750px;height:100%;margin:0 auto}

.sub507{position:relative;width:750px;height:250px}
.sub507 h4{position:relative;margin-top:65px;}
.sub507 .thumb{position:absolute;margin-top:10px;}
.sub507 .thumb2{position:absolute;top:0;right:10px}
/* ==========================================================================
   메인박스부분
   ========================================================================== */
}





@media all and (min-width:1550px){
/* ==========================================================================
   작은 비주얼
   ========================================================================== */
.visusal_box0507{position:relative;width:100%;height:249px;background-image:url('http://www.white2.net/images/new201407/main_con2_bg.png');margin-top:55px}
.visusal_box0507 .visusal_in0507{position:relative;width:1300px;height:249px;margin:0 auto}
.visusal_box0507 .visusal_in0507 .ment1{position:absolute;left:0;top:88px}
.visusal_box0507 .visusal_in0507 .sound1{position:absolute;left:304px;top:88px}
.visusal_box0507 .visusal_in0507 .stethoscope{position:absolute;right:34px;bottom:0}
/* ==========================================================================
   작은 비주얼
   ========================================================================== */


/* ==========================================================================
   메인박스부분
   ========================================================================== */
#metroSection {position:relative; width:1300px;height:100%; max-width:1300px;min-width:1300px;margin:0 auto}
#metroSection .metroWrap {position:relative;width:100%;height:100%;background-color:#ffffff}
#metroSection .metroWrap .gary_line{height:5px;width:180px;margin-top:70px;background-color:#d1d1d1;margin-bottom:30px}

#metroSection .metroWrap ul.con1{position:relative;float:left;width:1300px;height:100%;margin:0;padding:0;border-right:1px solid #dbdbdb}
#metroSection .metroWrap ul.con1 li.in_con{width:1049px;height:100%;margin:0;padding:0;float:left;border-right:1px solid #dbdbdb;border-left:1px solid #dbdbdb}
#metroSection .metroWrap ul.con1 li.out_con{width:248px;height:100%;margin:0;padding:0;float:right;}

#contents{position:relative;width:880px;height:100%;margin:0 auto}

.sub507{position:relative;width:880px;height:250px}
.sub507 h4{position:relative;margin-top:65px;}
.sub507 .thumb{position:absolute;margin-top:10px;}
.sub507 .thumb2{position:absolute;top:0;right:10px}

.media_full{width:100%;margin-left:0}
.media_box{width:45%;height:400px;border:1px solid #dcdcdc;border-radius:15px;float:left;margin-left:20px;margin-right:20px;margin-bottom:40px}
.media_box ul.con_box{width:100%;height:400px}
.media_box ul.con_box li.imgs{width:100%;height:295px}
.media_box ul.con_box li.imgs img{margin-left:21px;margin-top:22px;width:355px;height:255px}
.media_box ul.con_box li.subj{width:95%;height:40px;padding-top:8px;padding-left:20px}
.media_box ul.con_box li.subj .media_subj_txt{font-weight:bold;color:#535353;font-size:23px;line-height:30px}
.media_box ul.con_box li.view_btn{width:100%;height:40px;}
.media_box ul.con_box li.view_btn img{float:right;margin-right:22px}
/* ==========================================================================
   메인박스부분
   ========================================================================== */
}