@charset "utf-8";

#content{min-height:600px; padding:155px 0px 0;}
#content h2{margin-bottom:30px; text-align:center; font-size:40px; font-weight:500; color:#222; word-break:keep-all;}
#content h2 + p{font-size:20px; color:#444; text-align:center; line-height:1.8em; font-weight:300;}
#content > article{padding-top:100px;}

.inr_box{max-width:1400px; box-sizing:border-box; padding:0 20px; margin:0 auto;}
.inr_box.type02{max-width:1190px; padding:0px;}
.inr_box.bbs{padding-bottom:150px;}

div[class*="full_bg"]{background-repeat:no-repeat; background-position:50% 100%; background-attachment:fixed;}
div[class*="full_bg"] .inr_box{padding-top:110px; padding-bottom:110px; color:#fff;}
div[class*="full_bg"] p{font-size:20px; line-height:1.8em; font-weight:300;}
div[class*="full_bg"] p em{display:block; margin-bottom:20px; font-size:30px; line-height:1.3em; font-weight:400;}
span[class*="obj_"]{position:absolute;}
.obj_txt{z-index:-1;}

.area_greeting{overflow:hidden; position:relative;}
.area_greeting .point{font-size:45px; color:#222; font-weight:200; text-align:center; letter-spacing:-2px;}
.area_greeting .point span{display:block;}
.area_greeting .point i{background:-webkit-linear-gradient(50deg, #5ea032, #f7a620); -webkit-background-clip:text; -webkit-text-fill-color:transparent; font-weight:500;}
.area_greeting .point svg{display:none; margin:12px 0 0 2px;}
.area_greeting .point svg text{display:inline-block; font-weight:500;}
.area_greeting .point svg text:nth-of-type(2){font-weight:200;}
.area_greeting .point.left{padding-top:110px; text-align:left;}
.area_greeting .chart{overflow:hidden; position:relative; height:490px; margin-top:20px;}
.area_greeting .chart .bg{position:absolute; top:0px; left:50%; transform:translateX(-50%);}
.area_greeting .chart span{opacity:0; position:absolute; left:-20px; top:50%; font-size:130px; color:#f1f1f1; font-weight:500; transform:translateY(-70%); transition:0.3s ease-in-out 0s;}
.area_greeting .chart p{opacity:0; position:absolute; z-index:2; font-size:17px; color:#666; text-align:center; line-height:1.4em; transition:0.3s ease-in-out 0s;}
.area_greeting .chart p:before{content:''; display:block; width:24px; height:117px; margin:0 auto 10px; background:url(../images/content/img_greeting02.png) no-repeat 50% 0; background-size:100%;}
.area_greeting .chart p em{display:block; margin-bottom:5px; color:#222; font-weight:500;}
.area_greeting .chart p:nth-of-type(1){top:240px; left:50%; margin-left:-320px;}
.area_greeting .chart p:nth-of-type(2){top:38px; right:50%; margin-right:-470px; color:#509026;}
.area_greeting .chart:before{content:''; display:block; position:absolute; top:0px; left:0px; z-index:5; width:100%; height:100%; background:#fff; transform:scaleX(1); transform-origin:100% 0; transition:1.5s cubic-bezier(.86,0,.07,1);}
.area_greeting .chart.show-in:before{transform:scaleX(0);}
.area_greeting .chart.show-in span{opacity:1; left:0px; transition-duration:1s; transition-delay:1s;}
.area_greeting .chart.show-in p:nth-of-type(1){opacity:1; transition-duration:1s; transition-delay:1.5s;}
.area_greeting .chart.show-in p:nth-of-type(2){opacity:1; transition-duration:1s; transition-delay:1.8s;}
.area_greeting .full_bg01{background-image:url(../images/content/img_greeting03.jpg);}
.area_greeting .full_bg01 .big{margin-top:35px;}
.area_greeting .full_bg01 p em{margin-bottom:10px; font-size:25px;}
.area_greeting .sign{padding-top:90px; padding-bottom:200px;}
.area_greeting .sign p{font-size:25px; font-weight:300; line-height:1.5em;}
.area_greeting .sign .big{margin-bottom:15px;}
.area_greeting .sign .big:nth-of-type(1){margin-bottom:0px;}
.area_greeting .sign .big br{display:none;}
.area_greeting .sign .last{margin-top:50px; color:#222; font-weight:700 !important;}
.area_greeting .big{font-size:25px !important; line-height:1.6em !important;}
.area_greeting .obj_txt{bottom:12%; left:95%;}

.ie .area_greeting .point:not(.left) i{color:#5ea032;}
.ie .area_greeting .point.left i{color:#f7a620;}
.ie .area_greeting .point svg{display:block;}
.ie .area_greeting .point span{display:none;}
.ie .area_greeting .obj_txt{left:50%;}

#content .area_history{position:relative; padding:120px 0px;}
.area_history:before{content:''; display:block; position:absolute; top:0px; left:50%; width:1px; height:100%; margin-left:-1px; background:#e6e6e6;}
.area_history .year{display:block; position:absolute; top:0px; left:0px; z-index:-1; width:100%; font-size:230px; color:#f1f1f1; font-weight:500; text-align:center;}
.area_history .year.fix{position:fixed;}
.area_history .inr_box:after{content:''; display:block; clear:both;}
.area_history .inr_box h3{padding-left:25px; font-size:30px; font-weight:500; color:#f7af37;}
.area_history .inr_box ul > li:before{content:''; display:block; position:absolute; left:-12px; top:50%; width:24px; height:24px; box-sizing:border-box; margin-top:-12px; background:#fff; border:1px solid #dbdbdb; border-radius:100%;}
.area_history .inr_box ul > li:after{content:''; display:block; position:absolute; left:-4px; top:50%; width:8px; height:8px; margin-top:-4px; background:#888; border-radius:100%;}
.area_history .inr_box ul > li{display:table; position:relative; width:100%; box-sizing:border-box; padding-left:25px; margin-top:20px;}
.area_history .inr_box ul > li > *{display:table-cell; box-sizing:border-box; font-size:16px; vertical-align:middle;}
.area_history .inr_box ul > li > span{width:15%; color:#222;}
.area_history .inr_box ul > li > p{width:85%; font-weight:300; word-break:keep-all;}

.area_history .inr_box > [data-year]{width:50%; padding-top:60px; padding-bottom:80px; margin-left:50%;}
.area_history .inr_box > [data-year]:nth-of-type(2),
.area_history .inr_box > [data-year]:nth-of-type(4),
.area_history .inr_box > [data-year]:nth-of-type(6),
.area_history .inr_box > [data-year]:nth-of-type(8){margin-left:0; margin-right:50%;}
.area_history .inr_box > [data-year]:nth-of-type(2) h3,
.area_history .inr_box > [data-year]:nth-of-type(4) h3,
.area_history .inr_box > [data-year]:nth-of-type(6) h3,
.area_history .inr_box > [data-year]:nth-of-type(8) h3{padding-left:0px; padding-right:25px;}
.area_history .inr_box > [data-year]:nth-of-type(2) ul > li,
.area_history .inr_box > [data-year]:nth-of-type(4) ul > li,
.area_history .inr_box > [data-year]:nth-of-type(6) ul > li,
.area_history .inr_box > [data-year]:nth-of-type(8) ul > li{padding-left:0px; padding-right:25px;}
.area_history .inr_box > [data-year]:nth-of-type(2) ul > li:before,
.area_history .inr_box > [data-year]:nth-of-type(4) ul > li:before,
.area_history .inr_box > [data-year]:nth-of-type(6) ul > li:before,
.area_history .inr_box > [data-year]:nth-of-type(8) ul > li:before{left:auto; right:-12px;}
.area_history .inr_box > [data-year]:nth-of-type(2) ul > li:after,
.area_history .inr_box > [data-year]:nth-of-type(4) ul > li:after,
.area_history .inr_box > [data-year]:nth-of-type(6) ul > li:after,
.area_history .inr_box > [data-year]:nth-of-type(8) ul > li:after{left:auto; right:-4px;}

.area_history + .full_bg01,
.area_recruit + .full_bg01{background-image:url(../images/content/img_history01.jpg);}
.area_history + .full_bg01 .inr_box,
.area_recruit + .full_bg01 .inr_box{padding-top:110px; padding-bottom:100px; color:#fff;}

.area_location{padding-bottom:150px;}
.area_location div[id^="map"]{position:relative;}
.area_location div[id^="map"] .info{position:absolute; bottom:0px; right:0px; z-index:3; width:50%; box-sizing:border-box; padding:40px 50px; background:#fff;}
.area_location div[id^="map"] .info em{display:block; margin-bottom:5px; font-size:15px; color:#f7af37; font-weight:500;}
.area_location div[id^="map"] .info p{margin-bottom:20px; font-size:18px; font-weight:300; word-break:keep-all;}
.area_location div[id^="map"] .info p:nth-of-type(2){margin-bottom:0px;}
.area_location div[id^="map"] .info p a{font-weight:500;}

#content .area_biz{padding-top:120px;}
.area_biz .box_top{min-height:430px; background:#f8f8f8 url(../images/content/bg_biz.gif) repeat 50% 0;}
.area_biz .box_top .inr_box{position:relative; height:100%;}
.area_biz .box_top .inr_box em{display:block; padding-top:90px; font-size:25px; color:#f7af37; font-weight:500;}
.area_biz .box_top .inr_box h3{font-size:45px; font-weight:400; color:#222;}
.area_biz .box_top .inr_box p{margin-top:25px; line-height:1.6em; font-size:20px; font-weight:300;}
.area_biz .box_top .inr_box > *:not(.list_photo){margin-right:50%;}
.area_biz .list_photo{position:absolute; right:0px; top:-60px; width:656px; border:1px solid #444;}
.area_biz .list_photo .bx-controls{position:absolute; right:-1px; bottom:-1px;}
.area_biz .list_photo a[class*="bx-"]{display:inline-block; position:relative; width:80px; height:80px; background:#f8f8f8; font-size:0px;}
.area_biz .list_photo a[class*="bx-"]:before{content:''; display:block; opacity:0.5; position:absolute; top:50%; left:50%; width:8px; height:13px; margin:-6.5px 0 0 -4px; background:url(../images/content/btn_slider_arrow.png) no-repeat 50% 0; background-size:100%; transition:0.3s ease;}
.area_biz .list_photo a[class*="bx-"]:hover:before{opacity:1;}
.area_biz .list_photo a.bx-next:before{transform:rotate(180deg);}
.area_biz .icon{padding:90px 0px; text-align:center;}
.area_biz .icon h3{font-size:50px; color:#333; font-weight:400;}
.area_biz .icon h3 + p{margin-top:15px; font-size:17px;}
.area_biz .icon ul{margin-top:60px; font-size:0px;}
.area_biz .icon ul li{display:inline-block; width:25%; font-size:16px;}
.area_biz .icon ul li i{display:block; position:relative; width:152px; height:152px; line-height:140px; box-sizing:border-box; margin:0 auto; border:5px solid #ffe9b9; border-radius:100%;}
.area_biz .icon ul li i img{vertical-align:middle;}
.area_biz .icon ul li i:before,
.area_biz .icon ul li i:after{content:''; display:block; position:absolute; left:50%; box-sizing:border-box; border-radius:100%;}
.area_biz .icon ul li i:before{bottom:-15px; width:24px; height:24px; margin-left:-12px; background:#fff; border:1px solid #dbdbdb;}
.area_biz .icon ul li i:after{bottom:-8px; width:8px; height:8px; margin-left:-4px; background:#444;}
.area_biz .icon ul li span{display:block; padding-top:8px;}
.area_biz .icon ul li span:before{content:''; display:block; width:1px; height:42px; margin:0 auto 10px; background:#d8d8d8;}
.area_biz .full_bg01{background-image:url(../images/content/img_biz0105.jpg); background-position-y:150%;}
.area_biz .full_bg02{background-image:url(../images/content/img_biz0205.jpg); background-position-y:150%;}
.area_biz .full_bg03{background-image:url(../images/content/img_biz0305.jpg); background-position-y:150%;}
.ie .area_biz .list_photo a.bx-next:before{margin-top:-7px;}

#content .area_policy{padding-top:80px; padding-bottom:60px;}
.area_policy .box{opacity:0; clear:both; position:relative; min-height:405px; padding-left:355px; margin-bottom:90px; transform:translateY(-20px); transition:0.6s ease-in-out 0s;}
.area_policy .box .img{display:block; overflow:hidden; position:absolute; left:0px; top:0px; width:290px; height:405px;}
.area_policy .box .img img{position:absolute; right:0px; top:0px;}
.area_policy .box h3{margin-bottom:20px; color:#222; font-weight:400; font-size:30px; line-height:1.5em;}
.area_policy .box ul{height:340px; margin-left:-15px;}
.area_policy .box ul:after{content:''; display:block; clear:both;}
.area_policy .box ul > li{float:left; width:calc(100% / 2 - 15.1px); height:calc(100% / 2 - 7.5px); box-sizing:border-box; padding:30px; margin:0 0 15px 15px; border:1px solid #ebebeb;}
.area_policy .box ul > li em{display:block; font-size:16px; color:#f7af37; font-weight:500;}
.area_policy .box ul > li p{margin-top:10px; font-size:17px; word-break:keep-all;}
.area_policy .box ul.col03 > li{width:calc(100% / 3 - 15.1px);}
.area_policy .box.show-in{opacity:1; transform:translateY(0px); transition-delay:0.2s;}

#content .area_certify{padding-top:80px; padding-bottom:60px;}
.area_certify ul{margin-left:-6%;}
.area_certify ul:after{content:''; display:block; clear:both;}
.area_certify ul > li{opacity:0; float:left; width:calc(100% / 3 - 6%); margin-left:6%; transform:translateY(-20px); transition:0.6s ease-in-out 0s;}
.area_certify ul > li:nth-child(3n+1){clear:left;}
.area_certify ul > li .img{display:block; position:relative; width:100%; padding-top:100%;}
.area_certify ul > li .img i{display:block; position:absolute; top:0px; left:0px; width:100%; height:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
.area_certify ul > li p{width:85%; box-sizing:border-box; padding:30px 30px 15px; background:#fff; font-size:18px; line-height:1.3em; letter-spacing:-0.5px; word-break:keep-all; transform:translateY(-50px);}
.area_certify ul > li p em{display:block; margin-bottom:5px; color:#f7af37; font-size:15px; font-weight:600; letter-spacing:0;}
.area_certify ul > li.show-in{opacity:1; transform:translateY(0px); transition-delay:0.2s;}
.ie .area_certify ul > li{width:calc(100% / 3 - 6% - 0.1px);}

#content .area_recruit{overflow:hidden; position:relative; padding-bottom:120px;}
.area_recruit:after{content:''; display:block; position:absolute; left:0px; bottom:0px; z-index:-1; width:100%; height:calc(100% - 17%); background:#f8f8f8;}
.area_recruit .img{opacity:0; position:relative; padding-top:30%; background:url(../images/content/img_recruit01.jpg) no-repeat 50% 0%; background-size:cover; text-align:center; transform:translateY(20px); transition:0.6s ease-in-out 0s;}
.area_recruit .img > div{position:absolute; top:45%; left:50%; width:100%; transform:translate(-50%, -50%);}
.area_recruit .img p{font-size:35px; font-weight:300; color:#222;}
.area_recruit .img em{display:inline-block; position:relative; margin-top:15px; padding:5px 15px; font-size:40px; font-weight:300; line-height:1em; color:#222;}
.area_recruit .img em i{overflow:hidden; display:inline-block; position:absolute; top:0px; left:0px; width:0; height:100%; background:#5ea032; background-image:linear-gradient(50deg, #5ea032, #f7a620); background-image:-ms-linear-gradient(50deg, #5ea032, #f7a620); background-image:-webkit-linear-gradient(50deg, #5ea032, #f7a620); background-image:-moz-linear-gradient(50deg, #5ea032, #f7a620); background-image:-o-linear-gradient(50deg, #5ea032, #f7a620); color:#fff; text-align:center; white-space:nowrap; overflow:hidden; transition:width 0.5s cubic-bezier(.86,0,.07,1);}
.area_recruit .img em i:before{content:attr(data-before); display:inline-block; position:absolute; top:0px; left:0px; width:100%; box-sizing:border-box; padding:5px 15px;}
.area_recruit .img.show-in{opacity:1; transform:translateY(0); transition-delay:0.2s;}
.area_recruit .img.show-in em i{width:100%; transition-delay:0.5s; transition-duration:1.5s;}
.area_recruit .link{display:block; position:relative; max-width:725px; box-sizing:border-box; margin:80px auto 0; padding:40px 60px 50px; background:#fff; border:2px solid #fff; box-shadow:0px 30px 30px rgba(0,0,0,0.1); transition:0.4s ease-in-out 0s;}
.area_recruit .link em{display:block; margin-bottom:5px; font-size:25px; font-weight:400; color:#222;}
.area_recruit .link i{font-size:17px; font-weight:300; color:#444;}
.area_recruit .link:after{content:''; display:block; position:absolute; right:-2px; top:50%; width:100px; height:100px; margin-top:-50px; background:#5ea032 url(../images/content/btn_slider_arrow_w.png) no-repeat 50% 50%; background-size:8px 13px; transition:0.4s ease-in-out 0s;}
.area_recruit .link:hover{border-color:#5ea032;} 
.area_recruit .link:hover:after{right:-50px; box-shadow:0px 30px 30px rgba(0,0,0,0.1);}
.area_recruit .box_icon{position:relative; margin-top:120px;}
.area_recruit .box_icon > div:not(.list){position:absolute; top:0px; left:0px;}
.area_recruit .box_icon > div:not(.list) em{display:block; padding-top:30px; font-size:25px; color:#f7af37; font-weight:500;}
.area_recruit .box_icon > div:not(.list) h3{font-size:45px; font-weight:400; color:#222;}
.area_recruit .box_icon > div:not(.list) p{margin-top:15px; line-height:1.6em; font-size:20px; font-weight:300;}
.area_recruit .box_icon .list:after{content:''; display:block; clear:both;}
.area_recruit .box_icon .list ul{font-size:0px;}
.area_recruit .box_icon .list ul:nth-of-type(1){margin-left:calc(100% / 5 * 2);}
.area_recruit .box_icon .list ul:nth-of-type(2){margin-left:calc(100% / 5 * 1); margin-right:calc(100% / 5 * 1);}
.area_recruit .box_icon .list ul:after{content:''; display:block; clear:both;}
.area_recruit .box_icon .list ul > li{opacity:0; float:left; position:relative; width:calc(100% / 3 - 20.1px); height:300px; margin-left:20px; margin-bottom:20px; background:#fff; font-size:15px; color:#666; text-align:center; transform:translateY(-20px); transition:0.4s ease-in-out 0s;}
.area_recruit .box_icon .list ul > li p{font-weight:300;}
.area_recruit .box_icon .list ul > li em{display:block; margin-bottom:15px; font-size:17px; color:#222;}
.area_recruit .box_icon .list ul > li:before{content:''; display:block; width:100px; height:100px; margin:40px auto 25px; background:#f7af37; border-radius:100%;}
.area_recruit .box_icon .list ul > li:after{content:''; display:block; position:absolute; top:65px; left:50%; width:54px; height:51px; background-repeat:no-repeat; background-position:50% 50%; background-size:100% auto; transform:translateX(-50%);}
.area_recruit .box_icon .list ul > li[data-icon="recruit01"]:after{background-image:url(../images/content/icon_recruit01.svg);}
.area_recruit .box_icon .list ul > li[data-icon="recruit02"]:after{background-image:url(../images/content/icon_recruit02.svg);}
.area_recruit .box_icon .list ul > li[data-icon="recruit03"]:after{background-image:url(../images/content/icon_recruit03.svg);}
.area_recruit .box_icon .list ul > li[data-icon="recruit04"]:after{background-image:url(../images/content/icon_recruit04.svg);}
.area_recruit .box_icon .list ul > li[data-icon="recruit05"]:after{background-image:url(../images/content/icon_recruit05.svg);}
.area_recruit .box_icon .list ul > li[data-icon="recruit06"]:after{background-image:url(../images/content/icon_recruit06.svg);}
.area_recruit .box_icon .list ul > li.show-in{opacity:1; transform:translateY(0); transition-delay:0.2s;}

[data-dl="table"]{position:relative; padding-bottom:50px;}
[data-dl="table"]:after{content:''; display:block; clear:both;}
[data-dl="table"] dt,
[data-dl="table"] dd{opacity:0; float:left; margin-top:90px; transform:translateY(-20px); transition:0.3s ease-in-out 0s;}
[data-dl="table"] dt{clear:left; width:20%; font-size:30px; color:#222; font-weight:500; line-height:1.3em;}
[data-dl="table"] dd{width:80%; box-sizing:border-box; padding:0 20px 30px;}
[data-dl="table"] dd:after{content:''; display:block; position:absolute; left:0; width:100%; height:1px; margin-top:30px; background:#858585;}
[data-dl="table"] dd:last-child:after{display:none;}
[data-dl="table"] dd ul{display:table; width:100%; margin-left:-20px;}
[data-dl="table"] dd ul li{display:table-cell; width:50%; box-sizing:border-box; padding:0 0 50px 20px; vertical-align:top;}
[data-dl="table"] dd ul li em{margin-bottom:20px;}
[data-dl="table"] dd em{display:block; font-size:20px; color:#222; font-weight:500;}
[data-dl="table"] dd p{margin-top:10px; line-height:1.6em; font-size:16px; word-break:keep-all;}
[data-dl="table"] dd p:first-child{margin-top:0px;}
[data-dl="table"].show-in dt,
[data-dl="table"].show-in dd{opacity:1; transform:translateY(0px);}
[data-dl="table"].show-in dt:nth-of-type(1),
[data-dl="table"].show-in dd:nth-of-type(1){transition-delay:0.2s; transition-duration:0.8s;}
[data-dl="table"].show-in dt:nth-of-type(2),
[data-dl="table"].show-in dd:nth-of-type(2){transition-delay:0.6s; transition-duration:0.8s;}
.ie [data-dl="table"] dt{line-height:1.2em;}

/* bbs */
[data-table="date"]{font-family:'Pretendard', Sans-serif; font-weight:300;}

@media all and (min-width:1930px){
	div[class*="full_bg"]{background-size:cover;}
}

@media all and (min-width:621px){
	.area_biz .icon ul li i{transform:scale(0,0); transition:transform 0.3s cubic-bezier(1, -0.51, 0, 1.17) 0s;}
	.area_biz .icon ul li i img{opacity:0; transform:scale(0,0) rotate(180deg); transition:opacity 0.2s ease 0s, transform 0.2s ease-in-out 0s;}
	.area_biz .icon ul li span{opacity:0; transform:translateY(-20px); transition:0.2s ease-in-out 0s;}
	.area_biz .icon.show-in ul li i{transform:scale(1,1); transition-delay:0.2s; transition-duration:0.8s;}	
	.area_biz .icon.show-in ul li i img{opacity:1; transform:scale(1,1) rotate(0deg); transition-delay:0.6s, 0.3s; transition-duration:0.4s, 0.6s;}	
	.area_biz .icon.show-in ul li span{opacity:1; transform:translateY(0px); transition-delay:0.6s; transition-duration:0.6s;}
}

@media all and (max-width:1500px){
	.area_greeting .obj_txt img{width:1200px;}
}

@media all and (max-width:1400px){
	.area_biz .box_top{min-height:inherit;}
	.area_biz .box_top .inr_box p{padding-bottom:110px;}
	.area_biz .list_photo{right:20px; width:550px;}
	.area_biz .list_photo .list img{width:100%;}
}

@media all and (max-width:1250px){
	.area_biz .box_top .inr_box h3{font-size:40px;}
	.area_biz .box_top .inr_box p{font-size:18px; word-break:keep-all;}
	.area_biz .box_top .inr_box p br{display:none;}
}

@media all and (max-width:1190px){
	.inr_box.type02{padding-left:20px; padding-right:20px;}
	.area_greeting .obj_txt img{width:1000px;}
	.area_greeting .point:not(.left){word-break:keep-all;}
	.area_greeting .point:not(.left) br{display:none;}
	
	#content .area_biz{padding-top:80px;}
	.area_biz .box_top .inr_box > *:not(.list_photo){width:70%; margin:0 auto;}
	.area_biz .box_top .inr_box p{padding-top:15px; padding-bottom:50px;}
	.area_biz .box_top .inr_box em{padding-top:80px;}
	.area_biz .list_photo{position:relative; right:auto; top:auto; width:70%; margin:0 auto;}
	
	.area_recruit:after{height:calc(100% - 10%);}
	.area_recruit .box_icon{margin-top:80px;}
	.area_recruit .box_icon > div:not(.list){position:static; margin-bottom:50px; text-align:center;}
	.area_recruit .box_icon .list ul:nth-of-type(1),
	.area_recruit .box_icon .list ul:nth-of-type(2){margin-left:-20px; margin-right:0px;}
}

@media all and (max-width:1050px){
	.area_greeting .full_bg01 p:not(.big){word-break:keep-all;}
	.area_greeting .full_bg01 p:not(.big) br{display:none;}	
}

@media all and (max-width:1024px){
	#content{padding-top:125px;}
	div[class*="full_bg"]{background-attachment:inherit; background-size:cover;}
	div[class*="full_bg"] p{font-size:16px;}
	
	.greeting_sub{padding-left:15px; padding-right:15px; word-break:keep-all;}
	.greeting_sub br{display:none;}
	.area_greeting .point{font-size:40px; word-break:keep-all;}
	.area_greeting .point span{display:inline;}
	.area_greeting .chart{max-width:768px; height:450px;}
	.area_greeting .chart .bg{top:-40px;}
	.area_greeting .chart p:nth-of-type(1){top:200px; left:50px; margin-left:0px;}
	.area_greeting .chart p:nth-of-type(2){top:10px; right:50px; margin-right:0px;}
	.area_greeting .chart p:before{background-image:url(../images/content/img_greeting02@x2.png)}
	.area_greeting .chart span{font-size:90px; transform:translateY(-90%);}
	.area_greeting .big{font-size:25px !important;}
	.area_greeting .obj_txt{bottom:13%;}
	.ie .area_greeting .point svg{display:none}
	.ie .area_greeting .point span{display:inline;}
	
	.area_history .inr_box ul > li > *{font-size:15px;}
	.area_history .inr_box ul > li > p{letter-spacing:-0.5px;}
	
	.area_biz .full_bg01{background-position-y:100%;}
	.area_biz .icon{padding-top:70px; padding-bottom:70px;}
	.area_biz .icon h3{font-size:45px;}
	.area_biz .icon ul{margin-top:40px;}
	.area_biz .icon ul li{font-size:15px;}
	.area_biz .icon ul li i{transform:scale(0.9,0.9);}
	.area_biz .icon ul li span{padding-top:0px;}
	
	.area_policy .box{padding-left:230px;}
	.area_policy .box .img{width:200px;}
	.area_policy .box h3{font-size:25px;}
	.area_policy .box ul > li{padding:20px 15px;}
	.area_policy .box ul > li p{font-size:15px;}
	
	.area_certify ul > li p{padding:20px 15px; font-size:16px;}
}

@media all and (max-width:768px){
	#content h2{margin-bottom:20px;}
	#content h2 + p{font-size:18px; font-weight:400;}
	#content > article{padding-top:50px;}
	
	.area_greeting .point{font-size:30px;}
	.area_greeting .chart{max-width:640px;}
	.area_greeting .chart span{font-size:70px;}
	.area_greeting .chart p:nth-of-type(1){top:195px; left:20px;}
	.area_greeting .chart p:nth-of-type(2){right:20px;}
	.area_greeting .full_bg01{background-position-x:70%;}
	.area_greeting .sign .big br{display:block;}
	.area_greeting .obj_txt{bottom:18%;}
	
	.area_history .inr_box ul > li > span{width:25%;}
	.area_history .inr_box ul > li > p{width:75%;}
	.area_history .year{font-size:150px;}
	
	.area_location div[id^="map"] .info{width:60%; padding:40px 30px;}
	.area_location div[id^="map"] .info p{font-size:16px;}
	
	.area_biz .box_top .inr_box em{font-size:20px;}
	.area_biz .box_top .inr_box h3{font-size:30px;}
	.area_biz .box_top .inr_box > *:not(.list_photo),
	.area_biz .list_photo{width:auto; max-width:480px;}
	.area_biz .icon ul{margin-top:20px;}
	.area_biz .icon ul li{font-size:14px; letter-spacing:-0.5px; vertical-align:top;}
	.area_biz .icon ul li i{transform:scale(0.8,0.8); transform-origin:50% 100%;}
	.area_biz .icon ul li span{word-break:keep-all; padding-left:5px; padding-right:5px;}
	.area_biz .icon ul li span br{display:none;}
	.area_biz .list_photo a[class*="bx-"]:before{background-image:url(../images/content/btn_slider_arrow@x2.png);}
	
	#content .area_policy{padding-top:60px;}
	.area_policy .box{min-height:400px;}
	.area_policy .box .img{height:100%;}
	
	#content .area_certify{padding-top:50px; padding-bottom:50px;}
	.area_certify ul{margin-left:-3%;}
	.area_certify ul > li{width:calc(100% / 3 - 3%); margin-left:3%;}
	.area_certify ul > li p{font-size:15px;}
	.area_certify ul > li p em{font-size:13px;}
	.ie .area_certify ul > li{width:calc(100% / 3 - 3% - 0.1px);}
	
	#content .area_recruit{padding-bottom:80px;}
	.area_recruit .img{padding-top:40%;}
	.area_recruit .img p{font-size:30px;}
	.area_recruit .img em{margin-top:10px; font-size:35px;}
	.area_recruit .box_icon .list ul > li{box-sizing:border-box; padding-left:5px; padding-right:5px;}
	.area_recruit .box_icon .list ul > li em{word-break:keep-all;}
	.area_recruit .box_icon .list ul > li p{word-break:keep-all; font-size:14px;}
	.area_recruit .box_icon .list ul > li p br{display:none;}
	
	[data-dl="table"] dt{float:none; width:100%; margin-top:60px;}
	[data-dl="table"] dd{float:none; width:100%; margin-top:30px;}
	[data-dl="table"] dd ul{margin-left:-20px;}
}

@media all and (max-width:740px){
	.area_policy .box{max-width:571px; min-height:inherit; padding-left:0px; margin:0 auto 50px;}
	.area_policy .box .img{position:relative; left:auto; top:auto; width:100%; height:auto; padding-top:35%;}
	.area_policy .box .img img{right:auto; left:0; max-width:100%;}
	.area_policy .box h3{margin-top:30px;}
	.area_policy .box ul{height:auto;}
	.area_policy .box ul > li p{line-height:1.3em;}
}

@media all and (max-width:680px){
	.area_greeting .point em{color:#f7a620; -webkit-text-fill-color:initial;}
	
	.area_recruit .img p{font-size:25px;}
	.area_recruit .img em{font-size:30px;}
	.area_recruit .box_icon > div:not(.list) em{font-size:20px;}
	.area_recruit .box_icon > div:not(.list) h3{font-size:40px;}
	.area_recruit .box_icon > div:not(.list) p{font-size:18px;}
	.area_recruit .link{padding-left:40px; padding-right:40px;}
}

@media all and (max-width:640px){
	.inr_box,
	.inr_box.type02{padding-left:15px; padding-right:15px;}
	
	#content .area_history{padding:80px 0px;}
	.area_history:before{left:30%; margin-left:1px;}
	.area_history .year{box-sizing:border-box; padding-left:20px; padding-top:30px; text-align:left; font-size:120px;}
	.area_history .inr_box > [data-year]{direction:ltr !important; width:70%; margin-left:30%; padding-top:40px; padding-bottom:60px;}
	.area_history .inr_box ul > li:before{left:-16px;}
	.area_history .inr_box ul > li:after{left:-8px;}
	.area_history .inr_box > [data-year]:nth-of-type(2),
	.area_history .inr_box > [data-year]:nth-of-type(4),
	.area_history .inr_box > [data-year]:nth-of-type(6),
	.area_history .inr_box > [data-year]:nth-of-type(8){margin-left:30%; margin-right:0;}
	.area_history .inr_box > [data-year]:nth-of-type(2) h3,
	.area_history .inr_box > [data-year]:nth-of-type(4) h3,
	.area_history .inr_box > [data-year]:nth-of-type(6) h3,
	.area_history .inr_box > [data-year]:nth-of-type(8) h3{padding-left:25px; padding-right:0;}
	.area_history .inr_box > [data-year]:nth-of-type(2) ul > li,
	.area_history .inr_box > [data-year]:nth-of-type(4) ul > li,
	.area_history .inr_box > [data-year]:nth-of-type(6) ul > li,
	.area_history .inr_box > [data-year]:nth-of-type(8) ul > li{padding-left:25px; padding-right:0;}
	.area_history .inr_box > [data-year]:nth-of-type(2) ul > li:before,
	.area_history .inr_box > [data-year]:nth-of-type(4) ul > li:before,
	.area_history .inr_box > [data-year]:nth-of-type(6) ul > li:before,
	.area_history .inr_box > [data-year]:nth-of-type(8) ul > li:before{left:-16px; right:auto;}
	.area_history .inr_box > [data-year]:nth-of-type(2) ul > li:after,
	.area_history .inr_box > [data-year]:nth-of-type(4) ul > li:after,
	.area_history .inr_box > [data-year]:nth-of-type(6) ul > li:after,
	.area_history .inr_box > [data-year]:nth-of-type(8) ul > li:after{left:-8px; right:auto;}
	.area_history .inr_box #history_2016 h3,
	.area_history .inr_box #history_2003 h3{direction:rtl !important; text-align:left;}
	
	.root_daum_roughmap .wrap_map{height:400px !important;}
	.area_location{padding-bottom:50px;}
	.area_location div[id^="map"] .info{position:static; width:100%; padding:30px 20px; margin-top:20px; background:#f5f5f5; border:1px solid #e4e4e4;}
	
	.area_certify ul > li{width:calc(100% / 2 - 3%);}
	.area_certify ul > li:nth-child(3n+1){clear:none;}
	.area_certify ul > li:nth-child(2n+1){clear:left;}
	.area_certify ul > li p{width:90%;}
	.ie .area_certify ul > li{width:calc(100% / 2 - 3% - 0.1px);}
	
	[data-dl="table"] dt{margin-top:50px; font-size:25px;}
	[data-dl="table"] dd em{font-size:18px;}
	[data-dl="table"] dd p{font-size:15px;}
	[data-dl="table"] dd ul{margin-left:-15px;}
	[data-dl="table"] dd ul li{padding:0 15px 30px;}
}

@media all and (max-width:620px){
	.area_greeting .chart{height:auto; padding-bottom:40px;}
	.area_greeting .chart .bg{z-index:-1; width:100%; top:40px;}
	.area_greeting .chart .bg:before{content:''; display:block; width:100%; height:3px; background-image:linear-gradient(0deg, #5ea032, #f7a620); background-image:-ms-linear-gradient(0deg, #5ea032, #f7a620); background-image:-webkit-linear-gradient(0deg, #5ea032, #f7a620); background-image:-moz-linear-gradient(0deg, #5ea032, #f7a620); background-image:-o-linear-gradient(0deg, #5ea032, #f7a620);}
	.area_greeting .chart .bg img{display:none}
	.area_greeting .chart span{left:0px; z-index:-1; width:49%; font-size:50px; text-align:center;}
	.area_greeting .chart p{position:static; display:inline-block; width:49%; box-sizing:border-box; margin-top:30px; font-size:15px;}	
	.area_greeting .full_bg01 p em{word-break:keep-all;}
	.area_greeting .sign p{word-break:keep-all;}

	.area_biz .icon{padding-left:15px; padding-right:15px;}
	.area_biz .icon ul{margin-top:40px;}
	.area_biz .icon ul li{display:block; opacity:0; width:100%; box-sizing:border-box; margin-top:20px; padding:15px 0; border:5px solid #ffe9b9; transform:translateY(-20px); transition:0.6s ease-in-out 0s;}
	.area_biz .icon ul li i,
	.area_biz .icon ul li span{display:inline-block; vertical-align:middle;}
	.area_biz .icon ul li i{width:105px; height:auto; line-height:inherit; border-width:0px; transform:scale(1,1); transform-origin:50% 50%;}
	.area_biz .icon ul li i:before{right:-10px; left:auto; bottom:50%; width:20px; height:20px; margin-left:0px; margin-bottom:-10px;}
	.area_biz .icon ul li i:after{right:-3px; left:auto; bottom:50%; width:6px; height:6px; margin-left:0px; margin-bottom:-3px;}
	.area_biz .icon ul li span{position:relative; width:calc(100% - 105px); box-sizing:border-box; padding-left:25px; padding-right:15px; text-align:left;}
	.area_biz .icon ul li span:before{display:none;}
	.area_biz .icon.show-in ul li{opacity:1; transform:translateY(0);}
	.area_biz .icon.show-in ul li:nth-of-type(1){transition-delay:0.2s;}
	.area_biz .icon.show-in ul li:nth-of-type(2){transition-delay:0.3s;}
	.area_biz .icon.show-in ul li:nth-of-type(3){transition-delay:0.4s;}
	.area_biz .icon.show-in ul li:nth-of-type(4){transition-delay:0.5s;}
	
	.area_recruit .box_icon .list ul{margin-left:0px !important;}
	.area_recruit .box_icon .list ul > li{float:none; width:100%; height:auto; min-height:80px; margin-left:0px; padding:30px 30px 30px 130px; text-align:left;}
	.area_recruit .box_icon .list ul > li:before{position:absolute; top:50%; left:20px; width:80px; height:80px; margin:0px; transform:translateY(-50%);}
	.area_recruit .box_icon .list ul > li:after{top:50%; left:37px; width:48px; height:45px; transform:translateX(0) translateY(-50%);}
	.area_recruit .box_icon .list ul > li em{margin-bottom:5px;}
	.area_recruit .link{padding:30px 100px 30px 30px;}
	.area_recruit .link:after{width:80px; height:80px; margin-top:-40px;}
	.area_recruit .link:hover:after{right:-40px;}
	.area_recruit .link i{display:block; word-break:keep-all; font-size:16px;}
}

@media all and (max-width:560px){
	#content{padding-top:100px;}
	#content h2{padding-left:15px; padding-right:15px;}
	#content h2 + p{padding-left:15px; padding-right:15px; word-break:keep-all;}
	#content h2 + p br{display:none;}
	div[class*="full_bg"] .inr_box{padding-top:90px; padding-bottom:90px; word-break:keep-all;}
	div[class*="full_bg"] .inr_box br{display:none;}
	
	.root_daum_roughmap .wrap_map{height:350px !important;}
	
	#content .area_biz,
	.area_biz .box_top .inr_box em{padding-top:50px;}
	
	.area_policy .box ul > li{height:130px;}
	.area_policy .box ul.col03 > li{width:calc(100% / 2 - 15.1px);}
	
	.area_recruit:after{height:calc(100% - 7%);}
	.area_recruit .img{padding-top:40%;}
	
	[data-dl="table"] dd{margin-top:20px; padding-left:0px; padding-right:0px;}
	[data-dl="table"] dd ul{display:block; margin-left:0px;}
	[data-dl="table"] dd ul li{display:block; width:100%; padding-left:0px; padding-right:0px;}
	[data-dl="table"] dd ul li em{margin-bottom:10px;}
}

@media all and (max-width:500px){
	.area_history:before{left:20%;}
	.area_history .year{font-size:90px;}
	.area_history .inr_box > [data-year]{width:80%; margin-left:20%; padding-bottom:40px;}
	.area_history .inr_box > [data-year]:nth-of-type(2),
	.area_history .inr_box > [data-year]:nth-of-type(4),
	.area_history .inr_box > [data-year]:nth-of-type(6),
	.area_history .inr_box > [data-year]:nth-of-type(8){margin-left:20%;}
	.area_history .inr_box ul > li:before{left:-19px !important;}
	.area_history .inr_box ul > li:after{left:-11px !important;}
	
	.area_biz .box_top .inr_box p{font-size:16px;}
	
	.area_recruit .img{padding-top:55%;}
	.area_recruit .img p{font-size:20px;}
	.area_recruit .img em{font-size:25px;}
}

@media all and (max-width:425px){
	#content h2{font-size:35px;}
	#content h2 + p{font-size:16px; letter-spacing:-0.5px;}
	div[class*="full_bg"] p em{font-size:23px;}
	div[class*="full_bg"] .inr_box{padding-top:90px; padding-bottom:90px;}
	
	#content .greeting_sub{font-size:15px;}	
	.area_greeting .point{font-size:20px;}
	.area_greeting .point.left{padding-top:70px;}
	.area_greeting .chart span{font-size:35px;}
	.area_greeting .big{font-size:20px !important; word-break:keep-all;}
	.area_greeting .big br{display:none;}
	.area_greeting .sign{padding-top:70px; padding-bottom:70px;}
	.area_greeting .sign p{font-size:16px; word-break:keep-all;}
	.area_greeting .obj_txt img{width:700px;}
	
	.area_history:before{left:10%;}
	.area_history .inr_box ul > li > p{font-size:14px;}
	.area_history .inr_box > [data-year]{width:90%; margin-left:10%;}
	.area_history .inr_box > [data-year]:nth-of-type(2),
	.area_history .inr_box > [data-year]:nth-of-type(4),
	.area_history .inr_box > [data-year]:nth-of-type(6),
	.area_history .inr_box > [data-year]:nth-of-type(8){margin-left:10%;}
	.area_history .inr_box ul > li:before{left:-22px !important;}
	.area_history .inr_box ul > li:after{left:-14px !important;}
	
	.area_location{padding-bottom:30px;}
	
	.area_biz .list_photo .bx-controls{position:static; text-align:center;}
	.area_biz .list_photo a[class*="bx-"]{width:60px; height:60px; background-color:transparent;}
	.area_biz .box_top{padding-bottom:50px;}
	.area_biz .box_top .inr_box p{padding-bottom:30px;}
	.area_biz .icon{padding-top:50px; padding-bottom:60px;}
	.area_biz .icon h3 + p{font-size:16px;}
	.area_biz .icon ul li i{width:90px;}
	.area_biz .icon ul li i img{width:45%;}
	.area_biz .icon ul li span{width:calc(100% - 90px);}
	
	.area_policy .box ul{margin-left:0px;}
	.area_policy .box ul > li,
	.area_policy .box ul.col03 > li{float:none; width:100%; height:auto; margin-left:0px;}
	
	.area_certify ul > li p{padding:15px 5px; word-break:break-all; transform:translateY(-30px);}
	
	.area_recruit .link{margin-top:50px;}
	.area_recruit .link em{font-size:20px;}
	.area_recruit .box_icon{margin-top:50px;}
	.area_recruit .box_icon > div:not(.list) h3{font-size:35px;}
	.area_recruit .box_icon > div:not(.list) p{font-size:16px;}
	
	[data-dl="table"] dt{font-size:20px;}
	[data-dl="table"] dd em{font-size:16px;}
}

@media all and (max-width:380px){
	.area_greeting .point:not(.left) br{display:block;}

	.area_biz .box_top .inr_box h3{font-size:25px; letter-spacing:-1px;}
	
	.area_recruit .img p{font-size:18px;}
	.area_recruit .img em{font-size:22px;}
	.area_recruit .link{padding-left:20px;}
	.area_recruit .link i{font-size:15px;}
}
	
@media all and (max-width:370px){
	.area_history .inr_box ul > li > span{width:33%;}
	.area_history .inr_box ul > li > p{width:67%;}
	.area_history .inr_box > [data-year]{padding-top:30px; padding-bottom:30px;}
	
	.area_location div[id^="map"] .info{padding:20px;}
	
	.area_recruit .img p{font-size:16px;}
	.area_recruit .img em{font-size:20px;}
	.area_recruit .link{padding-right:80px;}
	.area_recruit .link:after{width:60px; height:60px; margin-top:-30px;}
	.area_recruit .link:hover:after{right:-30px;}
	.area_recruit .link i{font-size:14px;}
	.area_recruit .box_icon > div:not(.list) p{word-break:keep-all;}
	.area_recruit .box_icon > div:not(.list) p br{display:none;}
	.area_recruit .box_icon .list ul > li{padding-left:110px; padding-right:20px;}
	.area_recruit .box_icon .list ul > li:before{left:10px;}
	.area_recruit .box_icon .list ul > li:after{left:27px;}
}

@media all and (max-width:340px){
	#content h2{font-size:30px; line-height:1.3;}
	#content h2 + p{font-size:15px;}

	.area_history .year{font-size:77px;}
	
	.area_certify ul{margin-left:0px;}
	.area_certify ul > li{float:none; width:100%; margin-left:0px;}
	.area_certify ul > li:nth-child(2n+1){clear:none;}
	.area_certify ul > li .img{padding-top:80%;}
	.ie .area_certify ul > li{width:100%;}
	
	.area_recruit .box_icon .list ul > li{padding-left:100px;}
}