@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);

body {font-family:'Noto Sans KR', Arial, Myriad Pro, dotum,gulim,Verdana,sans-serif;
	font-size:12px;
	line-height:14px;
}
*:lang(en) {font-family:'Noto Sans KR', Arial, Myriad Pro, dotum,gulim,Verdana,sans-serif;}
a,a:visited,a:link {color:#000000;}

/*common*/

.f_left {float:left;}

.center {text-align:center;}

.mgtop10 {margin-top:10px;}
.mgtop20 {margin-top:20px;}
.mgtop30 {margin-top:30px;}
.mgtop40 {margin-top:40px;}
.mgtop50 {margin-top:50px;}

.mgleft50 {margin-left:50px;}

.mb50 {margin-bottom:50px !important;}

.left10 {padding-left:10px;}
.left20 {padding-left:20px;}
.left30 {padding-left:30px;}
.left40 {padding-left:40px;}
.left50 {padding-left:50px;}

.top10 {padding-top:10px;}
.top20 {padding-top:20px;}
.top30 {padding-top:30px;}

.bottom20 {padding-bottom:20px;}

.font16 {font-size:16px;}
.font18 {font-size:18px;}
.font24 {font-size:24px;}


.bold {font-weight:bold;}

.purple {color:#8668b2; }
.white {color:#fff;}

.l_line {border-left:1px solid #e7e7e7;}



.header,.contents,.footer {
	width:100%;
	min-width:1200px;
}
.container {
	width:1200px;
	margin:0 auto;
	*zoom:1;
}
.container:after {display:block;content:" ";clear:both;}
.header {position:absolute;top:0;left:0; background:#613e82;}
.header > .wrap {position:relative; width:100%; background-color:#fff; border-bottom:0px solid #dfdfdf; min-width:1200px;z-index:100;}
.contents {
	*padding-top:120px;
	margin-top:120px; /*border-bottom:1px solid #e6e6e6;*/
}
#main .contents {
	position: relative;
	/*overflow-x: hidden;*/
}

.util_n_lang > ul > li {}
.util_n_lang > ul > li > a {
	display:block;
	padding:10px 15px;
	line-height:10px;
	font-size:14px;
	color:#fff;
	font-weight:500;
	border-left:1px solid #785697;
}
.util_n_lang > ul > li > a.lang {}

.util_n_lang > ul > li > a:hover {background:#785697;}
.util_n_lang > ul > li.last > a {border-right:1px solid #785697;}

.top_util_wrap {width:100%; }
.top_util {float:right;}
.top_util > li {float:left;}
.top_util > li  > a {color:#999; font-size:10.5px;}

.lang_select {float:right;}
.lang_select > li {float:left; background:#012641; }
.lang_select > li  > a {color:#fff; padding:4px 6px; border-right:0px; margin-left:2px; font-size:10px;}
.lang_select > li.last {border-right:0px; padding-right:10px;}

.gnb_wrap {height:90px; position:relative; top:0px;}

.main_logo {display:block; float:left; padding-top:15px;}

.gnb {float:right; padding-top:40px;}
.gnb > li {float:left;margin-left:45px;}
.gnb > li > a {
	display:inline-block;
	font-size:18px;
	line-height:20px;
	color:#222;
	font-weight:600;
	text-transform: uppercase;
	padding-bottom:10px;
}
.gnb > li > a:hover {
	color:#613e82;
}

.gnb_sub {
	z-index:50;
	position:absolute;
	width:100%;
	min-width:1200px;
	background-color:rgba(255,255,255,.8);
	height:30px;
	bottom:0;
}
.gnb_sub > li {
	position:relative;
	width:1200px;
	margin:0 auto;
}
.gnb_sub > li > .gsub {
	display:none;
}
.gsub > li {float:left;}
.gsub > li > a {
	display:block;
	padding:5px 10px;
	color:#333;
	font-size:12px;
	line-height:20px;
	height:20px;
}

.gsub1 > li:last-child > a {padding-right:0;}

.gsub > li > a:hover {
	color:#613e82;
}
.gsub1 {padding-left:0px;}
.gsub2 {padding-left:600px;}
.gsub3 {padding-left:750px;}
.gsub4 {padding-left:1000px;}
.gsub5 {padding-left:1090px;}



/* 메인비주얼 */
#flickingList {position:relative;overflow:hidden; margin:0 auto; text-align:center;width:100%; height:562px; top:0px; left:0px;z-index:10; padding-top:0px;}
#flickingList .cont {position:relative; overflow:hidden; top:0px; width:100%; vertical-align:top;text-align:center; }
#flickingList .layerWrap {position:relative; overflow:hidden; top:0px;width:13800px;  white-space:nowrap;  vertical-align:top;}
#flickingList .layerWrap:after{content:""; display:block; clear:both; }
#flickingList .layer {float:left; width:100%;  text-align:center;  }
#flickingList .bg1 {background:url("/images/main_visual_img1.jpg") no-repeat top center;height:562px;}
#flickingList .bg2 {background:url("/images/main_visual_img2.jpg") no-repeat top center;height:562px;}
#flickingList .bg3 {background:url("/images/main_visual_img3.jpg") no-repeat top center;height:562px;}
#flickingList .bg4 {background:url("/images/main_visual_img4.jpg") no-repeat top center;height:562px;}
#flickingList .bg5 {background:url("/images/main_visual_img5.jpg") no-repeat top center;height:562px;}
#flickingList .bg6 {background:url("/images/main_visual_img6.jpg") no-repeat top center;height:562px;}

#flickingList .tabWrap {position:absolute;bottom:15px; left:47%; text-align:center;z-index:200; }
#flickingList .tabWrap li {display:inline;}
#flickingList .tabWrap li a {display:inline-block; width:20px; height:16px; background:url("/images/btn_off.png") no-repeat;}
#flickingList .tabWrap li a.current {background:url("/images/btn_on.png") no-repeat;}
#flickingList .tabWrap li a.btn_play {display:inline-block; width:20px; height:20px; background:url("/images/play.png") no-repeat;}
#flickingList .tabWrap li a.btn_stop {display:inline-block; width:20px; height:20px; background:url("/images/stop.png") no-repeat;}
#flickingList .tabWrap li a.current.btn_play {display:inline-block; width:20px; height:20px; background:url("/images/play_on.png") no-repeat;}
#flickingList .tabWrap li a.current.btn_stop  {display:inline-block; width:20px; height:20px; background:url("/images/stop_on.png") no-repeat;}

#flickingList .prevNext {position:absolute;top:250px; width:100%;height:75px;z-index:200;border:0px solid red;}
#flickingList button {overflow:visible; margin:0; padding:0; border:none; background:none; cursor:pointer;}
#flickingList button.prev {position:absolute; top:0px; left:20px; width:75px; height:75px; z-index:10;}
#flickingList button.next {position:absolute; top:0px; right:20px; width:75px; height:75px; z-index:10;}

/*#flickingList .v_wrap{position:relative; top:150px; left:0; width:1200px;}
#flickingList .v_wrap .view{ z-index:11; text-align:left; font-size:46px; line-height:1.2em; font-weight:thin; color:#232323;}
#flickingList .v_wrap .view .t_s_txt {color:#484848;  font-size:20px; line-height:1.2em;}
#flickingList .v_wrap .visual_btn a {position:absolute; top:180px; left:0; color:#fff; font-size:16px; font-weight:700; color:#fff;  background-color:#613e82; padding:10px 20px; text-align:left;}*/

#flickingList .v_wrap{position:relative; top:50px; margin:auto; width:1200px; }
#flickingList .view{position:relative; left:0px; top:100px; z-index:11; text-align:left; font-size:46px; line-height:1.2em; font-weight:thin; color:#232323;}
#flickingList .view .t_s_txt {color:#484848;  font-size:20px; line-height:200%;}
#flickingList .visual_btn a {position:absolute; top:300px; left:0; color:#fff; font-size:16px; font-weight:500; color:#fff;  background-color:#613e82; padding:10px 30px;}




/*제품 리스트 롤링*/
.banner_thumb {width:100%;min-width:1200px;}
.bannerthumb {width:1200px;margin:0 auto;padding-top:40px; }

.bannerthumb #banner_wrap{width:1200px; margin-top:10px; position:relative; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; border-left:1px solid #dbdbdb;}
.bannerthumb #banner_wrap li {width:283px; height:305px; border-right:1px solid #dbdbdb; text-align:center;}
.bannerthumb #banner_wrap li:first-child {border-left:1px solid #dbdbdb;}
.bannerthumb #banner_wrap li img {padding:10px 45px;  text-align:center;}

.bannerthumb #banner_wrap li .banner_tit {color:#613e82; font-size:14px; font-weight:700;}
.bannerthumb #banner_wrap li .banner_txt {color:#797979; font-size:12px; padding:5px 10px;}
.bannerthumb #banner_wrap li a {position:relative; top:20px;padding:3px 10px; color:#613e82; background:#fff; border:1px solid #613e82; font-size:11px;}
.bannerthumb #banner_wrap li a:hover {padding:3px 10px; color:#fff; background:#613e82; border:1px solid #613e82;}

#prevBtn{position:absolute; left:-50px; top:120px; z-index: 2;}
#nextBtn{position:absolute; right:-50px; top:120px; z-index: 2;}
.bannerthumb .best{float:left; width:1200px;}

.big_text {font-size:26px; color:#333; font-weight:500; text-align:center; padding-top:60px;}



/*170918_한영 메인*/

.main_btn ul {overflow:hidden; width:1200px; border:1px solid #f5f5f5; background:url(/images/about_bg.jpg) repeat-x bottom; margin:40px 0 60px 0;}
.main_btn ul li {float:left; text-align:center; }

.main_btn ul li.m_txt {width:181px; height:321px; color:#666; padding:0 10px;}
.main_btn ul li.m_txt:nth-child(3) {width:151px;}
.main_btn ul li.m_txt:nth-child(4) {width:185px;} 
.main_btn ul li.m_txt p {padding:70px 5px 0px 5px; font-size:12px;}
.main_btn ul li.m_txt:nth-child(3) p img {margin:0 auto; margin-top:5px; margin-bottom:-12px;}
.main_btn ul li.m_txt .m_tit {color:#222; font-weight:700; font-size:18px;}

.main_btn ul li a {background:#613e82; color:#fff; padding:5px 10px;}
.main_btn ul li a:hover {background:#6e4c8e;}



.main_center {width:100%; margin-top:55px;}
.m_center {overflow:hidden; margin:0 auto; width:1200px; text-align:center; padding:50px; border-top:1px solid #c7c9c6; border-bottom:1px solid #c7c9c6;}
.m_center p {float:left;}
.m_center p.cen_tit { font-size:26px; color:#333; font-weight:500; line-height:1.2em; padding-right:250px; padding-left:20px;}
.m_center p.cen_box {color:#fff; background:#613e82; font-size:15px; font-weight:500; line-height:1.2em; padding:5px 10px; text-align:center;}
.m_center p.cen_box a {font-size:15px; font-weight:500; color:#fff;}
.m_center p.cen_txt {font-size:15px; font-weight:400; line-height:170%; padding:0 200px 0 20px;}
.m_center p.cen_txt:last-child {padding-right:50px;}





/**/
.nav {}
.nav > li {
	float:left;
	width:19.8%;
	min-height:230px;
	background:#2b2b2b;
	border-right:1px solid #333;
	padding:20px 0;
}
.nav > li:first-child {border-left:1px solid #333;}


.nav > li > dl a:hover {color:#c8b3da; text-decoration:none;}
.nav > li > dl > dt {margin-bottom:20px; border-bottom:1px solid #333; }
.nav > li > dl > dt > a {
	display:block;
	font-size:15px;
	line-height:24px;
	color:#8b8b8b;
	font-weight:bold;
	padding:0 0 10px 20px;
}
.nav > li > dl > dd > a {
	display:block;
	font-size:13px;
	line-height:22px;
	color:#8b8b8b;
	padding-left:20px;
}

/**/

.footer {
	/*padding-bottom:20px;*/
	background-color:#2b2b2b;
}
.footer > .wrap {width:100%; background-color:#fff; border-top:1px solid #ddd; min-width:1200px; padding:30px 0;}
.footer .foot_container {
	width:1200px;
	margin:0 auto;
	position:relative;
}
.footer .foot_container:after{content:""; display:block; clear:both;}
.foot_logo{float:left; width:210px;}
.gobiz_logo {position:absolute;top:10px;right:0px;display:block;}
.foot_info {padding-left:20px;}
.foot_info > li {
	color:#535353;
	font-size:14px;
	line-height:20px;
}
.foot_info > li .stress {
	color:#8d8d8d;
}
.pro_keyword {width:100%;}
.pro_keyword > li {float:left; padding:0px 8px; margin:5px 0; border-right:1px solid #a0a0a0;}
.pro_keyword > li.first {padding-left:0;}
.pro_keyword > li.last {padding-right:0;border-right:0;}
.pro_keyword > li > a {
	display:block;
	color:#a0a0a0;
	font-family: "Arial";
	font-size:12px;
	line-height:12px;
}
/*.pro_keyword > li:after {content:" | ";}
.pro_keyword > li.last:after {content:"";}*/

/* slick-theme 덮어 씌움  */
/*.main_slider .slick-dots {width:auto; left:8px; bottom:10px;}*/
.main_visual .slick-dots li button {
	background-image:url("/images/slider_dot_mini_opacity.png");
	background-repeat:no-repeat;
	background-position:0 0;
	text-indent:999999px;
	width:20px; height:20px;
}
.main_visual .slick-dots li.slick-active button {
	background-image:url("/images/slider_dot_mini.png");
}

/**/


/************************************************/
/* 클리어 픽스 */
.clx {*zoom:1;}
.clx:after {display:block;content:" ";clear:both;}


.test {border:1px solid red;}