@charset "utf-8";
body * {font-family:"Noto Sans KR", sans-serif !important}
#intro-wrap {position:relative;overflow:hidden}
#intro-wrap:before {content:"";display:block;position:absolute;left:50%;top:0;background:url(/resources/_Etc/Intro/_Img/20_kor_bg.jpg) no-repeat center top;width:1920px;height:980px;margin-left:-960px}
@media all and (max-width:1399px) {
	#contents .conts-in {margin:0 30px}
}
@media all and (max-width:1199px) {
	#intro-wrap:before {width:1536px;height:784px;margin-left:-768px}
}
@media all and (max-width:769px) {
	#contents .conts-in {margin:0 20px}
}
@media all and (max-width:599px) {
	#intro-wrap:before {width:842px;height:430px;margin-left:-421px}
}
#contents .conts-in {max-width:none}

/* header */
#header {max-width:1400px;padding-top:33px}
#header .logo {position:static;text-align:center;margin-bottom:40px;}
#header .logo a {display: inline-block;position: relative;left:auto;top:auto;}
#header .logo em {display:inline-block;font-style:normal;color:#004854;font-size:24px;margin-left:20px;}
.h-sns-list {position:absolute;right:0;top:36px;font-size:0;overflow:hidden}
.h-sns-list li {display:inline-block;margin-left:4px}
.h-sns-list li a {display:block;position:relative;border-radius:50%;width:46px;height:46px;overflow:hidden}
.h-sns-list li a:before {content:"";display:block;position:absolute;left:0;top:0;bottom:0;right:0;background:url(/resources/_Etc/Intro/_Img/20_kor_spr.png) no-repeat;width:46px;height:46px;margin:auto}
.h-sns-list li.facebook a:before {background-position:0 0}
.h-sns-list li.insta a:before {background-position:-56px 0}
.h-sns-list li.youtube a:before {background-position:-112px 0}
.h-sns-list li.kakao a:before {background-position:-168px 0}
@media all and (max-width:768px) {
	#header {padding-top:25px}
	#header .logo {margin-bottom:30px}
}
@media all and (max-width:499px) {
	#header {padding-bottom:20px}
	#header .h-sns-list {display:none}
}
/* contents */
.sect:after {display:block;content:"";clear:both}

.intro-top-wr {position:relative;text-align:center}
.intro-top-wr:before {content:"";display:block;position:absolute;left:50%;bottom:0;background-color:#f4f4f4;width:2000px;height:500px;margin-left:-1000px;z-index:-1}
.intro-top-wr h2 {margin-bottom:32px;color:#004854;font-size:1.882em;font-weight:300;letter-spacing:-.05em;line-height:1.2}
.intro-top-wr h2 > span {display:inline-block;vertical-align:top;margin-top:-3px}
.intro-top-wr h2 > span > img {max-width:100%}
.intro-top-wr h2 em {display:block;margin-top:4px;font-size:1.5625em;font-weight:700;font-style:normal}
.intro-top-wr .intro-top {position:relative;max-width:1400px;margin:0 auto;padding-bottom:70px}
.intro-top .intro-top-left {max-width:1000px;position:relative;margin:0 auto}
.intro-top .intro-img {position:relative;border-radius: 0 0 75px 0;width:100%;min-height: 400px;margin: 80px 0 50px;/* background:#f1f1f1; */box-shadow:23px 37px 21px 0pxrgba(29, 46, 69, .2);overflow:hidden}
.intro-top .intro-img .slogan {position:absolute;left:50%;top: 10%;width: 50%;text-align: left;color: #040404;font-size:20px;margin-left:-50%;padding:0 30px;box-sizing:border-box}
.intro-top .intro-img .slogan .spc {display:block;color:#ffe045;margin-bottom:20px;font-weight:500;font-size:26px;}
.intro-top .intro-img .slogan .spc img {max-width:100%;}
.intro-top .intro-img .slogan ul {padding: 20px 0 0 20px;}
.intro-top .intro-img .slogan ul li {padding:5px 0;}
.intro-top .intro-img .slogan ul li p {display:inline-block;position:relative;padding-left:12px;}
.intro-top .intro-img .slogan ul li p:before {content:'';position:absolute;left:0;top:14px;width:5px;height:5px;border-radius:50%;background: #000;}
.intro-top .intro-img .slogan .line {position:relative;display:inline-block;z-index:1;}
.intro-top .intro-img .slogan .line:after {content:'';position:absolute;left:0;bottom:3px;width:100%;height:12px;background:#fff;z-index:-1;}
.intro-top .intro-img .slogan .line.aa:after {background:#3cc300;}
.intro-top .intro-img .slogan .line.bb:after {background:#ec521c;}
.intro-top .intro-img .slogan .line.cc:after {background:#ac4ab0;}

.intro-top .intro-img .img {display:block; width:50%;float: right;height: 400px;}
.intro-top .intro-img .img img { display:block;height: 100%;}

.intro-info-wr > ul {position:relative;border-top:2px solid rgba(255, 255, 255, .5);text-align:left}
.intro-info-wr > ul:before {content:"";display:block;position:absolute;left:0;top:-2px;background-color:#0e97e5;width:140px;height:3px}
.intro-info-wr > ul > li {position:relative;border-top:1px solid rgba(255, 255, 255, .2);color:#fff;padding:16px 0 16px 30px;font-size:.941em}
.intro-info-wr > ul > li:first-child {border-top:0}
.intro-info-wr > ul > li:before {content:"";display:block;position:absolute;left:3px;top:22px;background:url(/resources/_Etc/Intro/_Img/20_kor_detailarr.png) no-repeat;width:17px;height:17px}
.intro-info-wr > ul > li .tit {position:relative;display:inline-block;color:#fff}
.intro-info-wr > ul > li .tit:after {content:":";display:inlnie-block;margin:0 4px 0 6px;vertical-align:top}

.intro-top .isns-wr {display:none;position:absolute;left:100%;top:50%;margin-top:-196px}
.isns-wr ul {padding-left:18px}
.isns-wr ul li {margin-bottom:30px;text-align:left}
.isns-wr ul li a {display:block;position:relative;min-height:70px;padding:8px 0 0 92px;color:#333;font-size:1.294em;line-height:1.2;letter-spacing:-.05em;font-weight:700;white-space:nowrap;box-sizing:border-box}
.isns-wr a > span {display:block}
.isns-wr .ico {position:absolute;left:0;top:0;width:70px;height:70px}
.isns-wr .ico:before {content:"";position:absolute;left:5px;top:5px;background-color:rgba(0, 0, 0, .08);border-radius:20px 0 20px 0;width:100%;height:100%}
.isns-wr .ico span {display:block;position:relative;background-color:#fff;border-radius:20px 0 20px 0;width:100%;height:100%}
.isns-wr .ico span:before {content:"";display:block;position:absolute;left:0;top:0;bottom:0;right:0;background:url(/resources/_Etc/Intro/_Img/20_kor_spr.png) no-repeat;width:36px;height:33px;margin:auto}
.isns-wr .ico01 span:before {background-position:0 -56px}
.isns-wr .ico02 span:before {background-position:-46px -56px}
.isns-wr .ico03 span:before {background-position:-92px -56px}
.isns-wr a:hover .ico span:before,
.isns-wr a:focus .ico span:before {animation:buzz .75s linear 1}
.isns-wr a em {color:#1a3759;font-size:.818em;font-weight:500;letter-spacing:0;line-height:1.2;font-family:"univia-pro", sans-serif;font-style:normal}
.isns-wr a em > span {display:inline-block;color:#c21a20}
.ilink-list {position:relative;margin:14px 0 0}
.ilink-list li {float:left;width:50%}
.ilink-list li a {display:block;position:relative;background-color:#ff7e45;max-height:80px;padding:22px 33px;color:#fff;font-size:1.294em;box-sizing:border-box}
.ilink-list li a:hover,
.ilink-list li a:focus {box-shadow:8px 13px 15px 0px rgba(29, 46, 69, .15)}
.ilink-list li.spc a {text-align:left}
.ilink-list li:first-child a {background-color:#6e3cc8;color:#f6ec4d;text-align:left}
.ilink-list li.spc a:before,
.ilink-list li.spc a:after,
.ilink-list li:first-child a:before,
.ilink-list li.spc a:after,
.ilink-list li:first-child a:after {content:"";position:absolute;top:50%;background-color:#f6ec4d;width:3px;height:14px;margin-top:-4px;transition:all .3s ease}
.ilink-list li.spc a:before,
.ilink-list li:first-child a:before {right:27px;transform:rotate(135deg);margin-top:-12px}
.ilink-list li.spc a:after,
.ilink-list li:first-child a:after {right:27px;transform:rotate(-135deg)}
.ilink-list li a span {display:inline-block}
.ilink-list li a:hover span,
.ilink-list li a:focus span {text-decoration:underline}

@media all and (max-width:1199px) {
	.intro-top .isns-wr {margin-top:-183px}
	.isns-wr ul li {margin-bottom:15px}
	.isns-wr ul li a {padding-left:75px;font-size:1.1em;white-space:normal}
	.isns-wr .ico {width:60px;height:60px}
}
@media all and (max-width:999px) {
	.intro-top .intro-top-left {float:none;width:auto;height: 100%;}
 	.isns-wr ul li a {font-size:0}
}
@media all and (max-width:768px) {
	.intro-top-wr {padding-bottom:10px}
	.intro-top-wr .intro-top {padding-bottom: 0px;}
	.intro-top-wr h2 {margin-bottom:15px;font-size:1.3em}
	.intro-top-wr h2 > span {width:121px;}
	.intro-top .intro-img {border-radius: 0;height: 100%;margin: 0;min-height: 450px;}
	.intro-top .isns-wr {position:static;left:auto;top:auto;margin-top:0}
	.intro-info-wr > ul > li {padding:11px 0 11px 25px}
	.intro-info-wr > ul > li:before {top:16px}
	.intro-top .intro-img .slogan {font-size:16px;top: 55%;width: 100%;display: inline-block;position: absolute;float: left;}
	.intro-top .intro-img .slogan ul {padding: 0;}
	.intro-top .intro-img .slogan ul li {padding-left:10px;}
	.intro-top .intro-img .slogan ul li p:before {width:4px;height:4px;top:12px;}
	.intro-top .intro-img .img {width: 100%;position: absolute;display: inline-block;float: center;height: 230px;margin: 0 auto;left: 0;border-radius: 0 0 75px 0;overflow: hidden;}
	.intro-top .intro-img .img img {width: 100%;}

	.ilink-list {margin:15px 0}
	.ilink-list li a {padding:12px 23px;font-size:1.1em}

	.intro-top .isns-wr {margin-bottom:10px}
	.isns-wr ul {display:inline-block;text-align:center}
	.isns-wr ul li {display:inline-block;margin-bottom:0}
}
@media all and (max-width:599px) {
	.intro-top-wr h2 > span {width:113px;}
	.intro-top-wr h2 em {font-size:1.2em}
	.ilink-list li.spc a,
	.ilink-list li:first-child a {text-align:center}
	.ilink-list li.spc a:before,
	.ilink-list li.spc a:after,
	.ilink-list li:first-child a:before,
	.ilink-list li:first-child a:after {display:none}
}

/* footer */
#footer {background-color:#29323e;max-width:none;margin:0;padding:30px 0 50px;text-align:left}
.footer-wr {position:relative;max-width:1400px;margin:0 auto;padding-left:250px;box-sizing:border-box}
.footer-wr .f-logo {position:absolute;left:0;top:0}
.footer-wr .finfo-sec {margin-bottom:7px;padding-top:28px;color:rgba(255, 255, 255, .8);font-size:16px;line-height:1.375;letter-spacing:0;word-break:keep-all}
.footer-wr .finfo-sec .cs-info {margin-left:43px}
.footer-wr .finfo-sec .cs-info li:after {content:"";background-color:rgba(220, 220, 220, .2);width:1px;height:11px;margin:7px 15px 0 19px;vertical-align:top}
.footer-wr .copyright {color:rgba(255, 255, 255, .3);font-size:15px;font-weight:300;letter-spacing:0}

@media all and (max-width:999px) {
	#footer {padding:25px 20px 50px}
	.footer-wr {padding-left:0;text-align:center}
	.footer-wr .f-logo {position:static;left:auto;top:auto}
	.footer-wr .finfo-sec {font-size:15px}
	.footer-wr .copyright {font-size:14px}
	.footer-wr .finfo-sec .cs-info {margin:5px 0 0}
}
@media all and (max-width:699px) {
	.footer-wr .f-logo img {width:120px}
	.footer-wr .finfo-sec {padding-top:15px;font-size:14px}
	.footer-wr .copyright {font-size:13px}
}
@media all and (max-width:379px) {
	.finfo-sec .cs-info li {display:block}
	.footer-wr .finfo-sec .cs-info li:after {display:none}
}


/* 아이콘 애니메이션  */
@keyframes buzz {
	10%, 30% {transform: translateX(3px) rotate(2deg)}
	20%, 40% {transform: translateX(-3px) rotate(-2deg)}
	50%, 70% {transform: translateX(2px) rotate(1deg)}
	60%, 80% {transform: translateX(-2px) rotate(-1deg)}
	90% {transform: translateX(1px) rotate(0)}
	100% {transform: translateX(-1px) rotate(0)}
}