.empty_box{position:relative;width:100%;height:100px;}
/* ==========================================================================
   작은 비주얼
   ========================================================================== */
.visusal_box0511{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_box0511 .visusal_in0511{position:relative;width:720px;height:380px;margin:0 auto}
.visusal_box0511 .visusal_in0511 .ment1{position:absolute;left:74px;top:45px;background-image:url('/images/new201407/sub5/m_0511_subvisual_tit.png');background-repeat:no-repeat;width:577px;height:86px;text-indent:-9999px}
.visusal_box0511 .visusal_in0511 .sound1{position:absolute;right:202px;top:48px}
.visusal_box0511 .visusal_in0511 .stethoscope{position:absolute;right:200px;bottom:0;background-image:url('/images/new201407/sub5/0511_subvisual_img.png');background-repeat:no-repeat;width:319px;height:214px;text-indent:-9999px;background-size:100% 100%}
/* ==========================================================================
   작은 비주얼
   ========================================================================== */

a:link,a:active, a:visited {text-decoration:none;cursor:pointer;color:#b5bd22}
a {text-decoration:none;color:#b5bd22}
a:hover {text-decoration:none;cursor:pointer;color:#b5bd22}

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

.sub511{position:relative;width:680px;height:300px}
.sub511 h4{position:relative;margin-top:65px;}
.sub511 .thumb{position:absolute;margin-top:10px;}
.sub511 .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:618px;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:638px;border:1px solid #dcdcdc;border-radius:15px;-moz-border-radius:15px;margin:0 auto}

.webtoon_box{width:100%;height:150px;border:1px solid #dcdcdc;border-radius:15px;margin:0 auto;margin-top:20px;}
.webtoon_box ul.con_box{width:100%;height:150px}
.webtoon_box ul.con_box li{float:left}
.webtoon_box ul.con_box li.imgs{width:35%;height:133px;padding-top:17px}
.webtoon_box ul.con_box li.imgs img{margin-left:25px}
.webtoon_box ul.con_box li.subj{width:45%;height:90px;padding-top:60px;padding-left:0;float:left;color:#b5b5b5;line-height:25px;font-size:25px;font-weight:bold}
.webtoon_subj_txt{margin-left:30px;font-weight:bold;color:#abb403;font-size:25px;line-height:25px}
.webtoon_box ul.con_box li.date{width:20%;height:87px;padding-top:63px;padding-left:0;float:left;color:#b5b5b5;line-height:22px;font-size:22px;font-weight:bold}
.board_button{margin-top:30px;}
.notice_subj_txt{color:#d8ad90}
/* ==========================================================================
   메인박스부분
   ========================================================================== */





@media all and (min-width:940px){
/* ==========================================================================
   작은 비주얼
   ========================================================================== */
.visusal_box0511{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_box0511 .visusal_in0511{position:relative;width:850px;height:249px;margin:0 auto}
.visusal_box0511 .visusal_in0511 .ment1{position:absolute;left:0;top:90px;background-image:url('/images/new201407/sub5/0511_subvisual_tit.png');background-repeat:no-repeat;width:485px;height:72px}
.visusal_box0511 .visusal_in0511 .sound1{position:absolute;left:204px;top:90px}
.visusal_box0511 .visusal_in0511 .stethoscope{position:absolute;right:8px;bottom:0;background-image:url('/images/new201407/sub5/0511_subvisual_img.png');background-repeat:no-repeat;width:339px;height:228px}
/* ==========================================================================
   작은 비주얼
   ========================================================================== */


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

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

.webtoon_box{width:100%;height:150px;border:1px solid #dcdcdc;border-radius:15px;margin-top:20px}
.webtoon_box ul.con_box{width:100%;height:150px}
.webtoon_box ul.con_box li.imgs{width:30%;height:133px;padding-top:17px}
.webtoon_box ul.con_box li.imgs img{margin-left:20px}
.webtoon_box ul.con_box li.subj{width:50%;height:90px;padding-top:60px;padding-left:0}
.webtoon_box ul.con_box li.date{width:20%;height:87px;padding-top:63px;padding-left:0}

.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_box0511{position:relative;width:100%;height:249px;background-image:url('http://www.white2.net/images/new201407/main_con2_bg.png');margin-top:55px}
.visusal_box0511 .visusal_in0511{position:relative;width:1100px;height:249px;margin:0 auto}
.visusal_box0511 .visusal_in0511 .ment1{position:absolute;left:0;top:88px}
.visusal_box0511 .visusal_in0511 .sound1{position:absolute;left:204px;top:88px}
.visusal_box0511 .visusal_in0511 .stethoscope{position:absolute;right:8px;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}

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





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

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

.webtoon_box{width:100%;height:150px;border:1px solid #dcdcdc;border-radius:15px;margin-top:20px}
.webtoon_box ul.con_box{width:100%;height:150px}
.webtoon_box ul.con_box li.imgs{width:25%;height:133px;padding-top:17px}
.webtoon_box ul.con_box li.imgs img{margin-left:20px}
.webtoon_box ul.con_box li.subj{width:60%;height:90px;padding-top:60px;padding-left:0}
.webtoon_box ul.con_box li.date{width:15%;height:87px;padding-top:63px;padding-left:0}
/* ==========================================================================
   메인박스부분
   ========================================================================== */

}