@charset "utf-8";

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



/* common */
*	{margin:0; padding:0;}
html	{height:100%; width: 100%; scroll-behavior: smooth;}
body	{overflow-y:scroll;  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; display: block;}
ol,	ul/*,	li*/	{list-style-type:none;}
h1,	h2,	h3,	h4,	h5,	h6	{font-weight:normal;}
hr	{border:0; border-top:1px solid #dedede;}


/* 정렬 */
.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;}
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::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:80px;}
#wrap #header.fixed nav h1 a	{
	display: block;
    position: relative;
    margin: 5px 0 0 0;
    width: 200px;
    height: 70px;
    background: url(/img/sub/sub_LOGO.svg) no-repeat 0 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:40px; width:40px; background:url('/img/common/all_btn_b.png') no-repeat 0 0;position:absolute; top:8px; 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; transition: 0.6s;}
#wrap #header nav	{position:relative; max-width:1400px; margin:0 auto;}
#wrap #header nav h1	{}
#wrap #header nav h1 a	{display:block; position:relative; margin:5px 0 0 0; width:200px; height:70px;background:url('/img/sub/sub_LOGO.svg') no-repeat 0 0;}
#wrap #header nav .btn_nav	{display:none;}
#wrap #header nav .btn_all a {height:55px; width:55px; background:url('/img/common/all_btn_w.png') no-repeat 0 0;position:absolute; top:1px; right:15px; display:none;}
#wrap #header nav .util_wrap	{position:absolute; top:0; right:0; left:665px; margin-top:10px; display: flex; align-items: center;}
#wrap #header nav .util_wrap:after	{content:""; display:block; clear:both;}
a.langBtn{border: 2px solid #ccc;
    padding: 10px 15px;
    border-radius: 30px; margin-top:10px; transition: all 0.3s; color:#555; font-size:17px;  text-transform: uppercase;}
    a.langBtn:hover{background:#ccc; color:#222;}
#wrap #header nav .util_wrap ul{margin-right:20px;}
#wrap #header nav .util_wrap ul li	{float:left;}
#wrap #header nav .util_wrap ul li.m01	{width:130px;}
#wrap #header nav .util_wrap ul li.m02	{width:130px;}
#wrap #header nav .util_wrap ul li.m03	{width:130px;}
#wrap #header nav .util_wrap ul li.m04	{width:130px;}
#wrap #header nav .util_wrap ul li.m05	{width:130px;}
#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:#000000; font-size:17px;  letter-spacing:-1px; text-align:center; padding-top:7px; font-family: 'NotoSans'; font-weight: 800; transition: 0.6s;}
#wrap #header nav .util_wrap ul li a:hover	{text-decoration:none; color: #a5821f;}
#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:50px; 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 */
footer{
	background-color: #12191f;
}
.foot_info{
    max-width: 1400px;
    margin: 0 auto;
    font-family: 'NotoSans';
    color: #ffffff;
	padding: 10px;
}
.foot_info .logo{
    margin-bottom: 20px;
    margin-top: 20px;
}
.info .detail01{
    font-weight: 800;
    margin-right: 20px;
}
.info .detail02{
    margin-right: 20px;
}
.foot_info .line{
    width: 100%;
    height: 1px;
    background-color:#ffffff;
    margin: 20px 0;
}
.foot_info .copy{
    color: #ffffff;
    margin: 20px 0;
}

  .swiper .swiper-pagination-bullet {
    background-color: #ffffff;
  }




/* 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}
.foot_info .line{
	width: 100%;
    background-color: #ccc;
    height: 1px;
    margin-bottom: 30px;
}



.mob_langBtn{display:none;}

@media screen and (max-width:1024px){
	#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:135px; height:40px; background:url('/img/sub/sub_LOGO.svg') no-repeat 0 0; background-size:100%; }
	#wrap #header.fixed nav h1 a {margin:15px 0 0 15px; width:135px; height:40px; background:url('/img/sub/sub_LOGO.svg') 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:4px; right:15px; width:35px; height:35px; background:url('/img/common/btn_nav_open_navy.png') no-repeat 0 0;}
	#wrap #header.fixed nav .btn_nav.open	{position:absolute; top:4px; 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%;}


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

	.langBtn.mob_langBtn{display:block; position:absolute;padding:6px 10px; top:3px; right:70px; margin-top:0; font-size:16px;}
	#wrap #header nav .util_wrap ul{margin:0; width:100%;}
	#wrap #header nav .util_wrap{align-items: flex-start;}

.util_wrap a.langBtn{display:none;}

}