@charset "utf-8";
@font-face {
	font-family:"nanuml";
	src:url("../fonts/NanumSquareRoundL.eot");
	src:url("../fonts/NanumSquareRoundL.eot?#iefix") format("embedded-opentype"),
	      url("../fonts/NanumSquareRoundL.woff") format("woff"),
		  url("../fonts/NanumSquareRoundL.woff2") format("woff2"),
		  url('../fonts/NanumSquareRoundL.ttf') format('truetype');
}
@font-face {
	font-family:"nanumr";
	src:url("../fonts/NanumSquareRoundR.eot");
	src:url("../fonts/NanumSquareRoundR.eot?#iefix") format("embedded-opentype"),
	      url("../fonts/NanumSquareRoundR.woff") format("woff"),
		  url("../fonts/NanumSquareRoundR.woff2") format("woff2"),
		  url('../fonts/NanumSquareRoundR.ttf') format('truetype');
}
@font-face {
	font-family:"nanumb";
	src:url("../fonts/NanumSquareRoundB.eot");
	src:url("../fonts/NanumSquareRoundB.eot?#iefix") format("embedded-opentype"),
	      url("../fonts/NanumSquareRoundB.woff") format("woff"),
		  url("../fonts/NanumSquareRoundB.woff2") format("woff2"),
		  url('../fonts/NanumSquareRoundB.ttf') format('truetype');
}
@font-face {
	font-family:"nanumeb";
	src:url("../fonts/NanumSquareRoundEB.eot");
	src:url("../fonts/NanumSquareRoundEB.eot?#iefix") format("embedded-opentype"),
	      url("../fonts/NanumSquareRoundEB.woff") format("woff"),
		  url("../fonts/NanumSquareRoundEB.woff2") format("woff2"),
		  url('../fonts/NanumSquareRoundEB.ttf') format('truetype');
}
/***************************************************************/
/* reset */
/***************************************************************/
html, body, h1, h2, h3, h4, div, dl, dt, dd, ol, ul, li, p, span, img, table, th, td, input, form, fieldset, label, button, address {padding: 0; margin: 0; border: 0; font-weight:normal; }
img, input, label {border: 0; vertical-align: top;}
input[type=text], input[type=password], textarea, select {font-family: "nanuml","Dotum", sans-serif; font-size: 16.3px; letter-spacing:-1px;}
input[type=submit]{cursor:pointer;}
address, strong {font-weight: normal; font-style: normal;}
ol, ul, li {list-style: none;}
table {border: 0; border-collapse: collapse; border-spacing: 0;}
caption, legend {display: none;}
a {text-decoration: none; /*color: #666;*/ cursor:pointer;}
a:hover, a:focus {/*color: #2b80c1;*/ outline: none;}
input:focus{outline: none;}
button:focus, button:hover{outline: none; cursor:pointer;}
body {font-family: "nanuml"; font-size: 16.3px; color: #000; letter-spacing:-1px; }
.hide {line-height: 0; height: 0; text-indent: -9999px; position: absolute; left: -9999px; font-size: 0;}
#skipnav a {position: absolute; overflow: hidden; width: 1px; height: 1px; clip: rect(1px 1px 1px 1px); z-index: 100; }
#skipnav a:focus {top: 0; left: 0; overflow: auto; clip: auto; width: 200px; height: 30px; line-height: 30px; background-color: #666; text-align: center; color: #fff;}
.clearfix:before, .clearfix:after {content: " ";display:table;padding:0}
.clearfix:after {clear:both}
.clear{clear:both;}
div#wrap { width:100%; min-width:1200px; position: relative; }
/***************************************************************/
/* skipnav */
/***************************************************************/
#skipnav a { position:absolute; overflow:hidden; width:1px; height:1px; clip:rect(1px 1px 1px 1px); z-index:100; }
#skipnav a:focus { top:0; left:0; overflow:auto; clip:auto; width:200px; height:30px; line-height:30px; background-color:#666; text-align:center; color:#fff; }
/***************************************************************/
/* header */
/***************************************************************/
header{ width:100%; min-width:1200px; height:88px; z-index:9999; top:0px; position:fixed; background:none; box-sizing:border-box; transition:All 0.2s ease; -webkit-transition:All 0.2s ease; -moz-transition:All 0.2s ease; -o-transition:All 0.2s ease; }
/* header.addClass */
.header_bg{ background:rgba(255,255,255,0.96); box-shadow:0 3px 45px rgba(0, 0, 0, 0.1); -webkit-box-shadow:0 3px 45px rgba(0, 0, 0, 0.1); -moz-box-shadow:0 3px 45px rgba(0, 0, 0, 0.1); }
.header_bg #header > ul li a{ display:inline-block; position:relative; color:#666 !important; }
.header_bg #header > ul li a:after{ position:absolute; left:0px; margin-left:50%; bottom:-11px; content:""; display:inline-block; width:0%; height:2px; background:#e0512d; opacity:0; -webkit-transition: all 0.3s; transition: all 0.3s; }
.header_bg #header > ul li a:hover:after{ position:absolute; left:0px; bottom:-11px; margin-left:0%; content:""; display:inline-block; width:100%; height:2px; background:#e0512d; opacity:1; }
.header_bg #header h1 a{ margin-top:29px; float:left; background:url(../img/top_logo_2.png) 0px 0px no-repeat; width:151px; height:29px; display:inline-block; }
/* header.addClass */
#header{ width:1200px; margin:0px auto; }
#header h1 a{ margin-top:29px; float:left; background:url(../img/top_logo.png) 0px 0px no-repeat; width:151px; height:29px; display:inline-block; }
#header > ul{ float:right; padding-top:38px; }
#header > ul li{ position:relative; display:inline; margin-left:60px; }
#header > ul li a{ position:relative; display:inline-block; color:#fff; font-family: "nanumb"; font-size:14.2px; letter-spacing:0px; }
#header > ul li a:after{ position:absolute; left:0px; margin-left:50%; bottom:-11px; content:""; display:inline-block; width:0%; height:2px; background:#fff; opacity:0; -webkit-transition: all 0.3s; transition: all 0.3s; }
#header > ul li a:hover:after{ position:absolute; left:0px; bottom:-11px; margin-left:0%; content:""; display:inline-block; width:100%; height:2px; background:#fff; opacity:1; }
/***************************************************************/
/* visual */
/***************************************************************/
div#visual_wrap{ position:relative; width:100%; min-width:1200px; height:820px; background:url(../img/area0_bg.png) center no-repeat; }
.inner{ position:relative; width:1200px; height:100%; margin:0px auto; }
.inner:after{content:"";display:block;clear:both;}
div.visual_txt{ position:relative; padding-top:253px; }
div.visual_txt > p{ color:#fff; font-size:55px; font-family: "nanumeb"; letter-spacing:-2.3px; margin-bottom:96px;  /*animation:slide1 0.6s ease-in-out 1;*/ }
div.visual_txt > span{ color:rgba(255,255,255,0.8); font-size:17.9px; font-family: "nanuml"; line-height:29px;  /*animation:slide1 1s ease-in-out 1;*/ }
.visual_bg_txt{ position:absolute; top:253px; left:420px; width:487px; height:222px; background:url(../img/area0_bg_txt.png) 0px 0px no-repeat; }
.visual_img01{ position:absolute; top:33px; right:0px; width:565px; height:786px; background:url(../img/area0_visual_img1.png) 0px 0px no-repeat; /*animation:slide1 0.7s ease-in-out 1;*/ }
.visual_img02{ position:absolute; top:624px; right:46px; width:159px; height:202px; background:url(../img/area0_visual_img2.png) 0px 0px no-repeat; animation:doong 2s infinite ease-in-out; }
.visual_img03{ position:absolute; top:580px; right:556px; width:60px; height:77px; background:url(../img/area0_visual_img3.png) 0px 0px no-repeat; animation:doong 3s infinite ease-in-out; }
.visual_img04{ position:absolute; top:607px; right:669px; width:103px; height:107px; background:url(../img/area0_visual_imgg4.png) 0px 0px no-repeat; animation:doong 4s infinite ease-in-out; }
/***************************************************************/
/* about us */
/***************************************************************/
div#about_wrap{ position:relative; width:100%; min-width:1200px; margin:0px auto; padding:105px 0px 69px; text-align:center; background:#fff; }
h2.area_heading{ font-size:47.5px; font-family: "nanumeb"; letter-spacing:-1.5px; color:#000; }
p.about_txt01{ color:#ec532c; font-family: "nanumr"; letter-spacing:-0.5px; font-size:17px; margin-top:64px; margin-bottom:5px; }
p.about_txt02{ font-size:29px; font-family: "nanumr"; letter-spacing:-1.5px; margin-bottom:32px; }
p.about_bg{ width:1200px; height:268px; background:url(../img/area1_bg.png) 0px 0px no-repeat; }
p.about_txt03{ font-size:16.3px; line-height:24px; margin-top:20px; }
/***************************************************************/
/* service 1 */
/***************************************************************/
div#service01_wrap{ position:relative; width:100%; min-width:1200px; height:941px; background:url(../img/area2_bg.png) center repeat-x; }
div.service01_left{ position:relative; float:left; width:215px; padding-top:257px; }
div.service01_left:after{ content:""; position:absolute; top:23px; right:0px; display:inline-block; width:1px; height:918px ; background:#e8e9ea; }
div.service01_left > h2{ margin-bottom:112px; }
span.service01_heading_sm{ display:block; font-size:16px; color:#878787; font-family: "nanumb"; letter-spacing:0px; margin-left:3px; margin-bottom:5px; }
div.service01_left ul.service01_tab{}
div.service01_left ul.service01_tab li{ position:relative; font-size:15.2px; font-family: "nanumr"; line-height:53px; cursor:pointer; color:#bac0c6; }
div.service01_left ul.service01_tab li.active{ color:#000; font-family: "nanumb"; }
div.service01_left ul.service01_tab li.active:after{ content:""; position:absolute; right:0px; top:5px; display:inline-block; width:4px; height:40px; background:#ec532c; }
div.service01_right{ position:relative; float:right; width:875px;  padding-top:257px; padding-left:110px; }
h4.service01_contents_heading{ font-size:29px; color:#000; font-family: "nanumr"; margin-bottom:138px; }
h4.service01_contents_heading span{ font-size:16px; color:#ec532c; display:block; font-family: "nanumr"; margin-bottom:7px; margin-top:2px; }
p.service01_contents_txt{ font-size:16.3px; line-height:24px; color:#333; }
/* tab 1 */
ul.service01_tab1_box{ position:relative; margin-top:100px; }
ul.service01_tab1_box:after{ position:absolute; bottom:-113px; left:0px; content:""; display:inline-block; width:100%; height:1px; background:#d5d5d5; }
ul.service01_tab1_box li{ position:relative; display:inline-block; float:left; width:14%; text-align:center; padding-top:69px; font-size:16px; font-family: "nanumr"; }
ul.service01_tab1_box li.service01_tab1_box_icon1{ background:url(../img/area2_tab1_img1.png) center 0px no-repeat; } ul.service01_tab1_box li.service01_tab1_box_icon1:after{ content:""; display:inline-block; width:9px; height:9px; background:#d5d5d5; border-radius:50px; position:absolute; bottom:-30px; left:50%; }
ul.service01_tab1_box li.service01_tab1_box_icon2{ background:url(../img/area2_tab1_img2.png) center 0px no-repeat; } ul.service01_tab1_box li.service01_tab1_box_icon2:after{ content:""; display:inline-block; width:9px; height:9px; background:#d5d5d5; border-radius:50px; position:absolute; bottom:-30px; left:50%; }
ul.service01_tab1_box li.service01_tab1_box_icon3{ background:url(../img/area2_tab1_img3.png) center 0px no-repeat; } ul.service01_tab1_box li.service01_tab1_box_icon3:after{ content:""; display:inline-block; width:9px; height:9px; background:#d5d5d5; border-radius:50px; position:absolute; bottom:-30px; left:50%; }
ul.service01_tab1_box li.service01_tab1_box_icon4{ background:url(../img/area2_tab1_img4.png) center 0px no-repeat; } ul.service01_tab1_box li.service01_tab1_box_icon4:after{ content:""; display:inline-block; width:9px; height:9px; background:#d5d5d5; border-radius:50px; position:absolute; bottom:-30px; left:50%; }
ul.service01_tab1_box li.service01_tab1_box_icon5{ background:url(../img/area2_tab1_img5.png) center 0px no-repeat; } ul.service01_tab1_box li.service01_tab1_box_icon5:after{ content:""; display:inline-block; width:9px; height:9px; background:#d5d5d5; border-radius:50px; position:absolute; bottom:-30px; left:50%; }
ul.service01_tab1_box li.service01_tab1_box_icon6{ background:url(../img/area2_tab1_img6.png) center 0px no-repeat; } ul.service01_tab1_box li.service01_tab1_box_icon6:after{ content:""; display:inline-block; width:9px; height:9px; background:#d5d5d5; border-radius:50px; position:absolute; bottom:-30px; left:50%; }
ul.service01_tab1_box li.service01_tab1_box_icon7{ background:url(../img/area2_tab1_img7.png) center 0px no-repeat; } ul.service01_tab1_box li.service01_tab1_box_icon7:after{ content:""; display:inline-block; width:9px; height:9px; background:#d5d5d5; border-radius:50px; position:absolute; bottom:-30px; left:50%; }
/* tab 2 */
div.tab2_box{ height:486px; padding-left:300px; background:url(../img/area2_tab2_img1.png) 0px bottom no-repeat; }
div.tab2_box > p{ padding-top:7px; }
ul.service01_tab2_box{ margin-top:82px; }
ul.service01_tab2_box li{ display:inline-block; float:left; font-size:16px; font-family: "nanumr"; text-align:center; line-height:48px; border:solid 1px #d4d4d4; width:23.3%; margin-right:10px; margin-bottom:10px;  }
ul.service01_tab2_box li.nmr{ margin-right:0px; }
/* tab 3 */
div.tab3_box{ height:359px; padding-left:515px; background:url(../img/area2_tab3_img1.png) 0px bottom no-repeat; }
ul.service01_tab3_box{ margin-top:69px; }
ul.service01_tab3_box li{ display:inline-block; float:left; font-size:16px; font-family: "nanumr"; text-align:center; line-height:48px; border:solid 1px #d4d4d4; width:46.6%; margin-right:10px; margin-bottom:10px;  }
ul.service01_tab3_box li.nmr{ margin-right:0px; }
/* tab 4 */
ul.service01_tab4_box{ margin-top:42px; }
ul.service01_tab4_box li{ width:32%; margin-right:2px; display:inline-block; float:left; text-align:center; padding-top:198px; font-size:14.5px; }
ul.service01_tab4_box li.nmr{ margin-right:0px; }
ul.service01_tab4_box li.service01_tab4_box1{ background:url(../img/area2_tab4_img1.png) center 0px no-repeat; }
ul.service01_tab4_box li.service01_tab4_box2{ background:url(../img/area2_tab4_img2.png) center 0px no-repeat; }
ul.service01_tab4_box li.service01_tab4_box3{ background:url(../img/area2_tab4_img3.png) center 0px no-repeat; }
/* tab 5 */
div#tab4 > span{ display:inline-block; width:865px; height:240px; background:url(../img/area2_tab5_img1.png) 0px 0px no-repeat; margin-top:20px; }
/* tab 6 */
div.tab6_box{ height:487px; padding-left:300px; background:url(../img/area2_tab6_img1.png) 0px bottom no-repeat; }
div.tab6_box > p{ padding-top:7px; }
ul.service01_tab6_box{ margin-top:90px; padding-left:145px; }
ul.service01_tab6_box li{ display:inline-block; float:left; font-size:16px; font-family: "nanumr"; text-align:center; line-height:48px; border:solid 1px #d4d4d4; width:46.6%; margin-right:10px; margin-bottom:10px;  }
ul.service01_tab6_box li.nmr{ margin-right:0px; }
/***************************************************************/
/* service 2 */
/***************************************************************/
div#service02_wrap{ position:relative; width:100%; min-width:1200px; /*padding:128px 0px 90px 0px;*/ padding:128px 0px 50px 0px; background:#fff; }
div.service02_left{ position:relative; float:left; width:330px; }
div.service02_right{ position:relative; float:right; width:870px; }
div.service02_right > ul{}
div.service02_right > ul li{ float:left; margin-left:32px; margin-bottom:24px; width:232px; height:210px; padding:120px 18px 0px 18px;; line-height:23px; border-radius:7px; font-size:15px; }
div.service02_right > ul li:hover{ background:#fff; transition:all 0.8s cubic-bezier(0.24,1,0.30,1); -webkit-transition:all 0.8s cubic-bezier(0.24,1,0.30,1); -moz-transition:all 0.8s cubic-bezier(0.24,1,0.30,1); -webkit-box-shadow: 0px 0px 59px 0px rgba(0,34,68,0.05); -moz-box-shadow: 0px 0px 59px 0px rgba(0,34,68,0.05); box-shadow: 0px 0px 59px 0px rgba(0,34,68,0.05); }
div.service02_right > ul li span{ display:block; font-size:29px; font-family:"nanumb"; margin-bottom:36px; }
div.service02_right > ul li.nml{ margin-left:0px; }
div.service02_right > ul li.service02_icon1{ background:url(../img/area3_icon1.png) 18px 28px no-repeat; background-size:40px 41px; }
div.service02_right > ul li.service02_icon2{ background:url(../img/area3_icon2.png) 18px 28px no-repeat; }
div.service02_right > ul li.service02_icon3{ background:url(../img/area3_icon3.png) 18px 28px no-repeat; }
div.service02_right > ul li.service02_icon4{ background:url(../img/area3_icon4.png) 18px 28px no-repeat; }
div.service02_right > ul li.service02_icon5{ background:url(../img/area3_icon5.png) 18px 28px no-repeat; }
div.service02_right > ul li.service02_icon6{ background:url(../img/area3_icon6.png) 18px 28px no-repeat; }
/***************************************************************/
/* service 3 */
/***************************************************************/
div#service03_wrap{ position:relative; width:100%; min-width:1200px; height:1015px; margin:0px auto; text-align:center; background:#fff url(../img/area4_bg.png) center bottom no-repeat; }
/*p.service03_img{ position:relative; min-width:1200px; height:510px; margin:0px auto; background:url(../img/area4_img.png) center 20px no-repeat; }*/
p.service03_img{ position:relative; min-width:1200px; height:687px; margin:0px auto; background:url(../img/area4_img_new.png) center -18px no-repeat; }
div.service03_txt{ /*margin-top:50px;*/ position:relative; top:-106px; }
div.service03_txt h2.area_heading{ color:#fff; margin-bottom:76px; }
div.service03_txt > p{ color:rgba(255,255,255,0.7); line-height:24px; font-family:"nanumr"; margin-bottom:53px; }
div.service03_txt > ul{}
div.service03_txt > ul li{ display:inline-block; margin-right:11px; color:rgba(255,88,45,0.76); border:solid 1px rgba(255,88,45,0.8); border-radius:50px; line-height:52px; width:180px; font-size:17.2px; font-family:"nanumr" }
div.service03_txt > ul li.nmr{ margin-right:0px; }
/***************************************************************/
/* organization */
/***************************************************************/
div#organization_wrap{ position:relative; width:100%; min-width:1200px; height:657px; margin:0px auto; text-align:center; padding:106px 0px 76px; background:#fff url(../img/area5_bg.png) center bottom no-repeat; }
div#organization_wrap div.inner > p{ line-height:24px; margin-bottom:59px; }
ul.organization_circle{ position:relative; width:577px; height:235px; background:url(../img/area5_img1.png) 0px 0px no-repeat; margin:0px auto; margin-top:69px; margin-bottom:42px; }
ul.organization_circle li{ text-align:center; float:left; padding-top:86px; font-size:15px; line-height:19px; }
ul.organization_circle li.organization_circle_li1{ padding-left:37px; color:#fff; }
ul.organization_circle li.organization_circle_li2{ padding-left:132px; }
ul.organization_circle li.organization_circle_li3{ padding-left:121px; color:#fff; }
ul.organization_circle li span{ display:block; font-size:26px; margin-bottom:16px; font-family:"nanumr"; }
span.organization_circle_bg{ position:absolute; top:125px; left:50%; margin-left:-117px; display:inline-block; width:235px; height:235px; background:url(../img/area5_img2.png) 0px 0px no-repeat;  animation:target_image 5s infinite ease-in-out; }
ul.organization_pic{}
ul.organization_pic li{ float:left; margin-right:5px; width:296px; height:154px; }
ul.organization_pic li.organization_pic1{ background:url(../img/area5_img3.png) 0px 0px no-repeat; }
ul.organization_pic li.organization_pic1:hover{ }
ul.organization_pic li.organization_pic2{ background:url(../img/area5_img4.png) 0px 0px no-repeat; }
ul.organization_pic li.organization_pic3{ background:url(../img/area5_img5.png) 0px 0px no-repeat; }
ul.organization_pic li.organization_pic4{  background:url(../img/area5_img6.png) 0px 0px no-repeat; margin-right:0px; }
span.showImage{ display:block; width:100%; height:100%; background:rgba(47,49,55,0.86); background:rgba(236,83,44,0.92); color:#fff; font-size:17px; padding-top:69px; box-sizing:border-box; font-family:"nanumr"; }
/***************************************************************/
/* recruitment */
/***************************************************************/
div#recruitment_wrap{ position:relative; width:100%; min-width:1200px; margin:0px auto; padding:100px 0px 100px; background:#fff; }
div#recruitment_wrap > div h2{ text-align:center; }
div#recruitment_wrap > div h2 span.service01_heading_sm{ font-family:"nanumr"; letter-spacing:-1px; margin-left:0px; margin-bottom:82px; margin-top:5px; }
div#recruitment_wrap > div:after{ content:""; display:block; clear:both; }
div.recruitment_board > h4{ font-size:29px; font-family:"nanumr"; margin-bottom:35px; }
div.recruitment_board > ul{ border-top:solid 1px #efefef; line-height:46px;}
div.recruitment_board > ul li{ position:relative; border-bottom:solid 1px #efefef; line-height:46px; }
div.recruitment_board > ul li a{ color:#000; }
div.recruitment_board > ul li a span{ position:absolute; right:0px; }
div.board_left{ width:542px; float:left; }
div.board_right{ width:542px; float:right; }
/***************************************************************/
/* bottom_bann */
/***************************************************************/
div#bottom_bann_wrap{ position:relative; width:100%; min-width:1200px; height:278px; margin:0px auto; padding-top:190px; text-align:center; background:url(../img/area6_bg.png) center bottom no-repeat; }
div#bottom_bann_wrap div.inner{ position:relative; }
div#bottom_bann_wrap div > h2{ color:#fff; }
div#bottom_bann_wrap div > h2 span{ color:rgba(255,255,255,1); font-family:'nanumr'; letter-spacing:-1px; font-size:17px; }
div#bottom_bann_wrap div > p{ margin-top:59px; font-size:26px; color:rgba(255,255,255,0.6); letter-spacing:-1.5px; }
span.bottom_bann_img1{ display:inline-block; width:99px; height:103px; position:absolute; top:-102px; right:30px; background:url(../img/area6_img1.png) 0px 0px no-repeat; animation:doong 2s infinite ease-in-out; }
span.bottom_bann_img2{ display:inline-block; width:61px; height:82px; position:absolute; top:-73px; left:232px; background:url(../img/area6_img2.png) 0px 0px no-repeat; animation:doong 4s infinite ease-in-out; }
span.bottom_bann_img3{ display:inline-block; width:105px; height:113px; position:absolute; top:-138px; left:53px; background:url(../img/area6_img3.png) 0px 0px no-repeat; animation:doong 3s infinite ease-in-out; }
/***************************************************************/
/* foot */
/***************************************************************/
div#foot_wrap{ position:fixed; bottom:0px; z-index:1; width:100%; min-width:1200px; height:464px; }
div.foot_info{ position:relative; width:100%; min-width:1200px; height:246px; margin:0px auto; padding-top:70px; background:url(../img/area7_bg.png) center bottom no-repeat; }
div.company{ float:left; width:49%; }
h3.ktpscroll{ padding:0px 0px 46px 0px; font-size:26px; letter-spacing:-1.5px; font-family:'nanumr'; }
h4.ktpscroll{ padding:0px 0px 20px 0px; font-family:'nanumr'; }
ul.ktpscroll li{ line-height:21px; font-size:15px; }
div.contact{ float:left; width:31%; }
div.hours{ float:left; width:20%; }
div.foot_copy{ position:relative; width:100%; min-width:1200px; height:115px; padding-top:33px; background:#2b2f34; text-align:center; }
div.foot_copy > h4{ color:#fff; font-size:21px; letter-spacing:-1.5px; font-family:'nanumr'; margin-bottom:12px; }
div.foot_copy > p{ font-size:13px; color:rgba(255,255,255,0.3); letter-spacing:0px; }
div.foot_copy > p span{ display:block; margin-top:10px; color:rgba(255,255,255,0.12); letter-spacing:0px; }
i.jcm_bottom a{ position:absolute; bottom:23px; right:38px; display:inline-block; width:45px; height:45px; background:url(../img/top.png) 0px 0px no-repeat; z-index:100; }

@keyframes slide1 {
	0% {opacity: 0; transform: translateY(70px)}
	100%{opacity: 1; transform: translateY(0px)}
}
@keyframes slide3 {
	0%,30% {opacity: 0; transform: translateY(110px)}
	100%{opacity: 1; transform: translateY(0px)}
}
@keyframes doong{
   0%{transform:translate(0,0);}
   50%{transform:translate(0,20px);}
   100%{transform:translate(0,0);}
}
@keyframes target_image {
 0% { transform: rotate(0deg); }
 100% { transform: rotate(180deg) }
}
/***************************************************************/
/* renewal */
/***************************************************************/
div.new_area_01{ background:url(../img/renewal_area01_bg.jpg) 0px 0px no-repeat; height:864px; }
div.new_text_wrap{ display:inline-block; }
.pt310{ padding-top:310px; }
div.new_text_wrap h2{ font-size:47.5px; font-family:"nanumeb"; letter-spacing:-1.5px; color:#000; margin-bottom:50px; }
div.new_text_wrap p.new_text_sm{ font-size:17px; line-height:24px; margin-top:20px; margin-bottom:40px; }
div.new_text_wrap p.new_text_md{ font-size:17px; font-family:"nanumeb"; color:#333; margin-bottom:40px; }
a.new_text_btn{ display:inline-block; background:#3c3d3f; width:200px; height:55px; line-height:53px; border-radius:5px; text-align:center; font-size:17.5px; font-family:"nanumr"; color:#fff; position:relative; z-index:1; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; -ms-transition:all 0.4s; -o-transition:all 0.4s; transition:all 0.4s; }
a.new_text_btn:after{ content:""; width:0%; height:100%; top:0; position:absolute; left:0; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; -ms-transition:all 0.4s; -o-transition:all 0.4s; transition:all 0.4s; background:#fd4f00; border-radius:5px; }
a.new_text_btn:hover{ color:#fff; border-radius:5px; }
a.new_text_btn:hover:after{ width:100%; z-index:-1; }
a.new_text_btn i{ width:31px; height:12px; display:inline-block; background:url(../img/renewal_area_btn_icon.png) 0px 0px no-repeat; margin-left:12px; }
div.new_area_01_img{ display:block; width:729px; height:864px; background:url(../img/renewal_area01_img01.png) 0px 0px no-repeat; float:right; }

div.new_area_02{ background:url(../img/renewal_area02_bg.jpg) 0px 0px no-repeat; height:782px; }
.pt260{ padding-top:260px; }
div.new_area_02_img{ display:block; width:636px; height:782px; background:url(../img/renewal_area02_img01.png) 0px 0px no-repeat; float:right; }

div.new_area_03{ background:#fff url(../img/renewal_area03_bg.jpg) 0px 0px no-repeat; height:658px; }
.pt200{ padding-top:200px; }
div.new_area_03_img{ display:block; width:702px; height:646px; background:url(../img/renewal_area03_img01.png) 0px 0px no-repeat; float:right; }

div.new_area_04{ background:url(../img/renewal_area04_bg.jpg) 0px 0px no-repeat; height:865px; }
div.new_area_04_img{ display:block; width:703px; height:865px; background:url(../img/renewal_area04_img01.png) 0px 0px no-repeat; float:right; }

div.new_area_05{ background:url(../img/renewal_area05_bg.jpg) 0px 0px no-repeat; height:827px; }
div.new_text_wrap_b{ padding-top:140px; text-align:center; margin-bottom:100px; }
div.new_text_wrap_b > h2{ position:relative; font-size:47.5px; font-family:"nanumeb"; letter-spacing:-1.5px; color:#fff; margin-bottom:65px; }
div.new_text_wrap_b > h2:after{ content:''; display:inline-block; width:140px; height:3px; background: linear-gradient(90deg, rgba(246,102,34,1) 0%, rgba(198,58,107,1) 100%); position:absolute; bottom:-50px; left:50%; margin-left:-70px; }
div.new_text_wrap_b > p{ font-size:17px; line-height:24px; color:rgba(255,255,255,.82); }
ul.new_area_05_ul li{ width:272px; height:242px; margin-right:37px; float:left; padding-top:38px; color:#fff; font-size:27px; font-family:'nanumb'; text-align:center; border-radius:5px; }
ul.new_area_05_ul li:last-child{ margin-right:0px; }
ul.new_area_05_ul li:hover{ background:linear-gradient(141deg, rgba(246,117,38,1) 0%, rgba(219,77,69,1) 81%, rgba(193,67,107,1) 100%); }
ul.new_area_05_ul li i.new_area_05_icon01{ margin-bottom:29px; width:48px; height:41px; background:url(../img/renewal_area05_img01.png) 0px 0px no-repeat; display:block; position:relative; left:50%; margin-left:-21px; }
ul.new_area_05_ul li:hover i.new_area_05_icon01{ background-position:0px -41px; }
ul.new_area_05_ul li i.new_area_05_icon02{ margin-bottom:29px; width:43px; height:43px; background:url(../img/renewal_area05_img02.png) 0px 0px no-repeat; display:block; position:relative; left:50%; margin-left:-22px; }
ul.new_area_05_ul li:hover i.new_area_05_icon02{ background-position:0px -43px; }
ul.new_area_05_ul li i.new_area_05_icon03{ margin-bottom:29px; width:39px; height:43px; background:url(../img/renewal_area05_img03.png) 0px 0px no-repeat; display:block; position:relative; left:50%; margin-left:-22px; }
ul.new_area_05_ul li:hover i.new_area_05_icon03{ background-position:0px -43px; }
ul.new_area_05_ul li i.new_area_05_icon04{ margin-bottom:29px; width:44px; height:41px; background:url(../img/renewal_area05_img04.png) 0px 0px no-repeat; display:block; position:relative; left:50%; margin-left:-21px; }
ul.new_area_05_ul li:hover i.new_area_05_icon04{ background-position:0px -41px; }
ul.new_area_05_ul li span{ position:relative; font-size:15px; display:block; font-family:'nanuml'; opacity:.82; line-height:20px; }
ul.new_area_05_ul li span:before{ content:''; display:block; width:5px; height:5px; background:#fff; border-radius:50px; position:relative; left:50%; margin:20px 0px 12px 0px; }