html, body { width: 100%; min-height: 100%; }
html { overflow: hidden scroll; }
body { background: #ffffff; overflow-x: hidden; text-size-adjust: none; }
#wrap { width: 100%; overflow-y: hidden; }
/*#header, */#mainVisual, #subVisual, #container, #foot { width: 100%; position: relative; }
.inner {position:relative; width:100%; max-width:100%; padding-left:7%; padding-right:7%; /* padding:0 7%; margin:0 auto 70px; */ margin:0 auto;  box-sizing:border-box; /*padding:0 100px;*/}
.inner::after { content: ""; display: block; clear: both; font-size: 0px; line-height: 0; width: 0px; height: 0px; visibility: hidden; }
.pc { display: block; }
.mobile { display: none; }
.tablet { display: block; }
.tablet02 { display: none; }
.tamobile { display: none; }
.overlay { background: url("/images/com/overlay.png") 0px 0px repeat; position: absolute; width: 100%; height: 100%; display: none; z-index: 110; }
 .br01 {display:block;}
 .br02 {display: none; }
 .br03 {display: none; }

.container { position: relative; width: 1200px; margin: 0px auto; }
.mobileutil { display: none; }
/*
.logo { position: relative; float: left; margin: 20px 0px 20px; }
#headerWrap { position: relative; float: left; width: 100%; border-bottom: 1px solid #e3e3e3; z-index: 110; }
.headerInner { position: relative; width: 1200px; margin: 0px auto; }

#headerWrap .util { position: absolute; top: 50px; right: 0px; }
#headerWrap .util ul::after { content: ""; display: block; clear: both; font-size: 0px; line-height: 0; width: 0px; height: 0px; visibility: hidden; }
#headerWrap .util li { position: relative; float: left; }
#headerWrap .util li a { padding: 7px; }
#headerWrap .util li a:hover { }
#headerWrap .util li .btn_N_message { position: absolute; top: -10px; right: -5px; display: block; width: 20px; height: 20px; font-size: 15px; font-weight: 600; color: #ffffff; text-align: center; line-height: 20px; border-radius: 25px; }
.header { position: relative; float: left; margin: 20px 20px 0px; }
*/


.playnonpc {display:none; }

.numtab{position:relative;width:100%; margin:0 0 50px 0; /*background: #fff;border-bottom:1px solid #e0e0e0;padding:30px 0;	box-shadow:1px 1px 10px rgba(0,0,0,.1);z-index:30 */}
.numtab ul{display:inline-block;width:100%;clear:both;}
.numtab ul li{float:left;text-align:center;}
.numtab ul li a{display:block; border:1px solid #d5d5d5;margin-left:-1px; padding:10px 0; margin-bottom:-1px;color:#222;font-size:20px;line-height:32px;background:#fff;font-weight:600; letter-spacing:-0em;border-radius:0px;-webkit-border-radius:0px; /* */}
.numtab ul li a:hover{border:1px solid #bcbbcf; color:#fff; background:#535353; border-radius:0px;-webkit-border-radius:0px;}
.numtab ul li a.on{border:1px solid #00a040; font-size:20px;color:#fff; font-weight:600; background:#00a040; border-radius:10px;-webkit-border-radius:0px;}

.numtab ul.no2 li{width:50%;}
.numtab ul.no3 li{width:33.1%;}
.numtab ul.no4 li{width:25%;}
.numtab ul.no5 li{width:20%;}
.numtab ul.no6 li{width:16.6%;}
.numtab ul.no7 li{width:14.2%;}
.numtab ul.no14 li{width:14.2%;}
.numtab ul.no14 li a {font-size:19px; line-height:22px; padding:20px 5px; height:25px; vertical-align: middle;}
.numtab ul.no14 li:nth-child(6) a {letter-spacing:-1.0px;}
.numtab ul.no14 li:nth-child(14) a {padding:10px 5px; height: 45px;}


.con_tab{position:relative;width:100%; margin-bottom:50px; /*background: #fff;border-bottom:1px solid #e0e0e0;padding:30px 0;
				box-shadow:1px 1px 10px rgba(0,0,0,.1);z-index:30 */}
.con_tab ul{display:inline-block;width:100%;clear:both;}
.con_tab ul li{float:left;text-align:center;}
.con_tab ul li a{display:block;height:45px;border:1px solid #d5d5d5;margin-left:-1px;color:#222;font-size:22px;line-height:45px;background:#fff;font-weight:500; letter-spacing:-0.05em;border-radius:45px;-webkit-border-radius:50px; }
.con_tab ul li a:hover{border:1px solid #00a040; color:#fff; background:#00a040; border-radius:45px;-webkit-border-radius:45px;}
.con_tab ul li a.on{border:1px solid #00a040; font-size:22px;color:#fff; font-weight:500; background:#00a040; border-radius:45px;-webkit-border-radius:45px;}

.con_tab ul.no2 li{width:50%;}
.con_tab ul.no3 li{width:33.1%;}
.con_tab ul.no4 li{width:25%;}
.con_tab ul.no5 li{width:20%;}
.con_tab ul.no6 li{width:16.6%;}
.con_tab ul.no7 li{width:14.2%;}

.navi_box{position:relative; float:left;  width:100%;height:auto;	 margin:30px 0 20px 0;}
.navi_box.fixed{height:50px}
.navi_box ul{width:100%;margin:0 auto;}
.navi{float:left; padding:0;height:40px;border-bottom:1px solid #858585;}
.navi li{float:left;text-align:center;font-size:16px;font-weight:500;color:#333;letter-spacing:-1px; line-height:16px; background-color:#fff;}
.navi li a{display:block;height:29px;padding-top:10px;border:1px solid #ddd;border-right:1px solid #ccc;border-left:0;border-bottom:0}
.navi li a:hover {background-color:#f1f1f1; color:#222;}
.navi li:first-child{}
.navi li:first-child a{border-left:1px solid #ccc}
.navi li.on{ /*z-index:10;*/ /*background:url('../images/work/arrow_01.gif') bottom center no-repeat; padding:0 0 5px 0*/}
.navi li.on a{color:#fff;border:1px solid #522783;	/*border-top-left-radius:7px;	 border-top-right-radius:7px;*/	background-color:#522783; ;}

.col7 li{width:14.2%}
.col6 li{width:16.66%}
.col5 li{width:20%}
.col4 li{width:25%}
.col3 li{width:33.33%}
.col2 li{width:50%}

.imgbox { position: relative; float: left; width: 100%; margin: 20px 0px 50px; }
.imgbox ul.no1 li { width: 100%; text-align:center;}
.imgbox ul.no1 li img { width: auto; }
.imgbox ul.no2 li { width: 49.5%; }
.imgbox ul.no3 li { width: 32.3%; }
.imgbox ul.no4 li { width: 24.0%; }
.imgbox ul.no5 li { width: 18.9%; }
.imgbox li { float: left; padding-right: 1.0%; padding-bottom: 2%; }
.imgbox ul.no2 li:nth-child(2) , .imgbox ul.no2 li:nth-child(4) , .imgbox ul.no2 li:nth-child(6) ,.imgbox ul.no2 li:nth-child(8)  { padding-right: 0%; }
.imgbox li:last-child { padding-right: 0%; }
.imgbox li img { width: 100%; }
.imgbox  li img { -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;}
.imgbox  li img:hover, .imgbox li img:focus {-ms-transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);}

@media only screen and (max-width:1280px){
.numtab{position:relative; max-width:1280px;}	
.numtab ul.no14 li:nth-child(6) a ,
.numtab ul.no14 li:nth-child(8) a ,
.numtab ul.no14 li:nth-child(14) a {padding:10px 0px; /*height: 45px;*/}
}

@media screen and (max-width:1024px){


.numtab ul.no14 li{width:25.0%;}


}

@media only screen and (max-width:850px){
.numtab ul li a{font-size:16px;}
.numtab ul li a.on{font-size:16px;font-weight:600; }
.numtab ul.no14 li{width:33.3%;}

.con_tab ul li a{font-size:16px;}
.con_tab ul li a.on{font-size:16px;font-weight:600; }

}

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

.imgbox li { font-size:18px; }
}


@media only screen and (max-width:680px){
.playnonpc {display:block; }	

.numtab ul.no5 li{width:25%;}
	
.con_tab ul.no5 li{width:33.3%;}
.con_tab ul.no6 li{width:33.3%;}
.con_tab ul.no7 li{width:33.3%;}

  .imgbox ul.no4 li { width: 49%; }
  .imgbox ul.no4 li:nth-of-type(2) { padding-right: 0%; }
}


@media only screen and (max-width:480px){

.wid480 img {width:100%;}

.numtab ul li a{overflow:hidden; }
.numtab ul.no3 li {width:50%;}
.numtab ul.no4 li{width:50%; }
.numtab ul.no5 li{width:50%; }
.numtab ul.no6 li{width:50%; }
.numtab ul.no7 li{width:50%; }
.numtab ul.no14 li{width:50%;}
.numtab ul.no14 li{width:50%;}
.numtab ul.no14 li a {font-size:19px; line-height:22px; padding:20px 5px; height:25px; vertical-align: middle;}
.numtab ul.no14 li:nth-child(6) a ,
.numtab ul.no14 li:nth-child(8) a ,	
.numtab ul.no14 li:nth-child(14) a {padding:10px 5px; height: 45px;}

.con_tab ul li a{overflow:hidden; }
.con_tab ul.no4 li{width:50%;  margin-bottom:5px;}
.con_tab ul.no5 li{width:50%; margin-bottom:5px;}
.con_tab ul.no6 li{width:50%; margin-bottom:5px;}
.con_tab ul.no7 li{width:50%; margin-bottom:5px;}

  .imgbox ul.no3 li { width: 49%; }
  .imgbox ul.no3 li:nth-of-type(2) { padding-right: 0%; }

}


/*
#nav { display: block; width: 780px; padding: 0px; z-index: 100; border: 1px ; }
#nav > li > a { }
#nav li { float: left; position: relative; width: 25%; font-family:'NanumSquare';}
#nav li a { display: block; color: #1c1c1c; font-size: 20px;; font-weight: 600;text-align: center; padding: 35px 0px 30px; }
#nav li a.m01 { background: #ea5413; color: #005aa9; }
#nav li a:hover { text-decoration: none; color:#005aa9;  padding: 40px 0px 25px; transition: all 300ms ease-out 0ms; }
#nav li ul { color: #222; background:#fff; display: none; margin: 0px 0px 0px 0%; width: 100%; border-top:3px solid #005aa9 ; border-radius:20px; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf;  border-bottom:1px solid #dfdfdf;  position: absolute; opacity: 0.95; box-shadow: #00000033 3px 3px 3px; z-index: 100; }
#nav li ul li { width: 100%; border-top: 1px solid #e5e5e5; }
#nav li ul li:first-child { border: 0px; }
#nav li ul li a {color: #555555;  border: none; letter-spacing: -0.3px; font-weight: 400; font-size: 15px; line-height: 22px; margin: 0px; padding: 8px 5px 8px 15px; text-align: left !important;  font-family:'Noto Sans KR';}
#nav li ul li a:hover { border: 0px solid; font-weight: 500; padding: 8px 5px 8px 15px; }
#nav li.current > a { color: #709706; }
#nav li.current > a:hover { color: #ffffff; background: #005aa9; }
#nav li:hover > ul.child { display: block; }
*/

	/*#header{position:relative; width:100%; height:98px; min-width:1200px; margin:0 auto; z-index:100; border-bottom:1px solid #dfdfdf;}*/

	#menu-Area .bg1{position:absolute; right:50%; top:90px; width:198px; height:90px; background:#fff /*url(/images/common/img_submenu1.png) 0 0 no-repeat;*/ margin-right:352px;}
	
	#menu-Area{position:relative; overflow:hidden; width:100%; min-width:1200px; height:89px; z-index:200; left:0; top:0;}
	#menu-Area.on, #menu-Area.sub{border-bottom:none; /*url(/images/common/bg_onsubmenu1.png) center top;*/ background:#fff;}	
/*	#header .logo1{position:absolute; left:10%; top:10px; z-index:500;  display:block;}*/
	
	#menu-box{ z-index:200; height:98px; border-bottom:1px solid #ddd;}
	#menu-box .bgdepth1{position:relative; width:100%; min-width:1200px; max-width:2000px; margin:0 auto; height:89px; z-index:210;}
	
	.topmenu{position:absolute; width:1000px;  right:15%; }
	/*.topmenu{position:absolute; width:1200px; right:50%; top:0; margin-right:-650px; text-align:left; }*/
	
	.mnbnn1{position:absolute; right:10%; width:auto; top:33px; display:block; z-index:200;}
	.mnbnn1 li {float:left; margin:2px 10px 0;}

	.mnbnn1 .englnk1{display:inline-block; width:66px; height:26px; line-height:36px; border:1px solid #333; border-right:none; vertical-align:middle; }
	.mnbnn1 .menulnk1{ display:inline-block; width:38px; height:28px; background:url(/images/common/btn/btn_allmenu1.png) no-repeat left top; text-indent:-5000px;vertical-align:middle;}
	
	.menudep1{position:absolute; left:0%; top:30px; }
	
	.menudep1 li{position:relative;  /*font-family:'NanumGothicBold';*/ font-weight:600;}
	.menudep1 li.mmenu0,.menudep1 li.mmenu1,.menudep1 li.mmenu2,.menudep1 li.mmenu3,.menudep1 li.mmenu4,.menudep1 li.mmenu5,.menudep1 li.mmenu6{float:left;}
	.menudep1 li.mmenu0{}
	.menudep1 li.mmenu0.f1{background:none;}
	.menudep1 li a.mnlnk1{display:block; line-height:50px; height:50px; color:#333; font-size:1.5em; font-family:'NanumSquare','Noto Sans KR','Malgun Gothic', 'Nanum Gothic', Sans-serif;  text-align:center;  border-left:none; border-bottom:none; padding:0 50px; margin:0 10px}
	.menudep1 li a.mnlnk1:focus, .menudep1 li a.mnlnk1:hover, .menudep1 li a.mnlnk1.on, .menudep1 li:hover a.mnlnk1, #menu-Area.sub .menudep1 li a.mnlnk1, #menu-Area.on .menudep1 li a.mnlnk1{color:#333; }
	.menudep1 li a.mnlnk1.f1{}
	.menudep1 li a.mnlnk1.f2{}
	.menudep1 li.mmenu0.mL1{}
	.menudep1 li.mmenu1,
	.menudep1 li.mmenu2{position:absolute; right:100px; top:240px; width:300px; height:120px; background:url(/images/common/bnn_menu1.jpg) no-repeat center center; text-align:center; line-height:16px; font-size:15px; }
	.menudep1 li.mmenu2{right:-210px; background:url(/images/common/bnn_menu2.jpg) no-repeat center center;}
	.menudep1 li.mmenu0	.submn0 li a {font-size:1.1em;}
	.menudep1 li.mmenu1 a,
	.menudep1 li.mmenu2 a{color:#fff;}
	.menudep1 li.mmenu1 em,
	.menudep1 li.mmenu2 em{display:block; margin-top:40px; margin-bottom:10px; font-size:18px; text-decoration:none;}
	.menudep1 li.mmenu1 span,
	.menudep1 li.mmenu2 span{padding-bottom:2px; border-bottom:1px solid #fff;}

	#menu-Area .menudep1 li.mmenu0::after{position:absolute; width:0; height:3px; line-height:10px; border-bottom:3px solid #f39732; top:64px; content:""; left:50%;
		transition:0.5s all ease;
		-webkit-backface-visibility:hidden;
		backface-visibility:hidden;
		position:absolute;
		overflow: hidden;
		 opacity: 0;
	}
	#menu-Area .menudep1 li.mmenu0:hover::after{
		left:50%;
		-webkit-transform:translateX(-50%);
		transform:translateX(-50%);
		transition-duration:0.2s;
		transition-delay:0.0s;
		width:80%;
		opacity: 1;
	}
	
	.menudep1 li ul{height:350px; margin-top:20px; border-right:1px solid #ddd ; padding-top:20px; }
	.menudep1 li ul:hover{ background-color: #005fac; }
    .menudep1 li ul:hover li a{ color:#fff;}
    .menudep1 li ul:hover li a:hover { color:#00e0ff;}
	.menudep1 li ul.f1{/*border-left:none*/ border-left:1px solid #ddd ;}
	.menudep1 li ul li{display:block; text-align:center}
	.menudep1 li ul li a{line-height:30px; height:30px; font-size:15px; color:#666; display:block; font-weight:normal;}
	.menudep1 li ul li a.on, .menudep1 li ul li a:focus, .menudep1 li ul li a:hover{color:#ff7200;}

/*======================= pc 1600 px ~ =======================*/
@media only screen and (max-width:1600px){

/*#header .logo1 {left:2%}*/
.topmenu{ right:5%; }
.mnbnn1{right:2%; }
}

/*======================= pc 1366 px ~ =======================*/
@media only screen and (max-width:1366px){

.inner {  max-width: 98%; }

}

/*======================= pc 1280 px ~ =======================*/
@media only screen and (max-width:1280px){

/*.inner {  max-width: 100%; }*/

/*#header{min-width:auto; }
#header .logo1 img {width:90%}*/
	/*#menu-Area {display:none;}*/
	#menu-Area{min-width:auto;}
	#menu-box .bgdepth1{position:relative; width:100%; min-width:1100px; max-width:2000px; margin:0 auto; height:99px; z-index:110;}
		
	.menudep1 li a.mnlnk1{font-size:1.3em;}

	.topmenu{ left:30%; }
	.menudep1 li a.mnlnk1 {padding:0 35px;}
	.menudep1 li ul li a{line-height:30px; height:30px; font-size:15px; color:#666; display:block; font-weight:normal;}
}
/*======================= pc 1024 px ~ =======================*/
@media only screen and (max-width:1024px){

	.menudep1 li a.mnlnk1 {padding:0 20px;}

}
/*======================= pc 850 px ~ =======================*/
@media only screen and (max-width:850px){
	#menu-Area {display:none;}
	.tlogin {display:none;}
}

@media only screen and (max-width:420px){
/*#header .logo1 img {width:70%}	*/
}

/*
.allmenu { position: fixed; z-index: 120; top: 0px; width: 520px; background: #ffffff; right: -520px; }
.allmenu .aM_util { position: relative; padding: 30px 30px; border-bottom: 1px solid #d3d3d3; }
.allmenu .aM_util ul::after { content: ""; display: block; clear: both; font-size: 0px; line-height: 0; width: 0px; height: 0px; visibility: hidden; }
.allmenu .aM_util ul li { position: relative; float: left; margin-left: 13px; padding-left: 15px; background: url("/images/com/aM_bullet.gif") 0px center no-repeat; }
.allmenu .aM_util ul li:first-child { margin-left: 0px; padding-left: 0px; background: none; }
.allmenu .aM_util ul li a { display: block; padding-left: 22px; font-size: 17px; font-weight: 600; color: #443f45; }
.allmenu .aM_util ul li.aM_login a { background: url("/images/com/icon_aM_login.png") 0px center no-repeat; color: #b09991; }
.allmenu .aM_util ul li.aM_join a { padding-left: 25px; background: url("/images/com/icon_aM_join.png") 0px center no-repeat; }
.allmenu .aM_util ul li.aM_logout a { background: url("/images/com/icon_aM_logout.png") 0px center no-repeat; color: #b09991; }
.allmenu .aM_util ul li.aM_mypage a { padding-left: 25px; background: url("/images/com/icon_aM_mypage.png") 0px center no-repeat; }
.allmenu .aM_util ul li.aM_message a { padding-left: 30px; background: url("/images/com/icon_aM_message.png") 0px center no-repeat; }
.allmenu .aM_util ul li .icon_message03 { position: absolute; top: -8px; right: -18px; }
.allmenu .aM_util .btn_close { position: absolute; right: 30px; top: 50%; display: block; width: 18px; height: 18px; margin-top: -9px; background: url("/images/com/btn_aM_close.png") 0px 0px no-repeat; font-size: 0px; line-height: 0; text-indent: -9999px; cursor: pointer; }

.allmenu dl a { display: block; text-indent: 30px; }
.allmenu dt { border-bottom: 1px solid #d3d3d3; }
.allmenu dt a { height: 60px; line-height: 60px; background: url("/images/com/aM_depth_off.png") 480px center no-repeat #ffffff; color: #222222; font-size: 20px; font-weight: 600; letter-spacing: -0.5px; }
.allmenu dt a.on { background: url("/images/com/aM_depth_on.png") 480px center no-repeat #005aa9; color: #ffffff; }
.allmenu dd { display: none; padding: 10px 0px; background: #ffffff; border-bottom: 1px solid #d3d3d3; }
.allmenu dd a { color: #4f4f4f; font-size: 16px; font-weight: 400;  font-family:'Noto Sans KR'; letter-spacing: -0.5px; line-height: 35px; }
.allmenu dd a:hover, .allmenu dd a.on { color: #222222; text-decoration: underline; }

*/

.goTop { position: fixed; right: 1.5%; bottom: 3.6%; z-index: 1000; opacity: 0; display: none; }

#mainVisual { width: 100%; max-height:650px; position: relative; z-index: 1; overflow: hidden; background-color: #fff;margin: 0px auto; }

#mainVisual .mySwiper { width:100%; height:100%; }
#mainVisual .mySwiper #container { position: relative;margin: 0 auto;width: 100%;height: 100%; }
#mainVisual .mySwiper .swiper-slide-active .item_img { transform: scale(1); }
#mainVisual .swiper-slide .item_img { width: 100%;height: 100%;object-fit: cover; }
#mainVisual .button-prev { font-size: 0px;line-height: 0;display: block;width: 32px;height: 62px;position: absolute;left: 50px; top: calc(50% - 32px); z-index: 99;background: url(../images/main/arrow_left01.png) left top no-repeat; }
#mainVisual .button-next { font-size: 0px;line-height: 0;display: block;width: 32px;height: 62px;position: absolute;right: 50px;top: calc(50% - 32px);z-index: 99;background: url(../images/main/arrow_right01.png) right top no-repeat; }


#mainVisual li { width: 100%; left: 50%; margin-left: -50%; text-align: center; overflow: hidden; }
#mainVisual li .title { display: inline-block; width: 100%; position: absolute; top: 30%; left: 50%; margin-left: -50%; text-align: center; font-family: NanumSquare, "Noto Sans KR", "Malgun Gothic",  "Nanum Gothic", sans-serif; }
#mainVisual .bx-wrapper { height: 710px; }

#mainVisual .scrollDown { width: 100%; position: absolute; bottom: 2%; left: 0px; z-index: 100; }
#mainVisual .scrollDown a { text-indent: -9999px; overflow: hidden; display: block; background: url("/images/main/btn_scroll.png") center center no-repeat; width: 72px; height: 72px; margin: 0px auto; }
#mainVisual .mainVisualTxt { position: absolute; top: 160px; width: 100%; z-index: 150; left: 50%; margin-left: -50%; font-size: 66px; line-height: 80px; font-weight: 800; color: #ffffff; text-align: center; font-family: NanumSquare, "Noto Sans KR", "Malgun Gothic",  "Nanum Gothic", sans-serif; text-shadow: rgb(0, 0, 0) 1px 1px 1px; }
#mainVisual .mainVisualTxt .m1 { padding-top: 30px; font-size: 52px; font-weight: 700; color: #444444; letter-spacing: -0.5px; line-height: 66px; text-align: left; }
#mainVisual .mainVisualTxt .m1 img { width: 100%; }
#mainVisual .mainVisualTxt .m1 b { color: #018757; }
#mainVisual .mainVisualTxt .m1 span { font-size: 42px; line-height: 44px; }

#mainVisual .bx-controls-direction .bx-prev { font-size: 0px; line-height: 0; display: block; width: 32px; height: 62px; position: absolute; left: 50px; top: calc(50% - 32px); z-index: 99; background: url("../images/main/arrow_left01.png") left top no-repeat; }
#mainVisual .bx-controls-direction .bx-next { font-size: 0px; line-height: 0; display: block; width: 32px; height: 62px; position: absolute; right: 50px; top: calc(50% - 32px);  z-index: 99; background: url("../images/main/arrow_right01.png") right top no-repeat; }
#mainVisual .bx-controls { position: relative; }

#mainVisual .bx-pager { text-align: center; position: relative; top: -290px; z-index: 99; }
#mainVisual .bx-pager-item { display: inline-block; zoom: 1; margin: 0px 5px; }
#mainVisual .bx-pager-item .bx-pager-link { font-size: 0px; line-height: 0; display: inline-block; width: 14px; height: 14px; background: url("../images/main/visual_bullet.png") left top no-repeat; }
#mainVisual .bx-pager-item .bx-pager-link.active { background-position: left bottom; }

#drop_hd { position: absolute; left: 0px; top: 0px; width: 100%; height: 420px; z-index: 1; background: url("../images/com/bg_drop_hd.png") left top repeat-x; }

.drop_con { position: relative; margin: 0px auto; width: 1050px; }
.drop_con ul.menu { width: 740px; float: right; }
.dropp { position: relative; float: right; width: 690px; }
.dropp li { float: left; padding: 0px; }
.dropp li ul { margin-top: 25px; }
.dropp li ul li { padding: 0px 0px 5px; width: 100%; height: 19px; }
.dropp li ul li a:link, a:visited, a:focus, a:active { color: rgb(61, 61, 61); text-decoration: none; }
.dropp li ul li a:hover { color: rgb(109, 119, 0); text-decoration: none; font-weight: bold; }
.dropp li { padding-bottom: 13px; }
.dropp li.last_gnb02 { margin-right: 0px !important; }
.dropp li.last_gnb02 li { }
.main_menu { position: relative; float: right; width: 740px; }
.main_menu li { float: left; height: 35px; padding: 0px; }
.main_menu li ul li { margin: 0px !important; }
.main_menu li.last_gnb { margin-right: 0px !important; }
div.Main_mov_Box { position: absolute; z-index: 100; width: 370px; height: 300px; border: 3px solid rgb(45 132 179); background: url("../images/com/siteMap_bg.gif") left top no-repeat; }
div.Main_mov_Box h2 { padding: 25px 0px 20px 27px; }
div.Main_mov_Box span.close_btn { position: absolute; right: 12px; top: 13px; }
div.Main_mov_Box div.company_s { padding: 10px 0px 10px 35px; float: left; }
div.Main_mov_Box div.company_s ul.sm_list { font-size: 11px; margin-top: 10px; }
div.Main_mov_Box div.company_s ul.sm_list li img { vertical-align: top; }
div.Main_mov_Box div.company_s ul.sm_list li { padding: 6px 0px 0px 13px; background: url("../images/com/s_title_icon_01.gif") 0px 7px no-repeat; }
div.Main_mov_Box div.company_s ul.sm_list li.first { padding: 9px 0px 0px; }
div.Main_mov_Box div.company_s ul.sm_list li p { padding: 3px 0px 0px; }
div.Main_mov_Box div.company_s ul.sm_list li p { }
div.siteMap_Box { position: absolute; margin-left: 10px; top: 68px; z-index: 100; width: 962px; height: 437px; background: url("../images/com/siteMap_bg.gif") left top no-repeat; }
div.siteMap_Box h2 { padding: 25px 0px 20px 27px; }
div.siteMap_Box span.close_btn { position: absolute; right: 12px; top: 13px; }
div.siteMap_Box div.company_s { padding: 10px 0px 10px 35px; float: left; }
div.siteMap_Box div.company_s ul.sm_list { font-size: 11px; margin-top: 10px; }
div.siteMap_Box div.company_s ul.sm_list li img { vertical-align: top; }
div.siteMap_Box div.company_s ul.sm_list li { padding: 6px 0px 0px 13px; background: url("../images/com/s_title_icon_01.gif") 0px 7px no-repeat; }
div.siteMap_Box div.company_s ul.sm_list li.first { padding: 9px 0px 0px; }
div.siteMap_Box div.company_s ul.sm_list li p { padding: 3px 0px 0px; }
div.siteMap_Box div.company_s ul.sm_list li p { }
div.siteMap_noEmail { position: absolute; margin-top: -280px; z-index: 101; width: 460px; height: 245px; background: url("../images/com/no_email.gif") left top no-repeat; }
div.siteMap_noEmail span.close_btn { position: absolute; right: 12px; top: 13px; }
/*
#foot { width: 100%; padding: 0px; margin-top: 40px;  border-top:1px solid #d7d7d7; background: #ededed; }
.f_banner li { float: left; text-align: center; width: 100%; padding: 1.5% 0px; }
.f_banner li img { padding: 0px 1%; }
.f_util { width: 100%;  padding: 30px 0px 20px; color: #222222; }
.f_utilbox li { float: left; padding: 0px 20px 0px 0px; font-size: 17px; font-weight: 600; }
.f_utilbox li a { color: #222222; }
.f_utilbox li:first-child a { color: #222222; }
.footWrap { width: 100%; padding: 0px 0px 30px;  color: #222; }
.fright { position: absolute; right: 0px; top: 0px; }
.fright ul li { float: left; padding: 0px 0px; }
.fright ul li img {margin-right:10px;}
.footWrap .footCnt { padding-top: 0px; }
.footWrap .footCnt b { font-size: 17px; font-weight: 600; line-height: 40px; }
.footWrap .footCnt address { font-size: 15px;color: #222; }
.footWrap .footCnt address span { padding-right: 5px; line-height:23px; }
.footWrap .footCnt p { padding-top: 10px; font-size: 15px; color: #666; }
.footWrap .footCnt p a { color: #666; }
*/
.main #contents { }
.mtitleArea { float: left; width: 100%; font-size: 2.85em; font-weight: 600; color: #444444; text-align: center; padding: 10px 0px 20px; margin: 20px 0px 30px; /*font-family: NanumSquare, "Noto Sans KR", "Malgun Gothic",  "Nanum Gothic", sans-serif; */}
.mtitleArea p { float: left; width: 100%; font-size: 16px; font-weight: 500; color: #6a6a6a; text-align: center; margin-top: 10px; }

.notice { position: relative; float: left; width: 31%; height:370px; padding:60px 50px 50px 50px;  border:1px solid #e2e2e2  ; border-radius:20px;  box-sizing:border-box; }
.notice h2 { position: relative; padding: 0px 0px 40px; font-size: 50px; font-weight: 700; color: #080808; width: 100%; text-align: left; border-bottom:3px solid #222;}
.notice h2 > span  {font-size:24px; padding:0 0 0 20px; font-weight: 400;}
.notice h2 img { margin-bottom: -2px; padding-right: 2px; }
.notice .more { position: absolute; right: 9%; top: 53px; }
.notice ul { position: relative; float:left; width:100%; margin: 10px 0px 0px;   box-sizing:border-box;}
.notice ul li { float: left; width: 100%; line-height:35px; height:55px;overflow:hidden; text-align: left; font-size: 20px; padding: 8px 0px 8px; /*border-bottom:1px solid #e2e2e2;*/ letter-spacing: -0.5px;box-sizing:border-box;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; word-break: break-all; }
.notice ul li a {color:#000;}
.notice ul li a:hover {color:#777;}
.notice ul li span {float:right; }
.notice ul li:last-child {border-bottom:0px solid #e2e2e2 ; }

.gallery01 { position: relative; float: left; width: 45%; height:370px; padding:60px 50px 50px 50px;  border:1px solid #e2e2e2  ; border-radius:20px;  box-sizing:border-box;  margin-left:2.0%;}
.gallery01 h2 { position: relative; padding: 0px 0px 40px; font-size: 50px; font-weight: 700; color: #080808; width: 100%; text-align: left; /*border-bottom:3px solid #222;*/}
.gallery01 h2 > span  {font-size:24px; padding:0 0 0 20px; font-weight: 400;}
.gallery01 h2 img { margin-bottom: -2px; padding-right: 2px; }
.gallery01 .more { position: absolute; right: 0%; top: 0px; }
.gallery01 ul {position: relative;  float:left; width:100%; height:100%; margin: 0px 0px 0px; padding:0%;  }
.gallery01 ul li { float: left; width: 47%; min-height:150px; border-radius:20px;  box-sizing:border-box; margin:0 6% 20px 0%;  text-align:center; font-size:20px;}
.gallery01 ul li:last-child {margin:0 0% 20px 0%;}
.gallery01 ul li img {width:100%; /*border-radius:20px;*/ padding-bottom:30px; }
.gallery01 .gallery_imgbox {padding-bottom:5px; overflow:hidden;width:100%;aspect-ratio:1 / 0.6; }
.gallery01 .gallery_imgbox img { width:100%;min-height:100%; }
.gallery01 .gallery_titlebox { line-height: 55px;overflow: hidden;word-break: break-all;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }

.m_support { position: relative; float: left; width: 31.0%; height:352px;  padding:60px 50px; color:#fff;  border-radius:30px; box-sizing:border-box; margin-left:3.5%;}
.m_support_bg01 {background:#8ec31f url("/images/main/support01.jpg") 100% center no-repeat; }
.m_support_bg02 {background:#8ec31f url("/images/main/support02.jpg") 100% center no-repeat; }
.m_support h2 {float:left; width:100%; font-size:50px; padding-bottom:50px; box-sizing:border-box;}
.m_support p  {float:left; width:100%; font-size:24px; line-height:30px; padding-bottom:50px; box-sizing:border-box;}
.m_support span {position:absolute; left:50px; bottom:50px;}
.m_support span a {padding:15px 45px 15px 45px;   border-radius: 50px;  background:#fff; color:#525252;     line-height: 50px;        font-size:25px;    font-weight: 600;    text-align: center; }
.m_support span a:hover {  border:1px solid #222 ; background:#222; color:#fff; }
/*.m_support a {float:left; width:100%; height:100%;color:#fff; text-align:center; padding:22% ; font-size:50px;  text-shadow: 3px 3px 3px #707070;   border-radius:30px; box-sizing:border-box; }
.m_support a:hover {opacity: 0.9; filter:alpha(opacity=0.9); -mox-opacity:0.35; background: rgba(0,0,0,0.3); }
*/

.m_joinbox { position: relative; float: left; width: 48%; height:390px; margin: 30px 0% 30px 2%; text-align:center; font-size:50px; color:#fff;   background: url("/images/main/joinboxbg.jpg") center center no-repeat; background-size:100% 100%; border-radius:30px; box-sizing:border-box; }
.m_joinbox a {float:left; width:100%; height:100%;color:#fff; text-align:center; padding:22% ; font-size:50px;  text-shadow: 3px 3px 3px #707070;   border-radius:30px; box-sizing:border-box; }
.m_joinbox a:hover {opacity: 0.9; filter:alpha(opacity=0.9); -mox-opacity:0.35; background: rgba(0,0,0,0.3); }

.notice2 { position: relative; float: left; width: 48.0%; margin: 30px 0% 0px 2%; border:1px solid #dfdfdf; padding:50px 50px 20px ; border-radius: 25px;  box-sizing:border-box; }
.notice2 h2 { position: relative; padding: 0px 0px 10px; font-size: 35px; font-weight: 600; color: #080808; width: 100%; text-align: left; /*font-family: NanumSquare, "Noto Sans KR", "Malgun Gothic",  "Nanum Gothic", sans-serif; */}
.notice2 .more { position: absolute; right: 10%; top: 50px; font-size:20px; }
.notice2 ul { position: relative; float:left; width:100%; margin: 10px 0px 0px; padding:0% 0%; /* border:1px solid #bababa  ; border-radius:20px;  */box-sizing:border-box;}
.notice2 ul li { float: left; width: 100%; /*min-height:86px;*/ line-height:40px; text-align: left; font-size: 18px; padding: 5px 0px 5px; letter-spacing: -0.5px; overflow: hidden; border-bottom:1px solid #bababa ;}
.notice2 ul li:last-child {border-bottom:0px solid #bababa ;}

.m_instructor { position: relative; float: left; width: 48%; height:280px; margin: 30px 2% 0px 0%; padding:50px; color:#fff;  background:#7cc9d8 url("/images/main/instructor_bg.png") 90% center no-repeat; border-radius:30px; box-sizing:border-box; }
.m_instructor h2 {float:left; width:100%; font-size:35px; padding-bottom:30px; box-sizing:border-box;}
.m_instructor p  {float:left; width:100%; font-size:18px; padding-bottom:30px; box-sizing:border-box;}
.m_instructor span a {padding:5px 25px 5px 25px;   border-radius: 25px;  background:#fff; color:#525252;     line-height: 50px;        font-size:18px;    font-weight: 400;    text-align: center; }
.m_instructor span a:hover {  border:1px solid #222 ; background:#222; color:#fff; }
/*.m_instructor a {float:left; width:100%; height:100%;color:#fff; text-align:center; padding:22% ; font-size:50px;  text-shadow: 3px 3px 3px #707070;   border-radius:30px; box-sizing:border-box; }
.m_instructor a:hover {opacity: 0.9; filter:alpha(opacity=0.9); -mox-opacity:0.35; background: rgba(0,0,0,0.3); }
*/

@media screen and (max-width:1280px){
	.notice {padding:60px 30px 50px 30px; height:330px; }
	.notice ul li { float: left; width: 100%; line-height:30px; height:45px;}
	.notice h2 {font-size:40px;}

	.gallery01 {padding:60px 30px 50px 30px; height:330px; }
	.gallery01 h2 {font-size:40px;}


}

@media screen and (max-width:1024px){
	.notice ul li { font-size: 18px;}
	.gallery01 ul li { font-size: 18px; }

	.m_support {width: 32.0%;   padding:40px 40px;  margin-left:2.5%;}
	.m_support h2 {font-size:40px;}
	.m_support p  {font-size:22px; line-height:26px; }
	.m_support span { left:40px; bottom:40px;}	
	.m_support span a {font-size:20px;   }

 	.m_joinbox {height:340px;}
	.m_joinbox a {font-size:30px;}
}

@media screen and (max-width:850px){
	
	.notice  {width:100%; padding:40px; height:auto; margin-bottom:30px;}
	.notice ul li {line-height:30px; height:33px; font-size:18px; }

	.gallery01  {width:100%; padding:40px; height:370px; margin:0 0 30px 0;}
	.gallery01 ul li { font-size: 16px; }

	.m_support {width: 47.6%; height:280px;   padding:40px 40px;  margin:1.2%;}

 	.m_joinbox {height:280px;}
	.m_joinbox a {font-size:30px;}
}

@media screen and (max-width:680px){

	.gallery01  { height:330px; }

 	.m_joinbox {height:280px;}
	.m_joinbox a {font-size:30px; padding:38% 0 0 0;}

	.m_instructor {padding:30px;height:260px;}
	.m_instructor h2 {font-size:30px; padding-bottom:20px; text-shadow: 2px 2px 2px #707070;}
	.m_instructor p  {font-size:18px; padding-bottom:20px;  text-shadow: 2px 2px 2px #707070;}
	.m_instructor p br {display:none;}
	
	.notice2 { padding:30px 20px 20px ;  }
	.notice2 h2 {font-size:30px;}
	.notice2 .more {font-size:16px; top:30px;}
		
}

@media screen and (max-width:480px){
	.notice { width: 100%;}
	.notice ul { margin: 0px; }
	.notice ul li { font-size: 1.2em; height: 49px; overflow: hidden; }
	.notice .more {right:10px;}

	.gallery01 { width: 100%; height:570px;}
	.gallery01 ul li { width: 100%; margin: 0px 2.5% 0px 2.5%; text-align: center; }
	
	.m_support {width: 100.0%;    padding:40px 40px;  margin:0 0 20px 0;}

	.m_joinbox { width: 100%; height:160px; margin: 0px 0px 0 0; }
	.m_joinbox a {padding:16% 0 0 0;}
	.m_instructor {width:100%; height:auto; margin: 0px 0px 0 0; }
	.notice2 {width:100%; margin: 20px 0px 0 0; }


}

	.m_banner { position: relative; float: left; float: left; width: 20.0%;    box-sizing:border-box; margin-left:2.0%;}
	.m_banner ul { }
	.m_banner li { position: relative; float: left; width: 100%; text-align: center; background:#000; margin-bottom:30px; border-radius: 20px;}
	.m_banner li:last-child { margin-right: 0px; }
	.m_banner li	h2 {width:100%; font-size:40px;  font-weight:700; letter-spacing:-0.05em; line-height:1.4em; text-align:center; padding:50px 0 0 0; }
	.m_banner li	p {position:absolute;width:80%; text-align:center; bottom:35px; font-size:20px; letter-spacing:-1px;font-weight:300; line-height:1.35em; padding:0px 10%;}
	.m_banner li	p img {padding-top:25px;}
			
	.m_banner li.nobar {border:0;}
	.m_banner li a {display:block; color:#fff; font-weight:600; width:100%; }
	.m_banner li a:hover	 {-webkit-transition:300ms ease-out 0ms;
			-moz-transition:300ms ease-out 0ms;
			-ms-transition:300ms ease-out 0ms;
			transition:300ms ease-out 0ms;}
	.m_banner li	 a h2	{color: #fff;}
	.m_banner li	 a h3	{color: #717171;}

	.m_banner li   a:hover { /*color:#fff;*/}
	.m_banner li	a:hover h2	{color: #fff;}
	.m_banner li	a:hover h3	{color: #fff;}
	.m_banner li	a:hover p	{color: #fff;}

	.m_banner li .work1 {background:url('../images/main/support01.jpg') no-repeat center; height:170px; border-radius: 20px; background-size:100% auto;}
	.m_banner li .work2 {background:url('../images/main/support02.jpg') no-repeat center; height:170px; border-radius: 20px; background-size:100% auto}

	.m_banner li .work1:hover  , .m_banner li .work2:hover , .m_banner li .work3:hover , .m_banner li .work4:hover {-webkit-transition:300ms ease-out 0ms;
			-moz-transition:300ms ease-out 0ms;
			-ms-transition:300ms ease-out 0ms;
			transition:300ms ease-out 0ms; background-size:120% auto; opacity: 0.5;}

@media only screen and (max-width: 1280px) {
	
	.m_banner li .work1 , .m_banner li .work2   { background-size:auto 100%; height:148px;}
	.m_banner li	h2 {font-size:34px;}
	
}

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

}

@media only screen and (max-width: 1024px) {


}

@media only screen and (max-width: 850px) {

	.m_banner { width: 100%;  margin-left:0%;}
	.m_banner li {width:48%;  margin:0 4% 0px 0;}
	.m_banner li:last-child { margin-right: 0px; }
	.m_banner li	h2 {padding:30px 0 0 0; }
	.m_banner li .work1 , .m_banner li .work2   { background-size:100% auto; height:110px;}
		
}

@media only screen and (max-width: 680px) {
 

}

@media only screen and (max-width: 480px) {

}

.mbsns {position: relative; width:100%; text-align:center; margin:70px 0 10px;}
.mbsns a {padding:0 10px 10px ;}
.mbsns a:hover	img { opacity: 0.7; filter:alpha(opacity=0.7); -mox-opacity:0.35; 		}
.mbsns span {padding:0 10px 10px ;}

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

.mbsns a {padding:0 2px 10px ;}
.mbsns a img {height:50px;}
.mbsns span img {height:50px;}
	
	
}

@media only screen and (max-width: 480px) {
	.m_banner li { width: 100.0%; margin-right:0.0%; margin-bottom:20px; border-radius:30px;}
	.m_banner li	h2 { padding:50px 0 0 0; }
	.m_banner li .work1 , .m_banner li .work2 , .m_banner li .work3  , .m_banner li .work4 {height:140px; background-size:100% auto;  border-radius:30px;}
	
}

@media only screen and (max-width: 280px) {
.mbsns a img {height:40px;}
.mbsns span img {height:40px;}

	
}

.m_go {position:relative; float:left; width:55%; height:auto;  margin:0px 0 0px; }
.m_go li {position:relative;	 float:left; width:30%; margin-right:5%; margin-bottom:3%;  padding:0% 0 0 0%; text-align:center;  border-radius: 10px;  box-sizing:border-box;}
.m_go li:last-child {margin-right:0%;}
.m_go li a {width:100%; padding:14% 0 10% 0%; border-radius: 0px;	text-align:center; display:block; color:#fff; font-weight:400; font-size:17px; line-height:24px; }
.m_go li h2 {width:100%; font-size:30px;  font-weight:700; letter-spacing:-0.05px; line-height:38px; text-align:center; padding:140px 0 16px 0; font-family:'NanumSquare','Noto Sans KR','Malgun Gothic', 'Nanum Gothic', Sans-serif;	}
.m_go li span {padding:5px 25px 5px 25px;   border-radius: 25px;      border:1px solid #fff ; line-height: 50px;        font-size:18px;    font-weight: 300;    text-align: center; }
.m_go li a span:hover {  border:1px solid #222 ; }
.m_go li a:hover	 { color:#222 ; 
			-webkit-transition:300ms cubic-bezier(0, 0, 0, 1.02) 0ms;
			-moz-transition:300ms ease-out 0ms;
			-ms-transition:300ms ease-out 0ms;
			transition:300ms ease-out 0ms;
		}

.m_go li .mgo1 {background:#2aaf48 url('/images/main/mgo01.png') no-repeat center 26%; }
.m_go li .mgo1:hover {background:#efefef url('/images/main/mgo01_on.png') no-repeat  center 20%; }
.m_go li .mgo2 {background:#92c83d url('/images/main/mgo02.png') no-repeat center 26%; }
.m_go li .mgo2:hover {background:#efefef url('/images/main/mgo02_on.png') no-repeat center 20%;}
.m_go li .mgo3 {background:#b6d432 url('/images/main/mgo03.png') no-repeat center 26%; }
.m_go li .mgo3:hover {background:#efefef url('/images/main/mgo03_on.png') no-repeat center 20%;}

@media only screen and (max-width: 1280px) {
	
.m_go {width:52%;}
	
}

@media only screen and (max-width: 1024px) {
.m_go {position:relative; float:left; width:52%; height:auto;  margin:0px 0 0px; }
.m_go li a {width:100%; padding:10% 0 10% 0%; border-radius: 0px;	text-align:center; display:block; color:#fff; font-weight:400; font-size:17px; line-height:24px; }
.m_go li h2 {font-size:20px; line-height:22px; padding:100px 0 16px 0;} 
.m_go li span {font-size:15px; padding:3px 20px; } 	
.m_go li .mgo1 {background:#2aaf48 url('/images/main/mgo01.png') no-repeat center 20%;  background-size:35%;}
.m_go li .mgo1:hover {background:#efefef url('/images/main/mgo01_on.png') no-repeat  center 18%; background-size:35%;}
.m_go li .mgo2 {background:#92c83d url('/images/main/mgo02.png') no-repeat center 20%; background-size:35%;}
.m_go li .mgo2:hover {background:#efefef url('/images/main/mgo02_on.png') no-repeat center 18%;background-size:35%;}
.m_go li .mgo3 {background:#b6d432 url('/images/main/mgo03.png') no-repeat center 20%; }
.m_go li .mgo3:hover {background:#efefef url('/images/main/mgo03_on.png') no-repeat center 18%;background-size:35%;}

}
	
@media only screen and (max-width: 768px) {
.m_go {width: 100%;}
.m_go li h2 {width:100%; font-size:20px; line-height:24px; padding:90px 0 0px 0;}

.m_go li .mgo1 , .m_go li .mgo2  ,.m_go li .mgo3  {background-size:25%;}
.m_go li .mgo1:hover , .m_go li .mgo2:hover  ,.m_go li .mgo3:hover  {background-size:25%;}
	
}

@media only screen and (max-width: 480px) {
	
.m_go {width: 100%;}
.m_go li {width: 100%; height:auto;}	
.m_go li h2 {flaot:left; width:60%; font-size:20px; line-height:24px;  padding:10px 0 0px 40%; text-align:left;}
.m_go li h2 br {display:none; }	
.m_go li span {flaot:left; width:60%;  font-size:16px; margin-left:30%; padding:3px 20px; text-align:left;}
.m_go li a {width:100%; padding:5% 0 5% 0%; border-radius: 0px;	text-align:center; display:block; color:#fff; font-weight:400; font-size:17px; line-height:24px; }
/*.m_go li .mgo1 , .m_go li .mgo2  ,.m_go li .mgo3  {background-size:25%;}
.m_go li .mgo1:hover , .m_go li .mgo2:hover  ,.m_go li .mgo3:hover  {background-size:25%;}*/

 .m_go li .mgo1 {background:#2aaf48 url('/images/main/mgo01.png') no-repeat 10% 50%; }
.m_go li .mgo1:hover {background:#efefef url('/images/main/mgo01_on.png') no-repeat 10% 50%;; }
.m_go li .mgo2 {background:#92c83d url('/images/main/mgo02.png') no-repeat 10% 50%;}
.m_go li .mgo2:hover {background:#efefef url('/images/main/mgo02_on.png') no-repeat 10% 50%;}
.m_go li .mgo3 {background:#b6d432 url('/images/main/mgo03.png') no-repeat 10% 50%; }
.m_go li .mgo3:hover {background:#efefef url('/images/main/mgo03_on.png') no-repeat 10% 50%;}
	
}


.section02	{position:relative;float:left;width:100%; margin:80px 0 40px;padding:70px 0 70px 0;background:#fdfbf6;}
.section02 .prev  {position:absolute; top:45%; left:2%;z-index:2; }
.section02 .next  {position:absolute; top:45%; right:2%;z-index:2;}

.section02 .mySwiper1 .swiper-slide { opacity:1; }

.section03 {position:relative; float:left; width:100%;/*height: 480px;   margin:30px 0 30px;*/padding:30px 0 30px 0;}

.section03 .prev  {position:absolute; top:45%; left:2%;z-index:2; }
.section03 .next  {position:absolute; top:45%; right:2%;z-index:2;}

/***   *******/
.c_post {position:relative; float:left;  width:100%;  overflow:hidden; padding:0 2%; box-sizing:border-box;}
.c_post h2 {position:relative; text-align:center;	width:100%;	padding:20px 0 85px 0; margin-bottom:0px;  font-size:50px; color:#222; font-weight:600; }
.c_post h3 {position:relative; text-align:center;	width:100%;	padding:0px 0 0px 0; margin-bottom:70px;  font-size:20px; color:#222; font-weight:300; }
/*.c_post ul { height:43%; }*/
.c_post li {position:relative; float:left; width:30.33%; height:350px; /* margin:0 1.5% 0 1.5%; */box-sizing:border-box; text-align:center;  background:#fff;  /* opacity: 0; */ filter:alpha(opacity=0); -mox-opacity:0; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.c_post li div.li_box { width:100%; height:310px;background:#000; background-size:100% 100%; border-radius: 50px 0px 0px 50px;  padding:50px 0;}
.c_post li div.li_box {}
.c_post li div.li_box h2 {float:left; width:100%; text-align:center; color:#fff; font-size:42px; padding:50px 0 80px; box-sizing:border-box;}
.c_post li div.li_box p  {float:left; width:100%; font-size:24px; text-align:center; line-height:30px;  box-sizing:border-box;}
.c_post li div.li_box p span {float::left; width:50%; }
.c_post li div.li_box p span a.bt01 {width:100%; padding:15px 45px 15px 45px;   border-radius: 50px;  background:rgb(0 160 64 / 70%); color:#fff;     line-height: 50px;        font-size:25px;    font-weight: 600;    text-align: center; }
.c_post li div.li_box p span a.bt02 {width:100%; padding:15px 45px 15px 45px;   border-radius: 50px;  background:rgb(161 204 66 / 70%); color:#fff;     line-height: 50px;        font-size:25px;    font-weight: 600;    text-align: center; }
.c_post li div.li_box p span a:hover {   background:rgb(0 0 0 / 70%);color:#fff; }
.c_post li a.postend {opacity: 0.35; filter:alpha(opacity=0.35); -mox-opacity:0.35;}
.c_post li a.postend div.endover {position:absolute;  width:50%; left:50%; text-align:center; padding:5%; margin:50% 0% 0% -28%; background:#000; color:#fff;  font-size:20px; }
/*.c_post li a:hover  {opacity: 0.35; filter:alpha(opacity=0.35); -mox-opacity:0.35;}*/
.c_post li .box_tit { height: 23px;line-height:22px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;word-break: break-all; }
.c_post li .box_con { float: left;width: 90%;padding: 0px 5%;font-size: 16px;font-size: 16px;line-height: 22px;text-align: left;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;word-break: break-all;overflow:hidden; }

.c_post .more	{position:absolute; right:0%; top:15px; font-size:1.5em;}

.gallery { position: relative; float: left; width: 100.0%;  }
.gallery h2 {position:relative;  float:left; text-align:center;	width:100%;	padding:20px 0 70px 0; margin-bottom:0px;  font-size:50px; color:#222; font-weight:600; }
.gallery h2 > span > b { color: rgb(38 38 38); }
.gallery h2 img { margin-bottom: -2px; padding-right: 2px; }
.gallery .more { position: absolute; right: 0%; top: 10px; }
.gallery ul {position: relative;  float:left; width:100%; height:100%; margin: 0px 0px 0px; padding:0%;  }
.gallery ul li { float: left; width: 23%; min-height:276px; border-radius:20px;  box-sizing:border-box; margin:0 1% 20px 1%;  text-align:center; font-size:20px;}
.gallery ul li img {width:100%; /*border-radius:20px;*/ padding-bottom:30px; }
.gallery .bul {display:block; position: absolute; right:0%; top: 0px; z-index:10;margin-top: 10px; }

.gallery .gallery_imgbox {padding-bottom:5px; overflow:hidden;width:100%;aspect-ratio:1 / 0.75; }
.gallery .gallery_imgbox img { width:100%;min-height:100%; }
.gallery .gallery_titlebox { line-height: 55px;overflow: hidden;word-break: break-all;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }


@media only screen and  (max-width:1280px){
	
.section02 .prev  {top:50%; left:0%; z-index:10;}
.section02 .prev img {width:70%;}
.section02 .next  {top:50%; right:0%; z-index:10;} 
.section02 .next img {width:70%;}
}


@media only screen and  (max-width:1024px){
.section02	{position:relative; float:left; width:100%;  	margin:70px 0 20px; padding:40px 0 0 0; }
.section03 { width:100%;height: auto;}


.c_post h2 {padding:20px 0 60px 0;}
.c_post li {width:38.2%; max-height:250px; /* margin:0 1.3% 0 1.3%; */  }
.c_post li a h3 { font-size:18px; }
.c_post li a p { font-size:15px; }
.c_post li a span { font-size:13px; }
.c_post li div.li_box h2 { font-size:33px; padding:20px 0 50px; }
.c_post li div.li_box p span a.bt01 {padding:15px 35px 15px 35px;    font-size:20px; }
.c_post li div.li_box p span a.bt02 {padding:15px 35px 15px 35px;  font-size:20px;   }
	
.gallery ul li {font-size:18px;}	
}

@media only screen and  (max-width:768px){
	.section02	{margin:50px 0 0px; padding:0px 0;}}
	.section02 .prev  {top:12%; left:5%; 	}
	.section02 .prev img {width:60%;}
	.section02 .next  {top:12%;right:5%; }
	.section02 .next img {width:60%;}
.c_post h2 {font-size:40px;}

.gallery { position: relative; float: left; width: 100.0%; padding: 10px 0% 0px 0px; /*margin: 30px 0px; */}
.gallery h2 {font-size:40px;}
.gallery ul li {font-size:16px;}

}

@media only screen and  (max-width:680px){
	
	.c_post li {width:47%; margin-bottom:10px;}
	.c_post .more	{position:absolute; right:8%; top:15px; font-size:1.0em; }
	.c_post .more img {width:80%;}

	.section02 .prev  {top:10%; left:2%; }
	.section02 .next  {top:10%; right:1%; }
}



@media only screen and  (max-width:480px){
	.c_post .more	{position:absolute; right:8%; top:15px; font-size:1.0em; }
	.c_post .more img {width:80%;}
	.c_post li {width:97%; margin-bottom:10px;}
	
	.section02 .prev img {width:40%;}
	.section02 .next img {width:40%;}

 .gallery { width: 99%; margin: 0px 0px 30px; }
 .gallery ul li { width: 95%; margin: 0px 2.5% 0px 2.5%; text-align: center; }


  
}

@media only screen and  (max-width:320px){
	.section02 .prev  {top:10%; left:0%;}
	.section02 .next  {top:10%; right:0%; }
	
}



.section04 { position: relative; float: left; width: 100%; background: rgb(245, 245, 245); height: 490px; margin: 30px 0px 50px; }
.section04 h2 { margin-bottom: 30px; font-size: 2.85em; font-weight: 600; line-height: 1.15em; color: rgb(68, 68, 68); text-align: center; font-family: NanumSquare, "Noto Sans KR", "Malgun Gothic",  "Nanum Gothic", sans-serif; }
.section04 h2 p { font-size: 16px; color: rgb(106, 106, 106); font-weight: 500; }
.section04 .inner { position: relative; padding-top: 48px; }
.section04 .p_list { overflow: hidden; margin-left: -2%; }
.section04 .p_list li { height: 285px; text-align: center; }
.section04 .p_list li a { display: inline-block; width: 100%; height: 100%; }
.section04 .p_list .text { position: absolute; z-index: 10; color: #ffffff; width: 100%; padding: 25% 0px 1%; display: none; }
.section04 .p_list .text h3 { display: inline-block; font-size: 1.2em; padding: 2% 3%; border: 1px solid rgb(197, 197, 197); font-weight: 300; }
.section04 .p_list .text p { margin: 8% 0px; line-height: 1.25em; font-size: 1.2em; }
.section04 .p_list .text p span { display: block; }
.section04 .p_list .img { position: relative; display: inline-block; width: 100%; }
.section04 .p_list img { width: 100%; min-height: 285px; }
.section04 .p_list .img::before { position: absolute; left: 0px; top: 0px; display: block; width: 100%; height: 100%; background: rgb(0, 0, 0); opacity: 0; content: ""; }
.section04 .p_list li:hover .img::before { opacity: 0.4; transition: opacity 1s ease 0s; }
.section04 .more { position: absolute; top: 10%; right: 2%; }
.section04 .bx-controls { position: absolute; left: 0px; top: 10%; width: 8%; }
.section04 .bx-controls .bx-controls-direction { position: relative; width: 77px; height: 39px; border: 1px solid rgb(174, 181, 190); }
.section04 .bx-controls .bx-controls-direction::after { position: absolute; left: 50%; transform: translateX(-50%); width: 1px; height: 37px; background-color: rgb(174, 181, 190); content: ""; }
.section04 .bx-controls .bx-controls-direction a { position: absolute; top: 14px; width: 9px; height: 9px; border-right: 1px solid rgb(149, 150, 153); border-top: 1px solid rgb(149, 150, 153); font-size: 0px; line-height: 0; content: ""; }
.section04 .bx-controls .bx-prev { left: 14px; transform: rotate(-135deg); }
.section04 .bx-controls .bx-next { right: 14px; transform: rotate(45deg); }

.Subsection {position: relative;float: left;width: 100%;background:#fff;/* background:url("/images/com/bg01.png") center fixed no-repeat; */height: auto;padding: 0px 0px 0px;margin-bottom:20px;/* border-bottom:1px solid #e2e2e2; */}


/* animate */
.aniBox {position: relative;}
.aniBox.active {-webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;}
.aniBox.delay01 {transition-delay:.1s;-webkit-transition-delay:.1s;}
.aniBox.delay02 {transition-delay:.2s;-webkit-transition-delay:.2s;}
.aniBox.delay03 {transition-delay:.3s;-webkit-transition-delay:.3s;}
.aniBox.delay04 {transition-delay:.4s;-webkit-transition-delay:.4s;}
.aniBox.delay05 {transition-delay:.5s;-webkit-transition-delay:.5s;}
.aniBox.delay06 {transition-delay:.6s;-webkit-transition-delay:.6s;}
.aniBox.delay07 {transition-delay:.7s;-webkit-transition-delay:.7s;}
.aniBox.delay08 {transition-delay:.8s;-webkit-transition-delay:.8s;}
.aniBox.delay09 {transition-delay:.9s;-webkit-transition-delay:.9s;}
.aniBox.delay1 {transition-delay:1s;-webkit-transition-delay:1s;}

.aniBox.type_fade {opacity: 0; filter:alpha(opacity=0); -mox-opacity:0;}
.aniBox.type_fade.active {opacity: 1; filter:alpha(opacity=1); -mox-opacity:1;}

.aniBox.type_scale {-ms-transform: scale(.2); -moz-transform: scale(.2); -webkit-transform: scale(.2); -o-transform: scale(.2); transform: scale(.2);}
.aniBox.type_scale.active {-ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1);}

.aniBox.type_left {opacity: 0;transform:translateX(-80px);-webkit-transform:translateX(-80px);}
.aniBox.type_left.active {opacity: 1;transform:translateX(0);-webkit-transform:translateX(0);}

.aniBox.type_right {opacity: 0;transform:translate(80px);-webkit-transform:translate(80px);}
.aniBox.type_right.active {opacity: 1;transform:translate(0);-webkit-transform:translate(0);}

.aniBox.type_bot {opacity: 0;transform:translateY(80px);-webkit-transform:translateY(80px);}
.aniBox.type_bot.active {opacity: 1;transform:translateY(0);-webkit-transform:translateY(0);}

.aniBox.type_top {opacity: 0;transform:translateY(-80px);-webkit-transform:translateY(-80px);}
.aniBox.type_top.gogo {opacity: 1;transform:translateY(0);-webkit-transform:translateY(0);}

/*latest.thumb */



.latest.thumb {width:100%; padding-bottom:50px;}}
.latest.thumb:after {display:block; content:""; clear:both;}
.latest.thumb li {position:relative; left:0; top:0; float:left; width:22%; font-size:20px; margin-left:3%; background:#fff; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; border:1px solid #e1e1e1 ;	font-family:'NanumSquareRound','NanumSquare','NotoSansKR','NanumGothic',sans-serif;}
.latest.thumb li:first-child {margin-left:0;}
.latest.thumb li a {position:relative; display:block; height:90px;margin:10% 8%; color:#020202; box-sizing:border-box; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.latest.thumb li .date {display:block; font-size:14px; color:#222; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.latest.thumb li p {margin-bottom: 20px;font-size: 16px;font-weight: 500; /*word-break: keep-all;*/height: 100%;overflow: hidden;line-height: 22px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
.latest.thumb li span {position:absolute; bottom:10px; left:8%; font-size:14px;}
.latest.thumb li .icon_new {padding-left:5px; font-size:14px; font-weight:500; color:#31b148; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.latest.thumb li .btn_more03 {position:absolute; left:12%; bottom:14%;}
.latest.thumb li:hover {left:-10px; top:-10px; background:#31b148; -webkit-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow:3px 3px 5px 0px rgba(0, 0, 0, 0.3); box-shadow:3px 3px 5px 0px rgba(0, 0, 0, 0.3);}
.latest.thumb li:hover a , .latest.thumb li:hover span {color:#fff;}
.latest.thumb li:hover .date {color:#fff;}
.latest.thumb li:hover .icon_new {color:#fff;}




.btn_more02 {position:relative; display:inline-block; padding-right:44px; font-size:14px; font-weight:500; color:#222; -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s; vertical-align:top;}
.btn_more02 i {position:absolute; top:50%; right:0; display:inline-block; margin-top:-1px; vertical-align:middle; width:33px; height:1px; border-radius:1px; background-color:#000; -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;}
.btn_more02 i:before {content:""; display:inline-block; vertical-align:middle; position:absolute; bottom:2px; right:-1px; width:7px; height:1px; border-radius:1px; background-color:#000; transform:rotate(45deg); -ms-transform:rotate(45deg); -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;}
.btn_more02 i:after {content:""; display:inline-block; vertical-align:middle; position:absolute; bottom:-2px; right:-1px; width:7px; height:1px; border-radius:1px; background-color:#000; transform:rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;}
.btn_more02:hover {color:#31b148;}
.btn_more02:hover i,
.btn_more02:hover i:before,
.btn_more02:hover i:after {background-color:#31b148;}
.btn_more02:hover i {-webkit-animation-name: hvr-icon-wobble-horizontal; animation-name: hvr-icon-wobble-horizontal; -webkit-animation-duration: 1s; animation-duration: 1s; webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1;}


.main_titleArea {margin-bottom:55px; opacity: 0; filter:alpha(opacity=0); -mox-opacity:0;}
.main_titleArea h3 {margin-bottom:25px; font-size:50px; font-weight:600; color:#222; line-height:1;}
.main_titleArea p {font-size:17px; word-break:keep-all; color:#999;}
.main_titleArea .btn_more02 {margin-top:20px;}
.active .main_titleArea {opacity: 1; filter:alpha(opacity=1); -mox-opacity:1; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;}
h4.Title {margin-bottom:30px; font-size:24px; font-weight:600; line-height:1;}

#notice {margin:20px 0 30px;}
#notice .main_titleArea {float:left; width:100%; margin-top:20px; margin-bottom:30px; text-align:center;}
#notice .notice_wrap {float:left; width:calc(100% - 0px); transform:translateY(80px);-webkit-transform:translateY(80px); opacity: 0; filter:alpha(opacity=0); -mox-opacity:0; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;}
#notice.active .notice_wrap {transform:translateY(0);-webkit-transform:translateY(0); opacity: 1; filter:alpha(opacity=1); -mox-opacity:1; transition-delay:.3s;-webkit-transition-delay:.3s;}


.facebook { position: relative; float: left; width: 30.8%; padding: 10px 0% 0px 0px; margin: 30px 0px; }
.facebook h2 { position: relative; padding: 0px 0px 15px; font-size: 25px; font-weight: 600; color: #080808; width: 100%; text-align: left; font-family: NanumSquare, "Noto Sans KR", "Malgun Gothic",  "Nanum Gothic", sans-serif; }
.facebook  .more { position: absolute; right: 0%; top: 10px; }
.facebook div {float:left; width:100%; min-height:455px; border-radius:20px; border:1px solid #bababa  ;overflow:hidden; }
.facebook div.fb-like-box > span {border-radius: 20px;}
.facebook div.fb-like-box > span > iframe {border-radius: 20px;}

.mwork { position: relative; float: left; width: 100%;  margin: 50px 0px 0; }
.mwork img {width:100%; }

.mwork_m {display:none;}

.board_menu { position: relative; float: left; width: 21%; background: url("../images/main/board_menu_bg.png") center bottom no-repeat; padding: 10px 3.3% 0px; border-right: 1px solid rgb(218, 218, 218); margin: 30px 0px 0px; }
.board_menu h2 { position: relative; float: left; padding: 0px 0px 15px; font-size: 31px; font-weight: 600; color: rgb(8, 8, 8); width: 100%; text-align: left; font-family: NanumSquare, "Noto Sans KR", "Malgun Gothic",  "Nanum Gothic", sans-serif; }
.board_menu h3 { position: relative; float: left; padding: 0px 0px 10px 15px; font-size: 25px; font-weight: 600; color: rgb(255, 74, 0); width: 100%; text-align: center; font-family: NanumSquare, "Noto Sans KR", "Malgun Gothic",  "Nanum Gothic", sans-serif; }
.board_menu p { position: relative; float: left; padding: 10px 0px 13px; width: 100%; font-size: 18px; line-height: 24px; text-align: center;height:120px;overflow-x:auto; }
.board_menu .more { position: absolute; right: 3.3%; top: 10px; }

.customer { position: relative; float: left; width: 27.5%; padding: 10px 3.3% 0px; border-right: 0px solid rgb(218, 218, 218); margin: 30px 0px; }
.customer h2 { position: relative; padding: 0px 0px 10px; font-size: 31px; font-weight: 600; color: rgb(8, 8, 8); width: 100%; text-align: left; font-family: NanumSquare, "Noto Sans KR", "Malgun Gothic",  "Nanum Gothic", sans-serif; }
.customer h4 { position: relative; padding: 0px 0px 15px; font-size: 17px; font-weight: 300; color: rgb(101, 100, 100); width: 100%; text-align: left; }
.customer h1 { position: relative; padding: 0px 0px 12px; font-size: 46px; font-weight: 600; color: rgb(254, 74, 0); width: 100%; text-align: left; font-family: NanumSquare, "Noto Sans KR", "Malgun Gothic",  "Nanum Gothic", sans-serif; }
.customer p { position: relative; padding: 0px; font-size: 18px;  font-weight: 300; color: rgb(22, 22, 22); width: 100%; text-align: left; }
.customer b { font-size: 24px; line-height: 32px; font-family: NanumSquare, "Noto Sans KR", "Malgun Gothic",  "Nanum Gothic", sans-serif; }

/*.gallery { position: relative; float: left; width: 100%; margin: 30px 0px 0px; font-family: NanumSquare, "Noto Sans KR", "Malgun Gothic",  "Nanum Gothic", sans-serif; }
.gallery ul { float: left; width: 100%; }
.gallery ul li { float: left; width: 23%; margin: 0px 1%; text-align: center; font-size: 1.2em; line-height: 2em; }
.gallery ul li img { margin: 0px 0px 10px; width: 100%; }
.gallery ul li:nth-of-type(1) { float: left; width: 23%; margin: 0px 2% 0px 0px; text-align: left; font-size: 1em; }
.gallery h3 { float: left; font-size: 31px; font-weight: 600; width: 100%; margin-bottom: 25px; }
.gallery p { float: left; font-size: 1.2em; line-height: 1.25em; width: 100%; margin-bottom: 30px; }
.gallery1 { position: relative; float: left; width: 377px; height: 234px; padding: 0px; margin: 0px 47px; overflow: hidden; }
.gallery1 h2 { position: relative; padding: 15px 0px 25px; font-size: 2em; font-weight: 600; color: rgb(8, 8, 8); width: 100%; text-align: left; font-family: NanumSquare, "Noto Sans KR", "Malgun Gothic",  "Nanum Gothic", sans-serif; border-bottom: 1px solid rgb(218, 218, 218); }
.gallery1 h2 > span > b { color: rgb(38, 38, 38); }
.gallery1 h2 img { margin-bottom: -2px; padding-right: 2px; }
.gallery1 .more { position: absolute; right: 0px; top: 0px; }
.gallery1 ul { margin: 25px 0px 0px; }
.gallery1 ul li { float: left; width: 100%; height: 145px; text-align: left; font-size: 1.1em; letter-spacing: -0.5px; overflow: hidden; padding: 0px 1.65%; }
.gallery1 ul li .gallery_imgbox { float: left; width: 45%; padding: 0px 5% 0px 0px; height: 110px; overflow: hidden; }
.gallery1 ul li .gallery_titlebox { float: left; width: 50%; line-height: 21px; font-size: 1.1em; }
.gallery1 ul li .gallery_titlebox span { float: left; font-size: 0.9em; color: rgb(68, 68, 68); padding-top: 10px; width: 100%; }
.gallery2 { position: relative; float: left; width: 321px; height: 239px; padding: 30px 20px 0px; margin: 0px; border: 1px solid rgb(218, 218, 218); overflow: hidden; }
.gallery2 h2 { position: relative; padding: 0px 0px 15px; font-size: 2em; font-weight: 600; color: rgb(8, 8, 8); width: 100%; text-align: left; }
.gallery2 h2 > span > b { color: rgb(38, 38, 38); }
.gallery2 h2 img { margin-bottom: -2px; padding-right: 2px; }
.gallery2 .more { position: absolute; right: 0px; top: 0px; }
.gallery2 ul { margin: 15px 0px 0px; }
.gallery2 ul li { float: left; width: 46%; height: 145px; text-align: left; font-size: 1.1em; letter-spacing: -0.5px; overflow: hidden; padding: 0px 1.65%; }
.gallery2 ul li:nth-child(2) { display: block; }
.gallery2 ul li .gallery_imgbox { height: 110px; overflow: hidden; }
.gallery2 ul li .gallery_titlebox { height: 48px; overflow: hidden; line-height: 21px; }
*/
.m_sosik { position: relative; float: left; width: 246px; height: 240px; padding: 20px 20px 0px; border: 1px solid rgb(218, 218, 218); margin: 0px 0px 10px; background: rgb(255, 233, 205); }
.m_sosik h2 { position: relative; padding: 0px 0px 15px; font-size: 1.7em; font-weight: 500; color: rgb(8, 8, 8); border-bottom: 2px solid rgb(197, 197, 197); width: 100%; text-align: left; }
.m_sosik .more { position: absolute; right: 22px; top: 25px; }
.m_sosik ul { margin: 25px 0px 0px; }
.m_sosik ul li { float: left; width: 45%; height: 155px; text-align: left; font-size: 1.1em; letter-spacing: -0.5px; overflow: hidden; padding: 0px 5px; }
.m_customer { position: relative; float: left; width: 375px; border-width: 1px; border-style: solid; border-color: rgb(218, 218, 218); padding: 0px; margin: 0px; font-family: NanumSquare, "Malgun Gothic",  "Noto Sans KR", "Nanum Gothic", sans-serif; }
.m_customer ul { }
.m_customer li { float: left; width: 375px; text-align: left; border-bottom: 1px solid rgb(218, 218, 218); margin: 0px 36px 0px 0px; padding: 0px; }
.m_customer li.last { margin: 0px; }
.m_customer li h2 { width: 80%; font-size: 2em; font-weight: 700; letter-spacing: -0.05em; padding: 20px 0px 0px 10%; }
.m_customer li h3 { width: 80%; font-size: 2.3em; font-weight: 700; letter-spacing: -0.05em; color: rgb(254, 0, 0); padding: 5px 0px 0px 10%; }
.m_customer li h4 { width: 60%; font-size: 1.8em; line-height: 1.2em; font-weight: 700; letter-spacing: -0.05em; color: rgb(65, 103, 175); padding: 5px 0px 0px 40%; }
.m_customer li h4 b { width: 100%; font-weight: 700; letter-spacing: -0.05em; color: rgb(235, 111, 126); }
.m_customer li p { width: 60%; font-size: 1.05em; letter-spacing: -0.05em; font-weight: 300; line-height: 1.2em; padding: 15px 0px 0px 40%; }
.m_customer li.nobar { border: 0px; }
.m_customer li a { display: block; color: rgb(34, 34, 34); font-weight: 600; width: 100%; }
.m_customer li a h2 { color: rgb(34, 34, 34); }
.m_customer li a h3 { color: rgb(254, 0, 0); }
.m_customer li a h4 { color: rgb(65, 103, 175); }
.m_customer li a h4 b { color: rgb(235, 111, 126); }
.m_customer li a:hover { background: rgb(100, 125, 177); color: #ffffff; }
.m_customer li a:hover h2 { color: #ffffff; }
.m_customer li a:hover h3 { color: #ffffff; }
.m_customer li a:hover h4 { color: #ffffff; }
.m_customer li a:hover h4 b { color: #ffffff; }
.m_customer li a:hover { transition: all 300ms ease-out 0ms; }

#Contents {width:100%; padding:0 7%; box-sizing:border-box;}

#subVisual {margin-top:0px;  height: 285px; background-color: #333; overflow: hidden; text-align: center;  border-bottom: 1px solid #e3e3e3;}
#subVisual.title { display: inline-block; font-size: 60px; padding: 60px 0px 30px; font-weight: bold; color: #ffffff; }
#subVisual.about::before {content: "";  position: absolute;  top: 0;  right: 0;  bottom: 0;  left: 0;  background: url("../images/com/about.jpg?ver=1.1") center center no-repeat;    opacity: 0.8;  } 
#subVisual.work::before { content: "";  position: absolute;  top: 0;  right: 0;  bottom: 0;  left: 0;  background: url("../images/com/work.jpg?ver=1.1") center center no-repeat; opacity: 0.8;}
#subVisual.board::before { content: "";  position: absolute;  top: 0;  right: 0;  bottom: 0;  left: 0; background: url("../images/com/board.jpg?ver=1.1") center center no-repeat; opacity: 0.8; }
#subVisual.pds::before  {content: "";  position: absolute;  top: 0;  right: 0;  bottom: 0;  left: 0; background: url("../images/com/pds.jpg?ver=1.2") center top no-repeat; opacity: 0.8; }
#subVisual.member::before {content: "";  position: absolute;  top: 0;  right: 0;  bottom: 0;  left: 0;   background: url("../images/com/member.jpg") center top no-repeat ; opacity: 0.8; }

#subVisual .subVisualTxt { position: relative; width: 100%; margin: 0px auto; z-index: 90; color: #ffffff; font-family: "GmarketSansMedium", sans-serif !important;  text-shadow: rgb(0, 0, 0 ,0.7) 2px 2px 4px ;}
#subVisual .subVisualTxt img { width: 30%; }
#subVisual .subVisualTxt .m1 { padding: 65px 0px 10px; margin-top: 25px; font-size: 50px; font-weight: 800; color: #ffffff; letter-spacing: -0.5px; line-height: 60px; text-align:center; font-family: "GmarketSansMedium", sans-serif !important; text-shadow: rgb(0, 0, 0 ,0.7) 2px 2px 5px ;}
#subVisual .subVisualTxt .m1  span {font-family: "Noto Sans KR", "Malgun Gothic", "Nanum Gothic", sans-serif; font-weight:400;}
#subVisual .subVisualTxt .m2 { padding: 0px; font-size: 2em; font-weight: 700; color:#fff; letter-spacing: -0.5px; line-height: 60px; text-align: center; }


.s_menu { position: relative; width: 100%; height: 60px; margin-top:0px; z-index: 40;  border-top:1px solid #e2e2e2 ; border-bottom:1px solid #e2e2e2 ; background:#fff;}
.s_menu > div { width: 80%; margin: 0px auto; }

.location { position: relative; z-index: 3; margin: 0px 0; font-size: 1.18em; float: left; width: 100%; border-left:1px solid#e2e2e2; }
.location::after { content: ""; display: block; clear: both; height: 0px; visibility: hidden; }
.location .path { width: 100%; float: left;   opacity: 1; }
.location .path > li { position: relative; float: left; line-height: 60px; min-width:300px; text-align: left; color: #4e4e4e; }
.location .path > li > a { display: block; padding-left: 30px; color: #454545;line-height: 60px; padding-right: 40px; border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; font-weight: 400; }
.location .path > li > span { display: block; padding-left: 30px; color: #4f4f4f; line-height: 60px; padding-right: 16px; border-left: 1px solid #e2e2e2; }
.location .path > li > a::after { content: ""; position: absolute; top: 28%; right: 20px; margin-top: 0px; width: 20px; height: 20px; display: inline-block; background: url("../images/com/icon_history.png") 50% 50% no-repeat; }
.location .path > li.on > a, .location .path > li > a:focus, .location .path > li > a:hover { text-decoration: underline; }
.location .path > li > a img { vertical-align: 0px; }
.location .path > li:first-child { margin-left: 0px; padding-left: 0px; background-image: none; width: 50px; min-width: 50px; text-align: center; }
.location .path > li:first-child img { vertical-align: middle; }
.location .path > li:first-child > a::after { display: none; }
.location .path > li:first-child > a { width: 40px; line-height: 50px; padding: 0px; background: url("../images/com/home_icon.png") 50% 50% no-repeat; text-indent: -9999px; border-left: 1px solid #cacaca; }
.location .path > li:first-child > a:hover, .location .path > li:first-child > a:focus { }
/*.location .path > li:last-child { min-width: 280px; }*/
.location .path > li:last-child > a, .location .path > li:last-child > span { border-right: 1px solid #cacaca;}
.location .path .sub-path { display: none; position: absolute; top: 60px; left: 0px; z-index: 30; width: 100%; font-size: 1em; }
.location .path .sub-path.show, .location .path .low_path.show .location .path > li.on .sub-path, .location .path > li:hover .sub-path { display: block; }
.location .path .sub-path ul { background-color: #ffffff; border: 1px solid rgb(204, 204, 204);  padding:10px 0;}
.location .path .sub-path ul li { position: relative;}
.location .path .sub-path ul li:first-child { border-top: 0px none; }
.location .path .sub-path ul li > a { display: block; height: 33px; padding: 5px 10px 5px 28px; color: rgb(34, 34, 34); line-height: 33px; }
.location .path .sub-path ul li.on > a, .location .path .sub-path ul li > a:focus, .location .path .sub-path ul li > a:hover { background-color: #ffffff; color: #00a040;}


@media only screen and  (max-width:1024px){
.s_menu > div { width: 100%; }
.location .path { width: 100%; margin: 0px auto; }


}  

@media only screen and  (max-width:768px){
.location .path > li { min-width:200px; }
}  

@media only screen and  (max-width:680px){
  .s_menu { display: none; }
}  

@media only screen and  (max-width:480px){

}  


.s_bt { float: right; }
.s_bt li { float: left; }
.s_bt li a { line-height: 26px; color: #ffffff; font-size: 1em; display: block; padding: 7px 30px; }
.s_bt li:first-child a { background: rgb(125, 173, 71); }
.s_bt li:first-child a:hover { background: rgb(255, 108, 0); }
.s_bt li:last-child a { background: rgb(55, 132, 214); font-size: 14px; }
.s_bt li:last-child a:hover { background: rgb(255, 108, 0); }


/* Sub Nav */
#lnb{}
#lnb dl {width:100%; padding:0 15%; margin:0px auto 30px;  box-sizing:border-box; }
#lnb dl dt{display:none;}
#lnb dl dd{text-align:center;font-size:0;margin:30px auto 0; border-bottom:1px solid #dfdfdf;} 
#lnb dl dd ul{display:flex;}
#lnb dl dd ul li{position:relative;flex:1 0 auto;border:0px solid #dadada;margin-left:-1px; }
#lnb dl dd ul li:first-child{margin-left:1px;}
#lnb dl dd ul li a{display:block;color:#333;font-size:20px;padding:15px 0 15px;font-weight:700;font-family: "Noto Sans KR", NanumSquare; }
#lnb dl dd ul li:before {  content: "";  position: absolute;  left: -2px;  top: 50%;  width: 2px;  height: 15px;  background: #ddd;  -webkit-transform: translateY(-50%);      -ms-transform: translateY(-50%);  transform: translateY(-50%);   z-index: -1;}
#lnb dl dd ul li:first-child::before {  display: none;}
#lnb dl dd ul li a:hover {background:#f5eee8;color:#222; border-bottom:3px solid #f6eee9 ;}
#lnb dl dd ul li a:hover::before {  display: none;}
#lnb dl dd ul li .Active  { border-bottom:3px solid #ff9000 ; color:#ff9000;}
#lnb dl dd ul li .Active:hover   { background:#ff9000; color:#fff;}
#lnb dl dd ul li .Active::before {  display: none;}


#lnb > span{display:none;}


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

/* Sub Nav */

/*#lnb{width:100%;position:absolute;left:0;bottom:0;border:0;background:rgba(255,255,255,.8);}
#lnb .mNavTitle{display:block;padding:15px 10px;font-size:1.5rem;color:#169f37;position:relative;cursor:pointer;}
#lnb .mNavTitle:before,
#lnb .mNavTitle:after{width:11px;height:2px;background:#169f37;position:absolute;top:50%;content:"";}
#lnb .mNavTitle:before{right:17px;transform:rotate(-135deg);}
#lnb .mNavTitle:after{right:10px;transform:rotate(135deg);}
#lnb dl dd{width:100%;display:none;position:absolute;left:0;top:100%;background:#fff;text-align:left;margin-top:0;}
#lnb dl dd ul{display:block;padding:15px 10px;border:1px solid #ccc;}
#lnb dl dd ul li{border:0;margin:0;}
#lnb dl dd ul li:first-child{margin-left:0;}
#lnb dl dd ul li a{color:#142441;padding:3px 0 3px 7px;font-size:1.5rem;position:relative;}
#lnb dl dd ul li a:before{position:absolute;left:0;top:50%;content:"-";line-height:0;}
#lnb dl dd ul li.depth02Active a{background:none;color:#142441;}
*/
	#lnb dl {width:100%; padding:0 1%;}	
}


@media all and (max-width:1199px){
	
	#lnb dl dd ul li a{font-size:17px;padding:10px 0 10px;}
}

@media all and (max-width:680px){
	
	#lnb {display:none;}
	
}

.titleArea {float:left; width:100%; font-size: 50px; line-height:55px; font-weight: 800; text-align: center; color:#222; padding: 0px 0px 60px; margin: 70px auto 0px; word-break: break-all; overflow-wrap: break-word;}
/*.icon-point-dot { display: inline-flex; align-self: flex-end; border-radius: 50%; width: 20px; height: 20px; margin-left: 5px; background-color: rgb(32, 183, 171); transform: translateY(50%); }*/
.titleArea b { color:#8ac748; }
.titleArea p { font-size: 0.3em; font-weight: 700; text-align: center; margin-top: 30px; }

.img01 { width: 100%; margin: 5% 0px; }
.img01 img { max-width: 100%; }


h1.title01 { float: left; width: 100%; text-align: center; font-size: 3em; font-weight: 600; margin: 2% 0px; color: rgb(52, 52, 52); }
h1.title01 b { color: rgb(208, 0, 69); }
h1.title01 span {font-size:20px;}

h1.title02 { float: left; width: 100%; text-align: center; font-size: 3em; font-weight: 600; margin: 2% 0px; color: rgb(117, 117, 117); }
h1.title02 b { color: rgb(208, 0, 69); }

h2.title01 { float: left; width: 100%; text-align: left; font-size: 35px; font-weight: 600; color:#000;  margin: 30px 0px 20px;padding: 0px 0px 0px 26px; background: url("../images/com/icon_05.gif") left top no-repeat; }
h2.title01 span {font-size:26px; color:#555}

h2.title02 { float: left; width: 100%; text-align: center; font-size: 35px; font-weight: 700; color:#222; margin: 40px 0px; padding: 25px 0px 0px 0px; background: url("../images/com/icon_09.png") top center no-repeat;  background-size:30px 5px; box-sizing:border-box; }
h2.title02 b { color: rgb(208, 0, 69); }
h2.title02 span { font-size: 0.8em; }
h2.title03 { float: left; width: 100%; text-align: center; font-size: 35px; font-weight: 700; color: #222; padding: 20px 0px 0px; margin: 20px 0px 50px; /*background: url("../images/com/h2_bg04.png") center top no-repeat; */}
h2.title04 { float: left; width: 100%; font-size: 30px; font-weight: 600; color: #004ba1; border-bottom:1px solid #ccc; padding:20px 20px 20px 30px;  margin: 30px 0px; box-sizing:border-box; background: url("../images/com/h2_bg05.png") left center no-repeat; font-family: NanumSquare, "Noto Sans KR", "Malgun Gothic",  "Nanum Gothic", sans-serif; }
h2.title05 { float: left; width: 100%; text-align: left; font-size: 1.85em; font-weight: 700; color: #005aa9; margin: 2% 0px; padding: 0px; font-family: NanumSquare, "Noto Sans KR", "Malgun Gothic",  "Nanum Gothic", sans-serif; }
h2.title06 { float: left; width: 100%; font-size: 1.8em; font-weight: 600; margin: 3% 0px; padding: 15px 0px 0px; background: url("../images/com/h2_bg04.png") 4px 0px no-repeat; font-family: NanumSquare, "Noto Sans KR", "Malgun Gothic",  "Nanum Gothic", sans-serif; }
h2.title07 { float: left; width: 100%; font-size: 1.4em; font-weight: 700; padding: 16px 0px 0px; margin: 15px 0px; color: rgb(0, 140, 129); background: url("../images/com/h2_bg.gif") left top no-repeat; font-family: NanumSquare, "Noto Sans KR", "Malgun Gothic",  "Nanum Gothic", sans-serif; }
h2.title08 { float: left; width: 100%; text-align: center; font-size: 26px; font-weight: 700; color: #009b4a; padding: 20px 0px 0px; margin: 20px 0px;}

h3.title01 { float: left; width: 100%; font-size:28px; font-weight: 600; color:#222; margin: 20px 0px 10px; padding:0 0 0 26px;  background: url("../images/com/ico_year.gif") 0 3px no-repeat; }
h3.title01 b { color: rgb(239, 124, 0); }
h3.title02 { float: left; width: 100%; font-size: 22px; font-weight: 600; color:#4c4c4c; margin: 20px 0px 10px; background: url("../images/com/h1_bg04.png") 0 3px no-repeat; background-size:15px; padding:0 0 0 26px; box-sizing:border-box; }
h3.title02 b { color: rgb(239, 124, 0); }
h3.title03 { float: left; width: 100%; font-size: 1.5em; font-weight: 500; color: rgb(17, 17, 17);  padding:0px 20px 0px 30px; margin: 5px 0px; background: url("../images/com/h2_bg05.png") left center no-repeat; box-sizing:border-box;}
h3.title03 b { color: rgb(239, 124, 0); }


@media only screen and (max-width: 850px) {

  h1.title01 { font-size: 2.7em; }
  h2.title01 { font-size: 2.6em;  line-height:1.1em; }
  h3.title01 { font-size: 1.9em; }
  h3.title02 { font-size: 1.45em; }

}

@media only screen and (max-width: 480px) {
  .titleArea { margin: 0px auto;  }
 h2.title01 { font-size: 2.6em; }
  h2.title02 { font-size: 2.0em; line-height:1.1em; }
  h2.title03 { font-size: 1.8em;   line-height:1.2em; }
  h2.title04 { font-size: 1.4em; }
  h2.title05 { font-size: 1.65em; }
  h2.title06 { font-size: 1.6em; }
  h3.title01 { font-size: 1.8em; }
  h3.title02 { font-size: 1.4em; }

}


.list01	{float:left; width:100%; font-size:20px; line-height:1.5em; margin: 20px 0 20px 0; padding:0 0 0 20px;  box-sizing:border-box;  }
.list01	h3 {float:left; width:100%; color:#009148; font-size:22px; font-weight:600; }
.list01 li {float:left; width:100%; padding-bottom:3px; box-sizing:border-box;   list-style-type:disc; }
.list01 li ul {float:left; width:100%; padding:0 0 0 2%; }
.list01 li.cen{text-align:center;}
.list01 li b {color:#000;}
.list01 li span {color:#222; font-weight:500;}
.list01 li span.w01 {     float: left;   width: 110px;    color: #4abcc7;}
.list01 li .br001 {display:block;}
.list01 li span.wid02 {padding-left:180px;}

.list02	{float:left; width:100%; font-size:22px; line-height:1.5em; margin: 10px 0 20px 0; padding:0 0 0 20px;  box-sizing:border-box;  }
.list02	h3 {float:left; width:100%; color:#000; font-size:24px; font-weight:600; }
.list02 li {float:left; width:100%; padding-bottom:3px; box-sizing:border-box;   list-style-type:disc;  text-align:left;}
.list02 li b {color:#000;  font-size:24px; font-weight:600; }
.list02 li span {color:#222; font-weight:500;}
.list02 li span.w01 {     float: left;   width: 110px;    color: #4abcc7;}
.list02 li span.wid02 {padding-left:180px;}

.list03	{float:left; width:100%; font-size:20px; line-height:1.5em; margin: 10px 0 20px 0; padding:0 0 0 0px;  box-sizing:border-box;  }
.list03	h3 {float:left; width:100%; color:#000; font-size:24px; font-weight:600; }
.list03 li {float:left; width:100%; padding-bottom:3px; box-sizing:border-box;  list-style:inside decimal !important}
.list03 li b {color:#000;  font-size:24px; font-weight:600; }
.list03 li span {color:#222; font-weight:500;}
.list03 li span.w01 {     float: left;   width: 110px;    color: #4abcc7;}
.list03 li span.wid02 {padding-left:180px;}

.work01	{float:left; width:100%; font-size:20px; line-height:1.5em; margin:20px 0 20px 0; }
.work01 li {float:left; width:100%; padding:0 0 10px 0; /*display:flex;*/}
.work01 li.cen{text-align:center;}
.work01 li b {color:#5a88c6;}
.work01 li span {font-size:1.1em;}
.work01 li span.w01 {     float: left;   width: 110px;    color: #5a88c6;}
.work01 li ul {float:left; width:100%; padding:0 0 0 10px;}
.work01 li ul.w01 {width:70%;}
.work01 li div.w01 {width:20%;}


@media only screen and  (max-width:1024px){

.work01 li div.w01 {width:25%;}

}

@media only screen and  (max-width:850px){

.work01	{font-size:1.35em; line-height:1.4em; }

}


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

.work01 li div.w01 {width:30%;}

}
.about01_img { float: left; position: relative; width: 100%; margin: 30px 0px; }
.about01_img img { width: 100%; }
.about01 { float: left; position: relative; padding: 30px 12.8%; text-align: left; width: 74.4%; font-size: 1.4em; line-height: 1.55em; white-space: pre-line; }
.about01 h2 { width: 100%; text-align: center; font-size: 1.5em; font-weight: 700; font-family: NanumSquare, "Noto Sans KR", "Malgun Gothic",  "Nanum Gothic", sans-serif; }
.about01 h3 { width: 100%; text-align: center; font-size: 1.3em; line-height: 1.3em; font-weight: 700; font-family: NanumSquare, "Noto Sans KR", "Malgun Gothic",  "Nanum Gothic", sans-serif; }

.about04_img {float:left; position:relative; width:100%; margin:30px 0 30px 0; text-align:center; display: inline-block; }
	
@media screen and (max-width:850px){
	/*.about04_img img{width:100%; }*/
}

@media screen and (max-width:520px){
	
.about04_img .tablewrapover:before {
  content: "";
  margin-top: -40px; margin-left: -40px;
  width:90px; height:90px;
  border-radius: 50%;
  position: absolute;  top: 50%; left: 50%;
  z-index:11;
  background-image: url('/images/com/tablescroll.png');
  background-color: #fff;
  background-position: center center;
  background-repeat: no-repeat;
}
.about04_img .tablewrapover:after {
  content: "";
  width:100%; height:100%;
  position: absolute;  top: 0; left: 0;
  z-index:10;
  background-color: rgba(0,0,0,0.2);
}

.about04_img .tablewrapover01:before {
  content: "";
  margin-top: -40px; margin-left: -40px;
  width:90px; height:90px;
  border-radius: 50%;
  position: absolute;  top: 50%; left: 50%;
  z-index:11;
  background-image: url('/images/com/tablescroll.png');
  background-color: #fff;
  background-position: center center;
  background-repeat: no-repeat;
}
.about04_img .tablewrapover01:after {
  content: "";
  width:100%; height:100%;
  position: absolute;  top: 0; left: 0;
  z-index:10;
  background-color: rgba(0,0,0,0.2);
	}

}


.greeting { float: left; position: relative; padding: 50px 0% 0px ; width: 100%; }
.greeting_bg01 { background: url("../images/about/01_img_01.jpg") center top no-repeat; }
.greeting .img { float:left; width:35%; }
.greeting .txt_box { float:left; width:65%;  font-size: 20px; line-height:26px; display: inline-block; height: auto;  box-sizing:border-box;}
.greeting .txt_box  h2 {float:left; width:100%; padding-bottom:40px; font-size:33px; line-height:45px; font-weight:500;}
.greeting .txt_box  h3 {float:left; width:100%; padding-bottom:50px;  font-size:25px; line-height:30px; font-weight:500;}
.greeting .txt_box  .cor01 {color:#8ec31f}
.greeting .txt_box  .cor02 {color:#00a040}
.greeting .txt_box  .cor03 {color:#0095df}
.greeting .txt_box  .cor04 {color:#0068b7}
.greeting .txt_box  .cor05 {color:#ff5a00}
.greeting .txt_box  span {font-size:1.2em; color:#000;}

.greeting_bg01 { background: url("../images/about/01_img_01.jpg") left 0px no-repeat; }
.greeting_bg02 { background: url("../images/about/02_img_01.jpg") left 10px no-repeat; }
.greeting .list { position: relative; float: left; margin: 0px 0px 40px; padding: 0px 20px 0px 0px; width: 740px; }
.greeting .list dl { position: relative; float: left; margin: 0px 0px 10px; }
.greeting .list dl dt { float: left; width: 120px; padding: 7px 0px; font-size: 14px; color: rgb(193, 2, 38); font-weight: bold; border-bottom: 1px dotted rgb(169, 169, 169); }
.greeting .list dl dd { float: right; width: 610px; padding: 7px 0px 7px 10px; font-size: 13px; border-bottom: 1px dotted rgb(169, 169, 169); }


.about02  {position:relative; float:left; width:100%; margin:20px 0; }
.about02 .img {position:relative; float:left; width:45%;  text-align:right; padding-right:5%; box-sizing:border-box;}
.about02 .txt{position:relative; float:left; width:55%;  text-align:left; padding:35px 0 0 0;  box-sizing:border-box;}
.about02 .txt h3 {flaot:left; width:100%; font-size:22px; font-weight:600; margin-bottom:25px;}
.about02 .txt h3 span {float:left; width:65px;  color:#000; font-size:24px; padding-right:20px; }
.about02 .txt P {position:relative; float:left; width:100%; font-size:15px; margin-bottom:20px; line-height:30px;}
.about02 .txt dl  {position:relative; float:left; width:100%; font-size:15px; margin-bottom:20px; line-height:30px;}
.about02 .txt dl dt {float:left; width:80px; }
.about02 .txt dl dd {float:left; width:calc(100% - 80px); font-size:18px; }
.about02 .txt dl span {float:left; width:55px; height:45px; padding:6px 0; margin:2px 17px 7px 0 ; text-align:center; color:#fff; border:1px solid #ddd ;}
.about02 .txt dl span.bg01 {background:#8ec31e;} 
.about02 .txt dl span.bg02 {background:#009f40;} 

.about02 ul {position:relative; float:left; width:100%; margin:20px 0; }
.about02 ul li {float:left; width:20%; text-align:center; font-size:1.0em; letter-spacing:-0.5px; line-height:1.2em;padding:1%;}
.about02 ul li span {position:relative; float:left;  width:100%; height:264px; padding-bottom:20px;}
.about02 ul li span	{ height:95%;}
.about02 ul li b {position:relative; float:left; width:100%; text-align:center; font-size:1.2em; font-weight:600; color:#628ecf; padding-top:10px;}

.about03{display:block;  float:left; width:100%; text-align:center;}
.about03m {display:none;}

@media only screen and (max-width: 1200px) {
.about03 img {width:100%}
}


@media only screen and (max-width: 1024px) {
.about02 .img  {width:%}
.about02 .img img {width:90%;}	
.about02 .txt  {width:%;  padding:5px 0 0 0;}
.about02 .txt h3 {font-size:18px;}
.about02 .txt h3 span { font-size:20px; width:48px;}

}

@media only screen and (max-width: 850px) {
.about02 .img  {width:40%}
.about02 .txt  {width:60%}
.about02 .txt h3 {font-size:17px;}
.about02 .txt h3 span { font-size:18px; width:40px;}
.about02 .txt dl dd {font-size:16px; line-height:22px; }

}

@media only screen and (max-width: 480px) {
.about02 .img  {width:100%}
.about02 .txt  {width:100%}
.about02 .txt h3 {padding-bottom:10px;}
.about02 .txt h3 span {width:100%; padding-bottom:10px;}	

   	.about03m{display:block; float:left; width:100%;}
	.about03m img {width:100%}
	.about03 {display:none;}
}

.about06 {position: relative; float:left;  width:100%}
.about06 .Img {float:left; width:100%; text-align:center;}
/*.about06 .Img img {width:95%;}*/
.about06 .Txt  {float:left; width:100%; font-size:18px;  padding:30px 10%;  box-sizing:border-box; }
.about06 .Txt h2 {float:left; width:100%; font-size:40px; color:#004ba1; margin-bottom:10px;}
.about06 .Txt b {font-sizE:21px; color:#7db82c;}

.about0601 {position: relative; float:left;  width:100%; font-family:'NanumSquare',sans-serif; font-size:45px; font-weight:600; text-align:center; margin:30px 0 }
.about0601 span.bold{font-weight:700; color:#004ba1;}
.about0601 span.cbak{position: relative; display: inline-block; z-index:2}
.about0601 span.cbak:after {content: ""; display: block; width: 100%;height:16px; background: rgba(0,166,80,0.5); position: absolute; bottom:5px; left: 0;z-index:-1;}

.about0602 {position: relative; float:left;  width:47%; margin-right:2%; background-color: #ffffff; border-radius: 20px;   box-shadow: rgba(0, 0, 0, 0.12) 8px 8px 8px;}
.about0602 .Img {float:left; width:30%;  text-align:center; padding:15px 0; }
.about0602 .Img img {width:95%;}
.about0602 .Txt  {float:left; width:70%; font-size:17px;  padding:30px 10%;  box-sizing:border-box; }
.about0602 .Txt h2 {float:left; width:100%; font-size:30px; color:#004ba1; margin-bottom:10px;  font-family:'NanumSquare',sans-serif;}
.about0602 .Txt h2 b {color:#7db82c;}
.about0602 .Txt li b {font-sizE:21px; color:#7db82c;}

.about07 {position: relative; float:left;  width:47%; margin:1.5%;  /*background-color: #ffffff; border-radius: 20px;  box-shadow: rgba(0, 0, 0, 0.12) 8px 8px 8px;*/ font-size:18px;}
.about07 img {width:100%;}
.about07 h2 {float:left; width:100%; font-size:40px;  margin-bottom:10px;}
.about07 h3 {float:left; font-size:20px;  margin-right:10px; }
.about07 span {float:left; width:20px; height:20px; margin-right:7px; margin-top:5px;}
.about07 span.bg01 {background:#005bac;}
.about07 span.bg02 {background:#da251c;}
.about07 span.bg03 {background:#eb891a;}
.about07 span.bg04 {background:#f8c301;}
.about07 span.bg05 {background:#1ea838;}
.about07 span.bg06 {background:#0193dd;}
.about07 span.bg07 {background:#0067ac;}
.about07 span.bg08 {background:#924a8c;}
.about07 span.bg09 {background:#e90061;}
.about07 p {float:left; width:100%; margin:20px 0;} 



.about08 {position: relative; float:left;  width:100%; font-size:18px;}
.about08 .Img {float:left;width: 20%;text-align:center;}
.about08 .Img img {width:95%;}
.about08 .Txt  {float:left; width:80%; font-size:18px;  padding:30px 0 0 7%;  box-sizing:border-box; }
.about08 .Txt b {font-sizE:20px; color:#004ba1;}

.about0801 {position: relative; float:left;  width:100%;}
.about0801 li {float:left; width:33%; text-align:center; font-size:22px; line-height:30px; padding:3%; box-sizing:border-box; }
.about0801 li br.br{display:none;}
.about0801 li b {font-sizE:25px; color:#004ba1;}
.about0801 li img {margin-bottom:20px;}

.about0802 {position: relative; float:left;  width:100%; font-size:25px; text-align:center; }
.about0802 b {font-sizE:28px;  color:#004ba1;} 

@media(max-width:1280px){
.greeting {padding: 70px 30px 0px 30%; box-sizing:border-box; }
.greeting .img { float:left; width:45%; }
.greeting .txt_box {margin-top: -50px;  width:55%;}
}

@media(max-width:1024px){
	
.greeting {padding: 70px 30px 0px 10%;}
	
 .about0601 {font-size:40px; }
 .about0801 li br.br{display:block;}
 .about0802 {font-size:22px;}
}


@media(max-width:767px){

	.about06 .Txt  {padding:30px 3%; }
	.about06 .Txt h2 {font-size:30px;}
	.about06 .Txt b {font-sizE:20px; }
	.about0602 .Txt  {padding:20px 5%;}
	.about0602 .Txt h2 {font-size:28px; }
	.about0602 .Txt h2 b {color:#7db82c;}
	.about0602 .Txt li b {font-sizE:18px;}

	.about07 {width:100%; margin:0%; }
		.about0801 li img {width:100%;}
}
@media(max-width:550px){


	.about0602 {width:98%; }

	.about08 .Img {width: 100%;}
	.about08 .Img img {width:30%;}
	.about08 .Txt{width: 95%; font-size:17px;}

	.about0801 li {width:100%; }
    .about0801 li img {width:60%;}
	.about0801 li br.br{display:none;}
}
@media(max-width:440px){

	.about06 .Txt {font-size:16px;}
	.about06 .Txt h2 {font-size:28px;}	
	.about06 .Txt b {font-size:17.5px;}
	.about08 .Txt{font-size:16px; line-height:22px;}
}

@media(max-width:360px){

}
/* sub0101 인사말 End */

.work_cen {position:relative; float:left; width:100%; font-size:1.3em; line-height:1.5em; text-align:center;  margin:30px 0;}

@media(max-width:1024px){
	.work_cen  br {display:none;}
}

.child01 {position:relative;float:left;  width:100%; margin-bottom:30px;}
.child01 h2 {width:70%; font-size:2.2em; letter-spacing:-1px; color:#555; padding-top:30px; padding-bottom:20px; }
.child01 h2 b {color:#009b4a;}
.child01 h3 {width:70%; font-size:1.5em; line-height:30px; letter-spacing:-1px; color:#f80; padding-bottom:20px; }
.child01 h3 span {color:#222;}
.child01 h3 b {color:#009b4a;}
.child01 h4 {font-size:1.3em; letter-spacing:-1px; color:#555; padding-top:10px; padding-bottom:20px; }
.child01 h4 b {color:#cd4677;}
.child01 p {float:left;  width:70%; font-size:1.25em; line-height:1.6; padding-bottom:20px; }
.child01 p span {font-size:1.1em; color:#6fa722;}
.child01 p.sns img {margin-right:10px;}
.child01 ul {float:left;  width:70%; font-size:1.25em; line-height:1.3; padding-bottom:20px; }
.child01 ul li {float:left; width:100%; padding:0 0 5px 0;}
.child01bg01 {background: url("../images/child/01_img01.png") right top no-repeat; }
.child01bg06 {background: url("../images/child/06_img01.png") right top no-repeat; }
.work03bg01 {background: url("../images/work/03_img01.png") right top no-repeat; }
.work04bg01 {background: url("../images/work/04_img01.png") right top no-repeat; }

/*
.child02 {position:relative;float:left;  width:100%;}
.child02 li {float:left; width:22%; text-align:center; margin:1.5%; }
.child02 li h2 {float:left; width:100%; padding:10px 0; font-size:25px; font-weight:600; background:#009b4a; color:#fff; }
.child02 li p {float:left;  width:100%; height:165px;  font-size:16px; border-left:1px solid #dfdfdf;  border-right:1px solid #dfdfdf;  border-bottom:1px solid #dfdfdf;  padding:20px; box-sizing:border-box;}

.child03 {position:relative;float:left;  width:100%; }
.child03 li {float:left; width:30.3%; text-align:center; margin:1.5%; }
.child03 li h2 {float:left; width:100%; padding:10px 0; font-size:25px; font-weight:600; background:#8dc63f; color:#fff; }
.child03 li p {float:left;  width:100%; height:120px; font-size:16px; border-left:1px solid #dfdfdf;  border-right:1px solid #dfdfdf;  border-bottom:1px solid #dfdfdf;  padding:20px; box-sizing:border-box;}
*/

.child02 {position:relative;float:left;  width:100%;}
.child02 li {float:left; width:22%; text-align:center; margin:1.5%; }
.child02 li h2 {float:left; width:100%; padding:10px 0; font-size:25px; font-weight:600; background:#009b4a; color:#fff; }
.child02 li p {float:left;  width:100%; height:140px; text-align:left; font-size:15px; word-break: keep-all; letter-spacing:-0.4px; border-left:1px solid #dfdfdf;  border-right:1px solid #dfdfdf;  border-bottom:1px solid #dfdfdf;  padding:20px; box-sizing:border-box;}

.child03 {position:relative;float:left;  width:100%; }
.child03 li {float:left; width:30.3%; text-align:center; margin:1.5%; }
.child03 li h2 {float:left; width:100%; padding:10px 0; font-size:25px; font-weight:600; background:#8dc63f; color:#fff; }
.child03 li p {float:left;  width:100%; height:120px; font-size:15px; border-left:1px solid #dfdfdf; word-break: keep-all;  border-right:1px solid #dfdfdf;  border-bottom:1px solid #dfdfdf;  padding:20px; box-sizing:border-box;}
.child03 li p.pt1 { padding:40px 20px 20px 20px;}
.child03 li p.pt2 { padding:30px 20px 20px 20px;}

.child07 {position:relative;float:left;  width:100%; text-align:center; /*margin:0 0 30px 0;*/}
.child08 {position:relative;float:left;  width:100%; text-align:center; }

@media(max-width:1280px){

.child08 li img {width:100%;}	

}
@media(max-width:1024px){

.child01bg01 {background-size:30%;}
.child01bg06 {background-size:30%;}
.work03bg01 {background-size:30%;}
.work04bg01 {background-size:30%;}


.child01 h3 br {display:none;}
.child02 li {width:23%; margin:1%; }
.child02 li h2 {font-size:20px;}
.child02 li p { font-size:14px; height:165px; }

.child03 li {width:31%; margin:1%; }
.child03 li h2 {font-size:20px;}
.child03 li p {height:125px; font-size:14px;}	
}

@media(max-width:850px){
.child02 li {}
.child02 li img {width:80%;}	
.child02 li p { height:auto;   padding:10px; }

.child03 li p {height:auto;   padding:10px; }	
}

@media(max-width:768px){

.child01bg01 {background-size:auto;}
.child01bg06 {background-size:auto;}
.work03bg01 {background-size:auto;}
.work04bg01 {background-size:auto;}

	
.child01 {position:relative; width:100%; padding:200px 0 0 0;}
.child01 h2 {font-size:1.7em; line-height:1.3em; width:100%;}
.child01 h3 {font-size:1.45em;line-height:1.25em; ; width:100%;}
.child01 p {width:100%;}
.child01 ul {width:100%;}
.child01 li ul li {width:99%; padding-left:5px;}

.child01bg01 {background: url("../images/child/01_img01.png") right top no-repeat; }
}

@media(max-width:680px){
.child02 li {width:48%; }
.child02 li img {width:auto;}	
.child02 li p { height:auto; }
.child03 li p {height:auto;}	
.child07 img {width:100%; }
}

@media(max-width:480px){

.child01bg01 {background-size:100%;}
.child01bg06 {background-size:100%;}
.work03bg01 {background-size:100%;}
.work04bg01 {background-size:100%;}


.child01 h2 {width:100%; } 
.child01 h3 {width:100%; } 
.child02 li {width:48%; }
.child02 li img {width:90%;}	
.child02 li p { height:auto; }

.child03 li {width:100%; margin:0px 0 10px 0;}
.child03 li p {height:auto;}	

}

.aboutmission	 { position: relative; float: left; margin: 0px 0px 20px; width: 100%;  border-radius:20px; padding:25px 40px; box-sizing:border-box;}
.aboutmission.bg01 {background:#dce4f3;}
.aboutmission.bg02 {background:#def0ee;}
.aboutmission h2	 {float:left; width:20%; font-size:33px; line-height:28px;  text-align:center; font-family: "GmarketSansMedium", sans-serif !important; padding:20px; border-right:1px dotted #f3f3f3;  box-sizing:border-box;}
.aboutmission h2.cor01 {color:#518ecc;}
.aboutmission h2.cor02 {color:#5ec3be;}
.aboutmission p {float:left; width:calc(100% - 20%); font-size:23px; line-height:26px; padding:20px;  box-sizing:border-box;}

@media(max-width:850px){
	.aboutmission h2 {width:25%;}
	.aboutmission p	 {width:calc(100% - 25%); }
}

@media(max-width:680px){
	.aboutmission {padding:20px; }
	.aboutmission h2 {width:100%; font-size:28px;border-right:0px dotted #f3f3f3; }
	.aboutmission p	 {width:calc(100% - 0%); font-size:20px;  padding:00px 20px 20px 20px ;}
}

@media(max-width:480px){
	.aboutmission h2 {font-size:26px;}
	.aboutmission p	 {font-size:18px; line-height:22px; }
}

.about03_table {/*display:block;*/}
.about03_table_m {display:none;}

.about08_table { display: block; }
.about08_table_m { display: none; }

.about10 { position: relative; float: left; width: 100%; margin: 30px 0px; font-size: 18px; line-height:24px; }
/*.about10 h2 {float: left; width: 100%; text-align: center; font-size: 35px; font-weight: 700; color:#222; margin: 40px 0px; padding: 25px 0px 0px 0px; background: url("../images/com/icon_09.png") top center no-repeat;  background-size:30px 5px; box-sizing:border-box; }*/
.about10 h2 {float: left; width: 100%; text-align: left; font-size: 30px; font-weight: 700; color:#00a040; margin: 40px 0px; padding: 0px 0px 0px 0px; /*background: url("../images/com/icon_09.png") top center no-repeat; */ background-size:30px 5px; box-sizing:border-box; }

.history_box { position: relative; float: left; margin: 0px 0px 20px; width: 93%; border: 5px solid rgb(221, 221, 221); padding: 25px; font-size: 15px; line-height: 25px; }
.history_box b { font-size: 16px; padding: 0px 0px 10px; width: 100%; font-weight: 500; color: rgb(0, 90, 170); }
.hisotry_h2 { position: relative; float: left; width: 350px; }
.history_list { position: relative; float: right; margin: 0px 0px 40px; padding: 0px; width: 730px; }
.history_list h3 { position: relative; float: left; font-size: 25px; }
.history_list dl { position: relative; float: right; width: 730px; border-bottom: 1px dashed rgb(169, 169, 169); margin: 0px 0px 10px; }
.history_list dl dt { float: left; color: rgb(193, 2, 38); font-weight: 500; width: 140px; padding: 0px 0px 5px; font-size: 14px; }
.history_list dl dt.w03 { float: left; color: rgb(193, 2, 38); font-weight: bold; width: 200px; padding: 0px 0px 5px; font-size: 14px; }
.history_list dl dd { float: left; width: 565px; padding: 0px 0px 8px 10px; font-size: 13px; font-weight: 100; }
.history_list dl dd.w01 { float: left; width: 550px; padding: 0px 0px 8px 10px; font-size: 13px; }
.history_list dl dd.w02 { float: left; width: 175px; padding: 0px; font-size: 13px; }
.history_list dl dd.w03 { float: left; width: 645px; padding: 0px 0px 8px 10px; font-size: 13px; }

.historyImg {float:left;width:22%;height:500px;display:flex;margin:50px 0 0 0;background: url("/images/about/history_bg.png") left top no-repeat;}
.historyImg h2 {padding:50px 0; font-size:65px; color:#00a040; font-weight:600; background: url("/images/main/notice_icon.png") top left no-repeat;} 

.historyWrap {float:left; width:78%; margin:30px 0 0 0; }
.historyWrap dl {float:left; width:100%; padding: 30px 0% 30px 0px; border-bottom: 1px dashed #ccc; }
.historyWrap dl:first-child { margin-top: 00px; border-top: 0px dashed #ccc; }
.historyWrap dl .year { color: #90c31f; font-size: 2.8em; float: left; margin-right: 5%; font-weight: 800; letter-spacing: -1px; line-height: 1; }
.historyWrap dl .cont { display: table-cell; padding-top: 0px; }
.historyWrap dl .cont ul { margin-bottom: -10px; }
.historyWrap dl .cont li { margin-bottom: 6px; }
.historyWrap dl .cont li .month {font-size: 20px;font-weight: 600;color:#111;float: left; display: inline-block;width: 70px;line-height:30px;}
.historyWrap dl .cont li .txt { display: table-cell; overflow: hidden; font-size: 18px; color:#444; padding-left: 10px; position: relative; line-height:28px; letter-spacing:0px;}


@media screen and (max-width:1024px){
.historyImg {width:100%; height:100%;}	
.historyWrap {width:100%; margin:0px;}
}
.year_box { display: inline-block; width: 100%; }
.year_box dl { width: 530px; padding: 20px 0px 60px; margin-left: 0px; border-left: 1px dashed rgb(77, 153, 126); }
.year_box dt { float: left; padding-left: 40px; margin-left: -8px; width: 90px; font-family: NanumSquare, "Nanum Gothic", sans-serif; font-weight: 600; font-size: 25px; color: rgb(0, 137, 88); background: url("/images/about/icon_year.png") 0px 50% no-repeat; }
.year_box dd { float: right; margin: 0px 0px 0px 10px; width: 390px; }
.year_box dd span { display: inline-block; padding-top: 2px; margin-bottom: 10px; min-width: 40px; font-family: NanumSquare, "Nanum Gothic", sans-serif; font-weight: 600; font-size: 18px; color: rgb(0, 0, 0); letter-spacing: 0px; }
.year_box dd ul { float: right; width: 325px; margin-bottom: 10px; }
.year_box dd ul li { font-size: 15px; color: rgb(85, 85, 85); line-height: 24px; word-break: keep-all; }
.year_box .fl { padding-right: 10px; }
.year_box .fr { padding-left: 15px; }
.year_box .flr { float: left; padding-right: 10px; }
.year_box .frl { float: right; padding-left: 15px; }
.year_box .fr dt { margin-left: -23px; }
.year_box .frl dt { margin-left: -23px; }



.W1000 { width: 1000px; margin: 0px auto; }

.section { position: relative; margin-bottom: 50px; }
.section p { font-size: 14px; color: rgb(68, 68, 68); line-height: 22px; }
.section p b { font-size: 16px; color: rgb(34, 34, 34); }
.section h4 { margin-bottom: 50px; }

.service { width: 100%; overflow: hidden; }
.service h1 { margin: 40px 0px; }
.service p { font-size: 13px; line-height: 22px; color: rgb(68, 68, 68); margin: 0px 0px 40px; }

.project_view { width: 1000px; overflow: hidden; margin: 0px auto; }
.project_view h1 { margin-bottom: 40px; }

.board_01 { position: relative; width: 76%; float: left; margin: 0px 12%; border-top: 2px solid rgb(204, 204, 204); border-bottom: 1px solid rgb(204, 204, 204); }
.board_01 dl dt { float: left; width: 15%; padding: 1% 3%; text-align: right; border-right: 1px solid rgb(221, 221, 221); font-size: 14px; font-weight: 600; }
.board_01 dl dd { float: left; width: 60%; padding: 1% 3%; font-size: 14px; }
.board_01 .plus { float: left; width: 440px; }

.guide01 { float: left; width: 100%; font-size: 1.2em; line-height: 1.6em; margin: 0% 0px 3%; padding: 0px 0px 0px 0%; }
.guide01 h2 { float: left; width: 98%; font-size: 1.4em; font-weight: 700; padding: 0px 0px 0px 0px; margin: 10px 0px 15px; color:#222; }
.guide01 h2 b {color:#4a89cb;}
.guide01 h3 { float: left; width: 100%; font-size: 1.1em; font-weight: 500; margin: 15px 0px; color: rgb(51, 51, 51); text-align: center; }
.guide01 li { float: left; width: 100%; padding: 0px 0px 10px; line-height:22px; }
.guide01 li b { color: rgb(0, 66, 159); font-weight: 500; font-size: 20px;  line-height:27px;}
.guide01 li b span { font-weight: 500; font-size: 20px; }
.guide01 p { float: left; width: 100%; font-size: 1.2em; line-height: 1.5em; color: rgb(11, 11, 11); margin: 20px 0px 0px; }
.guide01 p b { color: rgb(239, 124, 0); font-weight: 500; }
.guide01_bg { background: url("../images/guide/01_img_01.jpg") left 20px no-repeat; }
.guide01_box { position: relative; float: left; width: 100%; }
.guide01_box ul { width: 100%; }
.guide01_box li { margin-right: 1.5%; float: left; padding: 0% 4% 0% 0%; font-size: 1.0em; line-height: 1.2em; background: url("../images/guide/arrow_r.png") right center no-repeat; }
.guide01_box ul.no3 li { width: 28.3%; background-size: 8%; }
.guide01_box ul.no4 li { width: 20%; background-size: 10%; }
.guide01_box li div { float: left; width: 90%; padding: 5%; border: 1px solid rgb(211, 211, 211); background: rgb(255, 219, 110); text-align: center; letter-spacing: -0.05em; color: rgb(17, 17, 17); }
.guide01_box li:last-child { padding: 0%; background: url("") right center no-repeat; }
.guide01_box li h3 { font-size: 1.2em; line-height:1.4em;}
.guide01_box li p { font-size: 16px; color: rgb(136, 136, 136); }

.about04 { position: relative; float: left; width: 100%; margin: 20px 0px; padding: 15px 0px; font-size:18px; line-height:28px;  white-space: pre-line; }
.about04 span {padding: 0px 10px; }
.about04 h2 {float:left; width:100%; font-size:35px; padding:10px 0 30px; text-align:center; color:#025eaf;}
.about04 h2  b {color:#00a672;}
.about04 h3 {float:left; width:100%; font-size:30px; text-align:center; color:#5a88c6;}
.about04 strong {color:#00a672;font-size:1.1em; font-weight:600;}
.about04 b {color:#222; font-size:1.1em; font-weight:600;}
.about04 ul { text-align: center; width: 100%; }
.about04 ul li { padding: 0px 20px; }

@media screen and (max-width:850px){
	.about04 { font-size:16px; line-height:24px; }
	.about04 h2 { font-size:30px; }
	.about04 h3 { font-size:25px; }
}


.about05 { position: relative; float: left; width: 100%; margin: 20px 0px;  box-sizing: border-box; padding:0 0% 0 5%;}
.about05 .circle {float:left; width:300px; margin-right:30px; height:300px; text-align:center; padding:50px 25px 0 25px; border-radius:560px;  box-sizing: border-box;  font-size:29px; line-height:33px; font-weight:600;  font-family: "GmarketSansMedium", sans-serif !important;  }
.about05 .circle h3 {float:left; width:100%;  text-align:center; padding:0 20px ; height:95px; box-sizing: border-box; font-size:45px; line-height:40px; font-weight:600;box-sizing:border-box; color:#fff;}
.about05 .circle.borcor01 {border: 7px solid #9ecd59; color:#9ecd59; background:url("../images/about/04_bg01.png")center center repeat-x; }    
.about05 .circle.borcor02 {border: 7px solid #00b5ac; color:#00b5ac;  background:url("../images/about/04_bg02.png")center center repeat-x; }     
.about05 .circle.borcor03 {border: 7px solid #2182c4; color:#2182c4;  background:url("../images/about/04_bg03.png")center center repeat-x; }   
.about05 .circle.borcor04 {border: 7px solid #827dba; color:#827dba;  background:url("../images/about/04_bg04.png")center center repeat-x;  /*font-size:28px;*/ /*margin-top:200px; margin-bottom:100px;*/}  
.about05 .circle.borcor04 h3 {/* padding:0 20px ; height:82px; */}
.about05 .circle.borcor05 {border: 7px solid #827dba; color:#827dba;  background:url("../images/about/04_bg04.png")center center repeat-x; /* font-size:28px;*/ margin-top:80px; }   
.about05 .circle.borcor05 h3 { /*padding:0 20px ; height:82px; */}

.about05 h2 {float:left; width:300px; margin-right:30px; height:300px; text-align:center; padding:0 20px ; border-radius:560px;  box-sizing: border-box; background:#fff; font-size:30px; line-height:40px; font-weight:600;  font-family: "GmarketSansMedium", sans-serif !important; } 
.about05 h2 span {float:left; width:100%; font-size:1.4em; line-height:1.4em;}
.about05 h2.borcor01 {border: 7px solid #9ecd59; color:#9ecd59;  padding-top:50px }    
.about05 h2.borcor02 {border: 7px solid #00b5ac; color:#00b5ac;  padding-top:75px }     
.about05 h2.borcor03 {border: 7px solid #2182c4; color:#2182c4;  padding-top:50px }   
.about05 h2.borcor04 {border: 7px solid #827dba; color:#827dba;  padding-top:82px }   
.about05 h2.borcor05 {border: 7px solid #827dba; color:#827dba;  padding-top:50px }  
/*.about05 h2 {float:left; width:300px; margin-right:30px; height:300px; text-align:center; padding:0 20px ; border-radius:560px;  box-sizing: border-box; background:#fff; font-size:38px; line-height:48px; font-weight:600;  font-family: "GmarketSansMedium", sans-serif !important; } 
.about05 h2.borcor01 {border: 7px solid #9ecd59; color:#9ecd59;  padding-top:42px }    
.about05 h2.borcor02 {border: 7px solid #00b5ac; color:#00b5ac;  padding-top:92px }     
.about05 h2.borcor03 {border: 7px solid #2182c4; color:#2182c4;  padding-top:62px }   
.about05 h2.borcor04 {border: 7px solid #827dba; color:#827dba;  padding-top:102px }   
.about05 h2.borcor05 {border: 7px solid #00a040; color:#00a040;  padding-top:72px }   
*/
.about05 dl  {float:left; width:calc(100% - 300px - 60px); margin-right:30px;  box-sizing: border-box; }
.about05 dl dt {float:left; width:calc(60% - 15px);  height:130px; text-align:center; padding:50px 0; margin-right:15px; margin-bottom:15px; font-size:24px; border-radius:20px;  box-sizing: border-box; }
.about05 dl dt.borcor01 {background:#edf5e1; }
.about05 dl dt.borcor02 {background:#d9eeed; }
.about05 dl dt.borcor03 {background:#dfebf4; }
.about05 dl dt.borcor04 {background:#e1e0f5; }
.about05 dl dt.borcor05 {background:#e9faf0; }

.about05 dl dd {float:left;  width:calc(40% - 15px); height:130px; margin-left:15px; padding:0 30px; color:#fff; font-size:20px; border-radius:20px; background:#9dcc56;  box-sizing: border-box;}
.about05 dl dd.pt001 {padding-top:55px; }
.about05 dl dd.pt002 {padding-top:40px; }
.about05 dl dd.pt003 {padding-top:30px; }
.about05 dl dd.pt004 {padding-top:20px; }

.about05 dl dd.borcor01 {background:#9dcc56; }
.about05 dl dd.borcor02 {background:#00b5ac; }
.about05 dl dd.borcor03 {background:#2182c4; }
.about05 dl dd.borcor04 {background:#827dba; }
.about05 dl dd.borcor05 {background:#00a040; }

.about05 dl dd  ul {float:left; width:100%;   box-sizing: border-box;}
.about05 dl dd  ul li {float:left; width:100%;  font-size:21px; padding-bottom:5px;}

@media screen and (max-width:1280px){
	.about05 h2 {font-size:35px;}
	.about05 dl dt {font-size:20px; margin-right:5px;}
	.about05 dl dd {margin-left:5px;} 
	.about05 dl dd  ul li {font-size:18px;}
}

@media screen and (max-width:1024px){
	.about05 h2 {font-size:34px;}
	.about05 h2.borcor01 {padding-top:62px}
	.about05 dl dt {width:calc(50% - 15px);  }
	.about05 dl dd {width:calc(50% - 15px);  }
	.about05 dl dt {font-size:20px;}
	.about05 dl dd  ul li {font-size:18px;}
}

@media screen and (max-width:850px){
	.about05 { margin: 10px 0px;  }

	.about05 .circle {width:210px; margin-right:20px; height:210px; text-align:center; padding:25px 25px 0 25px;font-size:20px; line-height:22px;  }
	.about05 .circle h3 { height:65px; font-size:25px; line-height:40px; }
	.about05 .circle.borcor04 {font-size:20px;}   
	.about05 .circle.borcor04 h3 { height:60px; }
	.about05 .circle.borcor05 {font-size:20px; margin-top:40px; }   
	.about05 .circle.borcor05 h3 { height:60px; }

	.about05 h2 {width:200px; height:200px; font-size:24px; line-height:30px;}
	.about05 h2.borcor01 {padding-top:32px}
	.about05 h2.borcor02 { padding-top:52px }     
	.about05 h2.borcor03 {padding-top:42px }   
	.about05 h2.borcor04 {padding-top:70px }   
	.about05 h2.borcor05 {padding-top:28px }   
	.about05 dl  {float:left; width:calc(100% - 200px - 60px); }
	.about05 dl dt {font-size:18px; height:80px; padding:30px 0; }
	.about05 dl dd { height:80px; padding:0 20px;}
	.about05 dl dd.pt001 {padding-top:15px; }
	.about05 dl dd.pt002 {padding-top:10px; }
	.about05 dl dd.pt003 {padding-top:10px; }
	.about05 dl dd.pt004 {padding-top:3px; }
	.about05 dl dd  ul li {font-size:15px; line-height:17px; padding-bottom:2px;}
}


@media screen and (max-width:680px){
	
	.about05 dl dt {font-size:17px; height:100px; padding:25px 0;  }
	.about05 dl dd  ul li {font-size:14px; line-height:14px; letter-spacing:-0.5px; padding-bottom:2px;}
	.about05 dl dd { height:100px; padding:0 20px; }

}

@media screen and (max-width:480px){
	.about05 .circle {width:100%; height:130px; padding:0px 25px 0 25px; margin-bottom:20px;}
	.about05 .circle h3 {height:50px; padding:0px 0;}
	.about05 .circle.borcor04 {font-size:20px; margin-top:0px; margin-bottom:20px;}   
	.about05 .circle.borcor04 h3 {height:50px; padding:0px 0;}
	.about05 .circle.borcor05 {font-size:20px; margin-top:0px; margin-bottom:20px;}   
	.about05 .circle.borcor05 h3 {height:50px; padding:0px 0;}
	
	.about05 h2 {width:100%; height:100px; font-size:24px; line-height:30px; }
	.about05 h2.borcor01 {padding-top:15px}
	.about05 h2.borcor02 { padding-top:32px }     
	.about05 h2.borcor03 {padding-top:15px }   
	.about05 h2.borcor04 {padding-top:35px }   
	.about05 h2.borcor05 {padding-top:15px }  
	.about05 dl  {float:left; width:calc(100% - 0px - 0px); margin-right:0px;}
	.about05 dl dt {width:calc(50% - 10px); height:100px;  padding:30px 5px;}
	.about05 dl dd {width:calc(50% - 10px); height:100px;}
	.about05 dl dd  ul li { padding-bottom:0px;}
	.about05 dl dd.pt004 {padding-top:10px; }
	
}



.about05box	{position:relative; float:left;  width:100%; margin:0 0 20px 0;}
.about05box ul {position:relative; float:left;   width:100%;}
.about05box ul li {float:left; width:calc(16.6% - 2%); margin:0 2% 0 0; font-size:1.1em; padding-bottom:10px;}
.about05box ul li img {width:100%; padding-bottom:10px;}
.about05box ul h3 {float:left; width:100%; text-align:center; font-size:20px; color:#222; font-weight:600; margin:5px 0; font-family:'Noto Sans KR';}
.about05box ul h2 {float:left; width:100%; text-align:center; font-size:22px; color:#1f54a6; font-weight:600; margin:5px 0; height:30px; font-family:'Noto Sans KR';}
.about05box ul h2 span {font-size:0.9em; color:#222;}

@media screen and (max-width:1024px){
.about05box ul li {width:calc(20.0% - 2%); }
}

@media screen and (max-width:680px){
.about05box ul li {width:calc(33.3% - 2%); }
.about05box ul h3 , .about05box ul h2 {font-size:19px;}
}

@media screen and (max-width:480px){

.about05box ul h3 , .about05box ul h2 {font-size:18px;}
}

.map_wrap { position: relative; float: left; width: 95%; margin: 0px 0%; }
.map_wrap .map_view { overflow: hidden; }
.map_wrap .traffic { overflow: hidden; padding: 0px 0px 20px; box-sizing: border-box;}
.map_wrap .traffic h3 { margin: 10px 0px 30px; padding:0 0 0 25px; width: 100%; font-size: 24px; color: #222; font-weight:600;  background: url("../images/com/h2_bg04.png") 0% 40% no-repeat; } 
.map_wrap .traffic dl { overflow: hidden; float: left; width: 100%; }
.map_wrap .traffic dl dt.bus { float: left; width: 15%; height: 30px; padding-left: 40px; margin-bottom: 20px; background: url("../images/com/icon_bus.png") 0% 50% no-repeat; font-weight: 600; line-height: 30px; color: #222; clear: both; font-size: 20px; }
.map_wrap .traffic dl dt.help { float: left; width: 15%; height: 30px; padding-left: 40px; margin-bottom: 20px; background: url("../images/com/icon_help.png") 0% 50% no-repeat; font-weight: 600; line-height: 30px; color: #222; clear: both; font-size: 20px; }
.map_wrap .traffic dl dt.car { float: left; width: 15%; height: 30px; padding-left: 40px; margin-bottom: 20px; background: url("../images/com/icon_car.png") 0% 50% no-repeat; font-weight: 600; line-height: 30px; color: #222;  clear: both; font-size: 20px; }
.map_wrap .traffic dl dt.subway { float: left; width: 15%; height: 30px; padding-left: 40px; margin-bottom: 20px; background: url("../images/com/icon_subway.png") 0% 50% no-repeat; font-weight: 600; line-height: 30px; color: #222;  clear: both; font-size: 20px; }
.map_wrap .traffic dl dd { float: left; width: 70%; margin-bottom: 20px; line-height: 30px; font-size: 18px; }


.production {float:left; position:relative; width:100%; margin:0px 0 0;}
.production .main-img {position: relative; float:left; width: 49.8%;  background:#fff;  border:1px solid #ccc;}
.production .main-img01 {position: relative; float:left; width: 49.8%;  }
.production .pc450 {display:block;}
.production .mobile450 {display:none;}
.production .main-img-left {margin-right:0%;}
.production .main-img-right {margin-left:0%;}
.production .main-img img {width: 100%;}
.production .main-img01 img {width: 100%;}

.production .txt {position: relative; float:left; width: 50.0%;  z-index: 101;padding:10% 5% 0% 5%; letter-spacing:-0.5px; box-sizing:border-box; } 
.production .txt01 {position: relative; float:left; width: 50.0%;  z-index: 101;padding:10% 3% 0% 12%; box-sizing:border-box; } 
.productionbg01 {background:#687fde;}
.productionbg02 {background:#f38333;}
.productionbg03 {background:#a9cd3f;}
.production .txt h2 {font-size: 30px; color: #fff; font-weight: 800;padding-bottom:60px;}
.production .txt h2 b {color:#ce4901;}
.production .txt01 h2 {font-size: 35px; color: #222; font-weight: 400;padding-bottom:60px;}
.production .txt01 h2 b {color:#ce4901; font-size: 40px; }
.production .txt01 h2 span {font-weight:800;}
.production  ul {float:left; width:100%; background:#fff; padding:20px; box-sizing:border-box; border-radius:10px} 
.production  ul li {float:left; width:100%; background:url('../images/DBSearch/bullet01.png') left 16px no-repeat; font-size:18px; font-weight:600; padding:6px 0 6px 15px; line-height:30px;}
.production  p {font-size:30px; /*color:#004ea2;*/ color:#fff; line-height:33px;}
.production  .br01 {display:block;}
.production p b {font-weight:600; color:#000;}

.production02 {width:80%; margin:0 10% auto;  box-sizing:border-box;  padding:20px 30px;  text-align:center;  border-radius:30px; line-height:30px; background:#5c86c5; color:#fff;	text-decoration:none; font-size:32px; font-weight:700; font-family:'NanumSquare','Noto Sans KR','Malgun Gothic', 맑은 고딕,'Nanum Gothic', Sans-serif;}
.production02 span {margin-top:-10px;}


.work01box {position:relative;float:left;  width:100%; }
.work01box li {float:left; width:31.3%; text-align:center; margin:1.0%; }
.work01box li h2 {float:left; width:100%; padding:10px 0; font-size:25px; font-weight:600; background:#8dc63f; color:#fff; }
.work01box li p {float:left;  width:100%;  font-size:16px; border-left:1px solid #dfdfdf;  border-right:1px solid #dfdfdf;  border-bottom:1px solid #dfdfdf;  padding:20px; box-sizing:border-box;}
.work01box li ul {float:left;  width:100%; height:470px; font-size:16px; border-top:4px solid #b3b3b3; border-left:1px solid #dfdfdf;  border-right:1px solid #dfdfdf;  border-bottom:1px solid #dfdfdf;  padding:20px; box-sizing:border-box;}
.work01box li ul li {float:left; width:100%; /*padding:0 0 8px 0;*/ padding: 0px 0px 8px 15px; background:url('../images/com/icon09.png') 0 8px no-repeat; font-size:17px; text-align:left; margin:0px; }

.work02box {position: relative; float: left; width: 100%;  background:url('../images/work/02_bg01.png') bottom left no-repeat; margin-bottom:2%;}
.work02box li {float:left; width: 29.3%; margin:1% 2% 1% 2%; display:table;   }
.work02box li .Img {float:left;  width:25%;} 
.work02box li .Img img {width:100%;}
.work02box li .Txt {float:left;  width:75%; padding:0 0 0 30px; box-sizing:border-box; font-size:17.5px; line-height:23px;}
.work02box li .Txt span {float:left; color:#000; font-weight:600;  padding-top:10px;}
.work02box li .Txt h2 {float:left; width:100%; font-size:22px; line-height:33px; color:#00afc3; margin-bottom:10px;}
.work02box li .Txt h2 b	{ color:#345688;}
.work02box li .Txt img {width:50%;}

/*
.work02box {position: relative; float: left; width: 100%; }
.work02box li {float:left; width: 45.3%; margin:2.5% 1.5% ; display:table;  }
.work02box li .Img {float:left;  width:20%;} 
.work02box li .Img img {width:100%;}
.work02box li .Txt {float:left;  width:80%; padding:0 0 0 30px; box-sizing:border-box; font-size:18px;}
.work02box li .Txt span {float:left; color:#000; font-weight:600;  padding-top:10px;}
.work02box li .Txt h2 {float:left; width:100%; font-size:24px; color:#00afc3; margin-bottom:10px;}
.work02box li .Txt h2 b	{ color:#345688;}
.work02box li .Txt img {width:40%;}
*/

.work03box {position: relative; float: left; width: 100%;  background:#fff100; padding:20px 40px; box-sizing:border-box;}
.work03box ul.wid01 {position: relative; float: left; width: 100%; }
.work03box ul.wid01 li {float:left; width:50%;}
.work03box ul.wid01 li img {width:100%;}
.work03box ul.wid02 {position: relative; float: left; width: 100%; }
.work03box ul.wid02 li {float:left; width:48%; box-sizing:border-box; margin:1%; padding:30px; border:1px solid #ccc; font-size:18px; background:#fff; border-radius: 15px; }
.work03box ul.wid02 li b {font-size:22px; line-height:40px; color:#e84261; } 

.work03box h2 {float:left; width:100%; padding:10px 0; text-align:left; font-size:30px; }
.work03box dl{position: relative; float: left; width: 100%; margin-bottom:10px;}
.work03box dt {float:left; width:20%; border-radius: 15px;  padding:20px; box-sizing:border-box; font-size:25px; color:#fff; text-align:center;}
.work03box .b01 {background:#e84261;}
.work03box .b02 {background:#fcc800;}
.work03box .b03 {background:#3eb134;}
.work03box .b04 {background:#0db5cb;}
.work03box dd {float:left; width:80%; padding:20px; box-sizing:border-box; font-size:22px; }
.work03box dd ul li {font-size:18px; float:left; width:100%; padding-bottom:7px;}
.work03box dd ul li strong {font-size:22px; border-bottom:1px solid #222; padding-bottom:5px; }
.work03box dd ul li b {color:#e84261;}
.work03box dd ul li span {color:#3eb134;}
/*.work03box dd img {width:100%;}*/


@media screen and (max-width:1024px){

.production .txt {padding:6% 4% 0% 4%; } 
.production .txt p {font-size:20px; line-height:30px;}

.work01box li ul { height:auto; }
.work01box li ul li {font-size:16px;}

.work02box li {float:left; width: 30.3%; margin:1.5%; display:table; }
.work02box li .Txt { font-size:15px; line-height:20px;}
.work02box li .Txt h2 {font-size:19px; line-height:25px;}
.work02box li .Txt .br01 {display:none;}
}


@media screen and (max-width:850px){
   .production .main-img {width: 49.7%; }
   .production .txt h2 {font-size:24px; padding-bottom:30px;}
   .production .txt ul li {font-size:15px;padding:5px 0 5px 15px; line-height:24px;} 
   .production .txt p {font-size:18px; line-height:24px;}
   .production .txt01 h2 {font-size:30px; padding-bottom:30px;}
   .production  .br01 {display:none;}

.work02box {position: relative; float: left; width: 100%; }
.work02box li {float:left; width: 45.3%; margin:2.5% 1.5% ; display:table;  }
.work02box li .Img {width:20%;}
.work02box li .Txt {width:80%;}
.work02box li .Txt img {width:40%;}
.work03box dt {font-size:20px; }
.work03box dd {font-size:17px; }
}


@media screen and (max-width:680px){
	.work01box li {width:98%;}
	.work01box img {width:auto;}

   .production .main-img {border:0px;}
   .production .txt01 {padding:10% 3% 0% 5%;} 
   .work02box li {width: 100%;}
   .work03box {position: relative; float: left; width: 100%;  background:#fff100; padding:10px; box-sizing:border-box;}
      .work03box .wcenter img {width:100%;}
	  .work03box ul.wid01 li {width:100%;}
	  	  .work03box ul.wid02 li {width:100%;}
		  .work03box dt {padding:10px 0px 10px 0px;}
}

@media screen and (max-width:450px){
    .production .main-img {width: 100%; }
	.production .main-img01{width: 100%; }
	.production .main-img-left {padding-right:0%;}
	.production .main-img-right {padding-left:0%;}
    .production .pc450 {display:none;}
	.production .mobile450 {display:block;}
	.production .txt {width: 100%; }
	.production .txt h2 {font-size:24px; padding:20px 0;}
	.production .txt ul li {font-size:15px;padding:5px 0 5px 15px; line-height:24px;} 
	.production .txt p {font-size:15px; line-height:22px; margin-bottom:20px;}
    .production .txt01 {width: 100%; }
	.production .txt01 h2 {font-size:24px; line-height:33px; padding:20px 0;}
	.production .txt01 h2 b {font-size:30px; }
	
.work03box h2 {font-size:25px;}
.work03box dt {float:left; width:100%;}
.work03box dd {float:left; width:100%; padding:10px 0px;}
.work03box dd strong {float:left; width:100%; margin-bottom:10px;}
.work03box ul.wid02 li {font-size:15px; padding:15px;}

}

.work08 {position: relative; float: left; width:100%;  background-size:100%;  padding:50px; box-sizing:border-box; margin:40px 0;}
.work08.bg01 {background:#ffecd2 url('../images/work/08_bg01.png') center bottom no-repeat;}
.work08.bg02 {background:#ffecd2 url('../images/work/09_bg01.png') center bottom no-repeat;}
.work08 h1	 {float:left; width:100%; font-size:45px; line-height:55px;  text-align:center; font-family: "GmarketSansMedium", sans-serif !important; color:#009148;  padding:20px;  box-sizing:border-box;}
.work08 h3 {float:left; width:100%; color:#009148;text-align:center; padding:0px 20px 20px 0; font-size:30px; font-weight:600; box-sizing:border-box;}
.work08 ul {float:left;margin:2%;  border-radius:20px; padding:40px 20px 20px 40px; box-sizing:border-box; background:rgb(255 255 255 / 0.8); }
.work08 ul.wid01 { width:21%; height:200px; }
.work08 ul.wid02 { width:46%; height:200px; }
.work08 ul  li {float:left; width:100%; padding-bottom:10px; box-sizing:border-box;   list-style-type:disc; font-size:20px; line-height:24px;}
.work08 p {float:left; width:100%; margin:2%;  border-radius:20px; padding:40px 20px 20px 40px; box-sizing:border-box; background:rgb(255 255 255 / 0.8);  font-size:20px; line-height:24px;}

@media(max-width:850px){
.work08 ul.wid01 { width:46%; }

}

@media(max-width:680px){

	.work08 h1	{font-size:38px; line-height:45px;}
}

@media(max-width:480px){
	.work08 { padding:20px;}
	.work08 ul.wid01 {width:100%;   height:auto; }	
	.work08 ul.wid02 {width:100%;   height:auto; }
	
}


.support_process {float: left; width: 100%; font-size: 18px; line-height: 25px; margin: 10px 0px; }
.support_process li { float: left; width: 23.75%; padding: 15px;  margin-right:1.5%; box-sizing:border-box;  border:1px solid #dfdfdf ;  border-radius: 30px;   text-align:center;}
.support_process li:last-child {margin-right:0;}
.support_process li img { margin:20px 0; }
.support_process li h2 {width:100%; text-align:center; font-size:25px; font-weight:600; color:#fff;  padding:10px 0; margin:0px 0; background:#8dc63f;  border-radius: 30px;}

.support_process01 {float: left; width: 100%; font-size: 18px; line-height: 25px; margin: 10px 0px; }
.support_process01 li { float: left; width: 16%;  padding:30px 15px;  margin-right:0.6%; font-size:20px; color:#fff;  box-sizing:border-box;  border:1px solid #dfdfdf ;  border-radius: 100px;   text-align:center;}
.support_process01 li br {display:none;}
.support_process01 li:nth-of-type(1) {background:#009688;}
.support_process01 li:nth-of-type(2) {background:#4CAF50;}
.support_process01 li:nth-of-type(3) {background:#8BC34A;}
.support_process01 li:nth-of-type(4) {background:#bac647;}
.support_process01 li:nth-of-type(5) {background:#0eaec3;}
.support_process01 li:nth-of-type(6) {background:#1b73b9;}

@media screen and (max-width:1024px){
.support_process li h2 {font-size:22px;}
}

@media screen and (max-width:1023px){
.support_process li h2 {font-size:20px;}
.support_process01 li {height:110px;}
.support_process01 li br {display:block;}
}

@media screen and (max-width:680px){
.support_process li {width:48.5%; margin-bottom:2%;}
.support_process01 li {font-size:18px;}
}

@media screen and (max-width:480px){
.support_process li {width:100%; margin:0 0 2% 0;}
.support_process li img {width:auto;}
.support_process01 li {font-size:17px; width:32%; margin-bottom:10px;}
	}



/* 봉사활동 안내 */
.volun_info_cont {margin-top: 60px;}
.volun_info_cont .terms {margin-bottom: 60px;}
.volun_info_cont .terms p {font-size: 42px;font-weight: 700;color: #02652f;line-height: 54px;margin-bottom: 60px;}
.volun_info_cont .terms span {display: block;font-size: 20px;color: #666;line-height: 32px;}
.volun_info_cont .terms span strong {font-weight: 700;color: #02652f;}
.volun_info_cont .col h4 {font-size: 42px;font-weight: 700;margin-bottom: 60px;}
.volun_info_cont .col~.col {margin-top: 80px;}
.volun_info_cont .col1 .cont_wrap {overflow: hidden;}
.volun_info_cont .col1 .cont_wrap dl {position: relative;width: 31.8%;float: left;border: 1px solid #f5f5f5;padding-top: 139px;box-sizing: border-box;}
.volun_info_cont .col1 .cont_wrap dl~dl {margin-left: 20px;}
.volun_info_cont .col1 .cont_wrap dl:before {content: '';position: absolute;top:23px;}
.volun_info_cont .col1 .cont_wrap .box1:before {width: 100%;height: 100px;background: url(../images/support/ic_voluninfo1.png) center no-repeat;background-size: 30%;}
.volun_info_cont .col1 .cont_wrap .box2:before {width: 100%; height: 100px;background: url(../images/support/ic_voluninfo2.png) center no-repeat;background-size: 25%;}
.volun_info_cont .col1 .cont_wrap .box3:before {width: 100%; height: 100px;background: url(../images/support/ic_voluninfo3.png) center no-repeat;background-size: 25%;}
.volun_info_cont .col1 .cont_wrap dl dt,
.volun_info_cont .col1 .cont_wrap dl dd {background: #f5f5f5;}
.volun_info_cont .col1 .cont_wrap dl dt {padding-top: 40px;text-align: center;font-size: 24px;font-weight: 700;color: #02652f;padding-bottom: 40px;}
.volun_info_cont .col1 .cont_wrap dl dd {position: relative;;font-size: 20px;;line-height: 26px;padding-left: 82px;padding-bottom: 20px;}
.volun_info_cont .col1 .cont_wrap dl dd:before {content: '';position: absolute;top: 10px;left: 70px;width: 6px;height: 6px;background: #0d904a;border-radius: 50%;}
.volun_info_cont .col1 .cont_wrap dl dd:last-child {padding-bottom: 40px;}

.volun_info_cont .col2 .cont_wrap {overflow: hidden;}
.volun_info_cont .col2 .cont_wrap li {position: relative;;width: 49%;height: 160px;padding-left:200px;border: 1px solid #cecece;margin-right: 20px;margin-bottom: 20px;float: left;box-sizing: border-box;}
.volun_info_cont .col2 .cont_wrap li:nth-of-type(2n) {margin-right: 0;}
.volun_info_cont .col2 .cont_wrap li:before {content: '';position: absolute;left: 50px;}
.volun_info_cont .col2 .cont_wrap .box1:before {top: 35px;width: 95px;height: 84px;background: url(../images/support/ic_voluninfo4.png);background-size: cover;}
.volun_info_cont .col2 .cont_wrap .box2:before {top: 35px;width: 100px;height: 71px;background: url(../images/support/ic_voluninfo5.png);background-size: cover;}
.volun_info_cont .col2 .cont_wrap .box3:before {top: 35px;width: 80px;height: 84px;background: url(../images/support/ic_voluninfo6.png);background-size: cover;}
.volun_info_cont .col2 .cont_wrap .box4:before {top: 35px;width: 89px;height: 94px;background: url(../images/support/ic_voluninfo7.png);background-size: cover;}
.volun_info_cont .col2 .cont_wrap .box1,
.volun_info_cont .col2 .cont_wrap .box2 {padding-top:40px;padding-bottom: 40px;}
.volun_info_cont .col2 .cont_wrap .box3,
.volun_info_cont .col2 .cont_wrap .box4 {padding-top: 57px;padding-bottom: 77px;}
.volun_info_cont .col2 .cont_wrap li p {font-size: 20px;line-height: 32px;}

.volun_info_cont .col3 {padding-bottom: 80px;border-bottom: 20px solid #f5f5f5;}
.volun_info_cont .col3 .cont_wrap {overflow: hidden;}
.volun_info_cont .col3 .cont_wrap li {position: relative;;width: 23%;text-align: center;float: left;}
.volun_info_cont .col3 .cont_wrap li~li {margin-left: 20px;}
.volun_info_cont .col3 .cont_wrap li~li:before {content: '';position: absolute;top: 30px;left: 0;width: 21px;height: 37px;background: url(../images/support/ic_arrow.png);}
.volun_info_cont .col3 .cont_wrap li i {display: block;margin: 0 auto 47px auto;}
.volun_info_cont .col3 .cont_wrap .step1 i {width: 93px;height: 104px;background: url(../images/support/ic_voluninfo8.png);background-size: cover;}
.volun_info_cont .col3 .cont_wrap .step2 i {width: 100px;height: 104px;background: url(../images/support/ic_voluninfo9.png);background-size: cover;}
.volun_info_cont .col3 .cont_wrap .step3 i {width: 109px;height: 104px;background: url(../images/support/ic_voluninfo10.png);background-size: cover;}
.volun_info_cont .col3 .cont_wrap .step4 i {width: 72px;height: 104px;background: url(../images/support/ic_voluninfo11.png);background-size: cover;}
.volun_info_cont .col3 .cont_wrap li .step {font-size: 22px;font-weight: 700;color: #02652f;line-height: 24px;margin-bottom: 20px;}
.volun_info_cont .col3 .cont_wrap li .memo {font-size: 18px;line-height: 27px;}
.volun_info_cont .col3 .cont_wrap li .btnV {display: block;margin:60px auto 0 auto;width: 100%;height: 60px;text-align: center;line-height: 60px;border: 1px solid #02652f;font-size: 20px;font-weight: 500;color: #02652f;}

.volun_info_cont .col4 .cont_wrap {overflow: hidden;}
.volun_info_cont .col4 .img {width: 280px;height: 380px;background: url(../images/support/img_confirmation.png);margin-right: 60px;float: left;}
/* .volun_info_cont .col4 .txt_g {float: left;} */
.volun_info_cont .col4 .txt_g p {font-size: 20px;line-height: 36px;margin-bottom: 40px;}
.volun_info_cont .col4 .txt_g p strong {font-size:22px;text-decoration:underline;}
.volun_info_cont .col4 .txt_g .btnG {display: block;width: 300px;height: 60px;margin-top:20px;text-align: center;line-height: 60px;border: 1px solid #02652f;font-size: 24px;font-weight: 500;color: #02652f;}
.volun_info_cont .col4 .txt_g .txt2 {margin-top: 70px;}

@media screen and (max-width:1023px){
.volun_info_cont .col h4 {font-size: 32px;margin-bottom: 40px;}	
.volun_info_cont .col1 .cont_wrap dl {width: 31.0%;}
	
.volun_info_cont .col1 .cont_wrap dl dd {font-size: 18px;;line-height: 20px;padding-left: 30px;}	
.volun_info_cont .col1 .cont_wrap dl dd:before {content: '';position: absolute;top: 7px;left: 15px;width: 6px;height: 6px;background: #0d904a;border-radius: 50%;}
.volun_info_cont .col1 .cont_wrap .box1:before {background-size: 45%;}
.volun_info_cont .col1 .cont_wrap .box2:before {background-size: 35%;}
.volun_info_cont .col1 .cont_wrap .box3:before {background-size: 35%;}


	
.volun_info_cont .col2 .cont_wrap li {width: 48%;height: 140px;padding-left:130px;margin-right: 1.9%;margin-bottom: 2%;}
.volun_info_cont .col2 .cont_wrap li:before {content: '';position: absolute;left: 20px;}
.volun_info_cont .col2 .cont_wrap li p {font-size: 18px;line-height: 24px;}
	.volun_info_cont .col2 .cont_wrap li p br {display:none;}
	
}


@media screen and (max-width:520px){
	
.volun_info_cont .col1 .cont_wrap dl {width: 100%;}
	
.volun_info_cont .col1 .cont_wrap dl dd {font-size: 18px;;line-height: 20px;padding-left: 30px;}	
.volun_info_cont .col1 .cont_wrap dl dd:before {content: '';position: absolute;top: 7px;left: 15px;width: 6px;height: 6px;background: #0d904a;border-radius: 50%;}
.volun_info_cont .col1 .cont_wrap .box1:before {background-size: 35%;}
.volun_info_cont .col1 .cont_wrap .box2:before {background-size: 25%;}
.volun_info_cont .col1 .cont_wrap .box3:before {background-size: 25%;}


.volun_info_cont .col2 .cont_wrap li {width: 100%;height: 140px;padding-left:130px;margin-right: 0%;margin-bottom: 2%;}
.volun_info_cont .col2 .cont_wrap li:before {content: '';position: absolute;left: 20px;}
.volun_info_cont .col2 .cont_wrap li p {font-size: 18px;line-height: 24px;}
.volun_info_cont .col2 .cont_wrap li p br {display:none;}

.volun_info_cont .col3 .cont_wrap li {position: relative;;width: 44%;text-align: center;float: left;}
.volun_info_cont .col3 .cont_wrap li~li {margin-left: 20px; margin-bottom:20px;}
.volun_info_cont .col3 .cont_wrap li .btnV {font-size: 16px;}
	
}


.work02_box { float: left; width: 96%; font-size: 17px; line-height: 26px; margin: 2% 0px 3%; padding: 2%; border: 3px solid rgb(242, 242, 242); }
.work02_box li { float: left; width: 100%; padding: 10px 0px; }
.work02_box02 { float: left; width: 100%; line-height: 26px; margin: 2% 0px 3%; }
.work02_box02 li { float: left; padding: 2% 1%; border: 2px solid rgb(242, 242, 242); width: 42.5%; margin: 2%; font-size: 15px; text-align: center; line-height: 22px; }
.work02_box02 li b { font-size: 17px; margin-bottom: 10px; display: block; color: rgb(253, 140, 19); }
.work02_img { float: left; margin: 20px 0px; width: 100%; text-align: center; }
.work03_img { float: left; margin: 20px 0px; width: 100%; }
.work04_img { float: left; margin: 20px 0px; width: 100%; text-align: center; }
.work05_img { float: left; margin: 20px 0px; width: 100%; text-align: center; }
.work0202 { float: left; width: 100%; font-size: 1.5em; line-height: 1.4em; }
.work0202 li { float: left; margin-left: 2%; width: 19.3%; border: 1px solid rgb(229, 229, 229); padding: 3% 2%; text-align: center; box-shadow: rgba(0, 0, 0, 0.1) 3px 3px 3px; }
.work0202 li b { font-size: 1.1em; font-weight: 500; }
.work0202 li span { float: left; width: 100%; font-size: 0.95em; color: rgb(115, 115, 115); line-height: 1.2em; margin-top: 10px; }
.work0202 li.hei01 { font-size: 0.9em; line-height: 1.2em; height: 45px; }
.work0202 li:first-child { margin-left: 0%; }
.work02037 { float: left; width: 100%; font-size: 1.5em; }

.biz_work .work { display: inline-block; width: 100%; color: rgb(0, 0, 0); border-bottom: 1px solid rgb(229, 229, 229); }
.biz_work .work_tit { float: left; width: 30%; height: 250px; font-size: 35px; line-height: 45px; letter-spacing: -0.05em; }
.biz_work .work_tit strong { display: block; font-weight: 600; }
.biz_work .work_txt { width: 60%; float: right; letter-spacing: -0.05em; }
.biz_work .work_txt h3 { width: 100%; font-size: 24px; }
.biz_work .work_txt ul.txt li { font-size: 16px; line-height: 22px; padding: 0px 0px 10px; color: rgb(191, 91, 47); }
.biz_work .work_txt dl.txt dt { font-size: 20px; line-height: 20px; color: rgb(191, 91, 47); font-weight: 600; }
.biz_work .work_txt dl.txt dd { margin: 15px 0px; font-size: 15px; line-height: 25px; color: rgb(85, 85, 85); }
.biz_work .work_txt dl.period { margin-top: 45px; }
.biz_work .work_txt dl.period dt { font-size: 17px; color: rgb(24, 24, 24); }
.biz_work .work_txt dl.period dd { margin-top: 15px; font-size: 15px; line-height: 25px; color: rgb(0, 0, 0); }
.biz_work .work_txt dl.period dd p { color: rgb(136, 136, 136); }
.biz_work .work.box1 .work_tit { background: url("/images/work/work_bg1.png") right bottom / 80% no-repeat; }
.biz_work .work.box2 { margin-top: 45px; border-bottom: 0px; }
.biz_work .work.box3 .work_tit { height: 250px; background: url("/images/enterprise/01_img_01.jpg") right bottom / 70% no-repeat; }
.biz_work .box { display: inline-block; width: 100%; margin-top: 22px; }
.biz_work .box li { margin-left: 25px; padding-top: 120px; float: left; width: 348px; height: 128px; font-size: 14px; line-height: 22px; color: rgb(85, 85, 85); border: 1px solid rgb(229, 229, 229); text-align: center; letter-spacing: -0.05em; }
.biz_work .box li:first-child { margin-left: 0px; }
.biz_work .box li.icon1 { background: url("/img/03business/icon_work1.gif") 50% 35px no-repeat; }
.biz_work .box li.icon2 { background: url("/img/03business/icon_work2.gif") 50% 40px no-repeat; }
.biz_work .box li.icon3 { background: url("/img/03business/icon_work3.gif") 50% 45px no-repeat; }
.biz_work .box li span { color: rgb(255, 81, 13); font-family: NotoKrB; }


.tabtable { display: none; }

.work03_tit_wrap { float: left; display: inline-block; width: 100%; background-color: rgb(232, 248, 247); margin-bottom: 20px; }
.work03_tit_wrap ul { float: left; padding: 5% 0px 5% 5%; width: 95%; background: url("/images/work/03_img_01.png") right bottom / auto 250px no-repeat; }
.work03_tit_wrap h2 { float: left; padding: 0px 0px 20px; font-size: 35px; font-weight: 600; width: 100%; }
.work03_tit_wrap ul li { float: left; font-size: 16px; padding: 0px 0px 10px; width: 85%; }
.work03_box { float: left; width: 100%; line-height: 26px; margin: 0% 0px 1%; padding: 0%; }
.work03_box li { float: left; padding: 0px 0px 7px; font-size: 16px; }
.work03_box01 { float: left; width: 100%; line-height: 26px; margin: 0% 0px 1%; padding: 0%; }
.work03_box01 li { float: left; font-size: 15px; border: 1px solid rgb(225, 225, 225); width: 44%; padding: 1.5%; margin: 1%; height: 82px; }
.work03_box01 li strong { font-size: 20px; font-weight: 600; padding-bottom: 10px; display: inline-block; }
.enterprise { display: inline-block; width: 100%; color: rgb(0, 0, 0); margin-bottom: 30px; }
.enterprise .work_img { float: left; width: 33%; font-size: 35px; line-height: 45px; letter-spacing: -0.05em; }
.enterprise .work_img img { width: 100%; }
.enterprise .work_txt { float: right; width: 62%; }
.enterprise .work_img01 { float: left; width: 100%; font-size: 35px; line-height: 45px; letter-spacing: -0.05em; text-align: center; }
.enterprise .work_img01 img { }
.enterprise .work_txt01 { float: right; width: 100%; }
.enterprise h3 { width: 100%; font-size: 25px; font-weight: 400; margin-bottom: 20px; }
.enterprise h3 strong { font-weight: 600; }
.enterprise .txtline { display: inline-block; width: 100%; margin-top: 20px; }
.enterprise .txtline li { width: 100%; line-height: 22px; font-size: 15px; color: rgb(42, 155, 115); padding: 1px 0px; }
.enterprise dl.txt dt { font-size: 20px; line-height: 20px; color: rgb(191, 91, 47); font-weight: 600; }
.enterprise dl.txt dd { margin: 15px 0px; font-size: 15px; line-height: 25px; color: rgb(85, 85, 85); }
.enterprise dl.txt dd strong { color: rgb(70, 78, 186); font-weight: 600; }
.enterprise dl.txt dd.t01 { font-size: 15px; line-height: 25px; color: rgb(0, 0, 0); font-weight: 500; background: rgb(241, 241, 241); padding: 10px; }
.enterprise .box { display: inline-block; width: 100%; margin-top: 22px; }
.enterprise .box li { margin-left: 1.5%; float: left; width: 24%; padding: 90px 1.5% 1.5%; height: 90px; font-size: 17px; line-height: 22px; border: 1px solid rgb(211, 211, 211); text-align: center; letter-spacing: -0.05em; color: rgb(17, 17, 17); }
.enterprise .box li.wid01 { width: 46%; height: 60px; }
.enterprise .box li.wid02 { width: 46%; }
.enterprise .box li:first-child { margin-left: 0px; }
.enterprise .box li.icon1 { background: url("/images/work/01_icon_01.png") 50% 20px no-repeat; }
.enterprise .box li.icon2 { background: url("/images/work/01_icon_02.png") 50% 30px no-repeat; }
.enterprise .box li.icon3 { background: url("/images/work/01_icon_03.png") 50% 25px no-repeat; }
.enterprise .box li.icon4 { background: url("/images/work/01_icon_04.png") 50% 25px no-repeat; }
.enterprise .box li.icon5 { background: url("/images/work/01_icon_05.png") 50% 25px no-repeat; }
.enterprise .box li.icon6 { background: url("/images/work/01_icon_06.png") 50% 25px no-repeat; }
.enterprise .box li b { color: rgb(255, 108, 0); }
.enterprise .box li p { font-size: 16px; color: rgb(136, 136, 136); }
.enterprise .txt_box { width: 100%; padding: 17px 0px; margin-top: 17px; font-size: 15px; color: rgb(85, 85, 85); text-align: center; line-height: 23px; letter-spacing: -0.05em; background: rgb(242, 243, 247); }
.enterprise .txt_box p { font-size: 13px; }
.enterprise_map { }
.enterprise_map { width: 90%; float: left; padding: 10px; }
.enterprise_map iframe { width: 90%; height: 450px; }

.support_text { float: left; width: 100%; font-family: NanumSquare, "Noto Sans KR", "Malgun Gothic", "Nanum Gothic", sans-serif; }
.support_text .Img {float:left; width:40%; text-align:center; }
.support_text .Txt	{float:left; width:60%; font-sizE:22px; line-height:40px; margin:30px 0;}
.support_text .Txt .c01 {color:#004ea2;}
.support_text .Txt .c02 {color:#ff6a00;}
.support_text b { color: rgb(255, 174, 0); font-weight: 700; }

@media screen and (max-width:680px){
.support_text .Txt	{font-sizE:18px;}
  
}

@media screen and (max-width:450px){
	.support_text .Img	{width:100%}
	.support_text .Txt	{width:100%; letter-spacing:-1.0px; font-sizE:17px;}
}

@media screen and (max-width:375px){
	.support_text .Txt	{font-sizE:16px;}	
}


.unit-arrow { display:block; text-indent:-9999px; width: 40px; height: 40px; position:absolute; z-index: 2; background:transparent url('../images/com/arr_right02.png') center center no-repeat; top:50%; margin-top:-20px;right: -30px;; }
.unit-arrow01 { display:block; text-indent:-9999px; width: 40px; height: 40px; position:absolute; z-index: 2; background:transparent url('../images/com/arr_right04.png') center center no-repeat; top:50%; margin-top:-20px;right: -30px;; }

.process02 {position:relative; float:left; width:100%; margin:10px 0 20px; text-align:center; box-sizing:border-box; color:#222;}
.process02 li {	floaT:left; position: relative;	display:-ms-flexbox;	display:-webkit-flexbox;	/* display: flex; */	align-items:center;	justify-content:center;	
						width:calc(50.0% - 25px);			font-size:22px; line-height:26px;			box-sizing: border-box;	padding: 1.5em 1em;	margin: 0 0.5em;	border-radius: 50px;	vertical-align: middle;	background: #fff; border:1px solid #ccc ;	word-break:keep-all;}
.process02 li h2 {position:relative; float:left; width:100%; font-size:30px; color:#222;  padding:20px 0; margin:0 0 20px;}
.process02 li h3 {position:relative; float:left;width:100%; height:140px; }

.process02_01 {position:relative; float:left; width:100%; margin:10px 0 20px; text-align:center; box-sizing:border-box; color:#222;}
.process02_01 li {	floaT:left; height:260px;	position: relative;	display:-ms-flexbox;	display:-webkit-flexbox;	/* display: flex; */	align-items:center;	justify-content:center;	
						width:calc(50.0% - 20px);			font-size:19px;line-height:22px;			box-sizing: border-box;	padding: 1.0em 1em;	margin: 0 0.5em;	border-radius: 15px;	vertical-align: middle;	background: #fff; border:1px solid #ccc ;	word-break:keep-all;}
.process02_01 li h2 {position:relative; float:left; width:100%; font-size:22px; color:#222; background:#dfdfdf; padding:20px 0; margin:0 0 20px;}
.process02_01 li h3 {position:relative; float:left;width:100%; height:70px; }

.process03 {position:relative; float:left; width:100%; margin:10px 0; text-align:center; box-sizing:border-box; color:#222; }
.process03 li {position: relative; float:left; height:170px;  font-size:20px;	line-height:24px;	width:calc(33.333% - 20px); /*display:-ms-flexbox;	display:-webkit-flexbox;   display: flex;	*/ 
							align-items:center;	justify-content:center;    box-sizing: border-box;    padding: 28px 10px;    margin: 0 1em 0 0;    border-radius: 20px;    vertical-align: middle;    	background: #fff; border:1px solid #dfdfdf ;		word-break:keep-all;	}
.process03 li.hei01 {height:200px;}
.process03 h2 {position:relative;float:left; width:100%; font-size:1.2em; background:#51b0cb; color:#fff; padding:1em 1em; margin-bottom:0.5em; text-align:center; border-radius: 15px;  box-sizing:border-box; }
.process03 li h3 {width:100%; height:75px;}
.process03 li p {font-size:23px; font-weight:600; padding-top:10px; line-height:24px;}
.process03 li p span {font-size:18px; }

.process03_01 {position:relative; float:left; width:100%; margin:10px 0 20px; text-align:center; box-sizing:border-box; color:#222;}
.process03_01 li {	floaT:left; 	position: relative;	display:-ms-flexbox; 	display:-webkit-flexbox;	/* display: flex; */	align-items:center;	justify-content:center;	
					width:calc(33.3% - 20px);			font-size:19px;line-height:22px;			box-sizing: border-box;	padding: 30px 20px;	margin: 0 0.5em;	border-radius: 50px;	
				  vertical-align: middle;background:#fff;	border:1px solid #dfdfdf ; word-break:keep-all;}
.process03_01 li h2 {position:relative; float:left; width:100%; font-size:26px; color:#111;  padding:20px 0; margin:0 0 0px;}
.process03_01 li h3 {position:relative; float:left;width:100%; height:90px; }
.process03_01 li.hei01 { height:150px;}
.process03_01 li ul {float:left; width:100%; margin:20px 0 0 0;}
/*.process03_01 li ul li {float:left; width:100%; border:0px; height:auto; padding:0 0 7px 0; }*/
.process03_01 li ul li {float:left; width:80%; border:0px; height:auto; padding:0 0 7px 18%;  text-align:left;}
.process03_01 li a {padding:10px 20px; color:#fff; background:#00a040; border-radius:30px;}
.process03_01 li a:hover { background:#9E9E9E; } 

.process03_02 {position:relative; float:left; width:100%; margin:30px 0 50px; text-align:center; box-sizing:border-box; color:#222; }
.process03_02 li {position: relative; float:left; height:265px;  font-size:20px;	line-height:24px;	width:calc(33.333% - 20px); /*display:-ms-flexbox;	display:-webkit-flexbox;   display: flex;	*/ 
							align-items:center;	justify-content:center;    box-sizing: border-box;    padding: 28px 10px;    margin: 0 1em 0 0;    border-radius: 50px;    vertical-align: middle;    	background: #fff; border:1px solid #dfdfdf ;		word-break:keep-all;	}
.process03_02 li h2 {position:relative;float:left; width:100%; font-size:1.3em;  line-height:1.1em;  color:#000; padding:20px ; margin-bottom:0.1em; text-align:center; border-radius: 15px;  box-sizing:border-box; }
.process03_02 li h3 {width:100%; height:80px; }
.process03_02 li p {font-size:20px; font-weight:500; padding-top:20px; line-height:26px;}
.process03_02 li p span {font-size:18px; }
.process03_02 li a {padding:7px 20px; font-size:18px; color:#fff; background:#00a040; border-radius:30px;}
.process03_02 li a:hover { background:#9E9E9E; }

.process04 {position:relative; float:left; width:100%; margin:10px 0; text-align:center; box-sizing:border-box; color:#222; }
.process04 li {position: relative; float:left; height:170px;  font-size:20px;	line-height:24px;	width:calc(25% - 20px); /*display:-ms-flexbox;	display:-webkit-flexbox;   display: flex;	*/ 
							align-items:center;	justify-content:center;    box-sizing: border-box;    padding: 28px 10px;    margin: 0 1em 0 0;    border-radius: 20px;    vertical-align: middle;    	background: #fff; border:1px solid #dfdfdf ;		word-break:keep-all;	}
/*.process04 li:after {display:none;	content:"";	position: absolute;    top: calc(50% - 15px);    right: -15px;    bottom: 0px;	display:inline-block;	width: 0;	height: 0;	border-style: solid;	border-width: 15px 0 15px 15px;	border-color: transparent transparent transparent #e0eff1;}
.process04 li:last-child:after {display:none;}*/
.process04 li.hei01 {height:200px;}
.process04 h2 {position:relative;float:left; width:100%; font-size:1.2em; background:#51b0cb; color:#fff; padding:1em 1em; margin-bottom:0.5em; text-align:center; border-radius: 15px;  box-sizing:border-box; }
.process04 li h3 {width:100%; height:75px;}
.process04 li p {font-size:23px; font-weight:600; padding-top:10px; line-height:24px;}
.process04 li p span {font-size:18px; }

.process0401 {position:relative; float:left; width:100%; margin:10px 0; text-align:center; box-sizing:border-box; color:#222; }
.process0401 li {position: relative; float:left; height:301px;  font-size:25px;	line-height:30px;	width:calc(25% - 0px); /*display:-ms-flexbox;	display:-webkit-flexbox;   display: flex;	*/ 
							align-items:center;	justify-content:center;    box-sizing: border-box;    padding: 2.0em 2em;    margin: 0 0em;    border-radius: 0px;    vertical-align: middle;    	background: #fff; 	word-break:keep-all;	}
/*.process0401 li:after {display:none;	content:"";	position: absolute;    top: calc(50% - 15px);    right: -15px;    bottom: 0px;	display:inline-block;	width: 0;	height: 0;	border-style: solid;	border-width: 15px 0 15px 15px;	border-color: transparent transparent transparent #e0eff1;}*/
.process0401 li:last-child:after {display:none;}
.process0401 h2 {position:relative;float:left; width:100%; font-size:1.2em; background:#51b0cb; color:#fff; padding:1em 1em; margin-bottom:0.5em; text-align:center; border-radius: 15px;  box-sizing:border-box; }
.process0401 li h3 {width:100%; height:80px;}
.process0401 li p span {font-size:17px; }
.process0401 li.bg01 {background:url('../images/about/02_bg01.png') no-repeat center }
.process0401 li.bg02 {background:url('../images/about/02_bg02.png') no-repeat center }
.process0401 li.bg03 {background:url('../images/about/02_bg03.png') no-repeat center }
.process0401 li.bg04 {background:url('../images/about/02_bg04.png') no-repeat center }

.process04_02 {position:relative; float:left; width:100%; margin:30px 0 50px; text-align:center; box-sizing:border-box; color:#222; }
.process04_02 li {position: relative; float:left; height:265px;  font-size:20px;	line-height:24px;	width:calc(25.00% - 20px); /*display:-ms-flexbox;	display:-webkit-flexbox;   display: flex;	*/ 
							align-items:center;	justify-content:center;    box-sizing: border-box;    padding: 28px 10px;    margin: 0 1em 0 0;    border-radius: 50px;    vertical-align: middle;    	background: #fff; border:1px solid #dfdfdf ;		word-break:keep-all;	}
.process04_02 li h2 {position:relative;float:left; width:100%; font-size:1.3em;  color:#000; padding:20px ; margin-bottom:0.1em; text-align:center; border-radius: 15px;  box-sizing:border-box; }
.process04_02 li h3 {width:100%; height:80px; }
.process04_02 li p {font-size:20px; font-weight:500; padding-top:20px; line-height:26px;}
.process04_02 li p span {font-size:18px; }
.process04_02 li a {padding:7px 20px; font-size:18px; color:#fff; background:#00a040; border-radius:30px;}
.process04_02 li a:hover { background:#9E9E9E; }



.process05 {position:relative; float:left; width:100%; margin:20px 0; text-align:center; box-sizing:border-box; color:#222;}
.process05 li {	floaT:left;     position: relative;	font-size:20px;	line-height:24px; height:160px;	/*display:-ms-flexbox;	display:-webkit-flexbox;   display: flex;*/	
					width:calc(20% - 14px);		align-items:center;	justify-content:center;    box-sizing: border-box;    padding: 1.2em 1em;    margin: 0 6px;    border-radius: 30px;    vertical-align: middle;    	background: #fff; border:1px solid #dfdfdf ;		word-break:keep-all;	}

/*.process05 li:after {display:none;	content:"";	position: absolute;    top: calc(50% - 15px);    right: -15px;    bottom: 0px;	display:inline-block;	width: 0;	height: 0;	border-style: solid;	border-width: 15px 0 15px 15px;	border-color: transparent transparent transparent #e0eff1;}
.process05 li:last-child:after {display:none;}*/
.process05 li.hei01 {height:180px;}
.process05 h2 {position:relative;float:left; width:100%; font-size:25px; line-height:30px; font-weight:600; color:#00a040; padding:0; margin-bottom:20px; text-align:center;  box-sizing:border-box; }
.process05 li h3 {width:100%; height:40px; font-size:28px;  color:#00a040;}
.process05 li p {font-size:18px;}

.process0501 {position:relative; float:left; width:100%; margin:10px 0; text-align:center; box-sizing:border-box; color:#222;}
.process0501 li {	floaT:left;     position: relative;	font-size:19px;	line-height:24px; height:150px;	/*display:-ms-flexbox;	display:-webkit-flexbox;   display: flex;*/	
					width:calc(20% - 20px);		align-items:center;	justify-content:center;    box-sizing: border-box;    padding: 1.2em 1em;    margin: 0 0.5em;    border-radius: 0px;    vertical-align: middle;    	background: #fff; border:1px solid #dfdfdf ;		word-break:keep-all;	}
.process0501 li:after {display:none;	content:"";	position: absolute;    top: calc(50% - 15px);    right: -15px;    bottom: 0px;	display:inline-block;	width: 0;	height: 0;	border-style: solid;	border-width: 15px 0 15px 15px;	border-color: transparent transparent transparent #e0eff1;}
.process0501 li:last-child:after {display:none;}
.process0501 li.hei01 {height:180px;}
.process0501 h2 {position:relative;float:left; width:100%; font-size:1.2em; background:#51b0cb; color:#fff; padding:1em 1em; margin-bottom:0.5em; text-align:center; border-radius: 15px;  box-sizing:border-box; }
.process0501 li h3 {width:100%; height:62px;}
.process0501 li p span {font-size:17px;}

.process05_01 {position:relative; float:left; width:100%; margin:20px 0 30px 0; text-align:center; box-sizing:border-box; color:#222; }
.process05_01 li {	floaT:left;     position: relative;	display:-ms-flexbox;	display:-webkit-flexbox;    /*display: flex;*/	align-items:center;	justify-content:center;    
					width: 18.5%;	height:140px;      font-size : 18px; line-height:22px;  box-sizing: border-box;    padding: 1.5em 0.8em;    margin: 0 0.5em;    border-radius: 30px;  vertical-align: middle;  background: #fff; border:1px solid #dfdfdf ;	word-break:keep-all;}
.process05_01 li h2 {font-size:20px; color:#004ea2 }
.process05_01 li h3  {width:100%; height:55px;}


.process06 {position:relative; float:left; width:100%; margin:10px 0; text-align:center; box-sizing:border-box; color:#222; }
.process06 li {	floaT:left;     position: relative;	display:-ms-flexbox;	display:-webkit-flexbox;    /*display: flex;*/	align-items:center;	justify-content:center;    
					width:calc(16.66% - 20px); height:150px;		  box-sizing: border-box;    padding: 1.0em 0.8em;    margin: 0 1em 0 0;    border-radius: 0px;  vertical-align: middle;    /*background: #e3e3e3;*/background: #fff;  border:1px solid #dfdfdf ;	word-break:keep-all;}
.process06 li:first-child { }
.process06 li:after {display:none;	content:"";	position: absolute;    top: calc(50% - 10px);    right: -30px;    bottom: 0px;	display:inline-block;	 width: 0;	height: 0; border:15px solid transparent ; border-left-color:#e3e3e3; 	/*border-style: solid;	border-width: 15px 0 15px 15px;	border-color: transparent transparent transparent #c8e0f6; */}
.process06 li:last-child:after {display:none;}
.process06 li h2 {position:relative; float:left; width:100%; font-size:20px; color:#004ea2 }
.process06 li p {position:relative; float:left; width:100%; font-size:18px; line-height:22px; }
.process06 li p span {width:100%; font-size:16px; text-align:center; }
.process06 li h3 {width:100%; height:68px; }

.process07 {position:relative; float:left; width:100%; margin:10px 0; text-align:center; box-sizing:border-box; color:#222; }
.process07 li {	floaT:left;     position: relative;	display:-ms-flexbox;	display:-webkit-flexbox;    /*display: flex;*/	align-items:center;	justify-content:center;    
					width:calc(14.2% - 20px);	 font-size : 17px; line-height:22px;  box-sizing: border-box;    padding: 1.0em 0.8em;    margin: 0 0.5em;    border-radius: 30px;  vertical-align: middle;    /*background: #e3e3e3;*/background: #fff; border:1px solid #dfdfdf ;	word-break:keep-all;}
.process07 li:first-child { }
.process07 li:after {display:none;	content:"";	position: absolute;    top: calc(50% - 10px);    right: -30px;    bottom: 0px;	display:inline-block;	 width: 0;	height: 0; border:15px solid transparent ; border-left-color:#e3e3e3; 	/*border-style: solid;	border-width: 15px 0 15px 15px;	border-color: transparent transparent transparent #c8e0f6; */}
.process07 li:last-child:after {display:none;}
.process07 li h2 {position:relative; float:left; width:100%; font-size:20px; color:#004ea2 }
.process07 li p {position:relative; float:left; width:100%;}
.process07 li h3 {width:100%; height:55px;}

.process08 {position:relative; float:left; width:100%; margin:10px 0 20px; text-align:center; box-sizing:border-box; color:#222;}
.process08 li {	floaT:left;	position: relative;	display:-ms-flexbox;	display:-webkit-flexbox;	/* display: flex; */		align-items:center;	justify-content:center;
					width:calc(25% - 20px);	height: 170px;		box-sizing: border-box;	padding: 1.1em 1em;		margin: 0 0.5em 1em;		border-radius: 0px;
					vertical-align: middle;					background: #fff;	 border:1px solid #dfdfdf; 				word-break:keep-all;			}
.process08 li.flex {display: flex;}
.process08 li:after {	content:"";	position: absolute;    top: calc(50% - 20px);    right: -20px;    bottom: 0px;	display:inline-block;	width: 0;	height: 0;	border-style: solid;	border-width: 20px 0 20px 20px;	border-color: transparent transparent transparent #e0eff1;}
.process08 li:last-child:after {display:none;}
.process08 li h2 {position:relative; float:left; width:100%; font-size:20px; color:#004ea2; padding-bottom:10px;}
.process08 li h3 {width:100%; height:58px; }
.process08 li p {font-size:19px; font-weight:600;	}
.process08 li p span {float:left;  font-size:16px; font-weight:400; line-height:20px; padding-top:10px; text-align:center; width:100%; }

.process08_01 {position:relative; float:left; width:100%; margin:10px 0 20px; text-align:center; box-sizing:border-box; color:#222;}
.process08_01 li {	floaT:left;	position: relative;	/*display:-ms-flexbox;	display:-webkit-flexbox;	*//* display: flex; */		align-items:center;	justify-content:center;
					width:calc(25.2% - 20px);	height: 130px;		font-size:16px;line-height:21px;		font-weight:600;	box-sizing: border-box;	padding: 2.0em 1em;		margin: 0 0.5em 1em;		border-radius: 15px;
					vertical-align: middle;					background: #e0eff1;					word-break:keep-all;			}
.process08_01 li.flex {display: flex;}
.process08_01 li:after {	content:"";	position: absolute;    top: calc(50% - 20px);    right: -20px;    bottom: 0px;	display:inline-block;	width: 0;	height: 0;	border-style: solid;	border-width: 20px 0 20px 20px;	border-color: transparent transparent transparent #e0eff1;}
.process08_01 li:nth-child(4):after {    top: calc(100% - 0px);    left: calc(50% - 10px);	border-top:20px  solid  #e0eff1;;	border-bottom:20px solid none;	border-left: 20px solid transparent;	border-right: 20px solid transparent;}
.process08_01 li:nth-child(6):after , .process08_01 li:nth-child(7):after ,.process08_01 li:nth-child(8):after {	content:"";	position: absolute;    top: calc(50% - 20px);    left: -20px;    bottom: 0px;	display:inline-block;	width: 0;	height: 0;	border-style: solid;	border-width: 20px 20px 20px 0px;	border-color: transparent #e0eff1 transparent transparent;}
.process08_01 li:nth-child(5):after {display:none;}
/*.process08 li:last-child:after {display:none;}*/
.process08_01 li h2 {position:relative; float:left; width:100%; font-size:20px; line-height:28px; color:#004ea2; padding-bottom:10px;}
.process08_01 li p {position:relative; float:left; width:100%; }

.process09 {position:relative; float:left; width:100%; margin:10px 0 20px ; text-align:center; box-sizing:border-box; color:#222;}
.process09 li {	floaT:left;	position: relative;	display:-ms-flexbox;	display:-webkit-flexbox;	/* display: flex; */		align-items:center;	justify-content:center;
					width:calc(33.3% - 20px);	/*height: 200px;*/	font-size:16px;line-height:22px;		box-sizing: border-box;	padding: 1em 1em;		margin: 0 0.5em 1em;		border-radius: 15px;
					vertical-align: middle;					background: #e0eff1;					word-break:keep-all;	border:1px solid #93dee8;		}
.process09 li.flex {display: flex;}
.process09 li:after {	content:"";	position: absolute;    top: calc(50% - 20px);    right: -20px;    bottom: 0px;	display:inline-block;	width: 0;	height: 0;	border-style: solid;	border-width: 20px 0 20px 20px;	border-color: transparent transparent transparent #e0eff1;}
.process09 li:last-child:after {display:none;}
.process09 li h2 {position:relative; float:left; width:100%; font-size:20px; color:#004ea2; padding:15px 5px; margin-bottom:5px; background:#fff; box-sizing: border-box;	}
.process09 li h3 {position:relative; float:left; width:100%; font-size:19px; color:#222; padding:10px 5px; margin-bottom:10px;  background:#dfdfdf;box-sizing: border-box;	}


.active01_process03 {position:relative; float:left; width:100%; margin:10px 0; text-align:center; box-sizing:border-box; color:#222; }
.active01_process03 li {	floaT:left;  					width: calc(33.3% - 17px);	 font-size:17px; line-height:22px;  box-sizing: border-box;    padding: 0.8em 0.8em;    margin: 0 7px 10px;     border-radius: 30px;  vertical-align: middle;    background: #fff;	/*word-break:keep-all;*/}
.active01_process03 li.hei01 { height:150px;}
.active01_process03 li.bg01 {border:10px solid #50ab00;}
.active01_process03 li.bg01 h2 {background:#50ab00; }
.active01_process03 li.bg01 h3 {color:#50ab00; }
.active01_process03 li.bg02 {border:10px solid #f39800;}
.active01_process03 li.bg02 h2 {background:#f39800; }
.active01_process03 li.bg02 h3 {color:#f39800; }
.active01_process03 li.bg03 {border:10px solid #0080cc;}
.active01_process03 li.bg03 h2 {background:#0080cc; }
.active01_process03 li.bg03 h3 {color:#0080cc; }
.active01_process03 li h2 {position:relative; float:left;  width:30%; border-radius:22px; font-size:20px; line-height:28px; color:#fff; padding:10px 0; margin:0 35% 10px; }
.active01_process03 li h3 br {display:none;}
.active01_process03 li h3 {position:relative; float:left; width:100%; font-size:20px; line-height:28px; color:#222; margin-bottom:10px; }
.active01_process03 li p {position:relative; float:left; width:100%; }



@media screen and (max-width:1366px){
.active01_process03 li h3  {font-size:19px;}
}

@media screen and (max-width:1330px){
.active01_process03 li h3 br {display:block;}
.active01_process03 li.hei01 { height:180px;}
}
@media screen and (max-width:1200px){
.process08 li:last-child {font-size:15px; line-height:20px;}	
}

@media screen and (max-width:1024px){
/*.about01 {padding:30px 0%;  width:100%;}*/

.about01_process04 li {width: 26.0%; font-size:15px; line-height:20px;}
.about01_process04 li:first-child {width: 14.9%; }
.about01_process04 li h2 {font-size:19px; }
	
.about01_process06 li {width:14.9%; font-size:15px; line-height:20px;}
.about01_process06 li h2 {font-size:19px; line-height:22px; height:45px;}
.about01_process06 li h3 {font-size:19px; }		
	
/*.process05 li {width: 18.0%; font-size:16px; line-height:22px;}*/

.process03 li {line-height:20px; word-break:break-word;}
.process03 li p {font-size:18px; }	
.process03 li p span {font-size:17px; }

.process03_02 li {line-height:20px; word-break:break-word;}
.process03_02 li p {font-size:18px; }	
.process03_02 li p span {font-size:17px; }

.process03_01 li ul li {float:left; width:100%; border:0px; height:auto; padding:0 0 7px 0%;  text-align:left;}
.process04 li {line-height:20px; word-break:break-word;}
.process04 li p {font-size:18px; }	
.process04 li p span {font-size:17px; }
.process0401 li {  font-size:22px;	line-height:30px;	width:calc(25% - 0px);
							align-items:center;	justify-content:center;    box-sizing: border-box;    padding: 1.5em 2em;   }

.process04_02 li {line-height:20px; word-break:break-word;}
.process04_02 li p {font-size:18px; }	
.process04_02 li p span {font-size:17px; }

.process05 li {font-size:17px; line-height:20px; word-break:break-word;}

.process06 li {height:170px;}

.process08 li {height:200px;}		
.process08_01 li {font-size:14px; line-height:17px;}


}

@media screen and (max-width: 850px){

.about01_process04 li {width: 25.5%; font-size:14px; line-height:18px; }
.about01_process04 li h2 {font-size:16px; }
.about01_process06 li {width:14.5%; font-size:14px; line-height:18px; height:150px;}
.about01_process06 li h2 {font-size:16px; line-height:20px; height:45px;}
.about01_process06 li h3 {font-size:16px; }	
/*
.process05 li {width: 17.7%;  }
.process05 li h2 {font-size:19px;}
*/
.process03 li {height:auto;}


.process03_01 li {height:auto;}
.process03_01 li h2 {font-size:24px; line-height:28px; color:#111;  padding:20px 0; margin:0 0 10px;}
.process03_01 li ul {float:left; width:100%; margin:0px 0 0 0;}
.process03_01 li ul li {font-size:16px; padding:0 0 2px 0;}

.process03_02 li {height:auto;}
.process04_02 li {height:auto;}

.process04 li {height:auto;}
.process0401 li {  font-size:20px;	line-height:22px;	}
.process05 li p span {font-size:14px;}
.process0501 li p span {font-size:14px;}
.process05_01 li {width: 17.7%;  }
.process06 li {width: calc(33.3% - 20px); margin-bottom:20px; height:150px;}
.process08 li h2 {font-size:19px;}

.about05_process li {		width:98%;		margin-bottom:1.5em;	}
.about05_process li:after {		top:auto;		left:0;		right:0;		bottom:-10px;		margin:0 auto;		border-width: 10px 10px 0 10px;		border-color: #f0f4ff transparent transparent transparent;	}
/*
.process05 li {		width:98%;		margin-bottom:1.5em;	}
.process05 li:after {		top:auto;		left:0;		right:0;		bottom:-10px;		margin:0 auto;		border-width: 10px 10px 0 10px;		border-color: #f0f4ff transparent transparent transparent;	}	
*/
}

@media screen and (max-width:680px){

.about01_process04 li {width: 100%; font-size:14px; line-height:18px; margin:0 0 10px 0; height:auto;}
.about01_process04 li:first-child {width: 100%; }
.about01_process04 li h2 {font-size:16px; }
.about01_process06 li {width:100%; font-size:14px; line-height:18px;  margin:0 0 10px 0; height:auto;}
.about01_process06 li h2 {font-size:16px; line-height:20px; height:auto;}
.about01_process06 li h3 {font-size:16px; }	
.active01_process03 li.hei01 { height:220px;}
.support_text .Txt	{font-size:19px;}

.process02 li {font-size:18px; line-height:22px;}


.process03 li.hei01 {height:120px;}
.process03_01 li {	 height:auto; font-sizE:18px; width:100%;}

.process05 li {width: 30.0%; margin-bottom:10px; }
.process0501 li {width: 30.0%; margin-bottom:10px; }


.process05_01 li {width: 30.3%; /*height:100px;*/ margin-bottom:10px;}
.process06 li {	width:calc(33.3% - 20px); margin-bottom:10px;	 font-sizE:15px;}  
.process07 li {	width:calc(24% - 20px); margin-bottom:10px;	 font-sizE:15px;}  
.process08 li {	width:calc(50% - 20px);	height: 180px;	 font-sizE:15px;}  
	
.process09 li {	width:calc(50% - 20px);}  	
}

@media screen and (max-width:450px){
.about01 div {margin-bottom:10px;}
.about01 h2 {width:100%; padding:10px 0; font-size:20px;  } 	
.about01 p {width:100%; font-size:16px; padding:0px 0px;}

.support_text .Img	{width:100%}
.support_text .Txt	{width:100%; letter-spacing:-1.0px; font-sizE:17px;}
	
.active01_process03 li {	floaT:left;  width: calc(100% - 17px);	}
.active01_process03 li.hei01 { height:auto;}

.unit-arrow { display:block; text-indent:-9999px; width: 40px; height: 40px; position:absolute; z-index: 2; background:transparent url('../images/com/arr_down05.png') center center no-repeat;  top: calc(100% - 0px); margin-top:-15px; left: calc(50% - 20px); }	
.unit-arrow01 { display:block; text-indent:-9999px; width: 40px; height: 40px; position:absolute; z-index: 2; background:transparent url('../images/com/arr_down04.png') center center no-repeat;  top: calc(100% - 0px); margin-top:-15px; left: calc(50% - 20px); }	

.process02 li {width:calc(100% - 20px); margin-bottom:20px;}

.process03 li {	width: 95.5%;	/*height:120px;*/	margin-bottom:10px;}
/*.process03 li:after {    top: calc(100% - 0px);    left: calc(50% - 10px);	border-top:10px  solid  #e0eff1;;	border-bottom:10px solid none;	border-left: 10px solid transparent;	border-right: 10px solid transparent;}*/

.process03_02 li {	width: 95.5%;	margin-bottom:10px;}
.process04_02 li {	width: 95.5%;	margin-bottom:10px;}

.process02_01 li {width: 95.5%; height:auto; margin-bottom:20px;}
.process03_01 li {width: 95.5%; height:auto; margin-bottom:20px;}

.process04 li {	width: 95.5%;	height:auto;	margin-bottom:10px;}
.process04 li:after {display:none;}	
/*.process04 li:after {    top: calc(100% - 0px);    left: calc(50% - 10px);	border-top:10px  solid  #e0eff1;;	border-bottom:10px solid none;	border-left: 10px solid transparent;	border-right: 10px solid transparent;}*/
.process04 li.hei01 {height:auto;}
.process0401 li {  font-size:19px;	line-height:20px;	width:calc(50% - 0px);}
.process0401 li h3 {height:90px;}
.process05 li {	width: 96%;	height:auto;	margin-bottom:10px;}
.process05 li:after {display:none;}
.process05 li.hei01 {height:auto;}
.process05 h2 br{display:none;}
.process05 li p span {font-size:16px;}

.process0501 li {	width: 96%;	height:auto;	margin-bottom:10px;}
.process0501 li:after {display:none;}
.process0501 li.hei01 {height:auto;}
.process0501 li p span {font-size:16px;}

.process05_01 li {width: 94%; height:auto; margin-bottom:30px; padding:1.0em 0.8em;}

.process06 li {width: 94%; height:auto; margin-bottom:30px; padding:1.0em 0.8em;}
.process06 li:after {display:none;}
.process06 li p br {display:none;}

.process07 li {width: 94%; height:auto; margin-bottom:30px; padding:1.0em 0.8em;}
.process07 li:after {display:none;}

.process08 li {	width: 95.5%;	height:auto;	margin-bottom:10px;}
.process08 li:after {    top: calc(100% - 0px);    left: calc(50% - 10px);	border-top:10px  solid  #e0eff1;;	border-bottom:10px solid none;	border-left: 10px solid transparent;	border-right: 10px solid transparent;}

.process09 li {	width: 95.5%;	height:auto;	margin-bottom:10px;}
.process09 li:after {    top: calc(100% - 0px);    left: calc(50% - 10px);	border-top:10px  solid  #e0eff1;;	border-bottom:10px solid none;	border-left: 10px solid transparent;	border-right: 10px solid transparent;}	

}


.support01 {position:relative;float:left;  width:100%; margin-bottom:30px; padding:50px 0; }
.support01 h2 {flaot:left; width:100%; font-size:32px;  line-height:36px;  color:#000; font-weight:600; padding:20px 0; text-align:center; box-sizing:border-box; margin-bottom:20px;}
.support01 h2 b {color:#009b4a;}
.support01 h3 {width:100%; font-size:30px; line-height:30px; color:#f80; font-weight:500; padding:0px 0;  text-align:center;}
.support01 h3 span {color:#222;}
.support01 h3 b {color:#009b4a;}
.support01 h4 {font-size:1.3em; letter-spacing:-1px; color:#555; padding-top:10px; padding-bottom:20px; }
.support01 h4 b {color:#cd4677;}
.support01 p {float:left;  width:100%; font-size:23px; line-height:2.0;  text-align:center; }
.support01 p br {display:none;}
.support01 p span {color:#fff; background:#90c31f; padding:5px 10px ;  margin:0px 20px; border-radius:10px; text-align:center;}
.support01bg01 {background: url("../images/support/01_bg01.jpg") 80% top no-repeat; background-size:auto 100%; }
.support01bg02  {background: url("../images/support/02_bg01.jpg") right center no-repeat; }

.support_box01 { position: relative; float: left; width: 100%; margin: 0px 0px 20px; border: 1px solid rgb(221, 221, 221); background: rgb(233, 233, 233); padding: 10px 20px; font-size: 14px; line-height: 24px; }
.support_box01 b { color: rgb(37, 135, 22); }
.support_box02 { position: relative; float: left; width: 100%; height: 250px; margin: 0px 0px 20px; border: 1px solid rgb(212, 212, 212); padding: 0px; font-size: 15px; line-height: 23px; }
.support_box02 p { position: relative; float: right; width: 46%; padding: 2%; text-align: center; }
.support_box02 .f01 { font-size: 20px; font-weight: 600; color: rgb(0, 90, 170); line-height: 25px; }
.support_box02 .f01 b { color: rgb(0, 198, 213); }
.support_box02 .f02 { font-size: 22px; font-weight: 600; line-height: 28px; }

.support03 { position: relative; float: left; width: 100%; }
.support03 ul { width: 100%; }
.support03 li { margin-left: 1.5%; float: left; width: 20.5%; padding: 1.5%; height: 130px; font-size: 0.95em; line-height: 1.2em; border: 1px solid rgb(211, 211, 211); text-align: center; letter-spacing: -0.05em; color: rgb(17, 17, 17); }
.support03 li:first-child { margin-left: 0px; }
.support03 li h3 { color: rgb(255, 108, 0); font-size: 1.3em; }
.support03 li p { font-size: 16px; color: rgb(136, 136, 136); }
.program_img { position: absolute; right: 20px; top: 350px; }
.service_check_box { position: relative; float: left; width: 94%; padding: 20px 3% 0px; background: rgb(249, 249, 249);   margin-bottom:40px;}
.service_check { position: relative; float: left; width: 100%; border: 1px solid rgb(211, 211, 211); font-size: 1.2em; margin: 0px 0px 30px; }
.service_check dt { float: left; width: 55%; padding: 10px; background: rgb(239, 239, 239); }
.service_check dd { float: left; width: 33%; padding: 10px; }
.service_check li { float: left; width: 100%; padding: 15px 0px; text-align: center; margin: 0px; }

@media only screen and (max-width: 850px) {
	.support01 h2 {font-size:30px;}
	.support01 h3 {font-size:25px;}
	.support01 p br {display:block;}
	.support01bg01 , .support01bg02 {background-size:auto 100%; }
}


@media only screen and (max-width: 480px) {
.support01 p span {width:80%; float:left; }
}




.child06	{display:inline-block;width:100%;color:#000; margin-bottom:30px; /*border-bottom:1px solid #e5e5e5;*/}
.child06	h2 { float: left; width: 100%; text-align: left; font-size: 30px; font-weight: 600; color:#000;  margin: 30px 0px 20px;padding: 0px 0px 0px 26px; background: url("../images/com/icon_05.gif") left top no-repeat; }
.child06 ul { float: left; width: 100%; font-size: 1.15em; line-height: 1.5em; margin: 10px 0px 30px; }
.child06 ul li { float: left; width: 100%; padding: 0px 0px 3px; }
.child06 ul li b { color: #4d93e1; }
.child06 ul li span { color: rgb(191, 20, 0); }
.child06 .br001 {display:none;}
.child06 .work_img	{float:left;	width:60%;	font-size:35px;line-height:45px;letter-spacing:-0.05em; }
.child06 .work_img img {width:48%; margin-bottom:10px;}

.child06 .work_txt  {float:right; width:40%; }
.child06 .work_txt h3 {width:100%; font-size:25px; font-weight:400; margin-bottom:20px;}
.child06 .work_txt h3 strong {font-weight:600;}
.child06 .work_txt dl {float:left; width:100%;  }
.child06 .work_txt dl dt{float:left; width:90px; margin-bottom:10px; color:#0080cc; font-weight:600;}
.child06 .work_txt dl dd{float:left; width:calc(100% - 90px); margin-bottom:10px; color:#555;}
.child06 .work_txt dl dd strong {color:#464eba; font-weight:600;}
.child06 .work_txt dl dd span {color:#464eba; }
.child06 .work_txt dl dd.t01 {font-size:15px;line-height:25px;color:#000; font-weight:500; background:#f1f1f1; padding:10px;}
.child06 .work_txt dl dt.wid01 {width:100%;}
.child06 .work_txt ul { float: left; width: 100%; font-size: 18px; line-height: 22px;}
.child06 .work_txt ul li { float: left; width: 100%; padding: 0px 0px 3px; }

.child06 .work_txt02  {float:left; width:45%; margin-right:5%;}
.child06 .work_txt02 h3 {width:100%; font-size:25px; font-weight:400; margin-bottom:20px;}
.child06 .work_txt02 h3 strong {font-weight:600;}
.child06 .work_txt02 dl {float:left; width:100%;  }
.child06 .work_txt02 dl dt{float:left; width:80px; margin-bottom:10px; color:#0080cc; font-weight:600;}
.child06 .work_txt02 dl dd{float:left; width:calc(100% - 80px); margin-bottom:10px; color:#555;}
.child06 .work_txt02 dl dd strong {color:#464eba; font-weight:600;}
.child06 .work_txt02 dl dd span {color:#464eba; }
.child06 .work_txt02 dl dd.t01 {font-size:15px;line-height:25px;color:#000; font-weight:500; background:#f1f1f1; padding:10px;}
.child06 .work_txt02 dl dt.wid01 {width:100%;}

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

.child06 .work_img{width:55%;  }

.child06 .work_txt  {width:45%;}
.child06 .work_txt02  {width:45%;  margin-right:5%;}
					
}

@media screen and (max-width:1024px){

.child06 .work_img{width:100%;  text-align:center; margin-bottom:30px;}
.child06 .work_txt  {float:left; width:98%; padding:20px 0px; margin:0px 0;}
.child06 .work_txt02  {float:left; width:98%;  padding:20px 0px; margin:0px 0;}
				
}

@media screen and (max-width:850px){

.child06 { font-size: 1em; line-height: 1.3em; }

}


@media screen and (max-width:680px){

.child06 .br001 {display:block;}

.child06 .work_img{width:100%;  text-align:center;}
.child06 .work_img img {width:50%;}
.child06 .work_txt  {float:left; width:98%; padding:1%;}
}

@media screen and (max-width:480px){
	
	.child06 .work_img img {width:100%;}
	.child06 .work_txt dl dt{float:left; width:100%; }
	.child06 .work_txt dl dd{float:left; width:100%; }
	.child06 .work_txt02 dl dt{float:left; width:100%; }
	.child06 .work_txt02 dl dd{float:left; width:100%; }
}




/*****************************************************/

@media only screen and (max-width: 1280px) {
  #Contents { padding:0px 1%; }
}

@media only screen and (max-width: 1200px) {
  .inner { width: 94%; padding: 0px 3%; }
  .headerWrap .util { right: 3%; }

}



@media only screen and (max-width: 1024px) {
  .pc { display: block; }
  .tablet { display: block; }
  .tamobile { display: block; }
/*  .inner { width: 94%; padding: 0px 3%; }
  .inner {max-width: 100%;margin-bottom: 25px;}*/
    .inner { width: 100%;max-width: 100%;margin-bottom: 0px; padding: 40px 1% 0 ;  }

  .logo { position: relative; float: left; }
  #headerWrap { width: 100%; }
  .headerInner { width: 100%; }
  .container { width: 97%; padding: 2% 1.5%; }
  #headerWrap .util { position: absolute; right: 2%; }
  #nav { width: 620px; }
  #nav > li > a { font-size: 1.4em; padding: 25px 0px 20px; }
  #nav li ul li a { font-size: 0.85em; }
  #subVisual .subVisualTxt { width: 100%; margin: 0px auto; }
  #subVisual .subVisualTxt .m1 { text-align: center; /*background: url("../images/com/m1_bot.png") center top no-repeat; */}
  #subVisual .subVisualTxt .m2 { text-align: center; }
  #Left { display: none; }
  #Contents { width: 100%; }

  .f_banner li img { padding: 0px 0.5%; height: 35px; }
  #mainVisual { }
  #mainVisual .mainSlide > li { }
  #mainVisual .mainVisualTxt .m1 { font-size: 42px; }
  #mainVisual .mainVisualTxt .m1 img { width: 80%; }
  .section04 { margin-top: 40px; }

  .board_menu { background-size: 90%; }
  .board_menu h2 { font-size: 26px; }
  .board_menu h3 { font-size: 20px; }
  .board_menu p { font-size: 17px; }
  .customer h2 { font-size: 26px; }
  .customer h4 { font-size: 15px; letter-spacing: -1px; }
  .customer h1 { font-size: 40px; }
  .customer p { font-size: 15px; font-weight: 300; color: rgb(22, 22, 22); width: 100%; text-align: left; }
  .customer b { font-size: 20px; }

  .m_customer { width: 30%; }
  .m_customer li { width: 100%; }
  .m_sosik { position: relative; float: left; width: 20%; height: 200px; padding: 2%; border: 1px solid rgb(218, 218, 218); margin: 0px 0px 10px; background: rgb(255, 233, 205); }
  .m_sosik h2 { font-size: 1.5em; }
  .m_sosik ul li { float: left; width: 45%; height: 155px; text-align: left; font-size: 1.1em; letter-spacing: -0.5px; overflow: hidden; padding: 0px 2%; }


  /*.greeting { float: left; position: relative; padding: 0px 0px 0px 45%; width: 55%; line-height: 1.4em; font-size: 1em; white-space: pre-line; }
  .greeting_bg01 { background: url("../images/about/01_img_01.jpg") 0px 10px 45% no-repeat; }
  .greeting_bg02 { background: url("../images/about/02_img_01.jpg") left 10px no-repeat; }
*/
  .about01 { padding: 30px 5%; width: 90%; }


  .historyWrap dl { padding: 35px 30px 35px 0px; }
  .historyWrap dl .year { font-size: 2.8em; margin-right: 40px; }
  .year_box { display: inline-block; width: 100%; }
  .year_box dl { width: 480px; padding: 20px 0px 60px; margin-left: 0px; border-left: 1px dotted rgb(77, 153, 126); }
  .year_box dt { float: left; padding-left: 40px; margin-left: -8px; width: 90px; font-family: NanumSquare, "Nanum Gothic", sans-serif; font-weight: 600; font-size: 25px; color: rgb(0, 137, 88); background: url("/images/about/icon_year.png") 0px 50% no-repeat; }
  .year_box dd { float: right; margin: 0px 0px 0px 10px; width: 440px; }
  .year_box dd span { display: inline-block; padding-top: 2px; margin-bottom: 10px; min-width: 40px; font-family: NanumSquare, "Nanum Gothic", sans-serif; font-weight: 600; font-size: 18px; color: rgb(0, 0, 0); letter-spacing: 0px; }
  .year_box dd ul { float: right; width: 385px; margin-bottom: 10px; }
  .year_box dd ul li { font-size: 15px; color: rgb(85, 85, 85); line-height: 24px; word-break: keep-all; }
  .year_box .fl { padding-right: 10px; }
  .year_box .fr { padding-left: 15px; }
  .year_box .frl { float: left; padding-left: 0px; padding-right: 10px; }
  .year_box .flr { float: right; padding-left: 15px; padding-right: 0px; }
  .year_box .frl dt { margin-left: -23px; }
  .year_box .fr dt { margin-left: -23px; }
  .year_box .fr dd { width: 460px; }
  .year_box .fr dd ul { width: 400px; }
  .year_box .flr dt { margin-left: -23px; }
  .year_box .flr dd { width: 460px; }
  .year_box .flr dd ul { width: 400px; }
  .work03_tit_wrap ul { background-size: auto 200px; }
  .work03_tit_wrap ul li { width: 70%; }
  .work03_box01 li { height: 110px; }
  .work02_img img { width: 100%; }
  .work03_img img { width: 100%; }
  .work0202 { float: left; width: 100%; font-size: 1.3em; line-height: 1.2em; }
  .work0202 li { float: left; margin-left: 2%; width: 19.3%; border: 1px solid rgb(229, 229, 229); padding: 3% 2%; text-align: center; box-shadow: rgba(0, 0, 0, 0.1) 3px 3px 3px; }
  .work0202 li.hei01 { font-size: 0.9em; line-height: 1.2em; height: 45px; }
  .work0202 li:first-child { margin-left: 0%; }
  .ListStyle01 dt { padding-bottom: 5px; font-size: 20px; }
  .ListStyle01 dd { font-size: 16px; line-height: 28px; }
  .ListStyle02 li { font-size: 15px; line-height: 28px; }
  .TabArea { margin-bottom: 20px; }
  .TabArea ul { height: 55px; }
  .TabArea ul li { height: 54px; line-height: 55px; }
  .TabArea ul li.on { height: 56px; }
  .TableType01 tbody th { width: 180px; font-size: 17px; line-height: 55px; }
  .TableType01 tbody td { font-size: 17px; line-height: 35px; }
  .TableType01 tbody td .w30 { width: 40%; }
  .TableType01 tbody td .w70 { width: 60%; }
  .TableType01 tbody td .w80 { width: 70%; }
  .TableType01 tbody td .btn_postcode { height: 35px; font-size: 16px; line-height: 35px; }
  .TableType01 tbody td .warning { font-size: 15px; }
  .TableType01 tbody td .subject_label label { font-size: 15px; }
  .TableType01 tbody td .red { font-size: 16px; }
  .form .TableType01 tbody th.require { background-position: 20px 24px; }
  .TableType02 thead th { font-size: 17px; line-height: 55px; }
  .TableType02 thead th.line2 { line-height: 24px; }
  .TableType02 tbody td textarea { line-height: 22px; }
  .sub #contents { width: 924px; margin: 35px auto 50px; }
  .sub #contents img { max-width: 100%; height: auto; }
  .sub #contents .titleArea { margin-bottom: 30px; padding-bottom: 0px; border-bottom: none; }
  .sub #contents .titleArea h3 { font-size: 32px; font-weight: 500; line-height: 52px; }
  .sub #contents .titleArea h3 img { width: 120px; padding-left: 8px; }
  .sub #contents .titleArea .location { display: none; }
  .info_txt { padding-bottom: 60px; font-size: 16px; line-height: 28px; }
  .info_txt strong { font-size: 20px; line-height: 35px; }
  .info_txt p { padding-left: 27px; }
  .info_txt p::before { padding-right: 8px; }
  h4 { padding-top: 8px; font-size: 20px; }
  h4 span.red { font-size: 16px; }
  .section h4 span.txt { padding-left: 5px; font-size: 16px; font-weight: 400; }
  .section h4 span.txt em { font-size: 14px; }
  .map_con #map { height: 400px; }
  .location .location_info li { margin-top: 5px; line-height: 22px; }
  .location .location_info li.address { width: 100%; margin-top: 0px; box-sizing: border-box; }
  .location .location_info li.phone { margin-left: 0px; }
/*  .footWrap .f_util li { padding: 0px 10px; font-size: 15px; }
  .footWrap .footCnt address { font-size: 13px; line-height: 18px; }
  .footWrap .footCnt address span { padding-right: 15px; }*/
}
@media only screen and (max-width: 1002px) {
  .m_customer { position: relative; float: left; width: 30%; }

  .historyWrap dl { padding: 25px 15px 35px 5px; }
  .historyWrap dl:first-child { margin-top: 20px; }
  .historyWrap dl .year { float: none; font-size: 2.4em; margin: 0px 0px 30px; }
  .historyWrap dl .cont { display: block; padding: 0px; }
  .historyWrap dl .cont li .month { width: 100px; font-size:18px;}
  .historyWrap dl .cont li .txt { font-size: 14.5px; line-height:25px; }
  .historyWrap dl .cont li .txt::before { width: 3px; height: 3px; }


}
@media only screen and (max-width: 850px) {
	.pc { display: none; }
	.pct02 { display: none; }
	.tablet02 { display: block; }
	.w100 img { max-width: 100%; }
	.wid850 {width:100%;}
	.wid850 img {width:100%;}
	.br01 {display: none; }
 	.br02 {display:block;}
	.br03 {display: none; }



/*  #header { top:0px; }
  #nav { display: none; }
  #topmenu { display: none; }*/
  #mainVisual { height: 456px; }
  #mainVisual .mainSlide > li { height: 456px; }
  #mainVisual .mainVisualTxt { }
  #mainVisual .mainVisualTxt .m1 { font-size: 36px; line-height: 56px; }
  #mainVisual .mainVisualTxt .m1 img { width: 80%; }
 #mainVisual .button-prev {left: 10px;}
  #mainVisual .button-next {right: 10px; }


/*  #subVisual.about { background: url("../images/com/about_m.jpg?ver=1.0") center center no-repeat rgb(3, 3, 5); }
  #subVisual.work { background: url("../images/com/work_m.jpg?ver=1.0") center center no-repeat rgb(3, 3, 5); }
  #subVisual.pds { background: url("../images/com/pds_m?ver=1.0.jpg") center center no-repeat rgb(3, 3, 5); }
  #subVisual.board { background: url("../images/com/board_m.jpg?ver=1.0") center center no-repeat rgb(3, 3, 5); }
  #subVisual.member { background: url("../images/com/member_m.jpg") center center no-repeat rgb(3, 3, 5); }
  */
  #subVisual.about::before {content: "";  position: absolute;  top: 0;  right: 0;  bottom: 0;  left: 0;  background: url("../images/com/about_m.jpg?ver=1.1") center center no-repeat;    opacity: 0.8;  background-size:100% auto;} 
#subVisual.work::before { content: "";  position: absolute;  top: 0;  right: 0;  bottom: 0;  left: 0;  background: url("../images/com/work_m.jpg?ver=1.1") center center no-repeat; opacity: 0.8; background-size:100% auto;}
#subVisual.board::before { content: "";  position: absolute;  top: 0;  right: 0;  bottom: 0;  left: 0; background: url("../images/com/board_m.jpg?ver=1.1") center center no-repeat; opacity: 0.7; background-size:100% auto;}
#subVisual.pds::before  {content: "";  position: absolute;  top: 0;  right: 0;  bottom: 0;  left: 0; background: url("../images/com/pds_m.jpg?ver=1.2") center top no-repeat; opacity: 0.8; background-size:100% auto;}
#subVisual.member::before {content: "";  position: absolute;  top: 0;  right: 0;  bottom: 0;  left: 0;   background: url("../images/com/member_m.jpg") center top no-repeat ; opacity: 0.7; background-size:100% auto;}

#subVisual .subVisualTxt { position: relative; width: 100%; margin: 0px auto; z-index: 90; color: #ffffff; font-family: "GmarketSansMedium", sans-serif !important;  text-shadow: rgb(0, 0, 0 ,0.7) 2px 2px 4px ;}
  #subVisual .subVisualTxt { }
  #subVisual .subVisualTxt img { width: 60%; }
 
/*.notice { position: relative; float: left; width: 48.0%; padding: 10px 3.58% 0px 0px; margin: 30px 0px; }*/

.facebook { position: relative; float: left; width: 48.0%; padding: 10px 0% 0px 0px; margin: 30px 0px; }
.facebook div {min-height:265px;}

.mwork {display:none; }
.mwork_m {display:block; position: relative; float: left; width: 48.0%; padding: 10px 3.58% 0px 0px;  margin: 50px 0px 0; }
.mwork_m li {margin-bottom:40px;}
.mwork_m img {width:100%; }



  .board_menu { background: url(""); }
  .board_menu h2 { font-size: 26px; }
  .board_menu h3 { font-size: 20px; padding-left: 0px; }
  .board_menu p { font-size: 17px; background: #ffffff; border: 1px solid rgb(221, 221, 221); }
  .customer h2 { font-size: 26px; }
  .customer h4 { font-size: 15px; letter-spacing: -1px; }
  .customer h1 { font-size: 33px; }
  .customer p { font-size: 15px; font-weight: 300; color: rgb(22, 22, 22); width: 100%; text-align: left; }
  .customer b { font-size: 18px; }

  .r_ban { position: relative; float: left; width: 100%; padding: 0px; margin: 0px 0px 30px; }
  .r_ban ul { }
  .r_ban li { float: left; width: 31.4%; text-align: left; margin: 0px 1.5% 0px 0px; padding: 0px; background: #ffffff; }
  .r_ban li h2 { width: 60%; font-size: 1.63em; font-weight: 600; letter-spacing: 0em; padding: 25px 0px 0px 40%; text-align: left; }
  .r_ban li h3 { float: left; width: 40%; font-size: 1.63em; padding: 25px 0px 0px 5%; text-align: left; }
  .r_ban li p { float: right; width: 55%; font-size: 1.2em; padding: 20px 0px 0px; text-align: left; }
  .r_ban li .support1 { background: url("/images/main/r_banner_01.png") 15% 40% no-repeat; height: 80px; }
  .r_ban li .support1:hover { background: url("/images/main/r_banner_01_on.png") 15% 40% no-repeat; }
  .r_ban li .support2 { background: url("/images/main/r_banner_02.png") 15% 40% no-repeat; height: 80px; }
  .r_ban li .support2:hover { background: url("/images/main/r_banner_02_on.png") 15% 40% no-repeat; }
  .r_ban li .support3 { height: 80px; }
  .r_ban li .support3:hover { }
  .gallery1 { width: 30%; height: 234px; margin: 0px 4.8%; }
  .gallery2 { position: relative; float: left; width: 24%; height: 221px; padding: 20px 20px 0px; margin: 0px; border: 1px solid rgb(218, 218, 218); overflow: hidden; }
  .gallery2 h2 { position: relative; padding: 0px 0px 15px; font-size: 2em; font-weight: 600; color: rgb(8, 8, 8); width: 100%; text-align: left; }
  .gallery2 h2 > span > b { color: rgb(38, 38, 38); }
  .gallery2 h2 img { margin-bottom: -2px; padding-right: 2px; }
  .gallery2 .more { position: absolute; right: 0px; top: 0px; }
  .gallery2 ul { margin: 0px; }
  .gallery2 ul li { float: left; width: 99%; height: 145px; text-align: left; font-size: 1.1em; letter-spacing: -0.5px; overflow: hidden; padding: 0px 1.65%; }
  .gallery2 ul li:nth-child(2) { display: none; }
  .gallery2 ul li .gallery_imgbox { height: 110px; overflow: hidden; }
  .gallery2 ul li .gallery_titlebox { height: 48px; overflow: hidden; line-height: 21px; }
  .m_customer { position: relative; float: left; width: 30%; }
  .m_customer li h2 { width: 90%; font-size: 2em; font-weight: 700; letter-spacing: -0.05em; padding: 25px 0px 0px 10%; }
  .m_customer li h3 { width: 90%; font-size: 2.2em; font-weight: 700; letter-spacing: -0.05em; color: rgb(254, 0, 0); padding: 10px 0px 0px 10%; }
  .m_customer li h4 { width: 90%; font-size: 1.8em; line-height: 1.2em; font-weight: 700; letter-spacing: -0.05em; color: rgb(65, 103, 175); padding: 5px 0px 0px 10%; }
  .m_customer li p { width: 90%; font-size: 1.05em; letter-spacing: -0.05em; font-weight: 300; line-height: 1.2em; padding: 25px 0px 0px 10%; }
  .m_customer li .work1 { background: url("") 10% 50% no-repeat; }
  .m_customer li .work1:hover { background: url("") 10% 50% no-repeat; }
  .m_customer li .work2 { background: url("") 10% 50% no-repeat; }
  .m_customer li .work2:hover { background: url("") 10% 50% no-repeat; }
  

  #subVisual .title img { width: 97%; }
  #subVisual .subVisual_txt { width: 430px; }
  #subVisual .subVisual_txt p { font-size: 17px; line-height: 25px; }

  .greeting { float: left; position: relative; padding: 50px 2% 0px ; width: 100%; }
  .greeting_bg01 { background: url("../images/about/01_img_01.jpg") center top no-repeat; }
  .greeting .txt_box {  font-size: 18px; line-height:22px;  left; width: 100%; padding: 5%; display: inline-block; height: auto; background-color: rgba( 255, 255, 255, 0.9 );}
 

  .map_wrap .traffic dl dt.bus { width: 100%; }
  .map_wrap .traffic dl dt.car { width: 100%; }
  .map_wrap .traffic dl dt.subway { width: 100%; }
  .map_wrap .traffic dl dd { width: 100%; }

  .work03_tit_wrap ul { background-size: auto 180px; }
  .work0202 li { margin-left: 1.5%; font-size: 0.8em; }
  .work0202 li.hei01 { font-size: 0.68em; }
  .work03_box01 li { width: 95%; height: auto; }
  .work03_box01 li strong { font-size: 17px; }
  .TableType01 tbody td .red { display: block; padding-top: 5px; font-size: 16px; }
  .sub #contents { width: 100%; }
  .sub #contents img { max-width: 100%; height: auto; }
  .sub #contents .titleArea { margin-bottom: 30px; padding-bottom: 0px; border-bottom: none; }
  .sub #contents .titleArea h3 { font-size: 32px; font-weight: 500; line-height: 52px; }
  .sub #contents .titleArea h3 img { width: 120px; padding-left: 8px; }
  .sub #contents .titleArea .location { display: none; }
  .section h4 span.txt { display: block; padding-left: 0px; }
  .company .w50 { background-size: 80px; padding-left: 100px; }
  .company .company_con01 { width: 48%; }
  .company .company_con02 { float: right; background-position: 5px 80px; }
  .map_con #map { height: 350px; }
  .support03 li { margin-left: 1.5%; float: left; width: 20.5%; padding: 1.5%; height: 150px; font-size: 0.9em; line-height: 1.2em; border: 1px solid rgb(211, 211, 211); text-align: center; letter-spacing: -0.05em; color: rgb(17, 17, 17); }
  .support03 li h3 { color: rgb(255, 108, 0); font-size: 1.2em; }
}
@media only screen and (max-width: 768px) {

  .about05 img { width: 100%; }
  .enterprise .box li { line-height: 19px; padding-top: 70px; height: 130px; }
  .work04_img img { width: 100%; }
  .service_check { font-size: 1.1em; }
}
@media only screen and (max-width: 731px) {
  .program_img { display: none; }
}
@media only screen and (max-width: 680px) {

.wid680 {max-width:100%; width:100%;}
.wid680 img {max-width:100%; width:100%;}

.header { display: none; }
.fright ul li img {width:85%; margin-right:0px;} 



	.latest.thumb li { width:46%; margin-bottom:10px; }
	.latest.thumb li:nth-child(3) {margin-left:0;}  

.board_menu p { font-size: 14px; }
.customer { }
.customer h2 { font-size: 26px; }
.customer h4 { font-size: 14px; line-height: 16px; letter-spacing: -1px; }
.customer h1 { font-size: 28px; }
.customer p { font-size: 13px; font-weight: 300; color: rgb(22, 22, 22); width: 100%; text-align: left; }
.customer b { font-size: 15px; }
.r_ban li { float: left; width: 31.4%; text-align: left; margin: 0px 1.5% 0px 0px; padding: 0px; background: #ffffff; }
.r_ban li h2 { width: 65%; font-size: 1.4em; font-weight: 600; letter-spacing: 0em; padding: 25px 0px 0px 35%; text-align: left; }
.r_ban li h3 { float: left; width: 100%; font-size: 1.4em; padding: 5px 0px 5px 0%; text-align: center; }
.r_ban li p { float: left; width: 100%; font-size: 1.2em; padding: 0px; text-align: center; }
.r_ban li .support1 { background: url("/images/main/r_banner_01.png") 10% 40% / 25% no-repeat; height: 80px; }
.r_ban li .support1:hover { background: url("/images/main/r_banner_01_on.png") 10% 40% no-repeat; }
.r_ban li .support2 { background: url("/images/main/r_banner_02.png") 15% 40% / 25% no-repeat; height: 80px; }
.r_ban li .support2:hover { background: url("/images/main/r_banner_02_on.png") 15% 40% / 25% no-repeat; }
.r_ban li .support3 { height: 80px; }
.r_ban li .support3:hover { }


  .m_customer { width: 30%; }
  .m_customer li h2 { font-size: 1.7em; }
  .m_customer li h3 { font-size: 1.9em; }
  .m_customer li .work1 { background: url("") 10% 50% no-repeat; }
  .m_customer li .work1:hover { background: url("") 10% 50% no-repeat; }
  .m_customer li .work2 { background: url("") 10% 50% no-repeat; }
  .m_customer li .work2:hover { background: url("") 10% 50% no-repeat; }

  .work02_box { font-size: 15px; line-height: 22px; }

/* .about04 span {float: left; width:100%; box-sizing: border-box;}*/
	.map_wrap .traffic dl {width: 100%; }


  .biz_work .work_tit { float: none; width: 100%; height: auto; margin-bottom: 15px; font-size: 25px; line-height: normal; text-align: center; padding-top: 120px !important; background-position: center top !important; background-size: auto 100px !important; }
  .biz_work .work_tit strong { display: inline-block; }
  .biz_work .work_txt { width: 100%; float: none; }
  .biz_work .work_txt dl.period { height: auto; margin-top: 20px; padding: 0px; background-size: 50px; background-position: center top; text-align: center; }
  .biz_work .work_txt dl.period dt { padding-top: 20px; }
  .biz_work .work_txt dl.period dd { margin-top: 10px; padding: 0px 10px; font-size: 14px; line-height: 22px; word-break: keep-all; }
  .biz_work .work.box1 { padding-bottom: 30px; }
  .biz_work .work.box2 { margin-top: 30px; }
  .biz_work .work.box2 .work_tit { height: auto; }
  .biz_work .work.box2 dl.txt dd { text-align: left; }
  .biz_work .box { display: inline-block; width: 100%; margin-top: 22px; }
  .biz_work .box li { margin-left: 0px; padding: 80px 0px 20px; float: none; width: 100%; height: auto; margin-top: -1px; background-size: auto 30px !important; background-position: center 30px !important; }
  .txt_box01 { width: 100%; padding: 15px 20px; box-sizing: border-box; font-size: 13px; }
  .txt_box01 p { margin-top: 10px; font-size: 12px; }
  .txt_box { font-size: 16px; }
  .enterprise .work_img { width: 100%; text-align: center; }
  .enterprise .work_img img { width: 65%; }
  .enterprise .work_txt { float: left; width: 98%; padding: 1%; }
  .enterprise .box li { height: 130px; }
  .tabtable { display: block; width: 100%; border-collapse: collapse; clear: both; overflow: hidden; }
  .tabtable td { border: 1px solid rgb(217, 217, 217); text-align: center; background: #ffffff; font-size: 13px; line-height: 18px; letter-spacing: -1px; }
  .tabtable td.on { background: rgb(0, 90, 170); color: #ffffff; font-weight: bold; }
  .tabtable td a { display: block; padding: 7px; text-align: center; font-size: 13px; color: rgb(102, 102, 102); }
  .tabtable td a.on { color: #ffffff; font-weight: bold; background: rgb(0, 90, 170); }
  .tabtable td.left { text-align: left; padding-left: 10px; }
  .f_banner li { float: left; text-align: center; padding: 1% 0px; }
  .f_banner li img { padding: 0px 0.5%; width: 15%; }
  .f_util li { padding: 0px 10px; font-size: 13px; }

  .work0202 li { font-size: 0.63em; line-height: 1.2em; }
  .work0202 li.hei01 { font-size: 0.57em; height: auto; }

  .service_check { font-size: 1em; }
}


@media only screen and (max-width: 640px) {
.wid640 {max-width:100%; width:100%;}
.wid640 img {max-width:100%; width:100%;}

.pct { display: none; }
.pct02 { display: block; }
.tablet { display: none; }
.tablet03 { display: none; }
.mobile { display: block; }

.br01 {display:none; }
.br02 {display:block;}
.br03 {display:block; }

  .allmenu { width: 100%; right: -100%; }
  .allmenu .aM_util { padding: 15px; }
  .allmenu .aM_util ul li { padding-left: 13px; margin-left: 10px; background-size: 1px 13px; }
  .allmenu .aM_util ul li a { font-size: 15px; padding-left: 20px; }
  .allmenu .aM_util ul li.aM_login a { background: url("/images/com/icon_aM_login_m.png") 0px 5px / 12px no-repeat; }
  .allmenu .aM_util ul li.aM_logout a { background: url("/images/com/icon_aM_logout_m.png") 0px 5px / 13px no-repeat; }
  .allmenu .aM_util ul li.aM_join a { background: url("/images/com/icon_aM_join_m.png") 0px 4px / 18px no-repeat; }
  .allmenu .aM_util ul li.aM_mypage a { padding-left: 20px; background: url("/images/com/icon_aM_mypage_m.png") 0px 4px / 13px no-repeat; }
  .allmenu .aM_util ul li.aM_message a { padding-left: 22px; background: url("/images/com/icon_aM_message_m.png") 0px center / 15px no-repeat; }
  .allmenu .aM_util .btn_close { width: 13px; height: 13px; right: 4%; margin-top: -6.5px; background: url("/images/com/btn_aM_close_m.png") 0px 0px / 13px no-repeat; }
  .allmenu dl a { text-indent: 15px; }
  .allmenu dt a { height: 45px; background: url("/images/com/aM_depth_off_m.png") 96% center / 12px no-repeat #ffffff; font-size: 16px; font-weight: 500; line-height: 45px; }
  .allmenu dt a.on { background: url("/images/com/aM_depth_on.png") 96% center / 12px no-repeat rgb(71, 147, 225); }
  .allmenu dd a { font-size: 14px; line-height: 28px; }
  
  #mainVisual { height: 350px; }
  #mainVisual .mainSlide > li { height: 350px; }

  #mainVisual .bx-wrapper { height: 346px; }
  #mainVisual .mainVisualTxt { }
  #mainVisual .mainVisualTxt img { width: 75%; }
  #mainVisual .mainVisualTxt .m1 { font-size: 33px; line-height: 46px; }
  #mainVisual .mainVisualTxt .m1 img { width: 70%; }



  .historyWrap dl { padding: 25px 15px 35px 5px; }
  .historyWrap dl .year { margin: 0px 0px 20px; }
  .work03_tit_wrap ul li { width: 60%; }
  .about01 { font-size: 1.2em; line-height: 1.4em; }
  .sub #contents .titleArea { margin-bottom: 20px; padding-bottom: 0px; }
  .sub #contents .titleArea h3 { font-size: 26px; line-height: 48px; }
  .sub #contents .titleArea p { font-size: 18px; }
  .info_txt { width: auto; font-size: 15px; line-height: 25px; }
  .info_txt strong { padding-bottom: 8px; font-size: 18px; line-height: 23px; }
  .info_txt p { width: auto; padding-left: 24px; }
  h4 { padding-top: 5px; font-size: 18px; background-size: 13px 2px; }
  h4 span.red { font-size: 14px; }
  .section h4 span.txt { padding: 3px 0px 0px; font-size: 14px; line-height: 18px; }
  .section h4 span.txt em { font-size: 12px; }
  .company .w50 { float: none; width: 100%; padding-left: 120px; }
  .company .w50 a { margin-bottom: 15px; }
  .company .company_con01 { padding-bottom: 60px; background: url("/images/com/icon_company01_m.png") 0px 60px / 100px no-repeat; }
  .company .company_con02 { background: url("/images/com/icon_company02_m.png") 0px 60px / 100px no-repeat; }
  .company_people .inner { padding: 40px 0px 50px; }
  .company_people .mainTitle h3 { font-size: 26px; }
  .company_people .mainTitle p { font-size: 16px; line-height: 22px; }
  .company_people.people .bx-wrapper { margin-top: 30px !important; }
  .company_people .main_product li span { font-size: 15px; }
  .map_con #map { height: 300px; }
  .location .location_info li.address { background: url("/images/com/icon_location_m.png") 0px 2px / 19px no-repeat; }
  .location .location_info li.phone { background: url("/images/com/icon_phone_m.png") 0px center / 19px no-repeat; }
  .location .location_info li.fax { background: url("/images/com/icon_fax_m.png") 0px center / 19px no-repeat; }
/*  #foot { padding: 10px 0px; }
  .footWrap .f_util li { font-size: 14px; }
  .footWrap .footCnt p { font-size: 10px; padding-top: 0px; }
  .footWrap .footCnt p .secret img { width: 6px; }*/
  div#box { width: 300px; margin-left: -185px; }
}

@media only screen and (max-width: 568px) {
}

@media only screen and (max-width: 520px) {
  .support03 li { float: left; width: 20.2%; height: 160px; font-size: 0.9em; line-height: 1.2em; }
  .support03 li h3 { color: rgb(255, 108, 0); font-size: 1.2em; }
}

@media only screen and (max-width: 480px) {

/*  .fright { display: none; }*/
/*.fright {position:relative; float:left; margin:20px 0 0px 0; width:100%; padding:0px; }
  .f_utilbox li { padding: 0px 3px; }*/

/* hearder.css 랑 중복사용되어 주석처리함 */
/*  #headerWrap .util { top: 15px; right: 5px; }
  .logo .l_img { width: 80%; }
  .logo { position: relative; float: left; margin: 10px 0px 10px 20px; }
  .mobileutil { display: block; position: absolute; top: 30px; right: 0px; }
  .mobileutil li { position: relative; float: left; }
  .mobileutil li a { padding: 5px; }
  .mobileutil li a:hover { }
  .header { display: none; }
*/

   #mainVisual { height: 280px; }
  #mainVisual .mainSlide > li { height: 280px; }

  /*#mainVisual { min-height: 258px; }
  #mainVisual .mainSlide > li { min-height: 258px; }
  #mainVisual li img { height: 258px; }
  #mainVisual .bx-wrapper { height: 258px; }*/
  #mainVisual .mainVisualTxt { top: 100px; }
  #mainVisual .mainVisualTxt .m1 { font-size: 30px; line-height: 40px; text-align: center; }
  #mainVisual .mainVisualTxt .m1 img { width: 40%; }
  #mainVisual .mainVisualTxt dl { position: absolute; top: 0px; width: 100%; margin-left: -50%; left: 50%; z-index: 100; }
  #mainVisual .mainVisualTxt dl dt { font-size: 20px; top: 30px; color: #ffffff; }
  #mainVisual .mainVisualTxt dl dd.tit { font-size: 22px; top: 30px; color: #ffffff; }
  #mainVisual .mainVisualTxt dl dd.txt { font-size: 20px; top: 30px; color: #ffffff; }
  #mainVisual .mainVisualTxt dl dd.tit span.col01 { color: #ffffff; }
  #mainVisual .mainVisualTxt dl dd.tit span.col02 { color: #ffffff; }
  #mainVisual .mainVisualTxt dl dd.tit span.col03 { color: #ffffff; }
  .r_ban li { float: left; width: 31.2%; text-align: left; margin: 0px 1.5% 0px 0px; padding: 0px; background: #ffffff; }
  .r_ban li h2 { width: 100%; font-size: 1.3em; font-weight: 600; letter-spacing: 0em; padding: 25px 0px 0px 0%; text-align: center; }
  .r_ban li h3 { float: left; width: 100%; font-size: 1.3em; padding: 5px 0px 5px 0%; text-align: center; }
  .r_ban li p { float: left; width: 100%; font-size: 1em; padding: 0px; text-align: center; }
  .r_ban li .support1 { background: url("") 10% 40% no-repeat; height: 80px; }
  .r_ban li .support1:hover { background: url("") 10% 40% no-repeat; }
  .r_ban li .support2 { background: url("") 15% 40% no-repeat; height: 80px; }
  .r_ban li .support2:hover { background: url("") 15% 40% no-repeat; }
  .r_ban li .support3 { height: 80px; }
  .r_ban li .support3:hover { }
  
  #subVisual {height: 180px;}
  #subVisual .subVisualTxt { }
  #subVisual .subVisualTxt .m1 { padding: 10px 0; font-size: 2.5em; }
  #subVisual .subVisualTxt .m1 img { width: 20%; }
  #subVisual .subVisualTxt .m1 span { font-size: 30px; line-height: 44px; }
  #subVisual .subVisualTxt .m2 { padding-top: 0px; font-size: 1.3em; line-height: 40px; }
  #subVisual.about { background: url("../images/com/about_m.jpg") center center / auto 100% no-repeat; }
  #subVisual.work { background: url("../images/com/work_m.jpg") center center / auto 100% no-repeat rgb(3, 3, 5); }
  #subVisual.support { background: url("../images/com/support_m.jpg") center center / auto 100% no-repeat rgb(3, 3, 5); }
  #subVisual.Board { background: url("../images/com/Board_m.jpg") center center / auto 100% no-repeat rgb(3, 3, 5); }
  #subVisual.member { background: url("../images/com/member_m.jpg") center center / auto 100% no-repeat rgb(34, 34, 34); }

  .greeting .img {width:100%; text-align:center;}		
  .greeting .img img  {width:90%;  }
  .greeting .txt_box img  {width:100%; height:auto;}
  .greeting .txt_box p span img {width:auto;}


	.latest.thumb li { width:100%; margin-left:0px;}




  .facebook {width: 99%; margin: 30px 0px 0; }
  .facebook div {min-height:265px;}

  .mwork {display:none; }
  .mwork_m {display:block; position: relative; float: left; width: 99%; padding: 10px 3.58% 0px 0px;  margin: 30px 0px 0; }
  .mwork_m li {margin:20px 0;}
  .mwork img {width:100%; }
  
  .board_menu { width: 93.4%; border-right: 0px; }
  .customer { width: 95%; }
  .gallery1 { width: 100%; margin: 0px; }

  .gallery2 { position: relative; float: left; width: 97%; height: 221px; padding: 10px 5px 0px; margin: 0px 0px 20px; border: 1px solid rgb(218, 218, 218); overflow: hidden; }
  .gallery2 h2 { position: relative; padding: 0px 0px 15px; font-size: 2em; font-weight: 600; color: rgb(8, 8, 8); width: 100%; text-align: left; }
  .gallery2 h2 > span > b { color: rgb(38, 38, 38); }
  .gallery2 h2 img { margin-bottom: -2px; padding-right: 2px; }
  .gallery2 .more { position: absolute; right: 0px; top: 0px; }
  .gallery2 ul { margin: 0px; }
  .gallery2 ul li { float: left; width: 45%; height: 145px; text-align: left; font-size: 1.1em; letter-spacing: -0.5px; overflow: hidden; padding: 0px 1.65%; }
  .gallery2 ul li:nth-child(2) { display: block; }
  .gallery2 ul li .gallery_imgbox { height: 110px; overflow: hidden; }
  .gallery2 ul li .gallery_titlebox { height: 48px; overflow: hidden; line-height: 21px; }
 
  .section02 { height: auto; }
 

	.m_customer { width: 100%; margin-bottom: 20px; }
  .m_customer li h2 { width: 80%; font-size: 2em; font-weight: 700; letter-spacing: -0.05em; padding: 25px 0px 0px 10%; }
  .m_customer li h3 { width: 80%; font-size: 2.3em; font-weight: 700; letter-spacing: -0.05em; color: rgb(254, 0, 0); padding: 10px 0px 0px 10%; }
  .m_customer li h3 a { color: rgb(254, 0, 0); }
  .m_customer li h4 { width: 60%; font-size: 1.8em; line-height: 1.2em; font-weight: 700; letter-spacing: -0.05em; color: rgb(65, 103, 175); padding: 5px 0px 0px 40%; }
  .m_customer li h4 b { width: 100%; font-weight: 700; letter-spacing: -0.05em; color: rgb(235, 111, 126); }
  .m_customer li p { width: 60%; font-size: 1.05em; letter-spacing: -0.05em; font-weight: 300; line-height: 1.2em; padding: 25px 0px 0px 40%; }
  .m_customer li .work1 { background: url("/images/main/l_banner_01.png") 95% 50% no-repeat; }
  .m_customer li .work1:hover { background: url("/images/main/l_banner_01_on.png") 95% 50% no-repeat; }
  .m_customer li .work2 { background: url("/images/main/l_banner_02.png") 5% 50% no-repeat; }
  .m_customer li .work2:hover { background: url("/images/main/l_banner_02_on.png") 5% 50% no-repeat; }
  .m_enterprise li { font-size: 0.7em; line-height: 1em; letter-spacing: -0.02em; }
  .m_enterprise li .mbg01 { height: 65px; }
  .m_enterprise li .mbg02 { height: 65px; }
  .m_enterprise li a.enter1 { background-size: 30%; }
  .m_enterprise li a.enter2 { background-size: 40%; }
  .m_enterprise li a.enter3 { background-size: 40%; }
  .m_enterprise li a.enter4 { background-size: 40%; }
  .m_enterprise li a.enter5 { background-size: 30%; }
  .m_enterprise li a.enter6 { background-size: 30%; }
  .m_enterprise li a.enter7 { background-size: 30%; }
  .m_enterprise li a.enter8 { background-size: 30%; }
  .m_enterprise li a.enter9 { background-size: 30%; }
  .m_enterprise li a.enter10 { background-size: 30%; }
  .guide01_box li { margin-bottom: 1.5%; float: left; width: 99%; padding: 0% 0% 10%; background: url("../images/guide/arrow_bot.png") center bottom / 10% no-repeat; }
  .guide01_box ul.no3 li { width: 99%; }
  .guide01_box ul.no4 li { width: 99%; }
  .guide01_box li div { height: 85%; }

  .map_wrap .traffic dl { width: 100%; }
  
  .work03_tit_wrap ul { float: left; padding: 5% 5% 30%; width: 90%; background: url("/images/work/03_img_01.png") center bottom / auto 150px no-repeat; }
  .work03_tit_wrap ul li { float: left; font-size: 15px; padding: 0px 0px 10px; width: 100%; }
  .mc_con .list_month { width: 100%; }
  .mc_con .list_content { width: 100%; }
  .mc_con dl dt { width: 100%; }
  .mc_con dl dd { width: 100%; }
  .map_wrap .traffic dl { width: 100%; }
  .work03_tit_wrap ul { float: left; padding: 5% 5% 30%; width: 90%; background: url("/images/work/03_img_01.png") center bottom / auto 150px no-repeat; }
  .work03_tit_wrap ul li { float: left; font-size: 15px; padding: 0px 0px 10px; width: 100%; }
  .enterprise .work_img img { width: 100%; }
  .article { width: 100%; }
  .article .mainTitle { padding: 20px 0px 40px; }
  .article .mainTitle h3 { font-size: 38px; font-weight: 600; color: #ffffff; padding: 0px 0px 10px; }
  .article p { font-size: 17px; color: #ffffff; line-height: 24px; margin-top: 10px; font-weight: 300; }
  .article.main_company02 { text-align: center; overflow: hidden; }
  .article.main_company02 .w50 { width: 100%; float: left; font-size: 16px; font-weight: 300; }
  .article.main_company02 .bg01 { background: url("/images/main/bg_maintenance.jpg") center 100% / cover no-repeat; }
  .article.main_company02 .bg02 { background: rgb(255, 185, 1); }

.historyWrap dl .cont li .month {float:left; width: 100%; margin-top:10px; box-sizing:border-box;}
.historyWrap dl .cont li .txt {float:left; width: 100%; padding-left:0px; box-sizing:border-box; }



  .about01 { }
  .greeting {}
  .greeting_bg01 { background-size: 100%; }

 .about03_table_m {display:block;}
.about03_table {display:none;}


  .about08_table { display: none; }
  .about08_table_m { display: block; }
  .SNBWrap .menu li { padding: 0px 15px; font-size: 14px; line-height: 40px; }
  .SNBWrap .menu.mem_menu li { padding: 0px 5px; }
  .SNBWrap .snb_selectBox span { line-height: 40px; }
  .SNBWrap .snb_selectBox ul { top: 40px; }
  .ListStyle01 dt { font-size: 16px; }
  .ListStyle01 dd { font-size: 14px; }
  .TabArea ul { height: 40px; }
  .TabArea ul li { height: 39px; line-height: 40px; }
  .TabArea ul li.on { height: 41px; }
  .TableType01 tbody th { font-size: 15px; }
  .TableType01 tbody td { padding: 8px 0px 13px; }
  .TableType01 tbody td .btn_postcode { font-size: 14px; }
  .TableType01 tbody td { font-size: 14px; }
  .TableType01 tbody td .red { font-size: 12px; }
  .sub #contents { margin: 30px auto 40px; }
  .sub #contents .titleArea { font-size: 36px; }
  .sub #contents .titleArea h3 { font-size: 22px; line-height: 24px; }
  .sub #contents .titleArea p { font-size: 15px; line-height: 20px; }
  .info_txt { font-size: 14px; }
  .info_txt strong { padding-bottom: 5px; font-size: 16px; }
  .info_txt p { padding-left: 40px; background: url("/images/com/inrtoduce_bullet.png") 27px 7px / 7px no-repeat; }
  .info_txt p::before { content: none; }
  h4 { font-size: 16px; }
  h4 span.red { display: block; font-size: 12px; }
  .section h4 span.txt { padding-top: 0px; font-size: 12px; }
  .section h4 span.txt em { font-size: 10px; }
  .board_01 { position: relative; width: 92%; float: left; margin: 0px 4%; border-top: 1px solid rgb(123, 46, 128); border-bottom: 1px solid rgb(123, 46, 128); }
  .board_01 dl dt { float: left; width: 18%; padding: 1% 2%; text-align: right; border-right: 1px solid rgb(221, 221, 221); font-size: 13px; font-weight: 600; }
  .board_01 dl dd { float: left; width: 74%; padding: 1%; font-size: 13px; }
  .location .location_info li { float: none; margin-top: 10px; margin-left: 0px; line-height: 20px; }
  .location .location_info li.address { margin-top: 5px; background-position: 0px 1px; }

  /*#foot { padding: 0px; }
  .f_banner li { font-size: 13px; padding-top: 10px; padding-bottom: 10px; }
  .footWrap .f_util li { font-size: 13px; }
  .footWrap .footCnt { padding-top: 8px; }
  .footWrap .footCnt address { font-size: 12px; line-height: 16px; }
  .footWrap .footCnt p { font-size: 9px; }
  .footWrap .footCnt p .secret img { width: 5px; }*/
  div#box { width: 260px; padding: 20px; margin-left: -155px; margin-top: -111px; }
  div#p_input span.label { width: 70px; }
  .support_box02 { position: relative; float: left; width: 100%; height: 220px; margin: 0px 0px 20px; border: 1px solid rgb(212, 212, 212); padding: 0px; font-size: 15px; line-height: 20px; }
  .support_box02 p { position: relative; float: right; width: 96%; padding: 2%; text-align: center; }
  .support_bg01 { background: url("") left center / 40% 220px no-repeat; }
  .support_bg02 { background: url("") left center / 40% 220px no-repeat; }
  .service_check dt { width: 95%; padding: 2.5%; }
  .service_check dd { width: 95%; padding: 2.5%; }

}

@media only screen and (max-width: 360px) {
  #mainVisual { min-height: 193px; }
  #mainVisual .mainSlide > li { min-height: 193px; }
  #mainVisual li img { height: 193px; }
  #mainVisual .bx-wrapper { height: 258px; }

  .w360 {width: 100%; }
  .w360 img { max-width: 100%; }
  .greeting { padding: 230px 1% 0px; }
  .work05_img img { width: 100%; }
  .support03 li { height: 180px; }
}