@media all and (max-width:1400px)
{
#header {
	
}
#header .wrap {
	width: 100%; /*³ëÆ®ºÏ¿¡¼­ ³ÐÀÌ Á¶Á¤ÇÔ */
}

#nav > ul {
	margin-left: 15%; width: 85%;  /*³ëÆ®ºÏ¿¡¼­ ³ÐÀÌ Á¶Á¤ÇÔ */
}
.fix#header {
	height: 80px;
}
.fix#header .pr_fix {
	height: 80px;
}
}


@media all and (max-width:1023px)
{

#logo { display: block;} /*Ãß°¡ ¸ð¹ÙÀÏ ¹öÀü¿¡¼­´Â º¸ÀÌ°Ô */

#nav {
	display: none;  /*pc¸Þ´º¹Ù º¸ÀÌÁö ¾Ê°Ô */
}

#header .h_btn {
	background-position: 0px 0px; border: 1px solid rgb(52, 49, 97); transition:0.2s; border-image: none; top: 15px; width: 50px; height: 50px; right: 20px; display: inline-block; position: absolute; z-index: 99999; background-image: url("../img/i_menu.png"); background-repeat: no-repeat; background-size: auto 48px;
}
.on#header .h_btn {
	background-position: right;
}
#header .wrap {
	width: 100%; position: relative;
}
#header {
	left: 0px; top: 0px; height: 80px; right: 0px; position: fixed; background-color: rgb(255, 255, 255);
}
#header .logo {
	left: 20px; top: 0px; height: 80px; margin-left: 0px; z-index: 1; background-image: url("../img/logo.png"); background-size: auto 42px;
}
#header .pr_top {
	border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none;
}
#header .pr_top ul {
	padding: 10px; top: 80px; width: 240px; right: 0px; display: none; position: absolute; z-index: 99999; box-shadow: 0px 5px 15px rgba(0,0,0,0.2); background-color: rgb(68, 68, 68);
}
.on#header .pr_top ul {
	display: inline-block;
}
#header .pr_top ul li {
	width: 50%; margin-left: 0px; border-right-color: rgb(102, 102, 102); border-bottom-color: rgb(102, 102, 102); border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid;
}
#header .pr_top ul li.pc {
	display: none;
}
#header .pr_top ul li.bt1 {
	border-top-color: rgb(102, 102, 102); border-top-width: 1px; border-top-style: solid;
}
#header .pr_top ul li.bl1 {
	border-left-color: rgb(102, 102, 102); border-left-width: 1px; border-left-style: solid;
}
#header .pr_top ul li a {
	margin: 0px; color: rgb(153, 153, 153); line-height: 26px;
}
#header .pr_bg {
	left: 0px; top: 0px; right: 0px; bottom: 0px; display: none; position: fixed; z-index: 9999; background-color: rgba(0, 0, 0, 0.7);
}

.on#header .h_btn {
	background-color: rgb(255, 255, 255);
}
.on#header #nav {
	top: 155px; width: 240px; right: 0px; bottom: 0px; display: inline-block; position: fixed; -ms-overflow-x: hidden; -ms-overflow-y: auto; background-color: rgb(68, 68, 68);
}
.on#header #nav > ul {
	width: 100%; border-top-color: rgb(85, 85, 85); border-top-width: 1px; border-top-style: solid;
}
.on#header #nav > ul > li {
	width: 100%;
}
.on#header #nav > ul > li .pr_main {
	padding: 10px; text-align: left; color: rgb(255, 255, 255); line-height: 24px; font-size: 16px; border-bottom-color: rgb(85, 85, 85); border-bottom-width: 1px; border-bottom-style: solid; display: block; cursor: pointer;
}
.on#header .pr_bg {
	display: inline-block;
}
#nav::before {
	display: none;
}
.on#nav > ul > li ul {
	padding: 10px 0px; left: inherit; top: inherit; right: inherit; border-bottom-color: rgb(85, 85, 85); border-bottom-width: 1px; border-bottom-style: solid; display: none; position: inherit; min-height: auto; background-color: rgb(85, 85, 85);
}
.on#nav > ul > li.on ul {
	display: inline-block;
}
.on#nav > ul > li ul li a {
	padding: 5px 10px; line-height: 24px;
}
#nav > ul > li .pr_main::before {
	display: none;
}
#nav > ul > li .pr_main a {
	display: none;
}
.fix#header #nav {
	left: auto; top: 155px; right: 0px; position: inherit;
}
#contents {
	margin-top: 80px;
}
}