#sectionTop {
	width:100%;
	height:97px;
	border-top:7px solid #0b3587;
	position:fixed;
	z-index:9999;
	background-color:#fff;
	left:0;
	right:0;
    transition : 0.0s;
}
.topInner {
	width:1024px; height:97px;
	margin:0 auto;
	line-height:97px;
}
.topInner h1{
	width:118px; height:41px;
	display:inline;
	font-size:30px;
	font-family:tahoma;
	letter-spacing:-1px;
}
.topInner h1 a{
	color:#3d486f;
}
.topInner h1 a:hover{
	color:#3d486f;
}
.topInner span{
	color:#8f8e8e;
}
.gnb_menu{
	float:right;
}
.gnb_menu li{
	float:left;
	margin:0 15px;
	cursor:pointer;
}
.gnb_menu li a{
	color:#333;
}
.gnb_menu li a:hover{
	color:#e46350;
	font-weight:bold;
}


/*body*/
::-moz-selection{ /* Code for Firefox */
    color: #fff;
    background: #e46350;
}

::selection{
    color: #fff;
    background: #e46350;
}
*{padding:0; margin:0;}
.borderNone{border:none !important;}
input, textarea {font-size:13px; font-family:tahoma; border:0; resize: none;}
#wrapper{
	width:100%; height:100%;
	overflow-x:hidden;
}

h2{
	height:100px;
	text-align:center;
	color:#3d486f;
	font-family:tahoma;
	font-size:25px;
 }
/*visual*/
.visual{
	width:100%;
	height:370px;
	border-bottom:10px solid #0d2244;
	margin-top:100px;
}
.visual_inner{
	width:2000px;
	position:relative;
	left:50%;
	margin-left:-1000px;
}
.visual_text{
	width:300px;
	position:absolute;
	top:140px; left:50%;
	margin-left:-150px;
	text-align:center;
	color:#fff;
}
.visual_text p{
	height:50px;
	font-size:50px;
	line-height:20%;
}
.visual_text span{
	line-height:150%;
}

/*mainContent*/
.mainContent{
	width:1024px;
	padding:3% 0 6% 0;
	margin:0 auto;
}
.mainContent:after{
	content:"";
	display:block;
	clear:both;
}
/*.mainContent div{
	width:331px; height:230px;
	float:left;
	text-align:center;
	background-repeat:no-repeat;
	background-position:center 0;
}
.mainContent dl{
	width:240px;
	padding-top:123px;
	margin:0 auto;
}
.mainContent dt{
	font-size:16px; font-weight:bold;
}
.mainContent dd{
	padding-top:9px;
	color:#718093;
}
*/
.mainContent .mainContInner li{
	width:150px; height:165px;
	float:left;
	text-align:center;
	background-repeat:no-repeat;
	background-position:center 0;
}
.mainContInner{
	width:750px;
	height:140px;
	margin:0 auto;
}
.mainContInner div{
	padding-top:117px;
	font-size:14px; font-weight:bold;

}
.mainContent .mainCont1{
	background-image:url(/images/icon_logic.png);
}
.mainContent .mainCont2{
	background-image:url(/images/icon_c.png);
}
.mainContent .mainCont3{
	background-image:url(/images/icon_cplusplus.png);
}
.mainContent .mainCont4{
	background-image:url(/images/icon_java.png);
}
.mainContent .mainCont5{
	background-image:url(/images/icon_android.png);
}
.mainContent .mainCont6{
	background-image:url(/images/icon_objc.png);
}
.mainContent .mainCont7{
	background-image:url(/images/icon_cs.png);
}
.mainContent .mainCont8{
	background-image:url(/images/icon_jsp.png);
}
.mainContent .mainCont9{
	background-image:url(/images/icon_php.png);
}
.mainContent .mainCont10{
	background-image:url(/images/icon_swift.png);
}
.mainContent .mainCont1{
	color:#1c5f45;
}
.mainContent .mainCont2{
	color:#488b6b;
}
.mainContent .mainCont3{
	color:#524a70;
}
.mainContent .mainCont4{
	color:#3d486f;
}
.mainContent .mainCont5{
	color:#52a615;
}
.mainContent .mainCont6{
	color:#326396;
}
.mainContent .section_service{
	position:relative;
	text-align:center;
}
.mainContent .section_service h2{
	text-align:center;
	margin:0px 0 80px 0;
	padding-top:60px;
	background:url(/images/arrow_basic_down.png) no-repeat center bottom;
 }
/* inquiries */
.inquiriesForm{
	width:1024px;
	margin:100px auto 0 auto;
	text-align:center;
	background:url(/images/bg_inquries.jpg) no-repeat center 2px;
}
.inquiriesForm:after{
	content:"";
	display:block;
	clear:both;
}

.inquiriesText{
	width:540px;
	padding-top:120px;
	margin:0 auto;
	text-align:left;
	font-size:13px;
	color:#333;
}
.inquiriesText h2{
	color:#fff;
}
.inquiriesText:after{
	content:"";
	display:block;
	clear:both;
}
.inquiriesText .iqTit{
	padding-left:4px;
	font-weight:bold;
}
.inquiriesText .iqTit span{
	color:red;
	padding-left:6px;
}

.inquiriesText:after{
	content:"";
	display:block;
	clear:both;
}
.inquiriesText div ul{
	margin:0 10px;
	float:left;
}
.inquiriesText div li{
	padding:5px 0;
}
.inquiriesText div li input{
	width:480px;
	padding:23px;
	background:#fff;
	border-radius:20px;
}
.inquiriesText div li textarea{
	width:474px;
	height:208px;
	padding:13px 28PX;
	border-radius:20px;
	border:0;
	background:url(/images/aviv-textarea.png) no-repeat center #fff;
}
.inquiriesText input[type="submit"]{
	width:860px;
	background:#4b99ad;
	padding:15px;
	margin:10px;
	color:#fff;
	border:0;
	cursor:pointer;
}
.btnSubmit{
	width:1024px;
}
.btnSubmit span{
	width:860px;
	background:#4b99ad;
	padding:20px 0;
	margin:15px auto 0 auto;
	font-weight:bold;
	color:#fff;
	border:0;
	cursor:pointer;
	display:block;
}

/*추가*/
.mainContInner_top{
	width:100%;
	padding:80px 0;
	background:#f8f8f8;
}
.mainContInner_listBox{
	width:885px;
	margin:0 auto;
}
.mainContInner_listBox:after{
	content:"";
	display:block;
	clear:both;
}
.mainContInner_listBox div{
	width:400px;
	float:left;
	text-align:center;
	padding:65px 20px 0 20px;
	background-position:center top;
	background-repeat:no-repeat;
}
.mainContInner_listBox div:first-child{
	border-right:1px dotted #ccc;
}
.development_box{
	background-image:url('/images/Development_icon.png');
}
.AreaofService_box{
	background-image:url('/images/Service_icon.png');
}
.border_line{
	display:none;
}
.mainContInner_listBox div h3{
	font-size:20px;
	padding-bottom:30px;
 }
.mainContInner_listBox div li{
	line-height:160%;
	color:#777777;
}
.form_bg{
	width:100%;
	/*background:#e46350;*/
	background:url('/images/Contactus_bg2.png');
	padding-bottom:80px;

}
.form_bg:after{
	content:"";
	display:block;
	clear:both;
}
.inquiriesForm_box{
	width:1024px;
	margin:0 auto;
	position:relative;
	top:0;
}
.btnSubmit_box{
	width:100%;
	margin:270px auto 0 auto;
	color:#fff;
}
.btnSubmit_box:after{
	content:"";
	display:block;
	clear:both;
}
.btnSubmit_box div{
	font-size:18px;
	font-family:tahoma;
	background:#e46350;
	display:inline-block;
	padding:15px 0;
	text-align:center;
	margin:0 auto;
	border-radius:20px;
	cursor:pointer;
	width:100%;
}
.sns_box{
	 /*background:#79bebb;*/
	 background:url('/images/sns_bg.png');
	 color:#fff;
	 padding:60px 0;
}
.sns_cont{
	width:400px;
	margin:80px auto;
}
.sns_cont span{
	margin:20px;
}
/*about us*/
.aboutus{
	width:1024px;
	margin:0px auto 0 auto;
	height:600px;
	padding:100px 0 40px 0;
	color:#394b50;
	line-height:2.1;
	font-size:13px;
}
.aboutus h2{
	text-align:center;
	margin-bottom:80px;
	color:#394b50;
	font-family:tahoma;
	font-size:25px;
 }
.aboutus .aboutus_left{
	width:420px;
	text-align:left;
	background:url('/images/aboutus.png') no-repeat 0 0;
	padding:151px 0 40px 220px;
	float:left;
}
.aboutus .aboutus_right{
	width:314px;
	padding-left:65px;
	float:left;
	border-left:1px solid #c6d0e6;
}
.aboutus .aboutus_right div{
	margin-bottom:25px;
}
.aboutus .aboutus_right div li{
	line-height:180%
}
.aboutus .aboutus_right div h3{
	font-size:17px;
	color:#4572ce;
	padding:0;
}
/*portfolio list*/
.portfolio_box{
	width:1024px;
	margin:0px auto;
	padding:100px 0;
	border-top: 1px dashed #c7c7c7;
}
.portfolio_box h2{
	font-family:tahoma;
	text-align: center;
	font-size:25px;
	font-weight:bold;
	color:#3d486f;
}
.portfolio_box:after{
	content:"";
	display:block;
	clear:both;
}
.portfolio_box h4{
	padding-bottom:8px;
	font-size:14px;
}
.portfolio_box .portfolio_section_list dt{
	padding-bottom:4px;
}
.portfolio_box .portfolio_section_list dd{
	height:33px;
	overflow:hidden;
	color:#777;
}
.portfolio_box .portfolio_section_list li{
	width:185px;
	padding:12px 12px 12px 115px;
	margin:15px 10px;
	border:1px solid #ccc;
	border-radius:10px;
	float:left;
	background-repeat:no-repeat;
	background-position:20px center;
}
.portfolio_box .portfolio_section_list:after{
	content:"";
	display:block;
	clear:both;
}
.portfolio_box .portfolio_section_list li.pf_none{
	background-image:url(/images/logo/basic.png);
}
.portfolio_box .portfolio_section_list li.pf_1{
	background-image:url(/images/logo/1.png);
}
.portfolio_box .portfolio_section_list li.pf_2{
	background-image:url(/images/logo/2.png);
}
.portfolio_box .portfolio_section_list li.pf_3{
	background-image:url(/images/logo/3.png);
}
.portfolio_box .portfolio_section_list li.pf_4{
	background-image:url(/images/logo/4.png);
}
.portfolio_box .portfolio_section_list li.pf_5{
	background-image:url(/images/logo/5.png);
}
.portfolio_box .portfolio_section_list li.pf_6{
	background-image:url(/images/logo/6.png);
}
.portfolio_box .portfolio_section_list li.pf_7{
	background-image:url(/images/logo/7.png);
}
.portfolio_box .portfolio_section_list li.pf_8{
	background-image:url(/images/logo/8.png);
}
.portfolio_box .portfolio_section_list li.pf_9{
	background-image:url(/images/logo/9.png);
}
.portfolio_box .portfolio_section_list li.pf_10{
	background-image:url(/images/logo/10.png);
}
.portfolio_box .portfolio_section_list li.pf_11{
	background-image:url(/images/logo/11.png);
	background-position:28px center;
}
.portfolio_box .portfolio_section_list li.pf_12{
	background-image:url(/images/logo/12.png);
}

/*=================20180320_up=================*/

.portfolio_box .portfolio_section_list li.pf_12{
	background-image:url(/images/logo/12.png);
}

.portfolio_box .portfolio_section_list li.pf_20180320_1{
	background-image:url(/images/logo/20180320_1.png);
    background-position: 33px;
}
.portfolio_box .portfolio_section_list li.pf_20180320_2{
	background-image:url(/images/logo/20180320_2.png);
}
.portfolio_box .portfolio_section_list li.pf_20180320_3{
	background-image:url(/images/logo/20180320_3.png);
}
.portfolio_box .portfolio_section_list li.pf_20180320_4{
	background-image:url(/images/logo/20180320_4.png);
}
.portfolio_box .portfolio_section_list li.pf_20180320_5{
	background-image:url(/images/logo/20180320_5.png);
}
.portfolio_box .portfolio_section_list li.pf_20180320_6{
	background-image:url(/images/logo/20180320_6.png);
}
.portfolio_box .portfolio_section_list li.pf_20180320_7{
	background-image:url(/images/logo/20180320_7.png);
}
.portfolio_box .portfolio_section_list li.pf_20180320_8{
	background-image:url(/images/logo/20180320_8.png);
}
.portfolio_box .portfolio_section_list li.pf_20180320_9{
	background-image:url(/images/logo/20180320_9.png);
}
.portfolio_box .portfolio_section_list li.pf_20180320_10{
	background-image:url(/images/logo/20180320_10.png);
}
.portfolio_box .portfolio_section_list li.pf_20180320_11{
	background-image:url(/images/logo/20180320_11.png);
}
.portfolio_box .portfolio_section_list li.pf_20180320_12{
	background-image:url(/images/logo/20180320_12.png);
}
.portfolio_box .portfolio_section_list li.pf_20180320_13{
	background-image:url(/images/logo/20180320_13.png);
}

/*============================================*/






.portfolio_box .portfolio_section_list li div{
	border-left:1px solid #eee;
	padding-left:15px;
}
/* portfolio_box // utilities */
.portfolio_box .portfolio_section_utilities{

}
.portfolio_box .portfolio_section_utilities:after{
	content:"";
	display:block;
	clear:both;
}
.portfolio_box .portfolio_section_utilities h3{
	padding:20px 0 10px 0;
}
.portfolio_box .portfolio_section_utilities li{
	width:161px;
	height:30px;
	padding:12px 0 0 55px;
	margin:15px 20px;
	float:left;
	background-repeat:no-repeat;
	background-position:0 0;
}
.portfolio_box .portfolio_section_utilities li.uti_1{
	background-image:url(/images/icon_utility1_1.png);
}
.portfolio_box .portfolio_section_utilities li.uti_2{
	background-image:url(/images/icon_utility2.png);
}
.portfolio_box .portfolio_section_utilities li.uti_3{
	background-image:url(/images/icon_utility3.png);
}
.portfolio_box .portfolio_section_utilities li.uti_4{
	background-image:url(/images/icon_utility4.png);
}
.portfolio_box .portfolio_section_utilities li.uti_5{
	background-image:url(/images/icon_utility5.png);
}
.portfolio_box .portfolio_section_utilities li.uti_6{
	background-image:url(/images/icon_utility6.png);
}
.portfolio_box .portfolio_section_utilities li.uti_7{
	background-image:url(/images/icon_utility7.png);
}
.portfolio_box .avivland_banner {
	margin:60px 0 0;
}

.avivland_banner {
	border-top:1px dashed #c7c7c7;
	border-bottom:1px dashed #c7c7c7;
	padding:25px 50px;
	margin-top:60px;
}

.avivland_banner .head {
	font-size:18px;
	color:#000000;
	line-height:40px;
	margin-right:60px;
	display:inline-block;
}

.avivland_banner .head img {
	margin-left:13px;
	margin-top: -1px;
	vertical-align:middle;
}

.avivland_banner .pf_link {
	height:40px;
	line-height:38px;
	background:white;
	text-align:center;
	border:1px solid #aaaaaa;
	border-radius:20px;margin:0 30px;
	display:inline-block;
	width:190px;
	box-sizing:border-box;
	font-size:16px;
	color:#000000;
}

.avivland_banner .pf_link:hover {
	background:#aaaaaa;
	color:#ffffff;
}

/*process_section*/
.process_section{
	background:url(/images/process_bg.png)no-repeat 0 0;
}
.process_section:after{
	content:"";
	display:block;
	clear:both;
}
.process_section p.process_tit{
	text-align:center;
}
.process_section li{
	width:169px;
	height:243px;
	background-position:0 0;
	background-repeat:no-repeat;
	float:left;
	margin:40px;
}
.process_section li p{
	color:#fff;
	font-weight:bold;
	font-size:15px;
	text-align:center;
	padding-top:14px;
}
.process_section li div{
  padding: 70% 8%;
  text-align:center;
 }
 .process_section li div dd{
	padding-top:20px;
	font-size:11px;
	color:#5e656e;
 }
.process_section li.process1{
	background-image:url(/images/process1_bg.png);
}
.process_section li.process2{
	background-image:url(/images/process2_bg.png);
}
.process_section li.process3{
	background-image:url(/images/process3_bg.png);
}
.process_section li.process4{
	background-image:url(/images/process4_bg.png);
}
.process_section li.process5{
	background-image:url(/images/process5_bg.png);
}
.process_section li.process6{
	background-image:url(/images/process6_bg.png);
}
.process_section li.process7{
	background-image:url(/images/process7_bg.png);
}
.process_section li.process8{
	background-image:url(/images/process8_bg.png);
}
@media only screen and (max-height:800px) {
	.mainContent{
		height:320px;
		padding:3% 0 3% 0;
	}
	h2{
	height:30px;
	text-align:center;
	color:#3d486f;
	font-family:tahoma;
	font-size:25px;
	}
	.mainContent .section_service h2{
		margin-bottom:none;
		background:none;
	}
	.mainContInner_top{
		padding:60px 0;

	}
	.mainContInner_listBox div{
		padding-top:0px;
	}
	.mainContInner_listBox div h3{
		font-size:17px;
		padding-bottom:20px;
	}
	.inquiriesForm h2{
	font-size:24px;
	color:#3d506f;
	}
	.inquiriesText{
		width:844px;
		padding:170px 90px 70px 90px;
	}
	.inquiriesText h2{
		padding-bottom:30px;
	}
	.inquiriesText p{
		text-align:center;
		margin-bottom:30px;
	}
	.inquiriesText:after{
		content:"";
		display:block;
		clear:both;
	}
	.inquiriesText .iqTit{
		padding-left:4px;
		font-weight:bold;
	}
	.inquiriesText div li{
		padding:9px 0;
	}
	.inquiriesText div li input{
		width:350px;
	}
	.inquiriesText div li textarea{
		width:338px;
		height:176px;
		padding:23px 35px;
		border-radius:30px;
		border:0;
		background:url(/images/aviv-textarea.png) no-repeat center #fff;
	}
	.btnSubmit_box{
		width:300px;
		margin-top:270px;
	}
	.development_box, .AreaofService_box{
		background-image:none;
	}
	.development_box ul, .AreaofService_box ul{
		margin-top:20px;
	}
	.border_line{
		width:50px;
		height:2px;
		background:#333;
		display:block;
		margin:0 auto;
	}
	.process_section{
		background:url(/images/process_bg.png)no-repeat -4px -80px;
	}
	.portfolio_box h2{
		padding-bottom:0px;
	}

	.process_section li{
		margin:40px 40px 20px 40px;
	}
}


/*bottom*/
address {
	font-style:normal;
	font-weight:normal;
}
#footer:after {
	content:'';
	display: block;
	clear: both;
}
#footer {
	padding:20px 0;
	color:#fff;
	background:#333;
}

#footer .footer_inner{
	width:1024px;
	margin:0 auto;
}
#footer address {
	width:524px;
	font-size:12px;
	float:left;
	/*background:url('/images/btm_logo2.png') no-repeat right 26px;*/
}
#footer span {
	display:block;
	margin:7px 0;
}
#footer span a{
	color:#fff;
}
#footer .btm_logo{
	width:300px;
	float:right;
	text-align:right;
	font-size:25px;
	font-family:tahoma;
	padding-top:30px;
}
