@import url("common.css");
@charset "euc-kr";



.main_visual {padding:0 !important;}

#visual {position: relative; height: 420px; overflow: hidden; margin:0 auto; background:url(../images/bgmenu.jpg) repeat;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#visual .imgs {position: relative; height: 100%; margin-top:20px;}
#visual .imgs li { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index:10;}
#visual .imgs .img1 {position:absolute; left:0; top:0; width:100%; height:100%; z-index:0;
-webkit-transition: all 5s ease;
    -moz-transition: all 5s ease;
    -o-transition: all 5s ease;
    transition: all 5s ease;
}
.img1_1 {background:url(../images/main_visual1.jpg) no-repeat center top; background-size:contain; }
.img1_2 {background:url(../images/main_visual2.jpg) no-repeat center top; background-size:contain;}
.img1_3 {background:url(../images/main_visual3.jpg) no-repeat center top; background-size:contain;}
.img1_4 {background:url(../images/main_visual4.jpg) no-repeat center top; background-size:contain;}

#visual .imgs .img1 img {
-webkit-transition: all 5s ease;
    -moz-transition: all 5s ease;
    -o-transition: all 5s ease;
    transition: all 5s ease;
	}

#visual .imgs .img2 {position:absolute; left:0; top:0; width:100%; height:100%; z-index:0;}
#visual .imgs .img2 img {width:100%;
-webkit-transition: all 5s ease;
    -moz-transition: all 5s ease;
    -o-transition: all 5s ease;
    transition: all 5s ease;
	}

#visual .imgs .img3 {position:absolute; left:0; top:0; width:100%; height:100%; z-index:0;}
#visual .imgs .img3 img {width:100%;
-webkit-transition: all 5s ease;
    -moz-transition: all 5s ease;
    -o-transition: all 5s ease;
    transition: all 5s ease;
	}


#visual .imgs li p {position: absolute; left: 0; width:100%; text-align:center;opacity: 0; -ms-opacity: 0; filter: alpha(opacity=0); 
background:transparent;}
#visual .imgs li p.txt2 {}
#visual .imgs li.img1 .txt1 {top: 0;}
#visual .imgs li.img1 .txt2 { top: 200px;}

#visual .imgs li.img2 { background: url(../images/main_slide1.jpg) no-repeat top center; background-size:contain;}
#visual .imgs li.img2 .txt1 { top: 153px;}
#visual .imgs li.img2 .txt2 { top: 290px;}

#visual .imgs li.img3 { background: url(../images/main_slide1.jpg) no-repeat top center; background-size:contain;}
#visual .imgs li.img3 .txt1 { top: 153px;}
#visual .imgs li.img3 .txt2 { top: 290px;}

#visual .paging { position: absolute; bottom: 45px; right: 85px;}
#visual .paging li { display:block; margin: 10px 0; width: 25px; height: 25px; text-indent: -9999px; cursor: pointer; background:#fff; border-radius:25px;}
#visual .paging li.on { background:#f89b1d;}
#visual .other {margin-bottom:-50px;}
#visual .other p {  position: absolute; top: 0; z-index:1000; width:40px; height:40px;}
#visual .other .prev {left: -0px;background: url(../images/prev.png);}
#visual .other .next {right:-0px; background: url(../images/next.png);}
#visual .other a {display: block; width: 44px; height: 44px; text-indent: -9999px; background: url(../images/left.png);}
#visual .other .next a { background: url(../images/right.png) no-repeat; }
.visual_txt {max-width:1100px; margin:0 auto; text-align:center; position:relative; z-index:100;}
.visual_txt p.txt1 {}

.visual_txt p.txt2 {font-size:50px; font-weight:600; color:#fff; font-family:"NanumGothic"; letter-spacing:-1px;} /*¸ÞÀÎÀ̹ÌÁöÀ§ÀÇ ±Û¾¾*/
.visual_txt p.txt3 {font-size:20px; font-weight:600; color:#fff; font-family:"NanumGothic"; letter-spacing:-1px;}
.btn_start {position:absolute; bottom:118px; left:50%; display:block; width:258px; height:52px; border:3px solid #fff; margin-left:-132px; text-align:center;}
.btn_start img {margin-top:18px; vertical-align:top;}

.other_layout {position:absolute; top:250px; width:100%;}
.other_layout .other_btn {position:relative; max-width:1140px; margin:0 auto;}

a {cursor: pointer;}
.nav-container {background-color: #fff; width: 100%;position: fixed;left: 0px; height:85px; line-height:85px; z-index:1000; display:none;}
nav {text-align: center;margin:0 auto; max-width:1100px; position:relative;height: 85px;}
	nav ul {padding: 0px;}
	nav span {display: inline-block; margin:0 25px;}
    nav span a {font-size: 15px;color: white; color:#717171; font-family:"NanumGothic", "Dotum"; font-weight:600;}
    nav span a.active {color: #e16d09;}
.logo {position:absolute; left:0; top:20px;height:46px;}
.logo a {display:block; height:46px; vertical-align:top;}
.logo a img {vertical-align:top;}
.top_menu {position:absolute; right:0; top:0;}
.top_menu strong {margin-left:5px;}
.top_menu strong a {margin-left:4px;}

 

section {padding: 0 20px;}
section .content {margin: 0px auto;}
section .content a {color: #002e40;}



.main_title {height:90px; background:#c95a51;}/*¸ÞÀÎ À̹ÌÁö ¾Æ·¡ ¹Ù*/
.main_title .content {max-width:1140px; margin:0 auto; position:relative;}
.main_title .content span {position:absolute; left:0; top:0; display:block; font-size:28px; color:#fff;font-family:"NanumGothic"; font-weight:300; margin-top:44px;}
.main_title .content strong {display:block; margin-left:770px; height:62px; border-bottom:1px solid #fff;}


/*¸ÞÀθµÅ©*/
.main_link {max-width:100%; margin:0 auto; border-bottom:2px solid #E6E6E6}
.main_link1 {max-width:1230px; margin:0 auto; padding-top:40px; padding-bottom:40px;}
.main_link1_1 {float:left; width:68%;}
.main_link2 {margin-left:25px;}
.main_link2_1 {float:left; width:16.379310344%;}
.main_link2_1 div {position:relative; padding-right:10px;}
.main_link2:after {clear:both; display:block; content:""; margin:0; padding:0;}

/*¸ÞÀοÀ¹ö*/  
	 #mlink1{float:left; margin:0 auto;  }
	  
	  a.mB1{background:url(/usss/images/1.jpg) no-repeat;}	
	  a.mB2{background:url(/usss/images/2.jpg) no-repeat;}	
	  a.mB3{background:url(/usss/images/3.jpg) no-repeat;}	
	  a.mB4{background:url(/usss/images/4.jpg) no-repeat;}	  
	  a.mB5{background:url(/usss/images/5.jpg) no-repeat;}
	  a.mB6{background:url(/usss/images/6.jpg) no-repeat;}
	  a.mButton{display:block;  width:190px; height:240px; margin-right:8px; margin-bottom:13px;}
	  a:hover.mButton{background-position:0 -240px;}
	  a.mButton span{display:none;}


footer {}
footer .foot_1 { padding:34px 20px; background:#484c55;}
footer .foot_1 div { max-width:1160px; margin:0 auto;}
footer .foot_1 div p { font-size:13px; line-height:20px; color:#999; margin-left:180px; }
footer .foot_1 div span {float:left; display:inline-block; vertical-align:top; }
.foot_1_1 {}
.foot_1_2 {float:left; width:50%;}
.foot_1_1:after {clear:both; display:block; content:""; margin:0; padding:0;}

.foot_1 div img {vertical-align:top;}

.m_menu_layout {display:none;}


.png {
background:transparent;
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#00ffffff,endColorstr=#00ffffff)";
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00ffffff,endColorstr=#00ffffff);
}