@charset "utf-8";

@import url(//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);

@font-face {
    font-family: 'PreT';
    font-weight: 100;
    font-style: normal;
	src:url('/common/font/Pretendard-Thin.eot');
	src:local('��'),
	url('/common/font/Pretendard-Thin.woff') format('woff'),
	url('/common/font/Pretendard-Thin.woff2') format('woff2'),
	url('/common/font/Pretendard-Thin.otf') format('opentype');
}
@font-face {
    font-family: 'Pre';
    font-weight: 300;
    font-style: normal;
	src:url('/common/font/Pretendard-Light.eot');
	src:local('��'),
	url('/common/font/Pretendard-Light.woff') format('woff'),
	url('/common/font/Pretendard-Light.woff2') format('woff2'),
	url('/common/font/Pretendard-Light.otf') format('opentype');
	
}
@font-face {
    font-family: 'PreR';
    font-weight: 400;
    font-style: normal;
	src:url('/common/font/Pretendard-Regular.eot');
	src:local('��'),
	url('/common/font/Pretendard-Regular.woff') format('woff'),
	url('/common/font/Pretendard-Regular.woff2') format('woff2'),
	url('/common/font/Pretendard-Regular.otf') format('opentype');
}
@font-face{
    font-family: 'PreM';
    font-weight: 600;
    font-style: normal;
	src:url('/common/font/Pretendard-Medium.eot');
	src:local('��'),
	url('/common/font/Pretendard-Medium.woff') format('woff'),
	url('/common/font/Pretendard-Medium.woff2') format('woff2'),
	url('/common/font/Pretendard-Medium.otf') format('opentype');
}
@font-face {
    font-family: 'PreSB';
    font-weight: 700;
    font-style: normal;
	src:url('/common/font/Pretendard-SemiBold.eot');
	src:local('��'),
	url('/common/font/Pretendard-SemiBold.woff') format('woff'),
	url('/common/font/Pretendard-SemiBold.woff2') format('woff2'),
	url('/common/font/Pretendard-SemiBold.otf') format('opentype');
}
@font-face {
    font-family: 'PreEB';
    font-weight: 900;
    font-style: normal;
	src:url('/common/font/Pretendard-ExtraBold.eot');
	src:local('��'),
	url('/common/font/Pretendard-ExtraBold.woff') format('woff'),
	url('/common/font/Pretendard-ExtraBold.woff2') format('woff2'),
	url('/common/font/Pretendard-ExtraBold.otf') format('opentype');
}
@font-face {
    font-family: 'Nanum';
    font-weight: 300;
    font-style: normal;
	src:url('/common/font/NanumMyeongjo.eot');
	src:local('��'),
	url('/common/font/NanumMyeongjo.woff') format('woff'),
	url('/common/font/NanumMyeongjo.woff2') format('woff2'),
	url('/common/font/NanumMyeongjo.ttf') format('truetype');
}


.gowun-regular {
	font-family: "Gowun Batang", serif;
	font-weight: 400;
	font-style: normal;
  }
  
.gowun-bold {
	font-family: "Gowun Batang", serif;
	font-weight: 700;
	font-style: normal;
}
  


/* common */
*	{margin:0; padding:0;}
html	{height:100%;}
body	{overflow-y:scroll; overflow-x: hidden; color:#262626; font-weight:400; font-size:15px;word-break: keep-all;  letter-spacing:-1.0px; font-family:'PreSB',Dotum,,Gulim,Helvetica,sans-serif,''; -webkit-text-size-adjust:none;}

a:link	{color:#333; text-decoration:none;}
a:visited	{color:#333; text-decoration:none;}
a:hover	{color:#333; text-decoration:none;}
a:active	{color:#333; text-decoration:none;}

img	{border:0 none;}
ol,	ul/*,	li*/	{list-style-type:none;}
h1,	h2,	h3,	h4,	h5,	h6	{font-weight:normal;}
hr	{border:0; border-top:1px solid #dedede;}
strong, table th	{font-weight:normal;}


/* ?��?�� */
.fl_left	{float:left;}
.fl_right	{float:right;}
.fl_clear	{clear:both; height:0; font-size:0; line-height:0;}

.al_left	{text-align:left !important;}
.al_center	{text-align:center;}
.al_right	{text-align:right;}
.al_top	{vertical-align:top;}
.al_middle	{vertical-align:middle;}
.al_bottom	{vertical-align:bottom;}
.al_justify  {text-align:justify;}

.hand	{cursor:pointer;}
.overflow	{overflow:auto; overflow:hidden;}
.none	{display:none !important;}
.hide	{display:block; overflow:hidden; position:absolute; top:0; left:0; width:0; height:0; text-indent:-9999px;;}
.pos_rel	{position:relative;}

.font01 {font-family:'?��???',Dotum,'굴림',Gulim,Helvetica,sans-serif; }

.pt100 {padding-top:100px;}

.mt20 {margin-top:20px;}
.mt50 {margin-top:50px;}
.mt95 {margin-top:95px;}

.mb50 {margin-bottom:50px;}
/* form */
fieldset	{border:0 none;}
label	{}

input.txt	{height:24px; margin:0; padding:7px 9px 7px 9px; border:1px solid #999; background:#fff; color:#4c4c4c; font-size:13px; line-height:24px; vertical-align:middle;}
input.txt:focus	{border-color:#000;}
/*select	{margin:0; border:1px solid #999; line-height:22px; height:22px; color:#a6a6a6; font-weight:bold;}*/
legend, caption {overflow:hidden; position:absolute; left:-9999px; top:0; font-size:0; line-height:0; text-indent:-9999px;}

input.chk {border:0 none; margin-right:2px; vertical-align:middle;}
textarea	{padding:4px; border:1px solid #999; background:#fff; color:#4c4c4c; font-size:13px; overflow-y:scroll; resize:vertical; -webkit-appearance:none;}
textarea:focus	{border-color:#000;}

input[type=text],
input[type=file],
/*input[type=password] {height:40px; padding:0 10px; margin:0; border:1px solid #d2d2d2; background:#fff; line-height:38px; vertical-align:middle; box-shadow: none; -webkit-appearance: none; appearance: none; font-weight:300; color:#606060; font-size:14px;}*/
input::input-placeholder {color:#979797;}
input::-webkit-input-placeholder {color:#979797;} 
input::-moz-placeholder {color:#979797;}
input::-ms-placeholder {color:#979797;} 
/*input[type=checkbox],
input[type=radio] {width:14px; height:14px; padding:0; margin:0; vertical-align:middle; border:none; background:none; border-radius:0px; box-shadow: none; }
textarea {padding:10px; border:1px solid #d2d2d2; background:#fff; line-height:26px; font-size:14px; font-weight:300; color:#606060;}*/




.disnone {display:none;}

/* font */
.f_normal	{font-weight:normal;}
.f_strong	{font-weight:bold;}
.f_italic	{font-style:italic;}


/* layout */
.skip_nav a			{display:block; position:absolute; z-index:100; top:-1000em; left:0; padding:10px; background-color:#000; color:#fff; text-align:center;}
.skip_nav a:focus	{position:relative; top:0; width:100%; height:auto; margin:0; padding:10px;}

#wrap	{position:relative; width:100%; margin:0; min-width:1200px;}



/* GNB */
#wrap #header.fixed {background:#fff; box-shadow:rgba(113, 113, 113, 0.2) 0px 2px 6px;}

/*fullpage-section*/
.fimg{
	display: block;
    position: absolute;
    top: -15px;
    left: 384px;
}
/*.dark-background{background-color: #000 !important;}*/
#wrap #header.dark-background nav h1>a{background:url('/img/sub/logo.png') no-repeat 0 0;}
#wrap #header.dark-background nav h1>a + span{color:#333}
#wrap #header.dark-background nav h1>a + span:before{background:rgba(0,0,0,0.1); }
#wrap #header.dark-background nav .util_wrap ul li a{color:#000;}
#wrap #header.dark-background nav .btn_all a {height:25px; width:41px; background:url('/img/sub/all_btn_b.png') no-repeat 0 0; position:absolute; top:4px; right:0px; display:inline-block;}


#header	{position:fixed; z-index:1000; top:0; width:100%; margin:0; min-width:1200px;height: 85px; background-color: transparent; transition: background-color 0.5s ease;}

#wrap #header.fixed nav	{  height:70px;}
#wrap #header.fixed nav h1 a	{margin:15px 0 0 15px; width:118px; height:59px; background:url('/img/common/logo_b.png') no-repeat 0 0; background-size:100%;}
#wrap #header.fixed nav .util_wrap	{margin-top:0;}
#wrap #header.fixed nav .util_wrap ul li a	{display:block; position:relative; color:#000; text-align:center;}
#wrap #header.fixed nav .util_wrap ul li a:hover	{ text-decoration:none}
#wrap #header.fixed nav .btn_all a {height:35px; width:35px; background:url('/img/common/all_btn_b.png') no-repeat 0 0;position:absolute; top:5px; right:15px; display:inline-block; }
#wrap #header.fixed nav .util_wrap ul li span a {color:#fff;}
#header	{position:fixed; z-index:1000; top:0; width:100%; margin:0; min-width:1200px; height: 110px; background-color: transparent;}
/*.highlighted{background-color: #000;}*/
#wrap #header nav	{position:relative; max-width:1700px; margin:0 auto;}
#wrap #header nav h1	{display:flex; align-items: center; margin-top:35px;}
#wrap #header nav h1>a	{display:block; position:relative; margin:0; width:200px; height:30px;background:url('/img/common/logo.png') no-repeat 0 0;}
#wrap #header nav h1>a + span{position:relative;color:#fff; padding-left:15px; margin-left:15px;  font-size:1.5rem; font-weight:bold;}
#wrap #header nav h1>a + span:before{position:absolute; left:0; top:50%; transform: translateY(-50%); content:''; background:rgba(255,255,255,0.3); width:1px; height:80%; }
#wrap #header nav .btn_nav	{display:none;}
#wrap #header nav .btn_all a {height:25px; width:41px; background:url('/img/common/all_btn_w.png') no-repeat 0 0;position:absolute; top:4px; right:0px; display:inline-block;}
#wrap #header nav .util_wrap	{position:absolute; top:8px; right:0; left:750px; width: 50%;}
#wrap #header nav .util_wrap:after	{content:""; display:block; clear:both;}
#wrap #header nav .util_wrap>ul{display: flex; justify-content: space-between;}
#wrap #header nav .util_wrap>ul>li{flex: 1;}

#wrap #header nav .util_wrap ul li a	{display:block;text-decoration:none; position:relative; color:#fff; font-size:1.25rem;  text-align:center; font-family: 'PreSB';}
#wrap #header nav .util_wrap ul li a:hover	{text-decoration:none;}
#wrap #header nav .util_wrap ul li:hover a:after	{content:""; display:block; position:absolute; bottom:0; right:0; left:0;}
#wrap #header nav .util_wrap ul li a span {background:#bc9a5d; display:inline-block; font-size:15px; padding:9px 30px;border-radius:20px; color:#fff; margin-top:-10px;}
#wrap #header nav .util_wrap ul li.m_prod	{position:absolute; top:0; right:-239px; width:239px;}
#wrap #header nav .util_wrap ul li.m_prod a	{position:relative; padding-right:67px; font-size:14px;}
#wrap #header nav .util_wrap ul li.m_prod a:after	{content:""; display:block; position:absolute; top:50%; left:0; width:1px;color:#000; height:20px; margin-top:-10px; background:#d9d9d9;}
#wrap #header nav .util_wrap ul li.m_prod a span	{display:block; overflow:hidden; position:absolute; top:50%; right:50px; width:39px; height:26px; margin-top:-13px; font-size:0; line-height:0;}
#wrap #header nav .util_wrap ul li ul	{overflow:hidden; max-height:0; margin:27px -20px 0 5px;  background:#fff;}
#wrap #header nav .util_wrap ul li.m01 ul {margin:26px 0 0 0;}
#wrap #header nav .util_wrap ul li.m02 ul {margin:26px 0 0 0;}
#wrap #header nav .util_wrap ul li.m03 ul {margin:26px 0 0 0;}
#wrap #header nav .util_wrap ul li.m04 ul {margin:26px 0 0 0;}
#wrap #header nav .util_wrap ul li.m05 ul {margin:26px 0 0 0;}
#wrap #header nav .util_wrap ul li:hover ul	{max-height:500px;}
#wrap #header nav .util_wrap ul li ul li	{float:none; color:#555;}
/*#wrap #header nav .util_wrap ul li ul li:first-child	{border-top:4px solid #503e7c}*/
#wrap #header nav .util_wrap ul li ul li a	{display:block; font-size:16px; line-height:30px; color:#555; text-transform:uppercase; font-family: 'PreM'; padding: 7px; transition: all 0.3s;}
#wrap #header nav .util_wrap ul li:hover ul li a:after	{display:none;}
#wrap #header nav .util_wrap ul li ul li a:hover	{background:#503e7c;  color:#fff;}
#wrap #header nav .dim	{display:none;}

#allmenu_box {
	position:absolute;
	position:fixed;
	top:0px;
	right:0;
	width:100%;
	background:#2b3a53 url("/img/common/m_bg.png") no-repeat 0 0;
	z-index:10;
	height:100%;
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
#allmenu_warp {
	position: relative;
    max-width: 1500px;
    height: 390px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	width: 100%;
}
#allmenu_warp ul {
	display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
#allmenu_warp ul li {
	flex: 1;
}
#allmenu_warp ul li a {
	display:block;
	width:100%;
	padding: 0 0 30px 0;
	font-family: 'PreSB';
	color:#fff; 
	font-size: 1.8rem; 
	border-bottom: 1px solid #bbbedc;
	text-align: center;
}
#allmenu_warp ul li ul {
	flex-direction: column;
	width:100%;
	border:0;
}
#allmenu_warp ul li ul li {
	width:100%;
}
#allmenu_warp ul li ul li a {
	width:100%;
	padding: 30px 0 0 0;
	font-size: 20px;
	border-bottom:0px solid #95b7df;
	color:#fff;
	font-family: 'PreR';
}
#allmenu_warp .btn {
	position:absolute; 
	z-index:100; 
	top: -55px;
    right: -2px;
	cursor: pointer;
}




/* container */
#wrap #container	{width:100%;}
#wrap #container .content	{overflow:hidden; width:100%; margin:0;}


/*footer*/
.footer{
    border-top: 1px solid #dbdbdb;
}
.foot-inner{
    max-width: 1600px;
    margin: 0 auto;
    padding-top: 5%;
}
.foot-inner>.top{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-bottom: 3%;
    border-bottom: 1px solid #dbdbdb;
}
.foot-inner>.top>.left{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.foot-inner>.top>.left>img{
    display: block;
/*    width: 215px;*/
    margin-bottom: 2rem;
}
.foot-inner>.top>.left p{
	font-family: 'Pre';
    font-size: 17px;
    color: #333333;
    margin-bottom: 15px;
    padding-left: 49px;
}
.foot-inner>.top>.left .fsns{
    margin-top: 2rem;
    margin-bottom: 3rem;
}
.foot-inner>.top>.left .fsns>img{
    margin-right: 10px;
}
.foot-inner>.top>.left .fsns>img:last-child{
    margin-right: 0;
}
.foot-inner>.top>.right{
    width: 40%;
}
.foot-inner>.top>.right>.titl{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.foot-inner>.top>.right>.titl>.one>a{
    font-family: 'PreSB';
    color: #000;
    font-size: 17px;
    margin-bottom: 1rem;
    display: block;
	text-align: center;
}
.foot-inner>.top>.right>.titl>.one>ul>li>a{
    display: block;
    font-family: 'PreR';
    color: #777777;
    margin-bottom: 5px;
    font-size: 15px;
	text-align: center;
}
.foot-inner .bottom{
    padding: 2% 0 3% 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.foot-inner .bottom .left>h3{
    font-family: 'PreM';
    font-size: 15px;
    color: #333333;
}
.foot-inner .bottom .right{
    width: 15%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.foot-inner .bottom .right>a{
    font-family: 'PreEB';
    color: #333333;
    font-size: 15px;
    display: block;
}



/* button */
/*button	{display:inline-block; padding:0; border:0; background:transparent; text-align:center; vertical-align:middle; cursor:pointer; white-space:nowrap}*/
button.dis,
button.dis	span	{cursor:default}
button.dis:hover	span	{background-position:0 0}
button.dis:hover	span	span	{background-position:right 0}
.btn_base	{display:inline-block; min-width:70px; font-size:0; line-height:0; vertical-align:middle}
.btn_txt	{display:inline-block; padding:0 10px; font-size:14px; line-height:34px; color:#fff !important; background:#c1c1c1; vertical-align:middle}
.btn_down	{position:relative; padding-right:26px; font-size:16px; font-family:HN_Bd; line-height:24px}
.btn_down:after	{content:""; display:block; position:absolute; top:50%;; right:0; width:18px; height:18px; margin-top:-9px;  background-position:0 -83px}

@media screen and ( max-width: 1700px ) {
	#wrap #header nav{
		max-width: 96%;
	}
	#wrap #header nav .util_wrap{
		left: 650px;
	}
	#allmenu_warp{
		max-width: 90%;
		width: 100%;
	}
	.fimg{
		left:355px;
	}
	#wrap #header nav h1>a + span{padding-left:10px; margin-left:12px; font-size:1.3rem;}
}


@media screen and ( max-width: 1490px ) {
	#wrap #header nav .util_wrap{
		left: 580px;
	}
	.fimg {
		left: 345px;
	}
}
@media screen and ( max-width: 1330px ) {
	#wrap #header nav .util_wrap{
		left: 545px;
	}

}
@media screen and ( max-width: 1260px ) {
	#wrap{
        min-width: 300px;
    }
    #header{
        min-width: 300px;
    }
    #wrap #header nav .util_wrap{
        left: 481px;
    }
	#wrap #header nav .util_wrap ul li a{
		font-size: 1rem;
	}
	#wrap #header nav .util_wrap ul li ul li a{
		font-size: 14px;
	}
	#allmenu_warp ul li a{
		font-size: 1.5rem;
	}
	.fimg {
		left: 230px;
		width: 170px;
		top: -4px;
	}
	#wrap #header nav h1{position:relative;}
	#wrap #header nav h1>a + span{position:absolute; top:100%; font-size:1rem; padding:0;margin:0; left:63px;}
	#wrap #header nav h1>a + span:before{display:none;}

}
@media screen and ( max-width: 1120px ) {
	#wrap #header nav .util_wrap{
		left: 434px;
	}
	.fimg {
		left: 220px;
	}
}
@media screen and ( max-width: 1025px ) {
	#wrap	{position:relative; width:100%; margin:0; min-width:300px;}
	#wrap #header {min-width:300px; height:88px;}
 	#wrap #header nav{height:50px; max-width:96%; margin-top:20px;}
	 #wrap #header.fixed nav	{height:50px;}
	/* GNB */
	#wrap #header nav h1{margin-top:0; display:inline-block;}
	#wrap #header nav h1>a {margin:0; width:180px; height:28px; background:url('/img/common/logo.png') no-repeat 0 0; background-size:100%; }
	#wrap #header nav .btn_all a {top: 1px;}
	#wrap #header.fixed nav h1 a {margin:15px 0 0 15px; width:80px; height:40px; background:url('/img/common/logo_b.png') no-repeat 0 0; background-size:100%; }
	#wrap #header.fixed nav .util_wrap > ul > li > a	{line-height:44px; text-align:left;}
    #wrap #header.fixed nav .btn_all a {display:none;}
	/*#wrap #header nav .btn_nav	{display:block;}*/
	#wrap #header nav .btn_nav.open	{position:absolute; top:-5px; right:15px; width:35px; height:35px; background:url('/img/common/btn_nav_open_w.png') no-repeat 0 0;border: none;}
	#wrap #header.fixed nav .btn_nav.open	{position:absolute; top:-5px; right:15px; width:35px; height:35px; background:url('/img/common/btn_nav_open_b.png') no-repeat 0 0;}
	#wrap #header nav .btn_nav.closed	{position:absolute; top:20px; right:10px; width:34px; height:35px; background:url('/img/common/btn_nav_closed.png') no-repeat 0 0}
	#wrap #header nav .util_wrap	{overflow-y:scroll; position:fixed; z-index:100; top:0; right:-300px; bottom:0; left:auto; width:300px; background:#fff; margin-top:0;}
	#wrap #header nav .util_wrap ul	{padding-top:70px;}
	#wrap #header nav .util_wrap ul li	{float:none; width:auto !important; margin:0 !important; border-bottom:1px solid #e9eff5;}
	#wrap #header nav .util_wrap ul li:first-child	{border-top:1px solid #e9eff5;}
	#wrap #header nav .util_wrap ul li a	{padding:5px 40px 0 20px; font-size:14px; text-align:left !important; line-height:44px; color:#000;}
	#wrap #header nav .util_wrap ul li a:hover {color:#000;}
	#wrap #header nav .util_wrap ul li a:after		{color:#000; content:""; display:block !important; position:absolute; top:20px; right:20px; width:17px; height:9px; background:url('http://daesung-ref.co.kr/img/common/bg_gnb_arr.png') no-repeat 0 -9px}
	#wrap #header nav .util_wrap ul li:hover a:after		{color:#000; content:""; display:block !important; position:absolute; top:20px; right:20px; left:auto; width:17px; height:9px; background:url('http://daesung-ref.co.kr/img/common/bg_gnb_arr.png') no-repeat 0 -9px}
	#wrap #header nav .util_wrap ul li.on a:after	{top:19px; background-position:0 0;color:#000;}
	#wrap #header nav .util_wrap ul li.on ul li a:after	{display:none !important;}	
	#wrap #header nav .util_wrap ul li.on:hover a:after ul li a:after	{display:none}
	#wrap #header nav .util_wrap ul li ul li a:after	{display:none !important}
	#wrap #header nav .util_wrap ul li:hover ul li a:after	{display:none !important}
	#wrap #header nav .util_wrap ul li ul	{position:static !important; display:block; margin:0 !important; padding:20px 0 !important; border:none; width:100%; background:#f0f5fa; box-shadow:none}
	#wrap #header nav .util_wrap ul li ul li	{float:none !important; border:0}
	#wrap #header nav .util_wrap ul li ul li a	{margin:0 !important; padding:0 30px; color:#666; font-size:14px !important; line-height:30px !important;  text-transform:none}
	#wrap #header nav .util_wrap ul li ul li:first-child a:hover	{box-shadow:none;}
	#wrap #header nav .util_wrap ul li ul li ul	{padding:0 !important}
	#wrap #header nav .util_wrap ul li a span{display:block; padding:5px 40px 0 0; border-radius:0; color:#bc9a5d; background:#fff; margin-top:0;}
	#wrap #header nav .util_wrap ul li.m_prod	{display:none}

	#wrap #header nav .dim	{display:block; position:fixed; z-index:99; top:0; right:-100%; bottom:0; left:100%; background:#000; opacity:0.0; -moz-transition: opacity 0.5s ease-out; -ms-transition: opacity 0.5s ease-out; -o-transition: opacity 0.5s ease-out; transition: all 0.3s ease-out;}
	#wrap #header nav .util_wrap		{-webkit-transition: all 0.5s cubic-bezier(0.770, 0.000, 0.175, 1.000); -moz-transition: all 0.5s cubic-bezier(0.770, 0.000, 0.175, 1.000); -ms-transition: all 0.5s cubic-bezier(0.770, 0.000, 0.175, 1.000); -o-transition: all 0.5s cubic-bezier(0.770, 0.000, 0.175, 1.000); transition: all 0.5s cubic-bezier(0.770, 0.000, 0.175, 1.000)}
	#wrap #header nav.on .util_wrap	{right:0}
	#wrap #header nav .util_wrap ul li ul	{overflow:hidden; max-height:0; padding:0 0 !important; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
	#wrap #header nav .util_wrap ul li.on ul	{max-height:1000px !important; padding:20px 0 !important; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition:all 0.5s ease;}
	#wrap #header nav .util_wrap ul li.on ul li ul	{padding:0 !important}
	#wrap #header nav .util_wrap ul li:hover ul	{max-height:0; border-bottom:0}
	#wrap #header nav .util_wrap ul li.m01:hover ul,
	#wrap #header nav .util_wrap ul li.m02:hover ul,
	#wrap #header nav .util_wrap ul li.m03:hover ul,
	#wrap #header nav .util_wrap ul li.m04:hover ul,
	#wrap #header nav .util_wrap ul li.m05:hover ul,
	#wrap #header nav .util_wrap ul li.m06:hover ul {max-height:0; border:0;}
	#wrap #header nav .util_wrap ul li.m01	{transition-delay: 0.035s;}
	#wrap #header nav .util_wrap ul li.m02	{transition-delay: 0.07s;}
	#wrap #header nav .util_wrap ul li.m03	{transition-delay: 0.105s;}
	#wrap #header nav .util_wrap ul li.m04	{transition-delay: 0.14s;}
	#wrap #header nav .util_wrap ul li.m05	{transition-delay: 0.20s;}
	#wrap #header nav .util_wrap ul li.m06	{transition-delay: 0.20s;}
	#wrap #header nav .util_wrap >ul > li		{-webkit-transform: translate3d(250px, 0, 0); -moz-transform: translate3d(250px, 0, 0); -o-transform: translate3d(250px, 0, 0); transform: translate3d(250px, 0, 0); -webkit-transition: all 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: all 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: all 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: all 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000);	}
	#wrap #header nav.on .util_wrap >ul > li	{-webkit-transform: translate3d(0px, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
	#wrap #header nav.on .dim	{display:block; right:0; left:-2000%; opacity:0.8; -moz-transition: opacity 0.3s ease-out; -ms-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out;}
	#wrap #header nav .util_wrap ul li.m01 ul {width:100%;}
	#wrap #header nav .util_wrap ul li.m02 ul {width:100%;}
	#wrap #header nav .util_wrap ul li.m03 ul {width:100%;}
	#wrap #header nav .util_wrap ul li.m04 ul {width:100%;}
	#wrap #header nav .util_wrap ul li.m05 ul {width:100%;}
	#wrap #header nav .util_wrap ul li.m06 ul {width:100%;}

	#wrap #footer .foot_info p.info {padding:0 50px;}
 	#wrap #footer .foot_info p.info span {font-size:12px; line-height:20px; color:#555;display:block;}
	#wrap #footer .foot_info p.info span.detail02	{display:none;}
	#wrap #footer .foot_info p.copy {font-size:12px; }
	#wrap #footer .btn_top {position:absolute; left:50%; margin-left:-25px; bottom:120px;}


	/* 컨텐�? 공통 */
	body	{font-size:12px;}

	/**/

	#allmenu_warp ul{
		flex-direction: column;
	}
	#allmenu_warp ul li{
		width: 100%;
	}
	#allmenu_warp ul li a{
		padding: 0 0 10px 0;
	}
	#allmenu_warp ul li ul li a{
		padding: 20px 0 0 12px;
	}
	#allmenu_warp ul .m01,#allmenu_warp ul .m02,#allmenu_warp ul .m03,#allmenu_warp ul .m04{
		margin-bottom: 2.5rem;
	}
	#allmenu_box{
		overflow-y: scroll;
		background: url(/img/common/m_bg_m.png) no-repeat 0 0;
		height: 100%;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
	}
	#allmenu_warp{
		top: 40%;
	}
	#allmenu_warp>ul{
		padding: 0 0 20% 0;
	}
	/*#allmenu_warp ul .m03>a, #allmenu_warp ul .m04>a{
		border-bottom: none;
	}*/
	.fimg {
		left: 200px;
		top: -2px;
		width:150px;
	}

}
@media screen and ( max-width: 860px ) {
	#wrap #header nav h1>a{
		margin: 0;
		width:144px; height:22px;
	}
	#wrap #header nav h1>a + span{right:0; left:auto;}
	#wrap #header nav .btn_all a{
		top: 7px;
	}
	.fimg {
		left: 150px;
	}
}
@media screen and ( max-width: 690px ) {
	#allmenu_box{
		width: 80%;
		background: url(/img/common/m_bg_m2.png) no-repeat 0 0;
		height: 100%;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
	}
	#allmenu_warp ul li a{
		text-align: left;
	}
	#allmenu_warp ul li ul li a{
		text-align: left;
	}
	
	
}
@media screen and ( max-width: 490px ) {
	#wrap #header nav h1>a{
		width: 140px;
		height: 22px;
	}
	#wrap #header nav .btn_all a{
		width: 35px;
	}
	#allmenu_warp ul li a {
		font-size: 1.1rem;
	}
	#allmenu_warp ul li ul li a{
		font-size: 16px;
		padding: 12px 0 0 10px;
	}
	#allmenu_warp ul .m01, #allmenu_warp ul .m02, #allmenu_warp ul .m03, #allmenu_warp ul .m04{
		margin-bottom: 1.5rem;
	}
	
}