@charset "utf-8";

/*********************************************
	공통영역
**********************************************/

*	{ outline: 0; }

h1, h2, h3, h4, h5, h6	{ margin: 0; }

body			{ min-width: 1200px; font-family: 'Nanum Gothic'; }
img				{ max-width: 100%; }

label,
button	{ cursor: pointer; }
i	{ font-style: normal; }

a	{ text-decoration: none; }

.fix-layout		{
	position: relative;
	max-width: 1900px;
	margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box;
}
.fix-layout.no-pad	{ padding: 0 !important; }


.txt-left	{ text-align: left !important; }
.txt-center	{ text-align: center !important; }
.txt-right	{ text-align: right !important; }

.pen-light	{
	display: inline-block;
	padding: 5px 22px;
	font-style: normal;
}
.pen-light.black	{
	background: #000;
	color: #fff;
}

/*********************************************
	여백속성
**********************************************/

.box	{
	position: relative;
	overflow: hidden;
}

.mt10	{ margin-top: 10px !important; }
.mt20	{ margin-top: 20px  !important; }
.mt30	{ margin-top: 30px  !important; }
.mt40	{ margin-top: 40px  !important; }
.mt50	{ margin-top: 50px  !important; }
.mt60	{ margin-top: 60px  !important; }
.mt70	{ margin-top: 70px  !important; }
.mt80	{ margin-top: 80px  !important; }
.mt85	{ margin-top: 85px  !important; }
.mt90	{ margin-top: 90px  !important; }
.mt100	{ margin-top: 100px  !important; }
.mt110	{ margin-top: 110px  !important; }
.mt120	{ margin-top: 120px  !important; }
.mt130	{ margin-top: 130px  !important; }
.mt140	{ margin-top: 140px  !important; }
.mt150	{ margin-top: 150px  !important; }
.mt160	{ margin-top: 160px  !important; }
.mt170	{ margin-top: 170px  !important; }
.mt180	{ margin-top: 180px  !important; }
.mt190	{ margin-top: 190px  !important; }
.mt200	{ margin-top: 200px  !important; }

.mb10	{ margin-bottom: 10px  !important; }
.mb20	{ margin-bottom: 20px  !important; }
.mb30	{ margin-bottom: 30px  !important; }
.mb35	{ margin-bottom: 35px  !important; }
.mb40	{ margin-bottom: 40px  !important; }
.mb50	{ margin-bottom: 50px  !important; }
.mb60	{ margin-bottom: 60px  !important; }
.mb65	{ margin-bottom: 65px  !important; }
.mb70	{ margin-bottom: 70px  !important; }
.mb80	{ margin-bottom: 80px  !important; }
.mb90	{ margin-bottom: 90px  !important; }
.mb100	{ margin-bottom: 100px  !important; }
.mb110	{ margin-bottom: 110px  !important; }
.mb120	{ margin-bottom: 120px  !important; }
.mb130	{ margin-bottom: 130px  !important; }
.mb140	{ margin-bottom: 140px  !important; }
.mb150	{ margin-bottom: 150px  !important; }
.mb160	{ margin-bottom: 160px  !important; }
.mb170	{ margin-bottom: 170px  !important; }
.mb180	{ margin-bottom: 180px  !important; }
.mb190	{ margin-bottom: 190px  !important; }
.mb200	{ margin-bottom: 200px  !important; }

hr.line	{
	display: block;
	margin: 0;
	padding: 0;
	border: none;
	height: 1px;
	background: #d7d7d7;
}


*::-webkit-scrollbar-track			{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: rgba(0, 0, 0, 0.2);}
*::-webkit-scrollbar				{ width: 5px; height: 5px; background-color: transparent;}
*::-webkit-scrollbar-thumb			{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background: #403750; border: none; border-radius: 6.0em; }


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

#header		{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 100;
	min-width: 1200px;
}

#logo	{
	position: absolute;
	top: 45px;
	left: 50px;
	z-index: 10;
}

#btn_control_gnb	{
	display: block;
	position: absolute;
	width: 110px;
	height: 110px;
	top: 24px;
	right: 26px;
	z-index: 10;
}

#btn_control_gnb:before	{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 1px solid #ffffff;
}

#btn_control_gnb i	{
	display: block;
	position: absolute;
	left: 37px;
	width: 37px;
	height: 4px;
	background: #fff;
	
}
#btn_control_gnb .item_01	{ top: 29px; }
#btn_control_gnb .item_02	{ top: 43px; }
#btn_control_gnb .item_02_1	{ top: 43px; }
#btn_control_gnb .item_03	{ top: 57px; }

#btn_control_gnb span	{
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 18px;
	text-align: center;
	font-size: 16px;
	font-family: 'Calibri';
	color: #fff;
}
#btn_control_gnb span.on	{ opacity: 1; -ms-filter: "alpha(opacity=100)"; }
#btn_control_gnb span.off	{ opacity: 0; -ms-filter: "alpha(opacity=0)"; }

.open-gnb #btn_control_gnb:before	{ border-color: #8e8b8a; }
.open-gnb #btn_control_gnb span		{ color: #8e8b8a; }
.open-gnb #btn_control_gnb i		{ background-color: #8e8b8a; }
.open-gnb #btn_control_gnb span.on	{ opacity: 0; -ms-filter: "alpha(opacity=0)"; }
.open-gnb #btn_control_gnb span.off	{ opacity: 1; -ms-filter: "alpha(opacity=100)"; }

.open-gnb #btn_control_gnb .item_01,
.open-gnb #btn_control_gnb .item_03		{ top: 43px; }
.open-gnb #btn_control_gnb .item_01,
.open-gnb #btn_control_gnb .item_02		{ transform: rotate(-45deg); -ms-transform: rotate(-45deg); }
.open-gnb #btn_control_gnb .item_03,
.open-gnb #btn_control_gnb .item_02_1	{ transform: rotate(45deg); -ms-transform: rotate(45deg); }


#gnb		{
	position: absolute;
	top: 0; left: 0; right: 0;
	margin-top: -160px;
	padding-left: 425px;
	padding-right: 356px;
	background: url('../_img/bak_main_menu.png');
	z-index: 9;
}
.open-gnb #gnb	{ margin-top: 0; }
@media all and (max-width: 1580px) {
	#gnb	{
		padding-left: 400px;
		padding-right: 300px;
	}
}
@media all and (max-width: 1500px) {
	#gnb	{
		padding-left: 350px;
		padding-right: 300px;
	}
}
#gnb .menu-list li	{ box-sizing: border-box; }
#gnb .menu-list li a	{
	-ms-transition: all .6s cubic-bezier(0.645, 0.045, 0.355, 1);
	-webkit-transition: all .6s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: all .6s cubic-bezier(0.645, 0.045, 0.355, 1);
}
#gnb .menu-list > li	{
	float: left;
	padding: 60px 5%;
}
@media all and (max-width: 1450px) {
	#gnb .menu-list > li	{ padding: 60px 4%; }
}
@media all and (max-width: 1315px) {
	#gnb .menu-list > li	{ padding: 60px 3%; }
}
@media all and (max-width: 1220px) {
	#gnb .menu-list > li	{ padding: 60px 2.5%; }
}
#gnb .menu-list > li > a	{
	display: block;
	position: relative;
	line-height: 38px;
	font-size: 17px;
	text-align: center;
	color: #9e9e9e;
	font-weight: 600;
}
#gnb .menu-list > li.on > a,
#gnb .menu-list > li > a:hover	{ color: #fff; }
#gnb .menu-list > li.on ul		{ height: 70px; }
#gnb .menu-list > li ul		{
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	height: 0px;
	overflow: hidden;
}
#gnb .menu-list > li ul li				{ border-left: 1px solid #7f8080; }
#gnb .menu-list > li ul li:first-child	{ border-left-width: 0; }
#gnb .menu-list .gnb-grid-2 > li	{
	float: left;
	width: 50%;
}
#gnb .menu-list .gnb-grid-3 > li	{
	float: left;
	width: 33.3333%;
}
#gnb .menu-list .gnb-grid-4 > li	{
	float: left;
	width: 25%;
}
#gnb .menu-list .gnb-grid-5 > li	{
	float: left;
	width: 20%;
}
#gnb .menu-list > li ul a	{
	display: block;
	position: relative;
	text-align: center;
	height: 70px;
	line-height: 70px;
	font-size: 16px;
	background: #fff;
	color: #000;
	font-weight: 600;
}
#gnb .menu-list > li ul li.on > a,
#gnb .menu-list > li ul a:hover	{
	background: #373737;
	color: #fff;
}


#gnb .menu-other	{
	position: absolute;
	right: 185px;
	top: 70px;
}
#gnb .menu-other li	{
	float: left;
	padding: 0 13px;
}
#gnb .menu-other li a	{
	color: #fff;
	font-size: 15px;
}




#quick_top_scroll	{
	display: none;
	position: fixed;
	right: 3%;
	bottom: 3%;
	max-width: 18.28125%;
	z-index: 10;
	-ms-transition: transform .2s ease;
	-webkit-transition: transform .2s ease;
	transition: transform .2s ease;

}
#quick_top_scroll img,
#quick_top_scroll a	{ display: block; }

#quick_link	{ padding: 100px 60px; }
#quick_link .inner	{ 
	max-width: 1200px;
	margin: 0 auto;
}

#footer { 	border-top: 1px solid #d7d7d7; }
#footer .fix-layout		{
	max-width: 1020px;
	padding: 0 20px;
}

#footer_infor				{ padding: 60px 0 60px; }
#footer_infor #f_logo		{
	position: absolute;
	top: 0px;
	left: 20px;
	width: 250px;
	text-align: center;
}
#footer_infor .info	{
	padding-top:5px;
	margin-left: 265px;
	font-size: 12px;
	line-height: 1.5em;
	color: #6c6c6c;
}
#footer_infor .info p	{ margin-bottom: 3px; }
#footer_infor .info strong	{ color: #000000; }
#footer_infor .info span {padding-left:20px;}
#footer_infor .info .copyright	{
	padding: 7px 0;
	font-size: 11px;
	font-weight:bold;
	color:#1f1f1f;
}





@media all and (max-height: 900px) {

}