@charset "utf-8";

/* background fixed 사용시 버그 대응용 * 한 번 스크롤로 페이지 전체 넘김을 할 때는 html스타일에서 height속성 제거하기 */
/* html {overflow: hidden; height: 100%;} */
/* body {overflow: auto; height: 100%;} */

/* ******************** 공용 ******************** */
body {font-family:'NEXON'; font-size:16px; font-weight:400; line-height:1.6; color:#000; word-break:keep-all; margin:0; overflow-x:hidden;}
body * {box-sizing:border-box;}

/* NEXON 폰트 깨짐 대응 */
/* h1, h2, h3, h4, h5, h6, dl, table tr, table th {transform: rotate(0.03deg);} */

a {color:#666; /*transition:all .3s;*/}
a:hover {color:#000;}

hr {margin:0;}

select { 
	padding-right:40px;
    -webkit-appearance: none; /* 네이티브 외형 감추기 */ 
    -moz-appearance: none;
    appearance: none;
    background: url(../images/common/select_arrow.png) no-repeat right 10px center; /* 화살표 모양의 이미지 */ 
} 
select::-ms-expand {display: none;} /* IE 10, 11의 네이티브 화살표 숨기기 */ 
select::focus {outline:none}

input[type='text'] {-webkit-appearance: none;}

#gotop {
    z-index: 888;
    position: absolute;
    width: 35px;
    height: 35px;
    top: 50%;
    right: 0;
    margin-top: -20px;
    cursor: pointer;
	background: url(../images/common/i-top.png) no-repeat;
}
#googleMap {height:400px;}



.w1200 {width:1200px; max-width:100%; margin:0 auto;}

/* ************************ 데스크탑 (992~) ************************ */
@media screen and (min-width: 992px) {
	
	.mobile {display:none !important}
	
	.catch {width:100%; background:url(../images/main/catchphrase.jpg) no-repeat bottom; background-size:cover; height:120px;}
	.catch div {width:100%; max-width:1200px; margin:0 auto; text-align:center; line-height:120px;}
	.catch div p {font-family: 'GimpoTitle00'; font-size:35px; color:#138999;}
	
	header {position:absolute; left:0; top:120px; width:100%; z-index:9990;}
	header .head-wrap {position:relative; height:100px;}
	header .head-wrap .logo {float:left;}
	header .head-wrap .logo a {display:flex; height:100px; align-items:center;}
	header .head-wrap .logo img {height:60px;}
	header .head-wrap aside {float:right; height:100px; display:flex; align-items: center; gap:10px;}
	header .head-wrap aside a {display:inline-block; padding:10px 25px 10px 60px; color:#fff; background:#2daae1 url(../images/common/i-notice.png) no-repeat 22px center; border:1px solid #2daae1; border-radius:100px; transition: all .3s;}
	header .head-wrap aside a:hover {color:#2daae1; background:#fff url(../images/common/i-notice-hover.png) no-repeat 22px center;; border:1px solid #2daae1;}
	header .head-wrap aside a:last-child {background:#7fc014 url(../images/common/i-table.png) no-repeat 28px center; border:1px solid #7fc014;}
	header .head-wrap aside a:last-child:hover {background:#fff  url(../images/common/i-table-hover.png) no-repeat 28px center;; border:1px solid #7fc014; color:#7fc014;}
	
	
	nav.pc {position:relative; overflow:hidden; border-top:1px solid #ebebeb;}
	nav.pc .gnb>ul {position:relative; display:flex; flex-wrap:nowrap; justify-content:space-around;}
	nav.pc .gnb>ul:after {clear:both; content:''; display:block;}
	nav.pc .gnb>ul>li {position:relative; width: calc(100%/5);}
	nav.pc .gnb>ul>li:last-child {padding-right:0 !important}
	nav.pc .gnb>ul>li>a {position:relative; display:inline-block; width:100%; text-align:center !important; font-weight:600; font-size:20px; line-height:55px; color:#000; letter-spacing:-1px; text-align:left;}
	nav.pc .gnb>ul>li:hover>a {color:#0087c3;}
	nav.pc .gnb>ul>li>a::after {position: absolute; content:""; display: block; border-bottom: 4px solid #0087c3; transition: all 250ms ease-out; left: 50%; width: 0;}
	nav.pc .gnb>ul>li:hover>a::after {transition: all 250ms ease-out; left: 0%; width: 100%;}
	nav.pc .gnb>ul>li.on>a {color:#0087c3;}
	nav.pc .gnb>ul>li>ul {position:absolute; left:0; top:60px; padding-top:30px; text-align:left; width:100% !important;}
	nav.pc .gnb>ul>li:last-child>ul {margin-left:-20px !important;}
	nav.pc .gnb>ul>li>ul>li {margin-bottom:6px; padding-left:85px;}
	nav.pc .gnb>ul>li>ul>li a {position:relative; display:inline-block; color:#333; font-weight:400; letter-spacing:-.5px;}
	nav.pc .gnb>ul>li>ul>li.on a,
	nav.pc .gnb>ul>li>ul>li a:hover {color:#0087c3;}
	/*nav.pc .gnb>ul>li>ul>li.on a:before,
	nav.pc .gnb>ul>li>ul>li a:hover {opacity:1;}*/
	nav.pc .gnb>ul>li.mobile {display:none;}

	nav.pc .navbg {position:absolute; left:0; top:0; width:100%; height:100%;}
	nav.pc .navbg .dep1 {height:60px; background:#fff; border-bottom:2px solid #ebebeb;}
	nav.pc .navbg .dep2 {height:100%; background:#fff;}

	.headerH {height:160px;}

	[class*="-wrap"] {max-width:1200px; margin:0 auto;}
	
	.lnb {position:absolute; top:480px; left:0; width:100%; height:60px; background:#fff; z-index:1; border-bottom:1px solid #eee;}
	.lnb .lnb-wrap {position:relative; height:100%; display:flex; align-items:center;}
	.lnb .lnb-wrap>* {float:left;}
	.lnb>ul {}
	.lnb>ul>li {float:left;}
	.lnb>ul>li>a {}
	.lnb>ul>li.home {}
	.lnb>ul>li.home a {display:block; width:60px; height:60px; border-left:1px solid #eaeaea; border-top:0; border-bottom:0; background:url(../images/common/i-home.png)center /18px no-repeat;}
	.lnb>ul>li.menu {position:relative; width:225px;}
	.lnb>ul>li.menu.dep-2 {position:relative; width:270px; border-right:1px solid #eee;}
	.lnb>ul>li.menu>a {border-left:1px solid #eee; padding:0 40px 0 20px; display:block; line-height:60px; background:url(../images/common/lnb-more.png)right 20px center no-repeat; color:#333; font-weight:400; font-size:16px;}
	.lnb>ul>li.menu ul {display:none; width:100%; position:absolute; left:0; top:60px; background:#fff; box-shadow:0 5px 10px rgba(0,0,0,.1); border-top: 1px solid #eaeaea;}
	.lnb>ul>li.menu ul li {}
	.lnb>ul>li.menu ul li+li {border-top:1px solid #e5e5e5;}
	.lnb>ul>li.menu ul li a {display:block; padding:0 20px; line-height:44px; font-weight:500;}
	.lnb>ul>li.menu ul li.on a {color:#0087c3;}
	.lnb>ul>li.menu ul li a:hover {background:#f9f9f9; color:#0087c3;}
	.lnb>ul>li.menu:hover ul {display:block;}
	.lnb>ul>li.dep-2>a {}
	.lnb>ul>li.gotop {float:right; width:60px !important; height:60px !important; border:1px solid #eee; border-top:0; border-bottom:0; top:0 !important; margin-top:0 !important; opacity:1 !important; visibility: initial !important; background: url(../images/common/lnb-top.png) no-repeat center !important;}
	.lnb>ul>li.gotop a {display:block; width:100%; height:100%;}
	.lnb>ul>li.lnb-home {position: absolute; right:60px; width:60px; height:60px; border-left:1px solid #eee; background:url(../images/common/lnb-home.png) no-repeat center;}
	.lnb>ul>li.lnb-home a {display:block; width:100%; height:100%;}
	.loca_ul {color:#999; font-size:14px;}
	.loca_ul {display:flex; gap:36px; position:absolute; right:155px;}
	.loca_ul span {position:relative; display:inline-block;}
	.loca_ul span:before {position:absolute; left:-20px; top:10px; content:""; width:4px; height:4px; border-radius:100px; background:#e5e5e5;}
	.loca_ul span:nth-child(1):before {content:none;}

	.lnb.fixOn {position:fixed !important; width:100%; z-index:1000 !important; top:0 !important; box-shadow:0 3px 3px rgba(0,0,0,.05)}
	
	.sub-visual {position:relative; width:100%; height:200px; text-align:center; color:#fff; background:url(../images/include/visual-bg.jpg)center 61% / cover no-repeat;}
	.sub-visual .cover {position:absolute; left:0; right:0; top:0; bottom:0;}

	.sub-visual.business .cover {background:#b19bff;}
	.sub-visual.use .cover {background:#ffc49b;}
	.sub-visual.community .cover {background:#9bc6ff;}
	.sub-visual.intro .cover {background:#ff9bab;}
	.sub-visual.volunteer .cover {background:#a4d07b;}
	
	.sub-visual.business .sub-visual-wrap {background:url(../images/common/business-sub.png) bottom no-repeat; background-size:cover;}
	.sub-visual.use .sub-visual-wrap {background:url(../images/common/use-sub.png) bottom no-repeat; background-size:cover;}
	.sub-visual.community .sub-visual-wrap {background:url(../images/common/commu-sub.png) bottom no-repeat; background-size:cover;}
	.sub-visual.intro .sub-visual-wrap {background:url(../images/common/intro-sub.png) bottom no-repeat; background-size:cover;}
	.sub-visual.volunteer .sub-visual-wrap {background:url(../images/common/volun-sub.png) bottom no-repeat; background-size:cover;}
	
	
	.sub-visual .sub-visual-wrap {display: table; width:1340px; max-width: 100% !important; height: 100%; margin: 0 auto; position: relative;}
	.sub-visual .sub-visual-text {display: table-cell; vertical-align: middle; text-align: center;}
	.sub-visual .sub-visual-text p {font-family:'GimpoTitle00'; font-size:36px;}
	.sub-visual .sub-visual-text ul {padding-top: 10px; font-size: 16px; font-weight: 300; letter-spacing: 1px;}
	.sub-visual .sub-visual-text ul li {display:inline-block; position:relative;}
	.sub-visual .sub-visual-text ul li+li {padding-left:30px;}
	.sub-visual .sub-visual-text ul li+li:before {content:''; display:inline-block; position:absolute; left:7px; top:8px; width:7px; height:11px; background:url(../images/common/i-visual.png)center no-repeat;}
	
	footer {padding:50px 0; background:#f7f7f7;}
	footer .footer-wrap {position:relative; overflow:hidden;}
	footer .footer-wrap>div {float:left;}
	footer .footer-logo {padding-right: 40px;}
	footer .footer-logo img{height:35px;}
	footer .footer-info {text-align:left;}
	footer .footer-info address span{font-size:14px; color:#000; font-weight:400;}
	footer .footer-info address span a{color:#000;}
	footer .footer-info p.copy{font-size:14px; color:#000; padding-bottom:0;}
	
	/* footer::롤링배너 */
	.footRoll {padding:20px 0; height:80px; background:#fff; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
	.rollArea {position:relative; width:1200px; margin:0 auto; line-height: 35px; font-weight:600; color:#000; font-size:14px;}
	.rollWrap {width:1030px; overflow:hidden; float: right;}
	.rollWrap ul {width:3200px;}
	.rollWrap ul li {display:inline-block; padding:0 15px; text-align:center;}
	.rollWrap ul li a {display:block;}
	.rollWrap ul li a img {width:100%; max-height:40px;}
	.rollBtn {position:absolute; top:0; left:65px; width:100%;}
	.rollBtn a {display:block; width:35px; height:35px; position:absolute; top:0; background:url(../images/common/i-arrow-w.png)center no-repeat;}
	.rollBtn a.prev {left:0;}
	.rollBtn a.next {left:40px; background-image:url(../images/common/i-arrow-w.png); transform: rotate(180deg);}
	

	/* 이메일무단수집거부 */
	#layerPop {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, .5); z-index:10000000}
	#layerPop .wrap {position:absolute; left:0; top:0; display:table; width:100%; height:100%; text-align:center;}
	#layerPop .wrap .inner {display:table-cell; vertical-align:middle;}
	#layerPop .wrap .inner div {position:relative; display:inline-block; border-radius:10px; overflow:hidden; background:#fff}
	#layerPop .wrap .inner div h2 {display:block; width:100%; height:55px; padding:0 30px; line-height:55px; font-size:22px; font-weight:700; text-align:left; border-bottom:1px solid #ddd; background:#f9f9f9;}
	#layerPop .wrap .inner div a {position:absolute; right:0; top:0; width:55px; height:55px; border-left:1px solid #ddd; text-indent:100%; white-space:nowrap; overflow:hidden; background:url(../images/common/i-close.png) no-repeat center;}
	#layerPop .wrap .inner div p {padding:50px 30px; color:#000;}


	/* 화면 확대, 축소 */
	.head-zoom {position:fixed; right:10px; top:225px; margin-top:-75px; z-index:9999;}
	.head-zoom ul {width:135px; height:40px; display:flex; align-items:center; justify-content:center; border-radius:100px; border:1px solid #d8dde3; background:#fff; box-shadow:5px 5px 10px rgba(0, 0, 0, 10%)}
	.head-zoom ul li span {font-size:14px; font-weight:600; color:#000; margin-right:8px;}
	.head-zoom ul li+li {}
	.head-zoom ul li a {display:inline-block; width:25px; height:25px; font-weight:600; text-align:center; color:#fff; border-radius:100%; background:#0087c3;}
	.head-zoom ul li:last-child a {margin-left:5px; background:#71b600;}
	/* .head-zoom ul li.zoom-reset p {font-size:13px; width:auto; height:auto; color:#fff; font-weight:800; background:none; border-radius:0; display:block;} */
	 


}


/* ************************ 태블릿 이하(~991) ************************ */
@media screen and (max-width: 991px) {

	.pc {display:none !important;}
	.mobile {display:block;}
	
	nav.mobile {display:none;}
	
	header {width:100%; height:55px;}
	header .head-wrap {z-index:100; position:absolute; left:0; top:0; width:100%; height:80px; padding:0 20px; overflow:hidden; line-height:1; background-color:#fff; box-shadow:0 5px 15px rgba(0,0,0,5%);}
	body.mainType header .head {top:50px;}
	header .head-wrap a.mobile {position:absolute; top:0; background-size:17px; width:80px; height:80px; background-repeat:no-repeat; background-position:center; cursor:pointer;}
	header .head-wrap a.gnbLogin {
		border-left:1px solid #efefef;
		background:url(../images/common/i-loginout.png) no-repeat center;
		right:55px;
		background-size:17px;
	}

	header .head-wrap a.gnbLogout {
		border-left:1px solid #efefef;
		background:url(../images/common/i-login.png) no-repeat center;
		right:55px;
		background-size:17px;
	}

	header .head-wrap a.left {
		border-left:1px solid #efefef;
		right:0;
		background:url(../images/common/i-menu.png) no-repeat center;
		background-size:17px;
		
	}
	header .head-wrap a.left span {color:#333; font-size:14px; text-align:center; position:absolute; top:35%; left:0;padding-left:10px;}

	header .head-wrap .gnbView {background-image:url(../images/common/icon_allmenu.png);}
	header .head-wrap .gnbView img {height:15px;}
	header .head-wrap .search {background-image:url(../images/common/i_search_total.png); right:45px !important;}
	header .head-wrap .login {background-image:url(../images/common/icon_login.png);}
	header .head-wrap .logout {background-image:url(../images/common/icon_login.png);}
	header .head-wrap h1 {display:block; text-align:center;}
	header .head-wrap h1 a {display:inline-block; padding-top:18px; padding-right:65px;}
	header .head-wrap h1 a img {height:40px;}

	
	/*gnb*/
	nav.pc {display:none;}
	nav.mobile {display:none; z-index:9999; position:fixed; top:0; width:80%; height:100%; overflow:hidden; box-shadow:0 !important; background-color:#fff;}
	nav.mobile .closeWrap {position:relative; height:60px; background-color:#058ecb; color:#fff; border-bottom:1px solid #efefef; padding-bottom:5px;}
	nav.mobile .closeWrap:after {content:''; display:block; width:100%; height:5px; background:#efefef; position:absolute; left:0; bottom:0; }
	nav.mobile .closeWrap .gnbClose {display:block; width:55px; height:55px; background:url(../images/common/i-close.png) no-repeat center; background-size:17px; border-left:1px solid #efefef; float:right; text-indent:100%; white-space:nowrap; overflow:hidden;}
	nav.mobile .closeWrap aside a {position:relative; float:left; display:inline-block; margin:0 20px; color:#fff; font-size:14px; letter-spacing:0; height:55px; line-height:55px; font-weight:400;}
	nav.mobile .closeWrap aside a+a {margin-left:0;}
	nav.mobile .closeWrap aside a:last-child {margin-right:0;}
	nav.mobile .closeWrap aside a.second {margin-left:0;}
	nav.mobile .closeWrap aside a.on {color:#00a950;}
	nav.mobile .closeWrap aside a.second:after {content:''; display:none; width:100%; height:1px; background:#00a950; position:absolute; left:0; bottom:18px;}
	nav.mobile .closeWrap aside a.on:after {display:block;}
	.gnbCover {z-index:9998; position:fixed; left:0; top:0; display:none; width:100%; height:100%; background:rgba(0,0,0,.5);}

	nav.mobile .gnb {position:relative; width:100%; height:100%; padding:0; overflow-y:auto; text-align:left !important;}
	nav.mobile .gnb * {width:100% !important;}
	nav.mobile .gnb>ul>li {clear:both; position:relative;}
	nav.mobile .gnb>ul>li>a {display:block; padding:13px 20px; margin-bottom: 1px; border-bottom: 1px solid #e4e4e4; font-size:16px; font-weight:400; color:#000; background:#fff;}
	nav.mobile .gnb>ul>li>ul {display:none;}
	nav.mobile .gnb>ul>li>ul>li {position:relative;}
	nav.mobile .gnb>ul>li>ul>li a {
		display:block; padding:12px 20px 12px 40px; font-size:16px; margin-bottom: 1px; border-bottom: 1px solid #e5e5e5; color:#000; letter-spacing:-.5px;
		position:relative; background:#f8f9fb;
	}
	nav.mobile .gnb>ul>li>ul>li a:before {
		position:absolute; top:23px; left:25px; transition:all .3s;
		display:block; content:""; border-radius:50%;
		width:4px; height:4px; background:#ddd; 
	}
	
	nav.mobile .gnb>ul>li>a:hover {}
	nav.mobile .gnb>ul>li.on>a {color:#fff; background:#7fc014;}
	nav.mobile .gnb>ul>li>ul>li a:hover {color:#7fc014;}
	nav.mobile .gnb>ul>li>ul>li a:hover:before,
	nav.mobile .gnb>ul>li>ul>li.on a:before {background:#7fc014;}
	nav.mobile .gnb>ul>li>ul>li.on a {color:#7fc014;}
	
	.sub-visual {position:relative; width:100%; height:220px; text-align:center; color:#fff; background:url(../images/include/visual-bg.jpg)center 61% / cover no-repeat;}
	.sub-visual .cover {position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(0, 0, 0, 0.1)}
	.sub-visual .sub-visual-wrap {display: table; width: 100%; height: 100%; margin: 0 auto; position: relative; padding:0 20px;}
	.sub-visual .sub-visual-text {display: table-cell; vertical-align: middle; text-align: center;}
	.sub-visual .sub-visual-text p {font-family: 'GimpoTitle00'; font-size: 30px;}
	.sub-visual .sub-visual-text h2 {font-size:48px;}
	.sub-visual .sub-visual-text ul {padding-top: 10px; font-size: 16px; font-weight: 300; letter-spacing: 1px;}
	.sub-visual .sub-visual-text ul li {display:inline-block; position:relative;}
	.sub-visual .sub-visual-text ul li+li {padding-left:30px;}
	.sub-visual .sub-visual-text ul li+li:before {content:''; display:inline-block; position:absolute; left:7px; top:8px; width:7px; height:11px; background:url(../images/common/i-visual.png)center no-repeat;}

	.sub-visual.business .cover {background:#b19bff;}
	.sub-visual.use .cover {background:#ffc49b;}
	.sub-visual.community .cover {background:#9bc6ff;}
	.sub-visual.intro .cover {background:#ff9bab;}
	.sub-visual.volunteer .cover {background:#a4d07b;}
	
	.sub-visual.business .sub-visual-wrap {background:url(../images/common/business-sub-mo.png) bottom no-repeat; background-size:contain;}
	.sub-visual.use .sub-visual-wrap {background:url(../images/common/use-sub-mo.png) bottom no-repeat; background-size:contain;}
	.sub-visual.community .sub-visual-wrap {background:url(../images/common/commu-sub-mo.png) bottom no-repeat; background-size:contain;}
	.sub-visual.intro .sub-visual-wrap {background:url(../images/common/intro-sub-mo.png) bottom no-repeat; background-size:contain;}
	.sub-visual.volunteer .sub-visual-wrap {background:url(../images/common/volun-sub-mo.png) bottom no-repeat; background-size:contain;}
	
	
	
	footer {padding:50px 0; text-align:center; background: #f7f7f7;}
	footer .footer-wrap {position:relative; overflow:hidden; padding:0 20px}
	footer .footer-logo {padding-bottom:10px;}
	footer .footer-logo img{height:40px;}
	footer .footer-info address span{display:inline-block; font-size:16px; color:#000; font-weight:400;}
	footer .footer-info address span a{color:#000;}
	footer .footer-info p.copy{font-size:14px; color:#000; padding-bottom:0;}
	
	
	/* 이메일무단수집거부 */
	#layerPop {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, .5); z-index:10000000}
	#layerPop .wrap {position:absolute; left:0; top:0; display:table; width:100%; height:100%; text-align:center;}
	#layerPop .wrap .inner {display:table-cell; vertical-align:middle;}
	#layerPop .wrap .inner div {position:relative; display:inline-block; border-radius:10px; overflow:hidden; background:#fff}
	#layerPop .wrap .inner div h2 {display:block; width:100%; height:55px; padding:0 30px; line-height:55px; font-size:22px; font-weight:700; text-align:left; border-bottom:1px solid #ddd; background:#f9f9f9;}
	#layerPop .wrap .inner div a {position:absolute; right:0; top:0; width:55px; height:55px; border-left:1px solid #ddd; text-indent:100%; white-space:nowrap; overflow:hidden; background:url(../images/common/i-close.png) no-repeat center;}
	#layerPop .wrap .inner div p {padding:50px 30px; color:#000;}


	/* main::롤링배너 */
	.mainRoll {padding:20px; height:80px; background:#fff; border-top:1px solid #e5e5e5;}
	.mainRollArea {position:relative; width:100%;}
	.mainRollWrap {margin:0 20px; overflow:hidden;}
	.mainRollWrap ul {width:19000px;}
	.mainRollWrap ul li {display:inline-block; padding:0 15px; text-align:center;}
	.mainRollWrap ul li a {display:block;}
	.mainRollWrap ul li a img {}
	.mainRollBtn {position:absolute; top:calc(50% - 8px); left:0; width:100%;}
	.mainRollBtn a {display:block; width:9px; height:16px; position:absolute; top:0; background:url(../images/include/rollPrev.png)center no-repeat;}
	.mainRollBtn a.prev {left:0;}
	.mainRollBtn a.next {right:0; background-image:url(../images/include/rollNext.png)}
	
	
	/* footer::롤링배너 */
	.footRoll {padding:20px; height:80px; background:#fff; border-top:1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}
	.rollArea {position:relative; width:100%; font-size:14px; display:flex; align-items: center;}
	.rollArea span {display:block; margin-right:10px;}
	.rollWrap {overflow:hidden;}
	.rollWrap ul {width:3000px;}
	.rollWrap ul li {display:inline-block; padding:0 20px; text-align:center;}
	.rollWrap ul li a {display:block;}
	.rollWrap ul li a img {height:30px;}
	.rollBtn {display: flex;}
	.rollBtn a {display:block; width:35px; height:35px; /*position:absolute; top:0;*/ background:url(../images/common/i-arrow-w.png)center no-repeat;}
	.rollBtn a.prev {margin-right:5px;}
	.rollBtn a.next {/*left:40px;*/ background-image:url(../images/common/i-arrow-w.png); transform: rotate(180deg);}
	
	
	#gotop {width:40px; height:40px; right:15px; bottom:20px;}
	
}





/* ************************ 모바일 (0~767) ************************ */
@media screen and (max-width:767px) {

	
	.sub-visual {height:150px; margin-top:25px;}
	.sub-visual .sub-visual-text h2 {font-size:20px;}
	.sub-visual .sub-visual-text ul {font-size:14px;}	
	.sub-visual .sub-visual-text p {font-size:26px; line-height: 1.2;}
	.sub-visual .sub-visual-text span {font-size:14px;}
	
	/* footer */
	.footer-btn {}
	.footer-btn-wrap {height:auto; padding:0;}
	.footer-btn-wrap ul {padding:0 20px;}
	.footer-btn-wrap>ul li {margin-right:15px; padding:17px 0;}
	.footer-btn-wrap>ul li:last-child {margin-right:0;}
	.footer-btn-wrap>ul li a {font-size:13px;}
	.family-site {position:relative; border:0; border-top:1px solid #e5e5e5; width:100%;}
	.family-site>a {width:100%; padding:0 20px; font-size:13px; line-height:50px;}
	.family-site .family-site-list {bottom:50px;}
	
	footer {padding:30px 0;}
	footer .footer-info address span {font-size:14px;}
	
	
	/* 이메일무단수집거부 */
	#layerPop .wrap .inner {padding:0 20px;}
	#layerPop .wrap .inner div h2 {display:block; width:100%; height:55px; padding:0 20px; line-height:55px; font-size:18px;}
	#layerPop .wrap .inner div p {padding:30px; color:#000;}
	#layerPop .wrap .inner div p br {display:none;}


}