/* 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; }

/*수술전후사진보기*/
.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}
.main_mtv .swiper-wrapper img { width: 100% !important}
.main_mtv .swiper-wrapper p { width: 100%; font-size: 21px; text-align: left; margin-top: 20px; font-weight: 600 }

.main_mtv .swiper-slide:hover { cursor: pointer}

/* 1) 슬라이드 링크를 기준점으로 */
.main_mtv .swiper-slide a {
  position: relative;
  display: block; /* 이미지 크기만큼 차지하도록 */
}

/* 2) 중앙에 플레이 버튼 */
.main_mtv .swiper-slide::after {
  content: '';
  position: absolute;
  top: 45%; 
  left: 50%;
  transform: translate(-50%, -50%);
  width: 48px;      /* 아이콘 너비 */
  height: 48px;     /* 아이콘 높이 */
  background: url('/images/main/play_btn.png') no-repeat center/contain;
  pointer-events: none; /* 클릭은 밑의 a가 받도록 */
  z-index: 10;
}

/* 1. 버튼 기본 스타일에 트랜지션·원형 처리 */
.main_mtv .swiper-button-prev,
.main_mtv .swiper-button-next {
  /* 배경을 투명으로 초기화 */
  background-color: transparent;
  /* 동그라미 모양으로 */
  border-radius: 50%;
  /* 트랜지션 적용 (배경색이 부드럽게 바뀜) */
  transition: background-color 0.2s ease, transform 0.2s ease;
  /* 아이콘 중앙정렬(필요하다면) */
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  background-image: none;
}

/* 2. 호버 시 검정 반투명 원 배경과 약간의 확대(선택) */
.main_mtv .swiper-button-prev:hover,
.main_mtv .swiper-button-next:hover {
  background-color: rgba(0, 0, 0, 0.6);
  /* 살짝 커지는 효과를 주고 싶다면 아래 줄 추가 */
  /* transform: scale(1.1); */
}

/* 화살표(→ ←)만 작게, 흰색으로 변경 */
.main_mtv .swiper-button-prev::after,
.main_mtv .swiper-button-next::after {
  font-size: 14px !important;  /* 원하는 크기로 조절 */
  color: #ffffff !important;    /* 흰색 */
  font-weight: 900 !important;
}


/*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}

.main_intro2 { width:100%; clear:both;  float:left; padding:60px 0 150px 0;}
.main_intro2 h2 .allgo {float: right; text-align: right; font-size: 20px; font-family: 'notokr-regular'; cursor: pointer; padding-top: 18px}
.main_intro2 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}
	
	/* 하단퀵메뉴상담신청 */
	.quickwarpb_m { width:100%;  border-top:1px solid #d8d8d8; clear:both; float:left; padding-bottom: 40px}
	.quickwarpb { width:100%;  border-top:1px solid #d8d8d8; clear:both; margin-top:80px; float:left}
	.quickwarp {width:1300px; clear:both; margin:45px auto}
	.quick {width:650px;; float:left}
	.quick p {font-size:20px ; text-align:center; color:#181415;   margin-bottom:30px}
	.quick ul { width:619px; margin:0 auto}
	.quick li {float:left;}
	
	.counsel {width:650px;; float:left}
	.counsel p {font-size:20px ; text-align:center; color:#181415;   margin-bottom:30px}
	.counsel table{ width:340px; float:left; margin-left:35px;}
	.counsel caption{display:none}
	.counsel table tbody td { font-size:14px; padding:2px 0}
	.counsel table tbody input { padding:5px; border:1px solid #d5d5d5; font-size:14px; width:165px;}
	.counsel table tbody .inputtel_2 { padding:5px; border:1px solid #d5d5d5; font-size:14px; width:116px; margin-right: 2px}
	.counsel table tbody select { padding:5px; border:1px solid #d5d5d5; width:177px; font-size:14px}
	.counsel table tfoot td{ border-top:1px solid #ececec; padding:5px; margin-top:10px; clear:both;}
	.counsel table tfoot td label{ font-size:14px}
	.counsel .telb { float:right; margin-right:40px; width:202px; padding:0}
	
	.counsel .bt_apply a { padding:41px 16px 40px 16px; background:#1c2032; color:#fff; font-size:15px; text-align:center;   text-decoration:none; letter-spacing:-1px; margin-left: 3px ; line-height: 100%}
	.counsel .bt_apply a:hover { background:#620f0d; text-decoration:none; }

	.counsel2 {width:650px;; float:left}
	.counsel2 p {font-size:20px ; text-align:center; color:#181415;   margin-bottom:30px}
	.counsel2 table{ width:340px; float:left; margin-left:35px;}
	.counsel2 caption{display:none}
	.counsel2 table tbody td { font-size:14px; padding:2px 0}
	.counsel2 table tbody input { padding:9px 5px; border:1px solid #d5d5d5; font-size:14px; width:165px;}
	.counsel2 table tbody .inputtel_2 { padding:9px 5px; border:1px solid #d5d5d5; font-size:14px; width:122px; margin-right: 2px}
	.counsel2 table tbody select { padding:5px; border:1px solid #d5d5d5; width:177px; font-size:14px}
	.counsel2 table tfoot td{ border-top:1px solid #ececec; padding:15px 5px 5px 5px; margin-top:10px; clear:both;}
	.counsel2 table tfoot td label{ font-size:14px; margin-top:10px}
	.counsel2 .telb { float:right; margin-right:40px; width:202px; padding:0}
	
	.counsel2 .bt_apply a { padding:28px 16px; background:#1c2032; color:#fff; font-size:15px; text-align:center;   text-decoration:none; letter-spacing:-1px; margin-left: 3px ; line-height: 100%}
	.counsel2 .bt_apply a:hover { background:#620f0d; text-decoration:none; }
	

/*퀵메뉴공통*/
#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:#9ba1af; 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:#9ba1af; }

/*유로진전체지점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: 16.5%;
	}
	.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;
	}
	.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}


/*카피라이터*/
.footerwarp { background:#1c2032; clear:both; width:100%; float:left; padding:0 0 40px 0; }
.footer{ clear:both; margin:0 auto; width:1300px; padding-top: 40px }
.footer .logo { width:380px; }
.footer .address { float:right; text-align:left ; width:920px; color:#9ba1af}
.footer .address ul { width:920px; padding-bottom:10px; float:left}
.footer .address li { float:left; color:#fff; padding-right: 5px }
.footer .address li a {color:#fff; font-size:14px}
.footer .address li a:hover {color:#3cc5e9}
.footer .address p { clear:both; color:#9ba1af; font-size:14px}
.quickBar { display:none}
.quickBar2 { display:none}





@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}
.main_mtv .swiper-wrapper img { width: 100% !important}
.main_mtv .swiper-wrapper p { width: 100%; font-size: 20px; text-align: left; margin-top: 10px; font-weight: 600 }


	
/*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}
	
.main_intro2 { width:100%; clear:both;  float:left; padding:60px 0 150px 0;}
.main_intro2 h2 .allgo {float: right; text-align: right; font-size: 20px; font-family: 'notokr-regular'; cursor: pointer; padding-top: 18px}
.main_intro2 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:#9ba1af; 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:#9ba1af; }
	
/*유로진전체지점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: 16.5%;
		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;
	}
	.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}
	
/*카피라이터*/
.footerwarp { background:#1c2032; clear:both; width:100%; float:left; padding:0 0 5% 0}
.footer{ clear:both; margin:0 auto; width:98%;padding: 3% 1% 17% 1%; font-size:0.85em}
.footer .logo { width:20%;}
.footer .logo img{ width:100%;}
.footer .address { float:left; text-align:left ; width:74%; color:#9ba1af; padding: 0 3% }
.footer .address ul { padding-bottom:10px; float:left ;width:100%;}
.footer .address li { float:left; color:#fff; }
.footer .address li a {color:#fff; font-size:1em}
.footer .address li a:hover {color:#3cc5e9}
.footer .address p { clear:both; color:#9ba1af; font-size:1em; padding-top:0.5%}


.quickBar {position:fixed;bottom:0px;padding:0px;width:100%; z-index: 998; background:url(/images/common/b_bg.png) 0 0 repeat; display:block; }
.quickBar ul{ width:100%; margin:0 auto; padding:0; }
.quickBar ul li { float:left; display:inline-block; width:20%; padding:0; margin:0; text-align:center;}
.quickBar ul li img{ width: 100px; text-align: center}

.quickBar2 {position:fixed;bottom:0px;padding:0px;width:100%; z-index: 998; background:#fff; display:block; border-top: 1px solid #d2d2d2}
.quickBar2 ul{ width:100%; margin:0 auto; padding:0; }
.quickBar2 ul li { float:left; display:inline-block; width:20%; padding:5px 0; margin:0; text-align:center; border-right: 1px solid #d2d2d2; box-sizing: border-box ; font-size: 0.85em}
.quickBar2 ul li:last-child{ float:left; display:inline-block; width:20%; padding:5px 0; margin:0; text-align:center; border-right: none; box-sizing: border-box; font-size: 0.85em}
.quickBar2 ul li img{ width: 130px}

}






@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}	
.main_mtv .swiper-wrapper img { width: 100% !important}
.main_mtv .swiper-wrapper p { width: 100%; font-size: 1.1rem; text-align: left; margin-top: 1rem; font-weight: 600 }

	
/*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}
	
.main_intro2 { width:100%; clear:both;  float:left; padding:6vw 0 13vw 0;}
.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:#9ba1af; 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:#9ba1af; }
	
/*유로진전체지점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;
	}
	.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}
	
/*카피라이터*/
.footerwarp { background:#1c2032; clear:both; width:100%; float:left; padding:0 0 5% 0}
.footer{ clear:both; margin:0 auto; width:98%;padding: 3% 1% 35% 1%; font-size:0.85em}
.footer .logo { display:none }
.footer .address { float:left; text-align:left ; width:94%; color:#9ba1af; padding: 0 3% }
.footer .address ul { padding-bottom:10px; float:left ;width:100%;}
.footer .address li { float:left; color:#fff; }
.footer .address li a {color:#fff; font-size:1em}
.footer .address li a:hover {color:#3cc5e9}
.footer .address p { clear:both; color:#9ba1af; font-size:1em; padding-top:1%}
	

.quickBar {position:fixed;bottom:0px;padding:0px;width:100%; z-index: 998; background:url(/images/common/b_bg.png) 0 0 repeat; display:block}
.quickBar ul{ width:100%; margin:0 auto; padding:0 0 3% 0;}
.quickBar ul li { float:left; display:inline-block; width:20%; padding:0; margin:0; text-align:center;}
.quickBar ul li img{ width:100%;}
	
.quickBar2 {position:fixed;bottom:0px;padding:0px;width:100%; z-index: 998; background:#fff; display:block; border-top: 1px solid #d2d2d2}
.quickBar2 ul{ width:100%; margin:0 auto; padding:0; }
.quickBar2 ul li { float:left; display:inline-block; width:20%; padding:5px 0; margin:0; text-align:center; border-right: 1px solid #d2d2d2; box-sizing: border-box; font-size: 0.85em}
.quickBar2 ul li:last-child{ float:left; display:inline-block; width:20%; padding:5px 0; margin:0; text-align:center; border-right: none; box-sizing: border-box; font-size: 0.85em}
.quickBar2 ul li img{ width: 100%}
	
}





@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}	
.main_mtv .swiper-wrapper img { width: 100% !important}
.main_mtv .swiper-wrapper p { width: 100%; font-size: 1rem; text-align: left; margin-top: 1rem; font-weight: 600 }
	
/*UROGYN 소개*/
.main_intro { width:100%; clear:both;  float:left; padding:6vw 0 10vw 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}		
	
.main_intro2 { width:100%; clear:both;  float:left; padding:6vw 0 13vw 0;}
.main_intro2 h2 .allgo {float: right; text-align: right; font-size: 3.5vw; font-family: 'notokr-regular'; cursor: pointer; padding-top: 3.5vw}
.main_intro2 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:#9ba1af; 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:#9ba1af; }

/*유로진전체지점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;
	}
	.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}
	
/*카피라이터*/
.footerwarp { background:#1c2032; clear:both; width:100%; float:left; padding:0 0 22% 0;}
.footer{ clear:both; margin:0 auto; width:94%;padding:1% 3%}
.footer .logo { display:none }
.footer .address { float:left; text-align:left ; width:98%; color:#9ba1af; padding: 1% }
.footer .address ul { padding-bottom:10px; float:left ;width:100%; padding:0}
.footer .address li { float:left; color:#fff; }
.footer .address li a {color:#fff; font-size:0.7em}
.footer .address li a:hover {color:#3cc5e9}
.footer .address p { clear:both; color:#9ba1af; font-size:0.65em; padding-top:1%}

.quickBar {position:fixed;bottom:0px;padding:0px;width:100%; z-index: 9999; background:url(/images/common/b_bg.png) 0 0 repeat; display:block}
.quickBar ul{ width:100%; margin:0 auto; padding:1% 0 3% 0;}
.quickBar ul li { float:left; display:inline-block; width:20%; padding:0; margin:0; text-align:center;}
.quickBar ul li img{ width:100%;}
	
.quickBar2 {position:fixed;bottom:0px;padding:0px;width:100%; z-index: 9999; background:#fff; display:block; border-top: 1px solid #d2d2d2}
.quickBar2 ul{ width:100%; margin:0 auto; padding:0; }
.quickBar2 ul li { float:left; display:inline-block; width:20%; padding:5px 0; margin:0; text-align:center; border-right: 1px solid #d2d2d2; box-sizing: border-box; font-size: 0.85em}
.quickBar2 ul li:last-child{ float:left; display:inline-block; width:20%; padding:5px 0; margin:0; text-align:center; border-right: none; box-sizing: border-box; font-size: 0.85em}
.quickBar2 ul li img{ width: 100%}

}