@media all and (max-width:1500px) and (min-width:501px) {

	.cont_s { width: 86%; margin:auto 2%; padding:5% !important}
	.cont_s img {width:100%; height:auto}
		
	.cont_s2 { width: 100%; margin:auto 0; padding: 0}
	.cont_s2 img {width:100%; height:auto}

	/*타이틀*/
	.cont_s h2 { clear:both; font-size:2em; color:#292929; font-weight: 600; width:100%; text-align:center; margin-bottom: 30px}
	.cont_s h3 { clear:both; font-size:1.7em; float: left; color:#292929; font-weight: 600; width:100%; margin:10px auto 10px auto; background:url(/images/common/h3img.gif) no-repeat left top; padding-top:10px}
	
	.pc_wrap { display:block; clear: both; }
	.m_wrap {clear: both; display:none;}

	/*로그인*/
	.loginwarp { border:1px solid #dadada; padding:20px 0 40px 0; width:100%; margin:0 auto;}
	.login {width:380px;margin:0 auto; }
	.login .login_bg {position:relative}
	.login .line {border-top:1px solid #dbdbdb; }
	.login form ul {margin:30px 0px}
	.login form li {padding:3px 0;}
	.login form label {display:inline-block;width:80px;font-weight:600}
	.login form input {width:175px}
	.login form .board_button {position:absolute;margin:0;right:0px;top:3px }
	.login form .board_button button { padding: 26px 30px; color:#ffffff; font-weight:600;  line-height:100%;height: 69px}
	.login .login_help {margin:20px 0px}
	.login .login_help p {width:380px;position:relative;padding-bottom:10px; font-size:15px; line-height:170%}
	.login .login_help p .board_button {position:absolute;right:0px;top:0;margin:0}
	.login .login_help p .board_button a {background:#5b5b5b;width:100px;text-align:center;padding:5px 0; font-size:15px; line-height:100%}
	.login .login_help p .board_button a:hover {background:#000;}
	.login form .btn_c input { width: auto}
	.login form .btn_c label { width: auto; font-weight:normal}
	.login form .checkbox {width: auto}

	.loginsns {  width:100%; margin:0 auto; padding-bottom: 10px; float: left}
	.loginsns li {  width:48%; float: left; margin : 0 1% 10px 1%}

	.smswarp { border:5px solid #dadada; padding:15px 0; width:100%; margin: 20px auto;}
	.sms {width:470px;margin:0 auto;position:relative}
	.sms .click { background:#f5f5f5; width:100%; font-size:1.2em; padding:5px 0; text-align:center; margin-bottom:20px}
	.sms .click span { padding:0 10px;}
	.sms .tit_urogyn_login {padding-bottom:10px;font-weight:600;font-size:20px;text-align:center}
	.login_sms {margin:10px 0px}
	.login_sms p {width:470px;position:relative;padding-bottom:10px; font-size:15px; line-height:170%;text-align:center; margin-bottom: 5px}
	.login_sms .smsinput{width:135px; padding:6px; border:1px solid #d5d5d5}
	.login_sms .smstel{width:250px; padding:5px; border:1px solid #d5d5d5}
	.login_sms .smsselect{ padding:5px; border:1px solid #d5d5d5}
	.login_sms .board_button { margin:0 auto; width:100%; text-align:center}
	.login_sms .board_button a {background:#5b5b5b;width:90px;text-align:center;padding:8px 0; font-size:15px;}
	.login_sms .board_button a:hover {background:#000;}
	

}



@media all and (max-width:500px) and (min-width:0px) {
	.cont_s { width: 86%; margin:auto 2%; padding:5% !important  }
	.cont_s img {width:100%; height:auto}
		
	.cont_s2 { width: 100%; margin:auto 0; padding: 0}
	.cont_s2 img {width:100%; height:auto}
		
	/*타이틀*/
	.cont_s h2 { clear:both; font-size:1.2em; color:#292929; font-weight: 600; width:100%; text-align:left; margin: 30px 0 5px 0}
	
	.pc_wrap { display:none; clear: both; }
	.m_wrap {clear: both; display:block;}
	
	/*로그인*/
	.loginwarp { border:1px solid #dadada; padding:0 0 25px 0; width:100%; margin:0 auto; box-sizing: border-box }
	.login {width:90%;margin:0 auto; }	
	.login .login_bg {position:relative}

	.login .line {border-top:1px solid #dbdbdb; }
	.login form ul {margin:20px 0px 10px 0; width: 100%}
	.login form li {padding:2px 0;  margin-bottom: 5px; display: block}
	.login form span{font-size: 1em}
	.login form label {display:none;}
	.login form input {width:100%; overflow: visible; box-sizing: border-box; padding: 8px 5px}
	.login form .board_button {position:relative;margin:0;left:0px;top:1px; float: left; clear: both; width: 100%; ; margin-bottom: 20px; }
	.login form .board_button button {padding-top:24px;padding-bottom:24px; color:#ffffff; font-weight:600 ;text-align:center;padding:5px 10px; height: 45px}
	.login .login_help {margin:20px 0px;}
	.login .login_help p {width:380px;position:relative;padding-bottom:10px;}
	.login .login_help p .board_button {position:absolute;right:0px;top:0;margin:0}
	.login .login_help p .board_button a {background:#5b5b5b;width:50px;text-align:center;padding:5px 0; }
	.login .login_help p .board_button a:hover {background:#000;}
	.login form .btn_c input { width: auto}
	.login form .btn_c label { width: auto; font-weight:normal}
	.login form .checkbox {width: auto}
	
	.loginsns {  width:100%; margin:0 auto; padding-bottom: 10px; float: left}
	.loginsns li {  width:48%; float: left; margin : 0 1% 10px 1%}
	
	.smswarp { border:5px solid #dadada; padding:15px 0; width:98%; margin: 20px auto}
	.sms {width:92%;margin:0 auto;position:relative}
	.sms .click { background:#f5f5f5; width:100%; font-size:1.2em; padding:5px 0; text-align:center; margin-bottom:20px}
	.sms .click span { padding:0 10px;}
	.sms .tit_urogyn_login {padding-bottom:10px;font-weight:600;font-size:20px;text-align:center}
	.login_sms {margin:10px 0px}
	.login_sms p {width:100%;position:relative;padding-bottom:10px;  line-height:170%;text-align:center;}
	.login_sms .smsinput{width:42%; border:1px solid #d5d5d5 ; margin-bottom: 5px; }
	.login_sms .smstel{width:100%; border:1px solid #d5d5d5; }
	.login_sms .smsselect{ width:99%; border:1px solid #d5d5d5;}
	

}