@charset "UTF-8";

/*
 *
 * 반응형 스타일 시트
 *
 */

 /** 320px 이상 **/
@media (min-width: 320px){

	/** 서브 페이지 **/
	.textCase {
		font-size: 1em;
	}
	.textCase > span {
		font-size: 1.3em;
	}
	.listSubDesc li img {
		text-align:center;
	}
	.wrapSubContents {
		min-height:160px;
	}
	.btnSubTop {
		position:absolute;
		top:-54px;
		right:0;
		background:#b2b2b2;
		text-align:center;

	}

}

/** 480px 이상 **/
@media (min-width: 480px){

	/** 상단 영역 **/
	.boxGnb {
		text-align: center;
		padding-top: 40px;
	}

	/** 서브 페이지 **/
	.boxSubPageTitle {
		display: inline-block;
		*display: inline;
		*zoom: 1;
	}
	.boxSublocation {
		margin: 25px 0 10px;
		padding-left: 15px;
		display: inline-block;
		*display: inline;
		*zoom: 1;
	}
	.nav-tabs > li {
		float: left;
		clear: none;
	}
	.imgSubContent > img {
		margin-left: 0;
		margin-right: 0;
	}
	.textCase {
		font-size: 1em;
	}
	.textCase > span {
		font-size: 1.4em;
	}
	.boxListObesity5-2 {
		padding-top: 20px;
		padding-left: 150px;
	}
	.titleListObesity5-2 {
		top: 30px;
	}
	.wrapSubContents {
		min-height:200px;
		padding-left: 35px;
		padding-right: 35px;
	}
	.boxIframe {
		height: 1300px;
	}

}


/** 768px 이상 **/
@media (min-width: 768px){

	/** 상단 영역 **/
	.boxTopLogin {
		text-align: right;
	}
	.wrapPcGnb {
		margin-left: -15px;
		margin-right: -15px;
	}
	.boxPcGnb {
		margin-bottom: 0;
	}
	.boxPcGnb > li {
		float: left;
	}
	.boxPcGnb > li > a {
		display: block;
		color: #777;
		font-size: 13px;
		padding: 5px;
		border-bottom: 3px solid transparent;
		border-radius: 0;
	}
	.boxPcGnb > li:hover > a,
	.boxPcGnb > li > a.on {
		color: #368AEA;
		border-bottom-color: #368AEA;
	}
	.boxPcGnb > li.on > a {
		border-bottom-color: #368AEA;
	}
	.boxPcGnb > li.on > a > span {
		color:#368AEA;
	}
	.wrapPcGnbSub {
		display: none;
		position: absolute;
		top: 128px;
		left: 0;
		width: 100%;
		z-index: 1000;
		background-color: rgba(255,255,255,.94);
		-webkit-box-shadow: 0 3px 3px rgba(0,0,0,.2);
		-moz-box-shadow: 0 3px 3px rgba(0,0,0,.2);
		box-shadow: 0 3px 3px rgba(0,0,0,.2);
		border-bottom: 3px solid #368aea;
	}
	.boxPcGnbSub {
		padding: 0;
	}
	.boxPcGnbSub > li {
		display: none;
		min-height: 129px;
		position: relative;
	}
	.boxPcGnbSub > li > a {
		display: block;
		color: #777;
		font-size: 11px;
		letter-spacing: -1px;
		text-decoration: none;
		padding: 3px 5px;
		-webkit-transition: all .3s ease;
		-moz-transition: all .3s ease;
		-ms-transition: all .3s ease;
		-o-transition: all .3s ease;
		transition: all .3s ease;
	}
	.boxPcGnbSub > li > a:hover,
	.boxPcGnbSub > li > a:focus,
	.boxPcGnbSub > li > a:active,
	.boxPcGnbSub > li > a.on {
		color: #368AEA;
		font-weight: bold;
	}
	.boxPcGnbSub > li > div,
	.boxPcGnbSub > li > ul {
		float: left;
		padding: 10px 0;
	}
	.boxPcGnbSub > li > div.boxSubTitle {
		color: #767c81;
		font-family: "Nanum Barun Gothic";
		font-size: 22px;
		min-width: 225px;
		min-height: 98px;
		line-height: 95px;
		text-align: right;
		vertical-align: middle;
		padding-right: 55px;
		margin-top: 12px;
		background-position: right center;
		background-repeat: no-repeat;
		background-image: url(../images/top/img-nav-sub-title-bg.png);
	}
	.boxPcGnbSub > li > ul.boxSubMenu {
		padding: 15px 0 0 30px;
		margin-bottom: 0;
		position: relative;
		z-index: 1002;
	}
	.boxPcGnbSub > li > ul.boxSubMenu li {
		float: left;
		margin-left: 30px;
	}
	.boxPcGnbSub > li > ul.boxSubMenu li:first-child {
		margin-left: 0;
	}
	.boxPcGnbSub > li > ul.boxSubMenu a {
		color: #767c81;
		font-family: "Nanum Barun Gothic";
		font-size: 15px;
		font-weight: 600;
		text-decoration: none;
		display: block;
		padding: 7px 0;
	}
	.boxPcGnbSub > li > ul.boxSubMenu a:hover,
	.boxPcGnbSub > li > ul.boxSubMenu a:focus,
	.boxPcGnbSub > li > ul.boxSubMenu a:active,
	.boxPcGnbSub > li > ul.boxSubMenu a.on {
		color: #368aea;
	}
	.boxPcGnbSub > li > div.boxSubMenuImg {
		float: none;
		position: absolute;
		bottom: 0;
		right: 0;
		padding: 0;
		z-index: 1001;
	}
	.obesity > li {
		min-width: 125px;
	}
	.btnSubTop {
		position:absolute;
		top:-54px;
		right:18px;
		background:#b2b2b2;
		text-align:center;
	}

	/** 서브 **/
	.boxSubTop > li {
		padding-left: 34px;
	}
	.boxSubBg {
		/* display: block; */
		display: none;
		height: 200px;
		background-color: #d8d8d8;
		-webkit-background-size: cover !important;
		background-size: cover !important;
	}
	#plastic {
		background: transparent url(/images/sub/img-sub-plastic-bg.jpg) center center no-repeat;
	}
	#stemcell {
		background: transparent url(/images/sub/img-sub-stemcell-bg.jpg) center center no-repeat;
	}
	#antiaging {
		background: transparent url(/images/sub/img-sub-antiaging-bg.jpg) center center no-repeat;
	}
	#laser {
		background: transparent url(/images/sub/img-sub-laser-bg.jpg) center center no-repeat;
	}
	#obesity {
		background: transparent url(/images/sub/img-sub-obesity-bg.jpg) center center no-repeat;
	}
	#alopecia {
		background: transparent url(/images/sub/img-sub-alopecia-bg.jpg) center center no-repeat;
	}
	#intro {
		background: transparent url(/images/sub/img-sub-intro-bg.jpg) center center no-repeat;
	}
	#comm {
		background: transparent url(/images/sub/img-sub-comm-bg.jpg) center center no-repeat;
	}
	#member {
		background: transparent url(/images/sub/img-sub-member-bg.jpg) center center no-repeat;
	}
	.bgBotoxOrderedList {
		background: transparent url(/images/sub/bg-antiaging-botox-1.jpg) right top no-repeat;
	}
	.titleSubContentDesc {
		font-size: 1.857142857142857em;
		margin-top: 0;
	}
	.textCase {
		font-size: 1.228571428571429em;
	}
	.textCase > span {
		font-size: 1.4em;
	}
	.imgStar {
		width: 50px;
		height: 48px;
		margin-bottom: -10px;
	}
	.imgRoundedStar {
		width: 59px;
		height: 59px;
		margin-bottom: -20px;
	}
	.boxThumbUpDown li:first-child {
		border-bottom: none;
		border-right: 1px solid #dcdcdc;
	}
	.boxThumbUpDown li span {
		width: 74%;
	}
	.boxThumbUpDown.onlyOne span {
		width: 85%;
	}
	/* 비만센터 > 슈퍼스타 맞춤치료 */
	.bgObesity2-1 {
		padding-top: 30px;
		padding-left: 300px;
		background: transparent url(/images/sub/bg-obesity-2-1.jpg) 0 0 no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
	}
	.bgObesity2-2 {
		padding-top: 30px;
		padding-right: 280px;
		background: transparent url(/images/sub/bg-obesity-2-2.jpg) 0 0 no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
	}
	.bgObesity2-3 {
		padding-top: 30px;
		padding-right: 330px;
		background: transparent url(/images/sub/bg-obesity-2-3.jpg) 0 0 no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
	}
	.bgObesity2-4 {
		padding-top: 30px;
		padding-right: 230px;
		background: transparent url(/images/sub/bg-obesity-2-4.jpg) 0 0 no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
	}

	/* 비만센터 > 카복시&주사치료 */
	.boxListObesity5-1 {
		background: #fff url(/images/sub/bg-obesity-5-1.jpg) right center no-repeat;
	}
	.boxListObesity5-1 > li {
		width: 60%;
	}
	/* 비만센터 > 카복시&주사치료 */
	.boxListObesity5-3 {
		background: #fff url(/images/sub/bg-obesity-5-2.jpg) right center no-repeat;
		-webkit-background-size: contain;
		background-size: contain;
	}
	.blitsubArrow {
		background: transparent url(/images/common/icon_blit_red.gif) left top no-repeat;
		width:32px;
		height:52px;
		margin-top:15px;
	}
	.listSubDesc li  {

	}
	.listSubDesc li img {
		padding-right:40px;
	}
	.list_last {
		padding-top:40px;
		float:left;
	}
	.wrapSubContents {
		min-height:200px;
		padding-left: 34px;
		padding-right: 34px;
	}
	.boxIframe {
		height: 1300px;
	}
	.boxImpDesc > li.splitLineLeft {
		border-right: 1px solid #dedede;
	}
	.boxImpDesc > li.splitLineRight {
		border-left: 1px solid #dedede;
	}
	.boxSubOrderedList2.List4 li {
		border-top: 0;
	}
}

/** 1024px 이상 **/
@media (min-width: 1024px){

	/** 상단 영역 **/
	.boxPcGnb > li > a {
		color: #777;
		font-size: 1em;
		font-weight: 700;
		padding: 10px 14px;
	}
	.wrapPcGnbSub {
		top: 144px;
	}
	/* .boxPcGnbSub > li {
		border-left-color: transparent;
	} */
	.boxPcGnbSub > li > a {
		font-size: 13px;
		/*letter-spacing: 0;*/
	}
	/** 서브 레이아웃 **/
	.wrapSubContents {
		padding-left: 15px;
		padding-right: 35px;
	}
	.wrapSubSide {
		padding-top: 0;
		padding-left: 20px;
		padding-right: 0;
	}
	/** 서브 **/
	.boxSubBg {
		height: 270px;
	}
	.boxSubTop > li {
		padding-left: 15px;
	}
	/** 서브 탭 **/
	.boxSubTabs > ul > li > a,
	.boxSubTabs > ul > li.active a,
	.boxSubTabs ul li:hover a {
		padding-left: 10px;
		padding-right: 10px;
	}
	/* 비만센터 > 슈퍼스타 맞춤치료 */
	.bgObesity2-1 {
		height: 280px;
		padding-top: 20px;
		padding-left: 260px;
	}
	.bgObesity2-2 {
		height: 335px;
		padding-top: 20px;
		padding-right: 260px;
	}
	.bgObesity2-3 {
		height: 372px;
		padding-top: 20px;
		padding-right: 295px;
	}
	.bgObesity2-4 {
		height: 403px;
		padding-top: 20px;
		padding-right: 200px;
	}

	/** 서브 사이드 **/
	.wrapSideSpecial > span:first-child > span {
		display: inline;
	}

	/** 하단 영역 **/
	.boxFooterCenter > li {
		padding-left: 0;
	}
	.boxFooterBottom {
		margin-left: -15px;
		margin-right: -15px;
	}
	.boxFooterCopy {
		padding-left: 0;
	}
	.blitsubArrow {
		background: transparent url(/images/common/icon_blit_red.gif) left top no-repeat;
		width:32px;
		height:52px;
		margin-top:15px;
	}
	.listSubDesc li img {
		padding-right:40px;
		float:right;
	}
	.listSubDesc li.list_last {
		padding-top:40px;
		padding-right:40px;
		float:left;
	}
	.boxIframe {
		height: 840px;
	}

}