@charset "UTF-8";

/**
 * 전체 레이아웃 css 입니다.
 */

/*
body > #wrap : 전체를 감싸는 영역
*/
body {  min-width:1200px; overflow-y:scroll;
		scrollbar-arrow-color: #dcdcdc;
        scrollbar-Track-Color: #efefef; 
        scrollbar-Face-Color: #dfdfdf;
        scrollbar-3dLight-Color: #dfdfdf;         
        scrollbar-DarkShadow-Color: #dfdfdf;
        scrollbar-Highlight-Color: #dfdfdf;
        scrollbar-Shadow-Color: #dfdfdf;
}
::-webkit-scrollbar {width: 8px; height: 8px;  }
::-webkit-scrollbar-button:start:decrement, 
::-webkit-scrollbar-button:end:increment {display: block; width: 8px;height: 8px; background: url() rgba(0,0,0,.05);}
::-webkit-scrollbar-track {     background: rgba(0,0,0,.05); }
::-webkit-scrollbar-thumb {  background: rgba(0,0,0,.1);  }
#wrap {
    width:100%;
}

/*
	header
*/
#top.header {
    position:relative;
    width: 100%;
     z-index: 48;
}

.SubSiteWidth {max-width:1200px !important; margin:0 auto !important;}
.SubEventWidth {max-width:2460px !important; margin:0 auto !important;}
.SubEventWidth#container {padding:0 20px 50px; width:calc( 100% - 40px ); }
.SubEventWidth .board-ctrl-btn {max-width:1200px; margin:0 auto;}
@media screen and (max-width:1200px){
	.SubEventWidth#container {width:100%; padding:0 0 50px;}
}
.SubSiteWidth#container{padding-bottom:50px;}

.quickAreaFix {position:relative; max-width:1200px; height:0; margin:0 auto; *zoom:1;}
/*
*  2020 리뉴얼
*/


/*
* 헤더 공통역영
*/

/* 탑배너 */
.topLineBanner { width: 100%; background: #000; min-width:1200px;}
.topLineBanner > a { display: block; text-align: center; color: #fffc3f; font-size: 17px; }
.topLineBanner > a > span { line-height: 45px; }

.topLineBannerLogin { width: 100%; background: #41279f; min-width:1200px;}
.topLineBannerLogin > a { display: block; text-align: center; color: #fff; font-size: 17px; }
.topLineBannerLogin > a > span { line-height: 45px; }

/* 헤더 로고 및 아이콘*/
#header { clear:both; width: 100%; min-width:1200px; background-color: var(--sub-bg-color); border-bottom:1px solid #dcdcdc;}
.body-main #header{background-color: var(--b-bg-color); border-bottom:0;}
.body-brandpage #header {border-bottom:0;}
#header .headerMiddle { position: relative; width: 100%; max-width:1200px; margin:0 auto; }
#header .headerMiddle .headerIcon { width: 100%; font-size: 0; padding:25px 0 10px; display:flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center;}
#header .headerMiddle .headerIcon:after {clear:both; display:block; content:"";}
#header .headerMiddle .headerIcon > div {}

#header .headerMiddle .headerIcon .headerLogo { padding-left:15px; flex-basis: 285px;  }
#header .headerMiddle .headerIcon .headerLogo a { display: block; height: 60px; line-height: 60px;  }
#header .headerMiddle .headerIcon .headerLogo a img { vertical-align: middle; }

/*#header .headerMiddle .headerIcon .headerIconRight {  padding-right:15px; flex-basis: 285px; text-align:right; }*/
#header .headerMiddle .headerIcon .headerIconRight {  padding-right:15px; flex-basis: 390px; text-align:right; }
#header .headerMiddle .headerIcon .headerIconRight > ul {}
#header .headerMiddle .headerIcon .headerIconRight > ul > li {  vertical-align: middle; }
#header .headerMiddle .headerIcon .headerIconRight > ul > li > a:first-child {padding-left:0;}
#header .headerMiddle .headerIcon .headerIconRight > ul > li > a {display: inline-block;  font-size: 15px; padding-left:15px;}
#header .headerMiddle .headerIcon .headerIconRight > ul > li span { display:block;vertical-align: middle; color:#000;}
#header .headerMiddle .headerIcon .headerIconRight > ul > li img { vertical-align: middle; max-width:30px; }
#header .headerMiddle .headerIcon .headerIconRight .search {display: inline-block;  cursor:pointer;}
#header .headerMiddle .headerIcon .headerIconRight .cart { position:relative; display: inline-block;  cursor:pointer; }
#header .headerMiddle .headerIcon .headerIconRight .cart_count {
	position: absolute;
	bottom: -3px;
	right: -4px;
	padding: 2px 6px;
	line-height: 15px;
	border-radius: 100%;
	color: #fff;
	background: #181717;
	font-size: 11px;
}
@media screen and (max-width:1840px){
	#header .headerMiddle .headerIcon .headerIconRight > ul > li {min-width:60px;}
}
@media screen and (max-width:1540px){
	#header .headerMiddle .headerIcon .headerIconRight > ul > li {min-width:50px;}
}

#header .headerMiddle .headerIcon .headerSearch { flex-basis: 600px;  position: relative; }
#header .headerMiddle .headerIcon .headerSearchBtn { display: inline-block; cursor:pointer;}
#header .headerMiddle .headerIcon .headerSearch .search { font-size: 12px; vertical-align: middle; }
#header .headerMiddle .headerIcon .headerSearch .search #search-form { width: calc(100% - 40px); }
#header .headerMiddle .headerIcon .headerSearch .search > form > fieldset > div { 
    position:relative; display: block; opacity: 1; filter: alpha(opacity=1); width: 400px; margin:0 auto; height:40px; border-bottom:2px solid #616161;
}

#header .search label {  color:#3a3635; font-size:15px; cursor:text; }
#header .search .text { width:0; height:100%; padding: 0; border:0; background:none; font-size:15px; font-weight:normal; }
#header .search .image {  padding: 5px 0 5px 7px; }
#header .ad { padding:0 10px 0 0; text-align:right; }

#header .search .searches {position:absolute; left:0; top:34px; padding-top:5px; height:24px; width:240px; text-align:center; overflow:hidden;}
#header .search .searches ul li {float:left; margin:0 0 0 10px; padding:3px 0 3px 10px; background:url('../img/etc/bar-1x11-ccc.png') no-repeat left 5px;}
#header .search .searches ul li:first-child { margin:0 0 0 15px; padding:3px 0; background:none;}
#header .search .searches ul li a {display:block; font-size:11px;}

#header.scroll-to-fixed-fixed .headerMiddle .headerIcon {padding:0;}
#header.scroll-to-fixed-fixed #gnb .inner ul li {line-height:50px;}
#header.scroll-to-fixed-fixed #gnb .inner ul li a {font-size:16px;}
#header.scroll-to-fixed-fixed .headerIconLeft_new {top:6px;}
#header.scroll-to-fixed-fixed .menu_pan {top:50px;}

/* 최근검색어 */
.search-area {float:left; position:absolute !important; top:42px !important; left:-1px; width:100% !important; padding:5px 0 10px 0; z-index:101; border:1px solid #dedede;}
.search-area, .search-area div {background:#fff !important; height:auto !important; }
.search-area > div {width:100% !important; padding:5px 0; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important;}
.search-area > div > ul > li > div {width:100% !important;  border:none !important;}
.search-area ul.recent-list {width:100%; max-height:130px; overflow-y:auto;}
.search-area ul.recent-list li.li-tit {display:none; color:#3e3d3c; font-weight: 700; padding:5px; font-size:14px;}
.search-area ul.recent-list li.li-tit_del { float:left; margin-top:5px;  height:21px; padding:0 5px; font-size:11px; line-height:20px;}
.search-area ul.recent-list li {position:relative; z-index:101; line-height:20px; text-align:left; margin-left:17px;}
.search-area ul.recent-list li span {width:70%; display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.search-area ul.recent-list li span a {font-size:13px;}
.search-area ul.recent-list li small {display:none;position:absolute; top:1px !important; right:35px;}
.search-area ul.recent-list li button.dlt_bn {position:absolute; top:3px !important; right:10px;}
.search-area ul.recent-list li.no-data { text-align:left; padding:5px 0 !important; height:auto !important; line-height: normal !important; }
.search-area ul.recent-list li div {float:none !important;}


/* 카테고리 */
#gnb {position: relative; clear:both; width:100%;}

/*#gnb .inner { width: 1200px; margin: 0 auto;}*/
#gnb .inner { width: 1250px; margin: 0 auto;}
#gnb .inner ul { font-size: 0; text-align: center; }
#gnb .inner ul li { position: relative; display: inline-block; line-height: 60px; }
#gnb .inner ul li a .PointDott {
    border: 1px solid  var(--s-point-color);
    position: absolute;
    top: 6px;
	left:50%;
	margin-left:-20px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: var(--s-point-color);
}

#gnb .inner ul li.PPointColor a{color: #800080;}
#gnb .inner ul li.FPointColor a{color: #f4614c;}
#gnb .inner ul li.ionePointColor{
    margin-right:40px;
    white-space:nowrap;
}

#gnb .inner ul li.ionePointColor .ioneCountry{
    display:inline-block;
    font-size:17px;
    line-height:30px;
    color:#333;
    white-space:nowrap;
    vertical-align:middle;
    position:relative;
    top:-6px;
}

#gnb .inner ul li.ionePointColor a{background: #037158;color: #fff;padding: 2px 3px;line-height: 1.5;transform: skew(-8deg);display: inline-block;}
/* ==============================
   아이원30 롤링
============================== */

#gnb .inner ul li.ionePointColor .ioneRollingWrap{
    position:relative;
    display:inline-block;
    width:46px;
    height:38px;
    vertical-align:middle;
    margin-right:3px;
	top:-9px;
}


/* 고정 점 */
#gnb .inner ul li.ionePointColor .ioneFixedDot{
    position:absolute;
    top:0;
    left:50%;
    transform:translateX(-50%);
    width:6px;
    height:6px;
    border-radius:50%;
    background-color:var(--s-point-color);
    z-index:2;
}


/* 롤링 박스 */
#gnb .inner ul li.ionePointColor .ioneRollingBox{
    position:absolute !important;
    left:0;
    bottom:0;
    width:46px !important;
    height:30px !important;
    overflow:hidden !important;
}


/* 움직이는 영역 */
#gnb .inner ul li.ionePointColor .ioneRollingInner{
    position:absolute !important;
    top:0 !important;
    left:0 !important;
    width:100% !important;
    height:auto !important;
    display:block !important;

    animation-name:ioneTextRolling !important;
    animation-duration:6s !important;
    animation-timing-function:ease-in-out !important;
    animation-iteration-count:infinite !important;

    font-weight:600;
}


/* 최대 / 최초 / 유일 */
#gnb .inner ul li.ionePointColor .ioneRollingInner > div{
    display:block !important;
    width:100% !important;
    height:30px !important;
    line-height:30px !important;
    font-size:19px !important;
    color:#333 !important;
    white-space:nowrap !important;
    margin:0 !important;
    padding:0 !important;
    text-align:center;
}


@keyframes ioneTextRolling{
    0%,25%{
        transform:translateY(0);
    }

    33%,58%{
        transform:translateY(-30px);
    }

    66%,91%{
        transform:translateY(-60px);
    }

    100%{
        transform:translateY(-90px);
    }
}
#gnb .inner ul li.PointColor a{color: var(--s-point-color);}
/* #gnb .inner ul li.EventIcon { background:url("../_mplshop/images/new/point_new.png") no-repeat 76% 45%; background-size:8px;} */
#gnb .inner ul li.EventIcon { background:url("https://shopagtr5422.cdn-nhncommerce.com/data/skin/front/renewal_2211/_mplshop/images/new/point_new.png") no-repeat 65% 45%; background-size:8px;}
/* #gnb .inner ul li.EventIcon a {padding:0 38px 0 35px;} */
#gnb .inner ul li.EventIcon a {padding:0 35px 0 0px;}
/* #gnb .inner ul li a { display: block; padding: 0 30px; font-size: 18px; color: #666666; font-weight:700;} */
/* #gnb .inner ul li a { display: block; padding: 0 24px; font-size: 18px; color: #666666; font-weight:700;} */
#gnb .inner ul li a { display: block; padding: 0 40px 0 0; font-size: 18px; color: #666666; font-weight:700;}

#gnb .inner ul li a span {  }
#gnb .inner ul li:hover a,
#gnb .inner ul li.selected a { color: #000;}
#gnb .inner ul li:hover a span ,
#gnb .inner ul li.selected a span { border-bottom: 3px solid #000;}

/* 사이트 카테고리 */
.sideCategory { position: absolute; left:-250px; z-index: 100; width: 250px; height: 100%; background: rgba(255,255,255,.7); -webkit-transition: left .3s; -moz-transition: left .3s; -o-transition: left .3s; transition: left .3s;}
.sideCategory.show { left: 0; }
.sideCategory .sideCategoryInner { padding: 40px; }
.sideCategory .sideCategoryInner > ul { width: 100%; margin-bottom: 43px;}
.sideCategory .sideCategoryInner > ul > li { width: 100%; margin-bottom: 24px;}
.sideCategory .sideCategoryInner > ul > li > a {display:block; line-height: 100%; font-size: 22px; color: #000; font-weight: 700; }
.sideCategory .sideCategoryInner > ul > li:hover > a span {border-bottom:3px solid #000;}
.sideCategory .sideCategoryInner .depth2 { margin-top: 17px;}
.sideCategory .sideCategoryInner .depth2 li { margin-bottom: 17px;}
.sideCategory .sideCategoryInner .depth2 a {position:relative;  display:inline-block; line-height: 100%; font-size: 15px; color: #444;}
.sideCategory .sideCategoryInner .depth2 a .redPoint{border:1px solid red; position: absolute; right:-10px; top:-2px; width:4px; height:4px; border-radius:50%; background-color:#d21e22; display:block;}
.redPoint_gnb{border:1px solid #47509a; position: relative; right:-72px; top:-41px; width:4px; height:4px; border-radius:50%; background-color:#47509a; display:block;}


.sideCategory .sideCategoryInner .hideSubCategory .depth2 { display: none; }


.recom-goods-info > div {line-height:18px;}
div.recom-goods-img {padding-bottom:10px;}

#header .customSearch { position: absolute; left: 655px; bottom: 0;}

#top.header .top-service {
	clear:both; width:100%; background: #fff; border-bottom:1px solid #000; border-top: 1px solid #ddd; z-index:14;
}

#top.header .top-service .all-category {position: absolute; top: 0; left: 0; width:40px;}
#top.header .top-service .all-category.brand { left: 65px; width: 86px;}
#top.header .top-service .all-category .allcategoryTitle { 
	position: relative;
	width:40px;
	height: 36px;
	line-height: 36px;
	font-size:14px;
	color:#000;
	text-align:left;
	cursor:pointer;
	background:#f5f5f5 url('../_mplshop/images/btn_all.jpg') no-repeat center center;
}

#top.header .top-service .all-category.brand .allcategoryTitle { width: 86px;  background:#999; text-align: center; }
#top.header .top-service .all-category.brand .allcategoryTitle a { display: block; color:#fff;}
#top.header .top-service .all-category.brand .allcategoryTitle.now_show { background:#db3e42; }

#top.header .top-service .all-category > .all-category-layer {
    visibility:hidden;
	position:absolute;
	left:0;
	top:36px;
	width:1298px;
	z-index:15;
	margin:0;
	outline:1px solid #ddd;
	background:#fff;
	opacity: 0;
	-webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
	max-height:500px; 
	overflow-y:auto;
}
.notransition {
   -webkit-transition: none !important;
   -moz-transition: none !important;
   -o-transition: none !important;
   transition: none !important;
}
#top.header .top-service .all-category > .all-category-layer.brand { left: -65px; max-height:500px; overflow-y:auto;}
#top.header .top-service .all-category > .all-category-layer.dbvisi {opacity: 1;}
#top.header .top-service .all-category > .all-category-layer:after {clear:both; display:block; content:"";}
#top.header .top-service .all-category .all-category-layer .categoryLayerTitle { height: 54px; line-height: 54px; background: #F5F5F5; border-bottom: 1px solid #ddd; text-align: center; color:#000; font-size:16px; font-weight: 700;  }
#top.header .top-service .all-category .all-category-layer > dl {	
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
}
#top.header .top-service .all-category .all-category-layer > dl:after {clear:both; display:block; content:"";}

#top.header .top-service .all-category .all-category-layer > dl > dd { 
	float: left; width:16.22%; padding:0 0 5px; 
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
}
#top.header .top-service .all-category .all-category-layer > dl > dd:after {clear:both; display:block; content:"";}

#top.header .top-service .all-category .all-category-layer dd h1 {
	display:block; 
	height:35px; 
	line-height:35px; 
	margin:8px 25px 0; 
	color:#000;
	text-align:center; 
	font-size:14px;
	overflow:hidden;
}
#top.header .top-service .all-category .all-category-layer dd h1 a {color:#000;}

#top.header .top-service .all-category .all-category-layer .categoryLine { margin: 0 21px; height: 9px; background: url('../_mplshop/images/all_menu_titline_grey.png') no-repeat center center ;}
#top.header .top-service .all-category .all-category-layer dd:hover .categoryLine { background: url('../_mplshop/images/all_menu_titline_black.png') no-repeat center center ;}

#top.header .top-service .all-category .all-category-layer dd .subCategory {  padding:19px 21px;}
#top.header .top-service .all-category .all-category-layer dd .subCategory dd { line-height:20px; text-align: center; }
#top.header .top-service .all-category .all-category-layer dd .subCategory dd a { padding: 0 20px 1px 0; font-size:12px; color:#555555; }
#top.header .top-service .all-category .all-category-layer dd .subCategory dd a:hover { color:#999; text-decoration:underline; background: url('../_mplshop/images/all_menu_ico_o.png') no-repeat center right;  }
#top.header .top-service .all-category .all-category-layer .allcategoryClose { display: none; position: absolute; bottom: -50px; right: 0; width: 65px; height: 50px; background: url('../_mplshop/images/all_menu_close.png') no-repeat; cursor:pointer;} 

.top-service .lnb{	padding-left: 40px; min-height:36px; visibility:hidden;  min-width:1200px;}
.top-service .lnb  > .category.type-layer .sub-category {padding:15px 20px 15px 20px; position:absolute; min-width: 100%; top:36px; left:0; z-index:10; border:1px solid #867B79; box-sizing: border-box; background-color:#fff; white-space: nowrap; }
.top-service .lnb  > .category.type-layer .sub-category.nopad {border:none; padding:0;}
.top-service .lnb  > .category.type-layer .sub-category ul { opacity: 0; padding-bottom:10px;}

.top-service .lnb  > .categoryBannerArea {display:none;}
.top-service .lnb  > .category.type-layer .categoryBanner { vertical-align: top; text-align:center;}
.top-service .lnb  > .category.type-layer .categoryBanner a img {}
.top-service .lnb  > .category.type-layer .sub-category.nopad .categoryBanner a img{ padding:15px 20px 15px 20px; border:1px solid #867B79;}

.top-service .lnb  > .category.type-layer .sub-category.dbvisi > ul {opacity: 1;}
.top-service .lnb  > .category.type-layer .sub-category ul.dbvisi {opacity: 1; z-index:13;}
.top-service .lnb  > .category.type-layer .sub-category ul li:hover { background:#dfdfdf;}
.top-service .lnb  > .category.type-layer .sub-category ul h1 { padding: 10px 0 7px; margin: 0 0 10px; border-bottom: 1px solid #4E4B46; background: url("../_mplshop/images/arrow_blue.png") no-repeat 95% 16px; }
.top-service .lnb  > .category.type-layer .sub-category ul h1 a { display: block; color:#3947B6; font-size:14px;  }
.top-service .lnb  > .category.type-layer > li { position:relative; float:left; min-height:36px; }
.top-service .lnb  > .category.type-layer > li > a {display:block; padding:0; color:#000; height:36px; font-size:14px; line-height: 36px; }
.top-service .lnb  > .category.type-layer > li > a > img {vertical-align: middle;}
.top-service .lnb  > .category.type-layer ul li.hasChild > a { background: url('../_mplshop/images/arrow_st1.png') no-repeat 95% 50%;}
.top-service .lnb  > .category.type-layer > li > a:hover,
.top-service .lnb  > .category.type-layer > li > a.has-sub {
    position:relative;
    top:0;
    left:0;
    z-index:9;
	background: url('../_mplshop/images/naviover_bar.jpg') repeat-x 100% 100%;
}
.top-service .lnb  > .category.type-layer > li .naviBar { display: none;}
.top-service .lnb  > .category.type-layer > li > a.has-sub .naviBar { display: block; position: absolute; bottom: 0; left: 50%; z-index: 10; margin-left: -6px;}

.top-service .lnb  > .category.type-layer li { position:relative; }
.top-service .lnb  > .category.type-layer .sub-category > ul > li > a {  display:block; height:25px; line-height:25px; font-size:14px; color:#000; text-align: left; white-space: nowrap; }
.top-service .lnb  > .category.type-layer .sub-category > ul > li > ul { position:absolute; top:-8px; left:100%; background:#fff; border:1px solid #ddd; padding:15px; z-index: 12;}
.top-service .lnb  > .category.type-layer .sub-category > ul > li > ul > li > a { display:block; height:25px; line-height:25px; padding:0 20px 0 10px; font-size:12px; color:#7b7b7b; text-align: left; white-space: nowrap;}
.top-service .lnb  > .category.type-layer .sub-category > ul > li > ul > li > ul { position:absolute; top:-8px; left:100%; background:#fff; border:1px solid #ddd; padding:15px; z-index: 12;}
.top-service .lnb  > .category.type-layer .sub-category > ul > li > ul > li > ul > li > a { display:block; height:25px; line-height:25px; padding:0 20px 0 10px; font-size:12px; color:#7b7b7b; text-align: left; white-space: nowrap;}




/*
	container
*/
.container {
    position:relative;
    max-width:1200px;
    margin:0 auto;
}
.container:after {
    content:"";
    display:block;
    clear:both;
}

#container {
    display:table;
    table-layout:fixed;
    position:relative;
    width:100%;
    margin:0 auto;
	min-height:400px;
}
.body-goods-view #container {position:static;}
#container:after {
    content:"";
    display:block;
    clear:both;
}

#container > #content {
    display:table-cell;
    width:100%;
    /*padding:0 0 20px;*/
    vertical-align:top;	
}
#container > #content > .contents{
	clear:both;
	max-width:1200px;	
	margin:0 auto;
}
#container > #content > .contents > .view {
	position:relative;
}
#container > #content > .contents > .view .goad-banner {
   
}
/*
	scroll banner
*/
#scroll-left {
	opacity: 0;
	filter: alpha(opacity=0); 
	position:fixed;
	left:0;
	top:150px;
	width:112px;
	z-index:13;
}

.mainArea #scroll-right {
	position:absolute;
	top:580px;
	right:-142px;
	width:115px;
	z-index:5;
}
.subArea #scroll-right {
	position:absolute;
	top:50px;
	right:-142px;
	width:115px;
	z-index:5;
}
#scroll-right .quickRight{ display: none; width:100%; height:100%; }
#scroll-right .quickRight .quickLink {clear:both; border: 2px solid #303030; border-width: 2px 0; padding: 8px 0; text-align:center;}
#scroll-right .quickRight .quickLink ul li { margin-top: 6px;}
#scroll-right .quickRight .quickLink ul li:first-child { margin: 0;}
#scroll-right .quickRight .quickLink ul li a { display: block;}

#scroll-right .recent-list { position: relative; }

.recent-list .listarea { position: relative; width:100%; height:100px; margin-top: 5px; border-bottom: 2px solid #303030; overflow:hidden;}
.recent-list .listarea h2 { line-height: 26px; color:#4c4a4a; font-size:12px; text-align: center; font-weight:normal; }
/* .recent-list .listarea ul { width:68px; padding:0 11px; } */
.recent-list .listarea ul { width:68px; padding:0 24px; }
.recent-list .listarea li { margin-bottom: 5px;}
.recent-list .listarea li a { color:#2e2e2e; }
.recent-list .listarea li img { max-width:68px;  }
.recent-list .listarea .paging { position: absolute; top: 58px; padding: 0; cursor:pointer; }
.recent-list .listarea .paging_prev { left: 1px; }
.recent-list .listarea .paging_next { right: 1px;}

#scroll-right .quickSns { margin-top: 10px; text-align: center; }
#scroll-right .quickSns a { margin: 0 2px;}

.scrollMoveBtn { position:fixed; bottom:30px; right:15px; z-index: 100;}
.scrollMoveBtn div { margin-top: 5px;}
.scrollMoveBtn div:first-child { margin-top: 0;}

/*
	footer
*/
#footer { background: #037158; }
#footer .inner { overflow:hidden; position:relative; max-width:1200px; padding: 50px 0 0; margin: 0 auto; *zoom:1;}

#footer .footerContent .footerBanner ul { font-size:0; }
#footer .footerContent .footerBanner ul li { display: inline-block; margin-left: 4.8%; }
#footer .footerContent .footerBanner ul li:first-child { margin-left: 0;}

#footer .footerContent2 { position:relative; z-index:12; font-size:11px; line-height:1.5em; color:#1b1b1b; }
#footer .footerContent2 .footerCs { padding: 0 0 0 130px; margin: 0; }
#footer .footerContent2 .footerCs h1 { margin-bottom: 10px; line-height: 100%; font-weight:400; font-size:24px; }
#footer .footerContent2 .footerCs .footertel { margin-bottom: 10px; line-height: 100%; font-weight:400; font-size:24px; }
#footer .footerContent2 .footerCs h1 a { color:#94ffe9; }
#footer .footerContent2 .footerCs .footertel a { color:#94ffe9; }
#footer .footerContent2 .footerCs h2 { margin-bottom: 10px; line-height: 100%; font-weight:400; color:#fff; font-size:20px; }
#footer .footerContent2 .footerCs .footerctm { margin-bottom: 10px; line-height: 100%; font-weight:400; color:#fff; font-size:20px; }
#footer .footerContent2 .footerCs ul { font-size:0;   }
#footer .footerContent2 .footerCs ul li { display: inline-block; padding: 0 15px; border-left: 1px solid #707070; color:#92beb4; font-size:14px; font-weight:400; }
#footer .footerContent2 .footerCs ul li:first-child { border: 0; padding-left: 0;}
#footer .footerContent2 .footerCs ul li.content2 {display:block; clear:both; border-left:none; padding-left:0; line-height:22px;}

.footerUtil { width: 100%; padding:0 0 0; box-sizing:border-box;}
.footerUtil ul { overflow: hidden; font-size:0; text-align: left;}
.footerUtil ul li {position:relative; display: inline-block; height: 24px; line-height: 24px;  }
.footerUtil ul li:before {clear:both; content:""; display:inline-block; position:absolute; left:0; top:6px; height:14px; width:1px; background-color:#92beb4;}
.footerUtil ul li:first-child:before { display:none; }
.footerUtil ul li a { padding: 0 14px; color:#92beb4; font-size:14px; }
.footerUtil ul li:first-child a {  padding-left: 0;}

.footerUtil2 { width: 100%; margin-bottom: 20px;  }
.footerUtil2 ul { overflow: hidden; font-size:0; text-align: left; }
.footerUtil2 ul li { position:relative; display: inline-block; height: 24px; line-height: 24px;  }
.footerUtil2 ul li a { padding: 0 14px; border:none; color:#fff; font-size:15px; }
.footerUtil2 ul li:before {clear:both; content:""; display:inline-block; position:absolute; left:0; top:5px; height:15px; width:1.5px; background-color:#ddd;}
.footerUtil2 ul li:first-child:before { display:none; }
.footerUtil2 ul li:first-child a{ padding-left: 0; }
.footerUtil2 h1 { margin-bottom: 20px; line-height: 100%; font-weight:400; color:#fff; font-size:20px; }
.footerUtil2 .footername { margin-bottom: 20px; line-height: 100%; font-weight:400; color:#fff; font-size:20px; }

#footer .footerContent1 { float: left; width: 65%; border-right: 1px solid #609f92; box-sizing:border-box; }
#footer .footerContent2 { float: left; width: 35%;}



.footerInfo { width: 100%; position: relative; text-align: center;}
.ft_info_area {display:table; margin:0 0;padding:0 0 20px;}
.ft_info{display:table-row;line-height:22px;text-align:left}
.ft_info dt{float:left;  font-size:13px;color:#92beb4;display:table-cell; vertical-align:top;word-break: break-all;}
.btn_licensee_info { color: #92beb4;}

.s_title { text-align: center; padding-bottom: 15px;}
.s_title h3 { margin-bottom: 12px; color:#000; font-size:17px; }
.s_title p { color:#a1a1a1; font-size:14px; }

#header.scroll-to-fixed-fixed #gnb .inner .menu-title-new {
    font-size: 16px;
}