/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
	http://www.ybyin.com 
	2017-04-28
*/
 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 


.flexslider { position: relative; width:100%; zoom: 1;margin: 0;  left:0px; }
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides> li img {width: 100%; }
.flex-pauseplay span {text-transform: capitalize;}



/* FlexSlider Default Theme
*********************************/


/* Control Nav */
.flex-control-nav {background:none; position: absolute; text-align:center; z-index:2;}
.flex-control-nav li {margin: 0 3px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 15px; height: 15px; display: block; background: #cacaca;opacity: 1;  cursor: pointer; text-indent: -9999px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; box-shadow: inset 0 0 0px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover , .flex-control-paging li a.flex-active { background: #e60012; opacity: 1; }




/*
.flex-direction-nav {*height: 0;width:100%;position:absolute; top:0%;}

.flex-direction-nav a {width: 64px; height: 300px; margin-top: 0px; display:block; background: url('../img/index/bg_direction_nav.jpg') no-repeat 0 center#fff; position: absolute;  z-index: 2; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% center; position:absolute;right: 0px;}


.flex-next:hover ,.flex-prev:hover{background: url('../img/index/bg_direction_nav.jpg') no-repeat 0 center#fff;background-position: 100% center;}
.flex-prev:hover {background-position: 0 center;}

*/
















/*¸ÞÀÎ ¹è³Ê 

.slider2 {position:relative;}
.slider2 .flex-control-nav {display:none;}
*/



.pick_slider{position:relative;}
.pick_slider .flex-control-nav {display:none;}
.pick_slider .flex-direction-nav {top:40%}
.pick_slider .flex-direction-nav a {width: 44px; height: 71px; margin-top: 0px; display:block; background: url(../img/index/bg_direction_nav.png) no-repeat 0 0; position: absolute;  z-index: 2; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;}
.pick_slider .flex-direction-nav .flex-next {background-position: 100% 0; position:absolute;right: 0px;}

.pick_tbl {border:1px solid #dcdcdc; margin-top:50px;}
.pick_tbl h2 {width:25%;float:left;}
.pick_tbl .pick_slider {width:75%;float:left;}
.pick_tbl .slides li{padding-top:10px;}
.pick_tbl strong {font-family:Nanum Gothic, ³ª´®°íµñ,dotum, sans-serif; font-size:16px; color:#000; display:block; font-weight:600; text-align:center;}
.pick_tbl span {font-family:Nanum Gothic, ³ª´®°íµñ,dotum, sans-serif; font-size:18px; color:#ff0000; display:block; font-weight:600; text-align:center;}






/* Control Nav */
/*
.qmenu_bor .flex-control-nav {background:none; position: absolute; right:20px; top: 10px;text-align:center; z-index:12; border:1px solid red}
.qmenu_bor .flex-control-nav li {margin: 0 3px; display: inline-block; zoom: 1; *display: inline;}
.qmenu_bor .flex-control-paging li a {width: 15px; height: 15px; display: block; background: #cacaca;opacity: 1;  cursor: pointer; text-indent: -9999px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; box-shadow: inset 0 0 0px rgba(0,0,0,0.3);}
.qmenu_bor .flex-control-paging li a:hover , .qmenu_bor .flex-control-paging li a.flex-active { background: #063d76; opacity: 1; }

*/

.qmenu_bor {position:relative;}

.qmenu_bor .flex-control-nav { position: absolute;left:0px;top:378px;  padding:0px; margin:0px;text-align:center; z-index:2; display:block;}
.qmenu_bor .flex-control-paging li {padding-top:0px; margin:0px;}
.qmenu_bor .flex-control-paging li a { padding-top:0px;margin-top:0px; line-height:25px;  border:1px solid #fff;text-indent: 0px; background:none; display:none;position: absolute; top:0px;text-align:left; font-weight:600;font-family:Nanum Gothic, ³ª´®°íµñ,dotum, sans-serif; text-align:left; padding:0px 0 0 14px; font-size:12px; border-radius: 0px}

.qmenu_bor .flex-control-paging li a.flex-active {display:block; }

 







.qmenu_bor .flex-direction-nav {*height: 0;width:100%;position:absolute; bottom:25px; left:60px;}

.qmenu_bor .flex-direction-nav a {width: 16px; height: 16px;outline:none; margin-top: 0px; display:block; background: url('../img/index/btn.jpg') no-repeat 0 center; position: absolute;  z-index: 2; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;}
.qmenu_bor .flex-direction-nav .flex-next {background-position: 100% center; position:absolute;left: 15px; }

.qmenu_bor .flex-next:hover ,.qmenu_bor .flex-prev:hover{background: url('../img/index/btn.jpg') no-repeat 0 center;background-position: 100% center;}
.qmenu_bor .flex-prev:hover {background-position: 0 center;}

















/*            ----------------------------        ½ºÅ¸ÀÏ Ãß°¡        -------------------------------          */

/* ¸ÞÀÎ Å«ÀÌ¹ÌÁö */
.main_slider {position:relative;z-index:1;}
.main_slider .flex-control-nav {display:none1; top:10px; right:20px;}
.main_slider .flex-direction-nav {display:none;}
.main_slider .flex-control-paging li a.flex-active { width:30px }
@media screen and (max-width: 768px) {
	.main_slider .flex-control-paging li a{width:10px; height:10px; }

}


.m_slider {position:relative;z-index:1;}
.m_slider .flex-control-nav {display:none1; top:85%; left: 40%;}
.m_slider .flex-direction-nav {display:none;}
.m_slider .flex-control-paging li a.flex-active { width:30px;background: #e60012;}
@media screen and (max-width: 768px) {
	.m_slider .flex-control-paging li a{width:10px; height:10px;}

}


.main_slider2 {position:relative;z-index:1;}
.main_slider2 .flex-control-nav {display:none1;  width:100%;text-align:center; bottom:10px;}
.main_slider2 .flex-direction-nav {display:none;}







/* Ä«Å×°í¸®º° TOP8 */
.top8_slider {position:relative; padding-bottom:30px;z-index:1;overflow:hidden; }
.top8_slider .flex-control-nav {display:none;}
.top8_slider .flex-direction-nav {display:none1;}
/*
.top8_images {position:relative; float:left; margin-top:20px; margin-left:17px;}
.top8_images:first-child { margin-left:65px;}
.top8_images b{position:absolute; display:inline-block; width:37px; height:30px; background:url('../img/index/top8_slider_bu.png') no-repeat; left:6px; top:-8px; font-family:Nanum Gothic, ³ª´®°íµñ,dotum, sans-serif; font-size:20px;color:#fff; font-weight:normal; padding-left:8px; line-height:25px;}
.top8_images span {font-family:Nanum Gothic, ³ª´®°íµñ,dotum, sans-serif; font-size:13px;color:#727272; line-height:40px; display:block; overflow:hidden; height:40px;}
.top8_images strong {font-family:Nanum Gothic, ³ª´®°íµñ,dotum, sans-serif; font-size:18px;color:#060606;}

*/

.top8_slider .flex-direction-nav {*height: 0;width:100%;position:absolute; top:0%;}

.top8_slider .flex-direction-nav a {width: 64px; height: 300px; margin-top: 0px; display:block; background: url('../img/index/bg_direction_nav.png') no-repeat 0 center#fff; position: absolute;  z-index: 2; cursor: pointer; text-indent: 0px; opacity: 1; -webkit-transition: all .3s ease;}
.top8_slider .flex-direction-nav .flex-next {background-position: 100% center; position:absolute;right: 0px;}


.top8_slider .flex-next:hover ,.top8_slider .flex-prev:hover{background: url('../img/index/bg_direction_nav.png') no-repeat 0 center#fff;background-position: 100% center;}
.top8_slider .flex-prev:hover {background-position: 0 center;}


 


.top8_images2 {position:relative; float:left; margin-top:20px; margin-left:18px;}
.top8_images2:first-child { margin-left:65px;}
.top8_images2 b{position:absolute; display:inline-block; width:37px; height:30px; background:url('../img/index/top8_slider_bu.png') no-repeat; left:6px; top:-8px; font-family:Nanum Gothic, ³ª´®°íµñ,dotum, sans-serif; font-size:20px;color:#fff; font-weight:normal; padding-left:8px; line-height:25px;}
.top8_images2 span {font-family:Nanum Gothic, ³ª´®°íµñ,dotum, sans-serif; font-size:13px;color:#727272; line-height:40px; display:block; overflow:hidden; height:40px;}
.top8_images2 strong {font-family:Arial; font-size:18px;color:#060606;}
.top8_images2 strong font{font-family:Nanum Gothic, ³ª´®°íµñ,dotum, sans-serif; font-size:14px;color:#060606;}


@media screen and (max-width: 1400px) {
	.top8_images2{width:24%;display:none1;}
	.top8_images2:first-child {margin-left:13%;}
	.top8_slider .flex-direction-nav a {height:290px;}
}
@media screen and (max-width: 992px) {
	.top8_images2{width:25%;display:none1;}
	.top8_images2:first-child {margin-left:25%;}
	.top8_slider .flex-direction-nav a {height:280px;}
}

@media screen and (max-width: 768px) {
	.top8_images2{width:50%;display:none;}
	.top8_images2:first-child {left:50%;margin-left:-25%;display:block;}
	.top8_slider .flex-direction-nav a {height:280px;}
}

/*       main_cont_2_3_slider     */
.main_cont_2_3_slider {position:relative;z-index:1;}
.main_cont_2_3_slider .flex-control-nav {display:none1;}
.main_cont_2_3_slider .flex-direction-nav {display:none;}
.main_cont_2_3_slider .flex-control-paging li a {width:11px; height:11px; background: #9c9c9c; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px;}
.main_cont_2_3_slider .flex-control-paging li a:hover ,.main_cont_2_3_slider  .flex-control-paging li a.flex-active { background: #0978fd; opacity: 1; }






/*  ÀÎ±â °Ë»ö¾î  */

.renqi_text .flex-control-nav {display:none;}







/*  ¼­ºê ÁÂÃø ÀÌ¹ÌÁö   */
.left_image {position:relative; margin-top:18px;}
.left_image .flex-direction-nav {display:none;}
.left_image .flex-control-nav {display:none1;}
.left_image .flex-control-nav {top:10px; left:10px;}
.left_image .flex-control-paging li a {width:10px; height:10px;}







#left_image { position:relative; z-index:1; top:18px;}

#left_image .switcher {position:absolute; z-index:100; top:5px; left:10px; text-align:left;}

#left_image .switcher a {  margin:0px 0px; display:inline-block; background:#cacaca;border-radius: 10px; width:10px;height:10px;  opacity:1;}
#left_image .switcher a:hover , #left_image .switcher a.cur  {background:#063d76;opacity:1;}







/* Ä«Å×°í¸®º° TOP8 */
.main_slider3 {position:relative;z-index:1;overflow:hidden; border:1px solid red;}
.main_slider3 .flex-control-nav {display:none;}
.main_slider3 .flex-direction-nav {display:none1;}


.main_slider3 .flex-direction-nav {*height: 0;width:1200px;position:absolute;left: 19%; top:10%;}

.main_slider3 .flex-direction-nav a {width: 64px; height: 300px; margin-top: 0px; display:block; background: url('../img/main/lrb.png') no-repeat 0 center; position: absolute;  z-index: 2; cursor: pointer; text-indent: 0px; opacity: 1; -webkit-transition: all .3s ease;}
.main_slider3 .flex-direction-nav .flex-next {background-position: 100% center; position:absolute;right: 0px;}




 

.top_slider {position:relative;z-index:	1;float:right;width:310px;height:100px;overflow:hidden;}
.top_slider .flex-control-nav {display:none;}
.top_slider .flex-direction-nav {display:none1;}


.top_slider .flex-direction-nav {*height: 0;width:100%;position:absolute; top:5%;}

.top_slider .flex-direction-nav a {width: 15px; height: 100px; margin-top: 0px; display:block; background: url('../img/main/btn.jpg') no-repeat 0 center; position: absolute;  z-index: 2; cursor: pointer; text-indent: 0px; opacity: 1; -webkit-transition: all .3s ease;}
.top_slider .flex-direction-nav .flex-next {background-position: 100% center; position:absolute;right: 0px;}




