@charset "utf-8";
/*
	Common Layout CSS _ 15.05.18
*/

/*common*/
.inner{max-width:1500px; width:100%; position:relative; margin: 0 auto;}
.pdinner{max-width: 1500px;padding:0 3%;position:relative;margin: 0 auto;align-items: flex-end;}
.ofh{overflow:hidden;}
.clear:after {content:''; display:block; clear:both;}
#sub .pdinner{max-width: 1400px;}

.mb{margin-bottom:30px !important}
.bmb{margin-bottom:40px !important}
.pb{padding-bottom:30px !important}
.bpb{padding-bottom:40px !important}
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}

.tac{text-align:center;}
.tal{text-align:left;}
.tar{text-align:right;}
.mo_only{display:block;}

.move_scroll{max-width:768px; overflow-x:auto}
.line_link{display:inline-block; color:#ffffff; padding-bottom:5px; border-bottom:3px solid #ffffff; font-size:0.9em}
.arrow_cir_w:after{content:''; width:28px; height:25px; background:url(../img/ic_arrow_w.png) no-repeat center center; background-size:100%; display:inline-block; vertical-align:middle; margin-left:10px;}

.dpib{display:inline-block}
.dpb{display:block;}
.upper{text-transform:uppercase}

@media all and (min-width:768px) {
.mb{margin-bottom:40px !important; }
.bmb{margin-bottom:60px !important;}
.pb{padding-bottom:40px !important}
.bpb{padding-bottom:60px !important}
.mo_only{display:none;}
.move_scroll{max-width:100%;}
.pdinner{padding:0 3%}
}

@media all and (min-width:1200px) {
body, html{font-size:17px; line-height:1.5}
.mb{margin-bottom:50px !important}
.bmb{margin-bottom:100px !important}
.pb{padding-bottom:50px !important}
.bpb{padding-bottom:80px !important}
.pdinner{padding:0 20px;}
}



/* ==== Slider Image Transition === */
@-webkit-keyframes ProgressDots{from{width:0px;}to{width:100%;}}
@keyframes ProgressDots{from{width:0px;}to{width:100%;}}
@keyframes zoomout {	0% { transform: scale(1.1); }    100% {        transform: scale(1.0);    }}
@-webkit-keyframes zoomout {	0% { transform: scale(1.1); }    100% {        transform: scale(1.0);    }}
@-webkit-keyframes scaling {	From {    -webkit-transform: scale(1.1);}	To {    -webkit-transform: scale(1.0);}}


/* ==== Slick Slider Css Ruls === */
.slick-slider{position:relative;display:block;
-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:none}.slick-list.dragging{cursor:hand}

.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block}
.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}

.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left /* If RTL Make This Right */;height:100%;min-height:1px;}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}

.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}



/* main */
.main .visuslider .visu:before{animation: zoomout 6s ease-in-out infinite alternate; -webkit-animation: zoomout 6s ease-in-out infinite alternate;}
/*.main .visuslider .visu:before{animation: zoomout 8s ease-in-out infinite alternate;    -webkit-animation: zoomout 8s ease-in-out infinite alternate; animation-iteration-count:1; 	-webkit-animation-iteration-count:1; }*/
.wrap{max-width:2000px; min-width:320px; width:100%; margin: 0 auto; position:relative;}
.visuslider .visu{position:relative;/*! height: 50vh; */min-height: 500px;max-height:1080px;z-index:2;display:flex !important;align-items:center;}
.visuslider .visu:before{content:''; display:block;  margin:auto; background-size:cover !Important;position:absolute; left:0; right:0; top:0; bottom:0; width:100%;  bottom:0; z-index:1; }
.visuslider .visu.visu01:before{background:url(../img/main_img01.jpg) no-repeat center center;}
.visuslider .visu.visu02:before{background:url(../img/main_img02.jpg) no-repeat center center;}
.visuslider .visu.visu03:before{background:url(../img/main_img03.jpg) no-repeat center center;}
.visuslider .visu .txt{color:#ffffff;width:100%;padding:0 4%;position:absolute;z-index:5;top: 35%;}
.visuslider .visu .txt h1{color:#fff; font-weight: 800;font-size: 1.7em;margin-bottom: 30px;}
.visuslider .visu .txt h1 b{color:#3E83E2;font-weight: 800;text-transform: uppercase;}
.visuslider .visu .txt img{width:50%; margin-bottom:15px; max-width:300px;}
.visuslider .visu .txt p{color: #fff;font-weight: 700;margin-bottom: 20px;}
.visuslider .visu .txt a{border:1px solid #ffffff82; padding:5px 30px 5px 10px; border-radius:5px;position: relative;font-weight: 600;}
.visuslider .visu .txt a:after{display: block; clear: both; content: ""; width: 6px; height: 6px; border-top: 1px solid #ffffff; border-right: 1px solid #ffffff; top: 11px; right: 12px; transform: rotate(400deg); position: absolute;}
.visuslider .visu .txt a:hover{background: #ffffff40}

@media all and (min-width:768px) {
.visuslider .visu .txt p{font-size: 1.3em;}
.visuslider .visu .txt h1{font-size: 2.3em;}
.visuslider .visu .txt a{padding:8px 40px 8px 15px; font-size:1.1em}
.visuslider .visu .txt a:after{display: block; clear: both; content: ""; width: 6px; height: 6px; border-top: 1px solid #ffffff; border-right: 1px solid #ffffff; top: 13.5px; right: 15px;}
}

@media all and (min-width:980px) {
.visuslider .visu{min-height: 600px;}

}

@media all and (min-width:1200px) {
.visuslider .visu{height: 100vh;}	
.visusliderWrap{overflow:hidden;}
.visuslider .visu .txt{padding:0 12%;top: 30%;}
.visuslider .visu .txt p{font-size: 1.5em;}
.visuslider .visu .txt h1{font-size: 3em;margin-bottom: 60px;line-height: 1.3;}
.visuslider .visu .txt a{padding:12px 55px 12px 25px; font-size:1.15em}
.visuslider .visu .txt a:after{width: 8px; height: 8px;top: 19px; right: 23px;}
}

@media all and (min-width:1400px) {
.visuslider .visu .txt p{font-size: 1.8em;line-height: 38px;}
.visuslider .visu .txt h1{font-size: 3.5em;}
.visuslider .visu .txt{padding:0 12%;top: 35%;}
}

@media all and (min-width:1600px) {
.visuslider .visu .txt h1{font-size: 3.8em;}
}





/*스크롤다운*/
.main .visual_scroll {display:none;}
.main .visual_scroll:before {content:''; display:inline-block; width:3px; height:100%; background:rgba(255,255,255,0.3); position:absolute; left:0; top:0;}
.main .visual_scroll:after {content:''; display:inline-block; width:2px; height:30%; background:#fff; position:absolute; left:0; top:0; animation:scroll 3s ease-in infinite;}
.main .visual_scroll div {position:relative;}
.main .visual_scroll p {display:inline-block; transform:rotate(90deg); transform-origin:left bottom; position:absolute; left:0.7em; top:-1.4em; color:#fff; font-size:0.8em;}

@media all and (min-width:768px) {
.main .visual_scroll {display:block;position: absolute;right: 0px;bottom: -100px;width: 100px;height: 150px;overflow: hidden;}
}

@media all and (min-width:1200px) {
.main .visual_scroll {right:50px;height: 200px; bottom:-200px;}
}

@media all and (min-width:1400px) {
.main .visual_scroll {right:120px;height: 220px;}
}


/* animation */
@-webkit-keyframes dot {
		0% {-webkit-transform:scaleX(0); -webkit-transform-origin:0 0;}
    100% {-webkit-transform:scaleX(1); -webkit-transform-origin:0 0;}
}
@keyframes dot {
		0% {transform:scaleX(0); transform-origin:0 0;}
    100% {transform:scaleX(1); transform-origin:0 0;}
}
@-webkit-keyframes visbg {
  from {-webkit-transform:scale(110%);}
  to {-webkit-transform:scale(100%);}
}
@keyframes visbg {
  from {transform:scale(110%);}
  to {transform:scale(100%);}
}
@-webkit-keyframes anim01 {
	0% {opacity:0; -webkit-transform:translateX(30px);}
	100% {-webkit-transform:translateX(0); opacity:1;}
}
@keyframes anim01 {
	0% {opacity:0; transform:translateX(30px);}
	100% {transform:translateX(0); opacity:1;}
}
@-webkit-keyframes scroll {
	0% {-webkit-top:-30%;}
	100% {-webkit-top:100%;}
}
@keyframes scroll {
	0% {top:-30%;}
	100% {top:100%;}
}
@keyframes circleRight {
  0% {
    transform: rotate(-135deg);
  }
  50%,
  100% {
    transform: rotate(45deg);
  }
}
@keyframes circleLeft {
  0%,
  50% {
    transform: rotate(-135deg);
  }
  100% {
    -webkit-transform: rotate(45deg);
  }
}




/*공통*/
.main{position:relative;}
.main .controls {display:none;}
.main .controls .dots {width:100px; text-align:center;}
.main .controls .dots li:not(.slick-active) {display:none;}
.main .controls .dots li{color:#aaa}
.main .controls .dots span {font-weight:800; color:#fff}
.main .controls .dots span:not(.slick-active) {font-size:1.2em; color:#fff}
.main .controls .dots span:after {content:'/'; margin:0 0.5em; font-weight:500; color:#aaa; font-size:0.8em;}

.control {margin-left:auto;display:flex;align-items:center;width:24%;min-width:calc(150px - 6%);}
.control .dots {width:50%;}
.control .dots li {display:none; color:#fff; font-weight:800;}
.control .dots li.slick-active {display:flex; justify-content:center; align-items:center;}
.control .dots li .line {display:inline-block; width:1px; height:0.8em; margin:0 0.5em; background:#fff; opacity:0.5;}
.control .arrow {display:flex;justify-content:space-between;margin-left:auto;}
.control .arrow span.prev{background: url(../img/control_prev.png) no-repeat center center;width: 40px;height: 40px;display: block;background-size: 100%;cursor: pointer;}
.control .arrow span.next{background: url(../img/control_next.png) no-repeat center center;width: 40px;height: 40px;display: block;background-size: 100%;}
.control .arrow span.prev:hover{background: url(../img/control_prev_hover.png) no-repeat center center;width: 40px;height: 40px;display: block;background-size: 100%;cursor: pointer;}
.control .arrow span.next:hover{background: url(../img/control_next_hover.png) no-repeat center center;width: 40px;height: 40px;display: block;background-size: 100%;}

.main_tlt{font-size: 1.8em;font-weight: 700; margin-bottom: 20px; text-align: center;}
.main_tlt_txt{color: var(--point_color); font-weight: 700;text-align: center;}

.pd{padding-top:40px; padding-bottom:40px;}
#section03 .pd{padding-top:60px; padding-bottom:60px;}
#sub .pd{padding-top:40px; padding-bottom:40px;}

@media all and (min-width:768px) {
.pd{padding-top:60px; padding-bottom:60px;}
#section03 .pd{padding-top:80px; padding-bottom:80px;}
#sub .pd{padding-top:60px; padding-bottom:60px;}

}

@media all and (min-width:980px) {
.pd{padding-top:80px; padding-bottom:100px;}
.main_tlt_box{margin-bottom: 40px;}
.main_tlt{font-size: 2em;}
#section03 .pd{padding-top:100px; padding-bottom:100px;}
#sub .pd{padding-top:80px; padding-bottom:80px;}
}

@media all and (min-width:1200px) {
.pd{padding-top:120px; padding-bottom:120px;}
.main_tlt{font-size: 2.5em;}
.main .controls {/*! padding:0 12%; *//*! bottom: 200px; */}
	#section03 .pd{padding-top:120px; padding-bottom:120px;}
	
	.main .controls {position:absolute; left:0; bottom:200px; z-index:99; color:#fff; padding:0 10%; display:flex; align-items:center; width:100%; font-size:1.25em;}
.main .controls .prev:before,
.main .controls .next:before {font-family:'xeicon'; cursor:pointer;}
.main .controls .prev:before {content:'\e93d';}
.main .controls .next:before {content:'\e940';}
	.main .controls .slick-arrow{position: absolute;bottom: 300px; font-size:2.5em; color:#ffffff50}
	.main .controls .prev{left: 50px;}
  .main .controls .next{right: 50px;}
}
@media all and (min-width:1400px) {
.main .controls .slick-arrow{position: absolute;bottom: 250px; font-size:2.5em; color:#ffffff50}
}
@media all and (min-width:1600px) {
.pd{padding-top:150px; padding-bottom:150px;}
	#section03 .pd{padding-top:150px; padding-bottom:150px;}
	.main .controls .slick-arrow{bottom: 230px; font-size:3em;}
	.main .controls .prev{left: 70px;}
  .main .controls .next{right:70px;}
}


/*section01*/
#section01 {position: relative;}
.sub_tlt{font-size: 1.7em;font-weight: 800;margin-bottom: 20px;}
#section01 ul.busi{}
#section01 ul.busi li{}
#section01 ul.busi li a{position: relative; margin-bottom:80px;display: block;}
#section01 ul.busi li a img{width: 100%;}
#section01 ul.busi dl{background: #fff; display: block; position: absolute; bottom:-70px; padding: 20px 20px 20px 0px;width: 90%;}
#section01 ul.busi dt{ font-size: 1.4em;font-weight: 800;margin-bottom: 20px;}
#section01 ul.busi dd{}
@media all and (min-width:650px) {
}

@media all and (min-width:768px) {
#section01:before{display: block; clear: both; content: "";background: url(../img/section01_bg.png) no-repeat;background-size: cover;width: 300px;height: 70px;right: 0;position: absolute;z-index: -9;top: 40px;opacity: 0.5;overflow: hidden;}
#section01 ul.busi{display: flex; flex-wrap:wrap; gap:2%;}
#section01 ul.busi li{width:32%;}
}

@media all and (min-width:980px) {
.sub_tlt{font-size: 2.2em; margin-bottom:40px;}
#section01 ul.busi dt{font-size: 1.6em;}
#section01 ul.busi dd{font-size:1.05em}
}

@media all and (min-width:1200px) {
#section01 ul.busi dl{padding: 30px 30px 30px 0px;}
#section01 ul.busi dt{font-size: 1.8em;}
#section01 ul.busi dd{font-size:1.1em}
}

@media all and (min-width:1600px) {
#section01:before{width: 780px;height: 150px;right: 5%;top: 90px;}
.sub_tlt{font-size: 3.3em;}
}








/*footer*/
#footer{background: #1B1F30;color:#242424;font-size:0.9em;text-align:left;padding:40px 0px;position:relative;display: block;border-top: 1px solid #ddd;}
#footer .pdinner{max-width:1500px;position: relative;}
#footer .text{display:flex; flex-wrap:wrap; width:100%;align-items: flex-end;justify-content: space-between;}
#footer address{margin-bottom:20px;color: #ffffff9c;}
#footer address b{margin-right: 15px;color: #cacaca;}
#footer p{font-size:0.9em;text-align: left;}
#footer .box{margin-bottom:20px;}
#footer .foot_img img{width: 150px;float: right;}
#footer .copy{color: #979797;margin-bottom: 30px;}

@media all and (min-width:768px) {
#footer{ padding: 60px 0px; font-size:1em;}
#footer .foot_img img{width: 230px;}
#footer .pdinner{display:flex; flex-wrap:wrap;justify-content: space-between; position:relative;}
	#footer .text{width:60%}
	#footer .foot_img{width:40%;}
	#footer .box p{display: inline-block;margin-right:40px;}
}

@media all and (min-width:980px) {
#footer address{margin-bottom:0px;line-height: 25px;}
}


/*page up*/
#pageup {position:fixed;z-index:999;right:0;bottom:20px;width:50px;height:50px;  background: var(--main_color) url(../img/Htop.png) no-repeat center center; background-size: 50px 50px;display:block;cursor:pointer;z-index:4000;border-radius: 50px;}

@media all and (min-width:1200px) {
#pageup {right:20px;width: 70px;height: 70px;}
}



/*서브레이아웃공통*/
.dot_li_wrap {background:#fafafa; padding:20px 0;}
.dot_li{overflow:hidden;}
.dot_li li{position:relative; padding-left:15px; margin-bottom:3px; word-break:break-all}
.dot_li li:before {content:''; display:inline-block; width:4px; height:4px; border-radius:50%; left:0; top:10px; position:absolute; background:#7b7b7b;}
.dot_li li:last-child{margin-bottom:0;}
.dot_li li.ref {font-size:0.9em; color:#666; margin:15px 0; background:#fcfcfc; border:1px dotted #ccc; padding:10px 3%;}
.dot_li li.ref:before {display:none;}
.dot_li li span {}

.tit_dot{font-size:1.25em; color:#303030; font-weight:600; padding-left:30px; background:url('../img/tit_cir.png') no-repeat left 4px;}
.subtit_dot{font-size:1.15em; color:#05235f; font-weight:600;}

@media all and (min-width:768px) {
	.dot_li li.ref {padding:10px 30px;}
}


/*서브레이아웃*/
#sub_vis{position:relative;padding: 120px 0 60px;background-repeat:no-repeat;background-position:center center;background-size:cover !important;color:#ffffff;text-align:center;/* margin-top:75px; */}
#sub_vis .tit_h2{font-size:1.8em;/* margin-bottom:20px; */font-weight: 700;}
#sub_vis .tit_h2 span{display:block;  margin-bottom:10px; font-size:15px; font-weight:800; letter-spacing:0; text-transform:uppercase; position:relative;}
#sub_vis .tit_h2 b{display:block; line-height:1.2}
.sub_tab{display:none}
.sub_con{margin: 0 auto;position:relative;min-height:400px;padding: 60px 0%;overflow:hidden}
.sub_con.sub01{position:relative}
.sub_con.sub01:after{position:absolute; display: block; content:''; background: url(../img/sub_bg.png)no-repeat; width:100%; height:100%; bottom:0; background-size: 100%; z-index:-5; opacity: 0.1;}
.sub_con:after{content:''; clear:both; display:block}

@media all and (min-width:768px) {
.sub_con{padding: 70px 0%;}
#sub_vis{border-bottom:0;}
#sub_vis .tit_h2{font-size:2.6em; }

#sub_vis p{font-size:0.9em}
#sub_vis .tit_h2 span:after{position:absolute; right:0; top:0; margin:0}
}

@media all and (min-width:1200px) {
.sub_con{padding: 140px 0% 140px;}
#sub_vis .tit_h2{font-size:3em; line-height:1.8;/*! text-align: left; */}
#sub_vis p{font-size:1.2em}
#sub_vis{border-bottom:0;padding: 180px 0 100px;}
}




/*2depth menu*/
#twodepthNav {position:relative; display:none; margin: 0 auto; background:#e7211a}
#twodepthNav ul {overflow:hidden; text-align:center}
#twodepthNav ul li {position:relative; width:16%; display:inline-block; text-align:center; max-width:150px}
#twodepthNav ul li a{color:#ffffff}
#twodepthNav ul.li09 li{width:10.5%;}
#twodepthNav ul li a{display:block; line-height:60px; position:relative}
#twodepthNav ul li a:after{content:''; position:absolute; bottom:0; left:50%; width:0; height:4px; background:#0083ef; transition:all 0.2s cubic-bezier(0.7, 0, 0.3, 1)}
#twodepthNav ul li:hover a:after{width:60px; margin-left:-30px;}
#twodepthNav ul li a:hover{font-weight:600; transition:0.3s}
#twodepthNav ul li:first-child a:before{width:0}
#twodepthNav ul li.active {background:#ffffff}
#twodepthNav ul li.active a{font-weight:600; color:#323232}
#twodepthNav ul li.active a:after{width:60px; margin-left:-30px;}

#sidemenu {display:none; position:absolute;width:200px;  z-index:9999; top:0px; left:20px} /*기준*/
#sidemenu h2 {display:block;font-size:1.6em;   text-align:center; line-height:1.2;  color:#fff; min-height:100px; padding:60px 0; /*background:rgba(90,19,40,0.8);*/ background:#29343f; position:relative; text-transform:uppercase;  }
#sidemenu h2 span {display:block; font-size:0.9rem; margin-bottom:10px;}

#sidemenu .snblist{border:1px solid #e6e6e6; border-width:0 1px 1px; background:#ffffff;  margin-bottom:30px}
#sidemenu .snblist li a {position:relative; display: block; padding:13px 20px; font-weight:400; border-bottom:1px solid #e6e6e6; color:#323232}
#sidemenu .snblist li:last-child a{border-bottom:0px;}
#sidemenu .snblist li a[target='_blank']:after {font-family: 'FontAwesome'; font-size:11px; display:inline-block; content:"\f08e"; margin: 0 0 2px 5px; vertical-align: middle;}
#sidemenu .snblist li a:hover {text-indent:5px; 	
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease; color:#303030; transition:0.3s}
#sidemenu .snblist li.active a {color:#d10000; font-weight:600}
#sidemenu .snblist li a i:after,#sidemenu .snblist li.active a i:after {
	position: absolute;
	top: 16px;
	font-weight:bold;
	right: 10px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	font-family: FontAwesome;
	content: "\f105";
	font-style:normal;  
	color:#808080
}
#sidemenu .snblist li a:hover i:after{right: 7px;}
#sidemenu .snblist li.active a i:after{color:#d10000}
#sidemenu .snblist li.active a:hover i:after{right:7px;}


#sidemenu .snblist li a i:after {background:rgba(255,255,255,0)}

#sidemenu .snblist li a:hover i:after {
	-webkit-transform: translateY(-50%) translateX(20%);
	-moz-transform: translateY(-50%) translateX(20%);
	-ms-transform: translateY(-50%) translateX(20%);
	-o-transform: translateY(-50%) translateX(20%);
	transform: translateY(0) translateX(20%);
	color:#fff;
	background:rgba(255, 255, 255, 1);
}

#sidemenu .snblist li.select a:hover i:after {
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
	color:#fff;
	background:rgba(255, 255, 255, 1);
}





/*흰색패스*/
#sub_drop{position:relative; border-width:1px 0px; z-index:100;/*! border-bottom: 1px solid #dcdcdc; */}
#sub_drop .home a{display:block;line-height:45px;padding:0 20px;background: #ffffff;border-right: 1px solid #dcdcdc;border-left: 1px solid #dcdcdc;}
#sub_drop .home{width:50px !important;}
#sub_drop .home img{display:inline-block; vertical-align:middle}
#sub_drop .dropdown{float:left;/*! border-right:1px solid #dcdcdc; */position:relative;z-index:101;max-width:200px;/*! border-bottom: 1px solid #dcdcdc; */}
#sub_drop .dropdown.deph01{width:calc(45% - 50px);}
#sub_drop .dropdown.deph02{width:55%}
#sub_drop .dropbtn {background: #ffffff;width:100%;text-align:left;display:inline-block;height:auto;position:relative;line-height:45px;padding:0 25px 0 10px;cursor:pointer;color:#000000;font-size:14px;border-right: 1px solid #dcdcdc;}
#sub_drop .dropbtn:after{font-family:'FontAwesome'; content:'\f107'; position:absolute; right:10px; color:#000000; font-size:14px; top:0; bottom:0; margin:auto;}
.menu_wrap{border-bottom: 1px solid #dcdcdc;}

#sub_drop .dropdown ul{background: #f8f8f8;border-bottom: 1px solid #dcdcdc;border-top: 1px solid #dcdcdc;}
#sub_drop .dropdown ul li{padding:5px 10px;border-bottom: 1px solid #dcdcdc;}
#sub_drop .dropdown ul li:last-child{border-bottom: 0px;}
#sub_drop .dropmenu {display: none;position: absolute;z-index: 5;/* background:#ffffff; */border:1px solid #dcdcdc;box-sizing:content-box;left:-1px;width:100%;}
#sub_drop .dropmenu a{display:block; line-height:30px; color:#000000; font-size:14px;}
#sub_drop .dropmenu li:hover {font-weight:600; background: #ededed;}
#sub_drop .dropdown .show {display:block;}

#sub_drop:after{display:block; content:''; clear:both;}

@media all and (min-width:768px) {
	#sub_drop .dropbtn{padding:0 25px 0 20px; font-size:16px;}
	#sub_drop .dropdown ul li{padding:5px 20px; }
	#sub_drop .dropdown.deph02{max-width:250px}
	#sub_drop .dropmenu a{line-height:40px; font-size:16px;}
	#sub_drop .home a{line-height:60px;} 
	#sub_drop .dropbtn {line-height:60px}
	#sub_drop .dropbtn:after{right:15px}
}



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

#sub_drop{/*! font-size:1.1em; *//*! margin-top:-70px; *//*! position:absolute; *//*! border-top:0px solid #e6e6e6; *//*! border-color: rgb(255 255 255 / 0%); *//*! width: 100%; *//*! right: 0; */}
#sub_drop .inner{background:none; border:0px}
#sub_drop .dropmenu{border:0px;/* background:#ffffff; *//*! text-align:center; */left:0;/*! display:block !important; */background: #00000042;backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);/*! border-radius: 20px 0px 0px 0px; */}
#sub_drop .dropdown.active a.dropbtn,
#sub_drop .dropbtn.has-focus{background:#0084E9; border:0px;}

#sub_drop .dropdown > .dropmenu li a.current{/*! background: #ffffff; *//*! backdrop-filter: blur(20px); */color: #007aff;font-weight:600;position:relative;/*! line-height:67px; *//*! border-radius: 20px 0px 0px 0px; */}
#sub_drop .dropdown > .dropmenu li a.current:after{display: block;clear: both;content: "";/*! border-bottom: 3px solid #ffffff; */width: 50px;margin:0 auto;}

#sub_drop .dropdown.home{width:70px !important}
#sub_drop .dropdown{width:calc(100% - 70px); }
#sub_drop .dropdown.deph01{/*! display:none */}
#sub_drop .dropdown.deph02{/*! max-width:100%; */width: calc(100% - 270px);}


#sub_drop .dropdown.home a{line-height:70px;  padding:0; text-align:center } 
#sub_drop .dropbtn {line-height:70px; /*! display:none; */ font-size:1.05em}


}


/*allmenu*/
#allmenu{background: #fff; padding: 40px 60px; border-radius: 10px;padding-bottom: 60px;}
#allmenu h1{font-size:4em; text-align:center;  font-weight:700;margin-bottom: 40px; position: relative;/*! margin-left: 90px; */}
#allmenu .sitemap{position:relative; overflow:hidden;}
#allmenu .sitemap ul{/*! text-align: left; */display: flex;flex-wrap: wrap;gap: 2%;}
#allmenu .sitemap ul li{/*! display: flex; *//*! flex-wrap: wrap; */width: 23.5%;/*! background: #f8f8f8; *//*! padding: 20px; */}
#allmenu .sitemap ul li h2{font-size:1.3em; font-weight:700;background: var(--main_color);color: #fff;padding: 15px;border-radius: 10px;margin-bottom: 15px;}
#allmenu .sitemap ul li h2{/*! color:#d0d0d0; *//*! width: 20%; */}
#allmenu .sitemap ul li:hover h2{color:var(--main_color)}
#allmenu .sitemap ul li .sub{/*! width: 80%; */line-height: 40px;background: #f4f4f4e5;padding: 10px 30px;border-radius: 10px;}
#allmenu .sitemap ul li .sub dl{/*! display: flex; *//*! flex-wrap: wrap; *//*! gap: 2%; */ color:#5b5b5b;}
#allmenu .sitemap ul li .sub dl dd{/*! width: 17%; */font-size: 1.1em;border-bottom: 1px solid #e3e3e3;}
#allmenu .sitemap ul li .sub dl dd:last-child{border-bottom:0px;}
#allmenu .sitemap ul li .sub dl dd a:hover{font-weight:800; color:#333;}

#allmenu .flex_box{display:flex; flex-wrap:wrap; align-items:flex-end;}
#allmenu .flex_box .sitemap{width: 100%;}
#allmenu .flex_box .info_box{width:20%; text-align:left;}
#allmenu .flex_box .info_box:hover p.contact{color:var(--main_color)}
#allmenu .flex_box .info_box p.contact{font-size: 2.5em;color: #d0d0d0;font-weight: 700;margin-bottom: 40px;}
#allmenu .flex_box .info_box p.email{font-size: 1.3em;font-weight: 700;margin-bottom: 20px;}
#allmenu .flex_box .info_box .info{line-height: 25px;}
#allmenu .flex_box .info_box .info address{}
#allmenu .flex_box .info_box .info p{}





/*텍스트효과*/

.motion01{animation-name:sub_tt;animation-duration:1000ms;animation-fill-mode:both;animation-delay:200ms;animation-timing-fonction:ease-out;}
.motion02{animation-name:sub_tt;animation-duration:1000ms;animation-fill-mode:both;animation-delay:500ms;animation-timing-fonction:ease-out;}

/* Chrome, Safari, Opera */ 
@-webkit-keyframes sub_tt { 
      0%   {opacity: 0; transform: translateY(30px);}
    100% {transform: translateY(0px);opacity: 1;}

}
/* Standard syntax */
@keyframes sub_tt {
     0%   {opacity: 0; transform: translateY(30px);}
    100% {transform: translateY(0px);opacity: 1;}

}
/* Chrome, Safari, Opera */ 
@-webkit-keyframes sub_tt {
       0%   {opacity: 0; transform: translateY(30px);}
    100% {transform: translateY(0px);opacity: 1;}

}
/* Standard syntax */
@keyframes sub_tt {
     0%   {opacity: 0; transform: translateY(30px);}
    100% {transform: translateY(0px);opacity: 1;}
}

.anim01 {animation-name: anim01; animation-duration: 1s; animation-fill-mode: both;}
@keyframes anim01 {
	0% {opacity: 0; transform: translateY(-1000px);} 
    60% {opacity: 1; transform: translateY(30px);} 
    80% {transform: translateY(-10px);} 
    100% {transform: translateY(0); } 
} 
.anim02 {animation-name: anim02; animation-duration: 1s; animation-fill-mode: both;}
@keyframes anim02 {
	0% {opacity: 0; transform: translateY(1000px);} 
    60% {opacity: 1; transform: translateY(-30px);} 
    80% {transform: translateY(10px);} 
    100% {transform: translateY(0); } 
} 
.anim03 {animation-name: anim01; animation-duration: 1s; animation-fill-mode: both;}
@keyframes anim01 {
	0% {opacity: 0; transform: translateY(-100px);} 
    40% {opacity: 1; transform: translateY(20px);} 
    60% {transform: translateY(-10px);} 
    100% {transform: translateY(0); } 
} 
.anim04 {animation-name: anim02; animation-duration: 1s; animation-fill-mode: both;}
@keyframes anim02 {
	0% {opacity: 0; transform: translateY(100px);} 
    40% {opacity: 1; transform: translateY(-20px);} 
    60% {transform: translateY(10px);} 
    100% {transform: translateY(0); } 
} 
.anim05 {animation-name: anim05; animation-duration: 1s; animation-fill-mode: both;}
@keyframes anim05 {
	0% {transform: translateY(0);} 
    50% {transform: translateY(-10px);} 
    100% {transform: translateY(0); } 
} 


@media all and (max-width:1200px) {
#layerPopup0{top:100px !Important; left:0 !Important;}
#layerPopup1{top:435px !Important; left:0 !Important;}
#layerPopup2{top:770px !Important; left:0 !Important;}
#layerPopup3{top:1105px !Important; left:0 !Important;}
#layerPopup4{top:1440px !Important; left:0 !Important;}
#layerPopup5{top:1775px !Important; left:0 !Important;}
}

.vibrate-1{-webkit-animation:vibrate-1 3s linear infinite both;animation:vibrate-1 3s linear infinite both}
@-webkit-keyframes vibrate-1 {
0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
 
  25% {
    -webkit-transform: translate(0px, 4px);
            transform: translate(0px, 4px);
  }
  50% {
    -webkit-transform: translate(0px, -8px);
            transform: translate(0px, -8px);
  }

  75% {
    -webkit-transform: translate(0px, 4px);
            transform: translate(0px, 4px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@keyframes vibrate-1 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
 
  25% {
    -webkit-transform: translate(0px, 4px);
            transform: translate(0px, 4px);
  }
  50% {
    -webkit-transform: translate(0px, -8px);
            transform: translate(0px, -8px);
  }

  75% {
    -webkit-transform: translate(0px, 4px);
            transform: translate(0px, 4px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}




/*section01*/
.section01 {padding: 40px 0px;}
.section01 .main_tit {text-align: center; position: relative}
.section01 .main_tit h2 {font-size: 1.5em;font-weight: 800; margin-bottom:20px;}
.section01 .main_tit b{color:var(--main_color); font-weight:800; display: block;}
.section01 .main_tit p {color:#777;margin-bottom: 40px;border-bottom: 1px solid #ddd;padding-bottom: 40px;}
.section01 .busi_box .txt{position: relative}
.section01 .busi_box .txt:before{display: block; content:''; position:absolute; background: url(../img/sec01_ico01.png)no-repeat; width:50px; height:50px; top:0; right:0; background-size:100%;}
.section01 .busi_box .box.b02 .txt:before{background: url(../img/sec01_ico02.png)no-repeat; background-size:100%;}
.section01 .busi_box .box {padding-bottom: 40px;}
.section01 .busi_box .box ul{display: flex;flex-wrap: wrap;gap: 2%;margin-bottom: 20px;}
.section01 .busi_box .box li{border: 1px solid #ddd;color: #a2a2a2;padding: 2px 10px;border-radius: 5px;}
.section01 .busi_box .box.b01 {margin-bottom: 40px;border-bottom: 1px solid #ddd;}

.section01 .busi_box .box .txt span {color: var(--main_color);font-weight: 700;margin-bottom: 10px;display: block;}
.section01 .busi_box .box .txt h4 {font-size: 1.5em;font-weight: 800;margin-bottom: 10px;}
.section01 .busi_box .box .txt p {color: #777;margin-bottom: 20px;}
.section01 .busi_box .box .txt img {}
.section01 .busi_box .more{margin-bottom:40px}
.section01 .busi_box .more a.amore {color:#929292; position:relative;font-size: 0.9em;}
.section01 .busi_box .more a.amore:after{display: block;clear: both; content: ""; width: 6px; height: 6px; border-top: 1px solid #929292; border-right: 1px solid #929292;  top: 5px; right: -20px;  transform: rotate(400deg); position:absolute; }
.section01 .busi_box .box:hover .more a.amore{font-weight:800}
.section01 .busi_box .box:hover .more a.amore:after{ border-top: 2px solid #929292; border-right: 2px solid #929292; }

.busi_box .box .img_wrap {display: block; width: 100%;overflow: hidden; position: relative;}
.busi_box .box .img_wrap img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; transform: scale(1);}
.busi_box .box:hover .img_wrap img {transform: scale(1.1);}

@media all and (min-width:768px) {
	.section01 {padding: 60px 0px 0px;border-bottom: 1px solid #ddd; }
	.section01 .main_tit:after{background: url(../img/sec01_bg.png)no-repeat; width:200px; height:100px; display: block; content:''; position: absolute; right:0; bottom:0; background-size:100% }
.section01 .main_tit h2{font-size:1.7em;}
	.section01 .main_tit b{display: inline-block}
	.section01 .main_tit p{font-size:1.1em;margin-bottom: 0px;}
	.section01 .busi_box{display:flex; flex-wrap:wrap;}
	.section01 .busi_box .box{width:50%;padding: 40px 20px; border-right:1px solid #ddd;padding-bottom: 60px;}
	.section01 .busi_box .box.b01{border-left:1px solid #ddd;margin-bottom: 0px; border-bottom:0px;}
}

@media all and (min-width:980px) {
.section01 {padding: 80px 0px 0px; }
.section01 .main_tit h2{font-size:2em;}
.section01 .main_tit p{font-size:1.15em;padding-bottom: 60px;}
.section01 .busi_box .more{display:flex;align-items: center;}
	.section01 .busi_box .box ul{width: 80%;margin-bottom: 0px;}
	.section01 .busi_box .more a.amore{width:20%}
	.section01 .busi_box .more a.amore:after{right: 0px;top: 7px;}
	.section01 .busi_box .box{padding: 60px 30px;padding-bottom: 80px;}
}


@media all and (min-width:1200px) {
.section01 .main_tit h2{font-size:2.5em;}
.section01 {padding: 110px 0px 0px; }
.section01 .main_tit:after{width:300px; height:150px; right:0; bottom:0;}
.section01 .busi_box .box .txt h4 {font-size: 1.8em;margin-bottom: 10px;}
.section01 .busi_box .box .txt p {font-size:1.15em;margin-bottom: 30px;}
.section01 .busi_box .box{padding: 60px 60px;padding-bottom: 110px;}
	.section01 .busi_box .txt:before{width:70px; height:70px;}
	
}

@media all and (min-width:1400px) {
.section01 .busi_box .box li{padding: 2px 15px;}
.section01 .busi_box .box ul{width: 82%;}
	.section01 .busi_box .more a.amore{width:18%}
	.section01 .main_tit:after{width:400px; height:180px; right:200px; bottom:0px;}
	.section01 .main_tit p{font-size:1.2em;}
}



/*section02*/
.section02 {background: url(../img/sec02_bg.jpg)no-repeat;padding: 40px 0px; background-size: cover;}
.section02 .sec_tit {color: #fff;}
.section02 .sec_tit span {}
.section02 .sec_tit h2 {font-size: 1.5em;font-weight: 800;margin-bottom: 40px;}

.section02 .product_nav {position: relative;}
.product_nav .next, .product_nav .prev{color:#fff;border: 1px solid #ffffff96;width: 40px;height: 40px;border-radius: 5px;position: relative;cursor: pointer;}
.product_nav .next:hover , .product_nav .prev:hover {background: #ffffff30}

.section02 .product_nav .go_product {background: var(--main_color);color: #fff;border-radius: 5px;height: 40px;display: block;width: 150px;line-height: 40px;text-align: center;}
.section02 .product_nav .arrow_btn {display: flex;position: absolute;bottom: 0px;right: -10px;z-index: 99;width: 100px;gap: 10px;}
.section02 .product_nav .arrow_btn .prev:after{display: block; clear: both; content: ""; width: 8px; height: 8px; border-top: 2px solid #ffffffcc; border-right: 2px solid #ffffffcc;transform: rotate(225deg);left: 15.5px;position: absolute;top: 14.5px;}
.section02 .product_nav .arrow_btn .next:after{display: block; clear: both; content: ""; width: 8px; height: 8px; border-top: 2px solid #ffffffcc; border-right: 2px solid #ffffffcc; transform: rotate(400deg); left: 13px;position: absolute;top: 14.5px;}

.section02 .product_wrap {}
.section02 .card {background-color: rgba(255, 255, 255, 0.31);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);padding: 30px 20px;margin: 40px 3% 0px;}
.section02 .card:hover{background: #fff;}
.section02 .card .img_box {}
.section02 .card .img_box img {background: #fff;width: 100%;padding: 0px 40px;}
.section02 .card:hover .img_box img{background: #DFDFDF;}
.section02 .card .txt_box {margin-top: 30px;color: #fff;}
.section02 .card:hover .txt_box {color: #333;}
.section02 .card .txt_box .label {background: #1993DE4F;color: #0B9BF4;padding: 7px 10px;border-radius: 5px;}
.section02 .card .txt_box h4 {font-size: 1.3em;font-weight: 800;margin: 20px 0px 10px;}
.section02 .card .txt_box p {font-weight: 400;}

@media all and (min-width:768px) {
.section02 {padding: 60px 0px;}
	.section02 .flex_box{display:flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
	.section02 .sec_tit{width:60%;}
	.section02 .product_nav{width:40%; }
	.section02 .product_nav .go_product{margin-left:40px}
	.section02 .card:hover{position:relative; top:-30px}
	.section02 .card{padding:40px;padding-bottom: 50px;}
  .section02 .card .txt_box {margin-top: 40px}
	.section02 .card .txt_box h4 {font-size: 1.5em;}
  .section02 .sec_tit h2 {font-size: 1.8em;margin-bottom: 20px;}
}

@media all and (min-width:980px) {
.section02 {padding: 80px 0px;}
.section02 .sec_tit{width:70%;}
	.section02 .product_nav{width:30%;}
.section02 .product_nav .go_product{margin-left:20px;}
	.section02 .card .txt_box h4 {font-size: 1.8em;}
	.section02 .card .txt_box p {}
	.section02 .sec_tit h2 {font-size: 2em;}
}

@media all and (min-width:1200px) {
.section02 {padding: 110px 0px;}
.section02 .sec_tit h2 {font-size: 2.5em;}
	.section02 .product_nav .go_product{height: 50px;width: 200px;font-size: 1.1em;line-height: 50px;}
.product_nav .next, .product_nav .prev{width: 50px;height: 50px;}
.product_nav .next:hover , .product_nav .prev:hover {background: #ffffff30}
	.section02 .product_nav .arrow_btn {width: 120px;}
	.section02 .product_nav .arrow_btn .prev:after{left: 20px; top:18px;}
.section02 .product_nav .arrow_btn .next:after{left: 18px; top: 18px;}
}

@media all and (min-width:1600px) {
.swiper-wrapper{margin-left:4%!important}
	
.section02 .sec_tit{width:76%;}
	.section02 .product_nav{width:24%;}
}

@media all and (min-width:1700px) {
.swiper-wrapper{margin-left:6.5%!important}
}

@media all and (min-width:1800px) {
.swiper-wrapper{margin-left:9%!important}
}

@media all and (min-width:1900px) {
.swiper-wrapper{margin-left:11%!important}
	.section02 .card{width:450px}
}


/*section03*/
.section03 {padding:40px 0px;position: relative;border-bottom: 1px solid #eaeaea;}
.section03 .top_wrap{border-bottom: 1px solid #eaeaea;}
.section03 .sec_tit {}
.section03 .sec_tit span{color: var(--main_color);font-weight: 800;}
.section03 .sec_tit h2{font-size: 1.5em;font-weight: 800;margin-bottom: 40px;}
.section03 .tab_menu {}
.section03 .tab_menu ul { display: flex; gap: 2%;flex-wrap: wrap;}
.section03 .tab_menu li{position: relative; width:32%; text-align:center;padding-bottom: 10px;}
.section03 .tab_menu li.on a:after{background: var(--main_color); content:''; display:block;  height: 3px; position: absolute; bottom:0;width: 100%;}
.section03 .tab_menu li.on a {font-weight: bold;color: var(--main_color);}
.section03 .tab_menu li a {}

.section03 .tab_contents { display: none;}
.section03 .tab_contents.on {display: block;}

.section03 .tab01 {}
.section03 .tab02 {}
.section03 .tab03 {}
.section03 .notice_list{padding-top:40px;}
.section03 .notice_list .thumb {}
.section03 .notice_list .thumb img {width: 100%; display: block;}
.section03 .notice_list .text {padding: 20px 0px;}
.section03 .notice_list .text p {font-size: 1.1em;font-weight: 700;}
.section03 .notice_list .text .date {font-size: 0.9em;color: #8A8A8A;}


@media all and (min-width:768px) {
.section03 {padding: 60px 0px;}
	.section03 .top_wrap .pdinner{display:flex; flex-wrap:wrap; justify-content: space-between;}
	.section03 .tab_menu {width:40%;}
	.section03 .sec_tit {width:60%}
	.section03 .notice_list {display: flex; gap: 2%; flex-wrap: wrap;}
	.section03 .notice_list .item{width:32%}
	.section03 .sec_tit h2{font-size: 1.8em;}
	.section03 .notice_list .thumb img {height:180px; object-fit: cover;}
}

@media all and (min-width:980px) {
.section03 {padding: 80px 0px;}
	.section03 .sec_tit h2{font-size: 2em;}
	.section03 .notice_list .thumb img {height:200px;}
}

@media all and (min-width:1200px) {
.section03 {padding: 110px 0px;}
.section03 .notice_list .item{width:23.5%;}
	.section03 .sec_tit h2{font-size: 2.5em;}
	.section03 .tab_menu {width:30%;}
	.section03 .sec_tit {width:70%}
	.section03 .notice_list .thumb img {height:230px;}
}

@media all and (min-width:1600px) {
	.section03:before{width:1px; height:100%; display:block; content:''; background: #eaeaea; position: absolute; left:4.3%; top:0;}
	.section03:after{width:1px; height:100%; display:block; content:''; background: #eaeaea; position: absolute; right:4.3%; top:0;}
  .section03 .top_wrap .pdinner{padding: 0 80px}
	.section03 .notice_list{padding:50px 60px 0px 60px;}
}

@media all and (min-width:1700px) {
.section03:before{left:7%;}
.section03:after{right:7%;}
}

@media all and (min-width:1800px) {
.section03:before{left:9.4%;}
.section03:after{right:9.4%;}
}

@media all and (min-width:1900px) {
.section03:before{left:11.6%;}
.section03:after{right:11.6%;}
}

@media all and (min-width:1950px) {
.section03:before{left:12.6%;}
.section03:after{right:12.6%;}
}



/*section04*/
.section04 {padding-top: 0px !important; border-bottom:1px solid #eaeaea; margin-bottom:40px}
.section04 .inner {}
.section04 .contact_box {}
.section04 .contact_txt {background: url(../img/sec04_bg.jpg) no-repeat top right; background-size: cover; color: #fff;padding: 40px 20px;position: relative;}
.section04 .contact_txt span {color: var(--main_color);font-weight: 700;}
.section04 .contact_txt h3 {font-size: 1.3em;font-weight: 800;margin: 10px 0px 30px;}
.section04 .contact_txt .btn_recruit {border-radius: 5px;height: 40px;display: block;width: 150px;line-height: 40px;text-align: center;border: 1px solid #ffffff80;}
.section04 .contact_txt .btn_recruit:hover{background: #ffffff25}
.section04 .contact_img {}
.section04 .contact_img img {}

.section04 .quick_link {}
.section04 .quick_link ul {display: flex;flex-wrap: wrap;}
.section04 .quick_link li {width: 100%;}
.section04 .quick_link li a {padding: 20px;position: relative; border: 1px solid #eaeaea;font-size: 1.1em; display:block; border-bottom:0px;padding-left: 80px;font-weight: 700;}
.section04 .quick_link li a:hover{color:var(--main_color)}
.section04 .quick_link li a:before{display: block; content:''; background: url(../img/sec04_ico01.png)no-repeat; background-size: 100%; width:40px; height:40px; position: absolute; left:20px; top:10px;}
.section04 .quick_link li a.q02:before{background: url(../img/sec04_ico02.png)no-repeat; background-size: 100%;}
.section04 .quick_link li a.q03:before{background: url(../img/sec04_ico03.png)no-repeat; background-size: 100%;}
.section04 .quick_link li a.q04:before{background: url(../img/sec04_ico04.png)no-repeat; background-size: 100%;}

@media all and (min-width:500px) {
.section04 .quick_link li {width: 50%;}
	.section04 .contact_txt .btn_recruit{position:absolute; right:20px; bottom:40px}
	.section04 .contact_txt h3 {margin: 10px 0px 0px;}
}

@media all and (min-width:768px) {
.section04 {margin-bottom: 60px;}
.section04 .quick_link li {width: 25%;}
	.section04 .contact_txt{padding:60px 40px}
	.section04 .contact_txt h3{font-size:1.5em}
  .section04 .contact_txt .btn_recruit{right:40px; bottom:60px;height: 50px;width: 180px;font-size: 1.1em;line-height: 50px;}
	.section04 .quick_link li a {padding:25px; padding-left:80px;font-size: 1.2em;}
	.section04 .quick_link li a:before{top:15px;}
}


@media all and (min-width:980px) {
.section04 {margin-bottom: 80px;}
	.section04 .contact_txt h3{font-size:1.8em}
}

@media all and (min-width:1200px) {
	.section04 {margin-bottom: 110px;}
	.section04 .contact_txt{padding:80px 60px}
	 .section04 .contact_txt .btn_recruit{right:60px; bottom:80px}
	.section04 .quick_link li a {padding:30px; padding-left:100px;font-size: 1.2em;}
	.section04 .quick_link li a:before{width:55px; height:55px; left:30px; top:18px;}
}