html, body {height: 100%;}
.floating_menu {display: none;}
.headline {
    background: #d83049 !important;
    border-top: 1px solid #d83049 !important;
    border-bottom: 1px solid #c1283f !important;
}
/*인장샵 메인*/

/*통합CSS*/
#skinshop h3 {font-size:17px; color: #2a2a2a; font-family: 'Noto Sans',sans-serif;}
#skinshop .plus_btn {font-size:10px; color: #949494; position: absolute; top: 5px; right: 0;}
#skinshop .btn {overflow: hidden; font-weight: 600; font-size:10px; height: 14px;}
#skinshop .btn_new {color:#00a8ff; float: left; margin-right:3px;}
#skinshop .btn_event {color:#fe5252; float: left; margin-right:3px;}
#skinshop .btn_free {color:#53b404; float: left; margin-right:3px;}
.skin_wrap {width: 94%; padding:0 3%; position: relative;}
.free_new {margin:20px 0 30px 0; overflow: hidden;}
.arrow_icon, .bottom_line, #skinshop .next, #skinshop .prev {text-indent: -9999px;}

#imartMain #skinshop.main #mainLayout { position:relative; }
#imartMain #skinshop.main .floating_menu { top:0; right:227px; }

/*top navi*/
#skinshop .top_menu {border-bottom:1px solid #e1e1e1;}
#skinshop .top_menu ul {text-align: center;}
#skinshop .top_menu ul li {display: inline-block; margin: 0 5px;}
#skinshop .top_menu ul li a {font-size:13px; line-height: 45px; position: relative; display: block; color:#5d5d5d; font-family: 'Noto Sans',sans-serif;}
#skinshop .top_menu ul li a.on {color: #d83049;}
#skinshop .top_menu ul li a span {display: block;}
#skinshop .top_menu ul li a .navi_line {position: absolute; bottom: -1px; left: 50%; margin-left:-17px; display: none; z-index: 20;}
#skinshop .top_menu ul li a .on {display: block;}
#skinshop .top_menu ul li a .bottom_line {width: 34px; height: 2px; background-color: #d83049;}
#skinshop .top_menu ul li a .arrow_icon {width: 0px; height: 0px; border-top:4px solid transparent; border-bottom: 3px solid #d83049; border-right: 3px solid transparent; border-left: 3px solid transparent; position: absolute; bottom: 2px; left: 50%; margin-left:-3px;}
/*#skinshop .top_menu ul li a:hover {color: #d83049;}*/
/*#skinshop .top_menu ul li a:hover .navi_line  {display: block;}*/

/*메인 상단 슬라이드*/
#skinshop .slider {display: none !important;}
.swiper-slide img {width:100%;}

/*con_list 통합*/
.con_list {overflow: hidden;}
.con_list span {display: block;}
.con_list .notfound { text-align:center; padding-top:70px; }
.con_title {font-size:13px; line-height: 17px; margin: 3px 0 0 0;}
.con_explain {font-size:11px; color:#757575;}
.con_thumb {float: left !important;}
.con_thumb_58 {width: 58px;}
.con_thumb_120 {width: 120px;}
.con_ellipsis {text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}

/*NEW 스킨*/
.new_skin {margin-top:20px; position: relative;}
.new_skin .con_list {margin-top:22px;}
.new_skin .con_list .con {float: left; width: 50%; margin-bottom:10px;}
.new_skin .con_list .con a {width: 100%; margin-left:-72px; left:50%; display: block; position: relative;}
.new_skin .con_list .con:last-child {display: none;}
.new_skin .con_list>li>a>span>img {width:145px; height: 78px;}
.new_skin .btn,
.new_skin .con_title,
.new_skin .con_explain {margin-left:5px;}
.new_skin .con_ellipsis {width: 140px;}

/*HOT 스킨*/
.hot_skin {margin-top:20px; background-color: #fafbfc; padding:20px 0 !important;}
.hot_skin .plus_btn {right: 3% !important;}
.hot_skin h3 {margin-bottom:10px;}
.hot_skin .hot_wrap {overflow: hidden;}
.hot_skin .left_layer {float: left !important; width: 100%;}
.hot_skin .right_layer {display: none !important;}
.hot_skin .con {overflow: hidden;}
.hot_skin .con a {display: block; width: 100%; height: 90px; border: 1px solid #fafbfc; box-sizing: border-box; padding-top:10px; overflow: hidden; border-radius: 5px;}
.hot_skin .con a:hover {background-color: #FFF; border: 1px solid #e6e6e6;}
.hot_skin .con .hot_num {font-size: 18px; font-style: italic; font-family: 'Noto Sans',sans-serif; width:6%; max-width:30px; text-align: left; margin-top: 16px; color: #818181; float: left; padding-left:2%;}
.hot_skin .con .top_num {color: #d83030; font-weight: bold;}
.hot_txt {margin-left: 10px; width: calc(92% - 75px); float: left;}
.hot_skin .con img {width:65px;}

/*theme 스킨*/
.theme_skin {margin-top:20px;}
.theme_skin h3 {margin-bottom:15px;}
.theme_list .con_1 h4 {color:#3772da;}
.theme_list .con_1 .btn_arrow span {background-color:#3772da;}
.theme_list .con_2 h4 {color:#74c234;}
.theme_list .con_2 .btn_arrow span {background-color:#74c234;}
.theme_list .con_3 h4 {color:#ff8383;}
.theme_list .con_3 .btn_arrow span {background-color:#ff8383;}
.theme_list .con_4 {margin-bottom:0px;}
.theme_list .con_4 h4 {color:#8d5fbb;}
.theme_list .con_4 .btn_arrow span {background-color:#8d5fbb;}
.theme_list {overflow: hidden;}
.theme_con {position: relative; float: left !important; margin-bottom:20px; width: 100%;}
.theme_con .btn_arrow {position: absolute; top: 0px; width: 28px; height: 19px; margin-left:35px;}
.theme_con .btn_arrow span {display: block; position: absolute;}
.theme_con .btn_arrow .line {width: 28px; height: 1.5px; top:9px;}
.theme_con .btn_arrow .rotate_t {width: 12px; height: 1.5px; transform: rotate(45deg); right: -2px; top: 5px;}
.theme_con .btn_arrow .rotate_b {width: 12px; height: 1.5px; transform: rotate(-45deg); right: -2px; bottom: 5px;}
.theme_con h4 {font-size:14px; font-weight: bold; font-family: 'Noto Sans',sans-serif; margin-bottom:10px;}
.theme_con .con_list {width: 100%;}
.theme_con .con_list .con {float: left; width: 32%; margin-left:2%;}
.theme_con .con_list .con:first-child {margin-left:0;}
.theme_con .con_list .con a {display: block; width: 100%; position: relative; margin-left: -40px; left: 50%;}
.theme_con .con_list .con img { width: 80px; height: 80px;}
.theme_con .con_list .con .con_explain {display: none;}
.theme_con .con_list .con .con_title {width: 80px;}

/*free 스킨*/
.free_skin {float: left !important; position: relative; width:100%;}
.free_skin .con_list {border-top:3px solid #53b404; box-sizing: border-box; margin-top:5px; overflow: hidden; height: 190px;}
.free_skin .con {float: left !important; width: 48%; margin-top: 20px;}
.free_skin .con:nth-child(2n) {margin-left: 2%;}
.free_skin .con a {display: block; overflow: hidden;}
.free_skin .con a span {display: block;}
.free_skin .con a span img {width: 38px; height: 38px; margin-top: 9px;}
.free_skin .con_thumb {margin-right:5px;}

/*new_icon*/
.new_icon {display: none !important;}


/*인장샵 리스트*/

/*검색창*/
.skin_search h3 {display: none !important;}
.search_box .license {overflow: hidden;}
.search_box .name_tag>.category {display: none !important;}
.search_box .name_tag .search_bar {position: relative;}
.search_box .name_tag .search_bar input {width: calc(100% - 29px); height: 29px; border: 1px solid #d7d7d7; padding:5px; margin-top:20px; box-sizing: border-box;}
.search_box .name_tag .search_bar button {width: 29px; height: 29px; line-height: 29px; color:#fff; border: 0px;}
.search_box .name_tag .search_bar .search_btn {width: 29px; background: url("//static.inven.co.kr/image_2011/imart/layout/find_icon_white.png") no-repeat center center; background-size: 15px; background-color: #333333; position: absolute; text-indent: -9999px; top: 20px;}
.search_box .name_tag .search_bar .reset_btn {display: none !important;}
.search_box .name_tag p {font-size: 13px; color: #757575; margin-top:10px;}

/*스킨 리스트*/
.skin_list {margin-top:20px; border-top:1px solid #919191;}
.skin_list .list_nav {background-color:#fafbfd; overflow: hidden; padding:12px 0; text-align: center;}
.skin_list .list_nav>li {display: inline-block; font-size: 12px; color:#fea1a1; box-sizing: border-box; border: 1px solid #fea1a1; padding:2px 5px; margin-right:5px; cursor: pointer; background-color: #fff; }
.skin_list .list_nav>li.on {background-color: #fea1a1; color:#fff;}
.skin_list .list_nav>li.free {color:#a7aafc; border: 1px solid #a7aafc;}
.skin_list .list_nav>li.free.on {background-color: #a7aafc; color:#fff;}
.skin_list .list_nav>li.license {color:#80c6fb; border: 1px solid #80c6fb;}
.skin_list .list_nav>li.license.on {background-color: #80c6fb; color:#fff;}
.skin_list .list_nav>li:last-child {margin-right:0px;}
.skin_list .con_list {margin-top:25px; margin-bottom:105px;}
.skin_list .con_list .con {float: left; width: 38%; padding: 0 6%; margin-bottom: 30px;}
.skin_list .con_list .con a {display: block; }
.skin_list .con_list .con_thumb {float: none !important; text-align: center;}
.skin_list .con_list .con_thumb img {width: 80px;}
.skin_list .con_list .con_ellipsis {}
.skin_list .con_list .list_state {overflow: hidden; margin-top:2px;}
.skin_list .con_list .list_state .period {float: left; font-size:10px; color:#FFF; padding:2px 5px 1px; margin-top:1px;}
.skin_list .con_list .list_state .style_1 {background-color: #2cafae;}
.skin_list .con_list .list_state .style_2 {background-color: #ff007e;}
.skin_list .con_list .list_state .style_3 {background-color: #616161;}
.skin_list .con_list .list_state .like {float: left; margin-left:15px;}
.skin_list .con_list .list_state .like img {margin-right:5px; position: relative; top:1px; width: 12px;}

.skinshop_lightbox {background-color: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 100; display: none;}
.lightbox_area {width: 196px; position: fixed; top: 50%; left: 50%; margin-left: -98px; margin-top:-150px; background-color: #fff; overflow: hidden; z-index: 150;}
.lightbox_area ul {}
.lightbox_area ul li {text-align: center; font-size: 13px; padding: 10px 0;}
.lightbox_area .recent ul li {color: #fea1a1;}
.lightbox_area .recent ul li.on {color: #FFF; background-color: #fea1a1;}
.lightbox_area .recent ul li:hover {color: #FFF; background-color: #fea1a1;}
.lightbox_area .license ul li {color: #80c6fb;}
.lightbox_area .license ul li.on {color: #FFF; background-color: #80c6fb;}
.lightbox_area .license ul li:hover {color: #FFF; background-color: #80c6fb;}
.lightbox_area .check_box {box-shadow: 0px 5px 5px 5px #ccc; padding: 5px 0; text-align: center;}
.lightbox_area .check_box img {width:15px;}

/*인장샵 디테일*/

.detail_new {display: none !important;}
/*free_skin_detail*/
.free_skin_detail {display: none !important;}

.skin_detail {overflow: hidden;}
.skin_detail .swiper-container {overflow: initial; margin-bottom:20px;}
.skin_detail .swiper-wrapper {display: flex !important;}
.skin_detail .swiper-pagination-bullet {width: 10px; height: 10px; box-sizing: border-box; border: 1px solid #d83049; background-color: #FFF; opacity: 1;}
.skin_detail .swiper-pagination-bullet-active {background-color: #d83049;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: -25px !important;}

/*스킨 정보*/
.skin_info {float: right !important; margin-top:30px; width: 100%; margin-bottom:30px;}
.skin_info table {width: 100%; border-spacing: 0; border-collapse: collapse;}
.skin_info caption {font-size: 14px; text-align: left; margin-bottom:20px;}
.mo_title {font-size: 14px; text-align: left; margin-top:15px; font-weight: bold;}
.skin_info tbody {border-top:1px solid #919191;}
.skin_info tr {border-bottom: 1px solid #d7d7d7;}
.skin_info .sns_share {display: none !important;}
.skin_info tr:last-child {border-bottom:0px;}
.skin_info th {font-size: 13px; color:#2a2a2a; text-align: left; width: 70px; padding:0 10px;}
.skin_info td {font-size: 13px; color: #757575;  padding: 10px 0;}
.skin_info td .share_btn {overflow: hidden;}
.skin_info td .share_btn li {float: left; margin-right:10px;}
.skin_info td .skin_term li {margin-bottom:5px; overflow: hidden; cursor: pointer;}
.skin_info td .skin_term li.on {color: #d83049;}
.skin_info td .skin_term li:hover {color: #d83049;}
.skin_info td .skin_term li:last-child {margin-bottom:0px;}
.skin_info td .skin_term li span {display: block; width: 9px; height: 9px; box-sizing: border-box; border: 1px solid #919191; float: left !important; margin:6px 8px 0px 0px;}
.skin_info .skin_btn {overflow: hidden; margin-top:10px;}
.skin_info td .skin_term li span.on {border-color: #d83049; background: #d83049;}
.skin_info td .skin_term li:hover span {border-color: #d83049; background: #d83049;}
.skin_info .skin_btn>div {height: 30px; float: left !important; text-align: center; cursor: pointer; line-height: 30px; font-size: 14px;}
.skin_info .skin_btn .like_btn {margin: 0 15px; color:#2a2a2a; font-size: 12px;}
.skin_info .skin_btn .like_btn path {fill: transparent; stroke: #d83049; stroke-width: 1;}
.skin_info .skin_btn .like_btn.on path {fill: #d83049;}
.skin_info .skin_btn .share_btn {width: 16%; box-sizing: border-box; border: 1px solid #bfbebe;}
.skin_info .skin_btn .share_btn img {width: 14px;}
.skin_info .skin_btn .red_btn {width: 40%; background: #d83049; color: #FFF;}
.skin_info .skin_btn .gift_btn {margin:0 2%;}
.skin_info .skin_btn .end_btn {width: 35%; background: #919191; color: #FFF; cursor: default; float: right !important;}
.skin_info .skin_btn svg {position: relative; top: 2px;}
.skin_info .skin_btn p {margin-top:11px; float: left !important; color:#757575; font-size: 12px;}

.mo_share_area {width: 270px; position: fixed; top: 50%; left: 50%; margin-left: -135px; margin-top:-109px; background-color: #fff; overflow: hidden; z-index: 150; display:none;}
.mo_share_area p {text-align: center; font-family: 'Noto Sans',sans-serif; border-bottom: 1px solid #e8e8e8; padding:8px 0; font-size:13px;}
.mo_share_area p img {width: 14px; margin-right: 5px;}
.mo_share_area ul {overflow: hidden; padding: 5px 15px 0px;}
.mo_share_area ul li {width:60px; height: 60px; float: left; text-align: center; font-size: 12px; line-height: 14px; margin-top:10px;}
.mo_share_area ul li:nth-child(4n) {margin-right: 0px;}
.mo_share_area ul li img {width: 30px;}
.mo_share_area p.cancel_btn {border-top: 1px solid #e8e8e8; }

.lightbox_area ul {}
.lightbox_area ul li {text-align: center; font-size: 13px; padding: 10px 0;}
.lightbox_area .recent ul li {color: #fea1a1;}
.lightbox_area .check_box {box-shadow: 0px 5px 5px 5px #ccc; padding: 5px 0; text-align: center;}
.lightbox_area .check_box img {width:15px;}


/*스킨 구매하기*/
.skin_buy {width: 100%; margin-top:20px; margin-bottom:50px; background: url("//static.inven.co.kr/image_2011/imart/layout/buy_bg_top.png"), url("//static.inven.co.kr/image_2011/imart/layout/buy_bg_bottom.png"), url("//static.inven.co.kr/image_2011/imart/layout/buy_bg.jpg"); background-repeat: no-repeat,no-repeat, repeat-y; background-position: top, bottom, top; background-size:100%; padding:30px 0 40px 0;}
.skin_buy table {width: 100%;}
.skin_buy caption {font-size: 14px; margin-bottom:15px;}
.skin_buy caption.success {color:#d83049;}
.skin_buy tbody {display: block; padding:0 5%;}
.skin_buy tr {display: block; padding-top:15px; overflow: hidden;}
.skin_buy tr.border_bottom_line {border-bottom:1px solid #d7d7d7;     padding-bottom: 15px;}
.skin_buy tr.border_top_line {border-top:1px solid #d7d7d7;}
.skin_buy tr:first-child {padding-top:0px;}
.skin_buy tr:first-child th img {width: 65px;}
.skin_buy th {font-size: 13px; color:#757575; text-align: left; width: 75px; font-family: 'Noto Sans',sans-serif; display: block; float: left;}
.skin_buy td {font-size: 12px; color: #2a2a2a; display: block; float: left; width: calc(100% - 75px);}

.skin_buy .list_con {vertical-align: top;}
.skin_buy .list_con span {display: block;}
.skin_buy .list_con span.list_thumb {text-align: center; margin-bottom:20px;}
.skin_buy .list_con span.list_title {font-size:13px; line-height: 24px;}
.skin_buy .list_state {overflow: hidden;}
.skin_buy .list_state .period {float: left; font-size:10px; color:#FFF; padding:2px 5px 1px;}
.skin_buy .list_state .style_1 {background-color: #2cafae;}
.skin_buy .list_state .style_2 {background-color: #ff007e;}
.skin_buy .list_state .style_3 {background-color: #616161;}
.skin_buy .list_state .like {float: right;}
.skin_buy .list_state .like img {margin-right:5px; position: relative; top:1px; width: 12px;}

.skin_buy .intro th {vertical-align: top;}

.skin_buy .term td select {font-size: 13px; width: 100%; padding:0 0 0 10px; border: 1px solid #d7d7d7;}
.skin_buy .term td select option {padding: 3px 0;}
.skin_buy .term td .fix {font-size: 12px;}

.skin_buy .possession {padding-top:0px;}
.skin_buy #resultMsg {padding-top:0px;}
.skin_buy .possession td {background-color: #f9f9f9; font-size: 13px; color:#2a2a2a; text-align: center; padding:5%; width: 90%; margin-top:15px;}
.skin_buy .possession td span {color:#d83049;}

.skin_buy .buy_day td { font-family: 'Noto Sans',sans-serif;}

.skin_buy .price .text_price {overflow: hidden;}
.skin_buy .price .text_price p {float: left; font-size: 12px; font-family: 'Noto Sans',sans-serif; position: relative; padding: 0 10px;}
.skin_buy .price .text_price p:first-child {padding-left: 0px;}
.skin_buy .price .text_price p::after {content: ""; width: 1px; height: 16px; background-color: #919191; display: block; position: absolute; right: 0; top: 2px;}
.skin_buy .price .text_price p:last-child::after {display: none !important;}

.skin_buy .product {padding-bottom:15px; border-bottom:1px dashed #d7d7d7;}

.skin_buy .amount {padding-bottom:15px; border-bottom:1px dashed #d7d7d7;}
.skin_buy .amount ul li {font-weight: 600;}

.skin_buy .balance ul li {font-weight: 600;}

.skin_buy .find_user {padding:20px 0; border-bottom: 1px dashed #d7d7d7; border-top:1px solid #d7d7d7; margin-top:25px;}
.skin_buy .find_user .search_user {position: relative;}
.skin_buy .find_user input {font-size: 13px; width: calc(100% - 12px); padding: 0 0 0 10px; border: 1px solid #d7d7d7; height: 21px; line-height: 21px;} 
.skin_buy .find_user .find_btn {cursor: pointer; position: absolute; right: -4px; top: -6px; padding:5px;}

.skin_buy .user_info {padding:0;}
.skin_buy .user_info td {font-size: 15px; color:#2a2a2a; padding:0; width: 100%;}
.skin_buy .user_info td span {display: block;}
.skin_buy .user_info td .user_thumb {width: 90px; height: 90px; border-radius: 30px; background-color: #ccc; overflow: hidden; float: left !important; margin-top:15px;}
.skin_buy .user_info td .user_thumb img {width: 90px;}
.skin_buy .user_info td .user_text {float: left !important;}
.skin_buy .user_info td .user_text .user_name {font-size:20px; color: #2a2a2a; margin:45px 0 0 15px;}
.skin_buy .user_info td .user_text .user_text {width: 254px; background: #e5e5e5; border-radius: 20px; padding: 20px 20px; max-height: 70px; height: 30px;}
.skin_buy .user_info td .user_text .user_text span {font-size:12px; color:#5b5b5b; text-align: center;}
.skin_buy .user_info td textarea {border: 1px solid #d7d7d7; background-color: #f9f9f9; width: calc(100% - 12px); height: 92px; margin-top: 20px; padding: 5px; max-height: 92px;}
.skin_buy .user_info td .can_not_find {color:#ee3030; text-align: center; font-size:13px;}

.skin_buy .skin_btn {overflow: hidden;}
.skin_buy .skin_btn .default_btn {width: 120px; height: 30px; cursor: pointer; text-align: center; line-height: 30px; font-size:14px; color: #FFF; margin-top:20px;}
.skin_buy .skin_btn .default_btn a {line-height: 30px; font-size:14px; color: #FFF;}
.skin_buy .skin_btn .purchase_btn {float: left !important; background: #d83049; margin-left:5%;}
.skin_buy .skin_btn .main_btn {margin-left: -60px; position: relative; left: 50%;}
.skin_buy .skin_btn .back_btn {float: right !important; background: #6e6e6e; margin-right:5%;}
#articleSnsShare .itemList .item {width: 49px; margin: 7px 5px 6px 5px;}
#articleSnsShare .title{display:none;}