/* layout */
#wrap {width:100% ; height:100%; position:relative; z-index:11; }

/*메인이미지*/
#s_banner_wrap { clear:both; width:100%; position: relative; margin:223px auto 0 auto;  z-index:2; }

#s_banner_wrap .main_img_m {clear:both; float: left ; display:none; margin:0; padding:0}
#s_banner_wrap .main_img_m img {width:100%;}

#s_banner_wrap_t { clear:both; width:100%;  float: left; margin:64px auto 0 auto;  z-index:2; }
#s_banner_wrap_m { clear:both; width:100%;  float: left; margin:64px auto 0 auto;  z-index:2; }

.mvideo_warp {width: 100%; height: 100%; overflow: hidden;margin: 0px auto; position: relative; background: #000000}
.mvideo_warp video {width: 100%; opacity: 70%; object-fit: cover; }
.mvideo_warp .mb-text {position: absolute; top: 50%; width: 100%;}
.mvideo_warp .mb-text p {margin-top: -24px; text-align: center; font-size: 80px; color: #ffffff;; letter-spacing: normal; font-weight: 600}

.mvideo_warp_t {width: 100%; height: 100%; overflow: hidden;margin: 0px auto; position: relative; background: #000000}
.mvideo_warp_t video {width: 100%; opacity: 70%; object-fit: cover; }
.mvideo_warp_t .mb-text {position: absolute; top: 40%; width: 100%;}
.mvideo_warp_t .mb-text p {text-align: center; font-size: 60px; color: #ffffff;; letter-spacing: normal; font-weight: 600}

.mvideo_warp_m {width: 100%; height: 100%; overflow: hidden;margin: 0px auto; position: relative; background: #000000}
.mvideo_warp_m video {width: 100%; opacity: 70%; object-fit: cover; }
.mvideo_warp_m .mb-text {position: absolute; top: 50%; width: 100%;}
.mvideo_warp_m .mb-text p {margin-top: -24px; text-align: center; font-size: 1.5rem; color: #ffffff; letter-spacing: normal; font-weight: 600}

/*수술전후사진보기*/
.bestphoto { clear:both; width:2030px; height:486px; background:#edf5f7; margin:20px auto 0 auto; text-align:center}	
	
/* 메인가운데 */
.cont{width:1300px; position: relative ; z-index:31; margin:0 auto 0 auto}	
.cont:after{display:block;clear:both;content:"";}

.main_cont{width:1300px; position: relative ; z-index:31; margin:0 auto 0 auto}	
.main_cont:after{display:block;clear:both;content:"";}

/*메인 상단 비주얼*/
.main_top {position:relative; padding:223px 0;}
.main_top_text{text-align:left;}
.main_top_text h2 {display:block; margin:20px 0; font-size:44px; line-height:56px; font-family: 'notokr-bold'}
.main_top_text p {font-weight:500; font-size:22px; line-height:23px;}

/*치료사례 & 자가진단*/
.trex { width:100%; clear:both;  float:left; padding:60px 0 100px 0 ; border-bottom: 1px solid #e9e9e9}
.trex li {float:left; width:310px; padding-right:20px}
.trex li:last-child {padding-right:0}

/*UROGYN M TV*/
.main_mtv { width:100%; clear:both;  float:left; padding:60px 0 100px 0 ; border-bottom: 1px solid #e9e9e9}
.main_mtv h2 .allgo {float: right; text-align: right; font-size: 20px; font-family: 'notokr-regular'; cursor: pointer; padding-top: 18px}
.main_mtv h2 .allgo img {width: 14px; padding-top: 3px}

/*UROGYN 소개*/
.main_intro { width:100%; clear:both;  float:left; padding:60px 0 150px 0 ; border-bottom: 1px solid #e9e9e9}
.main_intro li {float:left; width:25%; padding:20px; text-align: center; box-sizing: border-box}
.main_intro li p {line-height: 140%; margin-top: 15px}
.main_intro h2 .allgo {float: right; text-align: right; font-size: 20px; font-family: 'notokr-regular'; cursor: pointer; padding-top: 18px}
.main_intro h2 .allgo img {width: 14px; padding-top: 3px}

	/*유로진장점*/
	.point { width:100%; clear:both;  float:left; margin:40px 0}
	.point li:nth-child(1){float:left; width:284px; padding-right:55px}
	.point li:nth-child(2){float:left; width:284px; padding-right:55px}
	.point li:nth-child(3){float:left; width:284px; padding-right:54px}
	.point li:nth-child(4){float:left; width:284px; padding-right:0}
	
	/* 컨텐츠박스 */
	.contbox { width:100%;}
	.contbox li {float:left;}
	
	/*이벤트배너슬라이드*/
	#event_banner { float:left; width:650px; height:305px; position: relative; z-index:3; clear:both}	
	/* 사용자 페이징 위치와 모양을 자유롭게 변형 */
	#bx-pager1 {position: absolute; right:10px; bottom:10px; z-index:4}
	#bx-pager1 a{float:left; margin:0 5px;display: block; width:25px; height:25px; font-size:13px; line-height:23px; text-align:center; background:#8c8c8c; color:#fff}
	#bx-pager1 a:hover, .bx-pager1 a:active{ background: #474747; color: #fff;}	
	/* 엑티브상태에 대한 속성값 지정 */
	#bx-pager1 a.active{ background: #474747; color: #fff;}
	
	/* 동영상박스 */
	.videobox { width:100%; clear:both}
	.videobox li {float:left;}
	
	/* 수술상담수술후기 */
	.noticewarp { float:left; width:100%; margin-top:20px}
	.notice { float: left; position:relative; width:568px; height:225px; padding:40px; margin:0; border:1px solid #cecece; }
	.notice p { font-size:30px; color:#181415;   margin-bottom:15px}
	.notice .rimore {position:absolute; right:40px; top:45px;}
	.notice .rimore a {padding:0; background:none; height:18px; width:18px !important;}
	.notice  ul {clear:both; width:568px;}
	.notice  ul li { float:left; padding:6px 0; width:568px}
	.notice  ul li a {width:464px ; float:left}
	.notice  ul li .date {color:#959595; width:100px; text-align:right; padding:0; margin:0}
	.noneright {border-right:none}
	
	/* 하단퀵배너 */
	.bannerbox { width:100%; clear:both}
	.bannerbox li {float:left;}
	
	
/* 메인하단 */
	
	/* 관련사이트 */
	.sitegowarp {clear:both; margin:0; border-top:1px solid #d8d8d8;}
	#site {  width:1300px; height:125px; margin:0 auto; position:relative}
	#site .rollMore{ position:absolute; right:0; top: 0;}
	#site nobr img { width: 113px; height: auto}
	
	
	

/*퀵메뉴공통*/
#sideNavi,.side-navi-item,.side-navi-data,.side-navi-tab {  margin: 0; padding: 0; letter-spacing:-1px  }
#sideNavi {	position: fixed;	height: 100%;	z-index: 1000; top: 223px}
.side-navi-quick{height:25px; padding-top:5px; transform: rotate(-90deg); transform-origin: right bottom; text-align: center;	cursor: pointer; }
.side-navi-items {width: 95px; position: absolute;	display: inline-block;  }
.side-navi-big {min-height: 100%; height:100%}
.side-navi-tab {overflow-y:scroll; height: 70%;}


@media(min-width:1300px){
.side-navi-items { min-height:100%;}
}

@media(max-width:1300px){
.side-navi-big{display: none;}
.side-navi-items {background:#1657a3; border:0px; color:#fff; }
}
.side-navi-item{}
.side-navi-item a:hover {color: #00a7ff;}
.side-menu{background-color: #fff;}
.side-menu.active,.side-menu:hover{	background-color: #333;	color: #fff;	cursor: pointer;}
.side-navi-data {width: 370px;	/*컨텐츠 크기*/	background-color: #fff;	position: absolute;	top:0;	bottom:0; border-left:1px solid #d9d9d9; border-top:1px solid #d9d9d9 ; font-family: 'Noto Sans KR', sans-serif; }
.side-navi-data h2{font-size:45px;  font-family: 'Noto Sans KR', sans-serif; font-weight:500; margin-top:20px; letter-spacing:-3px;}
.side-navi-data h3{font-size:17px;  font-family: 'Noto Sans KR', sans-serif;  font-weight:400; margin-bottom:15px;}
.side-navi-tab {  display: none;  }
.side-navi-tab.active {  display: inline-block;  width:370px; padding: 8px 40px; }

a.close { position:absolute; top:0; right:0; display: inline-block; background: #dcdcdc; width:80px; height:80px; color: #fff;    font-size: 1.4em; text-decoration: none; margin-bottom: 6px; }
a.close:hover { background: #c2c2c2; }

#cover{background: #000;	width: 100%;	height: 100%;	z-index: 500;	position:absolute;	top: 0;	left: 0;	right:0;	bottom: 0;	opacity:0;	display: none;}
#cover.mask{	display: block;}

	/*온라인상담*/
	.quick_counseling {width:100%; clear:both; border-collapse:collapse; margin-top:85px;}
	.quick_counseling caption{display:none}
	.quick_counseling th, .counseling td  {white-space:nowrap; font-size: 14px; }
	.quick_counseling tbody th { padding: 10px 0px; text-align: left; font-size: 14px;  }
	.quick_counseling tbody td {padding: 3px ; text-align: left; color: #666666; font-size: 14px; vertical-align:text-top}
	.quick_counseling tbody td input { padding: 8px 5px; border:1px solid #d8d8d8; font-size: 14px; width: 127px; height: 15px; margin-right: 2px }
	.quick_counseling tbody td select {padding: 7px; border:1px solid #d8d8d8; font-size: 14px; width: 187px; height: 33px}
	.quick_counseling tbody textarea { padding: 5px; border:1px solid #d8d8d8; width:95%; height:95px; font-size: 14px; }
	.quick_counseling tbody td ul { padding: 5px 0}
	.quick_counseling tbody td li { display: inline; padding:0 20px 0 0}
	
	/*이벤트*/
	.quick_event {width: 100%; clear:both; border-collapse:collapse;  margin-top:10px; margin-bottom:15px; border-top:1px solid #d8d8d8;}
	.quick_event caption{display:none}
	.quick_event tbody th {padding: 8px 0px; color: #666666;border-bottom:1px solid #d8d8d8; vertical-align:middle;}
	.quick_event tbody th img { max-width:96px; max-height:78px;margin-right:15px;  vertical-align:middle;}
	.quick_event tbody td {padding: 8px 0px; color: #666666;border-bottom:1px solid #d8d8d8; vertical-align:middle;}	
	.quick_event a { text-align:left; line-height:100%; font-size:15px}
	.quick_event a:hover {color: #ff519c;  text-decoration:none; }
			 
	.quick_01 {background:url(/images/Common/quick_02_.png) no-repeat; width:250px; height:500px; padding:45px;}		 
	.quick_02 ul { widht:160px; float:left; margin-top:30px; margin-left:2px;}
	.quick_02 ul li{margin-bottom:8px;}
	.quick_03 p {border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; padding:10px 0; margin-bottom:15px;}
	.quick_03 ul li{ display:inline;}

	.quick_04 ul li { background:url(/images/Common/quick_05_01.png) no-repeat; padding:2px 0 0 50px; height:30px;  border-bottom:1px solid #f8f8f8; margin-bottom:10px; font-size:15px;}
	.quick_04 ul li span{ font-size:16px;   padding-right:20px; display:block; width:80px; float:left;}
	
	.quick_04_n ul li {  padding:10px 0 10px 30px;  border-bottom:1px solid #f8f8f8;  font-size:15px;}
	.quick_04_n ul .mp { background:url(/images/Common/quick_05_01.png) left 40% no-repeat; }
	.quick_04_n ul .ph { background:url(/images/Common/quick_05_02.png) left 40% no-repeat; }
	.quick_04_n ul li span{ font-size:16px;   padding-right:20px; display:block; width:65px; float:left; margin-top: 2px}
	.quick_04_n ul li input { height:18px; padding: 5px; border:1px solid #c5c5c5; font-size: 16px; width: 216px; margin: 0}
	.quick_04_n ul li select { height:28px; padding: 0; border:1px solid #c5c5c5; font-size: 16px; width: 230px}

	.quick_04_n2 { font-size: 24px;    text-align: center ; border-top: 1px solid #d9d9db; margin-top: 50px; padding: 30px 0 0 0}
	.quick_04_n2 .infogo {margin:20px 0; width:100%; float:left}
	.quick_04_n2 .infogo li a{width:24.2%; height:20px; display:inline-block; background:#1b3267; margin-bottom:3px; font-size:16px; text-align:center; padding:5px 0; float:left; margin:1px; color:#fff; line-height:100%}
	.quick_04_n2 li a:hover{width:24.2%; height:20px; display:inline-block; margin:1px; font-size:16px; text-align:center; padding:5px 0; float:left; background:#0088d0;  color:#fff;  margin:1px}
	
	.scrollbar { scrollbar-face-color: #c6c6c6;
					  scrollbar-track-color: #f7f7f7;
					  scrollbar-arrow-color:#606060;
					  scrollbar-highlight-color: #c6c6c6;
					  scrollbar-3dlight-color: none;
					  scrollbar-shadow-color: #c6c6c6;
					  scrollbar-darkshadow-color: none;
						}

	.scrollbar::-webkit-scrollbar { width: 8px; }
	.scrollbar::-webkit-scrollbar-track { background-color: #f7f7f7; border-radius:10px;}
	.scrollbar::-webkit-scrollbar-thumb {  background-color: #c6c6c6; border-radius:10px;}
	.scrollbar::-webkit-scrollbar-button { display: none; }

/*유로진전체지점*/
#mplacewarp{ background:#293050; clear:both; width:100%; float:left; }
.mplacewarpt{ background:#ffffff; clear:both; width:100%; float:left; }
#mplace1 { background:#293050;  clear:both; margin:10px auto; width:1300px; text-align:center;  padding:60px 0 0 0}
#mplace1 ul {clear:both; }
#mplace1 li { float:left; width:236px; padding:0 10px; height:260px}
#mplace1 li dt { font-size:18px;   text-align:left; margin-bottom:5px; color:#ffffff;}
#mplace1 li dd {font-size:15px; color:#aeaeae; text-align:left; padding-left:35px; margin-top:10px}
#mplace1 li .icon{ background:url(/images/common/place_map.gif) left top no-repeat; padding-left:35px; }
#mplace1 li dt a {color:#fff; }
#mplace1 li dd a {color:#aeaeae; }

/*유로진전체지점2*/
.mplacewarp2{ background:#fff; clear:both; width:100%; float:left; border-top: 1px solid #d8d8d8}
.mplace2 { background:#fff;  clear:both; margin:20px auto; width:1300px; text-align:center;  padding:30px 0}
.mplace2 .title {font-size: 20px; color: #1c2032;    background: url(/images/common/map_icon.gif)left 50% no-repeat ; text-align: left; height: 30px; text-indent: 40px}
.mplace2 .title .allgo {float: right; text-align: right; font-size: 1rem; font-family: 'notokr-regular'; cursor: pointer; padding-top: 10px}
.mplace2 .title .allgo img {width: 11px; padding-top: 3px}

	.mplacetab {width: 100%; margin: 30px auto; position:relative; font-size: 0.85em}
	.mplace2 ul.tabs {
		margin: 0;
		padding: 0;
		float: left;
		list-style: none;
		width: 100%;
		font-size: 0.95em;
		height: auto;
		border-left: 1px solid #f0f0f0;
		border-bottom: 1px solid #ffffff;
	}
	.mplace2 ul.tabs li {
		
		float: left;
		margin: 0;
		padding: 0;
		height: 40px;
		line-height: 40px;
		border: 1px solid #f0f0f0;
		border-left: none;
		margin-bottom: -1px;
		background: #fff;
		overflow: hidden;
		position: relative;
		width: 19.9%;
	}
	.mplace2 ul.tabs li a {
		text-decoration: none;
		color: #818181;
		display: block;
		padding: 0 14px;
		border: 1px solid #fff;
		outline: none;
		height: 51px;
		line-height: 38px;
	}
	.mplace2 ul.tabs li a:hover {
		background: #ececec;
		color: #818181;
		border-bottom: 1px solid #fff;
	}	
	.mplace2 ul.tabs li.active a {
		background: #1c2032;
		color: #fff;
		border-bottom: 1px solid #fff;
	}
	.mplace2 ul.tabs li.active, .mplace2 ul.tabs li.active a:hover  {
		background: #1c2032;
		color: #fff;
		border-bottom: 1px solid #fff;
	}
	.mplace2 .tab_container {
		border: 1px solid #f0f0f0;
		border-top: none;
		border-left: none;
		border-right: none;
		clear: both;
		float: left; 
		width: 100%;
		margin-bottom: 60px;
		background: #fff;
		padding: 0;
		-moz-border-radius-bottomright: 5px;
		-khtml-border-radius-bottomright: 5px;
		-webkit-border-bottom-right-radius: 5px;
		-moz-border-radius-bottomleft: 5px;
		-khtml-border-radius-bottomleft: 5px;
		-webkit-border-bottom-left-radius: 5px;
	}
	.mplace2 .tab_content {
		padding: 25px 0;
		font-size: 1em;
		background-image: none;
		margin: 10px 0
	}
	
	
	.mplace2 .tab_content img {
		float: right;
		margin: 0;
		border: none;
		padding: 0;
		width: auto;
	}
	.mplace2 .tab_content p { clear:both}
	.mplace2 .tab_content ul { float: left; clear: none; width: 100%}
	.mplace2 .tab_content ul h2 {  padding: 5px 15px 7px 15px ;font-size: 1em;background: #1c2032;color:#fff;text-align:left;float: left;border: none;margin: 0 15px 0 0;line-height: 1em;}
	.mplace2 .tab_content li { float: left; background: none; color: #818181; padding: 0; margin: 0; line-height: 1.6em}	
	.mplace2 .tab_content li a {   color: #334e89; margin-right: 10px}
	.mplace2 .tab_content li:last-child { float: right}








@media all and (max-width:1300px) and (min-width:760px) {
.cont { width: 96%; margin:0 2%}
.cont img {width:100%; height:auto}

.main_cont { width: 92%; margin:0 4%}
.main_cont img {width:100%; height:auto}
	
/*메인 상단 비주얼*/
.main_top {position:relative; padding:223px 0;}
.main_top_text{text-align:left;}
.main_top_text h2 {display:block; margin:20px 0; font-size:5vw; line-height:6vw; font-family: 'notokr-bold' }
.main_top_text p {font-weight:500; font-size:2.3vw; line-height:3.5vw;}

/*치료사례 & 자가진단*/
.trex { width:100%; clear:both;  float:left; padding:60px 0 100px 0 ; border-bottom: 1px solid #e9e9e9}
.trex li{float:left; width:23.5%; padding: 0 2% 4% 0}
.trex li:last-child {padding-right:0}
	
/*UROGYN M TV*/
.main_mtv { width:100%; clear:both;  float:left; padding:60px 0 100px 0 ; border-bottom: 1px solid #e9e9e9}
.main_mtv h2 .allgo {float: right; text-align: right; font-size: 20px; font-family: 'notokr-regular'; cursor: pointer; padding-top: 18px}
.main_mtv h2 .allgo img {width: 14px; padding-top: 3px}
	
/*UROGYN 소개*/
.main_intro { width:100%; clear:both;  float:left; padding:60px 0 150px 0 ; border-bottom: 1px solid #e9e9e9}
.main_intro li {float:left; width:25%; padding:20px; text-align: center; box-sizing: border-box}
.main_intro li p {line-height: 140%; margin-top: 15px}
.main_intro h2 .allgo {float: right; text-align: right; font-size: 20px; font-family: 'notokr-regular'; cursor: pointer; padding-top: 18px}
.main_intro h2 .allgo img {width: 14px; padding-top: 3px}
	
	
/*유로진장점*/
	.point { width:100%; clear:both;  float:left; margin:5% 0}
	.point li:nth-child(1){float:left; width:23%; padding:1%}
	.point li:nth-child(2){float:left; width:23%; padding:1%}
	.point li:nth-child(3){float:left; width:23%; padding:1%}
	.point li:nth-child(4){float:left; width:23%; padding:1%}
	
/* 컨텐츠박스 */
	.contbox { width:100%;}
	.contbox li {float:left; width:25%;}
	.contbox li:nth-child(3){float:left;}

/* 수술상담수술후기 */
	.noticewarp { float:left; width:100%; margin-top:20px}
	.notice { float: left; position:relative; width:40%; padding:4%; margin:2% 1.5% 2% 0; border:1px solid #cecece; display:block}
	.notice p { font-size:1.8em; color:#181415;   margin-bottom:15px}
	.notice .rimore {position:absolute; right:40px; top:45px;}
	.notice .rimore a {padding:0; background:none; height:18px; width:18px !important;}
	.notice  ul {clear:both; width:100%;}
	.notice  ul li { float:left; padding:2% 0; width:100%; font-size:0.9em; }
	.notice  ul li a {width:100% ; float:left}
	.notice  ul li .date { display:none}
	.notice  ul li  .font_blue  { display:none}
	.noneright { border-right:1px solid #cecece}

/* 하단퀵배너 */
	.bannerbox { width:100%; clear:both}
	.bannerbox li {float:left; width:25%;}

/* 동영상박스 */
	.videobox { width:100%; clear:both}
	.videobox li {float:left; width:50%;}

/* 메인하단 */
	
	/* 관련사이트 */
	.sitegowarp {clear:both; margin:0; border-top:1px solid #d8d8d8;}
	#site {  width:100%; height:125px; margin:0 auto; position:relative}
	#site .rollMore{ position:absolute; right:0; top: 0;}
	#site nobr img { width: 113px; height: auto}

	/* 하단퀵메뉴상담신청 */
	.quickwarpb_m { display:none}
							
	
/*유로진전체지점*/
#mplacewarp{ background:#293050; clear:both; width:100%; float:left; }
.mplacewarpt{ background:#ffffff; clear:both; width:100%; float:left; }
#mplace1 { background:#293050;  clear:both; margin:10px 1%; width:98%; text-align:center;  padding:60px 0 0 0}
#mplace1 li { display:inline; float:left; width:18%; padding:0 1%; height: 250px}
#mplace1 li img { width: 100%}
#mplace1 li dt { font-size:17px;   text-align:left; margin-bottom:5px; color:#ffffff;}
#mplace1 li dd {font-size:14px; color:#aeaeae; text-align:left; padding-left:35px; margin-top:10px}
#mplace1 li .icon{ background:url(/images/common/place_map.gif) left top no-repeat; padding-left:35px; height:29px}
#mplace1 li dt a {color:#fff; }
#mplace1 li dd a {color:#aeaeae; }
	
/*유로진전체지점2*/
.mplacewarp2{ background:#fff; clear:both; width:100%; float:left; border-top: 1px solid #d8d8d8; box-sizing: border-box;}
.mplace2 { background:#fff;  clear:both; margin:20px 2%; width:96%; text-align:center;  padding:30px 0}
.mplace2 .title {font-size: 20px; color: #1c2032;    background: url(/images/common/map_icon.gif)left 50% no-repeat ; text-align: left; height: 30px; text-indent: 40px}
.mplace2 .title .allgo {float: right; text-align: right; font-size: 0.95rem; font-family: 'notokr-regular'; cursor: pointer; padding-top: 10px}
.mplace2 .title .allgo img {width: 10px; padding-top: 3px}
	
	.mplacetab {width: 100%; margin: 30px auto; position:relative; font-size: 0.85em}
	.mplace2 ul.tabs {
		margin: 0;
		padding: 0;
		float: left;
		list-style: none;
		width: 100%;
		font-size: 0.95em;
		height: auto;
		border-left: 1px solid #f0f0f0;
		border-bottom: 1px solid #ffffff;
	}
	.mplace2 ul.tabs li {
		
		float: left;
		margin: 0;
		padding: 0;
		height: 40px;
		line-height: 40px;
		border: 1px solid #f0f0f0;
		border-left: none;
		margin-bottom: -1px;
		background: #fff;
		overflow: hidden;
		position: relative;
		width: 19.9%;
		box-sizing: border-box;
	}
	.mplace2 ul.tabs li a {
		text-decoration: none;
		color: #818181;
		display: block;
		padding: 0 14px;
		border: 1px solid #fff;
		outline: none;
		height: 51px;
		line-height: 38px;
	}
	.mplace2 ul.tabs li a:hover {
		background: #ececec;
		color: #818181;
		border-bottom: 1px solid #fff;
	}	
	.mplace2 ul.tabs li.active a {
		background: #1c2032;
		color: #fff;
		border-bottom: 1px solid #fff;
	}
	.mplace2 ul.tabs li.active, .mplace2 ul.tabs li.active a:hover  {
		background: #1c2032;
		color: #fff;
		border-bottom: 1px solid #fff;
	}
	.mplace2 .tab_container {
		border: 1px solid #f0f0f0;
		border-top: none;
		border-left: none;
		border-right: none;
		clear: both;
		float: left; 
		width: 100%;
		margin-bottom: 60px;
		background: #fff;
		padding: 0;
		-moz-border-radius-bottomright: 5px;
		-khtml-border-radius-bottomright: 5px;
		-webkit-border-bottom-right-radius: 5px;
		-moz-border-radius-bottomleft: 5px;
		-khtml-border-radius-bottomleft: 5px;
		-webkit-border-bottom-left-radius: 5px;
	}
	.mplace2 .tab_content {
		padding: 25px 0;
		font-size: 1em;
		background-image: none;
		margin: 10px 0
	}
	
	
	.mplace2 .tab_content img {
		float: right;
		margin: 0;
		border: none;
		padding: 0;
		width: auto;
	}
	.mplace2 .tab_content p { clear:both}
	.mplace2 .tab_content ul { float: left; clear: none; width: 100%}
	.mplace2 .tab_content ul h2 {  padding: 5px 15px 7px 15px ;font-size: 1em;background: #1c2032;color:#fff;text-align:left;float: left;border: none;margin: 0 15px 0 0;line-height: 1em;}
	.mplace2 .tab_content li { float: left; background: none; color: #818181; padding: 0; margin: 0; line-height: 1.6em}	
	.mplace2 .tab_content li a {   color: #334e89; margin-right: 10px}
	.mplace2 .tab_content li:last-child { float: right}
	

}



@media all and (max-width:760px) and (min-width:480px) {
.cont { width: 96%; margin:0 2%}
.cont img {width:100%; height:auto}
	
.main_cont { width: 90%; margin:0 5%}
.main_cont img {width:100%; height:auto}
	
/*메인 상단 비주얼*/
.main_top {padding:140px 0 120px 0; }
.main_top_text {text-align:left;} 
.main_top_text h2 {margin:15px 0; font-size:5.5vw; line-height:10vw; font-family: 'notokr-bold' }
.main_top_text p {font-size:5vw; line-height:6vw;}

/*모바일바로가기*/
.shortcut { width:100%; clear:both;  float:left; padding:6vw 0 10vw 0 ; border-bottom: 1px solid #e9e9e9}
.shortcut li{float:left; width:25%; padding:1vw; text-align: center; box-sizing: border-box}
	
/*치료사례 & 자가진단*/
.trex { width:100%; clear:both;  float:left; padding:6vw 0 10vw 0 ; border-bottom: 1px solid #e9e9e9}
.trex li:nth-child(odd){float:left; width:48%; padding: 0 2% 4% 0}
.trex li:nth-child(even){float:left; width:48%; padding: 0 0 4% 2%}
	
/*UROGYN M TV*/
.main_mtv { width:100%; clear:both;  float:left; padding:6vw 0 10vw 0 ; border-bottom: 1px solid #e9e9e9}
.main_mtv h2 .allgo {float: right; text-align: right; font-size: 3.5vw; font-family: 'notokr-regular'; cursor: pointer; padding-top: 3.5vw}
.main_mtv h2 .allgo img {width: 2.5vw; padding-top: 0.2vw}	
	
/*UROGYN 소개*/
.main_intro { width:100%; clear:both;  float:left; padding:6vw 0 13vw 0 ; border-bottom: 1px solid #e9e9e9}
.main_intro li {float:left; width:50%; padding:5vw; text-align: center; box-sizing: border-box}
.main_intro li p {line-height: 5vw; margin-top: 3vw; font-size: 4vw;}
.main_intro h2 .allgo {float: right; text-align: right; font-size: 3.5vw; font-family: 'notokr-regular'; cursor: pointer; padding-top: 3.5vw}
.main_intro h2 .allgo img {width: 2.5vw; padding-top: 0.2vw}	
	
/*유로진장점*/
	.point { width:100%; clear:both;  float:left; margin:5% 0}
	.point li:nth-child(1){float:left; width:23%; padding:1%}
	.point li:nth-child(2){float:left; width:23%; padding:1%}
	.point li:nth-child(3){float:left; width:23%; padding:1%}
	.point li:nth-child(4){float:left; width:23%; padding:1%}
	
	.point_m { width:100%; clear:both;  float:left; margin:5% 0}

/* 컨텐츠박스 */
	.contbox { width:100%;}
	.contbox li {float:left; width:50%;}
	.contbox li:nth-child(3){float:left; clear:both}
	
/* 수술상담수술후기 */
	.noticewarp { float:left; width:100%; margin-top:20px}
	.notice { float: left; position:relative; width:84%; padding:8%; margin:2% 0; border:1px solid #cecece; display:block}
	.notice p { font-size:1.8em; color:#181415;   margin-bottom:15px}
	.notice .rimore {position:absolute; right:40px; top:45px;}
	.notice .rimore a {padding:0; background:none; height:18px; width:18px !important;}
	.notice  ul {clear:both; width:100%;}
	.notice  ul li { float:left; padding:1% 0; width:100%}
	.notice  ul li a {width:100% ; float:left}
	.notice  ul li .date { display:none}
	.notice  ul li  .font_blue  { display:none}
	.noneright { border-right:1px solid #cecece}

/* 하단퀵배너 */
	.bannerbox { width:100%; clear:both}
	.bannerbox li {float:left; width:50%;}

/* 동영상박스 */
	.videobox { width:100%; clear:both}
	.videobox li {float:left; margin:1% 0}	

/* 메인하단 */
	
	/* 관련사이트 */
	.sitegowarp {clear:both; margin:0; border-top:1px solid #d8d8d8;}
	#site {  width:100%; height:110px !important; margin:0 auto; position:relative}
	#site .rollMore{ position:absolute; right:0; top: 0;}
	#site nobr img { width: 85px; height: auto}
	
	/* 하단퀵메뉴상담신청 */
	.quickwarpb_m { display:none}

/*유로진전체지점*/
#mplacewarp{ background:#293050; clear:both; width:100%; float:left; }
.mplacewarpt{ background:#ffffff; clear:both; width:100%; float:left; }
#mplace1 { background:#293050;  clear:both; margin:10px 1%; width:98%; text-align:center;  padding:30px 0 0 0}
#mplace1 li { display:inline; float:left; width:46%; padding:0 2%; height: 110px}
#mplace1 li img { display: none}
#mplace1 li dt { font-size:0.85em;   text-align:left; margin-bottom:5px; color:#ffffff;}
#mplace1 li dd {font-size:0.7em; color:#aeaeae; text-align:left; padding-left:35px; margin-top:10px}
#mplace1 li .icon{ background:url(/images/common/place_map.gif) left top no-repeat; padding-left:35px; height:29px}
#mplace1 li dt a {color:#fff; }
#mplace1 li dd a {color:#aeaeae; }
	
/*유로진전체지점2*/
.mplacewarp2{ background:#fff; clear:both; width:100%; float:left; border-top: 1px solid #d8d8d8; box-sizing: border-box;}
.mplace2 { background:#fff;  clear:both; margin:20px 2% ; width:96%; text-align:center;  padding:30px 0}
.mplace2 .title {font-size: 20px; color: #1c2032;    background: url(/images/common/map_icon.gif)left 50% no-repeat ; text-align: left; height: 30px; text-indent: 40px}
.mplace2 .title .allgo {float: right; text-align: right; font-size: 0.8em; font-family: 'notokr-regular'; cursor: pointer; padding-top: 3px}
.mplace2 .title .allgo img {width: 8px; padding-top: 4px}
	
	.mplacetab {width: 100%; margin: 10px auto; position:relative; font-size: 0.85em}
	.mplace2 ul.tabs {
		margin: 0;
		padding: 0;
		float: left;
		list-style: none;
		width: 100%;
		font-size: 0.9em;
		height: auto;
		border-left: 1px solid #f0f0f0;
		border-bottom: 1px solid #ffffff;
	}
	.mplace2 ul.tabs li {
		float: left;
		margin: 0;
		padding: 0;
		border: 1px solid #f0f0f0;
		border-left: none;
		margin-bottom: -1px;
		background: #fff;
		overflow: hidden;
		position: relative;
		width: 25%;
		box-sizing: border-box;
	}
	.mplace2 ul.tabs li a {
		text-decoration: none;
		color: #818181;
		display: block;
		height: 36px;
		border: 1px solid #fff;
		outline: none;
		
	}
	.mplace2 ul.tabs li a:hover {
		background: #ececec;
		color: #818181;
		border-bottom: 1px solid #fff;
	}	
	.mplace2 ul.tabs li.active a {
		background: #1c2032;
		color: #fff;
		border-bottom: 1px solid #fff;
	}
	.mplace2 ul.tabs li.active, .mplace2 ul.tabs li.active a:hover  {
		background: #1c2032;
		color: #fff;
		border-bottom: 1px solid #fff;
	}
	.mplace2 .tab_container {
		border: 1px solid #f0f0f0;
		border-top: none;
		border-left: none;
		border-right: none;
		clear: both;
		float: left; 
		width: 100%;
		margin-bottom: 60px;
		background: #fff;
		padding: 0;
		position: relative;
		-moz-border-radius-bottomright: 5px;
		-khtml-border-radius-bottomright: 5px;
		-webkit-border-bottom-right-radius: 5px;
		-moz-border-radius-bottomleft: 5px;
		-khtml-border-radius-bottomleft: 5px;
		-webkit-border-bottom-left-radius: 5px;
	}
	.mplace2 .tab_content {
		padding: 15px 0 0 0 ;
		font-size: 1em;
		background-image: none;
		margin: 10px 0 0 0;
	}
	
	
	.mplace2 .tab_content img {
		float: right;
		margin: 0;
		border: none;
		padding: 0;
		position: absolute;
		top: 25px;
		right: 0;
		width: auto;
	}
	.mplace2 .tab_content p { clear:both}
	.mplace2 .tab_content ul { float: left; clear: none; width: 100%}
	.mplace2 .tab_content ul h2 {  padding: 5px 15px 7px 15px ;font-size: 1em;background: #1c2032;color:#fff;text-align:left;float: left;border: none; margin: 0 15px 10px 0;line-height: 1em;}
	.mplace2 .tab_content li { float: left; background: none; color: #818181; padding: 0; margin: 0; line-height: 1.2em; text-align: left; letter-spacing: -0.5px; font-size: 0.95em}	
	.mplace2 .tab_content li a {   color: #334e89; margin-right: 10px; font-size: 1.1em; line-height: 1.7em;  letter-spacing: 0}
	.mplace2 .tab_content li:nth-child(2){width: 100%; box-sizing: border-box; clear: both}
	.mplace2 .tab_content li:nth-child(3){ width: 100%; box-sizing: border-box; clear: both}
	.mplace2 .tab_content li:last-child { float: right}
	
	
}





@media all and (max-width:480px) and (min-width:0px) {
.cont { width: 96%; margin:0 2%}
.cont img {width:100%; height:auto}
	
.main_cont { width: 90%; margin:0 5%}
.main_cont img {width:100%; height:auto}

/*메인 상단 비주얼*/
.main_top {padding:140px 0 120px 0; }
.main_top_text {text-align:left;} 
.main_top_text h2 {margin:15px 0; font-size:5.5vw; line-height:10vw; font-family: 'notokr-bold' }
.main_top_text p {font-size:5vw; line-height:6vw;}

/*모바일바로가기*/
.shortcut { width:100%; clear:both;  float:left; padding:6vw 0 10vw 0 ; border-bottom: 1px solid #e9e9e9}
.shortcut li{float:left; width:25%; padding:1vw; text-align: center; box-sizing: border-box}

/*치료사례 & 자가진단*/
.trex { width:100%; clear:both;  float:left; padding:6vw 0 10vw 0 ; border-bottom: 1px solid #e9e9e9}
.trex li:nth-child(odd){float:left; width:48%; padding: 0 2% 4% 0}
.trex li:nth-child(even){float:left; width:48%; padding: 0 0 4% 2%}
	
/*UROGYN M TV*/
.main_mtv { width:100%; clear:both;  float:left; padding:6vw 0 10vw 0 ; border-bottom: 1px solid #e9e9e9}
.main_mtv h2 .allgo {float: right; text-align: right; font-size: 3.5vw; font-family: 'notokr-regular'; cursor: pointer; padding-top: 3.5vw}
.main_mtv h2 .allgo img {width: 2.5vw; padding-top: 0.2vw}	

/*UROGYN 소개*/
.main_intro { width:100%; clear:both;  float:left; padding:6vw 0 13vw 0 ; border-bottom: 1px solid #e9e9e9}
.main_intro li {float:left; width:50%; padding:5vw; text-align: center; box-sizing: border-box}
.main_intro li p {line-height: 5vw; margin-top: 3vw; font-size: 4vw;}
.main_intro h2 .allgo {float: right; text-align: right; font-size: 3.5vw; font-family: 'notokr-regular'; cursor: pointer; padding-top: 3.5vw}
.main_intro h2 .allgo img {width: 2.5vw; padding-top: 0.2vw}		

/*유로진장점*/
	.point_m { width:100%; clear:both;  float:left; margin:5% 0}
	
/* 컨텐츠박스 */
	.contbox { width:100%;}
	.contbox li {float:left; width:50%;}
	.contbox li:nth-child(3){float:left; clear:both}
	
/* 수술상담수술후기 */
	.noticewarp { float:left; width:100%; margin-top:20px}
	.notice { float: left; position:relative; width:100%; padding:7% 5%; margin:2% 0; border:1px solid #cecece; display:block; height: auto; box-sizing: border-box}
	.notice p { font-size:1.5em; color:#181415;   margin-bottom:15px}
	.notice .rimore {position:absolute; right:30px; top:35px;}
	.notice .rimore a {padding:0; background:none; height:18px; width:18px !important;}
	.notice  ul {clear:both; width:100%;}
	.notice  ul li { float:left; padding:2% 0; width:100%; font-size:0.95em; color:#181415}
	.notice  ul li a {width:100% ; float:left; font-size:0.95em; color:#181415}
	.notice  ul li a:active{width:100% ; float:left; font-size:0.95em; color:#181415}
	.notice  ul li .date { display:none}
	.notice  ul li  .font_blue  { display:none}
	.noneright { border-right:1px solid #cecece}

/* 하단퀵배너 */
	.bannerbox { width:100%; clear:both}
	.bannerbox li {float:left; width:50%;}

/* 동영상박스 */
	.videobox { width:100%; clear:both}
	.videobox li {float:left; margin:1% 0}	

/* 메인하단 */
	
	/* 관련사이트 */
	.sitegowarp {clear:both; margin:0; border-top:1px solid #d8d8d8;}
	#site {  width:100%; height:110px !important; margin:0 auto; position:relative}
	#site .rollMore{ position:absolute; right:0; top: 0;}
	#site nobr img { width: 85px; height: auto}
	
	/* 하단퀵메뉴상담신청 */
	.quickwarpb_m { display:none }

/*유로진전체지점*/
#mplacewarp{ background:#293050; clear:both; width:100%; float:left; }
.mplacewarpt{ background:#ffffff; clear:both; width:100%; float:left; }
#mplace1 { background:#293050;  clear:both; margin:10px 1%; width:98%; text-align:center;  padding:30px 0 0 0}
#mplace1 li { display:inline; float:left; width:94%; padding:2% 3% 5% 3%; height: auto}
#mplace1 li img { display: none}
#mplace1 li dt { font-size:0.9em;   text-align:left; margin-bottom:5px; color:#ffffff;}
#mplace1 li dd {font-size:0.8em; color:#aeaeae; text-align:left; padding-left:35px; margin-top:10px}
#mplace1 li .icon{ background:url(/images/common/place_map.gif) left top no-repeat; padding-left:35px; height:29px}
#mplace1 li dt a {color:#fff; }
#mplace1 li dd a {color:#aeaeae; }

/*유로진전체지점2*/
.mplacewarp2{ background:#fff; clear:both; width:100%; float:left; border-top: 1px solid #d8d8d8; box-sizing: border-box;}
.mplace2 { background:#fff;  clear:both; margin:20px 2% ; width:96%; text-align:center;  padding:30px 0}
.mplace2 .title {font-size: 20px; color: #1c2032;    background: url(/images/common/map_icon.gif)left 50% no-repeat ; text-align: left; height: 30px; text-indent: 40px}
.mplace2 .title .allgo {float: right; text-align: right; font-size: 0.8em; font-family: 'notokr-regular'; cursor: pointer; padding-top: 3px}
.mplace2 .title .allgo img {width: 8px; padding-top: 4px}
	
	.mplacetab {width: 100%; margin: 10px auto; position:relative; font-size: 0.85em}
	.mplace2 ul.tabs {
		margin: 0;
		padding: 0;
		float: left;
		list-style: none;
		width: 100%;
		font-size: 0.9em;
		height: auto;
		border-left: 1px solid #f0f0f0;
		border-bottom: 1px solid #ffffff;
	}
	.mplace2 ul.tabs li {
		float: left;
		margin: 0;
		padding: 0;
		border: 1px solid #f0f0f0;
		border-left: none;
		margin-bottom: -1px;
		background: #fff;
		overflow: hidden;
		position: relative;
		width: 25%;
		box-sizing: border-box;
	}
	.mplace2 ul.tabs li a {
		text-decoration: none;
		color: #818181;
		display: block;
		height: 36px;
		border: 1px solid #fff;
		outline: none;
		
	}
	
	.mplace2 ul.tabs li.active a {
		background: #1c2032;
		color: #fff;
		border-bottom: 1px solid #fff;
	}
	.mplace2 ul.tabs li.active, .mplace2 ul.tabs li.active a:hover  {
		background: #1c2032;
		color: #fff;
		border-bottom: 1px solid #fff;
	}
	.mplace2 .tab_container {
		border: 1px solid #f0f0f0;
		border-top: none;
		border-left: none;
		border-right: none;
		clear: both;
		float: left; 
		width: 100%;
		margin-bottom: 60px;
		background: #fff;
		padding: 0;
		position: relative;
		-moz-border-radius-bottomright: 5px;
		-khtml-border-radius-bottomright: 5px;
		-webkit-border-bottom-right-radius: 5px;
		-moz-border-radius-bottomleft: 5px;
		-khtml-border-radius-bottomleft: 5px;
		-webkit-border-bottom-left-radius: 5px;
	}
	.mplace2 .tab_content {
		padding: 15px 0 0 0 ;
		font-size: 1em;
		background-image: none;
		margin: 10px 0 0 0;
	}
	
	
	.mplace2 .tab_content img {
		float: right;
		margin: 0;
		border: none;
		padding: 0;
		position: absolute;
		top: 25px;
		right: 0;
		width: auto
	}
	.mplace2 .tab_content p { clear:both}
	.mplace2 .tab_content ul { float: left; clear: none; width: 100%}
	.mplace2 .tab_content ul h2 {  padding: 5px 15px 7px 15px ;font-size: 1em;background: #1c2032;color:#fff;text-align:left;float: left;border: none; margin: 0 15px 10px 0;line-height: 1em;}
	.mplace2 .tab_content li { float: left; background: none; color: #818181; padding: 0; margin: 0; line-height: 1.2em; text-align: left; letter-spacing: -0.5px; font-size: 0.95em}	
	.mplace2 .tab_content li a {   color: #334e89; margin-right: 10px; font-size: 1.1em; line-height: 1.7em;  letter-spacing: 0}
	.mplace2 .tab_content li:nth-child(2){width: 100%; box-sizing: border-box; clear: both}
	.mplace2 .tab_content li:nth-child(3){ width: 100%; box-sizing: border-box; clear: both}
	.mplace2 .tab_content li:last-child { float: right}
	

}