@charset "utf-8";
#wrap {position:relative;z-index:999;width: 100%;height:900px;background:url('../images/intro3-bg.jpg') no-repeat center top;}
.d_width {position:relative;width:1460px;height:100%;margin:0 auto;}

.intro-left-bg {position: absolute;top: 215px;left: 120px;}
.intro-left-bg img {width:85%;}
.intro-right-bg {position: absolute;top: 565px;right: -150px;}
.intro-right-bg img {width:85%;}

.userR {position: absolute;top:20px; right: -7px;}
.userR ul {display:inline-block;}
.userR ul li{float:left;margin-right:7px;}
.userR ul li img {width: 50px;}

.intro-txt-wrap {padding-top: 120px;text-align:center;}
.intro-txt01 {font-size:28px;line-height:28px;letter-spacing:-1.5px;font-weight:bold;color:#724041;margin-bottom:25px;}
.intro-txt02 {font-size:44px;line-height:1.2em;letter-spacing:-3px;font-weight:bold;color:#132da3;}

.intro-c-link-wrap {margin: 50px auto 55px auto;display: flex;width: 1182px;}
.intro-c-link {width: 250px;height: 250px;border-radius: 50%;margin-right: -17px;box-sizing: border-box;text-align: center;padding-top: 65px;}
.intro-c-link01 {background:#be43ff;}
.intro-c-link02 {background: #8355ff url('../images/intro3-c-link02.png') no-repeat 0% 50%;}
.intro-c-link03 {padding-top: 47px;background: #5568ff url('../images/intro3-c-link03.png') no-repeat 0% 50%;}
.intro-c-link04 {background: #537cff url('../images/intro3-c-link04.png') no-repeat 0% 50%;}
.intro-c-link05 {background: #475b9b url('../images/intro3-c-link05.png') no-repeat 0% 50%;}

.intro-c-link-tit {font-size: 27px;line-height: 1.2;color: #fff;font-weight: bold;letter-spacing:-1.5px;}
.intro-c-link-btn {margin: 20px auto 0 auto;width: 130px;height: 42px;line-height: 40.5px;border: 2px solid rgba(255,255,255,.3);border-radius: 23px;font-size: 17px;letter-spacing:-0.5px;font-weight: 500;color: #fff;transition:.2s;}
.intro-c-link:hover .intro-c-link-btn {transition:.2s;background:#fff;border-color:#fff;}
.intro-c-link01:hover .intro-c-link-btn {color:#be43ff;}
.intro-c-link02:hover .intro-c-link-btn {color:#8355ff;}
.intro-c-link03:hover .intro-c-link-btn {color:#5568ff;}
.intro-c-link04:hover .intro-c-link-btn {color:#537cff;}
.intro-c-link05:hover .intro-c-link-btn {color:#475b9b;}

.intro-r-link-wrap {display: flex;margin-left: -10px;}
.intro-r-link {position: relative;overflow: hidden;width: 350px;height: 165px;box-sizing: border-box;margin: 0 10px;border-radius: 24px;text-align: center;box-shadow: 0px 10px 15px rgba(0,0,0,.2);}
.intro-r-link01 {background: linear-gradient(180deg, #fff 114px,#537cff 114px);}
.intro-r-link02 {background: linear-gradient(180deg, #fff 114px,#539eff 114px);}
.intro-r-link03 {background: linear-gradient(180deg, #fff 114px,#3ac7ff 114px);}
.intro-r-link04 {background: linear-gradient(180deg, #fff 114px,#12e6ff 114px);}
.intro-r-link-tit {font-size: 27px;line-height: 114px;color: #2e2e2e;letter-spacing: -2px;}
.intro-r-link-btn {position: absolute;bottom: 0px;width: 100%;color: #fff;line-height: 52px;font-family: 'Nanum Square';font-size: 18px;letter-spacing:-0.5px;font-weight: bold;}
.intro-r-link:hover .intro-r-link-btn {color: #f9fd9c;}

#banner { POSITION: relative; MARGIN: 0px; WIDTH: 90%;CLEAR: both;background:#fff;padding:0 5%;}
#banner H3 {PADDING-BOTTOM: 0px; PADDING-LEFT: 15px; PADDING-RIGHT: 0px; FLOAT: left; PADDING-TOP: 0px;}
#banner .list {MARGIN: 0px 0px 0px 0px; WIDTH: 100%; DISPLAY: inline; FLOAT: left;}
#banner .list #rolling {	POSITION: relative; WIDTH: 100%; HEIGHT: 66px; OVERFLOW: hidden;padding:25px 0;}
#banner .list #rolling SPAN {	PADDING: 0px;}
#banner .list #rolling SPAN IMG {DISPLAY: inline-block; padding:0 30px;}

.footer_box{clear:both;  background:#fff; width:100%;padding:45px 0 50px 0;position: relative;text-align: center;}
.footer-logo {margin-bottom:20px;}
.copy_add_box {margin: 0 auto;position: relative;}
.copy_add {display: inline-block;position: relative;}
.copy_add li {float:left; padding:0 15px 0 0;font-family: 'Nanum Square';font-size: 15px;letter-spacing: -0.5px;line-height:23px;color: #858585;}
.copy_add li.last {padding-right:0px;}
.copyright{clear: both;text-align: center;font-family: 'Nanum Square';font-size: 15px;letter-spacing: -0.5px;color: #3b3b3b;}


@media all and (max-width:1440px) {
.d_width {width:100%;}

.userR {right:10px;}
.userR ul li {margin-right: 8px;}

.intro-r-link-wrap {display:inline-block;margin-left: 1%;width: 98%;}
.intro-r-link {float:left;width:24%;margin:0 0.5%;}
}

@media all and (max-width:1095px) {

.userR {top: 20px;}
.userR ul li img {width: 45px;}

.intro-txt-wrap {padding-top: 90px;}
.intro-txt01 {font-size: 30px;line-height: 30px;letter-spacing: -1.5px;margin-bottom: 22px;}
.intro-txt02 {font-size: 40px;letter-spacing: -2.5px;}

.intro-c-link-wrap {margin: 40px auto 35px auto;width: 920px;}
.intro-c-link {width: 200px;height: 200px;padding-top: 50px;margin-right: -20px;}
.intro-c-link03 {padding-top:37px;}
.intro-c-link-tit, .intro-c-link-tit span {font-size: 21px;letter-spacing: -1px;}
.intro-c-link-btn {width: 120px;height: 36px;line-height: 35.5px;font-size: 16px;margin: 15px auto 0 auto;}

.intro-r-link-wrap {margin-left: 2%;width: 96%;}
.intro-r-link {width:48%;margin:1%;height: 150px;}
.intro-r-link-tit {font-size: 22px;letter-spacing: -1px;line-height: 95px;}
.intro-r-link01 {background: linear-gradient(180deg, #fff 95px,#537cff 95px);}
.intro-r-link02 {background: linear-gradient(180deg, #fff 95px,#539eff 95px);}
.intro-r-link03 {background: linear-gradient(180deg, #fff 95px,#3ac7ff 95px);}
.intro-r-link04 {background: linear-gradient(180deg, #fff 95px,#12e6ff 95px);}
.intro-r-link-btn {line-height: 54px;font-size: 17px;}

.footer_box {padding: 40px 0 50px 0;}
}


@media all and (max-width:920px) {
#wrap {height:auto;	background: none; }
#wrap > .d_width  {height:auto;background: linear-gradient(135deg, #94afda 0%,#b9cbe6 7%,#e1e3f4 50%,#a2c1e2 93%,#88b1d9 100%); 	}

.intro-left-bg, .intro-right-bg {display:none;}

.userR ul li img {width:40px;}

.intro-txt-wrap {padding-top: 85px;}

.intro-txt01 {font-size: 22px;line-height: 22px;letter-spacing: -1px;margin-bottom: 15px;}
.intro-txt02 {font-size: 28px;line-height: 1.2em;letter-spacing: -1.8px;}

.intro-c-link-wrap {width: 200px;display: block;margin: 50px auto 30px auto;}
.intro-c-link {margin-top: -17px;width: 200px;height: 200px;padding-top: 55px;}
.intro-c-link02 {background: #8355ff url('../images/intro3-c-link02-m.png') no-repeat 50% 0%;}
.intro-c-link03 {padding-top: 37px;background: #5568ff url('../images/intro3-c-link03-m.png') no-repeat 50% 0%;}
.intro-c-link04 {background: #537cff url('../images/intro3-c-link04-m.png') no-repeat 50% 0%;}
.intro-c-link05 {background: #475b9b url('../images/intro3-c-link05-m.png') no-repeat 50% 0%;}
.intro-c-link-tit, .intro-c-link-tit span {font-size: 20px;}
.intro-c-link-btn {width: 100px;height: 31px;line-height: 30.5px;font-size: 15px;border: 1px solid rgba(255,255,255,.3);}

.intro-r-link-wrap {margin-left: 6%;width: 88%;margin-bottom: 30px;}
.intro-r-link {width: 100%;margin: 5px 0;height: 100px;box-shadow: 0px 5px 10px rgba(0,0,0,.1);}
.intro-r-link01 {background: linear-gradient(180deg, #fff 60px,#537cff 60px);}
.intro-r-link02 {background: linear-gradient(180deg, #fff 60px,#539eff 60px);}
.intro-r-link03 {background: linear-gradient(180deg, #fff 60px,#3ac7ff 60px);}
.intro-r-link04 {background: linear-gradient(180deg, #fff 60px,#12e6ff 60px);}
.intro-r-link-tit {font-size: 17px;letter-spacing: -0.5px;line-height: 62px;}
.intro-r-link-btn {font-size: 15px;line-height: 40px;}

#banner .list #rolling {padding: 15px 0;}

.mob_br {display:block;}
.footer_box {height:auto;padding:35px 0 45px 0;}
.footer-logo img {width:200px;}
}

@media all and (max-width:420px) {
.copy_add li, .copyright {letter-spacing: -1px;font-size: 14px;}
}