@charset "utf-8";

/* 버튼 */
.inline_btn						{ font-size:0; text-align:center;}
.inline_btn li					{ display:inline-block; *display:inline; }
.btn							{ display:inline-block; *display:inline; padding:0 2em; font-size:19px; font-weight:500; letter-spacing:-.03em; text-align:center; border-radius:5px }
.btn_white						{ color:#343d48; background:#fff; border:1px solid #b5b5b5 }
.btn_blue						{ color:#fff; background:#1c6fd4; border:1px solid #0c468d }
.btn_dark						{ color:#fff; background:#343d48; border:1px solid #343d48}


/* Sub Visual */
.sub_visual							{ margin-top:150px; height:200px; display:block; padding:0; color:#fff; background-repeat:no-repeat; background-position:50%; background-size:cover; text-align:center }
.sub_visual .con_inner				{ top:50%; transform:translateY(-50%); z-index:2 }
.sub_visual strong					{ position:relative; display:block; font-size:2.8em; letter-spacing:-.07em; font-family:'SBAggroM'; font-weight:500; line-height:1 }
.sub_visual .con_inner p			{ display:block; font-size:1.3em; font-weight:400; line-height:1; margin-top:.2em; letter-spacing:-.07em }
.sub_visual.bg01					{ background-image:url(/images/itgrt/sub/bg_sub01.jpg) }
.sub_visual.bg02					{ background-image:url(/images/itgrt/sub/bg_sub02.jpg) }
.sub_visual.bg03					{ background-image:url(/images/itgrt/sub/bg_sub03.jpg) }
.sub_visual.bg04					{ background-image:url(/images/itgrt/sub/bg_sub04.jpg) }
.sub_visual.bg05					{ background-image:url(/images/itgrt/sub/bg_sub01.jpg) }
.sub_visual.bg06					{ background-image:url(/images/itgrt/sub/bg_sub04.jpg) }
.sub_visual.bg07					{ background-image:url(/images/itgrt/sub/bg_sub01.jpg) }
.sub_visual.bg08				{ background-image:url(/upload_data/board_data/BBS_0000144/168810604519906.gif) } 
.sub_visual.bg09				{ background-image:url(/upload_data/board_data/BBS_0000144/168853086439016.gif) }


/* local */
.local										{ width:100%; background:#f5f5f6; border-bottom:1px solid #ced0d3; z-index:22; }
.local .nav									{ float:left; width:auto; margin:0; padding:0; background:#fff; border-left:1px solid #d6d8da;}
.local .nav>li								{ float:left; position:relative; margin:0;  border-right:1px solid #d6d8da; font-size:1.167em; font-family:'Spoqa Han Sans'; line-height:56px;}
.local .nav>li.home							{ margin-left:0; padding-left:0; text-transform:uppercase; font-size:300;  }
.local .nav>li.home span					{ margin-right:5px; }
.local .nav>li.home span:before				{ color:#f36726; font-size:1.086em; }
.local .nav>li.home	 a						{ display:block; color:rgba(255,255,255,.8); font-size:1em; font-weight:300; padding:0 1.053em}
.local .nav li>div							{ position:relative; font-size:1em; letter-spacing:-.045em; }
.local .nav li>div>span						{ position:relative; display:block; padding:0 6.2em 0 1.6em; color:#343d48; font-weight:300; z-index:10; font-size:1em}
.local .nav li>div>span:before 				{ width:6.5px; height:6.5px; border-width:1.2px 1.2px 0 0; border-color:#343d48; opacity:1; border-style:solid; position:absolute; display:inline-block; content:""; 
												transition:all 0.3s; }
.local .nav li>div>span:before 				{ right:1.2em; top:42%; transform:rotate(135deg) translate(-50%, -50%); }
.local .nav li>div>span.none_bef:before		{ display:none }

.local .nav li>div ul						{ display:none; position:absolute; width:calc(100% + 1px); overflow:hidden; top:3.25em; left:-1px; background:rgba(247,93,20,.9); z-index:101; padding:.5em 0}
.local .nav li>div ul a						{ display:block; color:#fff; line-height:140%; padding:0.45em 1em; opacity:.8; letter-spacing: -0.05em; font-size:0.9em; transition:background ease 0.2s}
.local .nav li>div ul a:hover,
.local .nav li>div ul a:focus				{ background:#343d48; opacity:1}

.local .sub_btn								{ float:right; }
.local .sub_btn li							{ float:left;  }
.local .sub_btn li+li						{ margin-left:.25em }
.local .sub_btn li button 					{ width:2em; height:3.14em; cursor:pointer;  font-size:1.2em; color:#444444; background:none; border:0; border-radius:0; }
.local .sub_btn li button span				{ font-size:0; }

/* basic_tab */
.basic_tab {margin-top: 50px auto; width: 1400px;}
.basic_tab>ul {font-size: 18px; border: 1px solid #dcdcdc;margin: 2rem auto; text-align: center;}
.basic_tab>ul li {background: #343d48;padding: 20px; font-size: 18px; width: 25%;display: inline-block; text-align: center; color: #fff;}
.basic_tab>ul li:hover, .basic_tab>ul li:focus {border:1px solid #343d48;}
.basic_tab .on { border-radius: 25px 25px 0 0; background: #343d48; padding: 20px; font-size: 18px; width: 100%;  display: inline-block; text-align: center; color: #fff;}

.body_wrap									{ min-height:350px; margin:4em auto 7em;}
h3.sub_tit									{ margin-bottom:1.5em; font-weight:500; font-size:2em; letter-spacing:-.11em; text-align:center ;color:#343d48 }
.red										{ color:rgba(0,0,0,.2); text-decoration:line-through }
.billiard									{ display:block; position:relative; font-size:1.1em; color:rgba(255,0,0,.7); font-weight:400; }
.billiard:before							{ display:inline-block; margin-right:.25em; font-size:1em; content:'※'; }
.billiard.small								{ font-size:.866em }
span.billiard								{ display:inline-block; }				
.billiard.color_b							{ color:#343d48; }
.blue										{ color:#1c6fd4; }
.won										{ color:#f75d14; font-weight:500 }
.mt4										{ margin-top:4em; }
.mt1										{ margin-top:1em; }
.mr											{ margin-right:.5em }
.list_none									{ margin-bottom:3em; padding:2em 1em; font-size:1.16em; letter-spacing:-.05em; text-align:center; border:solid #eaebec; border-width:1px 0}

/* Table */
table .left								{ text-align:left; letter-spacing:-.05em}
table.table								{ width:100%; margin:0; font-size:1.233em; text-align:center; line-height:1.4; border-top:1px solid #444444; border-bottom:1px solid #dcdcdc; letter-spacing:-.04em }
table.table thead th					{ position:relative; font-weight:500; color:#000000; letter-spacing:-.045em; border-bottom:1px solid #dcdcdc; border-left:1px solid #dcdcdc; background:#f2f2f2 }
table.table td,
table.table th							{ padding:.8em 1em;}
table.table td							{ color:#000; border-bottom:1px solid #dcdcdc; font-weight:300;     border-left: 1px solid #eef0f0;}
table.table *+td						{ border-left:1px solid #eef0f0}
table.table td:first-of-type {border-left:none;}
table.table tbody th					{ font-size:1em; color:#181818; font-weight:500; border-bottom:1px solid #dcdcdc;}
table.table tbody tr:last-child>*		{ border-bottom:0}
table.table .department					{ color:#000; background:#eeeff0}
table.fix								{ table-layout:fixed; }
table.fix td,
table.fix th							{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
table.table .bL:after					{ position:absolute; bottom:0; left:0; width:.5px; height:100%; background:#dcdcdc; content:""}						


/* Paging */
.paging_area								{ margin:1.5em 0 3em;}
.paging_area ul								{ font-size:0; text-align:center; zoom:1}
.paging_area ul:after						{ content: ""; display:table; clear: both;}
.paging_area ul li							{ display:inline-block; *display:inline; margin:0 -1px; vertical-align:middle;}
.paging_area ul li a						{ position:relative; display:block; font-size:1rem; text-align:center; color:#999; font-weight:400; background:#fff; border:solid 1px #e6e6e6;}
.paging_area ul li.icon a					{ font-size:.8rem;}
.paging_area ul li.icon .item				{ text-indent: -9999px;}
.paging_area ul li.icon .item:after			{ content: ""; position:absolute; top:50%; left:50%; display:block; transform:translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);}
.paging_area ul li.on a,
.paging_area ul li:hover a,
.paging_area ul li:focus a					{ color:#ff6c27; background:#f5f5f5; border:solid 1px; z-index:1}
.paging_area ul li img{display:none;}

@media screen and (min-width:1025px){
	/* Paging */
	.paging_area ul li a		{ width:40px; height:40px; line-height:38px; }
}
@media all and (max-width:1368px) {	
	/* Sub Visual */
	.sub_visual strong						{ font-size:2.7em }
	
	/* local */
	.local .nav>li							{ line-height:50px; font-size:1.127em }
	.local .nav>li.home span				{ margin-right:0; }
	.local .nav li>div ul					{ top:51px }
	.local .sub_btn li button				{ height:50px; }
}
@media all and (max-width:1168px) {
	/* Sub Visual */
	.sub_visual								{ height:190px; }
	.sub_visual strong						{ font-size:2.6em }
	.sub_visual .con_inner p				{ font-size:1.25em }
	
	/* local */
	.local .nav>li							{ font-size:1.1em }
}
@media screen and (max-width:1024px){
	/* Sub Visual */
	.sub_visual strong						{ font-size:0; }
	.sub_visual strong span					{ font-size:2.2rem }
	
	/* local */
	.local .nav>li							{ line-height:46px; font-size:1.05em }
	.local .nav li>div>span					{ padding:0 5em 0 1.5em }
	.local .nav>li.home span				{ margin-right:0; }
	.local .nav li>div ul					{ top:47px }
	.local .sub_btn li button				{ height:46px; }
	
	
	/* Paging */
	.paging_area ul li a					{ width:35px; height:35px; line-height:33px; }
}
@media all and (max-width:968px){

	/* Sub Visual */
	.sub_visual								{ height:180px; }
}
@media all and (max-width:768px){
	/* 버튼 */
	.btn									{ font-size:1.15rem; }
	
	/* Table */
	table.table							{ font-size:1.1em}
	table.table td,
	table.table th,
	table.table thead th					{ padding:.7em .5em; }
	table .m_none							{ display:none !important}
	table.table .btn_area li				{ margin:0}
	table.table .btn_area li+li				{ position:relative; margin-left:2px; padding-left:2px}
	table.table .btn_area li+li:before		{ position:absolute; left:0; top:5px; width:1px; height:7px; background:#b9b9b9; content:""}
}
@media all and (max-width:668px){
	/* Sub Visual */
	.sub_visual								{ display:none}
	
	/* local */
	.local										{ margin-top:140px; border-top:1px solid #ced0d3}
	.local .con_inner						{ width:100%}
	.local .nav>li:nth-child(2)			{ display:none; }
	.local .sub_btn					{ padding-right:4%; }
	/* Table */
	table.table					{ font-size:1.05em}


	/* 타이틀 */
	h3.sub_tit								{ font-size:1.8em; margin-bottom:.5em }
	
	/* 공통 */
	.mt4									{ margin-top:3em; }
}
@media all and (max-width:600px){
	/* 버튼 */
	.btn							{ padding:0 1.5em; font-size:1rem;}
	
	/* Sub */
	.body_wrap					{ margin:2.5em auto 5em}
	.content						{ margin:2.5em auto}
	h3.tit							{ margin-bottom:.7em; font-size:2em}

	/* Table */
	.table_wrap					{ overflow-y:hidden; overflow-x:auto; -webkit-overflow-scrolling:touch;}
	.table_wrap	table			{ min-width:400px}
	table.fixed					{ margin-bottom:0}

	/* 가로스크롤 보이도록 설정 */
	::-webkit-scrollbar { -webkit-appearance: none; width:3px;} 
	::-webkit-scrollbar:vertical { width:12px; } 
	::-webkit-scrollbar:horizontal { height:8px; } 
	::-webkit-scrollbar-thumb { background-color:rgba(0, 0, 0, .5); border-radius:10px; border:2px solid #ffffff; } 
	::-webkit-scrollbar-track { border-radius: 10px; background-color: #ffffff; }
}

@media all and (max-width:568px){
	/* local */
	.local .nav li>div>span					{ padding:0 4em 0 1em }
}

@media screen and (max-width:500px){
	/* Paging */
	.paging_area ul li a					{ width:30px; height:30px; line-height:28px;}
}	
@media all and (max-width:468px){
	/* 공통 */
	.mt4									{ margin-top:2em; }

	/* local */
	.local										{ margin-top:110px; }

}

/* Desktop */
@media all and (min-width:1023px) {
.basic_tab {margin: 50px auto; width: 1400px; }
.basic_tab>ul {font-size: 18px; border: 1px solid #dcdcdc;margin: 2rem auto; text-align: center;}
.basic_tab>ul:after {display:blcok; content:''; clear: both;}
.basic_tab>ul li {background: #343d48;padding: 20px; font-size: 18px; width: 100%;display: block; text-align: center; color: #fff;width:20%; float:left;}
.basic_tab>ul li:hover, .basic_tab>ul li:focus {border:1px solid #343d48;}
.basic_tab .on { border-radius: 25px 25px 0 0; background: #343d48; padding: 20px; font-size: 18px; width: 100%;  display: inline-block; text-align: center; color: #fff;}
}