sp @charset "euc-kr";
/* FlexSlider Default Theme*/

.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 780px; }
.slides { zoom: 1; overflow:hidden;}
.slides > li {display: none; -webkit-backface-visibility: hidden;}

/* Pause/Play 
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }*/


/* Control Nav */


/*direction Nav*/ 
.visual_wrap_s .flex-direction-nav > li > a {position:absolute;right:110px; top:30px; border:1px solid #000; text-align:center; width:50px; height:50px; line-height:50px; transition:.3s; }
.visual_wrap_s .flex-direction-nav > li > a:hover { border-color:#195db4;}
.visual_wrap_s .flex-direction-nav .flex-prev {right:170px; font-size:0;}
.visual_wrap_s .flex-direction-nav .flex-prev { background:url(../images/main/m_top_prev.png)no-repeat center center; }
.visual_wrap_s .flex-direction-nav .flex-next { ; font-size:0;}
.visual_wrap_s .flex-direction-nav .flex-next {  background:url(../images/main/m_top_next.png)no-repeat center center; }
.visual_wrap_s .flex-direction-nav .flex-prev:hover {background:url(../images/main/m_top_prev_hv.png)no-repeat center center;}
.visual_wrap_s .flex-direction-nav .flex-next:hover {background:url(../images/main/m_top_next_hv.png)no-repeat center center;}

.visual_wrap_s .flex-pauseplay > a {position:absolute; top:-30px; left:88%; font-size:0; background:url(../images/inc/m_top_pause.png)no-repeat center center; width:11px; height:11px;}



#mainPortfolio .flex-direction-nav > li > a {position:absolute; top:0%; right:0; top:40px; border:1px solid #ccc;}
#mainPortfolio .flex-direction-nav .flex-prev {left:81.5%; font-size:0;}
#mainPortfolio .flex-direction-nav .flex-prev { background:#fff url(../images/main/m_con3_prev.png)no-repeat center center; width:50px; height:50px;}
#mainPortfolio .flex-direction-nav .flex-next { left:81.5%; margin-left:50px; font-size:0;}
#mainPortfolio .flex-direction-nav .flex-next {  background:#fff url(../images/main/m_con3_next.png)no-repeat center center; width:50px; height:50px;}
#mainPortfolio .flex-pauseplay > a {position:absolute; top:40px; left:81.5%; font-size:0; margin-left:100px; background:#fff url(../images/main/m_con3_pause.png)no-repeat center center; width:50px; height:50px; border:1px solid #ccc;}

#mainPortfolio .flex-direction-nav > li > a:hover,
#mainPortfolio .flex-pauseplay > a:hover {opacity:.8; filter:alpha(opacity:80);}

/*
#header .keyword{ position:relative; width:360px; padding:0 0 0 35px; height:30px}
#header .keyword .flex-direction-nav li a{ position:absolute; z-index:inherit; top:3px; text-indent:9999px; display:block; width:16px; height:12px;}
#header .keyword .flex-direction-nav li a.flex-prev{ left:0; background:url(../images/inc/btn_prev_1.gif) no-repeat}
#header .keyword .flex-direction-nav li a.flex-next{ left:18px; background:url(../images/inc/btn_next_1.gif) no-repeat}

.slider_center{ position:relative;width:182px; height:182px; }
.slider_center .slides{ width:182px}
.slider_center .flex-control-paging{position:absolute; bottom:20px; left:0; margin-left:-140px; z-index:100;}
.slider_center .flex-control-paging li{ float:left; margin:0 5px}
.slider_center .flex-control-paging li a {background:#c2daff; width:10px; height:10px; border-radius:20px;text-indent:9999px;}
.slider_center .flex-control-paging li a:hover {background:#1c498d;}
.slider_center .flex-control-paging li a.flex-active { background:#1c498d;}
.slider_center .flex-pauseplay{width:auto; height:auto;position:absolute; z-index:1000; left:-35px; bottom:141px;}
.slider_center .flex-pauseplay a{width:18px; height:18px; display:block;  text-indent:-9999px; cursor:pointer; background-color: none; border:1px solid #fff; border-radius:5px; background-position:center center; background-repeat:no-repeat; filter:alpha(opacity=70);opacity:0.7;}
.slider_center .flex-pauseplay .flex-pause{ background-image:url(../images/main/visual_btn_pause.png);}
.slider_center .flex-pauseplay .flex-play{ background-image:url(../images/main/visual_btn_play.png) ;}

.slider_visual{ position:relative;width:730px; height:380px}
.slider_visual .flex-pauseplay{width:auto; height:auto;position:absolute; z-index:1000; left:15px; bottom:15px;}
.slider_visual .flex-pauseplay a{width:25px; height:25px; display:block;  text-indent:-9999px; cursor:pointer; background-color:#000; border-radius:5px; background-position:center center; background-repeat:no-repeat; filter:alpha(opacity=50);opacity:0.5;}
.slider_visual .flex-pauseplay .flex-pause{ background-image:url(../images/main/visual_btn_pause.png);}
.slider_visual .flex-pauseplay .flex-play{ background-image:url(../images/main/visual_btn_play.png) ;}
*/

@media screen and (max-width:1023px){
#mainPortfolio .flex-direction-nav .flex-prev, 
#mainPortfolio .flex-direction-nav .flex-next,
#mainPortfolio .flex-pauseplay > a {left:71.5%;}
.visual_wrap_s .flex-direction-nav .flex-prev, .visual_wrap_s .flex-direction-nav .flex-next {}
.visual_wrap_s .flex-pauseplay > a {left:87.5%; top:-23px;}
}
@media screen and (max-width:767px){


/**/
.visual_wrap_s .flex-direction-nav > li > a {top:20px; height:35px; width:35px; right:70px }
.visual_wrap_s .flex-direction-nav .flex-prev {right:110px }


}