/*=================================================
		00. 일반
=================================================*/
body{
	font-size:15px;
	line-height:1.7;
}

/***** xs *****/
@media (max-width: 767px){
	body{
		font-size:13px;
		line-height:1.6;
	}
	
	.default-tmpl-wrap .srch-wrap .btn-inline{
		margin-top:-4px;
	}
}
/*=================================================
		01. 네비게이션
=================================================*/
/*****#####===== 일반 =====#####*****/
#main-gnb {
	width: 100%;
	z-index: 1000;
	
	background-color: #FFFFFF;
    box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.2);
    
	-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 .navbar-brand img{
	/*
	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;
	
	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:#7D5811;
}

/*****#####===== 탑 메뉴 =====#####*****/
#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;
}

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

/***** md *****/
@media (min-width: 992px) and (max-width: 1199px){
	#main-gnb .navbar-brand{
		padding:10px;
	}
	
	#main-gnb .navbar-brand img {
	    height: 54px;
	}
	
	#main-gnb #menu-navbar .navbar-nav{
		margin:17px 0 0;
	}
}

/***** sm *****/
@media (min-width: 768px) and (max-width: 991px){
	#main-gnb .navbar-brand{
		padding:10px;
	}
	
	#main-gnb .navbar-brand img {
	    height: 54px;
	}
	
	#main-gnb #menu-navbar .navbar-nav{
		margin:17px 0 0;
	}	
}

/***** xs *****/
@media (max-width: 767px){
	#main-gnb .navbar-brand{
		padding:7px 10px 0;
	}
	
	#main-gnb .navbar-brand img {
	    height: 30px;
	}
	
	#main-gnb #menu-navbar .navbar-nav{
		margin:0;
	}
	
	#main-gnb #menu-navbar .navbar-nav li a span{
	    padding: 11px 0;	
		font-size:13px;
	}
}

/*=================================================
		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: 31px;
	font-family: 'Jeju Myeongjo', serif;
		
	color:#49493F;
		
	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;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** md *****/
@media (min-width: 992px) and (max-width: 1199px){

}

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

/***** xs *****/
@media (max-width: 767px){
	.section-title-wrap .section-title{
		font-size:21px;
	}
}

/*=================================================
		03. 헤더 공통
=================================================*/

/*****#####===== 헤더 메인 타이틀 =====#####*****/
.page-main-title{
    padding: 98.5px 0;
	
    font-size: 23px;
    font-weight:500;
    
    background-color:#ffffff;
    
    border:12px solid #8A831A;
    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;
	
	background-color:#120C05;
	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:300;
	color:#BAB9B8;
}

/***** 서브타이틀 *****/
.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;
	}
}


/*=================================================
		04. 페이지 공통
=================================================*/
/*****#####===== 페이지 공통 =====#####*****/
.page-wrap{
	padding: 152px 0 0;
    
    background-image:url('/img/page/pattern.png');
}

.page-wrap .page-title{
	font-size: 40px;
	font-weight: 700;
	letter-spacing: -1px;
}

.page-wrap .title-info{
	font-size: 15px;
	font-weight: 600;
	color: #797979;
}

.page-wrap .info-title{
	font-size: 15px;
	font-weight: bold;
	letter-spacing: -1px;
	
	border-bottom: 2px solid #202020;
	
	margin-bottom: 20px;
	padding-bottom: 6px;
	padding-left: 5px;
}

.page-wrap .padding-wrap{
    padding: 60px 0 60px 35px;
	border-left:1px solid #DDDDDD;
}

/***** 테이블 *****/
table{
	width:100%;
}

/***** 색깔 *****/
.white-bg{
	background-color:#ffffff;
}

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

.point-color{
	color:#5D6010;	
}

.point-bold{
	font-weight:600;
	color:#5D6010;
}

/***** 리스트  *****/
dl{
	margin:0 0 10px;
}

dt,dd,
dt.number,
dd.text{
	font-weight:500;
	display:inline-block;
}

dt.number{
	padding:0 10px 0 0;	
    font-size: 25px;
}

dd.text,
.item-desc dt.number{
	vertical-align:middle;
}

/*****#####===== 페이지 공통 타이틀,텍스트 =====#####*****/

/***** 컨텐츠 타이틀 *****/
.content-title{
	margin:70px 0 0;
	padding:0 0 40px;
	
	font-size:28px;
	color:#49493F;
}

.item-wrap.text-wrap .content-title{
	padding:0 0 10px;
}

.middle-text-wrap .content-title{
	padding:0;
}

.content-title.no-margin{
	margin:0;
}

.item-wrap.text-wrap .point-bold{
	font-size:18px;
}

/***** before *****/
.content-title.dot-title span:before{
	top: -28px;
}

/***** slash font *****/
.slash-font{
	position:relative;
    font-size: 38px;
}

.slash-font:after{
	content:'';
	position:absolute;
    bottom: 5px;
    right: -20px;
    
    width: 1px;
    height: 11px;
    
    background-color:#333333;
    transform: skew(-50deg);
}

/***** big-title *****/
.big-title{
    font-size: 46px;
}

.item-wrap .big-title{
	margin:5px 0;
}

/***** 포인트 타이틀 *****/
.point-font{
	font-family: 'Jeju Myeongjo', serif;
}

/***** 포인트 선 *****/
.point-line{
	position:relative;
}

.point-line:after{
	content:'';
	position:absolute;
	
	width:2px;
	height:10px;
	
	background-color:#959595;
	
    -ms-transform: skewX(-50deg);
    -webkit-transform: skewX(-50deg);
    transform: skewX(-50deg);	
}

/***** dot 타이틀 *****/
.dot-title,
.dot-title span,
span.dot-title{
	font-family: 'Jeju Myeongjo', serif;	
}

.dot-title span,
span.dot-title{
	position:relative;
}

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

/***** 텍스트 big *****/
.item-desc .big{
	font-size:20px;
}

/***** 중간 타이틀 *****/
.middle-title{
	margin:60px 0 0;
	font-size:35px;
}

/***** 한자 *****/
.cwTeXMing{
	font-family:"cwTeXMing";	
}

/***** 중간 서브텍스트 *****/
.middle-text-wrap{
	margin:80px 0 10px;
}

.middle-text-wrap .sub-text{
	margin:0 0 30px;
    font-size: 20px;
    line-height: 1.5;
}

/***** etc-desc *****/
.etc-wrap .etc-desc{
	padding:5px 0 0;
	font-size:23px;
}

/*****#####===== 타이틀 이미지 랩 =====#####*****/
.title-img-wrap .content-title{
	margin:0;
}

.title-img-wrap .left-wrap,
.title-img-wrap .right-wrap{
	display:inline-block;
}

.title-img-wrap .left-wrap p{
    font-size: 26px;
    font-weight: 600;	
}

.title-img-wrap .right-wrap{
	margin:0 0 0 50px;
}

.title-img-wrap .desc span{
	font-size:18px;
	font-weight:600;
}

/*****#####===== 이미지 링크 랩 =====#####*****/
.img-link-wrap{
	position:relative;	
    margin: 70px 0;	
    padding: 26px 111px;
	
	background-repeat:no-repeat;
	background-position:left bottom;	
}

.img-link-wrap .img-title,
.img-link-wrap .link-btn,
.img-link-wrap .link-btn a{
	display:inline-block;
}

/***** 타이틀 *****/
.img-link-wrap .img-title{
	font-size:38px;
}

/***** 바로가기 버튼 *****/
.img-link-wrap .link-btn{
	margin:5px 0 0;
	float:right;
}

.img-link-wrap .link-btn a{
    width: 80px;
    height: 80px;
    line-height: 80px;
 
    margin: -13px 0 0;
    
    font-weight: 600;	
    
	background-color:#ffffff;
	color:#000000;

    border-radius: 50%;		
    text-align: center;	
    cursor:pointer;
}

/***** 오른쪽 이미지 *****/
.img-link-wrap .right-img-wrap{
	position:absolute;
    top: -44%;
    right: -27px;
}

/*****#####===== 배경 원 =====#####*****/
.circle-bg-wrap{
	margin:0 30px;
}

.circle-bg-wrap .item-wrap{
	padding:0 12px;
	font-size:23px;
	font-weight:600;
	
    line-height: 1.4;	
}

/*****##### 하단 텍스트 #####*****/
.bottom-text-wrap{
	position:relative;
	margin:70px 30px 0;
	padding:10px 0;
	
	background-color:#464A39;
	color:#ffffff;
}

.bottom-text-wrap:before{
	content:'';
	position:absolute;
    top: -67px;
	left:50%;
	
	width:89px;
	height:44px;
	
	background-image:url('/img/page/prospermia/arrow.png');
	
	transform: translateX(-50%);
}

/***** 타이틀 *****/
.bottom-text-wrap .item-title{
	font-size:21px;
}

/*****#####===== 탭 버튼 =====#####*****/
.tab-btn-wrap ul{
	margin:0 0 60px;
}

.tab-btn-wrap li{
 	width: 33.33333%;
    margin: 0 -2px 0;
    padding:0;
}

.tab-btn-wrap li a{
	position:relative;	
	width:100%;
	padding:8px 0;
	
	font-size:26px;
	
	background-color:#ffffff;
	border:1px solid #464646;
	display:inline-block;	
}

/***** hover,active *****/
.tab-btn-wrap li.active a,
.tab-btn-wrap li:hover a{
	background-color:#464646;
	border:1px solid transparent;
	color:#ffffff;
}

/***** hover,active:before *****/
.tab-btn-wrap li.active a:before,
.tab-btn-wrap li:hover a:before{
	content:'';
	position:absolute;
	bottom:-13px;
	left:50%;
	
    border-top: 20px solid #464646;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    
	transform:translateX(-50%) rotate(-360deg);
}

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

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

}

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

}

/***** xs *****/
@media (max-width: 767px){
	/***** 페이지 랩 *****/
	.page-wrap{
		padding:70px 0;
	}
	
	.page-wrap .padding-wrap{
		padding:0;
		border-left:none;
	}
	
	/***** 컨텐츠 타이틀 *****/
	.content-title{
		margin:30px 0 0;
		padding:0 0 20px;
		
		font-size:18px;
	}	
	
	.title-img-wrap .content-title,
	.content-title.no-margin{
		margin:30px 0 0;
	}	
	
	.content-title.board-title{
		margin:20px 0 0;
	}
	
	/***** 중간 타이틀 *****/
	.middle-title{
	    margin: 20px 0;
	    font-size: 22px;
	}	
	
	/***** 중간 서브텍스트 *****/
	.middle-text-wrap .sub-text{
		font-size:15px;
	}
	
	/***** 슬래시 폰트 *****/
	.slash-font{
		font-size:30px;
	}
	
	/***** 도트 타이틀 *****/
	span.dot-title:before, .dot-title span:before{
		top:-17px;
	}
	
	.content-title.dot-title span:before {
		top: -21px;
	}	
	
	/***** 텍스트 bold, big *****/
	.item-desc .big,
	.item-wrap.text-wrap .point-bold {
	    font-size: 15px;
	}
	
	/***** 큰 타이틀 *****/
	.big-title{
		font-size:23px;
	    line-height: 1.2;	
	}
	
	/***** 중간텍스트 랩 *****/
	.middle-text-wrap {
	    margin: 30px 0 10px;
	}
	
	/*****#####===== 타이틀 이미지 랩 =====#####*****/
	.title-img-wrap .desc span{
		font-size:14px;
	}
	
	.title-img-wrap .left-wrap p{
		font-size:15px;
	}
	
	.title-img-wrap .right-wrap{
		margin:0;
	}
	
	/***** 리스트  *****/
	dt.number{
	    padding: 0 5px 0 0;
		font-size:15px;
	}
	
	dt.number, dd.text{
		display:inline;
	}
	
	/*****#####===== 이미지 링크 랩 =====#####*****/
	.img-link-wrap{
	    margin: 40px 0;	
		padding:20px 10px;
		
	    background-position: -23% 50%;	
	}
	
	.img-link-wrap .img-title{
	    padding: 0 0 0 10px;	
		font-size:20px;
	}
	
	.img-link-wrap .right-img-wrap{
		display:none;
	}
	
	.img-link-wrap .link-btn a{
	    width: 55px;
	    height: 55px;
	    line-height: 55px;
	    
	    margin: -18px 0 0;
	    font-size: 12px;		
	}

	/*****#####===== 배경 원 =====#####*****/
	.circle-bg-wrap{
		margin:0;
	}
	
	.circle-bg-wrap .item-wrap{
		padding:0 5px;
		font-size:15px;	
	}
	
	/*****##### 배경 원 바텀 텍스트 #####*****/
	.bottom-text-wrap{
		margin:70px 0;
	}
	
	.bottom-text-wrap .item-title{
		font-size:16px;
	}
	
	.bottom-text-wrap .item-subtitle{
		font-size:12px;
	}
	
	/***** etc-desc *****/
	.etc-wrap .etc-desc{
	    padding: 10px 0 0;
	    font-size: 16px;
	}	
}

/*=================================================
		04. 페이지 테이블
=================================================*/
/*****#####===== 베이스 테이블 =====#####*****/
.base-table,
.method-table{
	border-collapse: separate;
    border-spacing: 0 25px;
}

/***** 셀 *****/
.base-table .img-cell{
	width:35%;
}

.base-table .text-cell{
	width:65%;

    vertical-align: bottom;	
}

/***** 우측 텍스트 *****/
.base-table .text-cell .item-wrap{
	margin:0;
	padding:0 0 0 30px;
}

.base-table .text-cell .item-title{
    padding: 0 0 45px;
	
	font-size:28px;
}

.base-table .text-cell .item-desc{
	padding:0 0 10px;
}

.base-table .text-cell .item-desc .point-color{
	font-size:17px;
	font-weight:500;
}

/*****#####===== 타이틀 테이블 =====#####*****/
.title-table{
	margin:50px 0 30px;
}

.title-table .title-cell{
	width:60%;
    padding: 69px 0;

	color:#ffffff;
	text-align:center;
}

.title-table .img-cell{
	width:40%;
}

/*****#####===== 치료방법 테이블 =====#####*****/
/***** th,td *****/
.method-table .img-cell{
	width:30%;
}

.method-table .text-cell{
	position:relative;
	width:70%;
}

.method-table .text-cell .item-title,
.method-table .text-cell .item-desc{
	padding:0 0 0 35px;
}

/***** 타이틀 *****/
.method-table .text-cell .item-title{
	font-size:58px;
}

.method-table .text-cell .item-title span{
	font-size:38px;
	font-family:"cwTeXMing";
	color:#6e6e6c;
}

/***** 텍스트 *****/
.method-table .text-cell .item-desc{
	padding:0 0 25px 35px;
}

/***** 서브타이틀 *****/
.method-table .text-cell .item-subtitle{
	position:absolute;
	bottom:0;
	
	width:100%;
	padding:10px 0;
	
	font-size:25px;
	background-color:#464646;
	color:#ffffff;
	
	line-height: 1.4;	
}

.method-table .text-cell .item-subtitle span{
	font-size:17px;
}

/***** 화살표 *****/
.method-table .text-cell .item-subtitle:before{
	content:'';
	position:absolute;
	left:50%;
    bottom: -12px;

	border-top: 20px solid #464646;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;

    transform: translateX(-50%) rotate(-360deg);
}

.method-table tr:last-child .text-cell .item-subtitle:before{
	display:none;
}

/*****#####===== 리스트 테이블 =====#####*****/
/***** 이미지 셀 *****/
.list-table .img-cell{
	padding:0 80px 0 0; 
}

/***** 텍스트 셀 *****/
.list-table .text-cell{
	padding:20px 0;
}

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

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

}

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

}

/***** xs *****/
@media (max-width: 767px){
	table tr .img-cell,
	table tr .text-cell{
		width:100% !important;
	    display: block;
	}

	.greeting-table tr .img-cell,
	.text-table tr .img-cell,
	.bottom-table tr .img-cell{
		padding:116px 0;	
	}
	
	.base-table tr .img-cell .ratio-box:before,
	.method-table tr .img-cell .ratio-box:before,
	.cause-table tr .img-cell .ratio-box:before{
		padding-top:80%;
	}
	
	/*****#####===== 베이스 테이블 =====#####*****/
	.base-table .text-cell .item-wrap{
		padding:0;
	}
	
	.base-table .text-cell .item-title{
	    padding: 10px 0 0;
	    font-size: 20px;	
	}
	
	.base-table .text-cell .item-desc .point-color{
		font-size:14px;
	}
	
	/*****#####===== 타이틀 테이블 =====#####*****/
	.title-table .title-cell{
		width:100%;
	    padding: 30px 0;	
	}
	
	.title-table .img-cell{
		display:none;
	}	
	
	/*****#####===== 치료방법 테이블 =====#####*****/
	.method-table .text-cell .item-title{
		padding: 15px 0 10px;		
		font-size:28px;
	}
	
	.method-table .text-cell .item-title span{
		font-size:23px;
	}
	
	.method-table .text-cell .item-desc{
		padding:0 0 60px;
	}
	
	.method-table .text-cell .item-subtitle{
		font-size:17px;
	}
	
	.method-table .text-cell .item-subtitle span{
		font-size:13px;
	}
	
	/*****#####===== 리스트 테이블 =====#####*****/
	.list-table .img-cell{
		padding:0;
	}
}

/*=================================================
		04. 자가진단 페이지 
=================================================*/
/*****#####===== 이미지 링크 랩 =====#####*****/
/*****##### 공통 #####*****/
.test-wrap .content-wrap{
	padding:30px;
}

.test-wrap .point-bold{
	font-size:17px;
}

/***** 이미지 링크랩  *****/
.test-wrap .img-link-wrap{
	margin:0;
}

.test-wrap .img-link-wrap .right-img-wrap{
	top: 10px;
    right: 35px;
}

/***** 전립선염 자가진단 이미지 링크랩*****/
.prostate-test-inc-wrap .img-link-wrap,
.constitution-test-inc-wrap .img-link-wrap{
	background-image:url('/img/page/prostate/img-title.png');
	background-color:#0D1425;
	color:#A5CCED;	
}

/***** 전립선비대증 자가진단 이미지 링크랩 *****/
.benign-prostatic-test-inc-wrap .img-link-wrap{
	background-image:url('/img/page/prostate/img-title2.png');
	background-color:#3B3A42;
	color:#CAC6BF;	
}

/***** 만성피로 자가진단 이미지 링크랩 *****/
.chronic-fatigue-test-inc-wrap .img-link-wrap{
	background-image:url('/img/page/mens/img-title.png');
	background-color:#402B2D;
	color:#E5DCCA;	
}

/*****#####=====  컨텐츠 랩  =====#####*****/
.test-wrap .content-wrap{
    background-color: #ffffff;	
	border:1px solid #464646;
}

/***** 테스트 설명 *****/
.test-wrap .test-explanation{
	padding:0 0 10px;
	border-bottom:2px solid #E1E1E1;
}

/*****#####===== 아이템 랩 =====#####*****/
.test-wrap .item-wrap{
    padding: 0 30px;
}

/***** 타이틀 *****/
.test-wrap .item-wrap .item-title{
	padding:40px 0 0;
	font-size:37px;
}

/***** 서브타이틀 *****/
.test-wrap .item-wrap .item-subtitle dd{
	padding:0 0 10px;
	
	font-size:17px;
	font-weight:600;
}

.test-wrap .item-wrap .item-subtitle .big{
	font-size:29px;
	font-weight:500;
}

/*****#####===== 테스트 테이블 =====#####*****/
.test-wrap .test-table tr{
	border-bottom:1px dashed #CCCCCC;
}

.test-wrap .test-table th,
.test-wrap .test-table td{
	padding:10px 0 3px;
}

.test-wrap .test-table .desc-cell{
	width:70%;
	
	font-size:16px;
	font-weight:500;
}

.test-wrap .test-table .radio-cell{
	width:30%;
    text-align: right;
}

/*****#####===== 테스트 결과 =====#####*****/
/***** 타이틀 *****/
.test-wrap .result-wrap .result-title{
	padding:0 10px 0 0;
	font-size:37px;
}

.test-wrap .result-wrap .result-number,
.test-wrap .result-wrap .result-type{
	font-size:25px;
}

/***** 점수 숫자 *****/
.test-wrap .result-wrap .result-number{
	color:#5489B5;
}

/***** 테스트 결과 내용 *****/
.test-wrap .result-wrap .result-desc{
	padding:25px 0 0;
	border-top:1px dashed #CCCCCC;
}

.test-wrap .result-wrap .result-desc span{
	padding:0 0 10px;
	display:inline-block;
}

/***** dt,dd *****/
.test-wrap .result-wrap .result-desc dt.title,
.test-wrap .result-wrap .result-desc dd.text{
	vertical-align:top;
}

.test-wrap .result-wrap .result-desc dt.title{
    width: 100px;
    
    font-size: 16px;
    text-align: left;
    font-weight: 600 !important;
}

/*****#####===== 버튼 랩 =====#####*****/
.test-btn-wrap{
	margin:30px 0 0;
}

.test-btn-wrap .test-btn{
	width:220px;
	
	padding:2px 0;
	
	font-size:20px;
	font-weight:600;
	
	background-color:#ffffff;
	border:2px solid #636363;
	border-radius:20px;
	
	cursor:pointer;
	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;	
}

.test-btn-wrap .test-btn.blue-bg{
	background-color:#5489B5;
}

/***** 버튼:hover *****/
.test-btn-wrap .test-btn:hover{
	background-color:#5489B5;	
	color:#ffffff;
}

.test-btn-wrap .test-btn.blue-bg:hover{
	color:#ffffff;
}

/***** 결과버튼 랩 *****/
.test-btn-wrap .result-btn-wrap{
	margin:10px 0 0;
}

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

/***** xs *****/
@media (max-width: 767px){
	/*****#####===== 공통 =====#####*****/
	.test-wrap{
		margin:30px 0 0;
	}
	
	.test-wrap .img-link-wrap{
		text-align:center
	}
	
	.test-wrap .point-bold{
		font-size:15px;
	}
	
	.test-wrap .content-wrap{
	    padding: 30px 10px;
	}	
	
	/*****#####=====  아이템 랩  =====#####*****/
	.test-wrap .item-wrap{
	    padding: 0 10px;
	}	
	
	.test-wrap .item-wrap .item-title {
	    padding: 20px 0 0;
	    font-size: 20px;
	}	
	
	.test-wrap .item-wrap .item-subtitle dd{
		padding:0;
		font-size:13px;
	}
	
	.test-wrap .item-wrap .item-subtitle .big{
		font-size:16px;
	}
	
	/*****#####===== 테스트 테이블 =====#####*****/
	.test-wrap .test-table .desc-cell{
		width:60%;
		font-size:12px;
	}
	
	.test-wrap .test-table .radio-cell{
		width:40%;
		font-size:12px;
	}
	
	.test-wrap .list .test-table th,
	.test-wrap .list .test-table td .radio-inline{
		margin:0;
		padding:0;
		text-align:center;
	}
	
	/*****#####===== 결과 =====#####*****/
	.test-wrap .result-wrap .result-title{
		font-size:30px;
	}
	
	.test-wrap .result-wrap .result-number,
	.test-wrap .result-wrap .result-type{
		font-size:20px;
	}
	
	.test-wrap .result-wrap .result-desc dt.title{
		padding:0 0 3px;
		font-size:14px;
	}
	
	/*****#####===== 버튼 =====#####*****/
	.test-btn-wrap .test-btn{
		width:140px;
	    font-size: 12px;	
	}
	
	.test-wrap .result-wrap .result-desc dt.title,
	.test-wrap .result-wrap .result-desc dd.text{
		display:inline-block;
	}
}

/*=================================================
		05. 푸터
=================================================*/
footer{
	padding: 20px 0 15px;
	
	background-color: #120C05;
	
	color: #6B6968;
	font-size: 14px;
}

footer .logo-img{
	/*
	height: 50px;
	*/
}

footer .img-box img{
	width:50px;
	padding:30px 0 0 0;
}

footer .img-box img.kakao-img{
    width: 127px;
}

footer .img-box .blog-title{
    text-align: center;
	color:#ccc;
	font-size:12px;
}
footer .company-info{
    margin: 50px 0 0;
}
footer .container .company-info2{
	margin:0;
}
footer .company-info li{
	line-height: 1.8;
	color:#ededed;
}

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

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

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