/* 상단영역 */
#headerTop {position:fixed; top:0; left:0; width:100%; height:42px; background:#d9d9d9; z-index:1000;}
#headerTop .inner {width:1300px; margin:0 auto; overflow:;}
#headerTop .market {float:right; line-height:43px; color:#fff; font-weight:500; letter-spacing:0;}
#headerTop .iconLogin {float:right; width:35px; height:42px; background:url(/img/icon_my.png) no-repeat center; margin:0 0 0 20px;}
#headerTop .mBtn {display:none;}

#headerTop .iconLogout {float:right; width:35px; height:42px; background:url(/img/icon_my_on.png) no-repeat center 7px; margin:0 0 0 20px;}
#headerTop a.log {position:relative; padding:28px 0 0 0; font-size:9px; color:#fff; text-align:center; letter-spacing:0;}
#headerTop .sub:before {content:'';position:absolute; top:-8px; left:50%; margin-left:-5.5px; width:11px; height:8px; background:url(/img/arrow_up.png) no-repeat center top;}
#headerTop .sub {opacity:0; position:absolute; top:45px; left:50%; width:83px; margin-left:-40px; background:#e95377; padding:6px 9px; text-align:left; color:#fff; font-size:12px; letter-spacing:0.2px; border-radius:4px;}
#headerTop .sub img {float:left; margin:2px 8px 0 0; display:inline-block;}
#headerTop a.log:hover .sub {opacity:1; top:40px;}

#header{
	position:fixed; height:80px; top:42px; left:0; width:100%; background:#fff; z-index:999;
	/* -webkit-transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;-ms-transition:all 0.4s ease-out;transition:all 0.4s ease-out;  */
}
#headerInnerWrap{
	position:relative; width:100%; height:80px; margin:0 auto; z-index:9999; background-color:#fff;
	-webkit-transition:background-color 0.5s;
	-moz-transition:background-color 0.5s;
	-o-transition:background-color 0.5s;
	-ms-transition:background-color 0.5s;
	transition:background-color 0.5s
}
#headerInner {position:relative; width:1300px; height:100%; margin:0px auto;}
#header .logo {position:relative; float:left; width:118px; height:44px; background:url(/img/logo.png) no-repeat; margin:17px 0 0 0; background-size:100%; z-index:100;}
#header .logo a {display:block; }



@media all and (max-width:1300px) {
	#headerTop .inner {width:90%;}
	#headerInnerWrap, #headerInner {/* position:static; */}
	#headerInner {width:90%;}
}


@media all and (max-width:768px) {
	#headerTop {width:60%; left:auto; right:0; height:60px; background:transparent;}
	#headerTop .market {color:#000; font-size:12px; line-height:62px;}
	#headerTop .iconLogin {width:30px; height:30px; margin:17px 6px 0 13px; background:url(/img/icon_my_b.png) no-repeat center; }

	#headerTop .iconLogout {width:30px; height:30px; margin:17px 6px 0 13px; background:url(/img/icon_my_b_on.png) no-repeat center;}
	#headerTop a.log {padding:28px 0 0 0; font-size:9px; color:#000; text-align:center; letter-spacing:-0.8px;}
	#headerTop .mBtn {display:block; float:right; width:30px; height:30px; background:url(/img/icon_nav.png) no-repeat center right; margin:16px 0 0 0; }
	
	#header {top:0; height:60px;}
	#headerInnerWrap {height:60px; background-color:transparent; }
	#header .logo {width:92px; height:34px; margin:13px 0 0 0;}
}

@media all and (max-width:460px) {
	#headerTop .iconLogin {margin:15px 2px 0 10px;}
	#header .logo {width:89px; height:33px;}
}


/* -------- Header :: 헤더 hover  -------- */
#header.over  #headerInnerWrap{background-color:#fff;}
#header.over #gnb > ul > li > a{color:#222}
#header.over #gnb > ul > li.on > a,
#header.over #gnb > ul > li > a:hover{color:#e95377}
#header.over + .sitemap-line-btn .line{background-color:#222;}
#header.over .header-lang {border:1px solid #eee; background-color:#eee;}
#header.over .header-lang .lang-open-btn{color:#222;}
#header.over .partners-select{background-color:#000; border-color:#000;}
#header.over .partners-select .lang-open-btn{color:#fff}



/* -------- Header :: GNB(PC) -------- */
.gnb-overlay-bg{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:9997;}	/* gnb overlay BG */
#gnb {position:absolute; top:0; width:100%; z-index:99;}
#gnb > ul {position:absolute; right:50%; width:500px; margin-right:-650px;}
#gnb > ul > li {float:left; width:20%; word-break:keep-all; text-align:center; }
#gnb > ul > li > a {position:relative; height:80px; padding:40px 0 0 0; text-align:center; color:#767676; font-size:14px; font-weight:500; letter-spacing:0; display:block; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s; z-index:100;}
#gnb > ul > li > a:hover, 
#gnb > ul > li.on > a,
#gnb > ul > li.active > a {color:#e95377}



@media all and (max-width:1300px) {
	#gnb > ul {margin-right:-45%; }
}


@media all and (max-width:768px) {
	#gnb > ul {display:none;}
}


/* GNB :: 2차 전체메뉴 */
#gnbBg{
	position:absolute; left:0; top:80px; width:100%; height:0; background:#f9f9f9; z-index:98;
	-webkit-transition:height 0.3s;-moz-transition:height 0.3s;-o-transition:height 0.3s;-ms-transition:height 0.3s;transition:height 0.3s;
}
#gnbBg.open{height:240px; border-top:1px solid #e5e5e5; }

#gnb.total-menu > ul > li .gnb-2dep{
	visibility:hidden;opacity:0;filter:Alpha(opacity=0);
	position:absolute; 
	right:0%;
	top:80px; 
	/* transform:translateX(-50%); */
	z-index:99;
	width:1300px;
	padding:40px 0;
	text-align:left; 
	-webkit-transition:all 0s 0s;-moz-transition:all 0s 0s;-o-transition:all 0s 0s;-ms-transition:all 0s 0s;transition:all 0s 0s;
}

#gnb.total-menu > ul > li .gnb-2dep.show{
	visibility:visible; 
	opacity:1.0;filter:Alpha(opacity=100); 
	-webkit-transition:all 0.3s 0.1s;
	-moz-transition:all 0.3s 0.1s;
	-o-transition:all 0.3s 0.1s;
	-ms-transition:all 0.3s 0.1s;
	transition:all 0.3s 0.1s
}
.gnb-2dep-menu-list{float:left; width:600px; padding-top:0; }
.gnb-2dep-menu-list li{
	float:left; position:relative; width:50%; padding-right:30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;  
 }
.gnb2 .gnb-2dep-menu-list li{float:left; width:33.33%; padding-right:20px; }
.gnb-2dep-menu-list li a {display:table; position:relative; width:100%; height:40px; margin-bottom:11px; color:#555; border-bottom:1px solid #e5e5e5;  -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
.gnb-2dep-menu-list li a:before {position:absolute; bottom:0px; left:0; width:0; height:1px; background-color:#e95377; content:""; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s}
.gnb-2dep-menu-list li a span {display:table-cell; vertical-align:middle; padding:0 13px; font-size:15px; letter-spacing:-0.5px;}
.gnb-2dep-menu-list li a .gnb-icon {position:absolute; top:50%; right:13px; margin-top:-4px; width:4px; height:8px; background:url(/img/icon_arrowR.png) no-repeat; background-size:100%;}
.gnb-2dep-menu-list li a:hover{color:#e95377; font-weight:400; }
.gnb-2dep-menu-list li a:hover:before{width:100%;}
.gnb-2dep-menu-list li a:hover .gnb-icon {background:url(/img/icon_arrowR_on.png) no-repeat;}
.gnb-2dep-menu-list li.dummy {height:49px;}
.gnb-2dep-menu-list li p {padding:4px 8px; color:#666; }
.gnb-2dep-menu-list li a.sub {height:auto; margin-bottom:0; border-bottom:0;}
.gnb-2dep-menu-list li a.sub:before {display:none;}
.gnb-2dep-menu-list li.w04 {width:25%;}

.gnb-2dep-menu-txt{float:left; display:table; margin-left:70px; }
.gnb-2dep-menu-txt .gnb-2dep-menu-info{display:table-cell; vertical-align:middle; width:240px; height:160px; background-color:#fff;}
.gnb-2dep-menu-txt .gnb-2dep-menu-info dl{padding:0 40px;}
.gnb-2dep-menu-txt .gnb-2dep-menu-info dl dt{color:#222; font-size:27px; letter-spacing:-0.25px; margin-bottom:14px; font-weight:700}
.gnb-2dep-menu-txt .gnb-2dep-menu-info dl dt .kr{font-size:30px; font-weight:600;}
.gnb-2dep-menu-txt .gnb-2dep-menu-info dl dd{color:#aaa; font-size:13px; line-height:1.53; letter-spacing:-0.25px;}
.gnb-2dep-menu-txt .gnb-2dep-menu-img{display:table-cell; width:240px; height:160px; vertical-align:middle; background-size:cover !important;}


@media all and (max-width:1550px) {
	.gnb-2dep-menu-list {/* width:calc(100% - 530px); */}
}

@media all and (max-width:1300px) {
	#gnbBg.open{height:190px; }
	#gnb.total-menu > ul > li .gnb-2dep {width:200%; padding:30px 0;}
	.gnb-2dep-menu-list li.dummy {width:20%;}
	.gnb-2dep-menu-list {width:60%;}
	.gnb-2dep-menu-txt {width:35%; margin-left:30px;}

	.gnb-2dep-menu-txt .gnb-2dep-menu-info {height:120px;}
	.gnb-2dep-menu-txt .gnb-2dep-menu-info dl{padding:0 30px;}
	.gnb-2dep-menu-txt .gnb-2dep-menu-info dl dt{font-size:20px; margin-bottom:10px; }
	.gnb-2dep-menu-txt .gnb-2dep-menu-img {width:40%; height:120px;}
	
}

@media all and (max-width:1000px) {
	#gnb.total-menu > ul > li .gnb-2dep {width:100%;}
	.gnb-2dep-menu-list {width:100%;}
	.gnb-2dep-menu-list li.dummy {display:none;}
	.gnb-2dep-menu-txt {display:none;}
}

@media all and (max-width:990px) {
	#gnb.total-menu > ul > li .gnb-2dep {}
}

@media all and (max-width:890px) {
	#gnb.total-menu > ul > li .gnb-2dep {}
}


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


/* 전체메뉴 */
.gnb-cover-bg{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:1001;}

#header .all-inner {position:fixed; top:0; right:-320px; width:320px; height:100%;  min-height:100%; z-index:102; overflow-y:auto; background:#fff; color:#222; text-align:left; padding:0 0 100px 0;}
#header .all-inner .close1 {position:absolute; right:7%; top:25px; width:29px; height:22px;}
#header .all-inner .close1 .bar {position:absolute; left:0; top:50%; width:100%; height:2px; background:transparent; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
#header .all-inner .close1 .bar::before,
#header .all-inner .close1 .bar::after { content:''; position:absolute; left:0; top:50%; width:100%; height:2px; background:#000; }
#header .all-inner .close1 .bar::before { transform:rotate(-45deg); -ms-transform:rotate(-45deg);}
#header .all-inner .close1 .bar::after { transform:rotate(45deg); -ms-transform:rotate(45deg); }

.all-inner .lang {position:absolute; top:30px; left:8%; font-size:15px;}
.all-inner .lang span {padding:0 10px; border-left:1px solid rgba(0,0,0,.2);}
.all-inner .lang span:first-child {border-left:0; padding:0 10px 0 0;}

.all-inner .in {margin:130px 0 0 0;}
.all-inner { clear:both; overflow:hidden;}
.all-inner li.btn {position:relative; display:block; cursor:pointer; overflow:hidden; padding:10px 8%; font-size:18px; /* font-family:'Metropolis-Bold'; */ font-weight:600; letter-spacing:0.2px;}
.all-inner .on {font-weight:bold; cursor:pointer; display:block; overflow:hidden;}
.all-inner li.btn.on::after {
	content: '';
    position: absolute;
    right: 35px;
    top: 50%;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    border: 0 solid #000;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.all-inner li.ly {overflow:hidden; width:100%; padding:20px 10px; border-bottom:1px solid #eee; background:#f2f2f2; font-size:15px;} 
.all-inner li.ly,
.all-inner dt {display:none;}
.all-inner dl {padding:10px 0; margin:0; }
.all-inner dl a {padding:3px 20px 1px 20px; display:block;}
.all-inner dl a:hover	{background:#eee;}
.all-inner dd {padding:3px 0 0 6%; line-height:22px;}
.all-inner .ssub {width:90%; margin:0px auto 8px; background:#fcfcfc; padding:8px 15px;}
.all-inner .ssub p {padding:3px 0; font-size:14px; }
.all-inner .ssub a {display:block;}

.all-inner li.btn a {position:relative; width:100%; display:block;}
.all-inner li.btn::after {
	content: '';
    position: absolute;
    right: 35px;
    top: 50%;
    width: 8px;
    height: 8px;
    margin-top: -8px;
    border: 0 solid #000;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
} 

.all-inner .util {margin:40px 0 0 8%; font-size:14px; font-family:'Metropolis-Bold', 'Noto Sans KR'; font-weight:500;}
.all-inner .util li {padding:6px 0 6px 30px; }
.all-inner .util .icon01 {background:url(/img/m01.png) no-repeat left center;}
.all-inner .util .icon02 {background:url(/img/m02.png) no-repeat left center;}
.all-inner .util .icon03 {}
.all-inner .util .icon04 {}
.all-inner .deco-set {position:absolute; left:8%; bottom:20px; color:rgba(0,0,0,.2); font-family:'Metropolis-Bold'; font-weight:600; line-height:1.3;}


/* 메인 비주얼 */
.mainVisual {width:100%; margin:122px 0 0 0;}
.mainVisual div {width:100%; height:600px; background-size:auto 101%;}
.mainVisual .inner {width:1300px; margin:0 auto; padding:170px 0 0 0;}
.mainVisual .big {font-size:48px; font-weight:500;}
.mainVisual .small {padding:15px 0 30px 0; color:rgba(0,0,0,.5); font-size:14px; font-weight:600; letter-spacing:0.5px;}
.mainVisual .txt {font-size:16px; font-weight:400;}
.mainVisual .btn {background:rgba(0,0,0,.2); margin:25px 0 0 0; padding:13px 40px; color:#fff; border-radius:50px; display:inline-block;}
.mainVisual .white {color:#fff;}
.mainVisual .white5 {color:rgba(255,255,255,.5);}

@media all and (max-width:1300px) {
	.mainVisual div {height:500px;}
	.mainVisual .inner {width:90%;}
	.mainVisual .big {font-size:40px;}
	.mainVisual .small {padding:15px 0 30px 0; font-size:13px;}
	.mainVisual .txt {font-size:14px;}
	.mainVisual .btn {margin:25px 0 0 0; padding:11px 25px;}
}

@media all and (max-width:768px) {
	.mainVisual {margin:60px 0 0 0;}	
	.mainVisual .inner {padding:150px 0 0 0;}
	.mainVisual .big {font-size:33px;}
	.mainVisual .small {padding:10px 0 20px 0;}
	.mainVisual .txt {font-size:13px;}
	.mainVisual .btn {margin:25px 0 0 0; padding:11px 25px;}
}

@media all and (max-width:480px) {
	.mainVisual div {height:450px;}
	.mainVisual .inner {padding:120px 0 0 0;}
	.mainVisual .big {font-size:28px;}
}

@media all and (max-width:400px) {
	.mainVisual .big {font-size:26px;}
}


.main01 {background:url(/img/main01_1.jpg) no-repeat center top;}
.main02 {background:url(/img/main02.jpg) no-repeat center top;}
.main03 {background:url(/img/main03.jpg) no-repeat center top;}
.main04 {background:url(/img/main04.jpg) no-repeat center top;}
.main05 {background:url(/img/main05.jpg) no-repeat center top;}
.main06 {background:url(/img/main06.jpg) no-repeat center top;}
.main07 {background:url(/img/main07.jpg) no-repeat center top;}
.main08 {background:url(/img/main08.jpg) no-repeat center top;}

/* 메인상품 */
.mainTitle {padding:0 0 120px 0; text-align:center; font-size:43px;}
.mainTitle strong {font-weight:500;}

.mainPro {width:100%; padding:180px 0; overflow:hidden;}
.mainPro .swiper-container {width:1300px; margin:0 auto;}
.mainPro .swiper-slide {height:500px; }
.pBox {text-align:center;} 
.pBox img {width:100%; height:auto;}
.pBox .txt {padding:30px 0 15px 0; font-size:15px; color:#838383;}
.pBox .name {font-size:17px; font-weight:400;}

.btnMore {width:198px; height:56px; margin:50px auto 0; line-height:56px; text-align:center; font-size:15px; border:1px solid rgba(0,0,0,.3); border-radius:28px;}
.btnMore img {margin:21px 0 0 0; vertical-align:top;}

@media all and (max-width:1300px) {
	.mainTitle {padding:0 0 90px 0; font-size:38px;}

	.mainPro {padding:150px 0;}
	.mainPro .swiper-container {width:90%;}
	.mainPro .swiper-slide {height:400px;}
	
	.pBox img {width:90%; height:auto;}
	.pBox .txt {padding:0px 0 15px 0; font-size:13px;}
	.pBox .name {font-size:16px;}

	.btnMore {width:180px; height:48px; line-height:48px; font-size:13px; border-radius:25px;}
	.btnMore img {margin:17px 0 0 5px;}
}

@media all and (max-width:1200px) {
	.mainPro .swiper-slide {height:350px;}
	.pBox .name {font-size:15px;}
}


@media all and (max-width:1000px) {
	.mainTitle {padding:0 0 60px 0; font-size:33px;}
	.mainPro .swiper-slide {height:380px;}
}

@media all and (max-width:860px) {
	.mainTitle {padding:0 0 30px 0; font-size:30px;}
	.mainPro {padding:120px 0;}
	.mainPro .swiper-slide {height:320px;}
	.btnMore {width:150px; height:40px; line-height:40px; font-size:13px; border-radius:20px;}
	.btnMore img {margin:13px 0 0 5px;}
}

@media all and (max-width:720px) {
	.mainPro .swiper-slide {height:300px;}
	.pBox .name {font-size:14px;}
	
}

@media all and (max-width:660px) {
	.mainTitle {padding:0 0 20px 0; font-size:27px;}

	.mainPro {padding:100px 0;}
	.mainPro .swiper-slide {height:330px;}
	.pBox .txt {font-size:13px;}
	.pBox .name {font-size:16px;}

	.btnMore { margin:30px auto 0;}
}

@media all and (max-width:540px) {
	.mainPro .swiper-slide {height:300px;}

	.mainPro {padding:80px 0;}
	.pBox .name {font-size:14px;}
	
}

@media all and (max-width:480px) {
	.mainTitle {font-size:25px;}
	.mainPro .swiper-slide {height:260px;}

	.btnMore {width:130px; font-size:12px;}
}

@media all and (max-width:420px) {
	.mainPro .swiper-slide {height:310px;}
	.pBox .pic {height:220px; overflow:hidden;}
	.pBox img {width:280px; height:auto; transform:translateY(-10%);}
	.pBox .txt {font-size:13px;}
	.pBox .name {font-size:16px;}
}


/* 메인 대표상품 */
.frontPro {width:1300px; margin:0 auto 250px; overflow:hidden;}
.frontPro ul {float:left; width:33.33%;}
.frontPro ul li {text-align:center;}
.frontPro .name {padding:20px 0 0 0; font-size:16px; font-weight:400;}

@media all and (max-width:1300px) {
	.frontPro {width:90%; margin:0 auto 200px;}
	.frontPro img {width:95%; height:auto;}
}

@media all and (max-width:768px) {
	.frontPro .name {font-size:14px;}
}

@media all and (max-width:860px) {
	.frontPro {margin:0 auto 150px;}
}

@media all and (max-width:640px) {
	.frontPro {margin:0 auto 100px;}
}


/* 브랜드 스토리 */
.brandWrap {width:100%; height:700px; background:url(/img/mbrand02.jpg) no-repeat center; background-size:auto 100%; padding:120px 0 0 0;}
.brandWrap .inner {width:1300px; margin:0 auto;}
.brandWrap .cell {height:50px; background:url(/img/mbrand01.png) no-repeat center left; background-size:auto; padding:0 0 0 57px; line-height:50px; font-size:50px; font-weight:600;}
.brandWrap .tit {width:50%; padding:40px 0; font-size:38px; font-weight:300; line-height:1.2;}
.brandWrap .eng {font-size:22px; font-weight:400; line-height:1.2;}
.brandWrap .btnMore {margin:40px 0 0 0;}

@media all and (max-width:1300px) {
	.brandWrap {height:600px;}
	.brandWrap .inner {width:90%;}
	.brandWrap .cell {height:40px; background-size:auto 90%; padding:0 0 0 50px; line-height:40px; font-size:40px;}
	.brandWrap .tit {padding:28px 0; font-size:35px;}
	.brandWrap .eng {font-size:18px;}
}

@media all and (max-width:1100px) {
	.brandWrap {height:500px; padding:90px 0 0 0;}
	.brandWrap .cell {height:30px; padding:0 0 0 38px; line-height:30px; font-size:36px;}
	.brandWrap .tit {width:60%; font-size:30px;}
	.brandWrap .eng {font-size:16px;}
	.brandWrap .btnMore {margin:30px 0 0 0;}
}

@media all and (max-width:820px) {
	.brandWrap {height:400px; padding:70px 0 0 0;}
	.brandWrap .cell {height:25px; padding:0 0 0 35px; line-height:25px; font-size:30px;}
	.brandWrap .tit {padding:20px 0; font-size:22px;}
	.brandWrap .eng {font-size:14px;}
	.brandWrap .btnMore {margin:15px 0 0 0;}
}

@media all and (max-width:560px) {
	.brandWrap {height:320px; padding:60px 0 0 0;}
	.brandWrap .cell {height:22px; padding:0 0 0 30px; line-height:22px; font-size:27px;}
	.brandWrap .tit {width:70%; font-size:18px;}
	.brandWrap .eng {font-size:12px;}
	.brandWrap .btnMore {margin:15px 0 0 0;}
}

@media all and (max-width:460px) {
	.brandWrap {background:url(/img/mbrand02.jpg) no-repeat 67% center; background-size:auto 100%;}
}


/* 뉴스 */
.width1300 {width:1300px; margin:200px auto 100px; padding:0 0 100px 0; overflow:hidden;}
.width1300 .mainTitle {padding:0 0 30px 0; text-align:left;}

.newsBox {float:left; width:30%; height:173px; background:#fff; padding:30px; border:1px solid rgba(0,0,0,.03); border-radius:15px; box-shadow:0 10px 15px rgba(0,0,0,.05);}
.newsBox:nth-child(3) {margin:0 5%;}
.newsBox .tit {font-size:16px; word-break:break-all;}
.newsBox .date {padding:30px 0 20px 0; font-size:13px; color:#a7a7a7;}
.newsBox .cate {background:#e1c6a5; padding:8px 15px; color:#fff; font-size:12px; font-weight:500; border-radius:50px; display:inline-block;}

@media all and (max-width:1300px) {
	.width1300 {width:90%; margin:130px auto; padding:0 0 60px 0;}
}

@media all and (max-width:960px) {
	.width1300 {margin:100px auto;}
	.newsBox {width:31%;}
	.newsBox:nth-child(3) {margin:0 3.5%;}
	.newsBox .tit {font-size:14px;}
}

@media all and (max-width:720px) {
	.newsBox {height:auto; padding:20px; box-shadow:0 7px 10px rgba(0,0,0,.05);}
	.newsBox .date {padding:20px 0; font-size:12px;}
	.newsBox .cate {padding:6px 12px; font-size:11px;}
}

@media all and (max-width:520px) {
	.width1300 {margin:80px auto;}
	.newsBox {float:none; width:100%; margin:0 0 3% 0; box-shadow:0 5px 8px rgba(0,0,0,.05);}
	.newsBox:nth-child(3) {margin:0 0 2% 0;}
	.newsBox .date {padding:5px 0 10px 0;}
}



/* 하단영역 */
.footWrap {width:100%; background:#373737; padding:70px 0;}
.footWrap .inner {width:1300px; margin:0 auto; color:rgba(255,255,255,.5); overflow:hidden;}
.footWrap .footNav {font-size:16px; font-weight:400;}
.footWrap .footNav a {margin:0 40px 0 0; color:#fff; letter-spacing:0;}
.footWrap .info {float:left; width:80%; padding:50px 0 0 0; font-size:15px; line-height:1.4;}
.footWrap .bar {margin:0 10px;}
.footWrap .copy {padding:20px 0 0 0; color:rgba(255,255,255,.7); font-size:13px; letter-spacing:0.5px;}
.footWrap .fLogo {float:right; width:138px; height:105px; background:url(/img/logo_footer.png); background-size:100%;}

@media all and (max-width:1300px) {
	.footWrap .inner {width:90%;}
}

@media all and (max-width:960px) {
	.footWrap .footNav {font-size:14px;}
	.footWrap .info {font-size:13px;}
	.footWrap .copy {font-size:12px;}
	.footWrap .fLogo {width:120px; height:91px;}
}

@media all and (max-width:768px) {
	.footWrap {padding:50px 0;}
	.footWrap .footNav a {margin:0 20px 0 0;}
	.footWrap .info {width:75%; padding:20px 0 0 0; font-size:12px;}
	.footWrap .fLogo {width:100px; height:76px;}
}

@media all and (max-width:600px) {
	.footWrap .info {width:100%;}
	.footWrap .fLogo {display:none;}
}

@media all and (max-width:465px) {
	.footWrap {padding:30px 0;}
	.footWrap .footNav a {margin:0 10px 0 0; font-size:13px;}	
	.footWrap .bar {margin:0 3.5px;}
}


/* gotop */
.scrollToTop {
	width:42px; 
	height:62px;
	background:url(/img/icon_gotop.png) center top no-repeat;
	background-size:auto;
	position:fixed;
	bottom:35px;
	right:35px;
	display:none;
	font-size:14px;
	font-weight:700;
	color:#d2d2d2;
	padding:50px 0 0 0;
	text-align:center;
	z-index:5;
	transition: 0.5s ease; -moz-transition: 0.5s ease; -webkit-transition: 0.5s ease;  -o-transition: 0.5s ease;
}

@media all and (max-width:768px) {
	.scrollToTop {right:2.5%; bottom:30px; width:30px; height:44px; padding:35px 0 0 0; background-size:100%; font-size:12px;}
}