@charset "utf-8";

/** Common Style **/
.fix-layout		{ position: relative; max-width: 1200px; margin-left: auto; margin-right: auto; box-sizing: border-box; }

@media all and (max-width: 1000px) {
	.fix-layout	{ position: static; }
}

/************************************************
	Site Menu
*************************************************/

#tnb								{ position: relative; background-color:rgba(0, 0, 7, 0.8); border-bottom:1px solid #4a4d51;}
#tnb > .fix-layout:after			{ content: ""; display: block; position: relative; clear: both;}
#tnb > .fix-layout .top-logo  { position:absolute; left:0; top:0;  background-color:#be222f; width:186px; height:145px; text-align:center; z-index:600;}
#tnb > .fix-layout .top-logo img {margin-top:36px;}
#tnb ul								{ height: 39px; float:right;}
#tnb li								{ display: block; position: relative; float: left; padding:10px;}
#tnb li a							{ display: block; position: relative; width: 100%; height: 100%; color:#858588;}
#tnb li a:hover						{ color: #ffa3ab; }
#tnb li a:before					{ content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; font-family: 'icon'; color: #49a5bf; font-size: 23px; text-indent: 0; text-align: center; line-height: 45px; }
#tnb li a:after						{ content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0;}


/************************************************
	Header
*************************************************/

header													{ position: absolute; top: 0; left: 0; right: 0; z-index: 99; background-color:rgba(0, 0, 7, 0.5); }
header h1												{ position: absolute; top: 0; left: 0; z-index: 2; }

@media all and (max-width: 1000px) { 
	header				{ /*padding-top: 70px;*/ min-height: 0; }
	header h1			{ top: 10px; }

	header #site_search_box								{ width: 200px; right: 65px; top: 10px; }
	header #site_search_box fieldset input[type="text"]	{ height: 40px; }
	header #site_search_box button[type="submit"]		{ height: 40px; line-height: 40px; }
}
@media all and (max-width: 400px) { 
	header #site_search_box								{ width: 100px; }
}


/************************************************
	Footer
*************************************************/

footer			{ clear: both; margin-top: 0px; padding: 20px 0; border-top: 0px solid #e1e1e1; text-align: center; }
footer p		{ font-size: 11px; }


/************************************************
	Section Style
*************************************************/

section						{ position: relative; padding: 0px; }
section.contDetail			{ margin-top: 0; }
@media all and (max-width: 1000px) { 
	section		{ /*margin-top: 78px; */}
}


/************************************************
	Sub Page Style
*************************************************/

.sub-page					{ padding-top: 20px; }

.sub-page #page_nav							{ display: block; position: absolute;right: 15px; top: 25px; }
.sub-page #page_nav li						{ display: inline-block; position: relative; font-size: 11px; padding-left: 20px;  color: #888; vertical-align: middle; }
.sub-page #page_nav li:before				{ content: ">"; display: block; position: absolute; top: 0; left: 0; width: 20px; bottom: 0; line-height: 21px; font-size: 10px; text-align: center; }
.sub-page #page_nav li:first-child			{ text-indent: -999px; overflow: hidden; width: 20px; height: 21px; padding-left: 0;  text-align: left; }
.sub-page #page_nav li:first-child:before	{ content: "\e900"; font-family: 'icon'; font-size: 15px; text-indent: 0; }

/************************************************
	LNB Menu Style
*************************************************/
#lnb		{ /*position: absolute;*/    width: 100%; bottom: 0px; left: 0px; right: 10px; z-index: 20;top:170px; }
#lnb:after	{ content: ""; display: block; position: relative; clear: both; }

.lnb-item					{ position: relative; float: left; width: 170px; height: 42px; max-width: 33.33%; font-size: 16px; font-weight: 200; border: 0px ; }
.lnb-item > ul				{ position: absolute; top: 0; left: 0; right: 0; padding-top: 42px; height: 0px; overflow: hidden;}
.lnb-item > ul .check		{ position: absolute; top: 0; left: 0; right: 0; height: 42px; background: rgba(0, 0, 0, 0);}
.lnb-item > ul .check.open a{ color: #ffffff ; font-weight: 400; background:#1f1f1f; }
.lnb-item > ul .check.open a:active, .lnb-item > ul .check.open a:focus { color: #ffffff !important ; }
.lnb-item > ul:hover			{ background:rgba(0, 0, 0, 0.26); }

.lnb-item a						{ display: block; position: relative; height: 42px; line-height: 42px; padding: 0 10px; overflow: hidden; text-overflow: ellipsis; color: #ffffff; white-space: nowrap; border-top-width: 0px; box-sizing: border-box; }
.lnb-item a:hover,.lnb-item a:active { color:#ffffff !important; }
.lnb-item .check > a			{ border-left-width: 0; margin-left: 0; border-top-width: 1px; padding-right: 20px; bottom: 2px; }
.lnb-item .check > a:after		{ content: ""; display: block; position: absolute; width: 30px; height: 30px; background: url('/resources/images/site/ico-lnb-open.png') no-repeat 50% 50%; right: 0px; top: 5px; }
.lnb-item .check.open > a:after	{ background-image: url('/resources/images/site/ico-lnb-close.png'); }
.lnb-item ul > li				{ background:rgba(0, 0, 0, 0.5); }

/*.lnb-item.first > ul		{ top: -50px; font-size: 25px;}*/
.lnb-item.first a			{ border-left-width: 1px; }
.lnb-item.first a:after		{ /*display: none;*/ }
.lnb-item.first > a:after		{ content: ""; display: block; position: absolute; width: 30px; height: 30px; background: url('/resources/images/site/ico-lnb-open.png') no-repeat 50% 50%; right: 0px; top: 5px; }
.lnb-item.first.open > a:after	{ background-image: url('/resources/images/site/ico-lnb-close.png'); }

@media all and (max-width: 1000px) {
	#lnb		{ position: absolute;; clear: both; right: auto; left: auto; top: auto; margin: 0 ; /* background: rgba(255, 255, 255, 0.21); */ }
	#lnb:before	{ content: ""; display: block; position: absolute; bottom: 0px; left: 0; right: 0; height: 1px; background: #dadada; }
}
/************************************************
	Sub Page Theme
*************************************************/

.ui-type-content > h1				{ text-align: center; font-size: 45px; padding: 35px 0; border-bottom: 1px solid #e1e1e1;font-weight: 500; color: #333333; }

#sns_share_box					{ padding: 5px 0; border-bottom: 1px solid #e1e1e1; margin-bottom: 30px; text-align: right; }
#sns_share_box:before			{ content: "\ea82"; font-family: 'icon'; padding-right: 10px; font-size: 20px; line-height: 30px; vertical-align: middle; color: #ffffff; }
#sns_share_box button			{ position: relative; width: 30px; height: 30px; overflow: hidden; text-indent: -999px; border-radius: 9.0em; background: #d1d1d1; }
#sns_share_box button:before	{ display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-indent: 0; text-align: center; vertical-align: middle; line-height: 30px; font-family: 'icon'; font-size: 18px; color: #fff; font-weight: normal; }

#sns_share_box button.ico-facebook:before	{ content: "\ea90"; }
#sns_share_box button.ico-twitter:before	{ content: "\ea96"; }
#sns_share_box button.ico-kakao:before		{ content: "\e96b"; }

#sns_share_box button.ico-facebook:hover		{ background: #365899; }
#sns_share_box button.ico-twitter:hover			{ background: #00abf1; }
#sns_share_box button.ico-kakao:hover			{ background: #ffeb00; }
#sns_share_box button.ico-kakao:hover:before	{ color: #3c1e1e; }


@media all and (max-width:767px) {
	
#lnb		{top:90px; }

}


@media all and (max-width: 640px) {
.lnb-item { border: 1px solid rgba(255, 255, 255, 0.2);}

}




@media all and (max-width:420px) {
	
#lnb		{top:70px; }

}