/* Default Style */
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");
@import url("http://fonts.googleapis.com/earlyaccess/notosanskr.css"); 

/**/
html, div, span, object, iframe, h1,h2,h3,h4,h5,h6,p,blockquote, pre,abbr,address,cite,code,del,dfn,em,img,
ins,kbd,q,samp,small,strong, sub, sup, var, b,i,dl,dt,dd,dl,li,ul,fieldset,form,label,legend,table,caption,tbody,thead,tr,th,td,article,aside,details,figcaption,
footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;	padding:0;	 border:none; } 
* {margin:0;	padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
body{overflow:auto; }
body{-webkit-text-size-adjust:none; }
td *, div *, li *, dd *, span *, p *  {padding:0; margin:0; border:none;}
ul, ol, li,	dd					{list-style:none; }

img		{border:none;  vertical-align:middle;}
li img, dd img			{vertical-align:middle; border:none ; }

/* Link Style */

a:link		{text-decoration:none; color:#797979;}
a:visited	{text-decoration:none; color:#797979;}
a:active	{text-decoration:none; color:#797979;}
a:hover		{text-decoration:underline; color:#797979;}



/* easing */
.e-i2{-webkit-transition:all .2s ease-in;
-moz-transition:all .2s ease-in;
-o-transition:all .2s ease-in;
transition:all .2s ease-in;}
.e-i3{-webkit-transition:all .3s ease-in;
-moz-transition:all .3s ease-in;
-o-transition:all .3s ease-in;
transition:all .3s ease-in;}
.e-o2{-webkit-transition:all .2s ease-out;
-moz-transition:all .2s ease-out;
-o-transition:all .2s ease-out;
transition:all .2s ease-out;}
.e-o3{-webkit-transition:all .3s ease-out;
-moz-transition:all .3s ease-out;
-o-transition:all .3s ease-out;
transition:all .3s ease-out;}
.e-c3{
-webkit-transition:all .3s cubic-bezier(.96, .04, .10, 1.01);
-moz-transition:all .3s cubic-bezier(.96, .04, .10, 1.01);
-o-transition:all .3s cubic-bezier(.96, .04, .10, 1.01);
transition:all .3s cubic-bezier(.96, .04, .10, 1.01);}





@media only screen 
and (min-width : 1px)
and (max-width : 768px) {
#visual .main_slider .slide.bg_1{height:250px; background-position:55% 50%;}
#visual{width:100%;}
#visual .main_slider{width:100%; position:relative;}
#visual .main_slider .slide{position:absolute; top:0; left:0; width:100%; height:250px;}
#visual .main_slider .slide>.center{width:100%; height:100%; margin:0 auto; position:relative;}
#visual .main_slider .slide .slogen{position:absolute; top:50%; left:0; padding:40px; width:460px; height:240px; background:rgba(255,255,255,.75); z-index:50;
-webkit-transform:translate3d(0, -50%, 0);
-moz-transform:translate3d(0, -50%, 0);
transform:translate3d(0, -50%, 0);}
#visual .main_slider .slide .slogen h3{padding-bottom:5%; font-family:'Noto Sans KR', sans-serif; font-size:46px; color:#333; font-weight:600; line-height:110%;}
#visual .main_slider .slide .slogen p {font-size:19px; color:#333; line-height:140%; letter-spacing:-1px;}
#visual .main_slider .slide .slogen .more{position:absolute; bottom:40px; left:40px;}
#visual .main_slider .slide .slogen a{font-family:'Noto Sans KR', sans-serif; font-size:16px; color:#333; font-weight:200; line-height:100%;}
.bx-wrapper .bx-pager.bx-default-pager a {display:block; margin:0 5px;  width:45px;height:10px; outline:0; text-indent: -9999px; background: #333; border:1px solid #666;
	-webkit-transition:all .3s ease-out;
	-moz-transition:all .3s ease-out;
	-o-transition:all .3s ease-out;
	transition:all .3s ease-out;}
}


@media only screen 
and (min-width : 769px) {

#visual{width:100%;}
#visual .main_slider{width:100%; position:relative;}
#visual .main_slider .slide{position:absolute; top:0; left:0; width:100%; height:700px;}
#visual .main_slider .slide>.center{width:1140px; height:100%; margin:0 auto; position:relative;}
#visual .main_slider .slide .slogen{position:absolute; top:50%; left:0; padding:40px; width:460px; height:240px; background:rgba(255,255,255,.75); z-index:50;
-webkit-transform:translate3d(0, -50%, 0);
-moz-transform:translate3d(0, -50%, 0);
transform:translate3d(0, -50%, 0);}
#visual .main_slider .slide .slogen h3{padding-bottom:5%; font-family:'Noto Sans KR', sans-serif; font-size:46px; color:#333; font-weight:600; line-height:110%;}
#visual .main_slider .slide .slogen p {font-size:19px; color:#333; line-height:140%; letter-spacing:-1px;}
#visual .main_slider .slide .slogen .more{position:absolute; bottom:40px; left:40px;}
#visual .main_slider .slide .slogen a{font-family:'Noto Sans KR', sans-serif; font-size:16px; color:#333; font-weight:200; line-height:100%;}
.bx-wrapper .bx-pager.bx-default-pager a {display:block; margin:0 5px;  width:45px;height:10px; outline:0; text-indent: -9999px; background: #333; border:1px solid #666;
	-webkit-transition:all .3s ease-out;
	-moz-transition:all .3s ease-out;
	-o-transition:all .3s ease-out;
	transition:all .3s ease-out;}

}