html { overflow-y: scroll; }
body { margin:0; padding:0; }
.inventory-setting * { float:none; margin:0; padding:0; }
.inventory-setting ul { list-style: none; display:block; }
.inventory-setting div { float:none; display:block; }
.inventory-setting .clear:after { content: ''; display:block; clear:both; }

#memberInventory,
.inventory-setting { float:none; display:block; width: 850px; margin:auto; }
.inventory-setting .inventory-section { padding-top:0; }

.inventory-head { margin: 10px 0 0; padding: 10px; background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgb(245, 245, 245) 100%); border-top: 2px solid #8292a9; border-bottom: 1px solid #d1d2d4;}
.inventory-head h1 { display: flex; align-items: flex-end; gap: 5px; font-weight: normal; }
.inventory-head h1 img { position: relative; top: 2px; height: 20px; }
.inventory-head h1 span { color: #8292a9; font-family: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-size: 12px; }
.inventory-setting .inventory-headmenu { display: flex; justify-content: space-between; margin-top:10px; padding: 0 10px; border-top:2px solid #639cea; border-bottom:2px solid #d1d2d4; }
.inventory-setting .inventory-headmenu li a { display:inline-block; height:29px; margin-bottom:-2px; line-height:29px; font-size:12px; color:#6d6d6d; text-decoration: none; cursor:pointer; font-family: "Malgun Gothic", "맑은 고딕", helvetica, "Apple SD Gothic Neo", sans-serif; }
.inventory-headmenu li.active a { border-bottom:2px solid #ff5f80; }

.inventory-content-wrap { padding-top:24px; }
.inventory-setting .inventory-section { width:auto; }

.inventory-title { font-size:13px; color:#639cea; font-weight: bold; }
.inventory-title::before { content:''; display:inline-block; width:9px; height:10px; margin-right: 2px; background-color:#639cea; }
.inventory-title .inventory-title-desc { font-size:12px; color:#757575; font-weight: normal; letter-spacing: -1px; }
.inventory-title .inventory-title-desc .inventory-link { color:#59c468; }
.inventory-title .more { float: right; font-size: 11px; color: #9191a9; text-decoration: none; font-weight: normal; letter-spacing: -1px; padding-top: 4px; }
.inventory-title .more img{}

.inventory-content { margin-top:15px; border:8px solid #e7f0fd; }
.inventory-content h3 {padding: 0 0 0 13px; color:#639cea; margin-top:14px; font-weight: bold; display: block;}

.inventory-skin-list,.inventory-order-list { padding: 14px 0 0 13px; }
.inventory-skin-list li ,.inventory-order-list li{ float:left; margin:0 13px 13px 0; }
.inventory-skin-list li.have_skin,.inventory-order-list li.have_skin { height: 70px; }
.inventory-skin-list li a,.inventory-order-list li a{ position:relative; display:block; width:55px; height:55px; }
.inventory-skin-list li a.active:before { content:''; position:absolute; left:-4px; top:-4px; bottom:-4px; right:-4px; border:1px solid red; box-sizing: border-box; }
.inventory-skin-list li a.not-available { filter: grayscale(1); }
.inventory-skin-list li a span,.inventory-order-list li a span {text-align: center; display: block;}
.inventory-skin-list li img,.inventory-order-list li img { width:55px; height:55px; }
.inventory-skin-auth-title {display: none;}
.inventory-skin-auth-title.on { display:inline} 
.inventory-skin-list.down {
    padding-top:8px;
    display:none;
}
.inventory-skin-list.down.on {
    display:block;
}
.inventory-skin-list.down .active::before {
    border: 2px solid rgb(0, 255, 55);
    border-radius: 6px;
    box-sizing: border-box;
}

.period_item {}
.period_item li {height: 55px;}
.period_item li a {width: 214px; position: relative;}
.period_item li a img {float: left; width: 55px;}
.period_item li a span {float: left; margin-left:10px; width: 149px; text-align: left;}
.period_item li a span.skinname {margin-top:5px;}
.period_item li a span.expiredate {color: #757575; margin-top:3px;}

.inventory-skin .inventory-content { padding:17px; }


/* etc setting */
.inventory-ex-setting .inventory-content { padding:18px; }
.inventory-ex-setting h3 {  font-size:12px; color:#656565; font-weight:bold; }
.inventory-ex-setting h3:before { content:'●'; display:inline-block; }
.inventory-ex-setting .desc { padding-top: 12px; font-size:12px; color:#757575; }
.inventory-ex-setting .radio-wrap { padding-top:15px; }
.inventory-ex-setting .radio-wrap label { padding-right:43px; font-size:12px; color:#898989; }
.inventory-ex-setting .radio-wrap label input[type="radio"] { width:14px; height:14px; vertical-align: -3px; border:1px solid #acacac; }

.inventory-ex-setting .inventory-setting-item { margin-bottom: 20px; }
.inventory-ex-setting .inventory-setting-item .setting-top {
    display:flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
}
.inventory-ex-setting .inventory-setting-item .setting-top .option {
    font-size: 11px;
    color: #757575;
    display:none;
}
.inventory-ex-setting .inventory-setting-item .setting-top .option.on {
    display:block;
}
.inventory-ex-setting .inventory-setting-item .setting-top .option input{
    vertical-align: -2px;
    margin-right: 5px;
    cursor: pointer;
}
.inventory-ex-setting .switch { position: relative; display: inline-block; width: 40px; height: 14px; }
.inventory-ex-setting .switch input { opacity: 0; width: 0; height: 0; }
.inventory-ex-setting .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #bbbbbb; transition: .3s; }
.inventory-ex-setting .slider:before { position: absolute; content: ""; height: 20px; width: 20px; left: 0; bottom: -3px; background-color: #807f7f; transition: .3s; }
.inventory-ex-setting input:checked + .slider { background-color: #4396ff; }
.inventory-ex-setting input:focus + .slider { box-shadow: 0 0 1px #bbbbbb; }
.inventory-ex-setting input:checked + .slider:before { background-color:white; transform: translateX(22px); border: 1px solid #4396ff; }
.inventory-ex-setting .slider.round { border-radius: 34px; }
.inventory-ex-setting .slider.round:before { border-radius: 50%; }
.inventory-ex-setting .inventory-setting-etc h4 {
    font-weight: 600;
}
/* editable summary */
.inventory-setting .inventory-content-wrap.inventory-skin .summary .nickname { margin-bottom:9px !important; }
.inventory-setting .inventory-content-wrap.inventory-skin .profile_icon .btn_profile { position:absolute; left:30px; bottom:28px; width:25px; height:25px; text-indent:-99999px; background:url('//static.inven.co.kr/image_2011/common/member/setting_icons.png') -25px 0 no-repeat; }
.inventory-setting .inventory-content-wrap.inventory-skin select[name="title"] { margin-bottom: 7px; height: 22px; border:1px solid #d7d7d7; line-height: 22px; font-size: 12px; box-sizing: border-box; }
.inventory-setting .inventory-content-wrap.inventory-skin .comment { position: relative; width: 442px; height:22px !important; border: 1px solid #d7d7d7; background-color:white; }
.inventory-setting .inventory-content-wrap.inventory-skin .comment span { height:22px; line-height:22px; }
.inventory-setting .inventory-content-wrap.inventory-skin .inventory-section[data-mode="set"] .comment span { float:left; display:block; height:22px !important; position:relative; }
.inventory-setting .inventory-content-wrap.inventory-skin .comment span[contenteditable="true"] { margin: -5px 0 0 -5px; border:1px solid #d7d7d7; box-sizing: border-box; line-height:22px; font-size: 11px; color: #757575 !important; text-indent: 4px; background: white; }
.inventory-setting .inventory-content-wrap.inventory-skin .comment .btn-edit { content:''; float:left; display:block; margin: 4px 10px 0 4px; width:15px; height:15px; background:url('//static.inven.co.kr/image_2011/common/member/setting_icons.png') no-repeat; text-indent: -99999px; }
.inventory-setting .inventory-content-wrap.inventory-skin .comment .input-comment { position:absolute; left: 28px; top: 0px; display:block; width: 414px; border:none; box-sizing: border-box; line-height:22px; font-size: 11px; color: #757575 !important; text-indent: 4px; background: white; outline: none; }
.inventory-section .inventory-content-wrap.inventory-skin .summary .inventory_top_link{display:none;}


/* editor */
#powerbbsViewSignContents #btnPreview {
    margin: 2px 0 0 0;
    padding: 4px 0 0 20px;
    width: 56px;
    height: 18px;
    background: url(//static.inven.co.kr/image/member/inventory/btn_76x21_grey.gif) no-repeat;
    float: right;
    text-decoration: none;
    font-size:11px;
}
#powerbbsViewSignContents #btnSign {
    margin: 2px 0 0 11px;
    padding: 4px 0 0 20px;
    width: 56px;
    height: 18px;
    background: url(//static.inven.co.kr/image/member/inventory/btn_76x21_grey.gif) no-repeat;
    float: right;
    text-decoration: none;
    font-size:11px;
}
.memberProfile .powerbbsContent ul, .memberProfile .powerbbsContent ol { margin-left:0 !important;}


/* button */
.inventory-setting .btn_area { text-align:center; }
.inventory-setting .btn { padding:7px 24px; color:white; background-color:#9f9f9f; border:0; font-size:14px; font-weight:bold; font-family:gulim, sans-serif; }
.inventory-setting .btn.blue { background-color:#4583d8; cursor:pointer; }

/* belt */
.inventory-belt .right_wrap { float:left; padding-top: 8px; width: 444px; font-size:12px; color:#838383; }
.inventory-belt .right_wrap .strong { color:#4583d8; }
.inventory-belt .right_wrap .btn { display:inline-block; width:134px; height:26px; padding:0; margin:10px 0px; line-height: 26px; text-align: center; font-size: 12px; font-weight:normal; letter-spacing: -1px; }
.inventory-belt .right_wrap .btn.green { background-color:#69b369; }
.inventory-belt .right_wrap .icon-rep { width: 16px; height: 16px; padding: 5px; vertical-align: -9px; background: url(//static.inven.co.kr/image/member/common/wrap_26_whole1_multicolor1.gif) no-repeat left top; }
.inventory-belt .right_wrap .icon-rep.townMarketItemType1 { background-position: 0 0; }
.inventory-belt .right_wrap .icon-rep.townMarketItemType2 { background-position: -26px 0; }
.inventory-belt .right_wrap .icon-rep.townMarketItemType3 { background-position: -52px 0; }
.inventory-belt .right_wrap .icon-rep.townMarketItemType4 { background-position: -78px 0; }
.inventory-belt .right_wrap .icon-rep.townMarketItemType5 { background-position: -104px 0; }
.inventory-belt .profileBelt .buttons { text-align: center; width: 146px; margin-top: 4px; padding-bottom: 1px; }
.inventory-belt .profileBelt .buttons,
.inventory-belt .profileBelt .buttons a { font-family: Dotum; font-size: 11px; color: #787778;}
.inventory-belt .profileBelt .buttons a:hover { color: #ff8003;}

/* icon */
.inventory-item table tr td.bttn { text-align:center;}
.inventory-item table tr td.bttn a.sell { display : inline-block; width : 38px; height : 20px; background : url('//static.inven.co.kr/image/member/inventory/bttn_sell.gif') no-repeat left top; margin : 0 11px; }
.inventory-item table tr td.bttn a.trash { display : inline-block; width : 38px; height : 20px; background : url('//static.inven.co.kr/image/member/inventory/bttn_trash.gif') no-repeat left top; margin : 0 11px; }
.inventory-item .noCSS { display : none; }
.inventory-item table tr td.icon div { float:left; }

/* paging */
.inventory-setting .page { text-align:center; }
.inventory-setting .page .compaing-vertical { display:none; }
.inventory-setting .page .pg { padding:0 5px; font-size:12px; color:#838383; }
.inventory-setting .page .pg.currentpg { color:#ff007b; }
.inventory-setting .page .prevtext { display:inline-block; width:56px; height:25px; vertical-align: middle; background: url('https://www.inven.co.kr/board/bbs/button/COMMON/prev1.gif') no-repeat; text-indent:-9999999px; }
.inventory-setting .page .prevtext.active a { float:left; width:56px; height:25px; background: url('https://www.inven.co.kr/board/bbs/button/COMMON/prev2.gif') no-repeat; text-indent:-9999999px; }
.inventory-setting .page .nexttext { display:inline-block; width:56px; height:25px; vertical-align: middle; background: url('https://www.inven.co.kr/board/bbs/button/COMMON/next1.gif') no-repeat; text-indent:-9999999px; }
.inventory-setting .page .nexttext.active a { float:left; width:56px; height:25px; background: url('https://www.inven.co.kr/board/bbs/button/COMMON/next2.gif') no-repeat; text-indent:-9999999px; }


/* myboard */
body { background:none; }
#memberInventory > h1 { display:none; }
#memberInventory .inventory-setting h1 { width:auto; height:auto; text-indent:0; float:none; display:block; margin:0; background:none;}
#memberInventory .myarticle { float:none; overflow:hidden; display:block; margin:7px auto 0 auto !important; }
#memberInventory .myarticle .articleTable { box-sizing: border-box; }

/* block */
#memberInventory .myblock { float:none; overflow:hidden; display:block; width:662px; margin:7px auto 0 auto !important; box-sizing: border-box; }

/* table */
.inventory-setting .table_wrap { padding: 9px 8px; }
.inventory-setting .table { border-collapse:collapse; width:100%; }
.inventory-setting .table th { position:relative; height: 30px; border-bottom:1px solid #d3d3d3; text-align:center; background-color: #ececec; font-size:12px; font-weight:bold; color:#919191; }
.inventory-setting .table th::after { content:''; position:absolute; right: -1px; top:10px; z-index:1; display:block; width:2px; height:11px; background-color:#c4c4c4; }
.inventory-setting .table th:last-child::after { display:none; }
.inventory-setting .table td { position: relative; height: 34px; text-align:center; font-size:12px; }
.inventory-setting .table tr:nth-child(2n) td { background-color:#f8f8f8; }
.inventory-setting .table td.exp { color: #fba500; }
.inventory-setting .table td.inni { color: #62c15d; }
.inventory-setting .table td.veni { color: #ff7575; }
.inventory-setting .table td.jeni { color: #da92e9; }
.inventory-setting .table td.exp::before { content:''; position:absolute; left: 37px; display:inline-block; width: 15px; height: 13px; background:url('//static.inven.co.kr/image_2011/common/member/iv_rank_icons.png') no-repeat; }
.inventory-setting .table td.inni::before { content:''; position:absolute; left: 37px; display:inline-block; width: 15px; height: 13px; background:url('//static.inven.co.kr/image_2011/common/member/iv_rank_icons.png') no-repeat 0 -30px; }
.inventory-setting .table td.veni::before { content:''; position:absolute; left: 37px; display:inline-block; width: 15px; height: 13px; background:url('//static.inven.co.kr/image_2011/common/member/iv_rank_icons.png') no-repeat 0 -60px; }
.inventory-setting .table td.jeni::before { content:''; position:absolute; left: 37px; display:inline-block; width: 15px; height: 13px; background:url('//static.inven.co.kr/image_2011/common/member/iv_rank_icons.png') no-repeat 0 -90px; }
.inventory-setting .table .txt_left { text-align:left; padding-left:20px; }
.inventory-setting .table-wrap { padding: 9px 8px; }
.inventory-setting .table.table-hori th { border-bottom:0 !important; }
.inventory-setting .table.table-hori th:after { display:none !important; }
.inventory-setting .table.table-hori td { text-align:left !important; padding-left:10px; }

.inventory-setting .inventory-content-wrap .inventory-title .btn.red{
    display: inline-block;
    width: 134px;
    height: 26px;
    padding: 0;
    line-height: 26px;
    text-align: center;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: -1px;
    background-color: #d83049;
    float: right;
    margin-top: -5px;
}

/* 인장 게임 프로필 관련 css */

.iv_cont[data-tab="game_profile"] .main-text h2 {
    display: block;
}
.iv_cont[data-tab="game_profile"] .info-item h3 {
    margin: 0;
    padding: 0;
}