.empty_box{position:relative;width:100%;height:100px;}
/* ==========================================================================
   작은 비주얼
   ========================================================================== */
.visusal_box0501{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_box0501 .visusal_in0501{position:relative;width:720px;height:380px;margin:0 auto}
.visusal_box0501 .visusal_in0501 .ment1{position:absolute;left:110px;top:45px;background-image:url('/images/new201407/sub5/m_0501_subvisual_tit.png');background-repeat:no-repeat;width:500px;height:90px;text-indent:-9999px}
.visusal_box0501 .visusal_in0501 .sound1{position:absolute;right:173px;top:50px}
.visusal_box0501 .visusal_in0501 .stethoscope{position:absolute;right:210px;bottom:20px;background-image:url('/images/new201407/sub5/0501_subvisual_img.png');background-repeat:no-repeat;width:287px;height:202px;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}

/* 공지사항 */
.notice_box{position:relative;width:680px;height:150px;border:1px solid #dcdcdc;border-radius:15px;margin:0 auto;margin-top:20px}
.notice_box ul.con_box{width:100%;height:150px}
.notice_box ul.con_box li{float:left}
.notice_box ul.con_box li.imgs{width:28%;height:133px;padding-top:17px}
.notice_box ul.con_box li.imgs img{margin-left:15px}
.notice_box ul.con_box li.subj{height:27px;margin-top:30px;padding-left:0}
.notice_box ul.con_box li.subj .notice_subj_txt{font-weight:bold;color:#d8ad90;font-size:20px;line-height:20px}
.notice_box ul.con_box li.date{width:72%;height:20px;margin-top:10px}
.notice_box ul.con_box li.view_btn{width:68%;height:20px;margin-top:10px;color:#7d7d7d}
.notice_box ul.con_box li.view_btn img{margin-left:0}
/* 공시사항 */

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

.notice_box ul.con_box .date_view{color:#b5b5b5;margin-top:-6px;line-height:20px;font-size:13px;font-weight:bold}
.board_page { clear:both; text-align:center; margin:3px 0 0 0; padding-bottom:30px;padding-top:30px ;letter-spacing:2px}
.board_page a:link { color:#535353;margin-top:25px;font-weight:bold}

.cate{margin-top:50px;text-align:center}
.cate img{width:150px;height:115px}
.view_name{float:left;width:30%;height:210px;border-bottom:1px solid #dcdcdc}
.view_name2{float:left;height:210px;border-bottom:1px solid #dcdcdc;width:70%}
.view_contents{width:658px;height:100%;padding:10px;text-align:center;color:#7d7d7d}
.view_date{padding:16px 0 0 0;color:#b5b5b5;font-weight:normal;font-size:13px;line-height:13px;float:left}
.view_subject{padding-top:75px;color:#5e5e5e;font-weight:bold;font-size:23px;line-height:23px}
ul.view_box{width:678px;border:1px solid #dcdcdc;border-radius:15px;-moz-border-radius:15px;margin:0 auto}
.board_button{margin-top:20px;}
/* ==========================================================================
   메인박스부분
   ========================================================================== */





@media all and (min-width:940px){
/* ==========================================================================
   작은 비주얼
   ========================================================================== */
.visusal_box0501{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_box0501 .visusal_in0501{position:relative;width:850px;height:249px;margin:0 auto}
.visusal_box0501 .visusal_in0501 .ment1{position:absolute;left:0;top:90px;background-image:url('/images/new201407/sub5/0501_subvisual_tit.png');background-repeat:no-repeat;width:415px;height:72px}
.visusal_box0501 .visusal_in0501 .sound1{position:absolute;left:277px;top:90px}
.visusal_box0501 .visusal_in0501 .stethoscope{position:absolute;right:74px;bottom:0;background-image:url('/images/new201407/sub5/0501_subvisual_img.png');background-repeat:no-repeat;width:321px;height:226px}
/* ==========================================================================
   작은 비주얼
   ========================================================================== */


/* ==========================================================================
   메인박스부분
   ========================================================================== */
#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}

/* 공지사항 */
.notice_box{position:relative;width:100%;height:150px;border:1px solid #dcdcdc;border-radius:15px;margin:0 auto;margin-top:20px}
.notice_box ul.con_box{width:100%;height:150px}
.notice_box ul.con_box li.imgs{width:26%;height:133px;padding-top:17px}
.notice_box ul.con_box li.imgs img{margin-left:15px}
.notice_box ul.con_box li.subj{height:26px;margin-top:30px;padding-left:0}
.notice_box ul.con_box li.subj .notice_subj_txt{font-weight:bold;color:#d8ad90;font-size:22px;line-height:22px}
.notice_box ul.con_box li.date{width:74%;height:20px;margin-top:10px}
.notice_box ul.con_box li.view_btn{width:68%;height:20px;margin-top:10px;color:#7d7d7d}
.notice_box ul.con_box li.view_btn img{margin-left:0}
/* 공시사항 */

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

.view_name{float:left;width:30%;height:210px;border-bottom:1px solid #dcdcdc}
.view_name2{float:left;height:210px;border-bottom:1px solid #dcdcdc;width:70%}
.view_contents{width:97%;height:100%;padding:10px;text-align:center;color:#7d7d7d}
.view_date{padding:16px 0 0 0;color:#b5b5b5;font-weight:normal;font-size:13px;line-height:13px;float:left}
.view_subject{padding-top:75px;color:#5e5e5e;font-weight:bold;font-size:23px;line-height:23px}
ul.view_box{float:left;width:100%;border:1px solid #dcdcdc;border-radius:15px;-moz-border-radius:15px;margin:0 auto}
/* ==========================================================================
   메인박스부분
   ========================================================================= */
}





@media all and (min-width:1200px){
/* =========================================================================
   작은 비주얼
   ========================================================================== */
.visusal_box0501{position:relative;width:100%;height:249px;background-image:url('http://www.white2.net/images/new201407/main_con2_bg.png');margin-top:55px}
.visusal_box0501 .visusal_in0501{position:relative;width:1100px;height:249px;margin:0 auto}
.visusal_box0501 .visusal_in0501 .ment1{position:absolute;left:0;top:88px}
.visusal_box0501 .visusal_in0501 .sound1{position:absolute;left:277px;top:88px}
.visusal_box0501 .visusal_in0501 .stethoscope{position:absolute;right:74px;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}

/* 공지사항 */
.notice_box{position:relative;width:100%;height:150px;border:1px solid #dcdcdc;border-radius:15px;margin:0 auto;margin-top:20px}
.notice_box ul.con_box{width:100%;height:150px}
.notice_box ul.con_box li.imgs{width:26%;height:133px;padding-top:17px}
.notice_box ul.con_box li.imgs img{margin-left:15px}
.notice_box ul.con_box li.subj{height:26px;margin-top:30px;padding-left:0}
.notice_box ul.con_box li.subj .notice_subj_txt{font-weight:bold;color:#d8ad90;font-size:22px;line-height:22px}
.notice_box ul.con_box li.date{width:74%;height:20px;margin-top:10px}
.notice_box ul.con_box li.view_btn{width:68%;height:20px;margin-top:10px;color:#7d7d7d}
.notice_box ul.con_box li.view_btn img{margin-left:0}
/* 공시사항 */

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





@media all and (min-width:1550px){
/* ==========================================================================
   작은 비주얼
   ========================================================================== */
.visusal_box0501{position:relative;width:100%;height:249px;background-image:url('http://www.white2.net/images/new201407/main_con2_bg.png');margin-top:55px}
.visusal_box0501 .visusal_in0501{position:relative;width:1300px;height:249px;margin:0 auto}
.visusal_box0501 .visusal_in0501 .ment1{position:absolute;left:0;top:88px}
.visusal_box0501 .visusal_in0501 .sound1{position:absolute;left:277px;top:88px}
.visusal_box0501 .visusal_in0501 .stethoscope{position:absolute;right:74px;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}

/* 공지사항 */
.notice_box{position:relative;width:100%;height:150px;border:1px solid #dcdcdc;border-radius:15px;margin:0 auto;margin-top:20px}
.notice_box ul.con_box{width:100%;height:150px}
.notice_box ul.con_box li.imgs{width:25%;height:133px;padding-top:17px}
.notice_box ul.con_box li.imgs img{margin-left:15px}
.notice_box ul.con_box li.subj{height:26px;margin-top:25px;padding-left:0}
.notice_box ul.con_box li.subj .notice_subj_txt{font-weight:bold;color:#d8ad90;font-size:22px;line-height:22px}
.notice_box ul.con_box li.date{width:75%;height:20px;margin-top:15px}
.notice_box ul.con_box li.view_btn{width:75%;height:20px;margin-top:15px;color:#7d7d7d}
.notice_box ul.con_box li.view_btn img{margin-left:0}
/* 공시사항 */

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