@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);

@media(min-width:1400px){

	/*Layer*/
	body{width:100%;}
	#wrap{width:100%;
		font-family: 'Noto Sans KR', sans-serif;
	}
	#header{}
	#visual{overflow:hidden;width:100%;height:840px;}
	#container{width:100%}
	#contents{}
	#footer{width:100%;background:#303030;}

	/*main_ctr*/
	.main_ctr{
		position:fixed;right:0;top:50%;
	}
	.pcbr{display:block;}
	.tbbr{display:none;}
	.mbbr{display:none;}

	/*page common*/
	.page_title1{
		font-size:45px;color:#000;font-weight:600;
		text-align:center;
		padding-top:10px;
		margin:100px 0 0px;
		background:url(../images/main/page_title_bg.gif) no-repeat top center;
	}
	.page_title2{
		font-size:45px;color:#ed0711;font-weight:600;
		text-align:center;
		padding-bottom:10px;
		margin:100px 0 0px;
		/*background:url(../images/main/page_title_bg.gif) no-repeat bottom center;*/
	}

	/*about*/
	.about_area1{
		text-align:center;
		padding-bottom:90px;
	}
	.about_area1 .slg{
		letter-spacing: -1px;
		font-size:26px;font-weight:500;
		color:#333;
		margin-bottom:15px;
	}
	.about_area1 .slg2{
		
		font-size:26px;font-weight:500;
		color:#333;
		margin:30px 0 10px;
		text-decoration:underline;
	}
	.about_area1 .slg span{color:#43c2cc;}
	.about_area1 p{
		text-align:center;
		margin:0 auto;
		width:50%;
		color:#89898c;
		letter-spacing: -2px;
		font-size:20px;
		line-height:160%;
	}
	.about_area2{
		text-align:center;
		padding-bottom:60px;
		background:#f1f1f1;
	}
	.about_area2 .conarea{
		width:1300px;margin:0 auto;
		overflow:hidden;
		padding:75px 0;
	}
	.about_area2 .conarea .left{
		float:left;
		width:620px;
	}
	.about_area2 .conarea .right{
		float:right;
		width:620px;
	}
	.about_area2 h5{
		font-family: 'Roboto', sans-serif;
		text-align:left;
		font-size:29px;font-weight:600;color:#333;
	}
	/* h2 때문에 추가*/
	.about_area2 h2{
		font-family: 'Roboto', sans-serif;
		text-align:left;
		font-size:29px;font-weight:600;color:#333;
	}
	.about_area2 .imgarea{margin:10px 0 20px}
	.about_area2 p{
		text-align:left;
		font-size:14px;font-weight:400;color:#777;
		line-height:160%;
		word-break:keep-all;
	}


	.main_area2{}
	.main_area2 .conarea{
		background:#fff;
		max-width:1300px;margin:0px auto 0;
		overflow:hidden;
		padding:100px 0 0px;		
	}
	.main_area2 .logoinfo{overflow:hidden;}
	.main_area2 .logoinfo .p_img{float:left;margin-right:7%;margin-left:3%;}
	.main_area2 .logoinfo .p_img2 img{margin:3% 9%;}
	.main_area2 .logoinfo .infoarea{
		padding-top:2%;
		float:left;
		position:relative;
		min-height:260px;
	}
	.main_area2 .logoinfo .infoarea .sbj{
		
		padding-top:2%;
		background:url(../images/main/page_title_bg_s.gif) no-repeat left top;
		
		font-size:28px;color:#000;font-weight:600;
		margin-bottom:25px;
	}
	.main_area2 .logoinfo .infoarea .txt{
		letter-spacing: -1px;
		font-size:18px;
		line-height:180%;color:#777;
		padding-top:20px;
	}
	.main_area2 .logoinfo .infoarea .txt_blue{
		letter-spacing: -2px;
		font-size:33px;
		line-height:120%;color:#006bb9;
		font-weight:600;
	}
	.main_area2 .logoinfo .infoarea .txt .c1{color:#333;}
	.main_area2 .logoinfo .infoarea .txt .c2{color:#34a5af;}
	.main_area2 .logoinfo .infoarea .btn{position:absolute;left:0;bottom:0;width:}

	.main_area2  .imgarea{margin:10px 0 20px}


	.contact_area1{
		overflow:hidden;
		max-width:1300px;
		margin:0 auto;
	}
	.contact_area1 .info1{
		overflow:hidden;
		width:100%;
	}
	.contact_area1 .info1 .imgarea{
		float:left;
		width:47%;
	}
	.contact_area1 .info1 .imgarea img{
		width:100%;
	}
	.contact_area1 .info1 .infoarea{
		float:left;
		width:36%;height:270px;
		padding:10px 7% 0 5%;
		
	}
	.contact_area1 .info1 .infoarea h5{
		font-family: 'Noto Sans KR', sans-serif;
		font-size:30px;font-weight:600;color:#000;
		width:390px;
		padding-top:2%;
		padding-bottom:12%;
		background:url(../images/main/page_title_bg_s.gif) no-repeat left top;
	}
	.contact_area1 .infnfoarea p{
		font-size:18px;color:#000;font-weight:400;
		margin:37px 0 25px;
	}
	.contact_area1 .info1 .infoarea ul{}
	.contact_area1 .info1 .infoarea ul li{
		color:#000;
		padding-left:32px;
		font-size:18px;
		font-weight:400;
		margin-bottom:20px;
		height:28px;
	}
	.contact_area1 .info1 .infoarea ul li.icon1{
		background:url(../images/main/contactus_icon1.gif) no-repeat;
	}
	.contact_area1 .info1 .infoarea ul li.icon2{
		background:url(../images/main/contactus_icon2.gif) no-repeat;
	}
	.contact_area1 .info1 .infoarea ul li.icon3{
		background:url(../images/main/contactus_icon3.gif) no-repeat;
	}
	.contact_area1 .info1 .infoarea ul li.icon4{
		background:url(../images/main/contactus_icon4.gif) no-repeat;
	}
	.contact_area1 .info2{
		width:100%;
	}

	
	.about_area2{
		
		width:100%;
		background:#0062b0;
		background: url(../images/main/main_vision_bg.jpg)no-repeat center center fixed; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;
		height:813px;
	}
	.about_area2 .conarea{
		
		max-width:85%;
		margin:0 auto;
		text-align:left;
		padding:55px 0 60px;
	}
	.about_area2 .conarea h5{
		display:inline-block;#display:inline;*zoom:1;
		font-family: 'Roboto', sans-serif;
		font-size:35px;font-weight:500;color:#fff;
		border-bottom:3px solid #fff;
		line-height:100%;
		letter-spacing:-2px;
		margin-bottom:50px;		
	}
	.about_area2 .conarea .core_list{overflow:hidden;}
	.about_area2 .conarea .core_list .corebox{
		display:inline-block;#display:inline;*zoom:1;
		
		width:45%;
		margin:5% 2%;
		padding-bottom:10px;
		/*background: url(../images/main/solution3_core_bg0.png) repeat left bottom;*/
	}

	.about_area2 .conarea .core_list .core1{
		
		margin-left:0%;
		animation-delay: 0.1s;
		text-align:left;
	}
	.about_area2 .conarea .core_list .core2{
		margin-left:5%;
		animation-delay: 0.1s;
		text-align:left;
	}

	.about_area2 .conarea .core_list .corebox .tit{
		font-size:22px;font-weight:500;color:#fff;
		text-align:left;
		padding:0;
	}
	.about_area2 .conarea .core_list .core1 .tit{
		animation-delay: 0.1s;
		text-align:left;
	}	
	.about_area2 .conarea .core_list .core2 .tit{
		/*background:#f1f1f1 url(../images/main/solution3_core_bg2.jpg) no-repeat top center;*/
	}
	.about_area2 .conarea .core_list .core3 .tit{
		/*background:#f1f1f1 url(../images/main/solution3_core_bg3.jpg) no-repeat top center;*/
	}
	.about_area2 .conarea .core_list .corebox .tit img{display:inline-block;#display:inline;*zoom:1;}
	.about_area2 .conarea .core_list .corebox .tit img.img{margin:20px 0}
	.about_area2 .conarea .core_list .core_textlist{
		min-height:150px;
		text-align:center;
		padding:0 5%;
		background:#f1f1f1;
	}
	.about_area2 .conarea .core_list .core_textlist ul li{
		font-size:14px;color:#777;word-break:keep-all;
		padding-bottom:5px;
	}
	.about_area2 .conarea .core_list .core_textlist ul li.import{font-weight:500;color:#333;}

	
	
	.industry_area1{		
		
	}
	.industry_area1 .conarea{
		max-width:1300px;
		margin:0 auto;
		text-align:center;
		padding:10px 0 10px;
	}
	.industry_area1 h5{
		
		font-size:30px;font-weight:500;color:#222;
		line-height:105%;
		letter-spacing:-2px;
		margin-bottom:15px;	
	}
	.industry_area1 .titbtm{
		display:inline-block;#display:inline;*zoom:1;
		font-size:20px;font-weight:400;color:#222;
		line-height:105%;
	}
	.industry_area1 .titbtm span{color:#43c2cc;}
	.industry_area1 .industry_infobox{
		width:96%;
		margin-left:3%;
		margin-top:4%;
		padding-bottom:5px;
		background: url(../images/main/about_area4_box_bg.gif) repeat left bottom;
	}
	.industry_area1 .industry_infobox .industry_infobox_wrap{
		overflow:hidden;
		background:#fff;
		border:1px solid #ebebeb;
		padding:65px 0 40px;
		position:relative;
	}
	.industry_area1 .industry_infobox .industry_infobox_wrap .step1{
		
		width:230px;
		
	}
	.industry_area1 .industry_infobox .industry_infobox_wrap .step1 .imgarea{margin-bottom:50px;}
	.industry_area1 .industry_infobox .industry_infobox_wrap .step1 .titarea{
		text-align:center;
		border:1px solid #ddd;
		font-size:16px;font-weight:500;
		height:45px;line-height:45px;
		letter-spacing:-1px;
	}
	.industry2_area2{
		background:#fff;
	}
	.industry2_area2 .conarea{
		max-width:1300px;
		margin:0 auto;
		text-align:center;
		padding:70px 0 100px;
	}
	.industry2_area2 h5{
		font-family: 'Roboto', sans-serif;
		display:inline-block;#display:inline;*zoom:1;
		font-size:34px;font-weight:500;color:#222;
		line-height:105%;
		letter-spacing:-1px;
	}
	.industry2_area2 .listbox_st1{margin-top:20px;}
	.industry2_area2 .listbox_st1 .listbox{vertical-align:top;margin-bottom:5%;}
	.industry2_area2 .listbox_st1 .listbox .tit{font-weight:400;}

	.industry2_area2 .listbox_st1 .listbox .bg1{
		background:url(../images/main/solution3_area3_list_bg1.gif) repeat;
	}
	.industry2_area2 .listbox_st1 .listbox .bg2{
		background:url(../images/main/solution3_area3_list_bg2.gif) repeat;
	}
	.industry2_area2 .listbox_st1 .listbox .bg3{
		background:url(../images/main/solution3_area3_list_bg3.gif) repeat;
	}
	.industry2_area2 .listbox_st1 .listbox .ul_list ul{
		min-height:120px;
		padding:20px 5%;
	}
	.industry2_area2 .listbox_st1 .listbox .ul_list ul li{font-size:14px;line-height:160%;}
	.industry2_area2 .listbox_st1 .listbox .ul_list ul li span{color:#43c2cc;}

	.main_area3{
		
		background: url(../images/main/main_tech_bg.jpg) no-repeat center;
	}
	.main_area3 .conarea{
		
		max-width:1300px;
		margin:0 auto;
		text-align:center;
		padding:0px 5% 100px;
	}
	.main_area3 h5{
		font-family: 'Roboto', sans-serif;
		display:inline-block;#display:inline;*zoom:1;
		font-size:34px;font-weight:500;color:#222;
		line-height:105%;
		letter-spacing:-1px;
		border-bottom:3px solid #222;
	}
	.main_area3 .btns{}
	.main_area3 .btns a{
		display:inline-block;#display:inline;*zoom:1;
		padding:0 2% 0 2%;
		height:55px;line-height:55px;
		width:245px;
		margin:0 auto 10px;
		background:#43c2cc url(../images/main/solution2_btns_arr.gif) no-repeat 94% center;
		text-align:left;
		font-size:15px;font-weight:400;color:#fff;
	}

	.main_area3 .learning_steps{
		width:100%;
		overflow:hidden;
		padding-bottom:50px;
		/*background:#fff url(../images/main/about_area4_box_bg.gif) repeat left bottom;*/
	}
	.main_area3 .learning_steps h6{
		font-size:25px;font-weight:500;color:#4dc5cf;
		line-height:105%;
		letter-spacing:-1px;
		text-align:center;
		/*background:#fff;*/
		padding:40px 0 ;
	}
	.main_area3 .learning_steps ul{
		/*background:#fff;*/
		padding:0 3% 5%;
		overflow:hidden;
	}
	.main_area3 .learning_steps ul li{
		/*background:#eef3f6;*/
		float:left;
		width:29%;
		padding:0 2%;
		border-right:1px solid #c5c0c0;
	}
	.main_area3 .learning_steps ul li:last-child{border-right:0;}
	.main_area3 .learning_steps ul li .iconarea{
		padding-bottom:20px;
		margin-bottom:20px;
		background:url(../images/main/solution3_core_line.gif) no-repeat center bottom;
	}
	.main_area3 .learning_steps ul li .titarea{
		font-size:17px;font-weight:400;color:#ed0711;
		margin-bottom:10px;
	}
	.main_area3 .learning_steps ul li .txtarea{
		margin-left:8%;
		/*background:#fff;*/
		line-height:170%;
		width:85%;
		font-size:16px;font-weight:400;color:#383838;
		word-break:keep-all;
	}

	/*게시판*/
	.bbs_list{
		background:#FFF;
		width:100%;
		max-width:1300px;
		margin:0 auto;
	}
	.bbs_list>table{
		background:#FFF;
		width:100%;
		border-top:2px solid #006bb9;
		margin-top:30px;
	}
	.bbs_list>table td{
		font-family: 'Noto Sans KR', sans-serif;
		padding:30px 0;
		text-align:center;
		border-bottom:1px solid #ddd;
	}
	.bbs_list>table td.bbs_date{width:12%;}
	.bbs_list>table td.bbs_date .date_area{border-right:1px solid #ddd;}
	.bbs_list>table td.bbs_date .date_d{
		font-size:40px;font-weight:500;color:#888;
		line-height:110%;
	}
	.bbs_list>table td.bbs_date .date_ym{
		font-size:15px;font-weight:500;color:#888;
	}
	.bbs_list>table td.bbs_title{
		padding:20px 3%;
		text-align:left;
	}
	.bbs_list>table td.bbs_title .sbj{
		font-size:18px;color:#333;
		margin-bottom:10px;
	}
	.bbs_list>table td.bbs_title .txt{
		font-size:14px;color:#888;line-height:160%;
	}
	.bbs_list>table td.bbs_more{
		width:6%;
	}
	.bbs_list>table td.bbs_more a{
		display:inline-block;#display:inline;*zoom:1;
		width:80%;
		height:36px;line-height:36px;
		font-size:14px;color:#fff;
		text-align:center;
	}


/* 170223 보안코드 추가*/
.Security_Code{}
.Security_Code  img.s_c_t{ height:31px; margin-right:10px}
.Security_Code  .s_c{margin-right:5px;}
.Security_Code span.s_c_s{color:#777777; font-size:14px; }

}




/*태블릿*/

@media(max-width:1399px) and (min-width:769px){

	/*Layer*/
	body{width:100%;}
	#wrap{width:100%;
		font-family: 'Noto Sans KR', sans-serif;
	}
	#header{}
	#container{width:100%}
	#contents{}
	#footer{width:100%;background:#303030;}


	.page_title1{
		font-size:35px;color:#000;font-weight:600;
		text-align:center;
		padding-top:8px;
		margin:90px 0 0px;
		background:url(../images/main/page_title_bg.gif) no-repeat top center;
	}
	.page_title2{
		font-size:35px;color:#ed0711;font-weight:600;
		text-align:center;
		padding-bottom:10px;
		margin:60px 0 0px;
		/*background:url(../images/main/page_title_bg.gif) no-repeat bottom center;*/
	}
	.page_title3{
		font-size:30px;color:#000;font-weight:600;
		text-align:center;
		padding-bottom:10px;
		margin:60px 0 0px;
		/*background:url(../images/main/page_title_bg.gif) no-repeat bottom center;*/
	}
	.about_area1{
		text-align:center;
		padding-bottom:30px;
	}
	.about_area1 .slg{
		letter-spacing: -1px;
		font-size:20px;font-weight:600;
		color:#333;
		margin-bottom:15px;
	}
	.about_area1 .slg span{color:#43c2cc;}
	.about_area1 p{
		letter-spacing: -1px;
		color:#777;
		font-size:13px;
		padding-bottom:3%;
		word-break:keep-all;
	}


	
	.about_area2{
		width:100%;
		background:#0062b0;
		background: url(../images/main/main_vision_bg.jpg) repeat-x left bottom;
	}
	.about_area2 .conarea{
		
		max-width:1300px;
		margin:0 auto;
		text-align:center;
		padding:55px 0 60px;
	}
	.about_area2 .conarea h5{
		display:inline-block;#display:inline;*zoom:1;
		font-family: 'Roboto', sans-serif;
		font-size:35px;font-weight:500;color:#fff;
		border-bottom:3px solid #fff;
		line-height:100%;
		letter-spacing:-2px;
		margin-bottom:50px;		
	}
	.about_area2 .conarea .core_list{overflow:hidden;}
	.about_area2 .conarea .core_list .corebox{
		
		display:inline-block;#display:inline;*zoom:1;
		vertical-align:top;
		width:35%;
		margin:0 1%;
		padding-bottom:10px;
	}
	.about_area2 .conarea .core_list .corebox .tit{
				
		font-size:22px;font-weight:500;color:#fff;
		text-align:center;
		padding:10px 0 25px 0;
	}
	.about_area2 .conarea .core_list .core1 .tit{
		align:center;
		/*background:#0062b0 url(../images/main/solution3_core_bg1.jpg) no-repeat top center;*/
	}
	.about_area2 .conarea .core_list .core2 .tit{
		/*background:#0062b0 url(../images/main/solution3_core_bg2.jpg) no-repeat top center;*/
	}
	.about_area2 .conarea .core_list .core3 .tit{
		/*background:#0062b0 url(../images/main/solution3_core_bg3.jpg) no-repeat top center;*/
	}
	.about_area2 .conarea .core_list .corebox .tit img{display:inline-block;#display:inline;*zoom:1;width:100%;}
	.about_area2 .conarea .core_list .corebox .tit img.img{margin:20px 0; width:130%;}/*1399 비전 이미지사이즈*/
	.about_area2 .conarea .core_list .core_textlist{
		min-height:180px;
		text-align:center;
		padding:0 5%;
		background:#f1f1f1;
	}

	.about_area2 .conarea .core_list .core_textlist ul li{
		font-size:14px;color:#777;word-break:keep-all;
		padding-bottom:5px;
	}
	.about_area2 .conarea .core_list .core_textlist ul li.import{font-weight:500;color:#333;}

	.about_area2 h5{
		text-align:left;
		font-size:30px;font-weight:500;color:#333;
	}
	/* h2*/
	.about_area2 h2{
		text-align:left;
		font-size:30px;font-weight:500;color:#333;
	}
	.about_area2 .imgarea{margin:10px 0 20px}
	.about_area2 p{
		text-align:justify;
		font-size:14px;font-weight:400;color:#777;
		line-height:160%;
	}

	.main_area2{}
	.main_area2 .conarea{
		max-width:1200px;margin:0px auto 0;
		overflow:hidden;
		padding:100px 0 0px;   		
	}
	.main_area2 .logoinfo{overflow:hidden;background:#fff}
	.main_area2 .logoinfo .p_img{float:left;margin-right:6%;margin-left:5%;}
	.main_area2 .logoinfo .p_img2 img{margin:3% 9%;}
	
	.main_area2 .logoinfo .infoarea{float:left;position:relative;min-height:260px;}
	.main_area2 .logoinfo .infoarea .sbj{
		padding-top:10px;
		background:url(../images/main/page_title_bg_s.gif) no-repeat left top;
		font-size:20px;color:#000;font-weight:600;
		margin-bottom:25px;
	}
	.main_area2 .logoinfo .infoarea .txt{
		letter-spacing:-1px;
		padding-top:10px;
		padding-bottom:10px;
		font-size:18px;
		line-height:180%;color:#777;
	}

	.main_area2 .logoinfo .infoarea .txt_blue{
		padding-top:10px;
		font-size:28px;
		line-height:120%;color:#006bb9;
		font-weight:600;
	}

	.main_area2 .logoinfo .infoarea .txt .c1{color:#333;}
	.main_area2 .logoinfo .infoarea .txt .c2{color:#34a5af;}
	.main_area2 .logoinfo .infoarea .btn{margin-top:25px;}

	
	.contact_area1{
		overflow:hidden;
		max-width:1300px;
		margin:0 auto;
	}
	.contact_area1 .info1{
		overflow:hidden;
		width:100%;
	}
	.contact_area1 .info1 .imgarea{
		float:left;
		width:47%;
	}
	.contact_area1 .info1 .imgarea img{
		width:90%;
	}
	.contact_area1 .info1 .infoarea{
		float:left;
		width:36%;height:270px;
		padding:10px 7% 0 5%;
		
	}
	.contact_area1 .info1 .infoarea h5{
		font-family: 'Noto Sans KR', sans-serif;
		font-size:30px;font-weight:600;color:#000;
		width:390px;
		padding-top:2%;
		padding-bottom:12%;
		background:url(../images/main/page_title_bg_s.gif) no-repeat left top;
	}
	.contact_area1 .infnfoarea p{
		font-size:18px;color:#000;font-weight:400;
		margin:37px 0 25px;
	}
	.contact_area1 .info1 .infoarea ul{}
	.contact_area1 .info1 .infoarea ul li{
		color:#000;
		padding-left:32px;
		font-size:18px;
		font-weight:400;
		margin-bottom:20px;
		height:28px;
	}
	.contact_area1 .info1 .infoarea ul li.icon1{
		background:url(../images/main/contactus_icon1.gif) no-repeat;
	}
	.contact_area1 .info1 .infoarea ul li.icon2{
		background:url(../images/main/contactus_icon2.gif) no-repeat;
	}
	.contact_area1 .info1 .infoarea ul li.icon3{
		background:url(../images/main/contactus_icon3.gif) no-repeat;
	}
	.contact_area1 .info1 .infoarea ul li.icon4{
		background:url(../images/main/contactus_icon4.gif) no-repeat;
	}
	.contact_area1 .info2{
		width:100%;
	}

	.main_area3{
		
		background:#fff url(../images/main/main_tech_bg.jpg) no-repeat center;
	}
	.main_area3 .conarea{
		
		max-width:1300px;
		margin:0 auto;
		text-align:center;
		padding:70px 3% 100px;
	}
	.main_area3 h5{
		font-family: 'Roboto', sans-serif;
		display:inline-block;#display:inline;*zoom:1;
		font-size:34px;font-weight:500;color:#222;
		line-height:105%;
		letter-spacing:-1px;
		border-bottom:3px solid #222;
	}
	.main_area3 .btns{}
	.main_area3 .btns a{
		display:inline-block;#display:inline;*zoom:1;
		padding:0 2% 0 2%;
		height:55px;line-height:55px;
		width:245px;
		margin:0 auto 10px;
		background:#43c2cc url(../images/main/solution2_btns_arr.gif) no-repeat 94% center;
		text-align:left;
		font-size:15px;font-weight:400;color:#fff;
	}

	.main_area3 .learning_steps{
		overflow:hidden;
		padding-bottom:10px;
		/*background:#fff url(../images/main/about_area4_box_bg.gif) repeat left bottom;*/
	}
	.main_area3 .learning_steps h6{
		font-size:25px;font-weight:500;color:#4dc5cf;
		line-height:105%;
		letter-spacing:-1px;
		text-align:center;
		/*background:#fff;*/
		padding:40px 0 ;
	}
	.main_area3 .learning_steps ul{
		/*background:#fff;*/
		padding:0 3% 5%;
		overflow:hidden;
	}
	.main_area3 .learning_steps ul li{
		/*background:#eef3f6;*/
		float:left;
		width:29%;
		padding:0 2%;
		border-right:1px solid #c5c0c0;
	}
	.main_area3 .learning_steps ul li:last-child{border-right:0;}
	.main_area3 .learning_steps ul li .iconarea{
		padding-bottom:20px;
		margin-bottom:20px;
		background:url(../images/main/solution3_core_line.gif) no-repeat center bottom;
	}
	.main_area3 .learning_steps ul li .titarea{
		font-size:17px;font-weight:400;color:#ed0711;
		margin-bottom:10px;
	}
	.main_area3 .learning_steps ul li .txtarea{
		margin-left:8%;
		/*background:#fff;*/
		line-height:170%;
		width:85%;
		font-size:16px;font-weight:400;color:#383838;
		word-break:keep-all;
	}

	



@media(max-width:1152px){
	
		.medi_bg1 .listbox {width:48.2%  !important;}
	
	
	}
	
	.contact_area1{
		overflow:hidden;
		max-width:1300px;
		margin:0 auto;
	}
	.contact_area1 .info1{
		overflow:hidden;
		width:100%;

	}
	.contact_area1 .info1 .imgarea{
		float:left;
		width:47%;
		padding-left:3%;
	}
	.contact_area1 .info1 .imgarea img{
		width:100%;
	}
	.contact_area1 .info1 .infoarea{
		float:left;
		width:36%;height:270px;
		padding:10px 7% 0 5%;
	}
	.contact_area1 .info1 .infoarea h5{
		font-family: 'Noto Sans KR', sans-serif;
		font-size:30px;font-weight:600;color:#000;
		width:390px;
		padding-top:2%;
		padding-bottom:12%;
		background:url(../images/main/page_title_bg_s.gif) no-repeat left top;
	}
	.contact_area1 .infnfoarea p{
		font-size:18px;color:#000;font-weight:400;
		margin:37px 0 25px;
	}
	.contact_area1 .info1 .infoarea ul{}
	.contact_area1 .info1 .infoarea ul li{
		color:#000;
		padding-left:32px;
		font-size:18px;
		font-weight:400;
		margin-bottom:20px;
		height:28px;
	}
	.contact_area1 .info1 .infoarea ul li.icon1{
		line-height:110%;
		background:url(../images/main/contactus_icon1.gif) no-repeat;
	}
	.contact_area1 .info1 .infoarea ul li.icon2{
		background:url(../images/main/contactus_icon2.gif) no-repeat;
	}
	.contact_area1 .info1 .infoarea ul li.icon3{
		background:url(../images/main/contactus_icon3.gif) no-repeat;
	}
	.contact_area1 .info1 .infoarea ul li.icon4{
		background:url(../images/main/contactus_icon4.gif) no-repeat;
	}
	.contact_area1 .info2{
		width:100%;
	}

	/* healthcare */
	.industry_area1{
		background:#fff;
	}
	.industry_area1 .conarea{
		max-width:1300px;
		margin:0 auto;
		text-align:center;
		padding:70px 3% 60px;
	}
	.industry_area1 h5{
		display:inline-block;#display:inline;*zoom:1;
		font-size:30px;font-weight:500;color:#222;
		line-height:105%;
		letter-spacing:-2px;
		margin-bottom:15px;	
	}
	.industry_area1 .titbtm{
		display:inline-block;#display:inline;*zoom:1;
		font-size:20px;font-weight:400;color:#222;
		line-height:105%;
	}
	.industry_area1 .titbtm span{color:#43c2cc;}
	.industry_area1 .industry_infobox{

		width:95%;
		margin-left:3%;
		margin-top:4%;
		padding-bottom:5px;
		background: url(../images/main/about_area4_box_bg.gif) repeat left bottom;

	}
	.industry_area1 .industry_infobox .industry_infobox_wrap{
		overflow:hidden;
		background:#fff;
		border:1px solid #ebebeb;
		padding:65px 0 40px;
		position:relative;
	}
	.industry_area1 .industry_infobox .industry_infobox_wrap .step1{
		display:inline-block;#display:inline;*zoom:1;
		width:230px;
		position:relative;z-index:100;
	}
	.industry_area1 .industry_infobox .industry_infobox_wrap .step1 .imgarea{margin-bottom:50px;}
	.industry_area1 .industry_infobox .industry_infobox_wrap .step2 .pcv{display:block;}
	.industry_area1 .industry_infobox .industry_infobox_wrap .step2 .tmbv{display:none;}
	.industry_area1 .industry_infobox .industry_infobox_wrap .step1 .titarea{
		text-align:center;
		border:1px solid #ddd;
		font-size:16px;font-weight:500;
		height:45px;line-height:45px;
		letter-spacing:-1px;background:#fff;
	}
	.industry_area1 .industry_infobox .industry_infobox_wrap .step2{
		display:inline-block;#display:inline;*zoom:1;
		width:205px;
		margin:0 44px;
		position:relative;z-index:100;
	}
	.industry_area1 .industry_infobox .industry_infobox_wrap .step2 .imgarea{margin-bottom:120px;}
	.industry_area1 .industry_infobox .industry_infobox_wrap .step2 .titarea{
		text-align:center;
		border:1px solid #53a89e;
		font-size:16px;font-weight:500;
		height:45px;line-height:45px;
		letter-spacing:-1px;	
		color:#000;background:#fff;
	}
	.industry_area1 .industry_infobox .industry_infobox_wrap .step3{
		display:inline-block;#display:inline;*zoom:1;
		width:467px;
		position:relative;z-index:100;
	}
	.industry_area1 .industry_infobox .industry_infobox_wrap .step3 .imgarea{margin-bottom:20px;}
	.industry_area1 .industry_infobox .industry_infobox_wrap .step3 .titarea{
		text-align:center;
		border:1px solid #ddd;
		font-size:16px;font-weight:500;
		height:45px;line-height:45px;
		letter-spacing:-1px;	
		background:#fff;
	}
	.industry_area1 .industry_infobox .industry_infobox_wrap .tit_line{
		height:47px;
		width:100%;
		background:url(../images/main/industry_infobox_bg_line.png) repeat-x;
		position:absolute;left:0;bottom:40px;z-index:10;
	}
	.industry2_area2{
		background:#fff;
	}
	.industry2_area2 .conarea{
		max-width:1300px;
		margin:0 auto;
		text-align:center;
		padding:70px 0 100px;
	}
	.industry2_area2 h5{
		font-family: 'Roboto', sans-serif;
		display:inline-block;#display:inline;*zoom:1;
		font-size:34px;font-weight:500;color:#222;
		line-height:105%;
		letter-spacing:-1px;
	}
	.industry2_area2 .listbox_st1{margin-top:20px;}
	.industry2_area2 .listbox_st1 .listbox{vertical-align:top;margin-bottom:5%;}
	.industry2_area2 .listbox_st1 .listbox .tit{font-weight:400;}

	.industry2_area2 .listbox_st1 .listbox .bg1{
		background:url(../images/main/solution3_area3_list_bg1.gif) repeat;
	}
	.industry2_area2 .listbox_st1 .listbox .bg2{
		background:url(../images/main/solution3_area3_list_bg2.gif) repeat;
	}
	.industry2_area2 .listbox_st1 .listbox .bg3{
		background:url(../images/main/solution3_area3_list_bg3.gif) repeat;
	}
	.industry2_area2 .listbox_st1 .listbox .ul_list ul{
		min-height:180px;
		padding:20px 5%;
	}
	.industry2_area2 .listbox_st1 .listbox .ul_list ul li{font-size:14px;line-height:160%;}
	.industry2_area2 .listbox_st1 .listbox .ul_list ul li span{color:#43c2cc;}
	

	
	.main_area2{margin-top:7%;}
	.main_area2 .conarea{
		
		max-width:1200px;margin:0px auto 0;
		overflow:hidden;
		padding:0px 0 0px;   		
	}

   .main_area2 .conarea .logoinfo{overflow:hidden;}/*수정중*/
   .main_area2 .conarea .logoinfo .p_img{float:left;margin-right:5%;width:330px;}
   .main_area2 .conarea .logoinfo .p_img img{width:95%;}
   .main_area2 .conarea .logoinfo .p_img2 img{width:50%;margin-right:1%;margin-left:1%;}
   .main_area2 .conarea .logoinfo .infoarea{
		margin-top:1%;
		margin-left:2%;
	  display:inline-block; position:relative;
	  min-height:260px;
	  width:calc( 100%-330px);}

   .main_area2 .conarea .logoinfo .infoarea .sbj{
      padding-top:10px;
      background:url(../images/main/page_title_bg_s.gif) no-repeat left top;
      font-size:20px;color:#000;font-weight:600;
      margin-bottom:25px;
   }
   .main_area2 .conarea .logoinfo .infoarea .txt{
	  letter-spacing:-1px;
      margin-top:1%;
      padding-bottom:10px;
      font-size:16px;
      line-height:150%;color:#777;
   }

   .main_area2 .conarea .logoinfo .infoarea .txt_blue{
      padding-top:5px;
      font-size:23px;
      line-height:100%;color:#006bb9;
      font-weight:600;
   }

   .main_area2 .conarea .logoinfo .infoarea .txt .c1{color:#333;}
   .main_area2 .conarea .logoinfo .infoarea .txt .c2{color:#34a5af;}
   .main_area2 .conarea .logoinfo .infoarea .btn{margin-top:25px;}

	.main_area3{
      
      background:#fff url(../images/main/main_tech_bg.jpg) no-repeat center;
   }
   .main_area3 .conarea{
      
      max-width:1300px;
      margin:0 auto;
      text-align:center;
      padding:70px 3% 100px;
   }
   .main_area3 h5{
      font-family: 'Roboto', sans-serif;
      display:inline-block;#display:inline;*zoom:1;
      font-size:34px;font-weight:500;color:#222;
      line-height:105%;
      letter-spacing:-1px;
      border-bottom:3px solid #222;
   }
   .main_area3 .btns{}
   .main_area3 .btns a{
      display:inline-block;#display:inline;*zoom:1;
      padding:0 2% 0 2%;
      height:55px;line-height:55px;
      width:245px;
      margin:0 auto 10px;
      background:#43c2cc url(../images/main/solution2_btns_arr.gif) no-repeat 94% center;
      text-align:left;
      font-size:15px;font-weight:400;color:#fff;
   }

   .main_area3 .learning_steps{
      overflow:hidden;
      padding-bottom:10px;
      /*background:#fff url(../images/main/about_area4_box_bg.gif) repeat left bottom;*/
   }
   .main_area3 .learning_steps h6{
      font-size:25px;font-weight:500;color:#4dc5cf;
      line-height:105%;
      letter-spacing:-1px;
      text-align:center;
      /*background:#fff;*/
      padding:40px 0 ;
   }
   .main_area3 .learning_steps ul{
      /*background:#fff;*/
      padding:0 3% 5%;
      overflow:hidden;
   }
   .main_area3 .learning_steps ul li{
      /*background:#eef3f6;*/
      float:left;
      width:29%;
      padding:0 2%;
      border-right:1px solid #c5c0c0;
   }
   .main_area3 .learning_steps ul li:last-child{border-right:0;}
   .main_area3 .learning_steps ul li .iconarea{
      padding-bottom:20px;
      margin-bottom:20px;
      background:url(../images/main/solution3_core_line.gif) no-repeat center bottom;
   }
   .main_area3 .learning_steps ul li .titarea{
      font-size:17px;font-weight:400;color:#ed0711;
      margin-bottom:10px;
   }
   .main_area3 .learning_steps ul li .txtarea{
      margin-left:8%;
      /*background:#fff;*/
      line-height:170%;
      width:85%;
      font-size:16px;font-weight:400;color:#383838;
      word-break:keep-all;
   }

  	/* 게시판 */
	.bbs_list{
		max-width:1300px;
		padding:0 3%;
		margin:0 auto;
	}
	.bbs_list>table{
		width:100%;
		border-top:2px solid #006bb9;
		margin-top:30px;
	}
	.bbs_list>table td{
		font-family: 'Noto Sans KR', sans-serif;
		padding:20px 0;
		text-align:center;
		border-bottom:1px solid #ddd;
	}
	.bbs_list>table td.bbs_date{width:12%;}
	.bbs_list>table td.bbs_date .date_area{border-right:1px solid #ddd;}
	.bbs_list>table td.bbs_date .date_d{
		font-size:30px;font-weight:500;color:#666666;
		line-height:110%;
	}
	.bbs_list>table td.bbs_date .date_ym{
		font-size:15px;font-weight:500;color:#888;
	}
	.bbs_list>table td.bbs_title{
		padding:20px 3%;
		text-align:left;
	}
	.bbs_list>table td.bbs_title .sbj{
		font-size:18px;color:#333;
		margin-bottom:10px;
	}
	.bbs_list>table td.bbs_title .txt{
		font-size:14px;color:#888;line-height:160%;
	}
	.bbs_list>table td.bbs_more{
		width:16%;
	}
	.bbs_list>table td.bbs_more a{
		display:inline-block;#display:inline;*zoom:1;
		width:80%;
		height:36px;line-height:36px;
		font-size:14px;color:#fff;
		text-align:center;
	}
	
.Security_Code{}
.Security_Code  img.s_c_t{  margin-right:10px; height:31px}
.Security_Code  .s_c{margin-right:5px;}
.Security_Code span.s_c_s{color:#777777; font-size:14px; }


}


@media(max-width:1101px){

	.page_title1{
		font-size:45px;color:#000;font-weight:600;
		text-align:center;
		padding-bottom:10px;
		margin:100px 0 0px;
		/*background:url(../images/main/page_title_bg.gif) no-repeat bottom center;*/
	}
	.page_title2{
		font-size:45px;color:#ed0711;font-weight:600;
		text-align:center;
		padding-bottom:10px;
		margin:100px 0 0px;
		/*background:url(../images/main/page_title_bg.gif) no-repeat bottom center;*/
	}

	.about_area1{
		text-align:center;
		padding-bottom:90px;
	}
	.about_area1 .slg{
		
		font-size:25px;font-weight:600;
		color:#333;
		margin-bottom:15px;
	}
	.about_area1 .slg2{
		
		font-size:26px;font-weight:500;
		color:#333;
		margin:30px 0 10px;
		text-decoration:underline;
	}
	.about_area1 .slg span{color:#43c2cc;}
	.about_area1 p{
		text-align:center;
		margin:0 auto;
		width:50%;
		color:#89898c;
		font-size:14px;
		line-height:160%;
	}

	.about_area2 h5{
		text-align:left;
		font-size:25px;font-weight:500;color:#333;
	}
	/*h2*/
	.about_area2 h2{
		text-align:left;
		font-size:25px;font-weight:500;color:#333;
	}
	.about_area2 .imgarea{margin:10px 0 20px}
	.about_area2 p{
		text-align:justify;
		font-size:14px;font-weight:400;color:#777;
		line-height:160%;
	}

	.about_area4{
		text-align:center;
		padding:75px 3%;
		background:#eef3f6;
	}
	.about_area4 h5{
		font-size:33px;font-weight:500;color:#333;
		text-decoration:underline;
	}
	
	

	/**/
	

	.industry_area1 .industry_infobox .industry_infobox_wrap img{      
      width:80%;
   }


	.industry_area1 .industry_infobox .industry_infobox_wrap{
		overflow:hidden;
		background:#fff;
		border:1px solid #ebebeb;
		padding:65px 0 40px;
		position:relative;
	}
	
	
	.main_area2{}
	.main_area2 .conarea{
		max-width:1200px;margin:0px auto 0;
		overflow:hidden;
		padding:0px 0 0px;   		
	}

   .main_area2 .conarea .logoinfo{overflow:hidden;}/*수정중*/
   .main_area2 .conarea .logoinfo .p_img{float:left;margin-right:3%;width:300px;background:#fff;}
   .main_area2 .conarea .logoinfo .p_img img{width:95%;}
   .main_area2 .conarea .logoinfo .p_img2 img{width:50%;margin-right:1%;margin-left:1%;}
   .main_area2 .conarea .logoinfo .infoarea{
		margin-top:1%;
		margin-left:2%;
	  display:inline-block; position:relative;
	  min-height:260px;
	  width:calc( 100%-300px);}

   .main_area2 .conarea .logoinfo .infoarea .sbj{
      padding-top:10px;
      background:url(../images/main/page_title_bg_s.gif) no-repeat left top;
      font-size:20px;color:#000;font-weight:600;
      margin-bottom:25px;
   }
   .main_area2 .conarea .logoinfo .infoarea .txt{
	  letter-spacing:-1px;
     margin-top:1%;
      padding-bottom:10px;
      font-size:14px;
      line-height:150%;color:#777;
   }

   .main_area2 .conarea .logoinfo .infoarea .txt_blue{
      padding-top:5px;
      font-size:23px;
      line-height:100%;color:#006bb9;
      font-weight:600;
   }

   .main_area2 .conarea .logoinfo .infoarea .txt .c1{color:#333;}
   .main_area2 .conarea .logoinfo .infoarea .txt .c2{color:#34a5af;}
   .main_area2 .conarea .logoinfo .infoarea .btn{margin-top:25px;}

	.Security_Code{}
.Security_Code  img.s_c_t{  margin-right:10px; height:31px}
.Security_Code  .s_c{margin-right:5px;}
.Security_Code span.s_c_s{color:#777777; font-size:14px; }




}


@media(max-width:1060px){
	
	.head_topmenu_area{display:none;}
	.mainmenu_area{display:block;}
	.btn_menu{
		display:block;
		position:absolute;right:3%;top:25px;
	}
	
	.mainmenu_area{
		display:none;
		position:absolute;left:0;top:100%;z-index:1000;
		width:100%;
	}
	
	/**/
	.industry6_area2_wrap .left{
		float:right;
		width:100%;
		margin-bottom:5%;
	}
	.industry6_area2_wrap .left img{width:auto;}
	.industry6_area2_wrap .right{
		float:left;
		width:100%;
	}	
	.industry6_key dl{
		float:left;
		width:48.3%;
		margin-right:3%;
		margin-bottom:5%;
		vertical-align:top;
	}
	.industry6_key dl:nth-child(2){margin-right:0;}
	.industry6_key dl dd{
		min-height:100px;
		padding:15px 4%;
	}



	.page_title1{
		font-size:45px;color:#000;font-weight:600;
		text-align:center;
		padding-bottom:10px;
		margin:100px 0 0px;
		/*background:url(../images/main/page_title_bg.gif) no-repeat bottom center;*/
	}
	.page_title2{
		font-size:45px;color:#ed0711;font-weight:600;
		text-align:center;
		padding-bottom:10px;
		margin:100px 0 0px;
		/*background:url(../images/main/page_title_bg.gif) no-repeat bottom center;*/
	}



	/*about*/
	.about_area1{
		text-align:center;
		padding-bottom:90px;
	}
	.about_area1 .slg{
		
		font-size:25px;font-weight:600;
		color:#333;
		margin-bottom:15px;
	}
	.about_area1 .slg2{
		
		font-size:26px;font-weight:500;
		color:#333;
		margin:30px 0 10px;
		text-decoration:underline;
	}
	.about_area1 .slg span{color:#43c2cc;}
	.about_area1 p{
		text-align:center;
		margin:0 auto;
		width:50%;
		color:#89898c;
		font-size:14px;
		line-height:160%;
	}
	

		
	.contact_area1{
		overflow:hidden;
		max-width:1300px;
		margin:0 auto;
	}
	.contact_area1 .info1{
		overflow:hidden;
		width:100%;

	}
	.contact_area1 .info1 .imgarea{
		float:left;
		width:47%;
		padding-left:3%;
	}
	.contact_area1 .info1 .imgarea img{
		width:100%;
	}
	.contact_area1 .info1 .infoarea{
		float:left;
		width:36%;height:270px;
		padding:10px 7% 0 5%;
	}
	.contact_area1 .info1 .infoarea h5{
		font-family: 'Noto Sans KR', sans-serif;
		font-size:25px;font-weight:600;color:#000;
		width:390px;
		padding-top:2%;
		padding-bottom:15%;
		background:url(../images/main/page_title_bg_s.gif) no-repeat left top;
	}
	.contact_area1 .infnfoarea p{
		font-size:16px;color:#000;font-weight:300;
		margin:37px 0 25px;
	}
	.contact_area1 .info1 .infoarea ul{}
	.contact_area1 .info1 .infoarea ul li{
		color:#000;
		padding-left:32px;
		font-size:16px;
		margin-bottom:20px;
		height:28px;
	}
	.contact_area1 .info1 .infoarea ul li.icon1{
		line-height:110%;
		background:url(../images/main/contactus_icon1.gif) no-repeat;
	}
	.contact_area1 .info1 .infoarea ul li.icon2{
		background:url(../images/main/contactus_icon2.gif) no-repeat;
	}
	.contact_area1 .info1 .infoarea ul li.icon3{
		background:url(../images/main/contactus_icon3.gif) no-repeat;
	}
	.contact_area1 .info1 .infoarea ul li.icon4{
		background:url(../images/main/contactus_icon4.gif) no-repeat;
	}
	.contact_area1 .info2{
		width:100%;
	}

	.main_area2{}
	.main_area2 .conarea{
		max-width:1300px;margin:0px auto 0;
		overflow:hidden;		
	}

   .main_area2 .conarea .logoinfo{overflow:hidden;}
   .main_area2 .conarea .logoinfo .p_img{float:left;margin-right:55px;}
   .main_area2 .conarea .logoinfo .p_img2 img{width:100%;margin-right:7%;margin-left:9%;}
   .main_area2 .conarea .logoinfo .infoarea{float:left;position:relative;min-height:260px;}
   .main_area2 .conarea .logoinfo .infoarea .sbj{
      padding-top:15px;
      background:url(../images/main/page_title_bg_s.gif) no-repeat left top;
      font-size:20px;color:#000;font-weight:600;
       margin-bottom:25px;
   }
   .main_area2 .conarea .logoinfo .infoarea .txt{
      padding-top:10px;
      padding-bottom:10px;
      font-size:14px;
      line-height:180%;color:#777;
   }

   .main_area2 .conarea .logoinfo .infoarea .txt_blue{
      padding-top:10px;
      font-size:28px;
      line-height:120%;color:#006bb9;
      font-weight:600;
   }

   .main_area2 .conarea .logoinfo .infoarea .txt .c1{color:#333;}
   .main_area2 .conarea .logoinfo .infoarea .txt .c2{color:#34a5af;}
   .main_area2 .conarea .logoinfo .infoarea .btn{margin-top:25px;}


.Security_Code{}
.Security_Code  img.s_c_t{ height:31px; margin-right:7px}
.Security_Code  .s_c{margin-right:5px;}
.Security_Code span.s_c_s{color:#777777; font-size:14px; }

}



@media(max-width:900px){

	.page_title1{
		font-size:45px;color:#000;font-weight:600;
		text-align:center;
		padding-bottom:10px;
		margin:100px 0 0px;
		/*background:url(../images/main/page_title_bg.gif) no-repeat bottom center;*/
	}
	.page_title2{
		font-size:45px;color:#ed0711;font-weight:600;
		text-align:center;
		padding-bottom:10px;
		margin:100px 0 0px;
		/*background:url(../images/main/page_title_bg.gif) no-repeat bottom center;*/
	}



	/*about*/
	.about_area1{
		text-align:center;
		padding-bottom:90px;
	}
	.about_area1 .slg{
		
		font-size:25px;font-weight:600;
		color:#333;
		margin-bottom:15px;
	}
	.about_area1 .slg2{
		
		font-size:26px;font-weight:500;
		color:#333;
		margin:30px 0 10px;
		text-decoration:underline;
	}
	.about_area1 .slg span{color:#43c2cc;}
	.about_area1 p{
		text-align:center;
		margin:0 auto;
		width:50%;
		color:#89898c;
		font-size:14px;
		line-height:160%;
	}




	.about_area2 .conarea .left{
		float:none;
		width:100%;
	}
	.about_area2 .conarea .right{
		float:none;
		width:100%;
		margin-top:40px;
	}

	/*contact us*/
	
	.contact_area1{
		overflow:hidden;
		max-width:1300px;
		margin:0 auto;
	}
	.contact_area1 .info1{
		overflow:hidden;
		width:100%;
	}
	.contact_area1 .info1 .imgarea{
		float:left;
		width:47%;
		padding-left:3%;
	}
	.contact_area1 .info1 .imgarea img{
		width:100%;
	}
	.contact_area1 .info1 .infoarea{
		float:left;
		width:36%;height:270px;
		padding:10px 7% 0 5%;
	}
	.contact_area1 .info1 .infoarea h5{
		font-family: 'Noto Sans KR', sans-serif;
		font-size:25px;font-weight:600;color:#000;
		width:390px;
		padding-top:2%;
		padding-bottom:15%;
		background:url(../images/main/page_title_bg_s.gif) no-repeat left top;
	}
	.contact_area1 .infnfoarea p{
		font-size:16px;color:#000;font-weight:300;
		margin:37px 0 25px;
	}
	.contact_area1 .info1 .infoarea ul{}
	.contact_area1 .info1 .infoarea ul li{
		color:#000;
		padding-left:32px;
		font-size:16px;
		margin-bottom:20px;
		height:28px;
	}
	.contact_area1 .info1 .infoarea ul li.icon1{
		line-height:130%;
		background:url(../images/main/contactus_icon1.gif) no-repeat;
	}
	.contact_area1 .info1 .infoarea ul li.icon2{
		background:url(../images/main/contactus_icon2.gif) no-repeat;
	}
	.contact_area1 .info1 .infoarea ul li.icon3{
		background:url(../images/main/contactus_icon3.gif) no-repeat;
	}
	.contact_area1 .info1 .infoarea ul li.icon4{
		background:url(../images/main/contactus_icon4.gif) no-repeat;
	}
	.contact_area1 .info2{
		width:100%;
	}
	
	.main_area2{}
	.main_area2 .conarea{
		max-width:1300px;margin:0px auto 0;
		overflow:hidden;		
	}

   .main_area2 .conarea .logoinfo{overflow:hidden;}
   .main_area2 .conarea .logoinfo .p_img{float:left;margin-right:30px;}
   .main_area2 .conarea .logoinfo .p_img2 img{width:100%;margin-right:7%;margin-left:9%;}
   .main_area2 .conarea .logoinfo .infoarea{float:left;position:relative;min-height:260px;width:45%;}
   .main_area2 .conarea .logoinfo .infoarea .sbj{
      padding-top:15px;
      background:url(../images/main/page_title_bg_s.gif) no-repeat left top;
      font-size:20px;color:#000;font-weight:600;
       margin-bottom:25px;
   }
   .main_area2 .conarea .logoinfo .infoarea .txt{
      padding-top:10px;
      padding-bottom:10px;
      font-size:14px;
      line-height:180%;color:#777;
   }

   .main_area2 .conarea .logoinfo .infoarea .txt_blue{
      padding-top:10px;
      font-size:28px;
      line-height:120%;color:#006bb9;
      font-weight:600;
   }

   .main_area2 .conarea .logoinfo .infoarea .txt .c1{color:#333;}
   .main_area2 .conarea .logoinfo .infoarea .txt .c2{color:#34a5af;}
   .main_area2 .conarea .logoinfo .infoarea .btn{margin-top:25px;}

	.Security_Code{}
.Security_Code  img.s_c_t{  margin-right:10px; height:31px}
.Security_Code  .s_c{margin-right:5px;}
.Security_Code span.s_c_s{color:#777777; font-size:14px;  display:block; margin-top:3%}


}






/* 모바일 */

@media(max-width:768px){






	/*page common*/


	.page_title1{
		font-size:28px;color:#000;font-weight:600;
		text-align:center;
		padding-top:5px;
        margin:50px 0 0px;
		background:url(../images/main/page_title_bg_s.gif) no-repeat top center;
	}
	.page_title2{
		font-size:28px;color:#ed0711;font-weight:600;
		text-align:center;
		/*background:url(../images/main/page_title_bg.gif) no-repeat bottom center;*/
	}


	

	/**/
	.about_area1{
		letter-spacing:-1px;
        margin:0 auto;
		text-align:center;
		margin:-40px;
		word-break:keep-all;
	}
	.about_area1 .slg{		
		font-size:18px;font-weight:500;
		color:#333;
		margin:0px;
	}
	.about_area1 .slg span{color:#43c2cc;}
	.about_area1 p{
		letter-spacing:-1px;
		color:#777;
		font-size:15px;
		width:60%;
		padding:2%;
		word-break:keep-all;
	}


	.about_area2{
		text-align:center;
		padding-bottom:60px;
		background:#f1f1f1;
		padding:0 3%;
	}
	.about_area2 .conarea{
		max-width:1300px;margin:0 auto;
		overflow:hidden;
		padding:35px 0;
	}
	.about_area2 .conarea img{width:100%;}
	.about_area2 .conarea .left{
		width:100%;
	}
	.about_area2 .conarea .right{
		width:100%;
	}
	.about_area2 h5{
		text-align:left;
		font-size:18px;font-weight:500;color:#333;
	}
	/*h2*/
	.about_area2 h2{
		text-align:left;
		font-size:18px;font-weight:500;color:#333;
	}
	.about_area2 .imgarea{margin:10px 0 20px}
	.about_area2 p{
		text-align:left;
		font-size:14px;font-weight:400;color:#777;
		line-height:160%;
		word-break:keep-all;
	}


/*모바일 main_area2 수정 */

	.main_area2{
	/*background:#eef3f6;*/
	padding: 3%;
	}

	.main_area2 .conarea{
		background:#fff;
		max-width:1300px;
		margin:0 auto 0;
		overflow:hidden;
		padding:5px;	
	}
	.main_area2 .conarea .logoinfo{overflow:hidden;margin:0%;width:96%;}
	.main_area2 .conarea .logoinfo .p_img{text-align:center;width:100%;margin-top:5%;}
	.main_area2 .conarea .logoinfo .p_img img{width:85%;margin:3% 0;}
	.main_area2 .conarea .logoinfo .p_img2 img{width:100%;margin:1%;}

	.main_area2 .conarea .logoinfo .infoarea{
		padding:5%;
		text-align:left;
		width:96%;
		background:#fff;		
		
	}
	.main_area2 .conarea .logoinfo .infoarea .sbj{
		
		background:url(../images/main/page_title_bg_s.gif) no-repeat left top;
		font-size:20px;color:#000;font-weight:600;
		margin:25px 0;
	}
	.main_area2 .conarea .logoinfo .infoarea .txt{
		margin-left:1%;
		width:91%;
		letter-spacing:-1px;
		font-size:16px;
		line-height:160%;color:#777;
	}

	.main_area2 .conarea .logoinfo .infoarea .txt_blue{
		padding-bottom:10px;
		letter-spacing:-1px;
		font-size:23px;
		line-height:80%;color:#006bb9;
		font-weight:600;
	}

	

	.main_area2 .conarea .logoinfo .infoarea .txt .c1{color:#333;}
	.main_area2 .conarea .logoinfo .infoarea .txt .c2{color:#34a5af;}
	.main_area2 .conarea .logoinfo .infoarea .btn{margin-top:25px;}
	.main_area2 .conarea .logoinfo .infoarea .btn img{height:27px;}


/*모바일 main_area2 수정 끝 */

	/*contact us*/
	.contact_area1{
		overflow:hidden;
		max-width:1300px;
		margin:0 auto;
		padding:0 3%;
	}
	.contact_area1 .info1{
		overflow:hidden
		width:100%;
	}
	.contact_area1 .info1 .imgarea{display:none;}
	.contact_area1 .info1 .infoarea{
		width:85%;
		padding:7% 7%;
		color:#ddd;
		border:1px solid #dfe2e6;
		background:#fff;
	}
	.contact_area1 .info1 .infoarea h5{
		font-size:20px;font-weight:500;
		width:100%;
		border-bottom:0px solid #3a3b4b;
		margin-bottom:15px;;
		word-break:keep-all;
		background:url(../images/main/page_title_bg_s.gif) no-repeat left top;

		color:#000;
	}
	.contact_area1 .info1 .infoarea p{
		font-size:13px;color:#fff;font-weight:300;
		margin:18px 0 15px;
	}
	.contact_area1 .info1 .infoarea ul{}
	.contact_area1 .info1 .infoarea ul li{
		padding-left:30px;
		color:rgba(255,255,255,0.7);
		font-size:14px;
		margin-bottom:10px;
		height:28px;
		color:#000;
	}
	.contact_area1 .info1 .infoarea ul li.icon1{
		height:30px;		
		background:url(../images/main/contactus_icon1_m.gif) no-repeat;
	}
	.contact_area1 .info1 .infoarea ul li.icon2{		
		background:url(../images/main/contactus_icon2.gif) no-repeat;
	}
	.contact_area1 .info1 .infoarea ul li.icon3{
		margin-bottom:-4px;
		background:url(../images/main/contactus_icon3_m.gif) no-repeat;
	}
	.contact_area1 .info1 .infoarea ul li.icon4{
		height:45px;
		line-height:110%;
		background:url(../images/main/contactus_icon4_m.gif) no-repeat;
	}
	.contact_area1 .info2{
		width:100%;
	}

	.about_area2{
		background:#0062b0;
		width:100%;
		background:url(../images/main/main_vision_bg_m.jpg) repeat left bottom;
		
	}
	.about_area2 .conarea{
		max-width:1300px;
		margin:0 auto;
		text-align:center;
	}
	.about_area2 .conarea h5{
		display:inline-block;#display:inline;*zoom:1;
		font-family: 'Roboto', sans-serif;
		font-size:20px;font-weight:500;color:#fff;
		border-bottom:2px solid #fff;
		line-height:100%;
		letter-spacing:-2px;
		margin-bottom:25px;		
	}
	.about_area2 .conarea .core_list{overflow:hidden;}
	.about_area2 .conarea .core_list .corebox{
		
		display:inline-block;#display:inline;*zoom:1;
		vertical-align:top;
		width:100%;
		margin:0 0%;
		/*background:url(../images/main/main_vision_bg.jpg) repeat left bottom;*/
	}
	.about_area2 .conarea .core_list .corebox .tit{
		
		font-size:22px;font-weight:500;color:#fff;
		text-align:center;
		padding:0px 0 40px 5px;
	}
	.about_area2 .conarea .core_list .corebox .tit img{display:inline-block;#display:inline;*zoom:1;width:100%;}
	
	.about_area2 .conarea .core_list .core_textlist{
		min-height:140px;
		text-align:center;
		padding:0 5%;
		background:#f1f1f1;
	}
	.about_area2 .conarea .core_list .core_textlist ul li{
		font-size:14px;color:#777;word-break:keep-all;
		padding-bottom:5px;
	}
	.about_area2 .conarea .core_list .core_textlist ul li.import{font-weight:500;color:#333;}

	
	.industry_area1{
		background:#fff;
	}
	.industry_area1 .conarea{
		max-width:1300px;
		margin:0 auto;
		text-align:center;
		padding:3%;
	}
	.industry_area1 h5{
		display:inline-block;#display:inline;*zoom:1;
		font-size:20px;font-weight:500;color:#222;
		line-height:135%;
		letter-spacing:-1px;
		margin-bottom:15px;
		word-break:keep-all;
	}
	.industry_area1 .titbtm{
		display:inline-block;#display:inline;*zoom:1;
		font-size:16px;font-weight:400;color:#222;
		line-height:135%;
		word-break:keep-all;
	}
	.industry_area1 .titbtm span{color:#43c2cc;}
	.industry_area1 .industry_infobox{
		margin-bottom:0px;
		padding-bottom:0px;
		background:#fff url(../images/main/about_area4_box_bg.gif) repeat left bottom;
	}
	.industry_area1 .industry_infobox .industry_infobox_wrap{
		overflow:hidden;
		background:#fff;
		border:1px solid #ebebeb;
		padding:10px 0 10px;
		position:relative;
	}


	.industry_area1 .industry_infobox .industry_infobox_wrap img{      
      width:100%;
   }
	.industry_area1 .industry_infobox .industry_infobox_wrap .step1{
		display:block;
		width:100%;
		text-align:center;
		position:relative;z-index:100;
	}
	.industry_area1 .industry_infobox .industry_infobox_wrap .step1 .imgarea{margin-bottom:10px;}
	.industry_area1 .industry_infobox .industry_infobox_wrap .step1 .imgarea img{width:20%;}

	.industry_area1 .industry_infobox .industry_infobox_wrap .step1 .titarea{
		text-align:center;
		font-size:16px;font-weight:500;
		height:45px;line-height:45px;
		letter-spacing:-1px;background:#fff;
		border:0;
	}
	.industry_area1 .industry_infobox .industry_infobox_wrap .step2{
		display:block;
		width:100%;
		margin:7% auto;
		position:relative;z-index:100;
	}
	.industry_area1 .industry_infobox .industry_infobox_wrap .step2 .imgarea{margin-bottom:10px;}
	.industry_area1 .industry_infobox .industry_infobox_wrap .step2 .imgarea img{width:20%;}
	.industry_area1 .industry_infobox .industry_infobox_wrap .step2 .pcv{display:none;}
	.industry_area1 .industry_infobox .industry_infobox_wrap .step2 .tmbv{display:block;}
	.industry_area1 .industry_infobox .industry_infobox_wrap .step2 .titarea{
		text-align:center;
		border:0;
		font-size:16px;font-weight:500;
		height:45px;line-height:45px;
		letter-spacing:-1px;	
		color:#000;background:#fff;
	}
	.industry_area1 .industry_infobox .industry_infobox_wrap .step3{
		display:block;
		width:100%;
		position:relative;z-index:100;
	}
	.industry_area1 .industry_infobox .industry_infobox_wrap .step3 .imgarea{margin-bottom:10px;}
	.industry_area1 .industry_infobox .industry_infobox_wrap .step3 .imgarea img{width:80%;}
	.industry_area1 .industry_infobox .industry_infobox_wrap .step3 .titarea{
		text-align:center;
		border:0;
		font-size:16px;font-weight:500;
		height:45px;line-height:45px;
		letter-spacing:-1px;	
		background:#fff;
	}
	.industry_area1 .industry_infobox .industry_infobox_wrap .tit_line{
		display:none;
	}
	.industry2_area2{
		background:#fff;
	}
	.industry2_area2 .conarea{
		max-width:1300px;
		margin:0 auto;
		text-align:center;
		padding:35px 3% 50px;
	}
	.industry2_area2 h5{
		font-family: 'Roboto', sans-serif;
		display:inline-block;#display:inline;*zoom:1;
		font-size:22px;font-weight:500;color:#222;
		line-height:105%;
		letter-spacing:-1px;
	}
	.industry2_area2 .listbox_st1{margin-top:20px;}
	.industry2_area2 .listbox_st1 .listbox{vertical-align:top;margin-bottom:5%;}
	.industry2_area2 .listbox_st1 .listbox .tit{font-weight:400;}

	.industry2_area2 .listbox_st1 .listbox .bg1{
		background:url(../images/main/solution3_area3_list_bg1.gif) repeat;
	}
	.industry2_area2 .listbox_st1 .listbox .bg2{
		background:url(../images/main/solution3_area3_list_bg2.gif) repeat;
	}
	.industry2_area2 .listbox_st1 .listbox .bg3{
		background:url(../images/main/solution3_area3_list_bg3.gif) repeat;
	}
	.industry2_area2 .listbox_st1 .listbox .ul_list ul{
		min-height:100px;
		padding:20px 5%;
	}
	.industry2_area2 .listbox_st1 .listbox .ul_list ul li{font-size:14px;line-height:160%;}
	.industry2_area2 .listbox_st1 .listbox .ul_list ul li span{color:#43c2cc;}



	
	/* education 피테크 테크놀로지*/
	.main_area3{
		background:#eef3f6;
	}
	.main_area3 .conarea{
		max-width:1300px;
		margin:0 auto;
		text-align:center;

		padding:3%;
	}
	.main_area3 h5{
		font-family: 'Roboto', sans-serif;
		display:inline-block;#display:inline;*zoom:1;
		font-size:22px;font-weight:500;color:#222;
		line-height:105%;
		letter-spacing:-1px;
		border-bottom:2px solid #222;
	}
	.main_area3 .btns{}
	.main_area3 .btns a{
		display:inline-block;#display:inline;*zoom:1;
		padding:0 2% 0 2%;
		height:35px;line-height:35px;
		width:245px;
		margin:0 auto 10px;
		background:#43c2cc url(../images/main/solution2_btns_arr.gif) no-repeat 94% center;
		text-align:left;
		font-size:14px;font-weight:400;color:#fff;
	}
	.main_area3 .learning_steps{
		overflow:hidden;
		padding-bottom:10px;
		background:#fff url(../images/main/about_area4_box_bg.gif) repeat left bottom;
	}
	.main_area3 .learning_steps h6{
		font-family: 'Roboto', sans-serif;
		font-size:20px;font-weight:500;color:#4dc5cf;
		line-height:105%;
		letter-spacing:-1px;
		text-align:center;
		background:#fff;
		padding:40px 0 ;
	}
	.main_area3 .learning_steps ul{
		background:#fff;
		padding:0 3% 5%;
		overflow:hidden;
	}
	.main_area3 .learning_steps ul li{
		width:96%;
		padding:0 2%;
		margin-bottom:10%;
	}
	.main_area3 .learning_steps ul li .iconarea{
		padding-bottom:20px;
		margin-bottom:20px;
		background:url(../images/main/solution3_core_line.gif) no-repeat center bottom;
	}
	.main_area3 .learning_steps ul li .iconarea img{width:45%}

	.main_area3 .learning_steps ul li .titarea{
		letter-spacing:-1px;
		font-size:16px;font-weight:400;color:#ed0711;
		margin-bottom:10px;
	}
	.main_area3 .learning_steps ul li .txtarea{
		letter-spacing:-1px;
		margin-left:8%;
		line-height:170%;
		width:85%;
		font-size:16px;font-weight:400;color:#383838;
		word-break:keep-all;
	}



	.pctb{display:none !important;}


	/* 게시판 */
	.bbs_list{
		max-width:1300px;
		padding:0 3%;
		margin:0 auto;
	}
	.bbs_img {display:none;}
	.bbs_list>table{
		width:100%;
		border-top:2px solid #006bb9;
		margin-top:30px;
	}
	.bbs_list>table td{
		font-family: 'Noto Sans KR', sans-serif;
		padding:5px 0;
		text-align:center;
		border-bottom:1px solid #ddd;
	}
	.bbs_list>table td.bbs_date{display:none;width:12%;}
	.bbs_list>table td.bbs_date .date_area{border-right:1px solid #ddd;}
	.bbs_list>table td.bbs_date .date_d{
		font-size:50px;font-weight:500;color:#333;
		line-height:110%;
	}
	.bbs_list>table td.bbs_date .date_ym{
		font-size:15px;font-weight:500;color:#888;
	}
	.bbs_list>table td.bbs_title{
		padding:10px 3%;
		text-align:left;
	}
	.bbs_list>table td.bbs_title .sbj{
		font-size:15px;color:#333;
		margin-bottom:10px;
	}
	.bbs_list>table td.bbs_title .txt{
		font-size:14px;color:#888;line-height:160%;
	}
	.bbs_list>table td.bbs_more{
		display:none;
		width:16%;
	}
	.bbs_list>table td.bbs_more a{
		display:inline-block;#display:inline;*zoom:1;
		width:80%;
		height:36px;line-height:36px;
		font-size:14px;color:#fff;
		text-align:center;
	}

}



@media(max-width:400px){
	
	.pop_area ul li .apps .appcons{
		float:left;
		width:25%;
		min-height:126px;
		text-align:center;
		margin-bottom:0;
	}

}