@import url(https://fonts.googleapis.com/css?family=Titillium+Web:200,300,400);

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;line-height:155%;letter-spacing:normal} /* delete vertical-align,font:inherit; */
body,html{width:100%; font-size:13px; color:#666; font-family:"notoKrR",sans-serif;}
*{font-family:"notoKrR", sans-serif; }
ol,ul,li{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table {border-collapse:separate;border-spacing:0; font-size:13px;}
table caption {overflow:hidden; font-size:0; line-height:0; font-size:13px;}
tbody,tfoot,thead,tr,th,td {margin:0;line-height:155%;letter-spacing:normal;}
dt{display:block;}
hr{display:none;}
a{cursor:pointer;text-decoration:none;color:#666;}
address, em {font-style:normal;}
input,select,img{vertical-align:middle;}
.input_search {border:0; background:none; height:20px; width:155px; font-size:12px; color:#909496; font-family:"notoKrR",sans-serif;}

/* Web Content Accessibility TTS(Text To Speech) Code */
.blind {position:absolute; top:0px; left:0px; overflow:hidden; display:inline-block !important; width:1px !important; height:1px !important; margin:0 !important; font-size:0 !important; line-height:0 !important;}

/* 바로가기 */
#accessibilityMenu {position:absolute; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}

/* Common */
.line_bg{height:2px; background-color:#f5f5f5}
.img_bor{border:1px solid #ddd}

/* 레이아웃 */
#wrap {position:relative; width:100%; min-width:1180px; }

#header{position:relative; z-index:999; width:100%; clear:both;}
	.header_in{position:relative; margin:0 auto; width:1180px; height:100px;}
	.header_in h1{position:relative; float:left; padding:25px 0 0 0; z-index:9999;}

	#header .topUtil{position:relative; overflow:hidden; width:100%; height:39px; background:#fbfbfb; border-bottom:1px solid #ddd;}
	.topUtil_in{position:relative; margin:0 auto; width:1180px;}
	.topUtil ul{float:right; padding:0 0 0 0;}
	.topUtil li{float:left; padding:0 15px 0 15px; background:url('/html/images/common/menu_line.gif') right 12px no-repeat; line-height:39px;}
	.topUtil li img{margin:0 8px 2px 0}
	.topUtil li.last{padding:0 0px 0 15px; background:none;}
	.topUtil li a:link, .topUtil li a:visited{font-size:12px; line-height:39px; font-family:"notoKrM", sans-serif; font-weight:400; color:#646464;}
	.topUtil li a:hover{text-decoration:none; color:#333;}
	.topUtil dl{float:right; position:relative; overflow:hidden; width:227px; height:39px; border-left:1px solid #5b6165; border-right:1px solid #5b6165}
		.topUtil dd{float:left; padding:9px 0 0 10px}
		.topUtil dt{float:right; border-left:1px solid #5b6165;}

	/*.header_in .menu{position:absolute; top:0; left:205px;}
		.menu li{float:left; padding:22px 0 0 50px}
		.menu li a:link, .menu li a:visited{display:block; line-height:28px; font-size:16px; letter-spacing:-1pt; color:#e3e3e3}
		.menu li.shop{float:left; padding:15px 0 0 60px}
		.menu li.shop a:link, .menu li.shop a:visited{display:block; line-height:40px; font-weight:600; font-size:15px; letter-spacing:-1pt; color:#e3e3e3;
			background:#1f1c1c url('../../img/shop_icon.gif') 20px 11px no-repeat; border-radius:40px; padding:0 24px 0 48px}
		.menu li a:hover{text-decoration:none; color:#fff}*/




#top_box{position:absolute; top:0px; right:0; z-index:9999}
#top_box .stie_icon{position:absolute; right:0; top:25px;}
.searchZone{width:300px; position:absolute;top:16px; right:0px; z-index:9999;}
		.searchZone .menu{}
		.searchZone .search {display:none;position:absolute; right:52px; top:6px; z-index:9999;}
		.searchZone .lookBtn {z-index:9999;}
		.searchZone .inputB{width:190px; position:relative; overflow:hidden; background:#fff;border:1px solid #ddd; z-index:9999;}
		.searchZone .inputB:hover{transition: all .3s ease; border:1px solid #c8c8c8;}
			.inputB dd{float:left; padding:13px 2px 0 2px;}
			.inputB dt{float:right;}
			.inputB dt img{width:60px !important;}
			.inputB dt input{cursor: pointer;}
		.searchZone .lookBtn{position:absolute; top:6px; right:0; width:50px; height:51px;z-index:9999; border:1px solid #0083b0; background:#0083b0}
		.searchZone .lookBtn:hover{transition: all .3s ease; }
		.searchZone .lookBtn a{width:50px; height:51px}
		.input_search {border:0; background-color:#fff; width:125px; font-size:13px; color:#666; padding:0px 5px 10px;}
		.img_btn{}




/* TOP 메뉴 */
#gnb{position:absolute; width:700px; z-index:999; left:50%; margin-left:-255px; top:31px;}

.gnb{position:relative; margin:0 auto; width:560px;}
/* menu::base */
#menu {position:relative; width:700px; z-index:100; height:48px; list-style:none;}
#menu .menu {position:absolute; width:700px;}
#menu a {display:block; white-space:nowrap; text-decoration:none}
#menu li {float:left; margin-right:20px;}
#menu li.gnb_shop {float:right;}
span.gnb_1depth a:link, span.gnb_1depth a:visited{display:block; padding:5px 40px 20px 40px; font-family:"notoKrM", sans-serif; text-align:center; font-size:19px; color:#000; letter-spacing:-0.8pt;}
span.gnb_1depth_shop a:link, span.gnb_1depth_shop a:visited{display:block; line-height:40px; font-weight:600; font-size:15px; letter-spacing:-1pt; color:#000;
			background:#1f1c1c url('../../img/shop_icon.gif') 20px 11px no-repeat; border-radius:40px; padding:0 24px 0 48px; margin-left:5px}
span.gnb_1depth a:hover{color:#82bc0d;}
.gnb_1depth_up{color:#82bc0d !important;}

#menu .menu_depth{visibility:hidden; position:absolute; width:180px; border:2px solid #648919; background:#fff; padding:20px 0; margin-left:-15px;}
	.menu_depth li {float:none; width:180px; text-align:left;}
	.menu_depth li.last {float:none; width:180px; border-bottom:none}

#menu div {visibility:hidden; position:absolute;}
#menu div div { left:100%;}
#menu li:hover>div { visibility:visible; }

/* menu::level >= 2 */
#menu li li a{ color:#666; letter-spacing:-0.5pt;  line-height:20px;  text-align:center;}
#menu li li a:hover{ color:#82bc0d; text-decoration:none;}
#menu li li{ text-transform:none; font-size:14px; margin-bottom:10px; }
#menu li li:last-child{margin-bottom:0}
.gnb_up{ }

		.gnb dl{position:absolute; width:185px; height:40px; right:0; top:6px; background:url('../../img/search_bar.gif') 0 0 no-repeat;}
		.gnb dd{float:left; padding:5px 0 0 12px}
		.gnb dt{ float:right; padding:0 0 0 0}



/* 사이트맵 */
#sitemap{position:relative; width:100%; clear:both; overflow:hidden; background-color:#f5f5f5;}
#sitemap .sitemap_in{position:relative; margin:0 auto; width:1020px; overflow:hidden; padding:40px 0;}
	.sitemap_in dl{float:left; width:16.66666666666%;}
	.sitemap_in dt{font-size:16px; color:#444; letter-spacing:-0.7pt; font-weight:600; padding:0 0 10px 0;}
	.sitemap_in dt.two{padding-top:40px;}
	.sitemap_in dd{line-height:24px}
	.sitemap_in dd a:link, .sitemap_in dd a:visited{line-height:24px; letter-spacing:-0.7pt}

/* 하단 */
#footer {position:relative; width:100%; clear:both; overflow:hidden; background:#1d1f20;}
#footer .foot_in {position:relative; margin:0 auto; width:1180px; overflow:hidden; padding:30px 0 40px 0;}
#footer .foot_bn{position:relative; overflow:hidden; background:#000; border-bottom:1px solid #323435; padding:15px 0}
#footer .foot_bn ul{width:1180px; margin:0 auto;}
	.foot_bn li{float:left; padding:0 16px; background:url('/html/images/common/footer_menu_line.gif') right 4px no-repeat}
	.foot_bn li strong{font-family:"notoKrB"; font-weight:100;}
	.foot_bn li.first{padding:0 16px 0 0}
	.foot_bn li.last{background:none; padding:0 0 0 16px}
	.foot_bn li a:link, .foot_bn li a:visited{ letter-spacing:-0.7pt; line-height:; font-size:14px; color:#fefefe; }
	.foot_bn li a:hover{text-decoration:none}

#footer .flogo{position:relative; overflow:hidden; float:left; width:120px; margin-right:50px;}

#footer .copy{position:relative; overflow:hidden; float:left;}
#footer .copy ul{position:relative; overflow:hidden; float:left; }
#footer .copy ul:first-child{margin-right:50px;}
#footer .copy li{color:rgba(255,255,255,0.7); line-height:100%; letter-spacing:-0.2pt; margin-bottom:15px;}
#footer .copy li span{color:#919191;line-height:100%; letter-spacing:-0.2pt; display:inline-block; }
#footer .copy li span.one{ width:135px;}
#footer .copy li span.two{ width:100px;}

#footer .txt_copy1{font-size:13px; color:rgba(255,255,255,.6); line-height:22px;}
#footer .txt_copy1 span{color:#333; }

#footer .copyright{clear:both; padding:10px 0 0 0px; color:#666; font-size:13px;}