@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800&subset=korean');

@font-face {font-family: 'Nanum Gothic', sans-serif;}

@font-face {
font-family: 'S-CoreDream-4Regular';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
}

*{
	margin:0;
	padding:0;
	/* font-family: 'Nanum Gothic', sans-serif; */
	font-family: 'S-CoreDream-4Regular',sans-serif ;
}




body, h1, h2, h3, h4, h5, h6,
div, p, blockquote, pre, address,
ul, ol, li, dl, dt, dd,
table, caption, th, td,
form, fieldset, legend,
hr {	margin:0;	padding:0;}
h1, h2, h3, h4, h5, h6 {	font-size:100%;}
ul, ol {	list-style:none;}
table {	margin:0;	padding:0;	border-spacing:0;	border:0;	_border-collapse:collapse; text-align:left;}
*+html table {border-collapse:collapse;}
img, fieldset, abbr, acronym {	border:0;}
address, caption, cite, code, dfn, em, var {	font-style:normal;	font-weight:normal;}
q:before, q:after {	content: '';}
input, select, button, textarea {color:#555f60;	font-size:100%;	font-family: 'Nanum Gothic', sans-serif; }
select {	border:1px solid #c1c1c1;}

/* Base */
hr {display:none}
caption, legend, {	width:0;	height:0;	line-height:0;	overflow:hidden;	visibility:hidden;	font-size:0;}

a {	color:#555;	text-decoration:none; outline:0;}
a:focus, a:hover, a:active {	color:#949494;	text-decoration:underline;}

input.text,input.password,textarea {	padding:2px 0 1px 5px; height:23px;	border:1px solid #ffffff;	margin:0;}
label,input.button, input.submit , input.image,button {	cursor:pointer;}
textarea, pre {	overflow:auto;}
.hide{display:none;}

/*----------------------------------------------------------------------------------------------------------------------------*/
#wrap {z-index:1; position:absolute;  width:100%; float:none; margin:0 auto; background-image:url(../images/inc/main_bg.jpg); background-repeat:repeat-x; border-top: 8px solid #90032d;}
/*
http://www.cookzen.kr/en/new_en/images/main/ms1_img.jpg
#wrap {z-index:1; position:absolute; float:none; margin:0 auto; background-image:url(../images/main/main_bg.jpg); background-repeat:repeat-x;}*/
/*#wrap div{display:inline-block;}*/
#logo {width:294px; height:46px; float:left; text-align:left; padding-top:9px;}
#home {height:38px; float:right; text-align: center; padding-top:30px;font-family:'Open Sans','³ª´®°íµñ','NanumGothic','Nanum Gothic','µ¸¿ò',dotum;font-size: 11px;}
#home a{font-size: 14px;color: #555;text-decoration: none; margin: 0 5px;}
#home a:hover{color:#90032d;}
#home .line{padding:12px 0px 12px 0px;}
#home li {float:left; background:url(../images/inc/top_right_dot.jpg) repeat-x; background-position:bottom center; margin:0 0 0 12px;}
#index_con {width:990px; float:none; margin:0 auto;  }

#logo_memu{z-index:2; position:relative; width:1200px; height:85px;}
/*  #logo_memu { 
	z-index:2;
	position: fixed;
	width: 100%;
	height: 85px;
	background:#fff;
	top: 0;
	border-top: 8px solid #90032d;
} */
#top_menu {z-index:2; position:absolute; overflow:hidden; width:633px; float:none; margin:0 auto; display:inline;}


.mVisual{float:left;padding-left:385px; width:605px; height:430px; margin-top:17px; background:url("../images/main/bg_mainvisual.jpg") no-repeat;}

.m_sec2{position:relative;float:left;padding-left:385px; width:605px; height:430px; margin-top:17px; background:url("../images/main/bg_mainvisual.jpg") no-repeat;}
.m_sec2 .container{top:0;}
.m_sec2 .banner{display:inline-block;}
.m_sec2 .banner .swiper-container{width:680px;float:left;}
.m_sec2 .banner .swiper-slide{overflow:hidden;}
.m_sec2 .banner .swiper-pagination-bullet{}
.m_sec2 .banner .swiper-pagination-bullet-active{background:#fff;}

#main_visual {float:left; width:990px; height:430px; margin-top:17px; background-image:url(../images/main/main_swf_bg.jpg); background-repeat:no-repeat;}
#news { float:left; width:200px;margin:22px 60px 0px 0px;}
#cookzen { float:left; width:200px;margin:22px 60px 0px 0px;}
#mobile { float:left; width:180px;margin:22px 60px 0px 0px;}
#new { float:left; width:230px; margin-top:20px; }
#today{float:right; text-align:center; }

#footer_con{z-index:4; position: relative; float:none; margin:0 auto; } 
#footer_con  div{display:inline-block;}
#footer {z-index:4; position: relative; width:100%; height:150px; relative; float:none; margin:0 auto; background-color:#e9e9e9; text-align:center; margin-top:90px; }

#footer_main {z-index:4; position: relative; width:100%; height:150px; relative; float:none; margin:0 auto; background-color:#e9e9e9; text-align:center; margin-top:30px; }

#footer_box{ z-index:4; position: relative; width:990px; height:120px; text-align:center; padding-top:21px;margin:0 auto; }
#copyright{  z-index:4; position:relative; width:816px; float:left; margin:0 auto; }

/*topmenu*/

.btn01 {z-index:3;position:relative; width:60px; float:left; margin-top:34px;}
.btn02 {z-index:3;position:relative; width:60 px; float:left; margin-top:34px;}
.btn03 {z-index:3;position:relative; width:62px; float:left; margin-top:34px;}
.btn04 {z-index:3;position:relative; width:60px; float:left; margin-top:34px;}
.btn05 {z-index:3;position:relative; width:59px; float:left; margin-top:34px;}
.btn_spe {z-index:3;position:relative; width:80px; float:left; margin-top:34px;}

#sub_menu_01 {	position:absolute;	width:495px; height:25px; z-index:5; visibility: hidden;  left:220px; top:69px; background:url('/images/common/sub_bg.gif') repeat-x 100% ; line-height:20px; text-align:center; color:#ffffff;}
#sub_menu_02 {	position:absolute;	width:490px; height:25px; z-index:5; visibility: hidden;  left:295px; top:69px; background:url('/images/common/sub_bg.gif') repeat-x 100% ; line-height:20px;text-align:center; color:#ffffff;}
/* #sub_menu_03 {	position:absolute;	width:280px; height:25px; z-index:5; visibility: hidden;  left:700px; top:69px; background:url('/images/common/sub_bg.gif') repeat-x 100% ; line-height:20px;text-align:center; color:#ffffff;} */
#sub_menu_04 {	position:absolute;	width:230px; height:25px; z-index:5; visibility: hidden;  left:700px; top:69px; background:url('/images/common/sub_bg.gif') repeat-x 100% ; line-height:20px;text-align:center; color:#ffffff;}


/*----------------------------------------------------------------------------------------------------------------------------*/

/*sub*/

#wrap_sub {z-index:1; position:absolute;  width:100%; float:none; margin:0 auto; background-image:url(../images/inc/sub_top_bg.jpg); background-repeat:repeat-x;border-top: 8px solid #90032d; padding-bottom:100px;}
#sub_visual {z-index:1; position:relative; float:left; width:990px; height:200px; padding-top:17px; }
#sub_title{ float:left; margin:50px 0px 50px 0px; text-align:left;}
#sub_title_c{width:131px; float:left; margin:50px 89px 0px 0px; text-align:left;}
#sub_box {z-index:1; position:relative; width:990px; float:none; margin:0 auto; }
#sub_con {z-index:1; position:relative; width:990px;}
#sub_con div{ display:inline;}
#sub_con li{ float:left; display:inline;}

.title {padding:50px 0px 50px 0px; text-align:left;}

#sub_con2{width:944px; float:left;}

/*company*/

#history_tab{width:944px; float:none; margin:0 auto;}
#history_con{width:944px; float:none; margin:0 auto; margin-top:50px;}
.line_red {border-bottom:#ed1c24 solid 1px;}
.line_grey { border-bottom:#d1d1d1 solid 1px;}

#certification{width:944px; float:none;}
#certification td{border-bottom:#dcdcdc solid 1px;}
.table_top{background-image:url(../images/company/company04_img01.jpg); background-repeat:repeat-x;}


/*product*/
#list_con{width:990px; float:left;}
#product_list{width:216px; height: 300px; float:left; margin-right:42px;}
#product_list li{ display:inline-block;}

#product_list_r{width:216px; height:282px; float:left;}
#product_list li{ display:inline-block;}

#product_list_g{width:216px; height:282px; float:left; margin-right:42px;}
#product_list_g li{ display:inline-block;}

#pro_top{width:990px; float:left;}
#pro_photo{width:420px; float:left;} 
#pro_spec{
	float:right;
	width:520px;
	padding-bottom: 50px;
}

#zoom_box {z-index:3; position:relative; float:left;}
#pro_zoom {
	position:absolute;
	left:0px;
	top:0px;
	width:582;
	height:449;
	z-index:3;
	visibility: hidden;
	cursor:pointer;
}

/*customer*/
#customer02_form {float:right; width:990px;}

/* line */

.table_line01{ background-color:#fafafa; border-top:#e9e9e9 solid 1px; border-right:#ffffff solid 1px; border-bottom:#ffffff solid 1px; padding-left:10px; height:21px;} 
.table_line02{ background-color:#fafafa; border-top:#e9e9e9 solid 1px;  border-bottom:#ffffff solid 1px; padding-left:10px; color:#ed1c24; font-size:11px; font-weight:bold; height:21px;} 
.table_line03{ background-color:#fafafa; border-right:#ffffff solid 1px; border-bottom:#ffffff solid 1px; padding-left:10px; font-size:11px; height:21px;} 
.table_line04{ background-color:#fafafa; border-bottom:#ffffff solid 1px; padding-left:10px; font-size:11px; height:21px;;} 
.table_line05{ background-color:#fafafa; border-right:#ffffff solid 1px; border-bottom:#e9e9e9 solid 1px; padding-left:10px; font-size:11px; height:21px;} 
.table_line06{ background-color:#fafafa; border-bottom:#e9e9e9 solid 1px; padding-left:10px; font-size:11px; height:21px;} 




/* font */ 
.grey_01b{/* font-family:doutm; */	font-family: 'S-CoreDream-4Regular',sans-serif ; font-size:12px; color:#666666; font-weight:bold;}
.grey_02b{/* font-family:doutm; */	font-family: 'S-CoreDream-4Regular',sans-serif ; font-size:11px; color:#474747; font-weight:bold;}

.red_01{/* font-family:doutm; */	font-family: 'S-CoreDream-4Regular',sans-serif ; font-size:11px; color:#ed1c24;}
 

/* padding */
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt25{padding-top:25px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}
.pt100{padding-top:100px;}

.pb25{padding-bottom:25px;}

.pl10{padding-left:10px;}
.pl12{padding-left:12px;}
.pl13{padding-left:13px;}
.pl50{padding-left:50px;}
.pl63{padding-left:63px;}
.pl85{padding-left:85px;}

/* margin */
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt13{margin-top:13px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}

.input01{	padding:2px 0 1px 5px; height:18px;	border:1px solid #dbdbdb;	margin:0;}
.float-none{
float:none !important;
}
 .clear:after{
	content:"";
	clear:both;
	display:block;
}

/*20170609Ãß°¡*/
#slider, #slider .sliderInner {
    width:605px;height:430px;/* Must be the same size as the slider images */
    margin: 0 auto; /*center-aligned*/
    border-radius: 0px;
}
#slider {
    position:relative;
    transform: translate3d(0,0,0);
    /*box-shadow: 0px 1px 5px #999999;*/
}



/* ------ built-in navigation bullets wrapper ------*/
#slider .navBulletsWrapper  {
    text-align:left;
    padding:10px 20px;
    font-size:0; 
    position:absolute;
    margin:auto;
    width:605px;
    top:370px;bottom:auto;
    left:0;right:0;
    z-index:3;
}

/* each bullet */
#slider .navBulletsWrapper div 
{
    width:7px; height:7px;
    border:3px solid #eeeeee;
    background:none;
    font-size:0;
    text-align:center;
    display:inline-block; *display:inline; zoom:1;
    overflow:hidden;cursor:pointer;
    margin:0 4px;/* set distance between each bullet*/
    border-radius:50%;
}

#slider .navBulletsWrapper .active {
    border-color:#000;
}


/* --------- Others ------- */
#slider img, #slider>b, #slider a>b {
    position:absolute; border:none; display:none;
	z-index:3;
}

#slider .sliderInner {
    overflow:hidden; 
    position:absolute; top:0; left:0;
}

#slider>a, #slider video, #slider audio {display:none;}
#slider div {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0); }

/* new ¸ÞÀκñÁê¾ó */
.mainVisualArea {
	position:relative;
	width:990px;
	height:580px;
	background:url("../images/main/mainVisual2.jpg") no-repeat;
}


/*new footer */
#foote_con {
	position: absolute;
	background: #333;
	bottom: -170px;
	left: 0;
	width: 100%;
	height: 170px;
}
.newFooter {
	position: relative;
	width: 1400px;
	margin: 0 auto;
	padding:30px 0;
	color: #fff;
	font-size: 12px;
	line-height: 1.5;
}


.newFooter .div01 {
	margin-bottom: 10px;
}
.newFooter .div01 ul {
	display: flex;
    flex-direction: row;
}
.newFooter .div01 ul li {
	margin-right: 20px;
	font-weight: 600;
}

.newFooter .div01 ul li a { color:#fff; }
.newFooter .div02 {
	color: rgba(255,255,255,0.6);
	margin-bottom:10px;
}
.newFooter .div02 span {
	font-weight:600;
	color:#fff;
}
.newFooter .div03 {}
.newFooter .div03 span {
	color: rgba(255,255,255,0.6);
	font-size: 11px;
}
.newFooter .div04 {
	display: flex;
    flex-direction: row;
    position: absolute;
    top: 45px;
    right: 0;
}
.newFooter .div04 > div {
	background: #e9e9e9;
	display: inline-block;
	width: 130px;
	text-align: center;
	height: 55px;
	border: 1px solid #ddd;
}
.newFooter .div04 > div:first-child { margin-right:10px; }
.newFooter .div04 > div iframe {
	padding: 10px 0;
}

.newFooter .div05 {
	display: flex;
    flex-direction: row;
    position: absolute;
    top: 55px;
    right: 280px;
}
.newFooter .div05 a{
	float: left;
	margin: 0 5px;
}