@import url('font.css');
@import url('//fonts.googleapis.com/css?family=Montserrat:300,400,600,700,800');

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:15px; color:#666;}
html{height:100%;}
*{font-family: 'Noto Sans KR', 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:15px;}
table caption {overflow:hidden; font-size:0; line-height:0; font-size:15px;}
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{font-style:normal;}
input,select,img{vertical-align:middle;}
input:focus, textarea:focus, button:focus {outline:none;}  /* 크롬에서 커서 클릭시 파란색 테두리 제외*/

input[type="checkbox"]{width:20px; height:20px; vertical-align:middle; border:none}
input[type="radio"]{width:20px; height:20px; vertical-align:middle; border:none}

/* 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:1200px;}

#header{position:relative; z-index:1100; width:100%; clear:both; background:#fff; border-bottom:1px solid #ddd; opacity:0; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;}
#header .topUtil{position:relative; overflow:hidden; background:#acc90c; height:45px; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;}
#header .topUtil .topUtil_in{position:relative; overflow:hidden; margin:0 auto; width:1180px;}
	#header .topUtil .home_sellect{float:left; overflow:hidden; margin-top:10px}
	#header .topUtil .home_sellect li{float:left; margin-right:2px}
	#header .topUtil .home_sellect li a{display:block; width:135px; line-height:35px; color:#fff; background:#92ab09; text-align:center; -webkit-transition:all 0.3s;-moz-transition:all 0.5s;transition:all 0.5s;}
	#header .topUtil .home_sellect li a:hover{background:#fff; color:#92ab09; -webkit-transition:all 0.3s;-moz-transition:all 0.5s;transition:all 0.5s;}
	#header .topUtil .home_sellect li a.on{background:#fff; color:#92ab09;}

	#header .topUtil dl{float:right; overflow:hidden; padding-top:7px;}
	#header .topUtil dd{float:left; padding:0 14px; background: url('/mall/img/util_dot.gif') 0 50% no-repeat;}
	#header .topUtil dd a{display:block; font-size:13px; color:#fff; letter-spacing:-0.6pt; line-height:25px; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;}
	#header .topUtil dd:first-child{background:none;}
	#header .topUtil dd:first-child a:hover{}
	#header .topUtil dd a:hover{color:#fff992; text-decoration:underline; -webkit-transition:all 0.3s;-moz-transition:all 0.5s;transition:all 0.5s;}

	.header_in{position:relative; overflow:hidden; margin:0 auto; width:1180px; height:94px; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;}
	.header_in h1{position:absolute; left:0; top:25px; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;}
	.header_in h1 img{-webkit-transition:all 0.4s;-moz-transition:all 0.5s;transition:all 0.5s;}
	
	.header_in .topSearch{position:relative; float:left; width:280px; height:39px; margin:30px 0 0 180px; border:2px solid #939797; box-sizing:border-box; -webkit-transition:all 0.4s;-moz-transition:all 0.4s;transition:all 0.4s;}
	.header_in .topSearch dt{float:left; padding:0 0 0 8px;}
	.header_in .topSearch dd{position:relative; float:right; padding:6px 10px 3px 3px; opacity:.7}
	.header_in .topSearch dd span{position:absolute; right:44px; top:3px; color:#333; font-size:18px; font-family:"NotoKR-Bold",sans-serif;}
	.input_search {border:0; background:none; height:30px; width:220px; font-size:13px; color:#888; font-family: 'Noto Sans KR', sans-serif;}


	.header_in .menu{padding:37px 0 0 0; float:right; text-align:center; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;}
	.header_in .menu li{ display:inline-block; padding:0 33px; background: url('/mall/img/gnb_line.gif') 0 50% no-repeat;}
	.header_in .menu li:first-child{background:none}
	.header_in .menu li a{position:relative; display:block; font-size:18px; color:#333; letter-spacing:-0.3pt; line-height:100%; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;}
	.header_in .menu li a span{line-height:100%;}
	.header_in .menu li a:after{visibility:hidden; display:block; width:0; content:""; background:#a1bd04; position:absolute; left:0; bottom:-10px; height:2px; transition:all 0.3s ease; z-index:5;}
	.header_in .menu li a:hover{color:#92ab09; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;}
	.header_in .menu li a:hover:after{visibility:visible; width:100%; transition:all 0.3s ease;}


/* 하단디자인 */
.sub_bottom_nav {width: 100%; background-color: #f7f7f7; height: 55px; line-height: 55px;}

.sub_bottom_wrap {width: 1180px; margin: 0 auto; position: relative; text-align: center;}
.sub_bottom_wrap ul { display: inline-block;}
.sub_bottom_wrap ul li { padding: 0 35px 0 41px; float: left; background: url('/mall/img/sub_bottom_dot.gif') 0 50% no-repeat; color: #444; font-size: 15px;}
.sub_bottom_wrap ul li a{display:block; line-height: 55px; color: #444; font-size: 15px;}
.sub_bottom_wrap ul li:first-child { padding: 0 35px 0 0;  background: none;}
.sub_bottom_wrap #top_btn {position: absolute; top: 0; right: 0; cursor: pointer;}

footer {width: 100%; padding: 50px 0;  background-color: #1e2327;}
footer .footer_wrap { position: relative; width: 1180px; margin: 0 auto;}
footer .footer_wrap .ft_company{overflow:hidden;}
footer .footer_wrap .ft_company li {float: left; padding-right: 35px; font-size: 15px; line-height: 15px;}
footer .footer_wrap .ft_company li a {color: #c5c5c5;}
footer .footer_wrap address {text-align:left; font-size: 14px; line-height: 20px; color: #888e92; padding-top: 20px;}
footer .footer_wrap p { font-size: 14px;  line-height: 14px; padding-top: 10px; color: #888e92;}
footer .footer_wrap .ft_sns {position: absolute; top: -8px; right: 0;}
footer .footer_wrap .ft_sns li { float: left; margin-left: 15px; text-indent: -9999px;}
footer .footer_wrap .ft_sns li a { width: 36px; height: 36px; display: block;
-webkit-border-radius: 18px;
-moz-border-radius: 18px;
-ms-border-radius: 18px;
border-radius: 18px;
-webkit-transition: background-color 0.3s;
-moz-transition: background-color 0.3s;
-ms-transition: background-color 0.3s;
transition: background-color 0.3s;
}
footer .footer_wrap .ft_sns li a.f_blog {background: url('/mall/img/f_blog.png') 50% 50% no-repeat #353c42;}
footer .footer_wrap .ft_sns li a.f_blog:hover {background: url('/mall/img/f_blog_on.png') 50% 50% no-repeat #acc90b;}
footer .footer_wrap .ft_sns li a.f_face {background: url('/mall/img/f_facebok.png') 50% 50% no-repeat #353c42;}
footer .footer_wrap .ft_sns li a.f_face:hover {background: url('/mall/img/f_facebok_on.png') 50% 50% no-repeat #294691;}
footer .footer_wrap .ft_sns li a.f_youtube {background: url('/mall/img/f_youtube.png') 50% 50% no-repeat #353c42;}
footer .footer_wrap .ft_sns li a.f_youtube:hover {background: url('/mall/img/f_youtube_on.png') 50% 50% no-repeat #e33531;}

footer .footer_wrap .family_site {float:right; position:relative; top:-55px;}
footer .footer_wrap .family_site .family_site_link {display:block; width:160px; 	height:35px; line-height:33px; border:1px solid #888e92; color:#888e92; padding:0 11px; font-size:13px;	background-image:url('/mall/img/family_dot.gif');background-repeat:no-repeat;background-position:153px 50%; transition:all 0.3s;}
footer .footer_wrap .family_site .family_site_link:hover {color:#acc90c; transition:all 0.3s;}
footer .footer_wrap .family_site .family_site_link.view {color:#acc90c; transition:all 0.3s; background-image:url('/mall/img/family_dot2.gif');}
footer .footer_wrap .family_site ul {width:100%; position:absolute; overflow:hidden; height:0; bottom:37px; display:block; visibility:hidden; transition:all 0.3s;}
footer .footer_wrap .family_site ul.view{visibility:visible; height:112px; transition:all 0.3s;}
footer .footer_wrap .family_site li a {
	display:block;
	width:160px;
	height:27px;
	font-size:12px;
	background-color:#1e2327;
	border:1px solid rgba(126,142,146,.5);
	border-bottom:0;
	line-height:23px;
	color:#888e92;
	padding:0 11px;
	-webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -ms-transition: color 0.3s;
    transition: color 0.3s;
}
footer .footer_wrap .family_site li a:hover {color:#acc90c;}



/* 게시판 페이징 */
.page_num { position: relative; width: 100%; text-align: center; padding: 15px 0 0 0 }
.page_num ul.pagination { display: inline-block; padding: 0; margin: 0 }
.page_num ul.pagination li { display: inline }
.page_num ul.pagination li a { color: #8d8f91; float: left; padding: 6px 12px; text-decoration: none; border: 1px solid #ddd; margin: 0 1px }
.page_num ul.pagination li a.active { background: #8d8f91; color: #fff; border: 1px solid #8d8f91 }