@import "common_ts.css";

/****Àüü*****/
#mwrap{width:100%;}

#allbody{width:1200px;margin:auto;}
#mallbody_{width:1120px;display:inline;float:left;}
#right{display:inline;width:50px;float:left}
/****»ó´ã-·Î°í,¼Ò¸Þ´º*****/
#top{width:1120px;height:101px;background:url('/ts/images/main/top_bg.gif') no-repeat;margin:auto;}
#top div{float:left;display:inline;}
#top div.logo{margin-top:33px;margin-left:30px}
#top div.smalltopmenu{width:196px;height:22px;float:right;margin-top:2px;margin-right:50px;padding-top:4px;padding-left:5px;font-family: 'Nanum Gothic'}
#top div.smalltopmenu span{display:inline;margin-right:10px;color:#e8f2d6;font-size:11px;text-align:right;}

/****»ó´Ü¸Þ´º*****/
#top div.topmenu{width:778px;height:35px;margin-top:0px;margin-left:30px;
		 background: #314d73;
        background: -webkit-linear-gradient(right, #7185a8, #314d73);
        background: -moz-linear-gradient(right, #7185a8, #314d73);
        background: -o-linear-gradient(right, #7185a8, #314d73);
        background: linear-gradient(to left, #7185a8, #314d73);
		box-shadow: 0 6px 6px -4px #7c8592;
		text-indent:0;
		display:inline-block;
		color:#ffffff;
		font-size:14px;
		font-weight:normal;
		font-style:normal;
		line-height:22px;
		text-decoration:none;
		text-align:center;
		padding-top:10px
}
#top div.topmenu dl dt{display:inline;height:33px;font-weight:bold;padding-top:15px}
#top div.topmenu a.mmenu{padding:10px 13px 14px 13px;}
#top div.topmenu a.mmenu img{position:relative;top:3px}
#top div.topmenu a.mmenu:link {color:#ffffff; text-decoration:none;}
#top div.topmenu a.mmenu:visited {color:#ffffff; text-decoration:none;}
#top div.topmenu a.mmenu:active {color:#ffffff; text-decoration:none;}
#top div.topmenu a.mmenu:hover {color:#0d3060; text-decoration:none;background-color:#b1cce6;font-weight:bold}
.mainclose{visibility:hidden;}
.mainopen{visibility:visible;
	transition-property: opacity, left, top, width;
  transition-duration: 2s, 1s;
  
}
/****¸ÞÀÎ À̹ÌÁö
#top{width:1120px;height:66px;background:url('/www/images/main/top_bg.gif') no-repeat;margin:auto;}
*****/
#mallbody{width:1120px;height:361px;background:url('/ts/images/main/main1.jpg') no-repeat;margin:auto;}

.main_text{position:relative;top:10px;left:700px;width:334px;opacity:0;}
.main_img{position:relative;top:-115px;left:305px;width:433px;height:280}

/****¾ÆÀÌÄÜ*****/
.mbicon{position:relative;top:240px;left:590px;width:460px;height:65px;margin-left:50px;padding-left:20px;background: linear-gradient(to top, #8aabca, #88aac9	, #6184a7);border-bottom:1px solid #ffffff;} 
.mbicon div{float:left;display:inline;margin-left:10px;padding-right:10px;margin-top:10px;text-align:center}
.mbicon p.mbicons1_1{margin-top:-3px;line-height :22px}
.mbicon p.mbicons2_1{margin-top:0px;line-height :21px}
.mbicon p.mbicons3_1{margin-top:-5px;line-height :17px}
.mbicon p.mbicons4_1{margin-top:-2px;line-height :22px}

.mbicons1{padding-left:80px}
.mbicons{height:50px;border-right:1px solid #a1b8cf;padding-right:10px}
.mbicons4{border-right:0;}

.mbicon a:link {color:#ffffff; text-decoration:none;letter-spacing : -1px;font-weight:bold}
.mbicon a:visited {color:#ffffff; text-decoration:none;font-weight:bold}
.mbicon a:active {color:#ffffff; text-decoration:none;font-weight:bold}
.mbicon a:hover {color:#dceabc; text-decoration:none;font-weight:bold}




/****»ó´ã À̹ÌÁö*****/
#mbottom{width:1120px;height:270px;margin:auto;}
#mbottom div.mbottoms{width:1120px;height:263px;margin:auto;padding:7px 7px 0 15px;}
#mbottom p.title{text-align:left}
#mbottom p.title span.title1{float:left}
#mbottom p.title span.title2{float:right}
#mbottom div.mbottom1{float:left;display:inline;}
#mbottom div.mbottom1{width:288px;margin-top:0px;padding:0px}
#mbottom div.customerbanner01{border:2px solid #e1e2e3}
#mbottom div.customerbanner01 div.customerbanner01_1{padding-top:5px;padding-bottom:5px;padding-left:10px}
#mbottom div.customerbanner01 div.customerbanner01_1 p{display:inline-block;vertical-align: middle;}
#mbottom div.customerbanner01 div.customerbanner01_1 p.cb1{padding-right:10px;padding-top:3px;width:65px;}
#mbottom div.customerbanner01 div.customerbanner01_1 p.cb1 img{width:70px}
#mbottom div.customerbanner01_1 p.cb2 span{display:block;}
#mbottom div.customerbanner01_1 p.cb2 span.cbs1{color:#474747;font-size:12px;font-weight:bold;padding-bottom:2px}
			#mbottom div.customerbanner01_1 p.cb2 span.cbs2{background: linear-gradient(to top, #9099b2, #17205a);  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;font-size:22px;letter-spacing:0px;font-weight:bold;margin-top:2px;text-shadow:1px 1px 2px rgba(0,0,0,0.2);}
			#mbottom div.customerbanner01_2{background-color:#708aa5;color:#ffffff;font-size:13px;letter-spacing:-1px;height:20px;padding-top:3px;text-align:center;margin:5px}
#mbottom div.customerbanner01_1 p.cb2 font.cbs3{color:#4d658a;font-size:15px;margin-bottom:5px;}
#mbottom div.customerbanner01_1 p.cb2 font.cbs3_1{padding-right:0px}
#mbottom div.customerbanner01_1 p.cb2 font.cbs3_2{padding-right:6px}
#mbottom div.customerbanner01_1 p.cb2 font.cbs3_3{padding-right:7px}
#mbottom div.customerbanner02{margin-top:10px; border:2px solid #e1e2e3;padding:10px;padding-top:10px;padding-bottom:10px}
#mbottom div.customerbanner02 div{display:inline;vertical-align: middle;}
#mbottom div.customerbanner02 div.customerbanner02_1{padding-right:10px;padding-left:5px;border-right:1px solid #e5e5e5}
#mbottom div.customerbanner02 div.customerbanner02_2{padding-left:10px;}
#mbottom div.customerbanner02 div.customerbanner02_1 p{display:inline-block;vertical-align: top;} 
#mbottom div.customerbanner02 div.customerbanner02_2 p{display:inline-block;vertical-align: middle;}
#mbottom div.customerbanner02 p.cb2{padding-left:5px}
#mbottom div.customerbanner02_1 p.cb2 span.cbs1{color:#717171;font-weight:bold}
#mbottom div.customerbanner02_1 p.cb2 span.cbs1_{color:#9c9b9b;font-size:11px}

#mbottom div.customerbanner02_2 p.cb2 span.cbs1{color:#717171;font-weight:bold}
#mbottom div.customerbanner02_2 p.cb2 span.cbs1_{color:#9c9b9b;font-size:11px}
#mbottom div.customerbanner02_1:hover {color:#023d6f;font-weight:bold}
#mbottom div.customerbanner02_2:hover {color:#067e2d;font-weight:bold}


#mbottom div.mbottom2{width:800px;height:246px;margin-top:0px;margin-left:10px;float:left;display:inline;}
#mbottom div.mbottom2 div.mbottom2_1{width:395px;height:231px;background-color:#ffffff;margin-left:6px;float:left;display:inline;}
div.slide{line-height:20px;text-align:left;margin-left:10px}
#mbottom div.mbottom2 div.mbottom2_1 p.title{width:367px;height:22px;border-bottom:1px solid #e4e4e4;margin:10px;}
#mbottom div.mbottom2 div.mbottom2_1 p span.title1{color:#4f5697;font-weight:bold;font-size:16px}
#mbottom div.mbottom2 div.mbottom2_1 p a span.title2{background: linear-gradient(to top, #81adc5, #708aa5);color:#ffffff;font-size:12px;border-radius: 10%;padding:2px;border:1px solid #4b81a3}
#mbottom div.mbottom2 div.mbottom2_2{margin-left:20px;float:left;display:inline;}
#mbottom div.mbottom2 div.mbottom2_2 p{float:left;display:inline;overflow: hidden;}
#mbottom div.mbottom2 div.mbottom2_2 p.banners1{width:85px;height:201px;background: linear-gradient(to top, #bad4e1, #5d91af);padding:15px;}
#mbottom div.mbottom2 div.mbottom2_2 p.banners2{width:85px;height:201px;background: linear-gradient(to top, #aedadc, #5aa1a1);margin-left:10px;padding:15px}
#mbottom div.mbottom2 div.mbottom2_2 p.banners3{margin-left:10px;width:120px;padding:0px;}
#mbottom div.mbottom2 div.mbottom2_2 p.banners3 table{width:100%;border-collapse:collapse}
#mbottom div.mbottom2 div.mbottom2_2 p.banners3 table tr td.space{padding:3px 0}
#mbottom div.mbottom2 div.mbottom2_2 p.banners3 td.bs3all1{height:120px;background: linear-gradient(to top, #a9c36d, #699016);vertical-align:top;padding-top:15px;;overflow: hidden;}
#mbottom div.mbottom2 div.mbottom2_2 p.banners3 td.bs3all2{height:105px;background: linear-gradient(to top, #bed38b, #8eae46);vertical-align:top;padding-top:15px;}

#mbottom div.mbottom2 div.mbottom2_2 p.banners1 span.mbtitle{width:100%}
#mbottom div.mbottom2 div.mbottom2_2 p.banners1 span.mbimg{position:relative;top:67px;}
#mbottom div.mbottom2 div.mbottom2_2 p.banners1 span.mbbutton{background: linear-gradient(to top, #ffffff, #e8e8e8);color:#326888;font-size:12px;border-radius: 10%;padding:2px;border:1px solid #8da3b0;position:relative;top:55px;left:30px}
#mbottom div.mbottom2 div.mbottom2_2 p.banners1 span.mbcentent{position:relative;top:15px;color:#d2e5ee;font-size:12px}

#mbottom div.mbottom2 div.mbottom2_2 p.banners2 span.mbtitle{width:100%}
#mbottom div.mbottom2 div.mbottom2_2 p.banners2 span.mbimg{position:relative;top:67px;}
#mbottom div.mbottom2 div.mbottom2_2 p.banners2 span.mbbutton{background: linear-gradient(to top, #ffffff, #e8e8e8);color:#3c8c8e;font-size:12px;border-radius: 10%;padding:2px;border:1px solid #5aa1a1;position:relative;top:50px;left:30px}
#mbottom div.mbottom2 div.mbottom2_2 p.banners2 span.mbcentent{position:relative;top:15px;color:#b6dddf;font-size:12px}

#mbottom div.mbottom2 div.mbottom2_2 p.banners3 span.mbtitle{width:100%}
#mbottom div.mbottom2 div.mbottom2_2 p.banners3 span.mbimg{position:relative;top:25px;}
#mbottom div.mbottom2 div.mbottom2_2 p.banners3 span.mbbutton{background: linear-gradient(to top, #ffffff, #e8e8e8);color:#51710e;font-size:12px;border-radius: 10%;padding:2px;border:1px solid #88a266;position:relative;top:40px;left:20px;letter-spacing :-1px}
#mbottom div.mbottom2 div.mbottom2_2 p.banners3 span.mbcentent{position:relative;top:15px;color:#d6e6af;font-size:12px}

@keyframes vibration {
  from {
    transform: rotate(2deg);
  }
  to {
    transform: rotate(-2deg);
  }
}

@keyframes up {
  from {
    bottom:63px;
  }
  to {
    bottom:630px;
  }
}
#mbottom div.mbottom2 div.mbottom2_2 p.banners1 img{width:150px;}
#mbottom div.mbottom2 div.mbottom2_2 p.banners2 img{width:150px}
#mbottom div.mbottom2 div.mbottom2_2 p.banners3 img{width:100px}

.anim{animation: vibration 0.1s ;}
.anim1{animation: up  ;}
#mbottom div.mbottom2 div.mbottom2_2 p a{font-weight:bold;color:#ffffff;font-size:16px}

#mbottom div.mbottom2 div.mbottom2_3{float:left;display:inline;}
#mbottom div.mbottom1 p.banners2 span.banners1_1{padding-right:5px}
#mbottom div.mbottom1 p.banners1{}
#mbottom div.mbottom1 p.banners2{margin-top:5px}

#mbottom div.mbottom3{}
#mbottom div.mbottom3{}


/****¸ÞÀÎÇÏ´Ü- ½ºÅ©·Ñµî*****/
#scrolls{clear:both;width:1040px;margin:auto;padding-top:0px;}
#scrolls div{display:inline;float:left;margin-bottom:5px}
#scrolls div.left{width:12px}
#scroll{width:1008px;height:35px;overflow:hidden;}
#scroll p{width:1181px;height:35px;overflow:hidden;}

#scroll a {float:left; display:block;}
#scroll a img{ width:165px; height:35px;margin-right:10px;}
#scrolls div.right{width:12px}


/****ȸ»ç Á¤º¸*****/
#mbottom_{clear:both;width:1080px;border-top:1px solid #e2e2e2;height:90px;padding-left:50px;margin-top:0px;font-size:11px}
		#mbottom_ div{float:left;}
		#mbottom_ div.mbottom{width:210px;margin-top:15px;text-align:center;border-right:1px solid #bbbbbb;}
		#mbottom_ div.mbottom img{width:180px;}
		#mbottom_ div.maddr{padding-top:20px;padding-left:70px;}
		#mbottom_ div.maddr p.mbottom_text1{padding-bottom:5px}
		#mbottom_ div.maddr p.mbottom_text1 span{padding-right:5px;font-size:11px}
		#mbottom_ div.maddr p.mbottom_text2{line-height : 20px}
		#mbottom_ p.mbottom{width:1000px;height:25px;margin-top:0}
		#mbottom_ span.bar{color:#cdcbcb;margin-left:5px;margin-right:5px;font-size:9px}
		#mbottom_ span a{color:#141414;font-weight:bold}

/***###############*¿À¸¥ÂÊ Äü¸Þ´º*****/
		
			/****Äü¸Þ´º*****/
			#quickmenu{position:absolute;top:190px;margin-left:10px}
			#quickmenu p{width:81px;text-align:center}
			#quickmenu p.links6{margin-top:10px}
			#quickmenu p.links7{margin-top:5px}