@charset "utf-8";

/*
.header 
{
	width: 1000px;
	height: 68px;
	margin-top: 12px;	
}
*/

html, body, .wrap {width:100%; height:100%;}
body,dl,dt,dd,ol,h1,h2,h3,h4,h5,form,fieldset,p,button,img{margin:0;padding:0;}
body,h1,h2,h3,h4,input,button{font-family: Vernada; font-size:12px; color:#333333; letter-spacing:0.8px; font-weight:normal;}

img,fieldset,iframe{border:0 none;}
ul,li{list-style:none; /* position: relative; z-index:2;*/}
img{border:none;}
a{text-decoration:none; color:#333333;}
a:hover {color:#2d5986;}
/* span{ position:absolute; z-index:-1; visibility:hidden; } */

.bd{border:1px solid red;}


/* main */

/* #wrap {width:1000px;position:relative;
	   margin:0 auto;} */

#gnb{width:1000px;height:100px;background-color:#fff;position:relative; z-index:2;}

	.logo {float:left;}
	.gnbTop>li {width:130px;height:44px;font-family:NanumGothic; font-weight:bold; font-size:20px;color:#000; float:left; margin:8px 10px; position:relative; z-index:2;}
	.gnbTop>li>a {display:block; width:100% height:100%;}
	.gnbTop ul {display:none;font-size:16px;}
	.gnbTop>li:hover ul {display:block; position:absolute; left:-20px; top:40px; width:170px; padding:10px 0; border-bottom:solid #2d5986 5px; background-color:#FFF;}
	.gnbTop ul li {height:40px;margin:10px 0;position:relative;}
	.gnbTop li li a {display:block; width:100%; height:100%;}
	.gnbTop li li a:hover {color:#2d5986;}

#gnb {*zoom:1;}
#gnb:after {clear:both;display:block;content:"";}

#mSlide {width:1000px;height:337px;background-color:#332343; margin-top: 30px;}
	.mainImg {width:1000px;height:337px;background-color:#234456;}
	/*
	.mainSlideNav {width:1000px;height:16px;background-color:#980d24;}
	.mainSlideNav img {float:left;}
	*/

#mSlide { *zoom:1;}
#mslide:after {clear:both;display:block;content:"";}

#content {width:1000px;text-align:center; background-image:url('image/main/mainbg_bar.png');background-repeat:repeat;background-position:0 10px;}

	.sTitle {font-family:NanumGothic;color:#2d5986;font-weight:bold;font-size:20px;text-align:left;padding:15px 0px 20px 8px; margin-left: 30px;}
	.sSlide01 {width:495px;height:300px;background-color:transparent;float:left;}
	.sSlide02 {width:495px;height:300px;background-color:transparent;float:left;}
	.sSlide03 {width:495px;height:300px;background-color:transparent;float:left;}
	.sSlide04 {width:495px;height:300px;background-color:transparent;float:left;}
	.appStore {width:64px; float:right;}

#content { *zoom:1; }
#content:after  {clear:both;display:block;content:"";}

/* #footer {width:1000px; height:55px;text-align:center;background-color:#FFF;} */

/* sub */

#subContent {width:1000px;text-align:center;height:100%;}

#subContent { *zoom:1; }
#subContent:after {clear:both;display:block;content:"";}

#banner {width:1000px;}

#banner img {max-width:100%;}

#subNav {float:left;height:100%;width:200px;float:left;margin:20px 0;}

/* .sub_margin li {margin-bottom:1px;} */
.aboutTitle img {margin:5px 0 20px 0;}
.subNavBg {min-height:580px;background-image:url('../image/sub/sub_bg.png');background-repeat:none;}
.subNavBg img {padding:30px;}

.subNavBg2 {min-height:1900px;background-image:url('../image/sub/sub_bg2.png');background-repeat:none;}
.subNavBg2 img {padding:30px;}

.subNavBg3 {min-height:2800px;background-image:url('../image/sub/sub_bg3.png');background-repeat:none;}
.subNavBg3 img {padding:30px;}

.subTabContent {}

.qrcodeImg {clear: both;display: none;text-align:center;}
.MWportfolio {display: none;}
.qrcode_04 {width:90%;text-align:center;}
.qrcode_05 {margin-left:155px;}
.about_size {width:800px;margin-top:80px;}
.img_left {text-align:left; margin-left:40px}

.about_02 {max-width:780px; float:left; margin:30px 0 0 20px;}

.subTab{float:left;width:800px;margin:70px 0 20px 0;position:relative;}
#qrcode_03 {position:absolute;left:8%;}
.portUl {position:absolute;left:19%;}
.subTab li {float:left; margin:0 3px;}

.subImg {float:left;width:780px;margin-top:50px;margin-bottom:30px; margin-left: 20px;}
.subTitle {text-align:left; padding-left:30px;}
.subBoard {margin:20px 0 20px 0;}

.subTabContent { *zoom:1; }
.subTabContent:after {clear:both;display:block;content:"";}

.MWportfolio {float:left;width:740px;margin:30px; margin-top: 50px;}

.MWbtn:after {clear:both;display:block;content:"";}
.MWbtn { *zoom:1; }

.MWnextBtn {float:right;text-align:right;}
.MWpreBtn {float:left;text-align:right;}
.MWqna {margin:20px 0;}

.MWlist {width:750px;margin-bottom:8px;}

.MWlist:after {clear:both;display:block;content:"";}
.MWlist { *zoom:1; }

.mwcell {float:left;width:360px;height:380px;margin:3px;border:solid 1px #c8c8c8;position:relative;}
.mwcell img {max-width:100%;}

.tbtn {position:absolute;top:265px;left:15px;}
.tbtn a {display:block;width:150px;height:50px;}

#subNav img {max-width:100%;max-height:100%;}

.clsBannerScreen {
	overflow: hidden;
	position: relative;
	height: 1000px;
	width: 337px;
	border: 1px solid #e1e1e1;
	cursor: pointer;
	clear: both;
}

.clsBannerScreen .images {
	display: none;
}