body.subConVenPage {font-size:13px;}
.subConVenPage #container {max-width:1200px; }
.subConVenPage #container:after { content:""; display:block; clear:both; }

#lnb:not(.location) { float:left; width:200px;  margin-bottom:60px;}
#lnb:not(.location) > ul { display:none; width:200px;}
#lnb:not(.location) > ul.select { display:block; }
#lnb:not(.location) > ul > h2 { height:100px; line-height:105px; color:#000; font-size:22px; text-align:center; font-weight:700; }
#lnb:not(.location) > ul > li > a { 
	display:block; height:89px; line-height:89px; color:#000; font-size:20px; text-indent:18px; 
	-webkit-transition: all 0.3s ease;
    -khtml-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#lnb:not(.location) > ul > li > ul {clear:both; width:100%;}
#lnb:not(.location) > ul > li > ul  li {font-size:15px; padding:15px 0 0 20px; }
#lnb:not(.location) a.select,
#lnb:not(.location) > ul > li > ul > li a:hover {color:#0097b1; }
#lnb:not(.location) > ul > li > ul > li.select > a{color:#0097b1; }
#lnb:not(.location) > ul > li > a{ background-color:#0097b1; color:#fff !important; }
#lnb:not(.location) > ul > li > ul > li > .submenu > ul > li a {font-size:15px;}
#lnb:not(.location) > ul > li > ul > li > .submenu > ul > li.select > a{color:#0097b1; }
#lnb:not(.location) .subcategory .submenu { padding-bottom:10px;}
#lnb:not(.location) .subcategory > li { line-height:24px !important; padding:14px 15px 13px 15px; font-size:15px;  border:1px solid #dcdcdc; border-width:0 1px 1px;}
#lnb:not(.location) .subcategory > li:first-child{border-top:0;}

#lnb:not(.location) > ul.lnb06 > li > ul > li { background-color:#fff;}
#lnb:not(.location) > ul.lnb06 > li > ul > li > a {}
#lnb:not(.location) > ul.lnb06 .subcategory > li > a {display:block; position:relative;}
#lnb:not(.location) > ul.lnb06 .subcategory i {position:absolute; right:0; top:50%; margin-top:-9px; vertical-align:middle;}

.subConVenPage #container #contents { float:right; width:960px; padding:0 0 40px;}
.subConVenPage #container #contents .titleArea { clear:both; width:100%; /*margin-top:-30px;*/ padding:0; }
.subConVenPage #container #contents .titleArea h2 { color:#000; font-size:26px; font-weight:700;  text-align: left;}

.subConVenPage #container #contents .s_content {clear:both; width:100%; max-width:100%; border-top:1px solid #dcdcdc; margin-top:30px; padding-bottom:40px; line-height:auto;}
.subConVenPage #container #contents .s_content:after{clear:both; display:block; content:"";}

@media screen and (max-width:1240px){
	#lnb:not(.location) { float:none; clear:both; width:98%; padding:100px 1% 0; border-bottom:none; margin:0; }
	#lnb:not(.location) > ul {width:100%;}
	#lnb:not(.location) > ul > h2  {height:30px; line-height:30px; }
	#lnb:not(.location) > ul > li > a {display:inline-block; height:30px; line-height:30px; font-size:20px; text-indent:0; padding-left:0; background-color:#fff; color:#000 !important;}

	#lnb:not(.location) > ul > li > ul {border:none;}
	#lnb:not(.location) > ul > li > ul > li {height:30px; line-height:30px; font-size:13px; padding:0 10px;}

	#lnb:not(.location) .subcategory {padding:20px 0 10px;}
	#lnb:not(.location) .subcategory:after {clear:both; display:block; content:"";}
	#lnb:not(.location) .subcategory li {display:inline-block; padding:5px 10px;  border:none; background-color:#fff;}
	#lnb:not(.location) .subcategory li:first-child{border-top:0; padding-left:0;}

	#lnb:not(.location) > ul.lnb01 .submenu,
	#lnb:not(.location) > ul.lnb02 .submenu,
	#lnb:not(.location) > ul.lnb06 .submenu {display:none !important;}
	#lnb:not(.location) > ul.lnb06 .subcategory > li > a {display:inline-block; }
	#lnb:not(.location) > ul.lnb06 .subcategory i {display:none;}

	.subConVenPage #container #contents {float:none; clear:both; width:98%; padding:0 1% 30px;}
	.subConVenPage #container #contents .titleArea{display:none;}
}
@media screen and (max-width:1100px){
	#lnb:not(.location) {padding:0 1%;}
	.subConVenPage #container #contents .s_content {padding:0 0 30px;}
}
@media screen and (max-width:1024px){
	
	#lnb:not(.location) > ul > li > a {padding-bottom:20px;}
	#lnb:not(.location) > ul > li > ul { position: relative; height: 50px; background: #fff; overflow: hidden;}
	#lnb:not(.location) > ul > li > ul::-webkit-scrollbar {  }
	#lnb:not(.location) > ul > li > ul {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar;}
	#lnb:not(.location) .subcategory {position: relative; padding:0; display: block; white-space: nowrap;}

	.subConVenPage #container #contents .s_content {margin-top:10px; padding-bottom:30px;}
}
/* 서브 탭버튼 */
.subConVenPage .snb {margin:30px auto 20px; width:100%;}
.subConVenPage .snb ul li {
	margin:0 0 0 -1px;
	width:20%; 
}
.subConVenPage .snb ul li a { line-height:40px; height:40px; font-size:14px; overflow: hidden;}

@media screen and (max-width:800px){
	.subConVenPage .snb ul li {width:33.33%; margin:-1px 0 0 -1px;}
	.subConVenPage .snb ul li a {font-size:12px; padding:0 5px;}
	.subConVenPage .snb ul.cols88 li{width:20%;}
	.subConVenPage .snb ul.cols88 li {margin:-1px 0 0 -1px;}
	.subConVenPage .snb ul.cols88 li:first-child {margin-left:0;}
}
@media screen and (max-width:560px){
	.subConVenPage .snb ul li a {font-size:11px;}
}

/* .subPage #container, */
.subConVenPage #container {padding-top:142px;}
.mTop162 {padding-top:142px;}
#joinArea.mTop162 {padding-top:0;}

@media screen and (max-width:1240px){
	.subPage #container,
	.subConVenPage #container {padding-top:40px;}
	.mTop162 {padding-top:40px;}
}
.subConVenPage #header .headerLogo {border-top:1px solid #ececec; background-color: #fff;}
.subConVenPage #header .headerLogo .gnb a{color: #343434;}
.subConVenPage #header .headerLogo .gnb a:hover {color: #0097b1;}

.subConVenPage .cl-effect-3 a:after{background-color: #0097b1;}

.subConVenPage #header .headerLogo{ border-bottom:1px solid #ececec; /*background:url('/images/convention/hysystem_top.jpg') no-repeat; background-position:center 0;*/}
.subConVenPage #header .headerLogo .gnb .nav>li.allmenu>a:before{ background-image: url(/images/common/ico_all_list2.png);}

.subConVenPage #header .headerLogo .logo .fixed {display: block;}
.subConVenPage #header .headerLogo .logo .nonefixed {display: none;}

.boardfaq ul li.title {height:auto;}
.snb2 ul li.select a,
.snb2 ul li a:hover {color:#0097b1;}

.subConVenPage .table_basic th,
.subConVenPage .table_basic td {font-size:14px;}


#HtmlBox .box-input,
#HtmlBoxPerformance .box-input-performance {margin-bottom:2px;}
#HtmlBox .box-input:after{clear:both; display:block; content:"";}
#HtmlBoxPerformance .box-input-performance:after{clear:both; display:block; content:"";}

#HtmlBoxPerformance .box-input-performance > span {float:left;}
#HtmlBoxPerformance .box-input-performance .leftBox {width:108px;}
#HtmlBoxPerformance .box-input-performance .rightBox {width:calc(100% - 108px);}
#HtmlBoxPerformance .box-input-performance .rightBox input {max-width:355px;}
#HtmlBoxPerformance .performanceTitle {margin-bottom:2px;}