/* NanumBarunGothic Light */
@font-face{
    font-family: 'NanumBarunGothic';
    font-style:normal;
    font-weight:400;
    src:url('//static.inven.co.kr/image_2011/common/fonts/NanumBarunGothicWeb.eot');
    src:local("NanumBarunGothic"),
    url('//static.inven.co.kr/image_2011/common/fonts/NanumBarunGothicWeb.eot?#iefix') format('embedded-opentype'),
    url('//static.inven.co.kr/image_2011/common/fonts/NanumBarunGothicWeb.woff') format('woff'),
    url('//static.inven.co.kr/image_2011/common/fonts/NanumBarunGothicWeb.ttf') format('truetype');
}
@font-face{
    font-family:'NanumBarunGothic';
    font-style:normal;
    font-weight:700;
    src:url('//static.inven.co.kr/image_2011/common/fonts/NanumBarunGothicWebBold.eot');
    src:url('//static.inven.co.kr/image_2011/common/fonts/NanumBarunGothicWebBold.eot?#iefix') format('embedded-opentype'),
    url('//static.inven.co.kr/image_2011/common/fonts/NanumBarunGothicWebBold.woff') format('woff'),
    url('//static.inven.co.kr/image_2011/common/fonts/NanumBarunGothicWebBold.ttf') format('truetype');
}
@font-face{
    font-family:'NanumBarunGothic';
    font-style:normal;
    font-weight:100;
    src:url('//static.inven.co.kr/image_2011/common/fonts/NanumBarunGothicWebLight.eot');
    src:local("NanumBarunGothic"),
    url('//static.inven.co.kr/image_2011/common/fonts/NanumBarunGothicWebLight.eot?#iefix') format('embedded-opentype'),
    url('//static.inven.co.kr/image_2011/common/fonts/NanumBarunGothicWebLight.woff') format('woff'),
    url('//static.inven.co.kr/image_2011/common/fonts/NanumBarunGothicWebLight.ttf') format('truetype');
}
.inventory-section.pcskin { float:none; display:block; padding-top: 30px; width: 657px; margin: auto; font-family: 'NanumBarunGothic', 'Noto Sans', 'sans-serif'; clear:both; }
.inventory-section * { padding:0; margin:0; float:none; font-family: 'NanumBarunGothic', 'Noto Sans', 'sans-serif'; }
.inventory-section div,
.inventory-section ul, .inventory-section ol, .inventory-section li,
.inventory-section dl, .inventory-section dt, .inventory-section dd,
.inventory-section h1, .inventory-section h2, .inventory-section h3, .inventory-section h4, .inventory-section h5, .inventory-section h6,
.inventory-section form, .inventory-section fieldset { display:block; }
.inventory-section div { display: block; }
.inventory-section ul { list-style:none; }
.inventory-section button { border:none; outline: 0; cursor: pointer; }
.inventory-section .btn_area { text-align:center; }
.inventory-section .btn_area .btn { padding: 7px 24px; color: white; background-color: #9f9f9f; border: 0; font-size: 14px; font-weight: bold; font-family: gulim, sans-serif; text-decoration:none; }
.inventory-section .float_right { float:right; }
.inventory-section .align_right { text-align:right; }

.inventory-section .clear:after { display: block; content:""; clear:both; }
.inventory-section .summary { position:relative; width: 657px; height:174px; background-position: -10px -217px; }
.inventory-section .summary .inventory_top_link{ position: absolute;top:0;left:0;}
.inventory-section .summary .inventory_top_link a{display:block;}

.inventory-section .summary .profile_icon { position:relative; z-index:1; float: left; width: 165px; height:166px; }
.inventory-section .summary .profile_icon.clickable { cursor:pointer; }
.inventory-section .summary .profile_icon .profile_image { position:absolute; left:0; top:0; width:0; height:0; }
.inventory-section .summary .profile_icon .graph { position:relative; width:118px; height:118px; }
.inventory-section .summary .profile_icon .graph .base { position:absolute; left:28px; top:28px; width:118px; height:118px; }
.inventory-section .summary .profile_icon .graph .bar-wrap { position:absolute; left:28px; top:28px; width:118px; height:118px; transform:rotate(-180deg); }
.inventory-section .summary .profile_icon .graph .bar{transform-origin:center}
.inventory-section .summary .profile_icon .graph .path,
.inventory-section .summary .profile_icon .graph .bar{fill:transparent;stroke-width:60px;}
.inventory-section .summary .profile_icon .graph .path { stroke:#dbdbdb; stroke-width:45px; }
.inventory-section .summary .profile_icon .graph .profile_image-wrap { position:absolute; left: 32px; top: 32px; width:110px; height:110px; }

.inventory-section .summary .profile_icon .tooltip { position:absolute; top:0; left: 7px; display:none; width: 160px; text-align:center; }
.inventory-section .summary .profile_icon:hover .tooltip { display:block; }
.inventory-section .summary .profile_icon .tooltip:after { content: ''; position: absolute; border-top: 10px solid black; border-right: 5px solid transparent; border-left: 5px solid transparent; bottom: -9px; left: calc(50% - 5px); }
.inventory-section .summary .profile_icon .tooltip .tooltip_wrap { display:inline-block; padding:4px; background-color:black; color:white; font-size:11px; }
.inventory-section[data-type="round"] .summary .profile_icon .tooltip .tooltip_wrap { border-radius: 4px; }
.inventory-section .summary .profile_icon .tooltip .tooltip_wrap .exp-per { color: #ff728f; }

.inventory-section .summary .right_info { position: relative; float:left; width: 492px; height: 174px; }
.inventory-section .summary .right_info .txt_info { padding-top: 28px; }
.inventory-section .summary .title { padding-bottom:7px; height:18px; line-height: 18px; font-size:12px; }
.inventory-section .summary .nickname { margin-bottom: 13px; height:18px; line-height: 18px; font-size:19px; }
.inventory-section .summary .comment { margin-bottom: 15px; height:18px; font-size:11px; color:white; }
.inventory-section .summary .skills { position: absolute; bottom: 32px; z-index:1; }
.inventory-section .summary .skills button { float:left; width:30px; height:30px; margin-right:10px; background-color:transparent; text-indent:-99999px; }
.inventory-section .summary .skills button.message { background-position: -10px -10px; }
.inventory-section .summary .skills button.inni_heal { background-position: -50px -10px; }
.inventory-section .summary .skills button.more { background-position: -90px -10px; }
.inventory-section .summary .skills button.last_attack { background-position: -130px -10px; }

.inventory-section .summary .btn_open { position:absolute; right:7px; bottom:7px; z-index:1; width:110px; height:25px; background-color:transparent; background-position: -10px -50px; text-indent:-99999px; }
.inventory-section[data-open="true"] .summary .btn_open { display:none; }
.inventory-section[data-open="false"] .summary .btn_open { display:block; }


.inventory-section .lv { display:inline-block; padding-right:4px; height:18px; line-height: 18px; vertical-align: 4px; border-radius: 3px; background-color:#568fd6; font-size:11px; font-weight: normal; }
.inventory-section .lv:before { content:"Lv"; float:left; padding:0 4px; margin-right:4px; border-radius: 3px; background-color:#1d5090; }
.inventory-section .lv.lv0 { background-color:#eaeaea; color:#969696; }
.inventory-section .lv.lv0:before { background-color:#cfcfcf;}
.inventory-section .lv.lv1 { background-color:#a6aebc; color:#ffffff; }
.inventory-section .lv.lv1:before { background-color:#747f91;}
.inventory-section .lv.lv2 { background-color:#75b6cd; color:#ffffff; }
.inventory-section .lv.lv2:before { background-color:#437486;}
.inventory-section .lv.lv3 { background-color:#5ea865; color:#ffffff; }
.inventory-section .lv.lv3:before { background-color:#36633a;}
.inventory-section .lv.lv4 { background-color:#ffd119; color:#774912; }
.inventory-section .lv.lv4:before { background-color:#d28000; color:#ffffff; }
.inventory-section .lv.lv5 { background-color:#13a99d; color:#ffffff; }
.inventory-section .lv.lv5:before { background-color:#00756c;}
.inventory-section .lv.lv6 { background-color:#568fd6; color:#ffffff; }
.inventory-section .lv.lv6:before { background-color:#1d5090;}


.inventory-section .lv.lv7 { background-color:#c208ce; color:#ffffff; }
.inventory-section .lv.lv7:before { background-color:#930b9c;}

.inventory-section .lv.lv7_5 { background-color:#eb11b5; color:#ffffff; }
.inventory-section .lv.lv7_5:before { background-color:#aa0042;}

.inventory-section .lv.lv8 { background-color:#fd292e; color:#ffffff; }
.inventory-section .lv.lv8:before { background-color:#ca1b27;}

.inventory-section .lv.lv8_5 { background-color:#d80000; color:#ffffff; }
.inventory-section .lv.lv8_5:before { background-color:#a30000;}

.inventory-section .lv.lv9 { background-color:#031234; color:#ffffff; }
.inventory-section .lv.lv9:before { background-color:#000000;}

.inventory-section .lv.lv9_5 { background-color:#031234; color:#ffea97; }
.inventory-section .lv.lv9_5:before { background-color:#000000;}

.inventory-section .lv.lv10 { background-color:#031234; color:#ffd119; }
.inventory-section .lv.lv10:before { background-color:#000000;}

.inventory-section .inventory_content_wrap { position: relative; margin-top: -3px; border:1px solid white; border-top:none; padding: 0 6px 6px 6px; }
.inventory-section[data-open="true"] .inventory_content_wrap { display:block; }
.inventory-section[data-open="false"] .inventory_content_wrap { display:none; }
.inventory-section .tabs_wrap .btn_close { float:right; margin-top: 1px; margin-right: 14px; width: 110px; height: 22px; text-indent: -99999px; background-position: -10px -85px; }
.inventory-section[data-open="true"] .tabs_wrap .btn_close { display:block; }
.inventory-section[data-open="false"] .tabs_wrap .btn_close { display:none; }
.inventory-section .tabs { margin-top:2px; }
.inventory-section .tabs li { float:left; border:none; }
.inventory-section .tabs li button { border:none; border-bottom:1px solid; width: 93px; height: 28px; box-sizing: border-box; font-size:12px; font-family: 'NanumBarunGothic', 'Noto Sans', 'sans-serif'; font-weight: bold; }
.inventory-section .tabs li button.active { border: 1px solid; border-bottom:none; border-top-left-radius: 4px; border-top-right-radius: 4px; background-color: white; }
.inventory-section .inventory_content { clear:none !important; overflow: initial !important; margin-top: -1px; padding-bottom:0; width:100%; min-height:150px; background:white; border:1px solid white; box-sizing: border-box; }
.memberProfileS2 .profileWrapBody { width:auto !important; padding-bottom:0 !important; }
.inventory-section .iv_cont { display:none; padding: 10px 0; width:auto !important; }
.inventory-section[data-tab="sign"] .iv_cont[data-tab="sign"] { display:block; }
.inventory-section[data-tab="profile"] .iv_cont[data-tab="profile"] { display:block; }
.inventory-section[data-tab="rank"] .iv_cont[data-tab="rank"] { display:block; }
.inventory-section[data-tab="title"] .iv_cont[data-tab="title"] { display:block; }
/*.inventory-section .iv_cont>div { margin:auto;}*/

/* sign */
.inventory-section .iv_cont[data-tab="sign"] { padding: 10px 10px 20px 10px; }
.inventory-section .sign_wrap { overflow: hidden !important; width: auto !important; }
.inventory-section .sign_wrap .noprofile { width: 100%; height: auto; text-align: center; cursor: pointer; padding-top: 160px; padding-bottom: 137px; font-family: Gulim; color: #424242; font-weight: bold; }

/* Belt */
.inventory-section .belt_wrap { padding-top:8px; width:182px; float:left; }
.inventory-section .belt_wrap .profileBelt { width:142px; margin-left:20px; }
.inventory-section .belt_wrap .profileBelt ul { margin-left: -4px; margin-top: -4px; width: 150px; }
.inventory-section .belt_wrap .profileBelt ul li { float:left; margin-left: 4px; margin-top: 4px; width: 26px; height: 26px;}
.inventory-section .belt_wrap .profileBelt ul li span a.townMarketItemType1 { background-position: 0 0; }
.inventory-section .belt_wrap .profileBelt ul li span a.townMarketItemType2 { background-position: -26px 0; }
.inventory-section .belt_wrap .profileBelt ul li span a.townMarketItemType3 { background-position: -52px 0; }
.inventory-section .belt_wrap .profileBelt ul li span a.townMarketItemType4 { background-position: -78px 0; }
.inventory-section .belt_wrap .profileBelt ul li span a.townMarketItemType5 { background-position: -104px 0; }
.inventory-section .belt_wrap .profileBelt ul li span a { display: inline; float: left; width: 16px; height: 16px; padding: 5px; margin: 0 3px 3px 0; }
.inventory-section .belt_wrap .profileBelt ul li:nth-child(5n) span a { margin-right:0; }
.inventory-section .belt_wrap .profileBelt ul li span a { background: url("//static.inven.co.kr/image/member/common/wrap_26_whole1_multicolor1.gif") no-repeat left top; }
.inventory-section .belt_wrap .profileBelt ul li span a img { width: 16px; height: 16px; }
.inventory-section .belt_wrap .iconBoxes { margin:11px 0 0 20px; }
.inventory-section .belt_wrap .iconBoxes .memberInventoryItemBag { float:left; }

/* info */
.inventory-section .info_wrap { float:left; width:458px; padding-top:13px; }
.inventory-section .info_wrap dt { float:left; padding-right:27px; margin-bottom:10px; width:70px; height:20px; line-height:20px; text-align:right; font-size:12px; font-weight:bold; }
.inventory-section .info_wrap dd { float:left; margin-bottom:10px; width:360px; height:20px; line-height:20px; font-size:12px; color:#838383; }
.inventory-section .info_wrap dt.level { color:#c8a2de; }
.inventory-section .info_wrap dt.license { color:#ff7575; }
.inventory-section .info_wrap dt.exp { color:#73b3f4; }
.inventory-section .info_wrap dt.pt { color:#62c15d; }
.inventory-section .info_wrap dt.honor { color:#ce8630; }
.inventory-section .info_wrap dt.skills { color:#2f9ec7; }
.inventory-section .info_wrap dt.sign_date { color:#898989; }
.inventory-section .info_wrap dd.lv { padding-top:2px; }
.inventory-section .info_wrap dd.exp { height: auto; min-height:20px; line-height: 15px; padding-top: 4px; padding-bottom: 6px; margin-bottom: 5px; }
.inventory-section .info_wrap dd.exp .exp-per { color: #ff728f; }
.inventory-section .info_wrap dd.exp .exp-after { display:inline-block; }
.inventory-section .info_wrap dd.license img { margin-top: -2px; }
.inventory-section .info_wrap dd.pt p { display:inline; padding-right:10px; }
.inventory-section .info_wrap dd.pt p .sub-title { color:#62c15d; }
.inventory-section .info_wrap dd.skills ul { overflow: hidden; display: block; margin-top: -2px; }
.inventory-section .info_wrap dd.skills li { overflow: hidden; position: relative; display: block; float: left; margin-right:4px; width: 24px; height: 24px;}
.inventory-section .info_wrap dd.skills li span { position: absolute; right: 0px; bottom: 0px; width: 9px; height: 9px; border: 1px solid black; background-color: white; font-size: 9px; font-family: Tahoma; line-height: 9px; white-space: nowrap; text-align: center; }

/* rank */
.inventory-section .table_wrap { padding: 9px 8px; }
.inventory-section .table { border-collapse:collapse; width:100%; }
.inventory-section .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-section .table th::after { content:''; position:absolute; right: -1px; top:10px; z-index:1; display:block; width:2px; height:11px; background-color:#c4c4c4; }
.inventory-section .table th:last-child::after { display:none; }
.inventory-section .table td { position: relative; height: 34px; text-align:center; font-size:12px; }
.inventory-section .table tr:nth-child(2n) td { background-color:#f8f8f8; }
.inventory-section .table td.exp { color: #fba500; }
.inventory-section .table td.inni { color: #62c15d; }
.inventory-section .table td.veni { color: #ff7575; }
.inventory-section .table td.jeni { color: #da92e9; }
.inventory-section .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-section .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-section .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-section .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-section .table .txt_left { text-align:left; padding-left:20px; }

/* title */
/*.inventory-section[data-tab="title"] { padding-bottom: 24px; }*/
.inventory-section[data-tab="title"] .btn_area { margin-top: 21px; margin-bottom: 4px; }
.inventory-section[data-tab="title"] .btn_area .btn { font-size: 11px; }

/* mobile */
#mobileWrap .inventory-section.pcskin { position:relative; left:calc(50% - 328px); margin:0;  }
#mobileWrap .inventory-section.pcskin .summary .btn_open { right:25px; padding: 3px 32px; width:auto; height:auto; text-indent:0; background-color:blue; background-image:none; font-size:13px; color:white; }


/* round type */
.inventory-section[data-type="round"] .summary .roundBg { content:''; position:absolute; bottom:4px; display:block; width: 657px; height:30px; background-position: -10px -284px; }
.inventory-section[data-type="round"] .inventory_content { border-radius: 0 0 18px 18px;}
.inventory-section[data-type="round"] .inventory_content_wrap { margin-top:-6px; border-radius: 0 0 26px 26px; }
#mobileWrap .inventory-section[data-type="round"] .summary .btn_open { border-radius:5px 5px 0 0; }


/* mobile only */
.inventory-section .inventory-mobile { position:relative; margin:5px; padding:7px 0 7px 4px; }
.inventory-section .inventory-mobile .inventory-mobile-content { height: 71px; border-style:solid; border-width:7px 0 7px 0; }
.inventory-section .inventory-mobile .skin { position:absolute; right:0; top:3px; display:block; width:153px; }
.inventory-section .inventory-mobile .skin img { width:100%; }
.inventory-section .inventory-mobile .title { height:16px; padding: 8px 0 0 8px; font-size:11px; }
.inventory-section .inventory-mobile .nickname { padding:0px 0 0 8px; font-size:13px; }
.inventory-section .inventory-mobile .lv { height:12px; font-size: 11px; line-height: 14px; vertical-align:0px; }
.inventory-section .inventory-mobile .lv:before { height:12px; font-size:10px; }
.inventory-section .inventory-mobile .comment { overflow: hidden; width: calc(100% - 160px); padding:6px 0 0 8px; font-size:11px; text-overflow: ellipsis; white-space: nowrap; }

.inven-profile-search-nick {box-sizing: border-box;}