/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin:0 auto;
	padding: 0;

}


.bx-wrapper img {
	max-width: 100%;
	display: block;
	width:100%;
}
/** THEME
===================================*/

.bx-wrapper .bx-viewport {

/* 	left: -5px; */
	background: #fff;

}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	/* bottom: 0; */
	top:0;
	width: 100%;
}

/* LOADER */

/* .bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}
 */
/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #dbdbdb;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 4px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #eb3a3e;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

/* .bx-wrapper .bx-prev {
	left: 10px;
	background: url(images/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(images/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
} */

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	/* margin-top: -16px; */
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9995;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	/* width: 10px;
	height: 11px; */
	outline: 0;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	/* width: 9px;
	height: 11px; */
	outline: 0;

margin: 0 3px;
}


/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	/* width: 35px; */
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #6669;
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}

.main_bg .bx-pager{
	width:63px;
	bottom:inherit;
	top:364px;
	left:3.8%;
	text-align:left;
}

/* main */
/*
.main_bg .bxslider li + li{background:url('/image/main/main_bg01.jpg') no-repeat 0 0; background-size:100% 100%;}
.main_bg .bxslider li + li + li{background:url('/image/main/main_bg02.jpg') no-repeat 0 0; background-size:100% 100%;}
*/

.main_bg .bxslider .visual03{background:url('/image/main/main_bg03.jpg') no-repeat 0 0; background-size:100% 100%;}
.main_bg .bxslider .visual02{background:url('/image/main/main_bg02.jpg') no-repeat 0 0; background-size:100% 100%;}
/*.main_bg .bxslider .visual01{background:url('/eng/image/main/main_bg01.jpg') no-repeat 0 0; background-size:100% 100%;} 20230810추가 페티넥스용 영문 추가 */

/*.main_bg .bxslider .visual02_eng{background:url('/image/main/main_bg02_eng.jpg') no-repeat 0 0; background-size:100% 100%;} 20230810추가*/
.main_bg .bxslider .visual01{background:url('/image/main/main_bg01.jpg') no-repeat 0 0; background-size:100% 100%;}

.main_bg .bx-wrapper .bx-pager.bx-default-pager a.active{width:30px;height:12px;background:#EB3B3E;}
.main_bg .bx-wrapper .bx-pager.bx-default-pager a{width:12px;height:12px;background:#fff;border-radius:6px;}
.main_bg .bx-controls-direction, .main_top_slider .bx-controls-direction, .main_middle_slider .bx-wrapper .bx-pager, .main_btm_slider .bx-wrapper .bx-pager{display:none;}

.main_bg_mo{display:none;width:100%;height:795px;}
.main_bg_mo .bxslider li {height:795px;}


.main_bg_mo .bxslider li + li{background:url('/image/main/main_bg02_mo.jpg') no-repeat 50% 50%; background-size:cover;}
.main_bg_mo .bxslider li + li + li{background:url('/image/main/main_bg03_mo.jpg') no-repeat 50% 50%; background-size:cover;}

/*.main_bg_mo .bxslider .visual01{background:url('/eng/image/main/main_bg01_mo.jpg') no-repeat 0 0; background-size:100% 100%;} 20230831추가 페티넥스용 영문 추가 */

.main_bg_mo .bx-wrapper .bx-pager{top:350px;}
.main_bg_mo .bx-wrapper .bx-pager.bx-default-pager a.active{width:30px;height:12px;background:#EB3B3E;}
.main_bg_mo .bx-wrapper .bx-pager.bx-default-pager a{width:12px;height:12px;background:#fff;border-radius:6px;}

.main_top_slider .bx-wrapper .bx-pager{text-align:right;height:10px;overflow:hidden;line-height:40px;top:-20px;}
.main_middle_slider .bx-wrapper .bx-controls-direction a, .main_middle_slider .bx-wrapper .bx-controls-auto a{width:26px;height:26px;}
.main_middle_slider .bx-wrapper .bx-prev{left:inherit;right:30px;background:url('/image/main/arrow_prev_gray.jpg') no-repeat 0 0;}
.main_middle_slider .bx-wrapper .bx-next{right:0;background:url('/image/main/arrow_next_gray.jpg') no-repeat 0 0;}
.main_middle_slider  .bx-controls-auto{position:absolute;}
.main_middle_slider .bx-wrapper .bx-controls-auto .bx-stop {background:url('/image/main/stop_btn_gray.jpg') no-repeat 0 0;}
.main_middle_slider .bx-wrapper .bx-controls-auto .bx-start {background:url('/image/main/play_btn_gray.jpg') no-repeat 0 0;}
.main_middle_slider .bx-wrapper .bx-controls-direction a, .main_middle_slider .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{top:inherit;bottom:0;}
.main_middle_slider .bx-controls-auto-item a{position:absolute;bottom:0;right:57px;}
.main_middle_slider .bx-controls-auto-item .active{z-index:-1;}

.main_btm_slider .bx-wrapper .bx-prev{left:-30px;background:url('/image/main/arrow_prev_white.jpg') no-repeat 0 0;}
.main_btm_slider .bx-wrapper .bx-next{right:-25px;background:url('/image/main/arrow_next_white.jpg') no-repeat 0 0;}
.main_btm_slider .bx-wrapper .bx-controls-direction a{width:14px;height:27px;top:0;}

/* sub */
.board_view_slider{width:86%;margin:30px auto;}
.board_view_slider .bx-wrapper{margin-bottom:12px;}
.board_view_slider .bx-wrapper .bx-controls-direction a{width:24px;height:53px;}
.board_view_slider .bx-wrapper .bx-controls-direction .bx-prev{background:url('/image/sub/board_slider_prev.jpg') no-repeat 0 0;left:-25px;}
.board_view_slider .bx-wrapper .bx-controls-direction .bx-next{background:url('/image/sub/board_slider_next.jpg') no-repeat 0 0;right:-25px;}
.board_view_slider .bx-wrapper img{display:block;margin:0 auto;width:87%;}
.board_view_slider .board_view_slider_img{width:88%;margin:0 auto;text-align:center;}
.board_view_slider .board_view_slider_img a{display:inline-block;width:19%;margin-left:0.5%;}
.board_view_slider .board_view_slider_img a:first-child{margin-left:0;}
.board_view_slider .board_view_slider_img img{display:block;width:100%;height:80px;}
.board_view_slider .active img{border:4px solid #ee6b6e;box-sizing:border-box;}


@media only screen and (max-width: 1200px){
	.board_view_slider .board_view_slider_img a{width:18%;}
	.board_view_slider .board_view_slider_img img{height:55px;}
}


@media only screen and (max-width: 1024px){
	.main_bg_mo{display:block;}
	.main_top_slider .border{margin:27% auto 10px auto;}
	.main_top_slider .bx-wrapper .bx-pager{top:-30px;}
	.main_bg_mo .bx-wrapper .bx-pager{top:inherit;bottom:50px;}
}

@media only screen and (max-width: 800px){
	.board_view_slider{width:90%;}
	.board_view_slider .board_view_slider_img{width:100%;}
}


@media only screen and (max-width: 640px){
	.main_bg_mo, .main_bg_mo .bxslider li{height:500px;}

	.bx-wrapper .bx-controls-direction a{top:40%;}
	.board_view_slider .board_view_slider_img img{height:46px;}
	.main_bg_mo .bx-wrapper .bx-pager{top:inherit;bottom:50px;}

}