@charset 'utf-8';

/*
 * Copyright    :    ONEDAYNET.CO.KR
 * SOLUTION     :    HYSSENCE 3.0
 * Directory    :    pages/css/
 * File         :    hyssence.css
 * SUMMARY      :    아엠홈 맞춤제작
 */



/* ********************************************** *
 * HEDAER
 * ********************************************** */
.header {width: 100%; border-bottom: 1px solid #e5e5e5;}
.header.if_main {border-bottom: 0;}
.header li {list-style: none;}
.header .layout_fix {max-width: 100%;}

/* 레이아웃잡기 */
.header .box_table {display:flex; justify-content: space-between; align-items: center; flex-direction:row;}
.header .box_table .box_li {display:flex; justify-content: flex-start; align-items: center; flex-direction:row;}
.header .box_table .right {text-align:right}

.header .top {position:relative;}
.header .top .box_table .box_li {height:110px;}

.header .nav {background:#fff; box-sizing: border-box;}
.header .nav .box_table .box_li {height:75px;}


/* 로고 */
.header .logo_box {box-sizing: border-box; font-size:0px; float:left; height:110px;  overflow:hidden;}
.header .logo_box {display:inline-flex; justify-content: center; align-items: flex-start; flex-direction:column;}
.header .logo_box {transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;}
.header .logo_box img {max-height: 65px; max-width:200px}
.header .logo_box  .small img {max-width:60px;}

.header .top .logo_box .big {display:inline-block;}
.header .top .logo_box .small {display:none;}
.header .nav .logo_box {height:75px; width:0px;}
.header .nav .logo_box .big {display:none;}
.header .nav .logo_box .small {display:inline-block;}

/* 기본메뉴 */
.header .top_box {display:inline-block;}
.header .top_box ul {display:table;}
.header .top_box li {display: inline-block; float: left;  position:relative; overflow:hidden; height:40px;}
.header .top_box li:last-of-type {margin-right: -10px;}
.header .top_box li+ li {margin-left: 35px;}
.header .top_box .btn {padding: 0 10px; box-sizing: border-box;}
.header .top_box .tx {position: relative; font-family: 'Campton'; font-size: 31px; color: #000; font-weight: 600; letter-spacing: -0.7px; line-height: 1; height:40px; line-height:40px;}
.header .top_box .tx {transition: all 0.8s ease-out; -webkit-transition: all 0.8s ease-out;}
.header .top_box .btn .tx:before {content: ''; position: absolute; right: 0; bottom: -3px; width: 100%; height: 6px; background: #fff; z-index: -1; display:none;}
.header .top_box .btn:hover .tx:before {background: #ddd;}

.header .top_box .kr {color:#b38877; font-size:25px; font-weight:600; letter-spacing:-1px; position:absolute; left:0; top:-40px; width:100%; box-sizing:border-box; text-align:center;}
.header .top_box .kr {transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; height:40px; line-height:40px; letter-spacing:5px;}

.header .top_box li:hover .kr {top:0}
.header .top_box li:hover .tx {opacity: 0.1; filter: alpha(opacity=10); -ms-filter:alpha(opacity=10); transform:translate(0,40px); -webkit-transform:translate(0,40px);}


/* 상품카테고리 */
.header .ctg_box {display:inline-block;}
.header .ctg_box {transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;}
.header .ctg_box .ul {display:table; margin-left: -30px;}
.header .ctg_box .li {display:table-cell; vertical-align:middle; position:relative; padding-left: 20px; height: 75px;}
.header .ctg_box .ctg1 {padding: 10px 10px; box-sizing: border-box; display: inline-block; float: left; }
.header .ctg_box .ctg1 .tx {position: relative; font-size: 19px; color: #000; font-weight: 600; letter-spacing: -0.5px; line-height: 1; white-space:nowrap}
.header .ctg_box .ctg1 .tx {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.header .ctg_box .ctg1 .bar {position: absolute; bottom: -8px; left: 0; width:calc(100%); height:3px; background:#b38877;}
.header .ctg_box .ctg1 .bar {-webkit-transform: scaleX(0); transform: scaleX(0); will-change: transform; transform-origin: top right;}
.header .ctg_box .ctg1 .bar {transition: transform 900ms cubic-bezier(0.19, 1, 0.22, 1); transition: -webkit-transform 900ms cubic-bezier(0.19, 1, 0.22, 1);}
.header .ctg_box .li:hover .bar {-webkit-transform-origin: top left; transform-origin: top left; -webkit-transform: scaleX(1); transform: scaleX(1);}
.header .ctg_box .li:hover .tx {color: #b38877;}
.header .ctg_box .depth2_box {position:absolute; left:0; top:75px; min-width: 160px; display: none; z-index:10; background:#fff; padding: 40px 20px 45px 20px; border: 1px solid #e5e5e5; border-top: 0; box-sizing: border-box; overflow: hidden;}
.header .ctg_box .depth2_box .ctg2 {display:block; white-space:nowrap; min-width: 60px; font-size: 15px; color: #888; font-weight: 400; letter-spacing: -0.3px; line-height: 36px; padding-left: 10px;}
.header .ctg_box .depth2_box .ctg2:hover {text-decoration: underline;}
.header .ctg_box .li:hover .depth2_box {display:block;}
.header.if_main .depth2_box {border-color: transparent;}
.header .is-sticky .ctg_box .li {height: 85px;}
.header .is-sticky .ctg_box .depth2_box {top: 85px;}

/* 사이트메뉴 (타입별상품) */
.header .side_box {display:inline-block; margin-left: 30px;}
.header .side_box ul {display:table; }
.header .side_box .li {display:table-cell; vertical-align:middle; }
.header .side_box .btn {padding: 10px 12px; box-sizing: border-box; display: inline-block; float: left; height: 37px;}
.header .side_box .tx {position: relative; font-size: 16px; color: #888; font-weight: 300; letter-spacing: -0.5px; line-height: 1; white-space:nowrap;}
.header .side_box .btn:hover .tx:before {content: ''; position: absolute; bottom: -4px; left: 0; width: 100%; height: 1px; background: #888;}

/* 로그인메뉴 */
.header .go_box {display:inline-block; margin-top:-5px;}
.header .go_box ul {display:table; margin-right: -10px;}
.header .go_box li {display:table-cell; vertical-align:middle; white-space: nowrap;}
.header .go_box .btn {overflow: hidden; padding: 10px; box-sizing: border-box; position: relative;}
.header .go_box img {float: left;}
.header .go_box .tx {font-size: 13px; color: #333; font-weight: 400; letter-spacing: -0.3px; height: 20px; line-height: 20px; margin-left: 5px; white-space:nowrap;}
.header .go_box .cart .tx {margin-left: 10px;}
.header .go_box .num {letter-spacing: -0.3px; margin-left: 3px; margin-top: 5px; background: #b38877; border-radius: 50px; box-sizing: border-box; }
.header .go_box .num {font-weight:600; font-family: 'Campton'; font-size: 12px; color: #fff; line-height:20px;}
.header .go_box .num {position: absolute; top: -4px; left: 18px; min-width: 18px; height: 18px; text-align: center; border: 1px solid #b38877; letter-spacing: 0.3px;}
.header .go_box .if_search {display:none;}

/* 통합검색 */
.header .search_box {display:inline-block; margin-right:30px; height:50px; margin-top:-15px;}
.header .search_box .search_inner {position:relative;}
.header .search_box .search_form {position:relative; }
.header .search_box .input_search {font-size: 17px; color: #000; letter-spacing: -0.5px; border-bottom:1px solid #000; width:250px; box-sizing: border-box; }
.header .search_box .input_search {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.header .search_box .input_search {height:50px;}

.header .search_box .input_search::placeholder {font-family: 'Campton', 'Noto'; color: #999; font-size: 23px; font-weight: 300;}
.header .search_box .btn_search {position:absolute; right:5px; bottom:0; width:30px; height:40px; background: transparent url('../images/iamhome/search_ic.png') left top no-repeat;}

.header .open_keyword {position:absolute; left:0; top:60px; z-index:1000; text-align:center; width:100%; height:0px; overflow:hidden; width:420px; box-sizing:border-box; padding-top:50px;}
.header .open_keyword .search_form {display:none;}
.header .open_keyword .input_search {width:100%;} 
.header .open_keyword .key_box {text-align:left; display:inline-block; position:relative; max-width:550px; }
.header .open_keyword .key_tit {color:#000; font-size:23px; font-weight: 500; letter-spacing: -1.1px;}
.header .open_keyword .key_list {margin-top:13px; margin-left: -10px; max-height: 170px; overflow: hidden;}
.header .open_keyword .key_list .link {font-size: 15px; color: #aaa; letter-spacing: -0.4px; padding:5px 10px; display:inline-block; white-space: nowrap;}
.header .open_keyword .key_list .link:hover {text-decoration: underline;}

.header .open_bg_black {position:fixed; left:0; top:185px; width:100%; height:100%; z-index:998; background:rgba(0,0,0,0.4); display:none;}
.header .open_bg_white {position:absolute; left:0; top:75px; width:100%; height:0; z-index:999; background:#fff; overflow:hidden;}
.header .open_bg_white:before {content:""; width:100%; height:1px; background:#eee; position:absolute; left:0; top:0; z-index:1001;}
.header .open_bg_white {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; }
.header .open_bg_white .btn_close {position:absolute; right: 50px; top: 45px; z-index: 1001;}

.if_open_asearch .open_keyword {height:335px;}
.if_open_asearch .open_bg_black {display:block;}
.if_open_asearch .open_bg_white {height:335px;}

.if_open_asearch .search_box .input_search {width:430px;} 



/* 스크롤내리면 고정 */
.is-sticky {z-index:100;}
.is-sticky .nav {position:fixed; left:0; top:0; z-index:1000; width:100%; box-shadow:0 10px 10px rgba(0,0,0,0.05); padding-bottom: 0;}
.is-sticky .nav .logo_box {width:70px;}
.is-sticky .nav .box_table .box_li {height: 85px;}
.is-sticky .go_box .tx {display:none;}
.is-sticky .open_keyword .key_box {margin-top: 50px;}
.is-sticky .open_bg_white .btn_close {top: 60px;}

.is-sticky .open_bg_black {top:85px; position:fixed;}
.is-sticky .open_bg_white:before {display:block;}
.if_open_asearch .is-sticky .open_bg_white {height: 450px;}

.is-sticky .search_box .search_form {display:none;}
.is-sticky .search_box .open_keyword {position:fixed; left:auto; right:50%; width:430px; margin-right:-215px; padding-top:50px;}
.is-sticky .search_box .open_keyword .search_form {display:block;}
.is-sticky .search_box .input_search:focus {width:430px;}

.is-sticky .go_box .if_search {display:table-cell;}
.is-sticky .ctg_box .ul {margin-left: -5px;}
.is-sticky .side_box {margin-left: 20px;}


@media screen and (max-width: 1550px) {
    .header .go_box .tx {display: none;} 
}




/* ********************************************** *
 * FOOTER
 * ********************************************** */
.footer {margin-top:150px; padding-bottom:80px}
.footer.if_main {margin-top:120px;}
.footer li {list-style:none;}
.footer .line {width: 100%; height: 2px; background: #000;}

.footer .btn_type1 {font-size: 12px; color:#888; margin-left:5px; letter-spacing:-0.4px; font-weight:400; border: 1px solid #e5e5e5; height: 23px; line-height: 21px; box-sizing: border-box; padding: 0 5px;}
.footer .btn_type1:hover {background: #f5f5f5;}

/* 하단메뉴 */
.footer .bottom_menu {}
.footer .bottom_menu .flex {margin-top: 50px; display: flex; justify-content: space-between; align-items: center;}
.footer .bottom_menu .menu_box {display:inline-block; overflow: hidden; margin-left: -17px; }
.footer .bottom_menu .menu_box li {display:inline-block; float:left;}
.footer .bottom_menu .menu_box .btn {font-size: 16px; color:#333; font-weight: 400; letter-spacing:-0.5px; padding:10px 17px; box-sizing: border-box; line-height: 1;}
.footer .bottom_menu .menu_box .btn:hover {text-decoration:underline;}

/* 회사이름,sns바로가기 */
.footer .shop_name {color:#666; font-size:23px; letter-spacing:-1px; float:left; margin-bottom:10px;}
.footer .sns_box {min-height: 47px;}
.footer .sns_box li {list-style:none; float:left;}
.footer .sns_box li+ li {margin-left: 1px;}
.footer .sns_box .sns {padding:10px 6px; position:relative; opacity: 0.2; filter: alpha(opacity=20);}
.footer .sns_box .sns:hover {opacity: 1; filter: alpha(opacity=100);}
.footer .sns_box .sns img {height:27px;}

/* 카피라잇 영역*/
.footer .copyright {display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; width:100%; margin-top:38px; box-sizing:border-box;}
.footer .copyright .li {list-style:none; box-sizing:border-box;}
.footer .copyright .li.info {padding-right:30px;}
.footer .copyright .li.pg {text-align: right;}
.footer .copyright .li.pg .tt {font-size: 13px; color: #999; font-weight: 400; letter-spacing: -0.spx; line-height: 27px; word-break: keep-all;}

/* 회사정보 */
.footer .info_box {overflow:hidden;}
.footer .info_box li {overflow:hidden;}
.footer .info_box .txt {position:relative; padding-right: 15px; font-size: 14px; font-weight: 400; color:#999; float:left;}
.footer .info_box .txt {word-wrap:break-word; word-break:keep-all; white-space:normal; line-height:28px; letter-spacing: -0.5px;}
.footer .info_box .copy {font-family: 'Campton'; font-size: 15px; color:#999; font-weight: 300; letter-spacing: -0.5px; margin-top:35px;}

/* PG 정보 */
.footer .pg_box {box-sizing:border-box; overflow:hidden; margin-top:10px;}
.footer .pg_box .ic_pg {display: none; float:left; width:68px; padding:4px 0 0 3px; box-sizing:border-box;}
.footer .pg_box .ic_pg img {width:50px; max-height:70px;}
.footer .pg_box .pc_txt {}
.footer .pg_box .txt {font-size: 14px; color: #999; font-weight: 400; letter-spacing: -0.6px; word-wrap:break-word; word-break:keep-all; line-height: 22px;}
.footer .pg_box .btn_type1 { margin-top: 10px;}

/* 보안서버 정보 */
.footer .ssl {padding-top:35px; overflow:hidden;}
.footer .ssl li {list-style:none; float:left;}
.footer .ssl li+ li {margin-left:10px}
.footer .ssl img {height:40px !important; }










/* ********************************************** *
 * 메인 단락 타이틀
 * ********************************************** */
.main_title {text-align:center; font-size:23px; color:#000;}







/* ********************************************** *
 * 메인 비주얼배너
 * ********************************************** */
.main_visual {position:relative; overflow:hidden;}
.main_visual:before {content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background:transparent url('../images/skin/black_10.png') left top repeat-x; z-index:1}

/* 롤링배너 */
.main_visual .rolling_box {position:relative;}
.main_visual .visual_box {height:400px; background-position:center top;}
.main_visual .visual_img {width:1050px; height:400px; background-position:center top; position:absolute; left:50%; top:0; margin-left:-525px}

/* 롤링 아이콘 */
.main_visual .rolling_icon {position:absolute; left:0; bottom:30px; width:100%; text-align:center; z-index:11;}
.main_visual .rolling_icon .lineup {display:inline-block; overflow:hidden;}
.main_visual .rolling_icon .icon {width:12px; height:12px; float:left; margin:0 6px; background:transparent url('../images/skin/main_nate.png') left top no-repeat;}
.main_visual .rolling_icon .active {background-position:right top !important;}
.main_visual .rolling_icon .icon:hover {background-position:right bottom;}

/* 롤링 이전다음버튼 */
.main_visual .prevnext {position:absolute; top:50%; z-index:3; margin-top:-29px}
.main_visual .prevnext.prev {left:20px; }
.main_visual .prevnext.next {right:20px;}
.main_visual .prevnext a {display:block; }
.main_visual .prevnext .icon {width:55px; height:55px; box-sizing:border-box; border:1px solid rgba(0,0,0,0.3);}
.main_visual .prevnext.prev .icon {background:transparent url('../images/skin/main_visual_prev.gif') center center no-repeat;}
.main_visual .prevnext.next .icon {background:transparent url('../images/skin/main_visual_next.gif') center center no-repeat;}
.main_visual .prevnext a:hover .icon {background-color:#fff; border-color:#666;}








/* ********************************************** *
 * 메인 MD'S PICK
 * ********************************************** */
.main_md {margin-top:45px; text-align:center;}

/* 카테고리 탭 */
.main_md .md_tab {text-align:center; overflow:hidden; margin-top:15px}
.main_md .md_tab ul {display:inline-block;}
.main_md .md_tab li {list-style:none; float:left; }
.main_md .md_tab .btn {display:block; text-align:center; min-width:120px; border:1px solid #ddd; border-left:0 !important; background:#f5f5f5; position:relative; box-sizing:border-box;}
.main_md .md_tab .btn {height:31px; line-height:28px; font-size:13px; color:#888; padding:0 10px;}
.main_md .md_tab li:first-child .btn {border-left:1px solid #ddd !important;}
.main_md .md_tab li:hover .btn { border-color:#999;}
.main_md .md_tab li:hover .btn:before {content:''; position:absolute; left:-1px; top:-1px; width:1px; height:35px; background:#999; z-index:1}
.main_md .md_tab .hit .btn {border:1px solid #ddd !important; border-left:0 !important; color:#333; background:#fff;}
.main_md .md_tab .hit .btn:before {display:none;}
.main_md .md_tab .hit .btn:after {content:''; position:absolute; left:0; bottom:-1px; width:100%; height:1px; background:#fff;}

/* 롤링 아이콘 */
.main_md .rolling_icon {text-align:center; position:relative; margin-top:-10px;}
.main_md .rolling_icon .lineup {display:inline-block; position:relative; height:12px;}
.main_md .rolling_icon .icon {width:12px; height:12px; float:left; margin:0 6px; background:transparent url('../images/skin/main_nate.png') left top no-repeat;}
.main_md .rolling_icon .active {background-position:right top !important;}
.main_md .rolling_icon .icon:hover {background-position:right bottom;}

/* 롤링 이전다음버튼 */
.main_md .prevnext {position:absolute; top:-5px; z-index:10; display:none;}
.main_md .prevnext.prev {left:-35px; }
.main_md .prevnext.next {right:-35px;}
.main_md .prevnext a {display:block; padding:5px 10px; overflow:hidden;}
.main_md .prevnext .icon {width:7px; height:12px; background:transparent url('../images/skin/main_nate_pvnx.gif') left top no-repeat !important;}
.main_md .prevnext.next .icon {background-position:right top !important;}
.main_md .prevnext.prev:hover .icon {background-position:left bottom !important;}
.main_md .prevnext.next:hover .icon {background-position:right bottom !important;}

/* 상품노출 */
.main_md .item_list {margin-top:20px;}
.main_md .item_box .item_name {font-weight:400; color:#666;}
.main_md .item_box .info {border:0 !important; }

.main_md .c_none {height:411px; margin:0px; padding-top:150px; box-sizing:border-box; border:1px solid #eee; margin-top:20px;}




/* ********************************************** *
 * 메인 중간배너
 * ********************************************** */
.main_ad {margin-top:50px}
.main_ad li {list-style:none;}
.main_ad a {float:left;}
.main_ad .banner {overflow:hidden;}

/* 배너 3개 */
.main_ad .triple {overflow:hidden;}
.main_ad .triple ul {margin-left:-18px; margin-top:-18px}
.main_ad .triple li {float:left; width:33.3333%; height:180px; overflow:hidden; margin-top:18px; box-sizing:border-box;}
.main_ad .triple .banner {margin-left:18px;}
.main_ad .triple li img {width:100%; min-width:338px}

/* 배너1개 */
.main_ad .single {overflow:hidden;}
.main_ad .single ul {margin-top:-18px}
.main_ad .single li {margin-top:18px; overflow:hidden;}
.main_ad .single li img {width:100%; float:left;}

/* 배너 공간구분 */
.main_ad .triple+ .single {margin-top:18px}
.main_ad .single+ .triple {margin-top:18px}










/* ********************************************** *
 * 메인 카테고리베스트
 * ********************************************** */
.main_ctg {margin-top:50px; background:#f5f5f5; overflow:hidden;}
.main_ctg .layout_fix {padding:40px 0;}
.main_ctg .best_box {background:#f5f5f5; margin-top:20px; overflow:hidden; padding:40px 0; position:relative;}
.main_ctg .main_title {background:#fff; padding-bottom:15px;}


 /* 카테고리 탭 */
.main_ctg .best_tab { border-bottom:1px solid #ccc; box-sizing:border-box; position:relative;}
.main_ctg .best_tab ul {display:table; box-sizing:border-box;}
.main_ctg .best_tab li {list-style:none; display:table-cell; border:1px solid #ccc; border-bottom:0;}
.main_ctg .best_tab .btn {display:block; text-align:center; height:33px; line-height:31px; letter-spacing:-0.5px; color:#888; position:relative; padding:0 15px;}
.main_ctg .best_tab .hit { border-color:#ccc; }
.main_ctg .best_tab .hit .btn {color:#333; background:#fff !important;}
.main_ctg .best_tab .hit .btn:after {content:''; position:absolute; left:-1px; top:-1px; width:1px; height:35px; background:#ccc;}
.main_ctg .best_tab .hit .btn:before {content:''; position:absolute; left:0; bottom:-1px; width:100%; height:1px; background:#fff; z-index:2}
.main_ctg .best_tab li:hover .btn {background:#fff;}
.main_ctg .best_tab .btn_more {position:absolute; right:0; top:3px; z-index:10}
.main_ctg .best_tab .btn_more .tx {padding:5px 10px 5px 5px; background:transparent url('../images/skin/main_ctg_arrow.gif') right 9px no-repeat; letter-spacing:-1px; color:#999;}
.main_ctg .best_tab .btn_more:hover .tx {color:#333;}

/* 롤링아이콘 */
.main_ctg .rolling_wrap {border:1px solid #ccc; background:#fff; padding:30px 40px; margin-top:-1px; text-align:center;}
.main_ctg .rolling_icon {text-align:center; position:relative;}
.main_ctg .rolling_icon .lineup {display:inline-block; position:relative; height:12px;}
.main_ctg .rolling_icon .icon {width:12px; height:12px; float:left; margin:0 6px; background:transparent url('../images/skin/visual_nate.png') left top no-repeat;}
.main_ctg .rolling_icon .active {background-position:right top !important;}
.main_ctg .rolling_icon .icon:hover {background-position:right bottom;}

/* 롤링 이전다음버튼 */
.main_ctg .prevnext {position:absolute; top:-5px; z-index:10; display:none;}
.main_ctg .prevnext.prev {left:-35px; }
.main_ctg .prevnext.next {right:-35px;}
.main_ctg .prevnext a {display:block; padding:5px 10px; overflow:hidden;}
.main_ctg .prevnext .icon {width:7px; height:12px; background:transparent url('../images/skin/md_arrow.gif') left top no-repeat !important;}
.main_ctg .prevnext.next .icon {background-position:right top !important;}
.main_ctg .prevnext a:hover {background:#fff;}

/* 상품노출 */
.main_ctg .item_list .item_name {font-weight:400; color:#666;}
.main_ctg .item_list .sub_name {display:none !important;}
.main_ctg .item_list .info {border:0 !important; padding-bottom:20px; height:74px;}
.main_ctg .item_list .info .price {top:36px; }

.main_ctg .item_list.if_col3 .ul { margin-left:-20px}
.main_ctg .item_list.if_col3 .item_box {margin-left:20px}
.main_ctg .item_list.if_col3 .sub_name {display:block;}
.main_ctg .item_list.if_col3 .price {top:13px}
.main_ctg .item_list.if_col3 .after {margin-top:18px}

.main_ctg .item_list.if_col5 ul {margin-left:-15px}
.main_ctg .item_list.if_col5 .item_box {margin-left:15px}
.main_ctg .item_list.if_col5 .info {padding:15px 14px 15px 15px}
.main_ctg .item_list.if_col5 .price {bottom:21px;}
.main_ctg .item_list.if_col5 .before {margin-bottom:2px}

.main_ctg .c_none {height:355px; margin:0px; padding-top:150px; box-sizing:border-box;}








/* ********************************************** *
 * 메인 상품공간
 * ********************************************** */
.main_item {margin-top:50px}
.main_item .item_list {margin-top:15px}
.main_item .rolling_box .item_list li {clear:none !important}









/* ********************************************** *
 * 메인 풀배너
 * ********************************************** */
.main_wide {margin-top:60px}

/* 배너이미지 */
.main_wide .banner {position:relative; height:220px; overflow:hidden; text-align:center;}
.main_wide .banner img {max-width:100%;}

/* 롤링 이전다음버튼 */
.main_wide .prevnext {position:absolute; top:50%; z-index:3; margin-top:-27px}
.main_wide .prevnext.prev {left:15px; }
.main_wide .prevnext.next {right:15px;}
.main_wide .prevnext a {display:block; padding:10px}
.main_wide .prevnext .icon {width:18px; height:34px; background:transparent url('../images/skin/main_full_pvnx.png') left top no-repeat;}
.main_wide .prevnext.next .icon {background-position:right top;}
.main_wide .prevnext.next:hover .icon {background-position:right bottom;}
.main_wide .prevnext.prev:hover .icon {background-position:left bottom;}









/* ********************************************** *
 * 메인 베스트리뷰
 * ********************************************** */
.main_review {margin-top:50px}
.main_review .review {display:table; width:100%; table-layout:fixed; margin-top:15px}
.main_review .review .li {list-style:none; display:table-cell; border:1px solid #ddd; vertical-align:top;}

/* 박스전체 */
.main_review .review_box {position:relative; padding:25px 30px 24px; box-sizing:border-box; overflow:hidden;}

/* 아이템 정보 */
.main_review .review_item {overflow:hidden; position:relative;}
.main_review .review_item .thumb {width:95px; background:#f5f5f5 url('../images/skin/none_photo.png') center center no-repeat; overflow:hidden; border:1px solid #eee; box-sizing:border-box; float:left;}
.main_review .review_item .thumb {position:relative;}
.main_review .review_item .thumb img {width:100%; float:left;}
.main_review .review_item .thumb .real_img {position:absolute; left:0; top:0; width:100%; height:100%;}
.main_review .review_item .thumb .fake_img {overflow:hidden;}
.main_review .review_item .info {padding-left:110px; box-sizing:border-box;}
.main_review .review_item .ctg {color:#999; letter-spacing:-0.5px; margin-top:3px;}
.main_review .review_item .item_name {font-size:13px; color:#666; letter-spacing:-0.5px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block; margin-top:1px}
.main_review .review_item .price { margin-top:16px;  font-size:12px; color:#333; font-weight:600; letter-spacing:-0.5px; line-height:13px; overflow:hidden;}
.main_review .review_item .price .won {float:left; font-size:15px; float:left; line-height:15px; letter-spacing:-0.5px;}
.main_review .review_item:hover .thumb {border-color:#aaa;}
.main_review .review_item:hover .item_name {text-decoration:underline;}

/* 리뷰 글목록 */
.main_review .review_list {padding-top:14px}
.main_review .review_list li { list-style:none; overflow:hidden; padding:3px 0}
.main_review .review_list .mark {background:transparent url('../images/skin/main_review_star.png') no-repeat; width:63px; height:10px; display: inline-block; float:left; margin:3px 13px 0 2px;}
.main_review .review_list .star {background:transparent url('../images/skin/main_review_star.png') 0 bottom no-repeat; width:100%; height:100%; float:left;}
.main_review .review_list .txt {letter-spacing:-0.5px; color:#666; float:left; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block; width:211px;}









/* ********************************************** *
 * 메인 인스타그램
 * ********************************************** */
.main_insta {margin-top:60px; }

/* 타이틀 */
.main_insta .insta_title {position:relative; text-align:center;}
.main_insta .insta_title .title {font-size:23px; color:#000; height:30px; line-height:30px; padding-left:30px; background:transparent url('../images/skin/main_insta.png') left center no-repeat;}
.main_insta .insta_title .insta_id {position:absolute; right:0px; bottom:-1px; font-size:13px; color:#666;}
.main_insta .insta_title .insta_id:hover {text-decoration:underline;}

/* 사진목록 */
.main_insta .insta_list {margin-top:20px; overflow:hidden; text-align:center;}
.main_insta .insta_list ul {margin-left:-15px; margin-top:-22px;}
.main_insta .insta_list li {list-style:none; width:12.5%; overflow:hidden; float:left; margin-top:22px; }

/* 사진 하나 */
.main_insta .insta_box {overflow:hidden; position:relative; margin-left:15px; border:1px solid #f5f5f5; height:116px; background:#f5f5f5 url('../images/skin/main_insta_no.png') center center no-repeat;}
.main_insta .insta_box img {width:100%; height:100%; float:left;}
.main_insta .insta_box .fake {overflow:hidden;}
.main_insta .insta_box .real {position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; overflow:hidden;}
.main_insta .insta_box .ov_box {position:absolute; left:0; top:0; width:100%; height:100%; padding:30px 15px 15px; box-sizing:border-box; text-align:center; visibility:hidden; z-index:2}
.main_insta .insta_box .ov_box {background:transparent url('../images/skin/black_60.png') left top repeat; }
.main_insta .insta_box .text {color:#fff; font-size:11px; letter-spacing:-0.5px; text-align:left; max-height:45px; line-height:15px;}
.main_insta .insta_box .text {overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box;}
.main_insta .insta_box .date {color:#fff; font-size:11px; letter-spacing:-0.5px;}
.main_insta .insta_list li:hover .ov_box {visibility:visible;}










/* ********************************************** *
 * 메인 고객센터
 * ********************************************** */
.main_cs {padding-top:50px; border-top:1px solid #ddd; margin-top:50px;}
.main_cs .ul {display:table; width:100%;  overflow:hidden; table-layout:fixed;}
.main_cs .li {list-style:none; display:table-cell; vertical-align:top; position:relative; box-sizing:border-box;}
.main_cs .li+ .li {border-left:1px solid #ddd; }

/* 단락 타이틀 */
.main_cs .title_box { overflow:hidden; margin-bottom:15px; }
.main_cs .title_box .tit {font-size:17px; color:#000; font-weight:600; float:left; height:25px; line-height:1;}
.main_cs .title_box .btn_more {float:right; color:#999; letter-spacing:-1px; background:transparent url('../images/skin/top_right_arrow.gif') right center no-repeat; height:20px; line-height:20px; line-height:18px\0; padding:0 8px;}
.main_cs .title_box .btn_more:hover {color:#666;}

/* 바로가기 버튼 */
.main_cs .btn_box { position:absolute; left:0; bottom:0; box-sizing:border-box;}
.main_cs .btn_box ul {display:table; width:100%; table-layout:fixed; box-sizing:border-box;}
.main_cs .btn_box li {display:table-cell; text-align:center; box-sizing:border-box; position:relative;}
.main_cs .btn_box .btn {display:block; height:41px; line-height:40px; line-height:39px\0; font-size:13px; letter-spacing:-1px; color:#666; position:relative; border:1px solid #ccc; border-left:0;}
.main_cs .btn_box li:first-child .btn {border-left:1px solid #ddd !important;}
.main_cs .btn_box li:hover .btn:before {content:''; width:1px; height:43px; position:absolute; left:-1px; top:-1px; background:#999;}
.main_cs .btn_box li:hover .btn {border-color:#999;}

/* 최근게시물 탭 */
.main_cs .notice_box {padding-right:40px}
.main_cs .notice_tab { border-bottom:1px solid #aaa; box-sizing:border-box;}
.main_cs .notice_tab ul {display:table; width:100%; table-layout:fixed; box-sizing:border-box;}
.main_cs .notice_tab li {list-style:none; display:table-cell; border:1px solid #ddd; border-bottom:0;}
.main_cs .notice_tab .btn {display:block; text-align:center; height:33px; line-height:31px; font-size:13px; letter-spacing:-0.5px; color:#888; position:relative;}
.main_cs .notice_tab .hit { border-color:#aaa; }
.main_cs .notice_tab .hit .btn {color:#333; background:#fff !important;}
.main_cs .notice_tab .hit .btn:after {content:''; position:absolute; left:-1px; top:-1px; width:1px; height:35px; background:#aaa;}
.main_cs .notice_tab .hit .btn:before {content:''; position:absolute; left:0; bottom:-1px; width:100%; height:1px; background:#fff; z-index:2}
.main_cs .notice_tab li:hover .btn {background:#f5f5f5;}

/* 최근게시물 목록 */
.main_cs .notice_list {padding-top:2px; min-height:120px; box-sizing:border-box; margin-top:16px}
.main_cs .notice_list ul {margin:-5px 0}
.main_cs .notice_list li {padding:5px 0; position:relative; padding-left:10px; padding-right:50px; display:block; clear:both; overflow:hidden;}
.main_cs .notice_list .posting {float:left; display:inline-block; max-width:100%; overflow:hidden;}
.main_cs .notice_list .posting:before {content:''; width:2px; height:2px; background:#666;  position:absolute; top:13px; left:2px; }
.main_cs .notice_list .date {color:#999; position:absolute; top:6px; right:3px; letter-spacing:0px;}
.main_cs .notice_list .state {position:absolute; top:6px; right:3px; letter-spacing:-1px; }
.main_cs .notice_list .state.end {color:#ccc;}
.main_cs .notice_list .state.ing {color:#333;}
.main_cs .notice_list .txt {letter-spacing:-0.5px; color:#666; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block; position:relative; padding-right:5px;}
.main_cs .notice_list .new {width:12px; height:12px; float:right; display:inline-block; margin-top:4px}
.main_cs .notice_list .new img {width:100%; height:100%;}
.main_cs .notice_list .posting:hover .txt {text-decoration:underline;}

/* 최근게시물 이벤트의 경우 */
.main_cs .notice_list.if_event li {padding-right:80px}

/* 최근게시물 없을때 */
.main_cs .post_none {margin-top:20px; text-align:center; padding-top:45px; background:transparent url('../images/skin/main_post_none.png') center top no-repeat; color:#aaa; letter-spacing:-0.5px;}

/* 고객센터 정보 */
.main_cs .cs_box {padding:0 40px 60px 40px; width:37%;}
.main_cs .cs_box .btn_box {padding:0 40px}
.main_cs .cs_box .cs_info {padding-left:50px; background:transparent url('../images/skin/main_cs_tel.png') left 0 no-repeat;}
.main_cs .cs_box .cs_info .tel {color:#333; font-weight:600; font-size:25px; line-height:26px;}
.main_cs .cs_box .cs_info .email { font-size:14px; color:#666; margin-top:3px}
.main_cs .cs_box .cs_info .email:hover a {text-decoration:underline;}
.main_cs .cs_box .cs_time { color:#666; padding-left:50px; margin-top:15px; line-height:19px;}

/* 은행정보 */
.main_cs .bank_box {padding-bottom:60px; padding-left:40px;}
.main_cs .bank_box .btn_box {padding-left:40px}
.main_cs .bank {display:table; width:100%; margin-top:-9px}
.main_cs .bank ul {display:table-row;}
.main_cs .bank li {display:table-cell; list-style:none; vertical-align:top}
.main_cs .bank .left_tit {letter-spacing:-0.5px; color:#666; position:relative; padding-left:11px; padding-top:10px; width:68px; box-sizing:border-box;}
.main_cs .bank .left_tit:before {content:''; position:absolute; left:4px; top:18px; width:2px; height:2px; background:#666;}
.main_cs .bank .right_num {padding-top:10px}
.main_cs .bank .number { font-size:13px; color:#333;}
.main_cs .bank .name {color:#888; letter-spacing:-0.5px; margin-top:1px;}



/* ********************************************** *
 * 메인 공통
 * ********************************************** */
.ma_tit {margin: 100px 0 40px; display: flex; justify-content: space-between; align-items: flex-end;}
.ma_tit .tit {font-family: 'Campton'; font-size: 50px; color: #000; font-weight: 300; letter-spacing: -2.6px; line-height: 1; margin-left: -4px;}
.ma_tit .more_btn {font-family: 'Campton'; font-size: 16px; color: #aaa; font-weight: 300; letter-spacing: -0.2px; line-height: 1; position: relative; padding: 5px 0;}
.ma_tit .more_btn:before {content: ''; position: absolute; left: 0; bottom: 6px; width: 100%; height: 1px; background: #ddd;}
.ma_tit .more_btn:after {content: ''; position: absolute; left: 0; bottom: 4px; width: 0; height: 3px; background: #000;}
.ma_tit .more_btn:after {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.ma_tit .more_btn:hover {color: #000;}
.ma_tit .more_btn:hover:after {width: 100%;}
.ma_tit.if_icon .tit {position: relative; font-size: 33px; font-weight: 600; letter-spacing: 0; margin-left: -2px; padding-left: 40px;}
.ma_tit.if_icon .icon {position: absolute; left: 0; bottom: 5px;}
.ma_tit.if_icon .more_btn {margin-bottom: 7px;}

.ma_line {width: 100%; height: 1px; background: #e5e5e5;}




/* ********************************************** *
 * 메인 비주얼
 * ********************************************** */
.ma_visual {width: 100%; max-width: 2000px; position:relative; margin: 0 auto;}
.ma_visual li {list-style: none;}

.ma_visual .vs_box {display: table; width: 100%; table-layout: fixed;}
.ma_visual .vs_box .big {display: table-cell; vertical-align: top; width: 67.9%; font-size: 0;}
.ma_visual .big {overflow:hidden;}
.ma_visual .big .box {overflow: hidden;}
.ma_visual .rolling_box {overflow:hidden;}
.ma_visual .visual_box {position: relative; width: 100%; height: 730px; background-position: right top !important; background-repeat: no-repeat !important; background-size: cover !important;}
.ma_visual .visual_img {position:absolute; left: 0; top: 0; width: 100%; height: 730px; background-position: right top !important; background-repeat: no-repeat !important;}
.ma_visual .visual_img img {display: block; width: 100%; height: 100%;}

.ma_visual .big .rolling_icon {position: absolute; bottom: -35px; right: 32.1%;}
.ma_visual .big .rolling_icon ul {overflow: hidden;}
.ma_visual .big .rolling_icon li {display: inline-block; float: left;}
.ma_visual .big .rolling_icon li+ li {margin-left: 10px;}
.ma_visual .big .rolling_icon .btn {padding: 10px 0; box-sizing: content-box;}
.ma_visual .big .rolling_icon .ic {width: 70px; height: 5px; background: #ccc;}
.ma_visual .big .rolling_icon .hit .ic {background: #000;}

.ma_visual .visual_text {position: absolute; left: 0; z-index: 9; width:100%; height:100%; }
.ma_visual .visual_text .layout_fix {padding-bottom:70px; display:flex; justify-content: center; align-items: flex-start; flex-direction:column; height:730px;}
.ma_visual .visual_text .vs_tit {font-family: 'Campton'; font-size: 27px; color: #e5ad30; font-weight: 600; letter-spacing: 0.2px; margin-left: 5px;}
.ma_visual .visual_text .vs_tx {font-size: 51px; color: #000; font-weight: 100; letter-spacing: -4.4px; line-height: 1.2; }
.ma_visual .visual_text .vs_btn {font-size: 15px; color: #000; font-weight: 400; letter-spacing: -1.3px; height: 52px; line-height: 48px; font-weight:500;}
.ma_visual .visual_text .vs_btn {border: 2px solid #000; box-sizing: border-box; text-align: center; padding: 0 30px; margin-top: 50px; margin-left: 3px;}
.ma_visual .visual_text .vs_btn {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.ma_visual .visual_text .vs_btn:hover {background:#000; color:#fff;}


.ma_visual .side {display: table-cell; vertical-align: top; padding-left: 40px;}
.ma_visual .side .box {position: relative; width: 100%; height: 730px; background: #ddd; overflow: hidden;}
.ma_visual .side .rolling_box:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); z-index: 1;}
.ma_visual .side .visual_box {background-position: left top !important;}
.ma_visual .side .visual_img {background-position: left top !important;}

.ma_visual .item_box {position: absolute; bottom: 30px; left: 30px; width: 100%; z-index: 10; margin: 0; padding: 20px; box-sizing: border-box;}
.ma_visual .item_box {display: flex; flex-direction: row; width: 100%; align-items: center; background: rgba(0, 0, 0, 0.85);}
.ma_visual .item_box .thumb {width: 75px; flex: none;}
.ma_visual .item_box .info {margin-left: 15px; padding: 0; width: calc(100% - 90px); width: -webkit-calc(100% - 90px); width: -moz-calc(100% - 90px);}
.ma_visual .item_box .info .item_name {display: block; max-width: calc(100% - 60px); max-width: -webkit-calc(100% - 60px); max-width: -moz-calc(100% - 60px); font-size: 15px; color: #fff; font-weight: 300; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.ma_visual .item_box .price {overflow: hidden; margin-top: 10px;}
.ma_visual .item_box .price .percent {float: left; line-height: 1;}
.ma_visual .item_box .price .after {float: left; margin-top: 1px;}
.ma_visual .item_box .price .after .won {font-size: 19px; color: #fefefe; line-height: 1;}





/* ********************************************** *
 * 메인 매거진
 * ********************************************** */
.ma_story {}
.ma_story li {list-style: none;}

.ma_story .cont {overflow: hidden; display: table; width: 100%; table-layout: fixed;}
.ma_story .cont .ul {display: table-cell; vertical-align: top; box-sizing: border-box; padding-left: 40px;}
.ma_story .cont .li {width: 100%;}
.ma_story .cont .li+ .li {margin-top: 55px;}

.ma_story .story_box {position: relative;}
.ma_story .story_box .img_box {position: relative; overflow: hidden;}
.ma_story .story_box .img_box:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0; filter: alpha(opacity=0); z-index: 1;}
.ma_story .story_box .img_box:before {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.ma_story .story_box .img_box .more {position: absolute; top: 50%; left: 0; right: 0; margin-top: -35px; display: none; flex-direction: column; align-items: center; z-index: 2;}
.ma_story .story_box .img_box .more img {width: 30px; margin-left: -3px;}
.ma_story .story_box .img_box .more .tt {display: inline-block; font-family: 'Campton'; font-size: 20px; color: #fff; font-weight: 300; letter-spacing: -0.5px; border-bottom: 1px solid #fff; line-height: 1; margin-top: 20px;}
.ma_story .story_box .img_box .img {width: 100%; transform: scale3d(1, 1, 1); transition: transform 0.95s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.ma_story .story_box .tx_box {margin-top: 25px; padding-right: 10px; box-sizing: border-box;}
.ma_story .story_box .tit {font-size: 22px; color: #000; font-weight: 500; letter-spacing: -1px; line-height: 29px; max-height: 58px;}
.ma_story .story_box .tit {display: block; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.ma_story .story_box .tx {font-size: 15px; color: #999; font-weight: 400; letter-spacing: -0.4px; margin-top: 10px; line-height: 20px; max-height: 40px;}
.ma_story .story_box .tx {display: block; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.ma_story .story_box:hover .img_box:before {opacity: 0.3; filter: alpha(opacity=30);}
.ma_story .story_box:hover .img_box .img {transform: scale3d(1.1, 1.1, 1.1);}
.ma_story .story_box:hover .more {display: flex;}

.ma_story .item_li {margin-top: 30px;}
.ma_story .item_li ul {}
.ma_story .item_li li {padding: 15px 0; box-sizing: border-box; border-top: 1px solid #eee;}
.ma_story .item_li .item_box {margin: 0; width: 100%; display: flex; align-content: center; align-items: center; flex-direction: row;}
.ma_story .item_box .thumb {width: 70px; flex: none;}
.ma_story .item_box .info {padding: 0 40px 0 20px; flex: 1;}
.ma_story .item_box .info .item_name {font-size: 14px; color: #666; font-weight: 400; line-height: 18px; max-height: 36px; word-break: keep-all; letter-spacing: -0.3px;}
.ma_story .item_box .info .item_name {display: block; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.ma_story .item_box .info .price {margin-top: 12px;}
.ma_story .item_box .info .percent {font-size: 17px; margin-right: 8px;}
.ma_story .item_box .info .after .won {font-size: 17px; letter-spacing: 0;}

/* 매거진 베스트 */
.ma_story .ul.if_best {width: 40.7%; padding-left: 0; padding-right: 20px; position: relative;}
.ma_story .ul.if_best:before {content: ''; position: absolute; right: -10px; top: 0; width: 1px; height: 300%; background: #e5e5e5;}
.ma_story .ul.if_best .li+ .li {margin-top: 50px;}
.ma_story .ul .li:last-of-type .item_li li:last-of-type {padding-bottom: 0;}
.ma_story .if_best .story_box .tx_box {margin-top: 35px;}
.ma_story .if_best .story_box .tit {font-size: 30px; font-weight: 400; letter-spacing: -2.1px; line-height: 39px; max-height: 78px;}
.ma_story .if_best .story_box .tx {font-size: 16px; -webkit-line-clamp: 3; line-height: 27px; max-height: 81px; letter-spacing: -0.6px;}
.ma_story .if_best .item_li li {padding: 20px 0;}
.ma_story .if_best .item_box .thumb {width: 90px;}
.ma_story .if_best .item_box .info {padding-right: 60px;}
.ma_story .if_best .item_box .info .item_name {font-size: 15px; margin-top: 0; line-height: 20px; max-height: 40px;}
.ma_story .if_best .item_box .info .price {}
.ma_story .if_best .item_box .info .percent {font-size: 20px;}
.ma_story .if_best .item_box .info .after .won {font-size: 19px;}

/* 매거진 목록 - 댓글갯수 노출 */
.ma_story .story_box .img_box .rv_count {position: absolute; right: 10px; bottom: 10px; background: #b1897a; border: 1px solid #b1897a; z-index: 5; height: 35px; padding: 0 15px;}
.ma_story .story_box .img_box .rv_count {border-radius: 50px; box-sizing: border-box; display: flex; flex-direction: row; justify-content: center; align-items: center;}
.ma_story .story_box .img_box .rv_count .num {font-family: 'Campton'; font-size: 15px; color: #fff; font-weight: 300; letter-spacing: 0; line-height: 1; margin-top: 4px; margin-left: 5px;}





/* ********************************************** *
 * 메인 베스트 아이템
 * ********************************************** */
.ma_best {position: relative; background: #f8f8f8; overflow: hidden; padding-top: 100px; padding-bottom: 50px; margin-top: 100px; min-height: 687px; box-sizing: border-box;}
.ma_best:before {content: ''; position: absolute; top: 0; right: 64%; width: 100%; height: 100%; background: #f0e9d2;}
.ma_best li {list-style: none;}
.ma_best .layout_fix {}
.ma_best .ma_tit {margin-top: 80px; margin-bottom: 110px;}

.ma_best .box {position: relative;}
.ma_best .box_l {position: absolute; left: 0; top: 0;}
.ma_best .cate_tit {font-size: 45px; color: #b38877; font-weight: 600; letter-spacing: -0.9px;}
.ma_best .btn_more {font-size: 25px; color: #b38877; font-weight: 100; letter-spacing: -1.2px;}
.ma_best .btn_more .tx {position: relative;}
.ma_best .btn_more .tx:before {content: ''; position: absolute; bottom: 3px; left: 0; width: 100%; height: 1px; background: #b38877;}
.ma_best .rolling_num {display: flex; flex-direction: row; justify-content: space-between; width: 140px; align-items: center; margin-top: 30px;}
.ma_best .rolling_num .btn {padding: 5px 10px; box-sizing: border-box;}
.ma_best .rolling_num .btn.prev {margin-left: -10px;}
.ma_best .rolling_num .btn.next {margin-right: -10px;}
.ma_best .num_box {position: relative; color: #000; font-weight: 300; width: 100%; text-align: center;}
.ma_best .num_box .center {font-size: 18px; width: 8px; line-height: 1; opacity: 0.5; filter: alpha(opacity=50);}
.ma_best .num_box .num {font-family: 'Campton'; font-size: 22px; opacity: 0.5; filter: alpha(opacity=50);}
.ma_best .num_box .num:first-of-type {position: absolute; right: 58px; top: -2px;}
.ma_best .num_box .num:last-of-type {position: absolute; left: 58px; top: -2px;}
.ma_best .num_box .num.hit {opacity: 1; filter: alpha(opacity=100);}

.ma_best .best_tab {text-align: right;}
.ma_best .best_tab ul {overflow: hidden; display: inline-block;}
.ma_best .best_tab li {display: inline-block; float: left;}
.ma_best .best_tab li+ li {margin-left: 45px;}
.ma_best .best_tab .btn {position: relative; font-family: 'Campton', 'Noto'; font-size: 18px; color: #999; font-weight: 300; letter-spacing: -0.4px; padding: 7px 0; box-sizing: border-box; line-height: 22px;}
.ma_best .best_tab .btn:before {content: ''; position: absolute; top: 0; left: 0; width: 0; height: 3px; background: #000;}
.ma_best .best_tab .btn:before {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.ma_best .best_tab .hit .btn {color: #000;}
.ma_best .best_tab .hit .btn:before {width: 100%;}

.ma_best .rolling_wrap {width: 100%; margin-left: 25%; margin-top: 30px;}
.ma_best .rolling_icon {display: none;}
.ma_best .item_list {margin-left: 10px;}
.ma_best .item_list .rank_num {position: absolute; left: 0; top: 0; width: 45px; height: 45px; background: rgba(179, 136, 119, 0.8); text-align: center; z-index: 1;}
.ma_best .item_list .rank_num {font-family: 'Campton'; font-size: 21px; color: #fff; font-weight: 600; line-height: 48px;}
.ma_best .item_list ul {}
.ma_best .item_list li {display: inline-block; width: 351px !important; overflow: visible;}
.ma_best .item_list li:nth-of-type(4n)+ li {clear: none;}
.ma_best .item_list .upper_icon {display: none;}





/* ********************************************** *
 * 메인 새상품
 * ********************************************** */
.ma_item {padding-bottom: 45px;}
.ma_item li {list-style: none;}
.ma_item .ma_tit {margin-bottom: 25px;}




/* ********************************************** *
 * 메인 포토리뷰
 * ********************************************** */
.ma_review {padding-bottom: 100px;}
.ma_review li {list-style: none;}

.ma_review .mark {position: relative; overflow: hidden; display: inline-block;}
.ma_review .mark img {float: left;}
.ma_review .mark .star {position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden;}
.ma_review .rv_thumb {background: #f5f5f5 url('../images/skin/none_photo.png') center center no-repeat;}
.ma_review .rv_thumb .real_img {overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.ma_review .rv_thumb .real_img {transform: scale3d(1, 1, 1); transition: transform 0.95s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.ma_review .rv_thumb .fake_img {overflow: hidden;}
.ma_review .rv_thumb img {width: 100%; float: left;}
.ma_review .rv_thumb:hover .thumb_box .real_img {transform: scale3d(1.1, 1.1, 1.1);}
.ma_review .normal_rv .rv_box:hover .real_img {transform: scale3d(1.1, 1.1, 1.1);}

.ma_review .best_rv {margin-bottom: 70px;}
.ma_review .best_rv .rolling_box {padding-bottom: 60px;}
.ma_review .best_rv .ul {overflow: hidden; margin-left: -45px;}
.ma_review .best_rv .li {display: inline-block; float: left; width: 33.3%;}
.ma_review .best_rv .rv_box {margin-left: 45px;}
.ma_review .best_rv .rv_thumb {position: relative; width: 100%; border-radius: 20px;}
.ma_review .best_rv .thumb_box {position: relative; border-radius: 20px; overflow: hidden;}
.ma_review .best_rv .best_rank {position: absolute; top: 0; left: 40px; width: 50px; height: 50px; background: transparent url('../images/iamhome/b_review_mark.png') center center no-repeat;}
.ma_review .best_rv .best_rank {text-align: center; z-index: 1;}
.ma_review .best_rv .best_rank .num {font-family: 'Campton'; font-size: 23px; color: #fff; font-weight: 600; padding-top: 8px; line-height: 25px;}
.ma_review .best_rv .rv_info {margin: 25px 25px 0 20px; box-sizing: border-box; position: relative;}
.ma_review .best_rv .inline {overflow: hidden;}
.ma_review .best_rv .inline .mark {display: inline-block; float: left;}
.ma_review .best_rv .name {display: inline-block; float: left; font-size: 14px; color: #888; font-weight: 300; line-height: 20px; margin-top: -2px; margin-left: 10px; letter-spacing: 0.5px;}
.ma_review .best_rv .tit {font-size: 21px; color: #000; font-weight: 500; letter-spacing: -1.5px; line-height: 23px; text-overflow:ellipsis; overflow: hidden; white-space: nowrap; margin-top: 25px;}
.ma_review .best_rv .tx {font-size: 15px; color: #999; font-weight: 400; letter-spacing: -0.8px; margin-top: 15px;}
.ma_review .best_rv .tx {display: block; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 24px; height: 48px;}
.ma_review .item_area {position: absolute; bottom: -50px; right: 20px; min-height: 86px; z-index: 10;}
.ma_review .item_area .thumb {position: absolute; right: 5px; top: 5px; width: 70px; height: 70px; border-radius: 50%; border: 3px solid #fff; box-sizing: content-box;}
.ma_review .item_area .thumb {background: #f5f5f5 url(../images/skin/none_photo.png) center center no-repeat; overflow: hidden;}
.ma_review .item_area .real_img {overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.ma_review .item_area .fake_img {overflow: hidden;}
.ma_review .item_area .thumb img {width: 100%; float: left;}
.ma_review .item_area .info {padding: 8px 100px 8px 25px; height: 70px; box-sizing: content-box; box-shadow: 3px 3px 7px 0 rgba(0, 0, 0, 0.3); border-radius: 50px; background: #fff;}
.ma_review .item_area .info {display: none; flex-direction: column; justify-content: center; }
.ma_review .item_area .info .item_name {width: 150px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 14px; color: #888; line-height: 1;}
.ma_review .item_area .price {margin-top: 13px;}
.ma_review .item_area .price .after .won {font-family: 'Campton'; color: #000; line-height: 15px;font-size: 16px; letter-spacing: -0.5px;}
.ma_review .item_area:hover .info {display: flex;}

.ma_review .rolling_icon {text-align: center; margin: -14px 0 70px 0; position: relative;}
.ma_review .rolling_icon .line {position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: #eee; z-index: -1;}
.ma_review .rolling_icon ul {display: inline-block; overflow: hidden; background: #fff; padding: 0 10px; margin: -10px 0; box-sizing: border-box;}
.ma_review .rolling_icon li {display: inline-block; float: left;}
.ma_review .rolling_icon .btn {padding: 10px; box-sizing: border-box;}
.ma_review .rolling_icon .icon {width: 14px; height: 14px; background: transparent url('../images/iamhome/rolling_ic_off.png') center center no-repeat;}
.ma_review .rolling_icon .hit .icon {background-image: url('../images/iamhome/rolling_ic_on.png');}

.ma_review .normal_rv {margin-top: 70px;}
.ma_review .normal_rv .ul {overflow: hidden; margin-left: -30px;}
.ma_review .normal_rv .li {display: inline-block; float: left; width: 20%;}
.ma_review .normal_rv .rv_box {position: relative; margin-left: 30px;}
.ma_review .normal_rv .rv_thumb {position: relative; width: 100%; border-radius: 20px; overflow: hidden;}
.ma_review .normal_rv .rv_thumb:before {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: url('../images/iamhome/review_gd.png') center bottom repeat-x; z-index: 1;}
.ma_review .normal_rv .rv_info {position: absolute; bottom: 20px; left: 20px; z-index: 2;}
.ma_review .normal_rv .name {display: block; font-size: 14px; color: #fff; font-weight: 300; margin-top: 10px; letter-spacing: 0.5px;}

.ma_review .more_link {text-align: center; margin-top: 50px;}
.ma_review .more_link .btn {display: inline-block; border: 2px solid #000; box-sizing: border-box;width: 270px; height: 58px; line-height: 57px;}
.ma_review .more_link .tx {font-family: 'Campton'; font-size: 14px; color: #000; font-weight: 600; letter-spacing: 0.2px;}
.ma_review .more_link .ic {width: 10px; height: 10px; background: transparent url('../images/iamhome/more_ic.png') center center no-repeat; margin-left: 5px;}
.ma_review .more_link .ic {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.ma_review .more_link .btn:hover {background: #000;}
.ma_review .more_link .btn:hover .tx {color: #fff;}
.ma_review .more_link .btn:hover .ic {background-image: url('../images/iamhome/more_on_ic.png'); transform: rotate( 180deg );}




/* ********************************************** *
 * 메인 sns
 * ********************************************** */
.ma_sns {background: #f8f8f8; padding-bottom: 100px; overflow: hidden;}
.ma_sns li {list-style: none;}
.ma_sns .ma_tit {margin-bottom: 25px;}

/* 유튜브 */
.ma_youtube {position: relative;}
.ma_youtube .rolling_box {overflow: hidden;}
.ma_youtube .ul {overflow: hidden; margin-left: -33px;}
.ma_youtube .li {display: inline-block; float: left; width: 33.3%;}

.ma_youtube .box {margin-left: 33px; position: relative;}
.ma_youtube .yt_thumb {position: relative;}
.ma_youtube .upper {position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; z-index: 1; background: rgba(0, 0, 0, 0.5);}
.ma_youtube .upper {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.ma_youtube .time {position: absolute; right: 10px; bottom: 10px; font-family: 'Campton'; font-size: 13px; z-index: 2; letter-spacing: 1.2px;}
.ma_youtube .time {color: #fff; font-weight: 600; background: #000; height: 25px; line-height: 25px; padding: 1px 7px 0 7px; border-radius: 5px; box-sizing: border-box;}
.ma_youtube .thumb_box {background: #f5f5f5 url('../images/skin/none_photo.png') center center no-repeat;}
.ma_youtube .real_img {overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.ma_youtube .fake_img {overflow: hidden;}
.ma_youtube .thumb_box img {width: 100%; float: left;}
.ma_youtube .yt_info {margin-top: 20px; margin-right: 20px; padding-left: 4px; box-sizing: border-box;}
.ma_youtube .tag {overflow: hidden; height: 20px;}
.ma_youtube .tag li {display: inline-block; float: left;}
.ma_youtube .tag li+ li {margin-left: 5px;}
.ma_youtube .tag .tt {font-size: 14px; color: #b38877; font-weight: 400; letter-spacing: -0.8px; white-space: nowrap;}
.ma_youtube .tx {font-size: 16px; color: #888; font-weight: 400; letter-spacing: -0.6px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-top: 5px;}
.ma_youtube .box:hover .upper {background: rgba(0, 0, 0, 0.2);}

.c_section.ma_youtube .li:nth-of-type(3n)+ .li {clear:both}

.ma_sns .rolling_btn {display: none;}
.ma_sns .ma_youtube.if_rolling .rolling_btn {display: block;}
.ma_sns .rolling_btn .btn {position: absolute; top: 31%; z-index: 10; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); border-radius: 50%; box-sizing: border-box;}
.ma_sns .rolling_btn .btn.left {left: -30px;}
.ma_sns .rolling_btn .btn.right {right: -30px;}
.ma_sns .rolling_btn .btn .on {display: none;}
.ma_sns .rolling_btn .btn:hover .on {display: block;}
.ma_sns .rolling_btn .btn:hover .off {display: none;}

/* 유튜브 - 클릭시 플레이어 */
.youtube_player {position: fixed; left: 0; top: 100%; width: 100%; height: 100%; z-index: 1000; display: flex; align-items: center; justify-content: center;}
.youtube_player {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.youtube_player .pop_box {position: relative; background: #fff;  z-index: 1001;}
.youtube_player .inner {max-height: 700px;  padding: 50px 50px 0 50px; box-sizing: border-box;}
.youtube_player .close_btn {position: absolute; top: 0; right: -57px; font-size: 0; padding: 15px; box-sizing: content-box; background: #000;}
.youtube_player .close_btn img {width: 27px;}
.youtube_player .close_btn:hover {opacity: 1; filter: alpha(opacity=100);}
.youtube_player .pop_yt_info {max-width: 854px; margin-top: 20px;}
.youtube_player .pop_tag {overflow: hidden; height: 20px;}
.youtube_player .pop_tag li {display: inline-block; float: left;}
.youtube_player .pop_tag li+ li {margin-left: 10px;}
.youtube_player .pop_tag .tt {font-size: 14px; color: #b38877; font-weight: 400; letter-spacing: -0.6px; white-space: nowrap;}
.youtube_player .pop_tit {width: 100%; font-size: 19px; color: #000; font-weight: 500; letter-spacing: -1.5px; margin-top: 5px; line-height: 24px;}
.youtube_player .pop_tx {display: block; font-size: 15px; color: #888; font-weight: 400; letter-spacing: -0.6px; line-height: 22px; margin-top: 5px; margin-bottom: 50px;}

.youtube_player .bg_black {position: fixed; left: 0; top: 100%; width: 100%; height: 100%; background: #000; opacity: 0; filter: alpha(opacity=0); z-index: 1001;}
.youtube_player .bg_black {transition: opacity 0.3s ease-out; -webkit-transition: opacity 0.3s ease-out;}

.if_open_youtube .youtube_player {top: 0;}
.if_open_youtube .bg_black {top: 0; opacity: 0.6; filter: alpha(opacity=60);}



/* 인스타그램 */
.ma_insta {}
.ma_insta .ul {overflow: hidden; margin-left: -12px;}
.ma_insta .li {display: inline-block; float: left; width: 12.5%;}
.ma_insta .box {position: relative; margin-left: 12px; overflow: hidden;}
.ma_insta .box:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.1; filter: alpha(opacity=10); z-index: 1;}
.ma_insta .box:before {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.ma_insta .icon {position: absolute; right: 11px; top: -20px; z-index: 2;}
.ma_insta .icon {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.ma_insta .img_box {background: #f5f5f5 url('../images/skin/none_photo.png') center center no-repeat; }
.ma_insta .real_img {overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.ma_insta .real_img {transform: scale3d(1, 1, 1); transition: transform 0.95s cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.ma_insta .fake_img {overflow: hidden;}
.ma_insta .img_box img {width: 100%; float: left;}
.ma_insta .box:hover:before {opacity: 0; filter: alpha(opacity=0);}
.ma_insta .box:hover .icon {top: 11px;}
.ma_insta .box:hover .real_img {transform: scale3d(1.1, 1.1, 1.1);}




/* ********************************************** *
 * 메인 cs
 * ********************************************** */
.ma_cs {margin-top: 110px;}
.ma_cs li {list-style: none;}

.ma_cs .ul {display: table; table-layout: fixed; width: 100%; height: 100%;}
.ma_cs .li {display: table-cell; vertical-align: top; padding-bottom: 14px; height: 100%;}
.ma_cs .li.event {width: 34.7%; padding-bottom: 0; position: relative; background: #f4f4f4;}
.ma_cs .li.news {padding-left: 80px; padding-right: 80px; border-right: 1px solid #eee; box-sizing: border-box;}
.ma_cs .li.cs {width: 22%;}

/* 이벤트 */
.ma_cs .event_box {max-width: 520px; height: 100%;}
.ma_cs .event_box .rolling_box {height: 100%;}
.ma_cs .event_box .img_box {overflow: hidden; background-position: center center; background-repeat: no-repeat; background-size: auto 100% !important;}
.ma_cs .event_box .img_box {position: relative; width: 100%; height: 250px; height: calc(100% - 85px); height: -webkit-calc(100% - 85px); height: -moz-calc(100% - 85px);}
.ma_cs .event_box .end_bg {position:absolute; left:0; top:0; bottom:0; right:0; opacity:.5; -ms-filter:alpha(opacity=50);filter:alpha(opacity=50); z-index:1;}
.ma_cs .event_box .end_txt {font-size:17px; color:#fff; letter-spacing:-1px; position:absolute; left:0; top:50%; margin-top:-29px; width:100%; text-align:center; letter-spacing:-1px; z-index:11; display:none;}
.ma_cs .event_box .img_box strong {font-family: 'Campton'; font-size: 41px; font-weight: 100; line-height: 1;}
.ma_cs .event_box .img_box em {font-size: 17px; font-weight: 300; color: rgba(255,255,255,0.5); display: block; line-height: 1;}
.ma_cs .event_box .tx_box {display: flex; flex-direction: column; align-content: center; justify-content: center; text-align: center; height: 85px; box-sizing: border-box;}
.ma_cs .event_box .tx_box .tit {font-family: 'Campton'; font-size: 16px; color: #aaa; font-weight: 600; letter-spacing: 1px; line-height: 1; margin-top: 5px;}
.ma_cs .event_box .tx_box .tx_btn {display: block; font-size: 15px; color: #000; font-weight: 400; letter-spacing: -0.6px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding: 3px 100px; box-sizing: border-box;}
.ma_cs .event_box .tx_box .tx_btn:hover {text-decoration: underline;}

.ma_cs .event_box.if_end .end_bg {display: block; background: #000; z-index: 5;}
.ma_cs .event_box.if_end .end_txt {display: block;}

.ma_cs .event_box .rolling_icon {position: absolute; left: 0; bottom: 0; width: 100%; z-index: 1;}
.ma_cs .event_box .rolling_icon .btn {position: absolute; bottom: 17px; box-sizing: border-box; padding: 15px 30px; background: #f4f4f4;}
.ma_cs .event_box .rolling_icon .btn img {opacity: 0.2; filter: alpha(opacity=20);}
.ma_cs .event_box .rolling_icon .btn:hover img {opacity: 1; filter: alpha(opacity=100);}
.ma_cs .event_box .rolling_icon .prev_btn {left: 0;}
.ma_cs .event_box .rolling_icon .next_btn {right: 0;}

/* 최근게시물 */
.ma_cs .news_box {}
.ma_cs .news_box .tit {font-family: 'Campton'; font-size: 27px; color: #000; font-weight: 600; line-height: 1; margin-top: 10px; letter-spacing: -0.2px;}
.ma_cs .news_box .tab_box {position: relative; border-bottom: 2px solid #eee; margin-top: 25px;}
.ma_cs .news_box .tab_box ul {font-size: 0;}
.ma_cs .news_box .tab_box li {display: inline-block;}
.ma_cs .news_box .tab_box li+ li {margin-left: 30px;}
.ma_cs .news_box .tab_box .btn {position: relative; font-size: 22px; color: #aaa; font-weight: 300; letter-spacing: -0.4px; line-height: 1; padding: 15px 0; box-sizing: border-box;}
.ma_cs .news_box .tab_box .hit .btn:before {content: ''; position: absolute; bottom: -2px; left: 0; width: 100%; height: 2px; background: #000;}
.ma_cs .news_box .tab_box .hit .btn {color: #000;}
.ma_cs .news_box .tab_box .more_btn {position: absolute; right: 0; top: 50%; padding: 10px; margin-top: -13px;}
.ma_cs .news_box .tab_box .more_btn:hover .img_btn {transform: rotate( 180deg );}
.ma_cs .news_box .tab_box .img_btn {position: relative; width: 10px; height: 10px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.ma_cs .news_box .tab_box .img_btn:before {content: ''; position: absolute; left: 0; top: 4px; width: 100%; height: 2px; background: #000;}
.ma_cs .news_box .tab_box .img_btn:after {content: ''; position: absolute; left: 4px; top: 0; width: 2px; height: 100%; background: #000;}
.ma_cs .news_box .news_li {margin-top: 30px; height: 175px; display: flex; align-items: flex-start; justify-content: center;}
.ma_cs .news_box .news_li ul {width: 100%;}
.ma_cs .news_box .news_li li {position: relative; line-height: 33px; padding-right: 50px; box-sizing: border-box;}
.ma_cs .news_box .news_li .tx {position: relative; display: inline-block; font-size: 15px; color: #888; font-weight: 400; letter-spacing: -0.7px; max-width: 87%;}
.ma_cs .news_box .news_li .tx {white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-left: 20px; vertical-align: middle;}
.ma_cs .news_box .news_li .tx:before {content: ''; position: absolute; left: 5px; top: 50%; width: 4px; height: 4px; margin-top: -2px; background: #ccc; border-radius: 20px;}
.ma_cs .news_box .news_li .tx:hover {text-decoration: underline;}
.ma_cs .news_box .news_li .date {position: absolute; right: 5px; top: 13px; font-family: 'Campton'; font-size: 14px; color: #999; font-weight: 300; letter-spacing: -0.2px; line-height: 1;}
.ma_cs .news_box .news_li .new {display: inline-block; vertical-align: middle; margin-left: 1px;}
.ma_cs .news_box .news_li .post_none {display: block; font-size: 15px; color: #888; font-weight: 400; letter-spacing: -0.7px; margin-top: 50px;}
.ma_cs .news_box .news_li .post_none {text-align: center; background: transparent url('../images/skin/main_post_none.png') center top no-repeat; padding-top: 45px;}

/* 고객센터 */
.ma_cs .cs_box {text-align: right;}
.ma_cs .cs_info {margin-top: 8px;}
.ma_cs .cs_info .cs_tel {font-family: 'Campton'; font-size: 42px; color: #000; font-weight: 600; line-height: 1; letter-spacing: 0.4px; white-space: nowrap;}
.ma_cs .cs_info .cs_tx {margin-top: 5px; padding-left: 50px;}
.ma_cs .cs_info .cs_tx .time {font-size: 15px; color: #888; font-weight: 300; letter-spacing: -0.6px; word-break: keep-all; line-height: 18px;}
.ma_cs .cs_info .cs_tx .email {font-family: 'Campton'; font-size: 16px; color: #888; font-weight: 300; margin-top: 8px; letter-spacing: 0.2px; line-height: 1; white-space: nowrap;}
.ma_cs .cs_info .btn_box {overflow: hidden; display: inline-block; margin-top: 15px; margin-right: -14px;}
.ma_cs .cs_info .btn_box li {display: inline-block; float: left;}
.ma_cs .cs_info .btn_box li+ li .btn:before {content: ''; position: absolute; left: 0; top: 50%; width: 1px; height: 14px; background: #ddd; margin-top: -7px;}
.ma_cs .cs_info .btn_box .btn {position: relative; font-size: 15px; color: #000; font-weight: 400; letter-spacing: -0.7px; padding: 10px 14px; box-sizing: border-box;}
.ma_cs .cs_info .btn_box .btn:hover {color: #b38877;}
.ma_cs .bank_info {margin-top: 55px;}
.ma_cs .bank_info .tit {font-family: 'Campton'; font-size: 24px; color: #000; font-weight: 300; letter-spacing: -0.3px; line-height: 1;}
.ma_cs .bank_info .bank_li {margin-top: 5px;}
.ma_cs .bank_info .bank_li li {line-height: 22px;}
.ma_cs .bank_info .tx {font-size: 15px; color: #888; font-weight: 400; letter-spacing: -0.6px; white-space: nowrap;}
.ma_cs .bank_info .num {font-family: 'Campton'; font-size: 16px; color: #888; font-weight: 300; letter-spacing: -0.3px; margin-left: 7px; white-space: nowrap;}



/* ******************************************
     맨위로
  -- ****************************************** */
.scroll_fix {position:fixed; right:30px; bottom:-100px; z-index:90; overflow:hidden; background: #fff; border-radius: 50%; box-sizing: border-box; box-shadow: 3px 3px 7px 0 rgba(0, 0, 0, 0.2);}
.scroll_fix {transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;}
.scroll_fix .btn_gotop {transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; width:70px; height:70px;}
.scroll_fix .btn_gotop {display: flex; flex-direction: column; align-items: center; justify-content: center;}
.scroll_fix .btn_gotop img {margin: 5px 0;}
.scroll_fix .btn_gotop .tx {font-family: 'Campton'; font-size: 11px; color: #000; font-weight: 600; letter-spacing: 1px;}

.scroll_fix.if_scroll {bottom:30px;}