/*******************************
  Class Name :  /css/main.css
  Description : 메인화면 콘텐츠
  Modification Information

       수정일       수정자           수정내용
    ----------------    ---------     ---------------------------
    2017.07.24     이영숙    최초 생성
    2017.07.27     손영식    공통화

    author   :  웹 디자인팀 이영숙
*******************************/

.content{

}

/* visual carosel */
#visualCarousel{
	padding-top: 15px;
    margin-right: -15px;
}
#visualCarousel .item:nth-child(1){background-color: #fcd309}
#visualCarousel .item:nth-child(2){background-color: #00b0f0}
#visualCarousel .item:nth-child(3){background-color: #05dcbb}
#visualCarousel .item{height: 285px;}
#visualCarousel .item img{
	margin: 0px auto;
	max-height: 285px;
}
#visualCarousel .carousel-indicators{
	position: absolute;
	height: 45px;
	width: 100%;
	bottom: -45px;
	margin: 0px!important;
	left: 0;
	right: 0;
}
#visualCarousel .carousel-indicators li{
	border-radius: 0px;
	font-size: 13pt;
	font-weight: 500;
	width: 33.3%!important;
	height: 45px!important;
	border: 1px solid #dddddd;
	/* margin: 0px!important; */
	text-indent: 0em;
	max-width: 100%;
	text-align: center;
	line-height: 45px;
	margin-left: -3px;
	margin-right: -3px;
}
#visualCarousel .carousel-indicators li.active{
	background-color: #eaeaea;
	color: #0d5cab;
}
#visualCarousel .carousel-indicators li:nth-child(2){
	width: 34%!important;
}
#visualCarousel .carousel-control-prev,
#visualCarousel .carousel-control-next{
	width: 8%;
    font-size: 25pt;
    color: #ffffff;
    text-shadow: 0 1px 4px gray;
}

/* promotion carosel */
#promotionCarousel{
	padding-top: 15px;
}
#promotionCarousel .carousel-inner{
	height: 285px;
	border: 1px solid #ddd;
}
#promotionCarousel .item{
	height: 283px;
}
#promotionCarousel .item img{
	max-height: 273px;
}
#promotionCarousel .title{
	line-height: 44px;
	padding: 0px 20px;
	font-size: 13pt;
	font-weight: 500;
	border: 1px solid #ddd;
	border-bottom: none;
}
#promotionCarousel .carousel-control-prev,
#promotionCarousel .carousel-control-next{
	width: 8%;
    font-size: 25pt;
    color: #ffffff;
    text-shadow: 0 1px 4px gray;
}
#promotionCarousel .carousel-caption{
	bottom: 0px;
	background: rgba(255,255,255,.5);
}


/* product box */
.product-box {
	border-radius: 0px;
	margin-top: 15px;
	font-size: 10pt;
}
.product-box .card-header{
	padding: 10px 15px;
    background-color: transparent;
    color: #0397d7;
    font-size: 14pt;
	border-bottom: 3px solid #0397d7;
}
.product-box .card-body .owl-carousel .item .p:nth-child(2) {
	font-size: 12pt;
}




/* right  price button */
.price-btn-box{
	padding-top: 15px;
	padding-right: 15px;
}
.price-btn-box h1,
.price-btn-box h3,
.price-btn-box>div>div{
    margin: 10px auto;
}
.price-btn-box h1 i{
	background-color: #0397d7;
    font-size: 22pt;
    border-radius: 50%;
    border: 18px solid #0397D8;
    color: #FFFFFF;
   	display: inline-block;
}
.price-btn-box div .btn{
	border-color: #0397D8;
	color: #0397D8;
	font-size: 12pt;
	font-weight: 500;
	padding: 16px;
	background-color: #f1f1f1;
}

/* guide notice box*/
.guide-notice-box{
	padding-top: 15px;
	padding-right: 15px;
}
.guide-notice-box .panel{
	border-radius: 0px;
}
.guide-notice-box .panel-heading{
	font-size: 14pt;
    font-weight: 600;
    background-color: transparent;
}
.guide-notice-box .panel-body{
	font-size: 12pt;
}

/* link button*/
.link-btn-box {
	padding-top: 15px;
	padding-right: 15px;
}
.link-btn-box .box {
	border: 1px solid #ddd;
	border-radius: 0px;
	color: #0397d5!important;
	font-weight: 500;
	font-size: 20pt;
	text-align: center;
}
.link-btn-box .box a{
	line-height: 53px;
	text-decoration: none;
}

/* guide button */
.guide-btn-box{
	padding-top: 15px;
	padding-right: 15px;
}
.guide-btn-box .box{
	text-align: center;
	border: 1px solid #ddd;
	height: 130px;
}
.guide-btn-box .box a {
	text-decoration: none;
	color:black;
}

/* guide gonggu box*/
.guide-gonggu-box{
	clear: both;
	padding-top: 15px;
	padding-right: 15px;
}
.guide-gonggu-box {
	border-radius: 0px;
}
.guide-gonggu-box .panel-heading{
	font-size: 14pt;
    font-weight: 600;
    background-color: transparent;
}
.guide-gonggu-box .panel-body{
	font-size: 12pt;
}
/* .card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125);
}
.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}
.card .card-header {
    background: #ffffff;
    border-bottom: 0px;
} */

@media (max-width: 1356px){

}
@media (max-width: 1199px){
	.guide-notice-box .panel-body{
	    height: 190px;
	}
	.guide-notice-box{
		margin-top: 20px;
	}

}
@media (max-width: 991px){

}