@charset "utf-8";


input[type="radio"],
input[type="checkbox"]	{ display: none; }

input[type="radio"] + label,
input[type="checkbox"] + label {
	display: inline-block;
	vertical-align: middle;
	margin-right: 1.5em;
	line-height: 1.5em;
	cursor: pointer;
	position: relative;
	padding-left: 1.5em;
}

input[type="radio"] + label:before,
input[type="checkbox"] + label:before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	vertical-align: middle;
	border: 0.2em solid #fff;
	background: #eaeaea;
	width: 0.9em;
	height: 0.9em;
	box-sizing: border-box;
	-webkit-box-shadow: 0px 0px 1px 0px #73767b;
	-moz-box-shadow:    0px 0px 1px 0px #73767b;
	box-shadow:         0px 0px 1px 0px #73767b;
}
input[type="radio"] + label:before				{ /*border-radius: 9.0em;*/ }
input[type="radio"]:checked + label:before,
input[type="checkbox"]:checked + label:before	{ background: #faa635; }


#goto_top		{ display: none !important; }
#sub_content	{ position: relative; z-index: 1; }

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

#header					{ }
#header #logo			{ position: relative; margin: 0 auto; text-align: center; }
#header #logo img		{ display: block; margin: 0 auto; height: 5.0em; }

#header .btn-header		{ display: block; position: absolute; overflow: hidden; text-indent: -999px; top: 0; }

#header #control_gnb	{ left: 0.5em; width: 3.8em; height: 5.0em; background: url('../images/btn_gnb_control.png') no-repeat 50% 50%; background-size: contain; }
#header #control_call	{ right: 0.5em; top: 50%; margin-top: -1.25em; width: 2.5em; height: 2.5em; background: url('../images/btn_gnb_tell.png') no-repeat 50% 50%; background-size: contain; }



/**********************************************************************************************
	Gnb Style
**********************************************************************************************/

body.open-gnb:before		{ content: ""; display: block; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 98; background: rgba(0, 0, 0, .8); }

#gnb_box					{ position: fixed; top: 0; left: -100%; bottom: 0; width: 100%; z-index: 99; transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease;}
.open-gnb #gnb_box			{ left: 0; }
#gnb_box .inner				{ position: relative; background: #fff; width: 27em; height: 100%; overflow: auto; }
#gnb_box .control_gnb		{ position: absolute; top: 0; left: 27em; width: 5.0em; height: 5.0em; background: url('../images/btn_gnb_pannel_close.png') no-repeat 50% 50%; background-size: contain; overflow: hidden; text-indent: -999px; }
#gnb_box .gnb-banner		{ padding: 0.5em; text-align: center; } 

#gnb_member_box				{ border-bottom: 1px solid #cacaca; text-align: center; padding: 1.45em 0; }
#gnb_member_box a			{ display: inline-block; vertical-align: middle; font-size: 1.1em; font-weight: 600; }
#gnb_member_box a:before	{ content: ""; display: inline-block; vertical-align: middle; margin-top: -0.3em; margin-right: 0.2em; width: 0.409em; height: 1.409em; background: url('../images/ico_gnb_member_01.png') no-repeat 50% 50%; background-size: contain; }
#gnb_member_box a + a		{ margin-left: 2.7em; }
#gnb_member_box a + a:before	{ background-image: url('../images/ico_gnb_member_02.png'); }

#gnb a								{ display: block; position: relative; }
#gnb .dept-1						{ position: relative; }
#gnb .dept-1 > a					{ position: relative; font-size: 1.2em; padding: 1.0em 1.6em; color: #000; }
#gnb .dept-2-box					{ display: none; background: #f5981b; padding: 0.5em 0; }
#gnb .dept-2-box:before				{ content: ""; display: block; position: absolute; left: 4.0em; bottom: -2.5em; width: 5em; height: 5em; background: url('../images/f_logo.png') no-repeat 50% 50%; background-size: contain; z-index: 0; opacity: .5; }
#gnb .dept-2						{ position: relative; z-index: 1; }
#gnb .dept-2 > a					{ display: block; color: #fff; font-size: 1.2em; padding: 1.0em 2.2em; } 

#gnb .dept-1.on .dept-2-box			{ display: block; }
#gnb .dept-1.on > a:before			{ content: ""; display: block; position: absolute; width: 4.16em; height: 0.375em; bottom: -0.1875em; left: 1.6em; background: #ffb552; border-radius: 9.0em; }


/**********************************************************************************************
	Footer Style
**********************************************************************************************/

#footer				{ position: relative; color: #fff; text-align: center; z-index: 0; padding:20px 0;}
#footer:before		{ content: ""; display: block; position: relative; margin: 1.35em auto 0.75em; width: 3.3em; height: 3.3em; background: url('../images/f_logo.png') no-repeat 50% 50%; background-size: contain; }

#fnb_box			{ display: block; position: relative; clear: both; margin-bottom: 1.25em; }
#fnb_box li			{ display: inline-block; vertical-align: middle; font-size: 1.1em; padding:0 10px;}

#footer .f-content						{ font-size: 0.85em; line-height: 1.6em; }
#footer .f-content span					{ display: inline-block; position: relative; vertical-align: middle; }
#footer .f-content span + span			{ margin-left: 0.5em; padding-left: 0.7em; }
#footer .f-content span + span:before	{ content: "|"; display: block; position: absolute; top: 0; left: 0; }