/*=================================================
		00. 일반
=================================================*/
/*****#####===== 일반 =====#####*****/
.tag_keyword{
	cursor: pointer;
	
	color: #777777;
	
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.tag_keyword.active,
.tag_keyword:hover{
	cursor: pointer;
	
	font-weight: 600;
	color: #000000;
}

.tag_box{
	display: inline-block;
	padding: 3px 8px;
	
	background-color: #444444;
	border: 1px solid #444444;
	border-radius: 4px;
	
	font-weight: 400;
	color: #FFFFFF;
}

.tag_box.active,
.tag_box:hover{
	background-color: #FFFFFF;
	
	font-weight: 400;
	color: #222222;
}

/*=================================================
		01. 네비게이션
=================================================*/
/*****#####===== 일반 =====#####*****/
#main-gnb {
	width: 100%;
	z-index: 1000;
	
	background-color: #FFFFFF;
	box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.09);
    
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

#main-gnb.float {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
}

/*****#####===== 로고 =====#####*****/
#main-gnb .navbar-brand{
	display: inline-block;
	float: none;
	height: auto;
	
    padding: 10px 10px 25px;
	
	font-weight: 600;
	line-height: 30px;
}

/*****#####===== 리스트 =====#####*****/
#main-gnb #menu-navbar .navbar-nav{
	margin: 89px 0 0;
	
	color: #333333;
}

#main-gnb #menu-navbar .navbar-nav li a{
	padding: 0;
}

#main-gnb #menu-navbar .navbar-nav li a span{
	display: block;
	text-align: center;
	padding: 15px 20px;
	
	font-weight:600;
	color:#3A3A3A;
	
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;	
}

#main-gnb #menu-navbar .navbar-nav li a.active span,
#main-gnb #menu-navbar .navbar-nav li:hover a span{
	color: #F05D7A;
}

/*****#####===== 탑 메뉴 =====#####*****/
#main-gnb #top-navbar{
	margin-left: 50px;
}

#main-gnb #top-navbar .vertical-divide li+li:before{
	height: 10px;
	margin-top: 7px;
}

#main-gnb #top-navbar .vertical-divide li a{
	padding: 3px 7px;
}
/*****#####===== 미디어 쿼리 =====#####*****/
/***** xs *****/
@media (max-width: 767px){
	#main-gnb .navbar-brand{
		padding:10px;
	}
	
	#main-gnb .navbar-header .nav-btn{
    	margin: 22px 22px 0 0;		
	}
	
	.navbar-brand>img{
		height: 50px;
	}
	
	#main-gnb #menu-navbar .navbar-nav{
		margin: 0;
	}
	
	#main-gnb #menu-navbar .navbar-nav li a span{
		padding: 13px 0;	
	}

	#main-gnb #top-navbar{
	    position: absolute;
	    top: 28px;
	    right: 64px;
	    
	    font-size: 12px;
	}
}

/*=================================================
		02. 섹션
=================================================*/
/*****#####===== 일반 =====#####*****/
header,
section{
	position: relative;
	overflow: hidden;
	
	text-align: center;
}

section{
	padding: 70px 0 50px;
}

/*****#####===== 섹션 타이틀 =====#####*****/
.section-title-wrap {
	margin: 0 0 30px;	
}

/***** 타이틀 *****/
.section-title-wrap .section-title{
	display: block;
	margin: 0 0 20px;
	
	font-size: 28px;
	font-weight: 600;
	text-align: center;
}

/***** 서브타이틀 *****/
.section-title-wrap .section-subtitle{
	display: inline-block;
	margin: 0;
	
	font-size: 15px;
	color: #000000;
	text-align: center;
	line-height: 1.6em;
}

/***** 언더바 *****/
.separator{
	display: block;
	width: 45px;
	height: 3px;
	margin: 0 auto 20px;
	
	background-color: #474D5D;
}

.separator.left{
	margin: 0;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** xs *****/
@media (max-width: 767px){
	section{
		padding: 55px 0 30px;
	}
}

/*=================================================
		03. 페이지 헤더 공통
=================================================*/
/*****#####===== 헤더 메인 타이틀 =====#####*****/
.page-nav-wrap > ul{
	min-height: 800px;
	
	border-right: 2px solid #ebebeb;
}

.page-main-title{
    padding: 90.5px 0;
	
    font-size: 23px;
    font-weight:500;
    
    background-color: #ffffff;
    
    border:12px solid #F05D7A;
    text-align:center;
}

/*****#####===== 페이지 네비게이션 =====#####*****/
.page-nav-wrap ul{
	padding:40px 20px;
    vertical-align: top;
}

.page-nav-wrap ul li a{
	width:100%;
	padding:18px 0 3px;
	
	font-size:15px;
	font-weight:500;
	
	color:#7C7C7C;
	
	border-bottom:1px solid transparent;	
	display:inline-block;
	
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;		
}

.page-nav-wrap ul li:hover a,
.page-nav-wrap ul li a.active{
	color:#3A3A3A;
	border-bottom:1px solid #CFCFCF;
}

/*****#####===== 상단 배너 =====#####*****/
.top-banner-wrap .text-cell{
	padding: 56px 0 56px 40px;
	color:#ffffff;
}

.top-banner-wrap .text-cell .item-wrap{
	margin:0;
}

/***** 타이틀 *****/
.top-banner-wrap .text-cell .item-title{
	padding:0 0 18px;
	font-size:25px;
}

/***** 내용 *****/
.top-banner-wrap .text-cell .item-desc,
.top-banner-wrap .text-cell .item-subtitle{
	font-weight: 500;
	font-size: 16px;
	color: #333;
}

/***** 서브타이틀 *****/
.top-banner-wrap .text-cell .item-subtitle{
	font-size:20px;
}

.top-banner-wrap .text-cell .item-subtitle .bold{
	padding:3px 0 0;
	
	font-weight:600;
	display:inline-block;
}

/*****#####===== 미디어 쿼리 =====#####*****/

/***** md *****/
@media (min-width: 992px) and (max-width: 1199px){

}

/***** sm *****/
@media (min-width: 768px) and (max-width: 991px){

}

/***** xs *****/
@media (max-width: 767px){
	.page-main-title{
		padding:10px 0;
	}
}

/*=================================================
		03. 페이지 폰트 공통
=================================================*/
.point-color{
	color:#F05F7C;
}

.point-color2{
	color:#5C2E16;
}

.white-color{
	color:#ffffff;
}

.point-font{
	font-family: 'Nanum Square';
}

.bold{
	font-weight:600;
}

/*****#####===== 포인트 타이틀 =====#####*****/
.point-title2,.point-title3{
	letter-spacing:-1px;
}

.point-title{
	font-size:50px;
	letter-spacing:-2px;
}

.point-title2{
	font-size:32px;
}

.point-title3{
	font-size:30px;
}

.point-title4{
	font-size:24px;
}

.point-title5{
	font-size:18px;
}

.point-title6{
	font-size:15px;
	font-weight:500;
	
	line-height:1.7;
}

/*****#####===== 도트 타이틀 =====#####*****/
.dot-title span,
span.dot-title{
	position:relative;
	font-family: 'Nanum Square';
}

span.dot-title:before,
.dot-title span:before{
	content:'·';
	position:absolute;
	top:-25px;
	left:50%;
	
	color:inherit;
	
	transform:translateX(-50%);
}

/*****#####===== 한문  타이틀 =====#####*****/
span.chinese{
    font-family: "cwTeXMing";
}


/*****#####===== 미디어 쿼리 =====#####*****/

/***** md *****/
@media (min-width: 992px) and (max-width: 1199px){

}

/***** sm *****/
@media (min-width: 768px) and (max-width: 991px){

}
/***** xs *****/
@media (max-width: 767px){
	.point-title2,
	.point-title3{
		letter-spacing:-1px;
	}
	
	.point-title{
		font-size:26px;
		letter-spacing:-2px;
	}
	
	.point-title2{
		font-size:22px;
	}
	
	.point-title3{
		font-size:20px;
	}
	
	.point-title4{
		font-size:17px;
	}
	
	.point-title5{
		font-size:15px;
	}
	
	.point-title6{
		font-size:13px;
		font-weight:500;
		
		line-height:1.7;
	}
}
/*=================================================
		03. 페이지 공통 여백 및 배경
=================================================*/
/*****#####===== 페이지 =====#####*****/
/***** 페이지 랩 *****/
.page-wrap{
    padding: 166px 0 50px;
    background-image: url('/img/page/pattern.png');
}

/***** 페이지 여백 *****/
.page-wrap .padding-wrap{
    padding: 60px 0 60px 40px;
}

/***** 화이트 배경 *****/
.page-wrap .white-bg{
    background-color: #ffffff;
}

.point-bg{
	background-color:#464646 !important;
}
.point-bg2{
	background-color: #F05D7A;
}

/*****#####===== 폰트여백 =====#####*****/
.page-wrap .padding-title{
	padding-bottom:40px;
}

.page-wrap .base-table-wrap .point-title3{
	padding:0 0 60px;
}

/*****#####===== 기타 =====#####*****/
.page-wrap .dot-img{
	margin:20px auto;
}


/*****#####===== 미디어 쿼리 =====#####*****/
/***** xs *****/
@media (max-width: 767px){
	.page-wrap .padding-title{
		padding:0 0 20px;
	}
	
	.page-wrap .padding-wrap{
		padding:30px 0;
	}
	
	.page-wrap .base-table-wrap .point-title3{
	    padding: 0 0 20px;
	}
	
	.page-wrap{
		padding: 100px 0 50px;
	}
}

/*=================================================
		03. 페이지 컨텐츠
=================================================*/
table{
	width:100%;
}

table tr th{
	font-weight:inherit;
}

table tr td .item-wrap{
	margin:0;
}

/*****#####===== 포스트 =====#####*****/
.post-table{
	height: 245px;
	margin-bottom: 20px;
}

.post-table tr td:first-child{
	width: 65%;
}

.post-table .text-cell{
	padding: 0 20px;
	letter-spacing: -0.8px;
}
.post-table .text-cell.left{
	padding: 0 40px;
}
.post-table .post-title{
	margin: 0 0 10px 0;
}

/*****#####===== 베이스 테이블 =====#####*****/
.base-table tr th{
	width:55%;
	vertical-align:top;
}

.base-table tr td{
	width:45%;
}

.base-table-wrap .item-desc{
	font-weight:500;
}

/*****#####===== 베이스2 테이블 =====#####*****/
.base2-table{
    border-collapse: separate;
    border-spacing: 0 30px;
}

.base2-table tr th{
	width:35%;
}

/***** 비율 *****/
.base2-table tr th .ratio-rate:before{
	padding-top:75%;
}

.base2-table tr td{
	width:65%;
	
	padding-left:40px;
}

/***** 타이틀 *****/
.base2-table tr td .item-title{
	padding:0 0 20px;
}

/*****#####===== 서비스 랩 =====#####*****/
.service-wrap .item-wrap{
	margin:0 3px 20px;
}

/***** 타이틀 *****/
.service-wrap .item-wrap .item-title{
	padding:15px 0 0;
}

/***** 데스크 *****/
.service-wrap .item-wrap .item-desc{
	padding:5px 0 0;
}

/*****#####===== 넘버리스트 =====#####*****/
.number-list-table{
	margin:30px 0 0;
}

.number-list-table td{
    padding: 0 0 15px 0;
}

.number-list-table td:first-child{
    width: 6%;
}

.number-list-table td .number-box{
    width: 45px;
    height: 45px;
    
    border: 3px solid #F35A79;
    border-radius: 100%;
    
    font-weight: 600;
    line-height: 1.8;
}

.number-list-table td:nth-child(2){
	padding: 0 0 15px 10px;
}

/*****#####===== 텍스트 리스트 랩 =====#####*****/
/***** 텍스트 타이틀 *****/
.text-list-wrap .text-title{
	padding:0 0 14px;
}

/*****##### 아이템 랩 #####*****/
.text-list-wrap .item-wrap{
	margin:0 0 35px;
}

/***** 타이틀 *****/
.text-list-wrap .item-title{
	padding: 0 0 15px;
}

/***** 서브타이틀 *****/
.text-list-wrap .item-subtitle{
	font-weight:500;
}

/*****#####===== 원 공통 =====#####*****/
.circle-wrap{
	margin:30px 0 0;
}

.circle-wrap .item-wrap{
	margin:0 45px;
}

/***** 타이틀 *****/
.circle-wrap .item-wrap .item-title{
	font-weight:500;
}

/***** 서브타이틀 *****/
.circle-wrap .item-wrap .item-subtitle{
    padding: 13px 0 5px;
	
	font-weight:600;
	letter-spacing:-1px;
}
.circle-wrap .item .item-wrap .item-desc{
	padding: 20px 0 0 0;
}
.circle-wrap .item .item-wrap{
	position:relative;
}

/***** 화살표 *****/
.circle-wrap .item:nth-child(2) .item-wrap:before,
.circle-wrap .item:nth-child(2) .item-wrap:after{
	position:absolute;
}

/*****##### 블루 원 컨텐츠 #####*****/
/***** 화살표 *****/
.circle-wrap.blue .item:nth-child(2) .item-wrap:before,
.circle-wrap.blue .item:nth-child(2) .item-wrap:after{
	content:'';
	top:33%;
	
	border-top: 12px solid #424242;
	border-left: 13px solid transparent;
	border-right: 13px solid transparent;
    
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform:rotate(-90deg);
	transform:rotate(-90deg);
}

.circle-wrap.blue .item:nth-child(2) .item-wrap:before{
	left:-54px;
}

.circle-wrap.blue .item:nth-child(2) .item-wrap:after{
	right:-54px;
}

/***** 노텍스트 화살표 *****/
.circle-wrap.blue.notext .item:nth-child(2) .item-wrap:before, 
.circle-wrap.blue.notext .item:nth-child(2) .item-wrap:after{
	top:49%;
}

.circle-wrap.blue.notext .item:nth-child(2) .item-wrap:after{
	right:-61px;
}

/*****##### 퍼플 원 컨텐츠 #####*****/
/***** 화살표 *****/
.circle-wrap.purple .item:nth-child(2) .item-wrap:before,
.circle-wrap.purple .item:nth-child(2) .item-wrap:after{
	content:'&';
	top:50%;
	
	font-size:50px;
	font-weight:100;
	
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);	
}

.circle-wrap.purple .item:nth-child(2) .item-wrap:before{
	left:-57px;
}

.circle-wrap.purple .item:nth-child(2) .item-wrap:after{
	right:-62px;
}

/***** 텍스트 화살표 *****/
.circle-wrap.purple.text .item:nth-child(2) .item-wrap:before,
.circle-wrap.purple.text .item:nth-child(2) .item-wrap:after{
	top:21%;
	transform: none;	
}

/***** 텍스트 데스크 *****/
.circle-wrap.purple.text .item-desc{
	padding:20px 0 0;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** xs *****/
@media (max-width: 767px){	
	table tr td .item-wrap{
		margin: 10px 0;
	}
	
	/*****#####===== 포스트 테이블 =====#####*****/
	.post-wrap .bg{
		background-size: inherit !important;
	}
	
	.post-wrap .point-title5{
		font-size: 12px;
	}
	
	.post-table{
		height: 150px;
	}
	
	.post-table .post-desc span{
		font-size: 40px;
	}
	
	.post-table tr td.left{
		width: 67%;
		padding:0 !important;
	}

	.post-table tr td.right{
		width: 33%;
		padding:0;
		text-align:center;
	}
	
	/*****#####===== 원 컨텐츠 =====#####*****/	
	.circle-wrap {
	    margin: 15px 0 0;
	}		
		
	/*****#####===== 블루 원 컨텐츠 =====#####*****/
	.circle-wrap.blue .item:nth-child(2) .item-wrap:before, 
	.circle-wrap.blue .item:nth-child(2) .item-wrap:after{
		content:"";
		border: none;
	}
	
	.circle-wrap .item-wrap{
		margin: 0 5px 10px;
	}
	
	/*****#####===== 퍼플 원 컨텐츠 =====#####*****/
	.circle-wrap.purple .item:nth-child(2) .item-wrap:before,
	.circle-wrap.purple .item:nth-child(2) .item-wrap:after{
		content:"";
	}
	
	/*****#####===== 베이스2 테이블 =====#####*****/
	.base2-table tr th{
		margin: 0 0 10px 0;
	}
	
	.base2-table tr td{
		padding: 0;
	}
	
	.base2-table tr td .item-title{
		padding:10px 0;
	}
	
	/*****#####===== 아이조아 소아비만치료가 특별한 이유 =====#####*****/
	.number-list-table td .number-box{
		line-height: 2.4;
	}
}

/*=================================================
		04. 푸터
=================================================*/
footer{
	padding: 20px 0 15px;
	
	background-color: #464646;
	
	color: #C3C3C3;
	font-size: 14px;
}

footer .company-info{
    margin: 66px 0 0;
}

footer .container .company-info2{
	margin:0;
}

footer .company-info li{
	font-size:13px;
	
	line-height: 1.8;
	color:#D3D3D3;
}

footer hr{
	margin: 20px 0 15px;
	
	border-top: 1px solid #656565;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** xs *****/
@media (max-width: 767px){
	footer{
		padding: 14px 0;
		font-size: 11px;
		text-align: center;
	}
	
	footer .company-info li{
		margin: 0 8px 0 0;
		line-height: 1.8;
	}
	
	footer img{
		height: 50px !important;
	}
	footer .company-info{
		margin: 36px 0 0;
	}
}

/*=================================================
		05. 상품 리스트
=================================================*/
.order-list-table{
	width: 100%;
}

.order-list-table th{
	text-align: center;
	border-bottom: 2px solid #202020;
	padding: 5px;
}

.order-list-table td{
	text-align: center;
	border-bottom: 1px solid #E6E6E6;
	padding: 10px 5px;
}

/* 체크박스 */
.order-list-table .cart_check{
	width: 30px;
}

/* 주문일자 */
.order-list-table .cart_date{
	width: 150px;
}

/* 주문상태 */
.order-list-table .cart_status{
	width: 90px;
}

/* 제품 이미지 */
.order-list-table .cart_img{
	width: 100px;
}

.order-list-table .cart_img img{
	border: 1px solid #EFEFEF;
}

/* 상품 정보 */
.order-list-table td.cart_info{
	text-align: left;
}

.order-list-table td.cart_info h4{
	margin: 3px 6px 6px;
	font-size: 16px;
}

.order-list-table td.cart_info h3{
	margin: 3px 6px 6px;
	font-size: 20px;
	font-weight: bold;
}

/* 옵션 정보 */
.order-list-table .cart_info .opt_info{
	border: 1px solid #E9E9E9;
	background-color: #F8F8F8;
	
	padding: 4px 10px;
	margin-top: 3px;
	
	font-size: 13px;
}

.order-list-table .cart_info .opt_info.cancel{
	background-color: #999999;
	
	color: #AAAAAA;
}


.order-list-table .cart_info .opt_info > div{
	display: inline-block;
}

.order-list-table .cart_info .opt_info .opt_name{
	width: 250px;
	line-height: 24px;
}

.order-list-table .cart_info .opt_info .opt_price{
	width: 80px;
	text-align: center;
	line-height: 24px;
}

.order-list-table .cart_info .opt_info .opt_qty{
	width: 100px;
	text-align: center;
}

.order-list-table .cart_info .opt_info .opt_qty input{
	width: 45px;
	padding-left: 4px;
	
	border: 1px solid #C4C2C0;
}

.order-list-table .cart_info .opt_info .change_btn{
	padding: 2px 7px;
	
	font-size: 12px;
}

.order-list-table .cart_info .opt_info .opt_subtotal{
	line-height: 24px;
}

/* 주문 금액 */
.order-list-table .cart_price{
	width: 110px;
	font-weight: bold;
}

/* 주문 버튼 */
.order-list-table .cart_btn{
	width: 85px;
}

.order-list-table .cart_btn .btn{
	padding: 3px 15px;
	
	font-size: 13px;
	font-weight: bold;
}

/***** xs *****/
@media (max-width: 767px){
	/* 주문 테이블 */
	.order-list-table,
	.order-list-table > tbody,
	.order-list-table > tbody >tr,
	.order-list-table > tbody > tr > td{
		position: relative;
		display: block;
		width: 100%;
	}
	
	.order-list-tabel thead{
		display: none;
	}
	
	/* 상품 정보 */
	.order-list-table .cart_check{
		width: 100%;
	}
	
	.order-list-table .cart_img{
		width: 100%;
	}
	
	.order-list-table .cart_price{
		width: 100%;
	}
	
	/* 옵션 정보 */
	.order-list-table .cart_info .opt_info{
		padding: 2px 5px;
		margin-bottom: 3px;
		
		font-size: 12px;
	}
	
	.order-list-table .cart_info .opt_info .opt_name{
		width: 40%;
	}
	
	.order-list-table .cart_info .opt_info .opt_price{
		width: 60px;
	}
	
	.order-list-table .cart_info .opt_info .opt_qty{
		width: auto;
	}
	
	.order-list-table .cart_btn {
		width: 100%;
	}
	
	
	/* 토탈 정보 */
	#total_wrap #total_delivery{
		float: none !important;
		display: block;
		text-align: right;
	}
	
	#total_wrap #total_price{
		float: none !important;
		display: block;
		text-align: right;
		
		font-size: 18px !important;
	}
	
	#total_wrap #total_price .price{
		font-size: 24px !important;
	}
}