/* reset */
#hgc2018,#hgc2018 div,#hgc2018 ul,#hgc2018 ol,#hgc2018 li,#hgc2018 dl,#hgc2018 dt,#hgc2018 dd,#hgc2018 h1,#hgc2018 h2,#hgc2018 h3,#hgc2018 h4,#hgc2018 h5,#hgc2018 h6,#hgc2018 form,#hgc2018 fieldset {display: block; float: none;}
#hgc2018 p {margin: 0; padding: 0;}
#hgc2018 a {text-decoration: none;}
#hgc2018 button {padding: 0; border: 0; background: 0; cursor: pointer; outline: 0;}

/* common */
.hosLayout {display: block; float: none;}
.commu-wrap,
.commu-content,
.commu-center,
.commu-center .commu-body { display: block; margin: 0; padding: 0; width: auto; }
#hgc2018 * {font-family: "Noto Sans", sans-serif;}

/* nav */
#hosBody #hgc2018 .hgc_nav {width: 1120px; margin: 0 auto; padding-top: 20px;}
#hosBody #hgc2018 .hgc_nav ul {background: transparent;}
#hosBody #hgc2018 .hgc_nav ul::after {display: block; content: ''; clear: both;}
#hosBody #hgc2018 .hgc_nav ul li {float: left;}
#hosBody #hgc2018 .hgc_nav ul li {width: 152px;}
#hosBody #hgc2018 .hgc_nav ul li a {display: block; width: 152px; height: 70px; background: url('//static.inven.co.kr/image_2011/hos/hgc2018/sp_nav.png') no-repeat 0 0;}
#hosBody #hgc2018 .hgc_nav ul li a:hover {background-position-y: -70px;}
#hosBody #hgc2018 .hgc_nav ul li:first-of-type {width: 178px;}
#hosBody #hgc2018 .hgc_nav ul li .nav01 {width: 178px; background-position-x: 0;}
#hosBody #hgc2018 .hgc_nav ul li .nav02 {background-position-x: -178px;}
#hosBody #hgc2018 .hgc_nav ul li .nav03 {background-position-x: -330px;}
#hosBody #hgc2018 .hgc_nav ul li .nav04 {background-position-x: -482px;}
#hosBody #hgc2018 .hgc_nav ul li .nav05 {background-position-x: -634px;}
#hosBody #hgc2018 .hgc_nav ul li .nav06 {background-position-x: -786px;}
#hosBody #hgc2018 .hgc_nav ul li .nav07 {width: 182px; background-position-x: -938px;}

/* content */
#hgc2018 #content01 {height: 1199px; background: url('//static.inven.co.kr/image_2011/hos/hgc2018/bg_hgc_01.jpg?v=180627') no-repeat center top;}
#hgc2018 #content02 {height: 800px; background: url('//static.inven.co.kr/image_2011/hos/hgc2018/bg_hgc_02.jpg?v=180627') no-repeat center top;}
#hgc2018 #content02 .box01 {width: 550px; padding-top: 155px; margin: 0 auto;}
#hgc2018 #content02 .box01 .link {display: block; width: 550px; height: 77px;}
#hgc2018 #content02 .number {width: 40px; height: 40px; padding: 18px 0px 0px 117px; font-size: 26px; line-height: 44px;}
#hgc2018 #content02 .video {width: 893px; height: 486px; margin: 0 auto; padding-top: 28px}
#hgc2018 #content02 .video iframe {border: none;}
#hgc2018 #content03 {height: 1252px; background: url('//static.inven.co.kr/image_2011/hos/hgc2018/bg_hgc_03.jpg?v=180627') no-repeat center top;}
#hgc2018 #content03 dl {width: 512px; height: 279px; padding: 140px 16px 0px 16px;}
#hgc2018 #content03 dl dt {width: 512px; border-bottom: 1px solid #cdbaff; color: #fff; font-size: 30px; line-height: 105px; text-align: center;}
#hgc2018 #content03 dl dd {margin-top: 16px; text-align: left;}
#hgc2018 #content03 dl dd li {color: #fff; font-size: 18px; line-height: 36px;}
#hgc2018 #content03 dl dd li em {color: #a2e6ff; font-weight: 500;}
#hgc2018 #content03 .box .top {margin: 25px 0px; color: #a2e6ff; font-size: 18px; font-weight: 500; line-height: 30px; letter-spacing: -1px;}
#hgc2018 #content03 .box .indent { display: block; text-indent: 300px; }
#hgc2018 #content03 .box>ul {padding-top: 163px;}
#hgc2018 #content03 .box>ul::after {display: block; content: ''; clear: both;}
#hgc2018 #content03 .box>ul>li {float: left; width: 545px; padding: 7px 8px; box-sizing: border-box;}
#hgc2018 #content03 .box>ul>li:nth-child(2) {margin-left: 55px;}
#hgc2018 #content03 .area {width: 550px; margin: 51px auto 0 auto;}
#hgc2018 #content03 .area .btn_popup {display: block; width: 550px; height: 77px; text-indent: -99999px; cursor: pointer;}
#hgc2018 #content04 {height: 1123px; background: url('//static.inven.co.kr/image_2011/hos/hgc2018/bg_hgc_04.jpg?v=180627') no-repeat center top;}
#hgc2018 #content04 .box01 {width: 382px; margin: 0 auto; padding-top: 208px; padding-left: 777px;}
#hgc2018 #content04 .box02 { width: 1088px; margin: 269px auto 0; }
#hgc2018 #content04 .area .link01 {display: block; width: 382px; height: 111px; text-indent: -99999px;}
#hgc2018 #content04 .area .link02 {display: block; width: 382px; height: 111px; margin-top: 32px;}
#hgc2018 #content04 .number {width: 63px; height: 63px; padding: 25px 0px 0px 40px;  font-size: 30px; line-height: 70px;}
#hgc2018 #content05 {height: 1087px; background: url('//static.inven.co.kr/image_2011/hos/hgc2018/bg_hgc_05.jpg?v=180627') no-repeat center top;}
#hgc2018 #content05 .box {width: 1152px;}
#hgc2018 #content05 .box>ul {padding-top: 135px;}
#hgc2018 #content05 .box>ul::after {display: block; content: ''; clear: both;}
#hgc2018 #content05 .box>ul>li {float: left; width: 559px; margin-top: 31px;}
#hgc2018 #content05 .box>ul>li:nth-child(2n) {margin-left: 34px;}
#hgc2018 #content05 .area {margin-top: 46px;}
#hgc2018 #content05 .area::after {display: block; content: ''; clear: both;}
#hgc2018 #content05 .area .link01{display: block; float: left; width: 550px; height: 117px; text-indent: -99999px;}
#hgc2018 #content05 .area .link02{display: block; float: right; width: 550px; height: 117px; text-indent: -99999px;}

#hgc2018 .number {color: #fff; font-family: 'NanumBarunGothic', sans-serif; font-weight: bold; text-align: center;}
#hgc2018 .box {width: 1146px; margin: 0 auto;}
#hgc2018 .common_table {width: 528px; border: 1px solid #000; border-collapse: collapse; border-spacing: 0; table-layout: fixed; text-align: center;}
#hgc2018 .common_table * {font-family: 'NanumBarunGothic', sans-serif;}
#hgc2018 .common_table tr {border-bottom: 1px solid #000;}
#hgc2018 .common_table th {height: 50px; border-right: 1px solid #000; background: #300d64; color: #c675f4; font-size: 15px; font-weight: bold;}
#hgc2018 .common_table td {height: 52px; border-right: 1px solid #000; background: #1b2f60; color: #bccfff; font-size: 15px;}
#hgc2018 .common_table td p {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; line-height: 1.2em; max-height: 2.4em;}
#hgc2018 .common_table td.sub {background: #132249; color: #23bfe6; font-weight: bold;}
#hgc2018 .common_table tbody tr:last-child,
#hgc2018 .common_table tbody th:last-child,
#hgc2018 .common_table tbody td:last-child {border: none;}
#hgc2018 .common_table.award {width: 559px; border-top: none;}
#hgc2018 .common_table.tournament { width: 498px; }
#hgc2018 .common_table.tournament td { height: 56px; }

/* popup */
#hgc2018 #hgcPopup {display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 10;}
#hgc2018 #hgcPopup .bg {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.5;}
#hgc2018 .result_popup {position: absolute; top: 0; right: 50%; transform: translate(50%, 50%); width: 999px; height: 500px; background: url(//static.inven.co.kr/image_2011/hos/hgc2018/bg_popup.jpg) no-repeat 0 0; z-index: 10;}
#hgc2018 .result_popup .content {position: relative; padding: 20px 26px 30px 26px;}
#hgc2018 .result_popup .content h3 {margin-bottom: 15px; text-align: center;}
#hgc2018 .result_popup .common_table {width: 948px;}
#hgc2018 .result_popup .btn_close {position: absolute; top: 30px; right: 33px; width: 26px; height: 27px; background: url(//static.inven.co.kr/image_2011/hos/hgc2018/btn_close.png) no-repeat 0 0;}