#wrap {position:relative; width:100%; height:100%; overflow:hidden;}

/*상단*/
#header {position:absolute; left:0; top:0; width:100%; height:100px; background:#fff; z-index:999;}
#header .wrap {position:relative; max-width:1580px; margin:0 auto; height:104px;}
#header .wrap h1 {position:absolute; left:0; top:19px;}
#header .wrap h1 img {height:70px;}
#header .wrap .top {position:absolute; right:0; top:10px;}
#header .wrap .top ul {overflow:hidden;}
#header .wrap .top ul li {float:left; padding:4px 0;}
#header .wrap .top ul li a.login {background:url("../images/common/ico_login.png") no-repeat 0 50%; padding-left:22px; border-left:0;}
#header .wrap .top ul li a.logout {background:url("../images/common/ico_logout.png") no-repeat 0 50%; padding-left:22px; border-left:0;}
#header .wrap .top ul li a.join {background:url("../images/common/ico_join.png") no-repeat 0 50%; padding-left:17px; border-left:0; margin-left:15px;}
#header .wrap .top ul li a {color:#333; padding:4px 12px;}
#header .wrap .top ul li:first-child a {border-left:0;}

/*메뉴*/
.gnb{position:absolute; top:35px; right:15%; z-index:1000;}
.gnb .oneD{display:block; height:70px; float:left; text-align:center; font-size:24px;font-weight:800; color:#333; line-height:125%; text-decoration:none; padding:0 40px; font-family: 'NanumSquare', sans-serif;}
.gnb .oneD:hover {opacity: 0.7;}
.gnb .twoD{display:none;position:absolute; top:70px; height:200px; padding:15px 0 20px 40px; z-index:100;}
.gnb .twoD.one{left:0; width:250px;}
.gnb .twoD.two{left:250px; width:250px;}
.gnb .twoD.thr{left:450px; width:250px;}
.gnb .twoD.fou{left:630px; width:250px;}
.gnb .twoD.fiv{left:860px; width:250px;}
.gnb .twoD a{display:block; margin-top:15px; font-size:18px; text-decoration:none; color:#222; font-weight:400; line-height:19px; letter-spacing:-0.5px;}
.gnb .twoD.on a.on{color:#0c4c8c;}
#header .twoDbg{display:none; position:absolute; top:100px; left:0; width:100%; height:250px; margin:auto; border-top:1px solid #d9d9d9; background:#fff; z-index:900}
#header .twoDbg > div {position:relative; width:1580px; margin:0 auto; height:100%;}
#header .twoDbg .bg1 {position:absolute;width:253px;height:112px;left:0;top:0; background:url("../images/common/gnbBg_top.gif") no-repeat 0 0;}
#header .twoDbg .bg2 {position:absolute;width:233px;height:103px;right:0;bottom:0; background:url("../images/common/gnbBg_bottom.gif") no-repeat 0 0;}
#header .twoDbg .info {position:absolute; top:70px; left:0; font-size:16px; line-height:30px; color:#222; font-weight:600;}

/*검색*/
.top-search {position:absolute; top:26px; right:0px; z-index:1000;}
.top-search .open-sc {top:53px;right:0;display: none; position: absolute; z-index:9999;}
.top-search .open-sc.open {display: block;}
.top-search .open-sc {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #ffffff;
    width:250px;
}
.search-btn {width:53px; height: 53px; float: right; text-indent: -9999px; background:url("../images/common/search_icon.png") 50% 50% no-repeat; border: 1px solid #636363;transition:.3s;}
.search-btn:hover {background:url("../images/common/search_icon_over.png") 50% 50% no-repeat #1428a0; border: 1px solid #636363;}
.search-btn.on {width:53px; height: 53px; float: right; text-indent: -9999px; background:url("../images/common/search_close.png") 50% 50% no-repeat #1428a0; border: 1px solid #636363;}


/*모바일메뉴*/
.mobileMenu {position:absolute; top:20px; right:30px}
.mobileMenu img {width:50px;}
#gnbM {display:none; position:fixed; top:0; right:-300px; width:300px; background:#fff; z-index:1000}
#gnbM .mUtil {padding:0 20px; height:60px; line-height:60px; background:#0c4c8c; font-size:18px; letter-spacing:-1px}
#gnbM .mUtil a {color:#fff; text-decoration:none;}
#gnbM .mUtil span {margin:0 6px; color:#817ab7}
#gnbM .mobileMenuXbt {position:absolute; top:20px; right:20px;}
#gnbM .mobileMenuXbt img {width:18px}
#gnbM .gnbDiv a {display:block; text-decoration:none;}
#gnbM .gnbDiv > a img {height:16px; width:auto;}
#gnbM .gnbDiv .one {padding:14px 20px 10px; font-size:17px; color:#333; border-bottom:1px solid #d9d9d9; font-weight:normal; background-size:18px 18px;}
#gnbM .gnbDiv .one.on {color:#135dbc; border-bottom:1px solid #998e7b; background-size:18px 18px;}
#gnbM .gnbDiv .two {padding:15px 20px; border-bottom:1px solid #d9d9d9;background:#f5f1f1;}
#gnbM .gnbDiv .two .twoD {font-size:15px; color:#555; padding:10px 7px; border-bottom:1px solid #d9d9d9;}
#gnbM .gnbDiv .two .thr {padding:15px 15px 5px; border-bottom:1px solid #d9d9d9; background:#f7f7f7}
#gnbM .gnbDiv .two .thr .thrD {font-size:13px; color:#777; margin-bottom:10px}
.dimdBg {display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:999;}

@media only screen and (max-width:1580px) {
	#header .wrap h1 {left:25px;}
	#header .gnb {right:15%;}
	#header .top-search {right:25px;}
}
@media (min-width:991px) and (max-width:1199px) {
	#header .wrap h1 {left:25px;}
	#header .gnb {right:15%;}
	#header .top-search {right:25px;}
}
@media only screen and (min-width:1580px) {
	#wrap {min-width:1580px;}
	#header {min-width:1580px;}
	#footer {min-width:1580px;}	
}
@media only screen and (max-width:1400px) {
	#header .gnb {right:15%;}
	.gnb .oneD{font-size:20px;padding: 0 30px;}
	.gnb .twoD.one{left:0; width:200px;}
	.gnb .twoD.two{left:190px; width:200px;}
	.gnb .twoD.thr{left:350px; width:180px;}
	.gnb .twoD.fou{left:495px; width:200px;}
	.gnb .twoD.fiv{left:675px; width:200px;}
	.gnb .twoD a{font-size:16px;}
}
@media (min-width: 992px) and (max-width: 1199px) {	
	#header .wrap {width:100%;}
}
@media only screen and (min-width: 992px) {
	.mobile {display:none;}
	.mobileMenu {display:none;}
}
@media only screen and (max-width:1190px) {
	.pc {display:none;}
	.gnb {display:none;}
	#header .top-search {display:none;}
	#header {height:60px;}
	#header .wrap {width:100%; height:60px;}	
	#header .wrap h1 {top:13px; left:20px;}
	#header .wrap h1 img {height:35px; width:auto;}
	#header .wrap .logo2 {top:13px; left:135px; height:35px; width:auto;}
	#header .wrap .top {display:none;}
	.mobileMenu{display:block; position:absolute; top:20px; right:20px}
	.mobileMenu img {width:22px; height:auto;}
	#gnbM{display:block}
	#mobileSub{display:block}
	#footer .fnb {height:auto;}
	#footer .fnb ul {padding:10px 0;}
	#footer .fnb ul li {padding:3px 0;}
	#footer .fnb ul li a {font-size:13px; padding:0 10px;}
	#footer .bottom_logo {display:none;}
	#footer .copyright {text-align:center; padding:20px 15px; font-size:12px;}
}
@media only screen and (max-width:767px) {
	#header .wrap h1 {top:13px; left:15px;}
	.mobileMenu {right:15px;}
	.snb {height:35px;}
	.snb p {font-size:14px; padding-top:3px;}
	.snb a {display:none;}
}

/*비주얼*/
#visual  {position: relative; width:100%; height:850px; overflow:hidden; padding-top:100px; background-image: url("../images/main/visual_img.jpg"); background-attachment: fixed; background-position: 50% bottom; background-size: cover; background-repeat: no-repeat;}
#visual article { background-size:cover !important; }
#visua .visu01 { background:url("/img/main/mainVisual01.jpg") no-repeat center top; text-align:center;}
#visual h2.slogan {text-align:center;padding-top:175px;}
#visual h2.slogan p.slogan1 {padding-bottom:15px;}
#visual h2.slogan p.slogan1 span.slogan1-1, #visual h2.slogan p.slogan1 span.slogan1-2 {display:block;font-size:83px; color:#fff; font-family: 'NanumSquare', sans-serif; font-weight:800; line-height:86px;}
#visual h2.slogan{
opacity: 1;
-webkit-animation-duration: 0.6s;
animation-name:slogan1;
animation-duration: 0.6s;
}
@-webkit-keyframes slogan1 {
from { margin-top:-40px; opacity: 0}
to { opacity: 1; margin-top:0; }
}
@keyframes slogan1 {
from { margin-top:-40px; opacity: 0}
to { opacity: 1; margin-top:0; }
}

#visual h2.slogan span {font-size:19px; color:#fff; font-family:'NanumGothic', sans-serif; font-weight:400;}
#visual .s-btn {position: relative; width:250px; margin: 40px auto 0 auto;}
#visual .s-btn a {width:100%; display: inline-block; padding: 19px 97px 19px 30px; border:2px solid #fff; font-size:18px; font-weight:400; line-height:1; color: #fff; background:url("../images/common/btn_icon.png") no-repeat right 30px top 50%;}
#visual .s-btn a:hover {color: #000; background:url("../images/common/btn_icon_black.png") no-repeat right 30px top 50% #fff;}
#visual .scroll {content: ''; position: absolute; bottom: 0; left: 50%; margin-left: -1px; width: 2px; height: 50px; background: #fff;}

@media (max-width:1190px){
	#visual {height:500px; padding-top:120px;}
	#visual h2.slogan {padding-top:45px;}
	#visual h2.slogan p.slogan1 span.slogan1-1, #visual h2.slogan p.slogan1 span.slogan1-2 {font-size:53px;line-height:56px;}
	#visual h2.slogan span {font-size:16px}
	#visual .s-btn {width:200px; margin: 40px auto 0 auto;}
	#visual .s-btn a {width:100%; padding: 15px 97px 15px 20px; font-size:14px;}
	#visual .scroll {height:30px;}
}
@media (max-width:990px){
	#visual {height:400px; padding-top:80px; background-attachment: unset;}
	#visual .s-btn {margin:20px auto 0 auto;}
	#visual .scroll {display:none;}
}

@media (max-width:590px){
	#visual h2.slogan p.slogan1 span.slogan1-1, #visual h2.slogan p.slogan1 span.slogan1-2 {font-size:42px;line-height:46px;}
	#visual h2.slogan p.slogan1 {padding-bottom:0;}
	#visual h2.slogan span {font-size:14px}
	#visual .s-btn {width:160px; margin: 20px auto 0 auto;}
	#visual .s-btn a {width:100%; padding: 10px 60px 10px 20px; font-size:13px;}
	
}
@media (max-width:320px){
	#visual h2.slogan p.slogan1 span.slogan1-1, #visual h2.slogan p.slogan1 span.slogan1-2 {font-size:32px;line-height:34px;}
	#visual {height:280px; padding-top:40px;}
}


/*서브-비주얼-네비게이션*/
.sv {width:100%; height:350px; text-align:center; background-image: url("../images/main/visual_img.jpg"); background-attachment: fixed; background-position: 50% bottom; background-size: cover; background-repeat: no-repeat;}
.sv .sv_tit {font-size:52px; color:#fff; letter-spacing:0; padding-top:80px;text-transform:uppercase;font-family: 'NanumSquare', sans-serif; font-weight: 800;}
.sv .sv_slogan {font-size:24px; font-weight:300; color:#fff; letter-spacing:0px;font-family:'NanumGothic', sans-serif;}

.lnb {margin-top:104px;position:relative; width:100%; height:60px; z-index:1;}
.lnb:after {content: ""; display: block; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 60px; background: rgba(34,34,34,0.4);}
.lnb .lnb_map {max-width:1580px; margin:0 auto; height:60px;}
.lnb .lnb_map li {float:left; width:446px; text-align:left;}
.lnb .lnb_map li a {width:100%; height:100%; display:block;}
.lnb .lnb_map li a:hover {display:inline-block;color:#fff;}
.lnb .lnb_map li.home {display:block; width:60px; height:60px; background: rgba(0,0,0,0.3) url("../images/common/homeBt_icon.png") no-repeat center;}
.lnb .lnb_map li.depth {position:relative;}
.lnb .lnb_map li.depth a {z-index:1; display:block; width:100%; height:100%;}
.lnb .lnb_map li.depth ul {display:none; position:absolute;left:0;top:60px;margin:0;padding:0;width:100%;z-index:1;}
.lnb .lnb_map li.depth ul li {width:100%; float:none;background-color: #034874;}
.lnb .lnb_map li.depth ul li a {display:block; padding:5px 30px;font-size:16px;color: #89a7ba;}
.lnb .lnb_map li.depth ul li a:hover {color:#fff;}
.lnb .lnb_map li.depth ul li:first-child a {padding-top:20px;}
.lnb .lnb_map li.depth ul li:last-child a {padding-bottom:20px;}
.lnb .lnb_map li.depth ul li a.active {background-color: #034874; color:#fff;}
.lnb .lnb_map li.depth * {vertical-align:top;}
.lnb .lnb_map li.depth a span {float:left; width:100%; font-size:18px; color:#787878; height:60px; line-height:60px; padding: 0 30px; border-right: 1px solid rgba(255,255,255,0.15); color: rgba(255,255,255,0.8); background: url("../images/common/lnb_icon.png") no-repeat right 25px center;}
.lnb .lnb_map li.depth a.menu_active span {color:#fff !important; background:#043f66 url("../images/common/lnb_icon_on.png") no-repeat right 25px center !important;}

@media only screen and (max-width:1190px) {
	.lnb {margin-top:60px;}
}
@media only screen and (max-width:950px) {
	.lnb .lnb_map li {width:45%;}
}
@media only screen and (max-width:600px) {
	.lnb .lnb_map li {width:43%;}
	.lnb .lnb_map li.depth a span {font-size:16px; padding: 0 0 0 15px; background: url("../images/common/lnb_icon.png") no-repeat right 15px center;}
}
@media only screen and (max-width:450px) {
	.sv {min-height:230px; height:100%; background-attachment: unset;}
	.sv .wrap {padding:60px 20px 0 20px;}
	.lnb {display:none;}
	.sv .sv_tit {font-size:38px; line-height:46px; padding-top:40px;}
	.sv .sv_slogan {font-size:18px}
}

/*내용*/
#contents {position:relative; width:100%; overflow:hidden}
#contents .contents {position:relative; max-width:1580px; margin:0 auto; padding:30px 0 100px 0;}
#contents .sub-title {padding-top:50px;}
#contents .sub-title h3 {font-size: 50px; color: #222; font-weight: bold; margin-top:30px; text-align: center;}

#contents .main-con1, #contents .main-con2, #contents .main-con3 {width:100%; position: relative;}

@media (max-width:1580px) {
	#contents .contents {width:100%;padding:30px 20px 50px 20px;}
}
@media (max-width: 991px) {
	#contents .sub-title h3 {margin-top:0;}
}
@media (max-width: 768px) {	
	#contents .contents {padding:30px 20px 50px 20px;}
}
@media (max-width: 480px) {
	#contents .sub-title {padding:40px 20px 0 20px;}
	#contents .sub-title h3 {font-size:36px; line-height:38px; margin-top:0px;}
}
@media (max-width: 320px) {
	#contents .sub-title h3 {font-size:34px; line-height:38px;}
}

/*리서치-웰컴*/
.main-con1 {padding:150px 0 110px 0}
.main-con1 .wrap {position: relative; width: 1580px; margin:90px auto; height: 500px;}
.main-con1 .wrap .txtimg1 {position:absolute; top:-74px; left:50%;
-webkit-animation-duration:3s;
animation-name:moving-txtbg1;
animation-duration:3s;
}
@-webkit-keyframes moving-txtbg1 {
	from {margin-left:100%;}
	to {margin-left:0%;}
}
@keyframes moving-txtbg1 {
	from {margin-left:100%;}
	to {margin-left:0%;}
}
.main-con1 .wrap .txtimg2 {position:absolute; bottom:-130px; right:80%;
-webkit-animation-duration:3s;
animation-name:moving-txtbg2;
animation-duration:3s;
}
@-webkit-keyframes moving-txtbg2 {
	from {margin-right:100%;}
	to {margin-right:0%;}
}
@keyframes moving-txtbg2 {
	from {margin-right:100%;}
	to {margin-right:0%;}
}

.main-con1 .research-area {position: relative; width:887px; height: 484px; background:#000; overflow:hidden; text-align:center;}

.main-con1 .welcome-area{position: absolute; right: 0; bottom: 0; width: 740px; height: 384px; border: 20px solid #fff; border-bottom: 0; border-right: 0; background: #1166b2; text-align: left;}
.main-con1 .welcome-area .wc-inner {position: relative; display:block; box-sizing: border-box; padding:50px 60px; height: 100%; width:100%; background:#fff; border:1px solid #1166b2;}
.main-con1 .welcome-area h3 {font-size:48px; line-height:52px;color:#0c4c8c; font-weight:800; letter-spacing: -1px;font-family: 'NanumSquare', sans-serif; margin-bottom:15px;}
.main-con1 .welcome-area p.wc-txt {word-break: keep-all; font-size:20px; color:#222; line-height:28px;}
.main-con1 .welcome-area a.more-view {float:right; margin-top:20px; display:inline-block; letter-spacing: 1px; padding:18px 75px 18px 25px; font-size:14px; font-weight:500; line-height:1; color: #fff; background:url("../images/common/more_arrow.gif") no-repeat right 30px top 50% #0c4c8c;}
.main-con1 .welcome-area a.more-view:hover {background:url("../images/common/more_arrow.gif") no-repeat right 30px top 50% #1065b9;}

@media (max-width:1580px){
	.main-con1 .wrap {width:100%; height: auto;}
	.main-con1 .research-area {left:3%; width:800px;}
	.main-con1 .welcome-area{width:700px; right:3%;}	
	.main-con1 .wrap .txtimg1 img {width:800px;}
	.main-con1 .wrap .txtimg2 img {width:400px;}
}
@media (max-width:1470px){
	.main-con1 {padding:0;}
	.main-con1 .wrap {padding-top:0;}
	.main-con1 .research-area {width:750px;}
	.main-con1 .welcome-area{width:650px;}
}
@media (max-width:1350px){
	.main-con1 .wrap {margin:0;}
	.main-con1 .research-area {left:0; width:100%; height:auto; background:#fff; padding:20px 20px 0 20px;}
	.main-con1 .welcome-area{position: relative; width:100%; right:0; border: 20px solid #fff; border-bottom: 20px solid #fff; border-right: 20px solid #fff;}	
	.main-con1 .wrap .txtimg1 {display:none;}
	.main-con1 .wrap .txtimg2 {display:none;}
}
@media (max-width:740px){
	.main-con1 .welcome-area {height:auto; overflow:hidden;}
	.main-con1 .welcome-area .wc-inner {padding:30px 40px; height:100%; overflow:hidden;}
	.main-con1 .welcome-area h3 {font-size:40px; line-height:46px;margin-bottom:15px;}
	.main-con1 .welcome-area p.wc-txt {font-size:18px; line-height:28px;}
}
@media (max-width:520px){
	.main-con1 .welcome-area .wc-inner {padding:30px;}
	.main-con1 .welcome-area h3 {text-align:center;}
	.main-con1 .welcome-area p.wc-txt {font-size:16px; line-height:26px;}
	.main-con1 .welcome-area a.more-view {float:none; display:block;}
}


/*메인-게시판*/
.main-con2 {background:#eeeeee; padding:110px 0 120px 0;}
.main-con2 .m-board {position: relative; width: 1580px; margin: 0 auto; overflow: hidden;}
.main-con2 .m-board a.more {position: absolute; display: inline-block; width: 33px; height: 33px; padding: 8px; background: #eeeeee; border: 1px solid; border-color: #3a3a3a; top: 0; right: 0;}
@-moz-document url-prefix() {.main-con2 .m-board a.more {width: 34px; height: 34px;}}/*파이어폭스*/
.main-con2 .m-board .more .line1,
.main-con2 .m-board .more .line2 {position: absolute; z-index:10; left: 16px; top: 8px; width: 1px; height: 15px; background-color: #3a3a3a; transition: transform .7s; -webkit-transition: -webkit-transform .7s; -moz-transition: -moz-transform .7s;}
.main-con2 .m-board .more .line1 {transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg);}
.main-con2 .m-board .more .line2 {transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);}
.main-con2 .m-board a.more:hover {background: #3a3a3a;}
.main-con2 .m-board .more:hover .line1,
.main-con2 .m-board .more:active .line1,
.main-con2 .m-board .more:focus .line1 {transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);background-color: #eeeeee;}
.main-con2 .m-board .more:hover .line2,
.main-con2 .m-board .more:active .line2,
.main-con2 .m-board .more:focus .line2 {transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg);background-color: #eeeeee;}
.sr {position: absolute; width: 1px; height: 1px; clip: rect(0 0 0 0); overflow: hidden;}

.main-con2 .m-board h3 {font-size:30px; margin-bottom:20px; font-family: 'NanumSquare', sans-serif; font-weight:800; line-height:34px;}
.main-con2 .m-notice {position:relative; width:632px; float:left;}
.main-con2 .m-board .nt-title {position:relative; width:160px;}
.main-con2 .m-notice .nt-in {position:relative; width:100%; height:370px; padding:45px; background:#213152;}
.main-con2 .m-gallery {position:relative; width:920px; float:right;}
.main-con2 .m-gallery .ga-title {position:relative; width:185px;}
.main-con2 .m-gallery.ga-in {position:relative; width:100%; height:370px;}

@media (max-width:1580px){
	.main-con2 {padding:80px 20px; height:auto;}
	.main-con2 .m-board {width:100%;}
	.main-con2 .m-notice {width:49%;}
	.main-con2 .m-gallery {width:49%;}
}
@media (max-width:1350px){
	.main-con2 {padding:50px 20px; height:auto;}
	.main-con2 .m-notice {width:100%; float:none; margin-bottom:50px;}
	.main-con2 .m-gallery {width:100%; float:none;}
}
@media (max-width:560px){
	.main-con2 .m-notice .nt-in {padding:35px; height:auto; overflow:hidden;}
}

/*메인-하단배너*/
.main-con3 {height:216px; background-image: url("../images/main/bottom_bg.jpg"); background-attachment: fixed; background-position: 50% bottom; background-size: cover; background-repeat: no-repeat;}
.main-con3 .m-banner {position: relative; width:1217px; margin:0 auto; padding:45px 0 0 0; overflow: hidden;}
.main-con3 .m-banner li {float:left; margin-right:28px; width:387px; height:128px;}
.main-con3 .m-banner li:last-child {margin-right:0;}
.main-con3 .m-banner li a {padding:50px 0 0 155px; display:block; width:100%; height:100%; font-size:29px; color:#222; font-family: 'NanumSquare', sans-serif; font-weight:800; line-height:1;}
.main-con3 .m-banner .mb-icon1 {background:url("../images/main/bn_icon1.png") 52px 50% no-repeat rgba(255,255,255,.7);transition:.2s;}
.main-con3 .m-banner .mb-icon2 {background:url("../images/main/bn_icon2.png") 52px 50% no-repeat rgba(255,255,255,.7);transition:.2s;}
.main-con3 .m-banner .mb-icon3 {background:url("../images/main/bn_icon3.png") 52px 50% no-repeat rgba(255,255,255,.7);transition:.2s;}
.main-con3 .m-banner .mb-icon1:hover {background:url("../images/main/bn_icon1.png") 52px 50% no-repeat rgba(255,255,255,.5);}
.main-con3 .m-banner .mb-icon2:hover {background:url("../images/main/bn_icon2.png") 52px 50% no-repeat rgba(255,255,255,.5);}
.main-con3 .m-banner .mb-icon3:hover {background:url("../images/main/bn_icon3.png") 52px 50% no-repeat rgba(255,255,255,.5);}
.main-con3 .m-banner li a:hover {color:#000;}

@media (max-width:1390px){
	.main-con3 {padding:20px; height:auto;}
	.main-con3 .m-banner {width:100%; padding:0; }
	.main-con3 .m-banner li {width: 32.5%; margin-right:1%;}
}
@media (max-width:1190px){
	.main-con3 .m-banner li a {padding:50px 0 0 140px; font-size:26px; }
	.main-con3 .m-banner .mb-icon1, .main-con3 .m-banner .mb-icon2, .main-con3 .m-banner .mb-icon3 {background-position:20% 50%; background-size:70px;}
	.main-con3 .m-banner .mb-icon1:hover, .main-con3 .m-banner .mb-icon2:hover, .main-con3 .m-banner .mb-icon3:hover {background-position:20% 50%; background-size:70px;}
}
@media (max-width:1060px){
	.main-con3 .m-banner li {height:98px;}
	.main-con3 .m-banner li a {padding:38px 0 0 120px; font-size:24px; }
	.main-con3 .m-banner .mb-icon1, .main-con3 .m-banner .mb-icon2, .main-con3 .m-banner .mb-icon3 {background-position: 20% 50%; background-size:50px;}
	.main-con3 .m-banner .mb-icon1:hover, .main-con3 .m-banner .mb-icon2:hover, .main-con3 .m-banner .mb-icon3:hover {background-position: 20% 50%; background-size:50px;}
}
@media (max-width:900px){
	.main-con3 .m-banner li a {padding:38px 0 0 100px;}
	.main-con3 .m-banner .mb-icon1, .main-con3 .m-banner .mb-icon2, .main-con3 .m-banner .mb-icon3 {background-position: 15% 50%; background-size:50px;}
	.main-con3 .m-banner .mb-icon1:hover, .main-con3 .m-banner .mb-icon2:hover, .main-con3 .m-banner .mb-icon3:hover {background-position: 15% 50%; background-size:50px;}
}
@media (max-width:850px){
	.main-con3 .m-banner li a {font-size:20px; }
}
@media (max-width:769px){
	.main-con3 {padding:10px 20px; height:auto;}
	.main-con3 .m-banner li:first-child {margin-left:0;}
	.main-con3 .m-banner li {float:none; margin:10px 0; width:100%; height:128px; min-width:280px;}
	.main-con3 .m-banner li a {padding:50px 0 0 10%; text-align:center; font-size:29px; }
	.main-con3 .m-banner .mb-icon1, .main-con3 .m-banner .mb-icon2, .main-con3 .m-banner .mb-icon3 {background-position:30% 50%; background-size:70px;}
	.main-con3 .m-banner .mb-icon1:hover, .main-con3 .m-banner .mb-icon2:hover, .main-con3 .m-banner .mb-icon3:hover {background-position:30% 50%; background-size:70px;}
}
@media (max-width:620px){
	.main-con3 .m-banner li {height:108px;}
	.main-con3 .m-banner li a {padding:40px 0 0 10%; text-align:center; font-size:26px; }
}
@media (max-width:580px){
	.main-con3 .m-banner li a {padding:40px 0 0 15%;}
	.main-con3 .m-banner .mb-icon1, .main-con3 .m-banner .mb-icon2, .main-con3 .m-banner .mb-icon3 {background-position:30% 50%; background-size:65px;}
	.main-con3 .m-banner .mb-icon1:hover, .main-con3 .m-banner .mb-icon2:hover, .main-con3 .m-banner .mb-icon3:hover {background-position:30% 50%; background-size:65px;}
}
@media (max-width:530px){
	.main-con3 .m-banner li a {padding:40px 0 0 18%;}
	.main-con3 .m-banner .mb-icon1, .main-con3 .m-banner .mb-icon2, .main-con3 .m-banner .mb-icon3 {background-position:30% 50%; background-size:60px;}
	.main-con3 .m-banner .mb-icon1:hover, .main-con3 .m-banner .mb-icon2:hover, .main-con3 .m-banner .mb-icon3:hover {background-position:30% 50%; background-size:60px;}
}
@media (max-width:490px){
	.main-con3 .m-banner li a {padding:40px 0 0 20%;}
	.main-con3 .m-banner .mb-icon1, .main-con3 .m-banner .mb-icon2, .main-con3 .m-banner .mb-icon3 {background-position:30% 50%; background-size:60px;}
	.main-con3 .m-banner .mb-icon1:hover, .main-con3 .m-banner .mb-icon2:hover, .main-con3 .m-banner .mb-icon3:hover {background-position:30% 50%; background-size:60px;}
}
@media (max-width:450px){
	.main-con3 .m-banner li {height:98px;}
	.main-con3 .m-banner li a {padding:38px 0 0 15%; font-size:24px;}
	.main-con3 .m-banner .mb-icon1, .main-con3 .m-banner .mb-icon2, .main-con3 .m-banner .mb-icon3 {background-position:20% 50%; background-size:55px;}
	.main-con3 .m-banner .mb-icon1:hover, .main-con3 .m-banner .mb-icon2:hover, .main-con3 .m-banner .mb-icon3:hover {background-position: 20% 50%; background-size:55px;}
}
@media (max-width:390px){
	.main-con3 .m-banner li a {padding:38px 0 0 25%;}
	.main-con3 .m-banner .mb-icon1, .main-con3 .m-banner .mb-icon2, .main-con3 .m-banner .mb-icon3 {background-position:20% 50%; background-size:50px;}
	.main-con3 .m-banner .mb-icon1:hover, .main-con3 .m-banner .mb-icon2:hover, .main-con3 .m-banner .mb-icon3:hover {background-position: 20% 50%; background-size:50px;}
}

/*하단*/
#footer{background-color:#fff; clear:both; position:relative; border-top:1px solid #ebebeb;}
.area {width: 1580px; margin: 0px auto;}
#footerTop{width:100%; border-bottom:1px solid #ebebeb; padding:18px 0; position:relative;}
#footerTop > ul li{float:left; padding:12px 0; padding-left:30px; width:370px;}
#footerTop > ul li:first-child{padding-left:0; width:auto;}
#footerTop > ul li.center{border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; width:368px;}
#footerTop > ul li h3{font-size:18px; line-height:28px; color:#1c1c1c; letter-spacing:-0.3px; font-weight:400; margin-bottom:20px;}
#footerTop > ul li h3 a{font-size:13px; line-height:28px; color:#1d1d1d; letter-spacing:-0.3px;}
#footerTop > ul li h3 a i{vertical-align:middle;}
#footerTop > ul li p, #footerTop > ul li p a{font-size:14px; line-height:25px; letter-spacing:-0.3px; color:#494949;}
.copy-txt{padding:20px 0 3% 0; font-size:13px; line-height:28px; color:#383838; letter-spacing:-0.3px;}
.copy-txt .to-top-btn{display:none;}
#footerTop > div{display:table;}
.footer-address, .footer-logo{display:table-cell; vertical-align:middle;}
.footer-address{width:77%;}
.footer-address > p{display:table; width:100%;}
.footer-address strong, .footer-address span{display:table-cell; vertical-align:top; line-height:28px;}
.footer-address strong{font-size:18px; color:#1c1c1c; font-family:'NanumGothic', sans-serif; font-weight:600; letter-spacing:-0.5px; width:25%;}
.footer-address span, .footer-address span a{font-size:14px; color:#494949; letter-spacing:-0.5px;}
.footer-address span{width:87%;}
.footer-logo{width:23%; text-align:right;}
.footer-logo > span, .footer-logo > a{display:inline-block; vertical-align:middle;}
.footer-logo > a.to-top-btn {width:56px; height:56px; background-color:#383838; text-align:center; font-size:15px; line-height:56px; color:#fff; margin:0 0 0 30px;}
.footer-logo > span:hover, .footer-logo > a.to-top-btn:hover {opacity: 0.7;}

@media all and (max-width:1580px){
	.area {width:94%;}
	#footerTop{padding:2% 0;}	
	#footerTop > ul li, #footerTop > ul li.center, #footerTop > ul li:first-child{padding:0 1%; width:32%; padding-right:0;}
	#footerTop > ul li h3{margin-bottom:2%; letter-spacing:-0.75px;}
	#footerTop > ul li h3 a i{font-size:20px;}
	#footerTop > ul li p, #footerTop > ul li p a{letter-spacing:-0.5px; word-break:keep-all;}
	#footerTop > ul li p a{letter-spacing:-0.75px;}
	.copy-txt{padding:2% 0;}
	.footer-address{width:70%;}
	.footer-address strong{width:30%;}
	.footer-address span{width:83%;}
	.footer-logo{width:30%;}
	.footer-logo > a{margin:0; margin-left:5%; width:50px; height:50px; line-height:50px;}
}
@media all and (max-width:1400px){	
	.footer-address strong{width:34%;}
}
@media all and (max-width:1300px){
	.footer-address strong{width:34%;}
	.footer-address span{width:90%;}
	.footer-address{width:75%;}
}
@media all and (max-width:1200px){
	.footer-address strong{width:32%;}
	.footer-address span{width:85%;}
	.footer-logo{display:none;}
}
@media all and (max-width:768px){
	#footerTop{border-top:1px solid #ebebeb;}
	#footerTop > ul li, #footerTop > ul li.center, #footerTop > ul li:first-child{float:none; width:100%; padding:0; border:0; padding:2% 0; border-top:1px solid #e1e1e1;}
	#footerTop > ul li:last-child, #footerTop > ul li:nth-child(3){margin-bottom:0;}
	#footerTop > ul li:first-child{border-top:0; padding-top:0;}
	#footerTop > ul li:last-child{padding-bottom:0;}
	.copy-txt{text-align:center; color:#383838; color:rgba(56,56,56,0.8); padding-bottom:0;}
	.copy-txt > span{display:block; margin-bottom:3%;}
	.copy-txt .to-top-btn{display:inline-block;}
	.footer-address{width:72%; padding-right:3%;}
	.footer-address > p{display:block;}
	.footer-address strong, .footer-address span{line-height:22px; display:block; width:100%;}
	.footer-address strong{font-size:16px; margin-bottom:5px;}
	.footer-address span, .footer-address span a{font-size:13px;}
}
@media all and (max-width:480px){
	#footerTop > ul li h3{font-size:16px; line-height:24px; margin-bottom:3px;}
	#footerTop > ul li p, #footerTop > ul li p a{line-height:20px;}
	.copy-txt{line-height:20px; letter-spacing:-0.75px; word-break:keep-all; padding:3% 0; padding-bottom:0;}
	.copy-txt .to-top-btn img{width:55px;}
	.footer-address strong, .footer-address span{letter-spacing:-0.5px; line-height:18px;}
	.footer-address strong{font-size:15px;}
}
.contact {position: relative; width:100%; overflow:hidden;}