.empty_box{position:relative;width:100%;height:100px;background-color:red}
/* ==========================================================================
   작은 비주얼
   ========================================================================== */
.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:640px;height:380px;margin:0 auto}
.visusal_box0501 .visusal_in0501 .ment1{position:absolute;left:61px;top:36px;background-image:url('/images/new201407/etc/m_login_txt.png');background-repeat:no-repeat;width:520px;height:84px;text-indent:-9999px}
.visusal_box0501 .visusal_in0501 .stethoscope{position:absolute;right:185px;bottom:10px;background-image:url('/images/new201407/etc/m_login_img.png');background-repeat:no-repeat;width:284px;height:227px;text-indent:-9999px}
/* ==========================================================================
   작은 비주얼
   ========================================================================== */


/* ==========================================================================
   메인박스부분
   ========================================================================== */
	#metroSection {position:relative; width:640px;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:640px;height:100%;margin:0;padding:0}
	#metroSection .metroWrap ul.con1 li.in_con{width:640px;height:100%;margin:0;padding:0;float:left}
	
	#contents{position:relative;width:640px;height:900px;margin:0 auto}

	.sub501{position:relative;width:640px;height:35px;margin-top:55px;margin-bottom:20px}
	.sub501 .thumb{position:absolute;left:10px;top:10px;}
	.sub501 .thumb2{position:absolute;top:0;right:10px}

	.log_big_box{position:absolute;width:630px;height:270px;left:5px;top:450px;}
	#log_cobox1{position:absolute;width:308px;height:127px;background-image:url('/images/new201407/etc/counsel_btn4.png');background-repeat:no-repeat}
	#log_cobox2{position:absolute;width:308px;height:127px;right:0;top:0;background-image:url('/images/new201407/etc/reser_btn4.png');background-repeat:no-repeat}
	#log_cobox3{position:absolute;width:308px;height:127px;top:142px;background-image:url('/images/new201407/etc/epilogue_btn4.png');background-repeat:no-repeat}
	#log_cobox4{position:absolute;width:308px;height:127px;right:0;top:142px;background-image:url('/images/new201407/etc/notice_btn4.png');background-repeat:no-repeat}
	#login_submit_box{width:122px}
	.login_box{position:absolute;top:70px;right:5px;width:630px;height:356px;background-image:url('/images/new201407/etc/login_img4.png');background-repeat:no-repeat}
	.login_submit_box{position:absolute;left:380px;top:27px;}
	.find_id_pw img{width:175px}
	.find_id_pw{position:absolute;width:175px;left:420px;top:260px;cursor:pointer}
	.join img{width:175px}
	.join{position:absolute;width:175px;left:130px;top:260px}
	.log_text{width:180px;height:37px;border:0 solid #fff;}

	.login_id_box{position:Absolute;left:160px;top:40px}
	.login_pw_box{position:Absolute;left:160px;top:100px}
/* ==========================================================================
   메인박스부분
   ========================================================================== */





@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:84px;background-image:url('/images/new201407/etc/login_visual-text.png');background-repeat:no-repeat;width:482px;height:77px}
.visusal_box0501 .visusal_in0501 .stethoscope{position:absolute;right:32px;bottom:1px;background-image:url('/images/new201407/etc/login_visual_img.png');background-repeat:no-repeat;width:284px;height:227px}
/* ==========================================================================
   작은 비주얼
   ========================================================================== */


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

	#contents{position:relative;width:812px;height:1000px;margin:0 auto}

	.sub501{position:relative;width:812px;height:35px;margin-top:55px;margin-bottom:20px}
	.sub501 .thumb{position:absolute;left:10px;top:10px;}
	.sub501 .thumb2{position:absolute;top:0;right:10px}

	.log_big_box{position:absolute;width:812px;height:335px;left:0;top:540px;;}
	#log_cobox1{position:absolute;width:392px;height:152px;background-image:url('/images/new201407/etc/counsel_btn2.png');background-repeat:no-repeat}
	#log_cobox2{position:absolute;width:392px;height:152px;right:0;top:0;background-image:url('/images/new201407/etc/reser_btn2.png');background-repeat:no-repeat}
	#log_cobox3{position:absolute;width:392px;height:152px;top:182px;background-image:url('/images/new201407/etc/epilogue_btn2.png');background-repeat:no-repeat}
	#log_cobox4{position:absolute;width:392px;height:152px;right:0;top:182px;background-image:url('/images/new201407/etc/notice_btn2.png');background-repeat:no-repeat}
	#login_submit_box{width:147px}
	.login_box{position:absolute;top:70px;right:0;width:812px;height:442px;background-image:url('/images/new201407/etc/login_img2.png');background-repeat:no-repeat}
	.login_submit_box{position:absolute;left:483px;top:50px;}
	.find_id_pw img{width:187px}
	.find_id_pw{position:absolute;width:187px;left:560px;top:335px;}
	.join img{width:187px}
	.join{position:absolute;width:187px;left:170px;top:335px}
	.log_text{width:225px;height:40px;border:0 solid #fff;}

	.login_id_box{position:Absolute;left:215px;top:62px}
	.login_pw_box{position:Absolute;left:215px;top:147px}
/* ==========================================================================
   메인박스부분
   ========================================================================= */
}





@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:84px}
.visusal_box0501 .visusal_in0501 .stethoscope{position:absolute;right:32px;bottom:1px;}
/* ==========================================================================
   작은 비주얼
   ========================================================================== */


/* ==========================================================================
   메인박스부분
   ========================================================================== */
	#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{width:1100px;height:100%;margin:0;padding:0}
	#metroSection .metroWrap ul.con1 li.in_con{width:1100px;height:100%;margin:0;padding:0;float:left;border-right:0;border-left:1px solid #dbdbdb}

	#contents{position:relative;width:812px;height:1000px;margin:0 auto}

	.sub501{position:relative;width:812px;height:35px;margin-top:55px;margin-bottom:20px}
	.sub501 .thumb{position:absolute;left:10px;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:84px}
.visusal_box0501 .visusal_in0501 .stethoscope{position:absolute;right:32px;bottom:1px;}
/* ==========================================================================
   작은 비주얼
   ========================================================================== */


/* ==========================================================================
   메인박스부분
   ========================================================================== */
	#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{width:1300px;height:100%;margin:0;padding:0;}
	#metroSection .metroWrap ul.con1 li.in_con{width:1300px;height:100%;margin:0;padding:0;float:left;border-right:0;border-left:1px solid #dbdbdb}
	
	#contents{position:relative;width:1200px;height:700px;margin:0 auto}

	.sub501{position:relative;width:1200px;height:35px;margin-top:55px;margin-bottom:20px}
	.sub501 .thumb{position:absolute;left:10px;top:10px;}
	.sub501 .thumb2{position:absolute;top:0;right:10px}

	#log_cobox1{position:absolute;width:305px;height:105px;;background-image:url('/images/new201407/etc/counsel_btn.png');background-repeat:no-repeat}
	#log_cobox2{position:absolute;width:305px;height:105px;top:113px;background-image:url('/images/new201407/etc/reser_btn.png');background-repeat:no-repeat}
	#log_cobox3{position:absolute;width:305px;height:105px;top:227px;background-image:url('/images/new201407/etc/epilogue_btn.png');background-repeat:no-repeat}
	#log_cobox4{position:absolute;width:305px;height:105px;top:342px;background-image:url('/images/new201407/etc/notice_btn.png');background-repeat:no-repeat}
	.log_big_box{position:absolute;width:305px;height:450px;left:0;top:110px;}
	.login_box{position:absolute;top:110px;right:0;width:873px;height:444px;background-image:url('/images/new201407/etc/login_img.png');background-repeat:no-repeat}
	.login_submit_box{position:absolute;left:333px;top:155px;}
	.find_id_pw img{width:187px}
	.find_id_pw{position:absolute;width:187px;left:650px;top:157px;}
	.join img{width:187px}
	.join{position:absolute;width:187px;left:650px;top:300px}
	.log_text{width:225px;height:40px;border:0 solid #fff;}

	.login_id_box{position:Absolute;left:50px;top:170px}
	.login_pw_box{position:Absolute;left:50px;top:255px}
/* ==========================================================================
   메인박스부분
   ========================================================================= */
}