/*
#main-container{}
.main-content-box{width: 1200px;margin: 0 auto;}
.main-content-wrap{background: #fbfbfb;}
#sub-container{width:100%; max-width:1200px; margin: 0 auto;padding:  50px 0;}
*/


/*pc mobile 다르게*/
#pcver{ width:100%;  margin:0 auto;  }
#mobilever{ width:100%;  margin:0 auto;  display:none;  }

@media all and (max-width:800px){  
#pcver{  display:none;  }
#mobilever { display:block; }   
 }

@media screen and (max-width: 800px){
	#pcver{  display:none;  }
	#mobilever { display:block; }  
}

/*COMMON 컨텐츠wrap*/
.con_wrap {*zoom:1; margin-bottom: 200px;}
.con_wrap:after{content:""; display:block; clear:both;}

/*탭*/
.sub-tab-wrap{margin:0 -5px; margin-bottom:40px; }
.sub-tab-box{display:block;}
.sub-tab-box ul{display:block;text-align:center;}
.sub-tab-box ul li{display:inline-block; width:auto !important; }
.sub-tab-box ul li a{margin-left:-1px; color:#989898; border: 1px solid #ddd; padding:0px 50px; font-size:16px; display:block; height:70px; line-height:70px; letter-spacing:-1px; background:#fff; text-align:center; transition:all .2s ease-in-out;}
.sub-tab-box ul li a.active{background:#333333; border: 1px solid #333; color:#fff;}
.sub-tab-content{display: none;}
.sub-tab-content.active{display: block;}

@media screen and (max-width: 1000px){
.sub-tab-box ul li a{color:#989898; border: 1px solid #ddd; padding:0px 20px; font-size:14px; display:block; height:50px; line-height:50px; letter-spacing:-1px; background:#fff; text-align:center; transition:all .2s ease-in-out;}
}




/*company*/
.greeting{width:100%; *zoom:1; }
.greeting:after{content:""; display:block; clear:both;}

.greeting h2 {font-size: 20px; line-height: 140%; color: #000; font-weight:700; letter-spacing: -1px; padding-bottom: 30px; }
.greeting h2 span{color: #b7d200; font-weight:400;}
.greeting h2 strong{color: #b7d200; font-weight:700;}
.greeting img {padding:40px 0px; }
.greeting p {font-size: 18px; line-height: 160%; color: #333; padding-bottom: 20px; letter-spacing: -1px;}


/*partner*/
.partner{width:100%; *zoom:1; }
.partner:after{content:""; display:block; clear:both;}

.partner p {font-size: 18px; line-height: 160%; color: #333; text-align: center; padding-bottom:30px;  }
		
.partner {width:100%; margin-bottom:150px}
.partner .partnerbox{*zoom:1;width:100%;}
.partner .partnerbox:after {content:""; display:block; clear:both;}
.partner .partnerbox {width:100%;border-left:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8;}/* */
.partner .partnerbox .bnbox {width:25%; border-right:1px solid #d8d8d8; border-top:1px solid #d8d8d8; text-align:center; vertical-align:middle; float:left; padding:25px 45px; min-height:100px;}


@media screen and (max-width: 800px){
.partner {width:100%; float:left;}
.partner .partnerbox .bnbox {width:50%; padding:25px 25px;}
}

@media screen and (max-width: 590px){
.partnerbox {width:100%; float:none;}
}



/*confirm*/
.confirm{width:100%; *zoom:1; }
.confirm:after{content:""; display:block; clear:both;}
		
.confirm {width:100%;}
.confirm .confirmbox{*zoom:1;width:100%;}
.confirm .confirmbox:after {content:""; display:block; clear:both;}
.confirm .confirmbox {width:100%; border-left:1px solid #d8d8d8; border-top:1px solid #d8d8d8;}/* border-bottom:1px solid #d8d8d8;*/
.confirm .confirmbox .bnbox {width:25%; height: auto; border:1px solid #d8d8d8; border-left:none; border-top:none; text-align:center; vertical-align:middle; float:left; padding:25px; }
.confirm .confirmbox .bnbox p {font-size: 14px; text-align: center; padding: 30px 0px; }

@media screen and (max-width: 800px){
.confirm {width:100%; float:left;}
.confirm .confirmbox .bnbox {width:50%; }
}

@media screen and (max-width: 590px){
.confirmbox {width:100%; float:none;}
}


/*video*/
.video{width:100%; *zoom:1; }
.video:after{content:""; display:block; clear:both;}

.video h2 {font-size: 28px; padding-bottom: 10px; line-height: 140%; color: #333; font-weight:400; letter-spacing: -1px; border-bottom: 1px solid #d8d8d8;}
.video h2 span{color: #b7d200; font-weight:700;}
.video h2 strong{color: #b7d200; font-weight:700;}

.video div {border: 1px solid #d8d8d8; text-align: center; padding: 50px; margin-bottom: 70px;}
.video iframe {width:80%; min-height: 450px;}

@media screen and (max-width: 1000px){
.video iframe {width:80%; min-height: 350px;}
}
@media screen and (max-width: 700px){
.video h2 {font-size: 20px;}	
.video div {padding: 20px; margin-bottom: 30px;}	
.video iframe {width:100%; min-height: 300px;}
}



/*map*/
.map{width:100%; *zoom:1; }
.map:after{content:""; display:block; clear:both;}

.map .left {width: 50%; float: left; padding-bottom: 20px; }
.map .right {width: 45%; float: right; }
.map .right h2{font-size: 24px; color: #000; font-weight: 700; margin-bottom:10px;}
.map .right ul {padding-bottom: 30px;}
.map .right li{font-size: 18px; color: #666; line-height: 180%; text-align: left;}
.map .right li span {color:#3367cd; }

@media screen and (max-width: 700px){
.map .left {width: 100%; float:none; }
.map .right {width: 100%; float:none; }
}



/*business*/
.business{width:100%; *zoom:1; }
.business:after{content:""; display:block; clear:both;}

.business .box {width: 100%; }
.business .box_con {width: 30%; float: left; margin:20px; margin-top: none; background-color: #f9f9f9; padding: 30px 30px 70px 30px; min-height: 450px;}
.business .box_con img {padding:30px; }
.business .box_con h2 {color: #333; font-weight: 700; font-size: 22px; text-align: center;}
.business .box_con h2 span{color: #333; font-weight: 400; font-size: 16px; padding-left: 10px;}
.business .box_con p{padding-top:20px; color: #666; font-weight: 400; font-size: 16px;text-align: center;}

.float_l {float: left; }
.float_r {float: right; }
.business .centerpd {margin-left: 180px;}

@media screen and (max-width: 1200px){
.business .box .box_con {width: 47%; margin:10px;}
.business .box .box_con h2 {font-size: 20px;}
.business .box .box_con h2 span{font-size: 16px;}
.business .box .box_con p{font-size: 16px;}
}
@media screen and (max-width: 800px){
.business .box .box_con {width: 100%; margin:10px 0px; min-height:auto; }
}





/*Product*/
.product{width:100%; *zoom:1; }
.product:after{content:""; display:block; clear:both;}

.product .tit_con {text-align: left;}
/*.product .tit_con img {padding-left: 10px; padding-bottom: 50px;}*/
.product .tit_con h2 {font-size: 26px; color: #333; font-weight: 700; background: url(/images/common/pro_h2_icon.png) 0px 4px no-repeat; padding-left: 40px; padding-bottom: 10px;}
.product .tit_con h2 span{color: #999; font-weight: 400;}
.product .tit_con p {color: #333; font-size: 20px; line-height: 160%; padding-bottom: 30px; font-weight: 400;}
.product .tit_con p span{color: #90a216;}

.product .tit_con h3 {font-size: 20px; color: #90a216; font-weight: 700; padding:20px 0px 10px;}
.product .tit_con h3 span {color: #999;}
.product .tit_con ul {padding-bottom: 10px; padding-left: 10px;}
.product .tit_con li {color: #666; font-size: 18px; background: url(/images/common/pro_li_icon.jpg) 0 5px no-repeat; padding-left: 10px; padding-bottom: 5px; line-height: 160%;}
.product .tit_con .product .tit_con li span{color: #000;}
.product .tit_con .right_js_text {font-size: 14px; color: #999; text-align: right; padding: 10px 0px 50px;}

.product .box50 {width: 50%; float: left;}
.product .box100 {width: 100%; float: left; *zoom:1; }
.product .box100:after{content:""; display:block; clear:both;}
.product .box100 img {width: 90%;}

@media screen and (max-width: 800px){
.product .box50 {width: 100%; float: none;}
}

@media screen and (max-width: 590px){
	.product .tit_con h2 {font-size: 20px; background: url(/images/common/pro_h2_icon.png) 0px 0px no-repeat; padding-left: 34px; }
	.product .tit_con p {font-size: 18px; }
	.product .tit_con h3 {font-size: 18px; }
	.product .tit_con li {font-size: 16px; padding-bottom: 10px; }
}

/* Gray 표 center정렬 */
.sub-table-style01{width: 100%;  border-collapse:collapse;border-top: 2px solid #000;width: 100%; word-break:break-all; }
.sub-table-style01 th{text-align: center;color:#333; font-weight:500; background: #f5f5f5;border: 1px solid #d8d8d8; padding:20px}
.sub-table-style01 .font16 {font-size:16px; font-weight:500}
.sub-table-style01 td{border: 1px solid #d8d8d8;padding:15px; text-align:center;}
.sub-table-style01 th:first-child, .sub-table-style01 td:first-child{border-left: none;}
.sub-table-style01 th:last-child, .sub-table-style01 td:last-child{border-right: none;}
.sub-table-style01 .blackft {color:#000; font-weight:500; margin-bottom:5px;}
.sub-table-style01 .pointbg {background-color: #E2ECC7;}
.sub-table-style01 .textleft {text-align:left;}

@media screen and (max-width: 590px){
.sub-table-style01 th{font-size:12px; padding:5px}
.sub-table-style01 .font16 {font-size:12px;}
.sub-table-style01 td{font-size:12px;padding:5px;}
}

/* Green 표 Center 정렬 */
.sub-table-style02{width: 100%;  border-collapse:collapse;border-top: 2px solid #000;width: 100%; word-break:break-all; margin-bottom: 50px;}
.sub-table-style02 th{text-align: center;color:#333; font-weight:500; background: #a6cf4f;border: 1px solid #d8d8d8; padding:20px}
.sub-table-style02 .font16 {font-size:16px; font-weight:500}
.sub-table-style02 td{border: 1px solid #d8d8d8;padding:10px; text-align:center;}
.sub-table-style02 th:first-child, .sub-table-style02 td:first-child{border-left: none;}
.sub-table-style02 th:last-child, .sub-table-style02 td:last-child{border-right: none;}
.sub-table-style02 .blackft {color:#000; font-weight:500; margin-bottom:5px;}
.sub-table-style02 .pointbg {background-color: #E2ECC7;} /*그린*/
.sub-table-style02 .pointbg2 {background-color: #EBEBEB;} /*그레이*/
.sub-table-style02 td img {padding: 0px;}

@media screen and (max-width: 590px){
.sub-table-style02 th{font-size:12px; padding:5px}
.sub-table-style02 .font16 {font-size:12px;}
.sub-table-style02 td{font-size:12px;padding:5px;}
}




/*SISOFAIR 개최 폼*/
.sisofair_info{width:100%; *zoom:1; border: 1px solid #d8d8d8; background: url(/n_images/sisofairinfo_layouttbg.gif) right top no-repeat;}
.sisofair_info:after{content:""; display:block; clear:both;}
	
.infotitle{padding: 50px 20px; border-bottom: 1px solid #d8d8d8; text-align: center;}
.infotitle h2{color: #d33041;font-size: 26px;font-weight: 400;}
.infotitle h3{color: #828282; font-size: 18px; font-weight: 400;}

.sisofair_info .contents{width:100%; *zoom:1; }
.sisofair_info .contents:after{content:""; display:block; clear:both;}

/**/
.inforightbt{width:100%; *zoom:1; padding: 20px;}
.inforightbt:after{content:""; display:block; clear:both;}
.inforightbt div {width:200px; padding: 10px; float: right; font-size: 14px; padding-left: 50px; margin: 1px;
		          background: url(/n_images/sisofairinfo_btbg.gif) right top repeat;}
.inforightbt .bt_pdf {background-color:#F1F1F1; border: 1px solid #d8d8d8; background: url(/n_images/pdf.jpg) 15px 9px no-repeat;}
.inforightbt .bt_acrb {background-color:#F1F1F1; border: 1px solid #d8d8d8; background: url(/n_images/acrb.jpg) 15px 9px no-repeat;}
.inforightbt .bt_doc {background-color:#F1F1F1; border: 1px solid #d8d8d8; background: url(/n_images/doc.jpg) 15px 9px no-repeat;}
.inforightbt .bt_hwp {background-color:#F1F1F1; border: 1px solid #d8d8d8; background: url(/n_images/hwp.jpg)  15px 9px no-repeat;}
.inforightbt .bt_excel {background-color:#F1F1F1; border: 1px solid #d8d8d8; background: url(/n_images/excel.jpg)  15px 9px no-repeat;}

/**/
.inforightbt2{width:100%; *zoom:1; padding: 20px;}
.inforightbt2:after{content:""; display:block; clear:both;}
.inforightbt2 div {width:250px; padding: 15px; float: right; font-size: 14px; padding-left: 60px; margin: 1px; margin-left: 10px;
		          background: url(/n_images/sisofairinfo_btbg.gif) right top repeat;}
.inforightbt2 .bt_pdf {background-color:#F1F1F1; border-radius: 30px; border: 1px solid #d8d8d8; background: url(/n_images/pdf.jpg) 25px 15px no-repeat;}
.inforightbt2 .bt_acrb {background-color:#F1F1F1; border-radius: 30px; border: 1px solid #d8d8d8; background: url(/n_images/acrb.jpg) 25px 15px no-repeat;}
.inforightbt2 .bt_doc {background-color:#F1F1F1; border-radius: 30px; border: 1px solid #d8d8d8; background: url(/n_images/doc.jpg) 25px 15px no-repeat;}
.inforightbt2 .bt_hwp {background-color:#F1F1F1; border-radius: 30px; border: 1px solid #d8d8d8; background: url(/n_images/hwp.jpg)  25px 15px no-repeat;}
.inforightbt2 .bt_excel {background-color:#F1F1F1; border-radius: 30px; border: 1px solid #d8d8d8; background: url(/n_images/excel.jpg)  25px 15px no-repeat;}

@media screen and (max-width: 800px){
.inforightbt2 div {width:100%; margin:2px 10px; }
}