@charset "utf-8";

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



/* common */
*	{margin:0; padding:0;}
html	{height:100%;}
body	{overflow-y:scroll; *overflow-y:; color:#262626; font-weight:400; font-size:15px;word-break: keep-all;  letter-spacing:-1.0px; font-family:'Nanum Square','돋움',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; ont-size:0; line-height:0; text-indent:-9999px;}
.select {position:relative; display:inline-block; height:22px; padding:6px 4px 6px 4px; border:1px solid #b3b3b3; background-color:#fff; line-height:22px; vertical-align:middle;}
.select	 select	 {border:0 none; background:#fff; font-size:14px; color:#333; font-weight:normal;}

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;}




#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;}
#wrap #header	{position:fixed; z-index:1000; top:0; width:100%; margin:0; min-width:1200px;}
#wrap #header nav	{position:relative; max-width:1200px; margin:0 auto;}
#wrap #header nav h1	{}
#wrap #header nav h1 a	{display:block; position:relative; margin:20px 0 0 15px; width:118px; height:59px;background:url('/img/common/logo.png') no-repeat 0 0;}
#wrap #header nav .btn_nav	{display:none;}
#wrap #header nav .btn_all a {height:73px; width:73px; background:url('/img/common/all_btn_w.png') no-repeat 0 0;position:absolute; top:-5px; right:15px; display:inline-block;}
#wrap #header nav .util_wrap	{position:absolute; top:8px; right:0; left:230px; margin-top:10px;}
#wrap #header nav .util_wrap:after	{content:""; display:block; clear:both;}


#wrap #header nav .util_wrap ul li	{float:left;}
#wrap #header nav .util_wrap ul li.m01	{width:125px;}
#wrap #header nav .util_wrap ul li.m02	{width:110px;}
#wrap #header nav .util_wrap ul li.m03	{width:110px;}
#wrap #header nav .util_wrap ul li.m04	{width:130px;}
#wrap #header nav .util_wrap ul li.m05	{width:150px;}
#wrap #header nav .util_wrap ul li.m06	{width:130px;}
#wrap #header nav .util_wrap ul li a	{display:block;text-decoration:none; position:relative; color:#fff; font-size:16px;  letter-spacing:-1px; text-align:center; padding-top:7px;}
#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:37px -20px 0 5px;width:130px;}
#wrap #header nav .util_wrap ul li.m02 ul {margin:37px -20px 0 -10px;width:130px;}
#wrap #header nav .util_wrap ul li.m03 ul {margin:37px -20px 0 5px;width:110px;}
#wrap #header nav .util_wrap ul li.m04 ul {margin:37px -20px 0 5px;width:130px;}
#wrap #header nav .util_wrap ul li.m05 ul {margin:27px -20px 0 5px;width:130px;}
#wrap #header nav .util_wrap ul li.m06 ul {margin:37px -20px 0 5px;width:150px;}
#wrap #header nav .util_wrap ul li:hover ul	{border-bottom:1px solid #ddd; max-height:500px;}
#wrap #header nav .util_wrap ul li ul li	{float:none; border-top:1px solid #ddd;  border-left :1px solid #ddd;border-right:1px solid #ddd;color:#555;}
#wrap #header nav .util_wrap ul li ul li:first-child	{border-top:0}
#wrap #header nav .util_wrap ul li ul li a	{display:block; font-size:14px; line-height:30px; color:#555; text-transform:uppercase;}
#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:#f0f5fa;  color:#555;}
#wrap #header nav .util_wrap ul li ul li:first-child a:hover	{box-shadow:rgba(113, 113, 113, 0.1) 0px 7px 3px -3px inset;}
#wrap #header nav .dim	{display:none;}

#allmenu_box {position:absolute;position:fixed; top:0px; left:0; width:100%; background:#2b3a53 url("/img/common/m_bg.png") no-repeat 0 0; z-index:10; border-bottom:5px solid #bc9a5d; height:500px;}
#allmenu_warp {position:relative; max-width:1100px; margin:0 auto; padding:100px 0 30px 0; height:500px; font-size:13px;}
#allmenu_warp ul {margin-top:30px; }
#allmenu_warp ul li {width:16.6%;float:left;text-align:center;}
#allmenu_warp ul li a {display:block; width:100%;padding: 15px 0;font-weight:bold; color:#fff; font-size:15px; letter-spacing:-0.08em; border-bottom:1px solid #fff; }
#allmenu_warp ul li ul {float:left;width:100%;border:0;}
#allmenu_warp ul li ul li {float:left; width:100%; line-height:20px;}
#allmenu_warp ul li ul li a {width:100%;padding:5px 0 0 0; letter-spacing:-0.13em;font-weight:normal;font-size:14px; border-bottom:0px solid #95b7df; color:#8e9bb2;}
#allmenu_warp .btn {position:absolute; z-index:100; top:30px; right:15px;}




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


/* Footer */
#wrap #footer	{position:relative; width:100%; padding:50px 0; background:#fff; border-top:1px solid #e2e2e2; text-align:center;}
#wrap #footer .btn_top a {width:50px; height:53px; background:url('/img/common/btn_top.png') no-repeat 0 0; display:block; text-indent:-9999px;} 
#wrap #footer .btn_top {position:absolute; left:50%; margin-left:-25px; bottom:237px;}
#wrap #footer .foot_info {width:100%; line-height:0; letter-spacing:0;}
#wrap #footer .foot_info p.info span {font-size:13px; line-height:20px; color:#555;}
#wrap #footer .foot_info p.info span.detail01	{}
#wrap #footer .foot_info p.info span.detail02	{float:none}
#wrap #footer .foot_info p.info span.detail03	{}
#wrap #footer .foot_info p.copy	{ margin:0 auto; font-size:12px; line-height:20px}
#wrap #footer .foot_info p.logo {padding-bottom:30px;}	



/* 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:752px){
	#wrap	{position:relative; width:100%; margin:0; min-width:300px;}
	#wrap #header {min-width:300px;}
 	#wrap #header nav{height:50px; }
	 #wrap #header.fixed nav	{height:50px;}
	/* GNB */
	#wrap #header nav h1 a {margin:15px 0 0 15px; width:80px; height:40px; background:url('/img/common/logo.png') no-repeat 0 0; background-size:100%; }
	#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 nav .btn_all a, #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;}
	#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;}




}