body { background: url(//static.inven.co.kr/image_2011/it/common/bg_915_renew.png) no-repeat left top; }
#mainLogo { background: url(//static.inven.co.kr/image_2011/it/common/logo_it_renew2.png?v=6) no-repeat center center; }

/* headmenu */
#itHeadmenu { height: 42px; position:relative; z-index:1; }
#itHeadmenu ul { height: 42px; }
body.b915 #itHeadmenu, body.b915 #itHeadmenu ul li a {
	background: url(//static.inven.co.kr/image_2011/it/menu/headmenu_915_renew4.png) no-repeat left top;
}
body.b915 #itHeadmenu ul li a { height: 94px; }
body.b915 #itHeadmenu ul li.home a { width: 152px; background-position: 0px top; }
body.b915 #itHeadmenu ul li.pctalk a { width: 152px; background-position: -152px top; }
body.b915 #itHeadmenu ul li.pcprice a { width: 152px; background-position: -304px top; }
body.b915 #itHeadmenu ul li.gamingdevice a { width: 152px; background-position: -456px top; }
body.b915 #itHeadmenu ul li.fieldtest a { width: 152px; background-position: -608px top; }
body.b915 #itHeadmenu ul li.namedblog a { width: 155px; background-position: -760px top; }



body #itHeadmenu ul li a:hover {
	margin:-51px 0 0 0;
}


/* headmenu sub */
#itHeadmenuSub { background: white;}
#itHeadmenuSub ul { border: 1px solid #ce0e19; width:155px; box-sizing: border-box;}
#itHeadmenuSub ul li { width: 140px; margin: 0 10px; padding: 7px 0; border:none; border-bottom: 1px solid #e6e6e6; background: white; }
#itHeadmenuSub ul li:last-child { border-bottom: none; }
#itHeadmenuSub ul li a { float:none; display: inline; color: black; background: white; }
#itHeadmenuSub ul li a:hover { background: white; color: black; }
#itHeadmenuSub ul li .icon { vertical-align: -3px; }


#itBody #itMiddle { margin-top: 0; }

/* login form */
#itLeftLogin { width: 173px; height: 157px; background: url(//static.inven.co.kr/image_2011/it/common/bg_left_renew.png?v=2) no-repeat left top; }
#itLeftLogin #comLeftOutloginV2 { width: 173px; height: 157px; }
#itLeftLogin #comLeftOutloginV2.logout .loginInfo ul.userMenu { left: 20px; background: none; }
#itLeftLogin #comLeftOutloginV2 a.logo { top: 8px; width: 173px; height: 27px; }
#itLeftLogin #comLeftOutloginV2 form { top: 40px; width: 173px; }
#itLeftLogin #comLeftOutloginV2.logout .loginInfo .nickname { left: 20px; }
#itLeftLogin #comLeftOutloginV2.logout .loginInfo ul.point li.inni { left: 20px; }
#itLeftLogin #comLeftOutloginV2.logout .loginInfo ul.userMenu li { width: 61px; height: 16px; }
#itLeftLogin #comLeftOutloginV2.logout .loginInfo ul.userMenu li a {
	width: 61px; height: 16px;
	font-size: 11px; color: #e69800; line-height: 12px;
	background: url(//static.inven.co.kr/image_2011/it/common/bttn_61x16_black.png) no-repeat left top;
}
#itLeftLogin #comLeftOutloginV2.logout .loginInfo ul.userMenu li a:hover {
	color: #e69800;
}
#itLeftLogin #comLeftOutloginV2.logout .loginInfo .logout {
	left: 91px;
	width: 61px; height: 16px;
	font-size: 11px; color: #e69800; line-height: 12px;
	background: url(//static.inven.co.kr/image_2011/it/common/bttn_61x16_black.png) no-repeat left top;
}
#itLeftLogin #comLeftOutloginV2.login label { color: white; }
#itLeftLogin #comLeftOutloginV2.login input.login { background: url('//static.inven.co.kr/image_2011/it/common/bttn_87x21_brown_login.png') no-repeat left top; }
#itLeftLogin #comLeftOutloginV2.login ul.userMenu li a { color: white; }


/* layout */
body.b915 #itMain { width: 742px; background: white;min-height:1280px; }
#itLeft { width: 173px; }
body.b915 #itBody #itMiddle { background: none; }
body.b915 #itBody #itMiddle .itMiddle1 { background: none; }
body.b915 #itBody #itMiddle .itMiddle2 { position: relative; background: none; }
body.b915 #itBody #itMiddle .itMiddle2:before {
	content: '';
    position: absolute; z-index: -1; top: 0; left: 0; bottom: 0;
    width: 173px;
	background-color: #232323;
}


/* leftmenu */
#itBody .modern-menu {
}

#itBody .modern-menu h3 {
	width: 173px;
	line-height: 37px;
	text-indent: 21px;
	color: white;
	background-color: #393a3a;
	border-top: 2px solid #c70e18;
}
#itBody .modern-menu h3,
#itBody .modern-menu h3 a {
	font-family: "Noto Sans KR", "Noto Sans", sans-serif;
	font-size: 13px;
	text-decoration: none;
	display: block;
}

#itBody .modern-menu a {
	color: inherit;
}

#itBody .modern-menu ul {
	float: none;
	display: block;
}

#itBody .modern-menu ul li {
	float: none;
	display: block;
	margin-left: 10px; margin-right: 10px;
	color: #969696;
	border-bottom: 1px solid #323232;
}

#itBody .modern-menu ul li:last-of-type {
	border-bottom: none;
}

#itBody .modern-menu ul li a {
	line-height: 32px;
	padding-left: 17px;
	display: block;
	text-decoration: none;
	font-family: 'NanumBarunGothic', sans-serif;
}

#itBody .modern-menu ul.col2 {
		margin: 0 1px 0 0px;
	}

	#itBody .modern-menu ul.col2 li {
		display: inline-block;
		width: 50%;
		margin: 0;
		border-width: 1px 0 0 1px;
		border-style: solid;
		border-color: #323232;
		box-sizing: border-box;
	}

	#itBody .modern-menu ul.col2 li a {
		padding: 0;
		text-align: center;
		border-width: 1px;
		border-style: solid;
		border-color: transparent;
		font-size: 12px;
		font-weight: 200;
	}

	#itBody .modern-menu ul.col2 li a:hover {
		background-color: #2f2f2f;
		border: 1px solid #323232;
		box-sizing: border-box;
	}

#itBody .modern-menu ul.serverbbs,
#itBody .modern-menu ul.classbbs {
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: #1f0a07;
}

#itBody .modern-menu ul.serverbbs li,
#itBody .modern-menu ul.classbbs li {
	display: inline-block;
	width: 50%;
	margin-left:0;
	margin-right:0;
	border-width: 1px 0 0 1px;
	border-style: solid;
	border-color: #323232;
	box-sizing: border-box;
	background-color: #2f0b08;
}

#itBody .modern-menu ul.serverbbs li a,
#itBody .modern-menu ul.classbbs li a {
	padding: 0;
	text-align: center;
	border-width: 1px;
	border-style: solid;
	border-color: #323232;
	color: #969696;
	font-size: 13px;
	font-weight: 200;
}

#itBody .modern-menu ul.serverbbs li a:hover,
#itBody .modern-menu ul.classbbs li a:hover {
	background-color: #53120d;
	border: 1px solid #a6241a;
	box-sizing: border-box;
	color: #969696;
}

#itBody .modern-install {
	width: 159px;
}

#itBody .modern-install h3 {
	font-family: "Noto Sans KR", "Noto Sans", sans-serif;
	font-size: 13px;
	color: #c68c87;
	-webkit-font-smoothing: antialiased;
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: grayscale;
	border-bottom: 1px solid #7e7e7e;
	line-height: 30px;
	text-indent: 5px;
}

#itBody .modern-install a {
	color: inherit;
}

#itBody .modern-install ul {
	font-size: 0;
	margin: 6px -2px 0px -2px;
}

#itBody .modern-install ul li {
	display: inline-block;
	color: white;
	width: 50%;
	font-size: 12px;
}

#itBody .modern-install ul li:last-of-type {
	border-bottom: none;
}

#itBody .modern-install ul li span {
	display: block;
}

#itBody .modern-install ul li a {
	display: block;
	text-decoration: none;
	margin: 0 2px;
}

#itBody .modern-install ul li a {
	text-align: center;
	border: 1px solid #0f0f0f;
	line-height: 23px;
}

#itBody .modern-install ul li a img {
	display: inline-block;
	vertical-align: middle;
}

#itBody .modern-install ul li a.playstore {
	background-color: #97131a;
	background-image: linear-gradient(to bottom, #ad4349 5%, #97131a 5%, #5d0a0e);
}

#itBody .modern-install ul li a.appstore {
	background-color: #5d5d5d;
	background-image: linear-gradient(to bottom, #7e7e7e 5%, #5d5d5d 5%, #3f3f3f);
}

/*#itBody .modern-install ul li:first-of-type a {
    margin-left: 0;
}

#itBody .modern-install ul li:last-of-type a {
    margin-right: 0;
}*/

#itBody .modern-links li {
	display: block;
	margin: 7px 0;
}

#itBody .modern-links li a.link-red {
	display: block;
	background-color: #770000;
	background-image: linear-gradient(to bottom, #dd6e5d 2%, #770000 2%, #770000);
}

#itLeftMenu .menuGroup { width: 173px; }

#itLayout .backskin {
	position: absolute;
	width:auto;
	height:1300px;
	top:164px;
	z-index:0;
}
#itLayout .backskin a { display:block;width:100%;height:100%; cursor:pointer}
#itLayout .backskin.leftpart {
	left: 50%;
	margin-left: -960px;
	width: 410px;
}

#itLayout .backskin.rightpart {
	right:50%;
	margin-right:-950px;
	width: 575px;
}

@media screen and (min-width:1921px) {
	#itLayout .backskin.rightpart {
		margin-right:-960px;
		width: 585px;
	}
}

@media screen and (max-width:1600px) {
	#itLayout .backskin.rightpart {
		right: 50%;
		margin-right: -780px;
		width: 410px;
	}
}
/* LEFT login 리뉴얼 18.12.18 */
#comLeftOutloginV5{display:block;float:none;height:156px;border-bottom:1px solid #000;overflow:hidden}
/*1. 배경이미지*/
#comLeftOutloginV5{background:url('//static.inven.co.kr/image_2011/it/common/bg_left_renew.png?v=2') no-repeat 0 0;}
#comLeftOutloginV5 div,
#comLeftOutloginV5 form,
#comLeftOutloginV5 ul{display:block;float:none}
#comLeftOutloginV5 p{padding:0;margin:0}
#comLeftOutloginV5 .btn{padding:0;margin:0;background:transparent;border:0;font-size:11px;font-family:gulim, sans-serif;cursor:pointer}
#comLeftOutloginV5 a:hover{text-decoration:none}
#comLeftOutloginV5 .logo{display:block;width:100%;height:39px;color:transparent;font-size:0}
#comLeftOutloginV5 .form_area{padding:0 18px}
#comLeftOutloginV5 .nickname{color:#fff;font-weight:bold}
#comLeftOutloginV5 .point{padding:8px 0}
#comLeftOutloginV5 .point::after{display:block;content:'';clear:both}
#comLeftOutloginV5 .point p{float:left;color:#ece2f6;font-size:11px}
#comLeftOutloginV5 .point p:first-child{width:75px}
#comLeftOutloginV5 .point p:last-child{width:60px}
#comLeftOutloginV5 .point .value{display:inline-block;padding-left:2px;color:#ffe400;font-size:11px}

#comLeftOutloginV5.logout .form_area{padding-top:6px}
#comLeftOutloginV5.logout .btn_area::after{display:block;content:'';clear:both}
/*2. 기존 - 로그인후 버튼 #comLeftOutloginV4.logout .btn_area .btn 복붙  */
#comLeftOutloginV5.logout .btn_area .btn{display:block;position:relative;float:left;width:61px;height:16px;margin-bottom:6px;background:#161616;border: 1px solid #000;box-sizing:border-box}
#comLeftOutloginV5.logout .btn_area .btn::before{display:block;content:'';position:absolute;top:50%;bottom:0;left:0;right:0;z-index:10}
#comLeftOutloginV5.logout .btn_area .btn:nth-child(2n){float:right}
#comLeftOutloginV5.logout .btn_area .btn .text{display:block;position:relative;color:#e69800;font-size:11px;text-align:center;line-height:15px;z-index:20}
#comLeftOutloginV5.logout .btn_area .btn .cnt{display:block;position:absolute;top:-5px;right:-1px;background:#cb0606;border:1px solid #000;border-radius:2px;box-sizing:border-box;-webkit-transform:translateX(50%);-moz-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%);z-index:30}
#comLeftOutloginV5.logout .btn_area .btn .cnt::before{display:block;content:'';position:absolute;top:50%;left:0;right:0;bottom:0;background:#970000;z-index:10}
#comLeftOutloginV5.logout .btn_area .btn .cnt span{display:block;position:relative;padding:0 5px;color:#fff;border:1px solid #ff0c0c;border-radius:2px;font-size:11px;line-height:12px;z-index:20}

#comLeftOutloginV5.login .login_box{width:158px;padding-bottom:8px;margin:5px auto 0;}
/*3. 큰박스 테두리, bg */
#comLeftOutloginV5.login .login_box{background:#0a0504;border:1px solid #812325}
#comLeftOutloginV5.login .login_box .text{padding:5px 0;color:#fff;text-align:center;line-height:1.4}
#comLeftOutloginV5.login .login_box .text.notice{height:30px;line-height:30px}
#comLeftOutloginV5.login .login_box .text .color{color:#95ff7d}
#comLeftOutloginV5.login .login_box .link{display:block;width:135px;height:32px;margin:0 auto;color:#fff;font-weight:bold;text-align:center;line-height:32px;box-sizing:border-box}

/*4. 버튼 테두리, bg  */
#comLeftOutloginV5.login .login_box .link{background:#913436;color:#fff;border: 1px solid #d97e7e;}
#comLeftOutloginV5.login .login_box .link .img{margin-top:-4px;vertical-align:middle}
#comLeftOutloginV5.login .btn_area{width:158px;height:28px;margin:0 auto}
#comLeftOutloginV5.login .btn_area::after{display:block;content:'';clear:both}
#comLeftOutloginV5.login .btn_area .col{position:relative;float:left;width:50%;text-align:center;line-height:28px}
#comLeftOutloginV5.login .btn_area .col:first-child::before{display:block;content:'';position:absolute;top:50%;right:0;width:1px;height:9px;margin-top:-5px;background:#fff}
#comLeftOutloginV5.login .btn_area .col .link{color:#fff;font-size:11px}




/*
 * RENEWAL : 160511 by Sulper
 * layout.css 81 ~ 113 까지 삭제
 */

	#itLayout {
		background: none;
	}
	#itHead #itHeadlink {
		position: absolute;
		width: 100% !important;
		height: 30px !important;
		left: 0;
		background: #fff;
		border-bottom: 1px solid #dcdcdc;
	}
	body.b800 #itHead #itHeadlink { min-width: 977px; }
	body.b915 #itHead #itHeadlink { min-width: 1090px; }

	#itHead .outlogin {
		margin-top: 0;
	}
	#itTop {
		margin-top: 40px !important;
	}

	body.b800 #itBody #itMiddle .itMiddle1 { width: 977px; /*background: url('//static.inven.co.kr/image_2011/it/common/wrap_800_layout2_top.jpg') no-repeat left top;*/}
	/*body.b915 #itBody #itMiddle .itMiddle1 { background: url('//static.inven.co.kr/image_2011/it/common/wrap_915_layout2_top.jpg') no-repeat left top; }*/

	#itTop {
		width: 100%;
		height: 120px;
	}
	#mainLogo {
		width: 165px;
		height: 120px;
	}
	#mainLogo a {
		display: inline-block;
		width: 165px;
		height: 120px;
		text-indent: -10000px;
	}
	body.b915 #mainLogo {
		width: 280px;
	}
	body.b915 #mainLogo a {
		width: 280px;
	}
	#itTopRight {
		height: 120px;
	}
	body.b800 #itTop #itTopRight { float: right; width: 635px; margin-top: 0; margin-left: 0; }
	body.b915 #itTop #itTopRight { float: right; width: 635px; margin-top: 0; margin-left: 0; }
	body.b800 #itRight { margin-top: 258px; }
	body.b915 #itRight { margin-top: 258px; }

	#itLeftLogin #comLeftOutloginV2 {
		height: 226px;
	}
	#itLeftLogin #comLeftOutloginV2 a.logo {
		/*display: none;
		height: 0;*/
	}
	#itLeftLogin #comLeftOutloginV2 form {
		top: 106px;
	}
	#itAdSky {
		top: 166px;
		left: 810px;
	}
	body.b915 #itAdSky { left: 925px; }
	body.topsky .adSky {
		top: 224px !important;
	}


/* home.css */
	#itHome .middleAd {
		height: 100px !important;
		margin-top: 10px !important;
		padding-left:1px;
	}