@charset "utf-8";
/* Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess */

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(../../common/fonts/NotoSansKR-Thin.woff2) format('woff2'),
       url(../../common/fonts/NotoSansKR-Thin.woff) format('woff'),
       url(../../common/fonts/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(../../common/fonts/NotoSansKR-Light.woff2) format('woff2'),
       url(../../common/fonts/NotoSansKR-Light.woff) format('woff'),
       url(../../common/fonts/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(../../common/fonts/NotoSansKR-Regular.woff2) format('woff2'),
        url(../../common/fonts/NotoSansKR-Regular.woff) format('woff'),
        url(../../common/fonts/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(../../common/fonts/NotoSansKR-Medium.woff2) format('woff2'),
        url(../../common/fonts/NotoSansKR-Medium.woff) format('woff'),
        url(../../common/fonts/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(../../common/fonts/NotoSansKR-Bold.woff2) format('woff2'),
        url(../../common/fonts/NotoSansKR-Bold.woff) format('woff'),
        url(../../common/fonts/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src: url(../../common/fonts/NotoSansKR-Black.woff2) format('woff2'),
        url(../../common/fonts/NotoSansKR-Black.woff) format('woff'),
        url(../../common/fonts/NotoSansKR-Black.otf) format('opentype');
 } 

/* default */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,button,iframe,th,td{margin:0;padding:0; box-sizing:border-box;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block;margin:0;padding:0; box-sizing:border-box;}
h1,h2,h3,h4,h5,h6,dt{font-weight:normal;}
img,fieldset,iframe,button{border:0 none;}
li{list-style:none;}
i, em, u, cite {font-style:normal;}
strong{font-weight:normal;}
img{}
a{color:#757575;text-decoration:none;outline-offset:-1px;}
.chrome a,
.safari a{outline-offset:-3px;}
input {-webkit-appearance:none;}

html, body{height:100%; font-size:0; line-height:0;}
body{/-webkit-text-size-adjust:none;-moz-osx-font-smoothing:gratranslate3d(0,0,0)yscale;/*overflow-y:hidden;*/overflow-x:hidden;word-break:keep-all;word-wrap:break-word;}
body.non-scroll {overflow-y:hidden;}

/* Form */
legend{position: absolute; top: 0; left: 0; width: 0; height: 0; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0;}
select, input, textarea {outline:0;}
select, input, label{vertical-align:middle}
button{border:0 none;cursor:pointer;background:none;font-family: 'Noto Sans KR';}
button:focus{outline:0;}
select::-ms-expand { display: none; }
select::-moz-focus-inner { border: 0; padding: 0; }
select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; }
select{font-family: 'Noto Sans KR';}
input{font-family: 'Noto Sans KR';}
table {border-collapse: collapse; table-layout:fixed; width:100%;}
textarea {font-family: 'Noto Sans KR';}


body {font-family: 'Noto Sans KR'; font-weight: 400;}


#wrap {}
.header {width:100%; position:fixed; top:0; left:0; border-bottom:1px solid #ACACAC; height:60px; z-index:10;}
.header:before {content:''; position:absolute; left:0; top:0; height:60px; background:#fff; opacity:0.8; width:100%; transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s;}
.header .head {width:1280px; margin:0 auto; position:relative;}
.header .head h1 {padding-top:20px;}
.header .head h1 a {display:block; width:82px; height:21px; background:url('../../images/img_logo.png') no-repeat; background-size:82px 21px;  transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s;}
.header .head .gnb {position:absolute; right:0; top:0;}
.header .head .gnb:after{content:''; display:block; clear:both;}
.header .head .gnb li {float:left; margin-right:45px;}
.header .head .gnb a {font-size:20px; line-height:60px; color:#000; font-weight:900; text-transform:uppercase;  transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s;}
.header .head .gnb a:hover {color:#2F3A8C;}
.header .head .gnb li:last-child {margin-right:0;}
.header .head .m_btn {display:none;}
.header.mode_w {border:0;}
.header.mode_w:before {opacity:0;}
.header.mode_w .head h1 a {background:url('../../images/img_logo_w.png') no-repeat; background-size:82px 21px;}
.header.mode_w .head .gnb a {color:#fff;}

.content {}
.content .visual_area {height: 100vh; min-height: 40rem; background:url('../../images/img_visual.jpg') center top no-repeat; background-size:cover; padding-top:30vh; box-sizing:border-box; position:relative;}
.content .visual_area .cont_area {width:1280px; margin:0 auto; position:relative;}
.content .visual_area .cont_area > p {position:absolute; background:url('../../images/img_linebox.png') no-repeat; padding:94px 0 77px 47px; font-size:36px; line-height:54px; font-weight:300; color:#fff; transition:all 0.5s 0.3s; -webkit-transition:all 0.5s 0.3s; -ms-transition:all 0.5s 0.3s; opacity:0; left:50px;}
.content .visual_area.animation .cont_area > p {opacity:1; left:0;}
.content .visual_area .cont_area > p strong {display:block; font-size:36px; line-height:40px; font-weight:700;}
.visual_area .mouseMove {position:fixed; left:50%; bottom:50px; width:20px; margin-left:-12px; border:2px solid #fff; height:34px; border-radius:12px; transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s;}
.visual_area .mouseMove span {position:absolute; left:50%; top:9px; margin-left:-2px; width:4px; height:4px; background:#fff; border-radius:2px; transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s; animation: mousePop 2.5s linear infinite;
    -webkit-animation: mousePop 2.5s linear infinite;}
@-webkit-keyframes mousePop {
    68% {
		height: 4px;
		top: 9px;
	}

	76% {
		height: 8px;
		top: 9px;
	}

	84%,92% {
		height: 4px;
		top: 20px;
		
	}
}

@keyframes mousePop {
     68% {
		height: 4px;
		top: 9px;
	}

	76% {
		height: 8px;
		top: 9px;
	}

	84%,92% {
		height: 4px;
		top: 20px;
		
	}
}
.visual_area .mouseMove strong {font-size:15px; line-height:18px; color:#fff; font-weight:700; position:absolute; width:150px; top:45px; left:50%; margin-left:-75px; text-align:center;}

.content_area {width:1280px; margin:0 auto; padding-bottom:160px;}
.content_area > div {padding-top:190px;}
.content_area h2 {font-size:28px; line-height:40px; font-weight:900; color:#2F3A8C; text-align:center; position:relative; padding-bottom:33px;text-transform:uppercase;}
.content_area h2:after {content:''; width:55px; height:8px; position:absolute; left:50%; margin-left:-27.5px; bottom:0; background:url('../../images/img_text_point.png') no-repeat; }
.content_area .section01 .text_box {margin-top:40px;}
.content_area .section01 .text_box:after{content:''; display:block; clear:both;}
.content_area .section01 .text_box .img {float:right;}
.content_area .section01 .text_box p {font-size:16px; line-height:24px; color:#040404; float:left; width:624px;}
.content_area .section01 .text_box.left .img {float:left;}
.content_area .section01 .text_box.left p {float:right; font-size:15px;}

.content_area .section02 {}
.content_area .section02 .center_text {text-align:center; margin-top:25px; font-size:18px; line-height:24px; color:#000; }
.content_area .section02 .link_sub {padding-top:30px;}
.content_area .section02 .link_sub:after{content:''; display:block; clear:both;}
.content_area .section02 .link_sub li {float:left; box-sizing:border-box; width:632px; padding:0 20px; border:1px solid #EEEEEE; height:215px; padding-top:35px; border-radius:5px; margin-top:15px;}
.content_area .section02 .link_sub li:nth-child(even) {float:right;}
.content_area .section02 .link_sub li h3 {font-size:20px; line-height:26px; color:#040404;}
.content_area .section02 .link_sub li p {font-size:14px; line-height:24px; color:#040404; margin-top:30px;}
.content_area .section02 .link_sub li a {font-size:12px; line-height:18px; color:#ABABAB; display:inline-block; padding-right:38px; background:url('../../images/img_arrow_link.png') right 50% no-repeat; margin-top:35px;}
.content_area .section02 .link_sub li a:hover {color:#2F3A8C;}

.content_area .section03 {}
.content_area .section03 .info_text {margin-top:55px;}
.content_area .section03 .info_text:after{content:''; display:block; clear:both;}
.content_area .section03 .info_text h3 {float:left; width:260px; font-size:24px; line-height:36px; color:#040404; font-weight:700;}
.content_area .section03 .info_text p {float:right; width:calc(100% - 265px); font-size:16px; line-height:26px; color:#040404; font-weight:300;}
.content_area .section03 .about_box {margin-top:95px;}
.content_area .section03 .about_box h3 {font-size:24px; line-height:36px; color:#040404; font-weight:700;}
.content_area .section03 .about_box .logo_box {padding-top:10px;}
.content_area .section03 .about_box .logo_box h4 {font-size:20px; line-height:26px; color:#040404; font-weight:500; margin-top:40px;}
.content_area .section03 .about_box .logo_box ul:after{content:''; display:block; clear:both;}
.content_area .section03 .about_box .logo_box ul li {float:left; width:15%; margin-right:2%; margin-top:18px;}
.content_area .section03 .about_box .logo_box ul li img {width:100%;}
.content_area .section03 .about_box .logo_box ul li:nth-child(6) {margin-right:0;}



.content_area .section03 .employ_box {margin-top:90px;}
.content_area .section03 .employ_box:after{content:''; display:block; clear:both;}
.content_area .section03 .employ_box h3 {font-size:24px; line-height:36px; color:#040404; font-weight:700; float:left; width:165px;}
.content_area .section03 .employ_box .right_box {float:right; width:calc(100% - 165px); }
.content_area .section03 .employ_box .right_box h4 {font-size:20px; line-height:26px; color:#040404; font-weight:500; margin-top:40px;}
.content_area .section03 .employ_box .right_box h4 {font-size:20px; line-height:26px; color:#040404; font-weight:500; margin-top:40px;}
.content_area .section03 .employ_box .right_box .sec01 {}
.content_area .section03 .employ_box .right_box .sec01 h4 {margin-top:0;}
.content_area .section03 .employ_box .right_box .sec01 p {font-size:16px; line-height:26px; color:#040404; font-weight:300; margin-top:10px;}
.content_area .section03 .employ_box .right_box .sec01 p a:hover { text-decoration: underline; }
.content_area .section03 .employ_box .right_box .sec02 .tableSt01 + .tableSt01 {border-top:1px solid #E2E2E2; margin-top:20px;}
.content_area .section03 .employ_box .right_box .sec02 .tableSt01 + .tableSt01 th {border-bottom:1px solid #4f167b;}
.tableSt01 {border-radius:10px; overflow:hidden; margin-top:10px;}
.tableSt01 table {}
.tableSt01 table th {background:#6D1FAB; height:44px; font-size:16px; line-height:20px; color:#fff; font-weight:500;}
.tableSt01 table td {text-align:center; padding:10px; font-size:16px; line-height:24px; color:#000; font-weight:300; border-bottom:1px solid #E2E2E2;}
.tableSt01 table td p {text-align:left; font-size:16px; line-height:24px; color:#000; font-weight:300; letter-spacing:-0.1px;}

.content_area .section03 .employ_box .right_box .sec03 ul {margin-top:20px;} 
.content_area .section03 .employ_box .right_box .sec03 li {font-size:16px; line-height:24px; color:#000; font-weight:300;}

.content_area .section03 .map_box {margin-top:60px;}
.content_area .section03 .map_box h3 {font-size:24px; line-height:36px; color:#040404; font-weight:700;}
.content_area .section03 .map_box .map {width:100%; margin-top:20px;}
.content_area .section03 .map_box .map img {width:100%;}
.content_area .section03 .map_box p {font-size:16px; line-height:24px; color:#040404; font-weight:300; margin-top:28px;}

.footer {background:url('../../images/img_footer.png') center top no-repeat; background-size:cover; height:214px;}
.footer .foot_area {width:1280px; margin:0 auto; text-align:right; padding-top:50px;}
.footer .foot_area .text {font-size:12px; line-height:16px; color:#fff; font-weight:300; margin-top:10px;}
.footer .foot_area .copy {font-size:12px; line-height:16px; color:#fff; font-weight:500; margin-top:10px;}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {/*ipad*/
.content .visual_area .cont_area > p {transform:translate(10%, 50%);}
}
@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) {/*ipad-pro*/
.content .visual_area .cont_area > p {transform:translate(40%, 80%);}

}

@media all and (max-width:1280px) {
	.header  {height:50px;}
	.header:before {height:50px;}
	.header .head h1 {padding-top:18px;}
	.header .head h1 a {display:block; width:53px; height:14px; background:url('../../images/img_logo.png') no-repeat; background-size:53px 14px;  transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s;}
	.header.mode_w .head h1 a {background:url('../../images/img_logo_w.png') no-repeat; background-size:53px 14px;}
	
	.header .head {width:100%; padding:0 20px; box-sizing:border-box;}	
	.header .head .gnb {position:fixed; right:0; top:0; background:#fff; padding:10px; width:300px; box-sizing:border-box; right:-300px; transition:all .5s; -webkit-transition:all .5s; -ms-transition:all .5s; z-index:10; height:100%;}
	.header .head .gnb:after{content:''; display:block; clear:both;}
	.header .head .gnb li {float:none; margin-right:0px;}
	.header .head .gnb a {font-size:18px; line-height:40px; color:#000; font-weight:900; text-transform:uppercase;  transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s;}
	.header .head .gnb li:last-child {margin-right:0;}
	.header .head .m_btn {position:absolute; right:15px; top:15px; display:inline-block; width:23px; height:17px; background:url('../../images/btn_gnb_b.png') no-repeat; transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s; z-index:5;}
	.header.mode_w .head .gnb a {color:#000;}
	.header.mode_w .head .m_btn {background:url('../../images/btn_gnb.png') no-repeat;}

	.open_gnb .header .head .gnb {right:0;}
	.open_gnb:before {content:''; width:100%; height:100%; position:fixed; left:0; top:0; background:#000; opacity:0.8; z-index:9;}


	.content {width:100%; position:relative; z-index:4;}
	.content .visual_area {height:50vh; background:url('../../images/img_visual.jpg') center top no-repeat; background-size:cover; padding-top:112px; box-sizing:border-box; position:relative;}
	.content .visual_area .cont_area {width:100%; margin:0 auto; position:relative;}
	.content .visual_area .cont_area > p {left:15px;  position:absolute; background:url('../../images/img_linebox.png') no-repeat; background-size:auto 130px; padding:40px 0 0px 20px; font-size:15px; line-height:20px; font-weight:300; color:#fff; transition:all 0.5s 0.3s; -webkit-transition:all 0.5s 0.3s; -ms-transition:all 0.5s 0.3s; opacity:0; height:130px; box-sizing:border-box;}
	.content .visual_area.animation .cont_area > p {opacity:1; left:25px;}
	.content .visual_area .cont_area > p strong {display:block; font-size:15px; line-height:20px; font-weight:700;}
	.content .visual_area .mouseMove {display:none;}

	.content_area {width:100%; padding-bottom:60px;}
	.content_area > div {padding:60px 30px 0 30px;}
	.content_area h2 {font-size:20px; line-height:30px; font-weight:900; color:#2F3A8C; text-align:center; position:relative; padding-bottom:17px;text-transform:uppercase;}
	.content_area h2:after {content:''; width:55px; height:8px; position:absolute; left:50%; margin-left:-27.5px; bottom:0; background:url('../../images/img_text_point.png') no-repeat; }
	.content_area .section01 .text_box {margin-top:30px;}
	.content_area .section01 .text_box .img {float:none; width:100%;}
	.content_area .section01 .text_box .img img {width:100%;}
	.content_area .section01 .text_box p {font-size:14px; line-height:18px;  width:100%; margin-top:15px;}
	.content_area .section01 .text_box.left p {font-size:14px; line-height:18px;}

	.content_area .section02 .center_text {margin-top:15px; font-size:14px; line-height:20px;}
	.content_area .section02 .link_sub {padding-top:10px;}
	.content_area .section02 .link_sub li {float:none; width:100%; padding:20px 15px; height:auto;}
	.content_area .section02 .link_sub li:nth-child(even) {float:none; width:100%;}
	.content_area .section02 .link_sub li h3 {font-size:18px; line-height:22px;}
	.content_area .section02 .link_sub li p {font-size:14px; line-height:20px; margin-top:15px;}
	.content_area .section02 .link_sub li a {margin-top:15px;}


	.content_area .section03 .info_text {margin-top:30px;}
	.content_area .section03 .info_text h3 {float:none; font-size:18px; line-height:22px;}
	.content_area .section03 .info_text p {float:none; width:100%; margin-top:15px; font-size:14px; line-height:20px;}

	.content_area .section03 .about_box {margin-top:30px;}
	.content_area .section03 .about_box h3 {float:none; font-size:18px; line-height:22px;}
	.content_area .section03 .about_box .logo_box h4 {font-size:16px; line-height:20px; margin-top:20px;}
	.content_area .section03 .about_box .logo_box ul li {width:23.5%; margin-right:2%; margin-top:10px;}
	.content_area .section03 .about_box .logo_box ul li:nth-child(4) {margin-right:0;}
	.content_area .section03 .about_box .logo_box ul li:nth-child(8) {margin-right:0;}
	.content_area .section03 .about_box .logo_box ul li:nth-child(6) {margin-right:2%;}

	.content_area .section03 .employ_box {margin-top:30px;}
	.content_area .section03 .employ_box h3 {float:none; font-size:18px; line-height:22px;}
	.content_area .section03 .employ_box .right_box {float:none; width:100%; margin-top:15px;}
	.content_area .section03 .employ_box .right_box h4 {font-size:16px; line-height:20px; margin-top:20px;}
	.content_area .section03 .employ_box .right_box .sec01 p {font-size:14px; line-height:20px;}

	.tableSt01 table th {background:#6D1FAB; height:44px; font-size:14px; line-height:20px; color:#fff; font-weight:500; padding:10px 0;}
	.tableSt01 table td {text-align:center; padding:10px; font-size:14px; line-height:20px; color:#000; font-weight:300; }
	.tableSt01 table td p {text-align:left; font-size:14px; line-height:20px; color:#000; font-weight:300; letter-spacing:-0.1px;}

	.content_area .section03 .employ_box .right_box .sec03 ul {margin-top:10px;}
	.content_area .section03 .employ_box .right_box .sec03 li {font-size:14px; line-height:20px;}

	.content_area .section03 .map_box {margin-top:30px;}
	.content_area .section03 .map_box h3 {float:none; font-size:18px; line-height:22px;}
	.content_area .section03 .map_box .map {margin-top:10px;}
	.content_area .section03 .map_box p {font-size:14px; line-height:20px; margin-top:10px;}

	.footer {background:url('../../images/img_footer.png') no-repeat; background-size:cover; height:175px;}
	.footer .foot_area {width:100%; margin:0 auto; text-align:right; padding-top:30px; padding-right:30px;}
	.footer .foot_area:after{content:''; display:block; clear:both;}
	.footer .foot_area .logo img {width:53px;}
	.footer .foot_area .text {font-size:11px; line-height:16px; color:#fff; font-weight:300; margin-top:10px; padding-left:100px;}
	.footer .foot_area .copy {font-size:11px; line-height:16px; color:#fff; font-weight:500; margin-top:10px;}

	#Solution h2{margin-top:30px;}

}

/*solution.html*/
#Solution  h2{font-weight:500; text-transform: none;}	
div.text{color:#000; font-size: 16px; line-height: 24px; color: #040404; font-weight: 300;padding-top: 25px;}
div.text span {text-align: center; display: block; margin:20px 0;}
div.text img{max-width: 100%; height: auto;}


/* policy.html */
/* added by lanian 20221108 */
.dn_btn {display: flex; color: #505968; fill:#505968; -webkit-box-align: center; align-items: center;
	margin-top:30px;
	float:none; width:100%; margin-top:15px; font-size:14px; line-height:20px;
}
.dn_btn .dn_btn_svg {user-select: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    fill: currentcolor;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;}

	/*
		.content_area .section03 .info_text {margin-top:30px;}
	.content_area .section03 .info_text h3 {float:none; font-size:18px; line-height:22px;}
	.content_area .section03 .info_text p {float:none; width:100%; margin-top:15px; font-size:14px; line-height:20px;}
	*/

#policy_set > div > span > img {
	display:block;
	margin-left:auto;
	margin-right:auto;
}

#policy_set > div {
	padding-top:90px;
}

.policy_txt {
	text-align:center;
	margin-top: 25px;
	font-size: 18px;
	line-height:24px;
	color:#000;
}