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




/*서브타이틀*/
.sub_tit_eng {font-weight:600; font-size:1.1rem;}
.sub_tit_kor {color:#161616; font-size:2.8rem; padding:20px 0; letter-spacing:-0.1rem; }
.sub_tit_txt {font-size:1rem; color:#686868; line-height:1.6rem; margin-top:7px;}

@media all and (max-width:1200px) {
	.sub_tit_eng {font-weight:600; font-size:1.1rem;}
	.sub_tit_kor {color:#161616; font-size:2.8rem; padding:15px 0; letter-spacing:-0.05rem;}
	.sub_tit_txt {font-size:1rem; color:#686868; line-height:1.7rem; margin-top:5px;}

}

@media all and (max-width:768px) {
	.sub_tit_eng {font-weight:600; font-size:1rem;}
	.sub_tit_kor {color:#161616; font-size:2rem; padding:15px 0; letter-spacing:-0.05rem;}
	.sub_tit_txt {font-size:1rem; color:#686868; line-height:1.7rem; margin-top:5px;}

}


@media all and (max-width:500px) {
	.sub_tit_eng {font-weight:600; font-size:0.8rem;}
	.sub_tit_kor {color:#161616; font-size:1.6rem; padding:7px 0; letter-spacing:-0.05rem;}
	.sub_tit_txt {font-size:1rem; color:#686868; line-height:1.7rem; margin-top:0px;}

}



/*sub01 about us*/

.sub01_section01{position:relative; overflow:hidden; padding-bottom:100px;}
.sub01_section01 .sub01_section01_left01 {float:left; width:40%; }
.sub01_section01 .sub01_section01_right01 {float:right; width:58%; font-size:1rem; color:#686868; line-height:1.5rem; margin-top:150px; }
.sub01_section01 .sub01_section01_right01 span {font-weight:600; font-size:1.1rem;}
.sub01_section01 .sub01_section01_right01 h4 {color:#161616; font-size:1.8rem; padding:10px 0 15px 0; letter-spacing:-0.05rem;}

.sub01_section01 .sub01_section01_left02 {float:right; width:45%; }
.sub01_section01 .sub01_section01_right02 {float:left; width:55%; font-size:1rem; color:#686868; line-height:1.5rem; margin-top:170px; }
.sub01_section01 .sub01_section01_right02 span {font-weight:600; font-size:1.1rem;}
.sub01_section01 .sub01_section01_right02 h4 {color:#161616; font-size:1.8rem; padding:10px 0 15px 0; letter-spacing:-0.05rem;}



.sub01_section02 {position:relative; overflow:hidden; background:#004568; padding:100px 0;}
.sub01_section02 h4 {color:#fff; font-size:1.8rem;  }
.sub01_section02 .sub01_section02_box {position:relative; overflow:hidden; color:#fff; }
.sub01_section02 .sub01_section02_box ul li {width:25%; text-align:center; float:left; padding:50px 0;}
.sub01_section02 .sub01_section02_box ul li span {display:block; font-size:1.1rem;}



.sub01_section03 {position:relative; overflow:hidden; padding:100px 0 0 0 ;}
.sub01_section03 h4 { font-size:1.8rem; padding:5px 0;  }
.sub01_section03 .sub01_section03_img {text-align:center;}
.sub01_section03 .sub01_section03_img img {padding-top:80px;}

.sub01_section03 .sub01_section03_mob {display:none;}



@media all and (max-width:1200px) {

		.sub01_section01{position:relative; overflow:hidden; padding-bottom:100px; text-align:center;}
		.sub01_section01 .sub01_section01_left01 {float:none; width:100%; max-width:50%; margin:auto; }
		.sub01_section01 .sub01_section01_left01 img {width:100%;}

		.sub01_section01 .sub01_section01_right01 {float:none; width:100%; font-size:1rem; color:#686868; line-height:1.5rem; margin-top:30px; }
		.sub01_section01 .sub01_section01_right01 span {font-weight:600; font-size:1.1rem;}
		.sub01_section01 .sub01_section01_right01 h4 {color:#161616; font-size:1.8rem; padding:10px 0 15px 0; letter-spacing:-0.05rem;}

		.sub01_section01 .sub01_section01_left02 {float:none; width:100%; max-width:60%; margin:50px auto 0; }
		.sub01_section01 .sub01_section01_left02 img {width:100%;}
		.sub01_section01 .sub01_section01_right02 {float:none; width:100%; font-size:1rem; color:#686868; line-height:1.5rem; margin-top:30px; }
		.sub01_section01 .sub01_section01_right02 span {font-weight:600; font-size:1.1rem;}
		.sub01_section01 .sub01_section01_right02 h4 {color:#161616; font-size:1.8rem; padding:10px 0 15px 0; letter-spacing:-0.05rem;}



		.sub01_section02 {position:relative; overflow:hidden; background:#004568; padding:100px 0;}
		.sub01_section02 h4 {color:#fff; font-size:1.8rem;  }
		.sub01_section02 .sub01_section02_box {position:relative; overflow:hidden; color:#fff; }
		.sub01_section02 .sub01_section02_box ul li {width:25%; text-align:center; float:left; padding:50px 0;}
		.sub01_section02 .sub01_section02_box ul li span {display:block; font-size:1.1rem;}



		.sub01_section03 {position:relative; overflow:hidden; padding:100px 0 0 0 ;}
		.sub01_section03 h4 { font-size:1.8rem; padding:5px 0;  }
		.sub01_section03 .sub01_section03_img {text-align:center;}
		.sub01_section03 .sub01_section03_img img {padding-top:80px; text-align:center; width:100%;}

		.sub01_section03 .sub01_section03_mob {display:none;}

}



@media all and (max-width:768px) {

		.sub01_section01{position:relative; overflow:hidden; padding-bottom:100px; text-align:center;}
		.sub01_section01 .sub01_section01_left01 {float:none; width:100%; max-width:80%; margin:auto; }
		.sub01_section01 .sub01_section01_left01 img {width:100%;}

		.sub01_section01 .sub01_section01_right01 {float:none; width:100%; font-size:1rem; color:#686868; line-height:1.5rem; margin-top:30px; }
		.sub01_section01 .sub01_section01_right01 span {font-weight:600; font-size:1.1rem;}
		.sub01_section01 .sub01_section01_right01 h4 {color:#161616; font-size:1.8rem; padding:10px 0 15px 0; letter-spacing:-0.05rem;}

		.sub01_section01 .sub01_section01_left02 {float:none; width:100%; max-width:90%; margin:50px auto 0; }
		.sub01_section01 .sub01_section01_left02 img {width:100%;}
		.sub01_section01 .sub01_section01_right02 {float:none; width:100%; font-size:1rem; color:#686868; line-height:1.5rem; margin-top:30px; }
		.sub01_section01 .sub01_section01_right02 span {font-weight:600; font-size:1.1rem;}
		.sub01_section01 .sub01_section01_right02 h4 {color:#161616; font-size:1.8rem; padding:10px 0 15px 0; letter-spacing:-0.05rem;}



		.sub01_section02 {position:relative; overflow:hidden; background:#004568; padding:80px 0;}
		.sub01_section02 h4 {color:#fff; font-size:1.8rem;  }
		.sub01_section02 .sub01_section02_box {position:relative; overflow:hidden; color:#fff; width:100%; margin:auto;}
		.sub01_section02 .sub01_section02_box ul li {width:50%; text-align:center; float:left; padding:30px 0;}
		.sub01_section02 .sub01_section02_box ul li span {display:block; font-size:1.1rem;}



		.sub01_section03 {position:relative; overflow:hidden; padding:100px 0 0 0 ;}
		.sub01_section03 h4 { font-size:1.8rem; padding:5px 0;  }
		.sub01_section03 .sub01_section03_img {text-align:center; display:none;}
		.sub01_section03 .sub01_section03_mob {display:block; margin-top:30px; width:100%;}

		.sub01_section03 .sub01_section03_mob .organ_001{background:#004568; color:#fff; padding:15px; font-size:1.3rem; font-weight:600; border-radius:3px}
		.sub01_section03 .sub01_section03_mob .organ_002{background:#747474; color:#fff; padding:15px; font-size:1.1rem; font-weight:500; border-radius:3px; margin-top:12px;}
		.sub01_section03 .sub01_section03_mob .organ_002 span {margin-left:10px;  font-size:1.0rem; color:#dcdcdc; }
		.sub01_section03 .sub01_section03_mob .organ_003{background:#f3f3f3; color:#606060; padding:15px; font-size:1.1rem;  border-radius:3px; margin-top:7px;}
		.sub01_section03 .sub01_section03_mob .organ_003 span {margin-left:10px;  font-size:1.0rem; color:#8f8f8f;}

		
		
}

@media all and (max-width:640px) {

	.sub01_section02 .sub01_section02_box ul li img {width:72px;}
	.sub01_section02 .sub01_section02_box ul li span {display:block; font-size:0.9rem;}

		
}





/*sub02 디자인*/

.sub02_section01 {position:relative; overflow:hidden; padding-bottom:100px;}

.sub02_section01 .sub02_section01_box {position:relative; overflow:hidden; padding:30px 0; background:#fafafa; margin-top:40px; text-align:center; }

.sub02_section01 .sub02_section01_box .sub02_section01_box_circle {display:inline-block; /*background:#fff; border-radius:50%; width:145px; height:145px; margin-bottom:10px;*/ }
.sub02_section01 .sub02_section01_box .sub02_section01_box_circle img {text-align:middle;/* margin-top:30px;*/}
.sub02_section01 .sub02_section01_box ul li {color:#626262; font-size:1.1rem; width:25%; text-align:center; float:left; padding:25px 0;}
.sub02_section01 .sub02_section01_box .sub02_section01_box_txt {display:block;}


/**/

.sub02_section02 {position:relative; overflow:hidden; text-align:left; padding:40px 0; border-bottom:1px solid #f6f6f6;}
.sub02_section02 .sub02_section02_txt {float:left; text-align:left; margin-top:40px; }
.sub02_section02 .sub02_section02_txt .sub02_section02_txt_eng {font-weight:600; font-size:1.1rem;}
.sub02_section02 .sub02_section02_txt .sub02_section02_txt_kor {color:#161616; font-size:2.4rem; padding:15px 0;}
.sub02_section02 .sub02_section02_txt p {font-size:1rem; color:#686868; line-height:1.7rem; margin-top:10px;}

.sub02_section02 .sub02_section02_img {float:right; }


.sub02_section03 {position:relative; overflow:hidden; text-align:left; padding:40px 0; border-bottom:1px solid #f6f6f6;}
.sub02_section03 .sub02_section03_txt {float:right; width:45%; text-align:left; margin-top:60px; }
.sub02_section03 .sub02_section03_txt .sub02_section03_txt_eng {font-weight:600; font-size:1.1rem;}
.sub02_section03 .sub02_section03_txt .sub02_section03_txt_kor {color:#161616; font-size:2.4rem; padding:15px 0;}
.sub02_section03 .sub02_section03_txt p {font-size:1rem; color:#686868; line-height:1.7rem; margin-top:10px;}

.sub02_section03 .sub02_section03_img {float:left; }




.sub02_section04 {position:relative; overflow:hidden; text-align:left; padding:60px 0 40px;}
.sub02_section04 .sub02_section04_txt {float:left; text-align:left; margin-top:30px; }
.sub02_section04 .sub02_section04_txt .sub02_section04_txt_eng {font-weight:600; font-size:1.1rem;}
.sub02_section04 .sub02_section04_txt .sub02_section04_txt_kor {color:#161616; font-size:2.4rem; padding:15px 0;}
.sub02_section04 .sub02_section04_txt p {font-size:1rem; color:#686868; line-height:1.7rem; margin-top:10px;}

.sub02_section04 .sub02_section04_img {float:right;width:45%}





@media all and (max-width:1200px) {

	.sub02_section01 {position:relative; overflow:hidden; padding-bottom:30px;}
	
	.sub02_section01 .sub02_section01_box {position:relative; overflow:hidden; padding:30px 0; background:#fafafa; margin-top:40px; text-align:center; }

	.sub02_section01 .sub02_section01_box .sub02_section01_box_circle {display:inline-block; /*background:#fff; border-radius:50%; width:145px; height:145px; margin-bottom:10px;*/ }
	.sub02_section01 .sub02_section01_box .sub02_section01_box_circle img {text-align:middle;}
	.sub02_section01 .sub02_section01_box ul li {color:#626262; font-size:1.1rem; width:25%; text-align:center; float:left; padding:25px 0;}
	.sub02_section01 .sub02_section01_box .sub02_section01_box_txt {display:block;}


	/**/

	.sub02_section02 {position:relative; overflow:hidden;  padding:20px 0; border-bottom:1px solid #f6f6f6; text-align:center;}
	.sub02_section02 .sub02_section02_txt {float:none; text-align:center; margin-top:30px; }
	.sub02_section02 .sub02_section02_txt .sub02_section02_txt_eng {font-weight:600; font-size:1.1rem;}
	.sub02_section02 .sub02_section02_txt .sub02_section02_txt_kor {color:#161616; font-size:2.4rem; padding:15px 0;}
	.sub02_section02 .sub02_section02_txt p {font-size:1rem; color:#686868; line-height:1.7rem; margin-top:10px;}

	.sub02_section02 .sub02_section02_img {float:none; width:60%;  margin:20px auto 0; }
	.sub02_section02 .sub02_section02_img img {width:100%;}



	.sub02_section03 {position:relative; overflow:hidden; padding:20px 0; border-bottom:1px solid #f6f6f6;}
	.sub02_section03 .sub02_section03_txt {float:none; width:100%; text-align:center; margin-top:40px; }
	.sub02_section03 .sub02_section03_txt .sub02_section03_txt_eng {font-weight:600; font-size:1.1rem;}
	.sub02_section03 .sub02_section03_txt .sub02_section03_txt_kor {color:#161616; font-size:2.4rem; padding:15px 0;}
	.sub02_section03 .sub02_section03_txt p {font-size:1rem; color:#686868; line-height:1.7rem; margin-top:10px;}

	.sub02_section03 .sub02_section03_img {float:none;  width:60%;  margin:20px auto 0; }
	.sub02_section03 .sub02_section03_img img {width:100%;}




	.sub02_section04 {position:relative; overflow:hidden; padding:20px 0; }
	.sub02_section04 .sub02_section04_txt {float:none; text-align:center; margin-top:40px; }
	.sub02_section04 .sub02_section04_txt .sub02_section04_txt_eng {font-weight:600; font-size:1.1rem;}
	.sub02_section04 .sub02_section04_txt .sub02_section04_txt_kor {color:#161616; font-size:2.4rem; padding:15px 0;}
	.sub02_section04 .sub02_section04_txt p {font-size:1rem; color:#686868; line-height:1.7rem; margin-top:10px;}

	.sub02_section04 .sub02_section04_img {float:none; width:60%;  margin:20px auto 0;}
	.sub02_section04 .sub02_section04_img img {width:100%;}




}


@media all and (max-width:768px) {

	.sub02_section01 {position:relative; overflow:hidden; padding-bottom:20px;}	

	.sub02_section01 .sub02_section01_box {position:relative; overflow:hidden; padding:30px 0; background:#fafafa; margin-top:40px; text-align:center; }

	.sub02_section01 .sub02_section01_box .sub02_section01_box_circle {display:inline-block; /*background:#fff; border-radius:50%; width:145px; height:145px; margin-bottom:10px;*/ }
	.sub02_section01 .sub02_section01_box .sub02_section01_box_circle img {text-align:middle; /*margin-top:30px;*/ width:120px;}
	.sub02_section01 .sub02_section01_box ul li {color:#626262; font-size:1.1rem; width:50%; text-align:center; float:left; padding:25px 0;}
	.sub02_section01 .sub02_section01_box .sub02_section01_box_txt {display:block;}
	



	.sub02_section02 .sub02_section02_img {float:none; width:100%;  margin:20px auto 0;}
	.sub02_section03 .sub02_section03_img {float:none; width:100%;  margin:20px auto 0;}
	.sub02_section04 .sub02_section04_img {float:none; width:100%;  margin:20px auto 0;}


	.sub02_section02 .sub02_section02_txt .sub02_section02_txt_eng {font-weight:600; font-size:1rem;}
	.sub02_section02 .sub02_section02_txt .sub02_section02_txt_kor {color:#161616; font-size:1.8rem; padding:10px 0;}

	.sub02_section03 .sub02_section03_txt .sub02_section03_txt_eng {font-weight:600; font-size:1rem;}
	.sub02_section03 .sub02_section03_txt .sub02_section03_txt_kor {color:#161616; font-size:1.8rem; padding:10px 0;}


	.sub02_section04 .sub02_section04_txt .sub02_section04_txt_eng {font-weight:600; font-size:1rem;}
	.sub02_section04 .sub02_section04_txt .sub02_section04_txt_kor {color:#161616; font-size:1.8rem; padding:10px 0;}



}





/*sub03 프로그램*/

.sub03_section01 {position:relative; overflow:hidden; }


.sub03_section01_box {position:relative; width:100%; margin-top:60px;}
.sub03_section01_box  ul li {position:relative; width:calc(50% - 25px); min-height:330px;float:left; border:0px solid #f00; padding:80px 40px 50px 40px; box-sizing:border-box; background:#fafafa; margin:0 25px 25px 0px;}
.sub03_section01_box  ul li .sub03_section01_box_num {font-weight:600; font-size:1.4rem; color:#004568;}
.sub03_section01_box  ul li .sub03_section01_box_tit {color:#1b2122; font-size:1.5rem; margin-top:15px; font-weight:500;}
.sub03_section01_box  ul li p {margin-top:20px; font-size:1rem; color:#9f9f9f;}
.sub03_section01_box  ul li .sub03_section01_box_icon img{position:absolute; right:30px; top:30px; width:85px}



@media all and (max-width:1200px) {

	.sub03_section01_box {position:relative; width:90%; margin:auto; margin-top:60px; }
	.sub03_section01_box  ul li {position:relative; text-align:left; width:100%; min-height:0px;float:none; border:0px solid #f00; padding:50px 40px 50px 40px; box-sizing:border-box; background:#fafafa; margin-bottom:15px;}
	.sub03_section01_box  ul li .sub03_section01_box_num {font-weight:600; font-size:1.4rem; color:#004568;}
	.sub03_section01_box  ul li .sub03_section01_box_tit {color:#1b2122; font-size:1.5rem; margin-top:15px; font-weight:500;}
	.sub03_section01_box  ul li p {margin-top:20px; font-size:1rem;}
	.sub03_section01_box  ul li .sub03_section01_box_icon img{position:absolute; right:30px; top:30px; width:85px}




}



@media all and (max-width:765px) {

	.sub03_section01_box {position:relative; width:100%; margin:auto; margin-top:60px; }
	.sub03_section01_box  ul li {position:relative; text-align:left; width:100%; min-height:0px;float:none; border:0px solid #f00; padding:30px; box-sizing:border-box; background:#fafafa; margin-bottom:15px;}
	.sub03_section01_box  ul li .sub03_section01_box_num {font-weight:600; font-size:1.4rem; color:#004568;}
	.sub03_section01_box  ul li .sub03_section01_box_tit {color:#1b2122; font-size:1.5rem; margin-top:15px; font-weight:500;}
	.sub03_section01_box  ul li p {margin-top:20px; font-size:1rem;}
	.sub03_section01_box  ul li .sub03_section01_box_icon img {position:absolute; right:20px; top:20px; width:55px}




}

@media all and (max-width:640px) {

	.sub03_section01_box {position:relative; width:100%; margin:auto; margin-top:60px; }
	.sub03_section01_box  ul li {position:relative; text-align:left; width:100%; min-height:0px;float:none; border:0px solid #f00; padding:25px; box-sizing:border-box; background:#fafafa; margin-bottom:15px;}
	.sub03_section01_box  ul li .sub03_section01_box_num {font-weight:600; font-size:1.2rem; color:#004568;}
	.sub03_section01_box  ul li .sub03_section01_box_tit {color:#1b2122; font-size:1.3rem; margin-top:10px; font-weight:500;}
	.sub03_section01_box  ul li p {margin-top:10px; font-size:0.9rem;}
	.sub03_section01_box  ul li .sub03_section01_box_icon img {position:absolute; right:5px; top:5px; width:55px}
	.sub03_section01_box  ul li img {display:none;}




}



/*sub05 클라이언트*/


.sub05_section01 {position:relative; overflow:hidden; }
.sub05_section01 .sub05_section01_box {margin-top:50px;}
.sub05_section01 .sub05_section01_box ul li {border:1px solid #ddd; width: calc(25% - 10px); text-align:center; padding:15px 0; float:left; margin:0 10px 10px 0 ;}




@media all and (max-width:1200px) {


.sub05_section01 .sub05_section01_boxul {margin-top:2%;}
.sub05_section01 .sub05_section01_box ul li {border:1px solid #ddd; width: calc(25% - 10px); text-align:center; padding:15px 0; float:left; margin:0 10px 10px 0 ;}
.sub05_section01 .sub05_section01_box ul li img {width:80%; }

}



@media all and (max-width:768px) {

.sub05_section01 .sub05_section01_box ul {margin-top:2%;}
.sub05_section01 .sub05_section01_box ul li {border:1px solid #ddd; width: calc(33% - 10px); text-align:center; padding:10px 0; float:left; margin:0 10px 10px 0 ;  min-height:}
.sub05_section01 .sub05_section01_box ul li img { text-align:center; width:90%; }


}


@media all and (max-width:640px) {


.sub05_section01 .sub05_section01_box ul {margin-top:5%;}
.sub05_section01 .sub05_section01_box ul li {border:1px solid #ddd; width: calc(33% - 10px); text-align:center; padding:10px 0; float:left; margin:0 10px 10px 0; }
.sub05_section01 .sub05_section01_box ul li img { text-align:center; width:90%;  }

}


/*sub04 마케팅*/


.sub04_section01 {width:100%; position:relative; overflow:hidden; margin-bottom:100px;}
.sub04_section01 ul {margin-top:50px;}
.sub04_section01 ul li {width:calc(33% - 15px); float:left; margin-right:20px; text-align:left;}
.sub04_section01 ul li:last-child {margin-right:0px;}
.sub04_section01 ul li img {width:100%;}

.sub04_section01 ul li dl dt {font-size:1.4rem; margin:20px 0 10px; color:#1b2122; font-weight:500;}
.sub04_section01 ul li dl dd {font-size:0.9rem; margin:5px 0; color:#686868; word-break:keep-all; }



.sub04_section02 {background:#fafafa; padding:80px 0;}
.sub04_section02 img {margin-top:40px;}

.sub04_section02 .sub04_section02_btn {margin-top:50px;}
.sub04_section02 .sub04_section02_btn a {background:#004568; color:#fff; padding:20px 54px; font-size:1.1rem; font-weight:500 }
.sub04_section02 .sub04_section02_btn a img {margin-top:0;}

.sub04_section03 {padding-top:80px;}
.sub04_section03 img {margin-top:40px;}



@media all and (max-width:1200px) {

.sub04_section01 {width:100%; position:relative; overflow:hidden; margin-bottom:100px;}
.sub04_section01 ul {margin-top:30px; width:70%; margin:auto; margin-top:20px;}
.sub04_section01 ul li {width:100%; float:left; margin-right:0px; text-align:left; margin-top:30px;}
.sub04_section01 ul li:last-child {margin-right:0px;}
.sub04_section01 ul li img {width:100%;}

.sub04_section01 ul li dl dt {font-size:1.4rem; margin:20px 0 10px; color:#1b2122; font-weight:500;}
.sub04_section01 ul li dl dd {font-size:0.9rem; margin:5px 0; color:#686868; word-break:keep-all; }



.sub04_section02 {background:#fafafa; padding:80px 0;}
.sub04_section02 img {margin-top:40px;}

.sub04_section02 .sub04_section02_btn {margin-top:50px;}
.sub04_section02 .sub04_section02_btn a {background:#004568; color:#fff; padding:20px 54px; font-size:1.1rem; font-weight:500 }
.sub04_section02 .sub04_section02_btn a img {margin-top:0;}

.sub04_section03 {padding-top:80px;}
.sub04_section03 img {margin-top:40px;}


}



@media all and (max-width:768px) {

.sub04_section01 {width:100%; position:relative; overflow:hidden; margin-bottom:100px;}
.sub04_section01 ul {margin-top:30px; width:100%; margin:auto; margin-top:20px;}
.sub04_section01 ul li {width:100%; float:left; margin-right:0px; text-align:left; margin-top:30px;}
.sub04_section01 ul li:last-child {margin-right:0px;}
.sub04_section01 ul li img {width:100%;}

.sub04_section01 ul li dl dt {font-size:1.4rem; margin:20px 0 10px; color:#1b2122; font-weight:500;}
.sub04_section01 ul li dl dd {font-size:0.9rem; margin:5px 0; color:#686868; word-break:keep-all; }



.sub04_section02 {background:#fafafa; padding:80px 0;}
.sub04_section02 img {margin-top:40px;}

.sub04_section02 .sub04_section02_btn {margin-top:50px;}
.sub04_section02 .sub04_section02_btn a {background:#004568; color:#fff; padding:20px 54px; font-size:1.1rem; font-weight:500 }
.sub04_section02 .sub04_section02_btn a img {margin-top:0;}

.sub04_section03 {padding-top:80px;}
.sub04_section03 img {margin-top:40px;}




}


@media all and (max-width:640px) {


.sub04_section02 img {margin-top:40px; width:100%;}

.sub04_section03 img {margin-top:40px; width:100%;}




}

/*sub06 works*/


.sub05_section01_cate {text-align:center; width:100%; margin:20px 0 10px;  overflow:hidden;}
.sub05_section01_cate ul li {display:inline-block; cursor:pointer; padding:15px 10px 5px 10px; font-size:14px;}
.sub05_section01_cate ul li.current {color:#000; font-weight:600; border-bottom:2px solid #004568;}


ul.sub06_works_list {width:100%; max-width:1150px; overflow:hidden; position:relative; margin:20px; auto 0;}
ul.sub06_works_list li {width:calc(33.3% - 20px); border:0px solid #ddd; float:left; text-align:center; margin:10px 10px; box-sizing:border-box;}
ul.sub06_works_list li a {display:block;}



.works_wrap {max-width:800px; margin:20px auto;}
.works_wrap_tit {font-size:2rem; font-weight:500; padding:15px 0 10px; border-bottom:0px solid #ddd; color:#000;} 
.works_wrap p {padding:7px 0 0px; font-size:1rem}
.works_wrap_img {width:100%; padding-top:20px;}
.works_wrap .bor_b {border-bottom:1px solid #ededed; padding-bottom:15px; color:#555;}



/*카테고리 분류*/
.portfolioFilter a.current { 
    font-weight:bold;
}



.isotope-item {
    z-index: 2;
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */

    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    transition-property: transform, opacity;
}


/*리스트 마우스오버*/


.sub06_works_list > li  {
  position: relative;
  overflow: hidden;
  max-width: 359px;
  max-height: 235px;
  width: 100%;  
  margin:10px;
  color: #ffffff;
  text-align: left;
  font-size: 16px;
  background-color: #000;
}
.sub06_works_list > li  * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.sub06_works_list > li > img {
  max-width: 100%;
  backface-visibility: hidden;
  vertical-align: top;
}
.sub06_works_list > li:after,
.sub06_works_list > li .work_txt {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.sub06_works_list > li:after {
  content: '';
  background-color: rgba(0, 0, 0, 0.65);
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  opacity: 0;
}
.sub06_works_list > li .work_txt {
  z-index: 1;
  padding: 80px 40px;
}
.sub06_works_list > li .work_txt_tit,
.sub06_works_list > li .links {
  width: 100%;
  margin: 5px 0;
  padding: 0;
}
.sub06_works_list > li .work_txt_tit {
  line-height: 1.1rem;
  font-weight: 500;
  font-size: 1.4em;
  text-transform: uppercase;
  opacity: 0;
}
.sub06_works_list > li p {
  font-size: 0.8rem;
  line-height:1.2rem;	
  font-weight: 300;
  letter-spacing: 1px;
  margin-top:20px;
  opacity: 0;
  top: 50%;
  -webkit-transform: translateY(40px);
  transform: translateY(40px);
}

.sub06_works_list > li > a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.sub06_works_list > li :hover img,
.sub06_works_list > li .hover img {
  zoom: 1;
  filter: alpha(opacity=30);
  -webkit-opacity: 0.3;
  opacity: 0.3;
}
.sub06_works_list > li:hover:after,
.sub06_works_list > li .hover:after {
  opacity: 1;
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 10px;
  right: 10px;
}
.sub06_works_list > li:hover .work_txt_tit,
.sub06_works_list > li.hover .work_txt_tit,
.sub06_works_list > li:hover p,
.sub06_works_list > li.hover p {
  -webkit-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  opacity: 1;
}


@media all and (max-width:1200px) {

ul.sub06_works_list {width:100%; overflow:hidden; position:relative; margin-top:20px;}
ul.sub06_works_list li {width:calc(33.3% - 20px); border:1px solid #ddd; float:left; text-align:center; margin:10px 10px;  box-sizing:border-box;}
ul.sub06_works_list li a {display:block;}
ul.sub06_works_list li a img {width:100%; max-width:281px;}
.sub06_works_list > li .work_txt, .sub06_works_list > li:after  {display:none;}


}




@media all and (max-width:1000px) {

ul.sub06_works_list {width:100%; max-width:700px; overflow:hidden; position:relative; margin:20px auto 0;}
ul.sub06_works_list li {width:calc(50% - 20px);  float:left; text-align:center; margin:10px 10px; box-sizing:border-box;}
ul.sub06_works_list li a {display:block;}
ul.sub06_works_list li a img {width:100%;}


}


@media all and (max-width:768px) {

ul.sub06_works_list {width:100%; overflow:hidden; position:relative; margin-top:20px;}
ul.sub06_works_list li {width:calc(50% - 20px);  float:left; text-align:center; margin:10px 10px; box-sizing:border-box;}
ul.sub06_works_list li a {display:block;}
ul.sub06_works_list li a img {width:100%;}



.works_wrap_tit {font-size:1.5rem; font-weight:500; padding:15px 0 10px; border-bottom:0px solid #ddd; color:#000;} 
.works_wrap p {padding:0px 0 0px; font-size:1rem}
.works_wrap_img {width:100%; padding-top:15px;}
.works_wrap .bor_b {border-bottom:1px solid #ededed; padding-bottom:10px; color:#555;}

}


@media all and (max-width:640px) {

.sub05_section01_cate {text-align:center; width:100%; margin:10px 0;  overflow:hidden;}
.sub05_section01_cate ul li {display:inline-block; padding:5px 3px; font-size:0.75rem;}
.sub05_section01_cate ul li.active a{color:#004568; font-weight:800; border-bottom:3px solid #004568;}


ul.sub06_works_list {width:100%; max-width:359px; overflow:hidden; position:relative; margin:20px auto 0; }
ul.sub06_works_list li {width:100%; margin:auto; float:left; text-align:center; margin-bottom:15px;  box-sizing:border-box;}
ul.sub06_works_list li a {display:block;}
ul.sub06_works_list li a img {width:100%; }

.works_wrap_tit {font-size:1.4rem; font-weight:500; padding:15px 0 10px; border-bottom:0px solid #ddd; color:#000;} 
.works_wrap p {font-size:0.9rem}
.works_wrap_img {width:100%; padding-top:15px;}
.works_wrap .bor_b {border-bottom:1px solid #ededed; padding-bottom:5px; color:#555;}

}











/*sub07 contact*/

.sub05_section01 {width:100%; position:relative; overflow:hidden; }
.sub05_section01 .sub05_write {width:100%; border-top:3px solid #0c0c0c; max-width:1200px; margin:auto; margin-top:50px; }
.sub05_section01 .sub05_write .sub05_write_tit {font-weight:500; text-align:left; font-size:1.4rem;  color:#0c0c0c; width:98%; margin:25px auto 15px;}


.sub05_section01 .privacy_txt {padding:30px; border:1px solid #f8f8f8; background:#fafafa; margin:10px 0 20px; width:100%; text-align:left;}
.sub05_section01 .agreement_btn {text-align:right; margin-bottom:15px;}


.sub05_section01 .sub05_write dl {width:98%; margin: auto;display:table; border-bottom:1px solid #ddd;}
.sub05_section01 .sub05_write dl dt, .sub05_write dl dd {padding:20px 20px; text-align:left;}
.sub05_section01 .sub05_write dl dt { width:20%; display:table-cell; font-size:1.1rem; font-weight:500; vertical-align:middle}
.sub05_section01 .sub05_write dl dt span {color:#004568;}
.sub05_section01 .sub05_write dl dd { width:80%; font-size:1.1rem; display:table-cell;}
.sub05_section01 .sub05_write dl dd input {height:44px; border:1px solid #b3b3b3; }
.sub05_section01 .sub05_write dl .mar_3 label input{margin-right:3px;  }	

.sub05_section01 .sub05_write dl dd label {margin-right:15px; display:inline-block;}
.sub05_section01 .sub05_write dl dd textarea {width:100%; padding:20px 10px; box-sizing:border-box;}
.border_dl{border-top:1px solid #ddd;}
.sub05_section01 .sub05_write dl dd textarea::placeholder{color:#cecece; font-size:0.9rem;}
.sub05_section01 .sub05_write dl dd p {font-size:0.8rem; color:#b3b3b3; margin-top:20px; line-height:1.1rem; }
.sub05_section01 .sub05_write dl dd .input_01 {width:400px;}


/*첨부파일*/
.fileBtn {display:inline-block; overflow:hidden; width:88px; height:44px;  border:none; background:#b3b3b3; line-height:44px; text-align:center; vertical-align:middle; color:#fff;}
.down_ip {display:inline-block; float:left; width:400px; height:44px; padding:0 20px; font-size:16px; color:#000;}
.fileBtn input[type='file'] {overflow:hidden; position:absolute; width:0; height:0; border:none; background:transparent; clip:rect(0,0,0,0);}


/*등록하기 버튼*/
.sub05_section01  .btn_submit {margin-top:50px; text-align:center;}
.sub05_section01  .btn_submit span { padding:15px 50px; color:#fff; background:#004568; display:inline-block;  font-size:1.1rem; cursor:pointer;}



@media all and (max-width:1200px) {


	.sub05_section01 {text-align:left;}

	.sub05_section01 .privacy_txt {height:200px; overflow-y:scroll}

	.sub05_section01 .sub05_write dl dt, .sub05_write dl dd {padding:15px 15px; text-align:left;}
	.sub05_section01 .sub05_write dl dt {width:25%; display:table-cell; font-size:1.1rem; font-weight:500; vertical-align:middle}
	.sub05_section01 .sub05_write dl dt span {color:#004568;}
	.sub05_section01 .sub05_write dl dd  {width:75%; font-size:0.9rem; }
	.sub05_section01 .sub05_write dl dd input {height:44px; border:1px solid #ddd; }	
	.sub05_section01 .sub05_write dl dd label {margin-right:15px; }
	.sub05_section01 .sub05_write dl dd textarea {width:100%;}
	.sub05_section01 .sub05_write dl dd p {font-size:0.8rem; color:#b3b3b3; margin-top:10px; line-height:1.1rem; }


}



@media all and (max-width:768px) {


	.sub05_section01 {text-align:left;}

	.sub05_section01 .privacy_txt {height:200px; overflow-y:scroll}

	
	.sub05_section01 .sub05_write dl {width:100%; padding:10px;}
	.sub05_section01 .sub05_write dl dt, .sub05_write dl dd {padding:3px; text-align:left;}
	.sub05_section01 .sub05_write dl dt {width:100%; display:block; float:left; font-size:1rem; font-weight:500; vertical-align:middle}
	.sub05_section01 .sub05_write dl dt span {color:#004568;}
	.sub05_section01 .sub05_write dl dd  {width:100%; float:left; font-size:0.9rem;line-height:1.2rem; }
	.sub05_section01 .sub05_write dl dd input {height:40px; border:1px solid #ddd; }
	.sub05_section01 .sub05_write dl dd label input { height: 25px;}
	.sub05_section01 .sub05_write dl dd label {margin-right:15px; display:block;}
	.sub05_section01 .sub05_write dl dd textarea {width:100%;}
	.sub05_section01 .sub05_write dl dd p {font-size:0.8rem; color:#b3b3b3; margin-top:10px; line-height:1.1rem; }
	.sub05_section01 .sub05_write dl dd .input_01 {width:100%;}


	.sub05_section01  .btn_submit {margin-top:30px; text-align:center;}
	.sub05_section01  .btn_submit span {padding:15px; width:100%; color:#fff; background:#004568; display:inline-block;  font-size:1.1rem;}


	
/*첨부파일*/
.fileBtn {display:inline-block; overflow:hidden; width:35%; height:40px;  border:none; background:#b3b3b3; line-height:40px; text-align:center; vertical-align:middle; color:#fff;}
.down_ip {display:inline-block; float:left; width:65%; height:40px; padding:0 20px; font-size:16px; color:#000;}


}