@charset "UTF-8";
@import url("common.css");

/* z-index */
.mgnb .sgnb{z-index:1000;}
.ut{z-index:10000;}

/* main */
body{width:100%;}
body, a{color:#666666;font-size:15px;letter-spacing:-0.5px;line-height:28px;}
#wrap{width:100%;/*min-width:1200px;*/}
*, a{font-family:"notoSans"}
/* header */
header{	width:100%;background-color:#262424;}
header > div > div{width:1200px; margin:0 auto; }
.head{ border-bottom:1px solid #060505;}
.headBox{position:relative; }
.m_logo{ text-align:center; padding:21px 0; }
.gnbWrap{ border-top:1px solid #474545; }

/* nav on이벤트 */
.gnb{height:60px; }
.gnb > li{float:left; position:relative; width:199px; height:60px; text-align:center;  }
.gnb > li > ul{display:none; width:100%;  position:absolute; left:0; z-index:99;}
.gnb > li:hover > a{color:#bf1c13; }
.gnb > li:hover ul{display:block; }
.gnb > li > ul > li{ background:#bf1c13; }
.gnb > li > ul > li > a{display:block; margin:0 25px; color:#fff; font-weight:300; line-height:35px; border-bottom:1px solid #dd513d; }
.gnb > li > ul > li:last-child a{border-bottom:0; }
.gnb > li > a{display:block; line-height:60px;  color:#fff; border-left:1px solid #474545; font-size:18px; }
.gnb > li > a > img{ vertical-align:middle; margin:-2px 5px 0 0; }
.gnb > li:last-child > a{ border-right:1px solid #474545; }
/* //nav on이벤트 */


.ut{position:absolute;top:45px;right:0;}
.ut li{float:left; }
.ut li a{display:block; background:url(/design/ko/images/newimg/ut_line.jpg) no-repeat center right; padding:0 10px;font-size:12px;color:#808080;}
.ut li:last-child a{ background:none; }
.ut li:hover{}

#bx-pager{width:100%; position:absolute; bottom:0;  padding:15px 0 10px; }
#bx-pager .active{ background:url(/design/ko/images/newimg/roll_on.png) no-repeat;  }
.dot1{display:inline-block; margin:0 3px;  width:19px; height:19px; text-indent:100%; white-space:nowrap; overflow:hidden; background:url(/design/ko/images/newimg/roll_off.png) no-repeat; }
#visual{ position:relative; text-align:center; }
#visual ul li{width:100%; height:700px; }
#visual ul li.slide01{ background:url(/design/ko/images/newimg/mvisual01.jpg) no-repeat center center; }
#visual ul li.slide02{ background:url(/design/ko/images/newimg/mvisual02.jpg) no-repeat center center; }
#visual ul li.slide03{ background:url(/design/ko/images/newimg/mvisual03.jpg) no-repeat center center; }
#visual ul li.slide04{ background:url(/design/ko/images/newimg/mvisual04.jpg) no-repeat center center; }
#visual ul li img{max-width:100%; }
#container{overflow:hidden;}

.m_section01 > ul{overflow:hidden; }
.m_section01 > ul > li{float:left; }
.m_section01 > ul > li > a{position:relative; display:block; text-align:center; }
.m_section01 > ul > li > a span{margin-top:48%; display:inline-block; color:#fff;  text-align:center; width:110px; height:33px; line-height:33px;  background:#262424; }
.m_section01 > ul > li > a span img{ vertical-align:middle; margin:-2px 0 0 3px; }
.m_section01 > ul > li > a > div.midBnr{position:relative;  width:300px; height:200px; }
.m_section01 > ul > li > a:hover { -webkit-animation: color 1s alternate;  animation: color 1s alternate; }
.m_section01 > ul > li > a > div.midHover{display:none; position:absolute; left:0; top:0; width:100%; height:100%; /*background:rgba(0,0,0,0.6);*/ }
.m_section01 > ul > li > a:hover div.midHover{display:block;  }
@keyframes color{
	0% { opacity:0.5; }
	
	100% { opacity:1; }
}
@-webkit-keyframes color {
  0% { opacity:0.5; }
	
	100% { opacity:1; }
}
.m_section01 > ul > li > a .mid01{ background:url(/design/ko/images/newimg/mid_img01.jpg) no-repeat center center; }
.m_section01 > ul > li > a .mid02{ background:url(/design/ko/images/newimg/mid_img02.jpg) no-repeat center center; }
.m_section01 > ul > li > a .mid03{ background:url(/design/ko/images/newimg/mid_img03.jpg) no-repeat center center; }
.m_section01 > ul > li > a .mid03 p{padding-top:30%; text-transform:uppercase; color:#fff; letter-spacing:0.2px; font-weight:200; font-size:14px; }
.m_section01 > ul > li > a .mid03 p strong{display:block; font-weight:400; font-size:21px; letter-spacing:-0.2px; }
.m_section01 > ul > li > a .mid04{ background:url(/design/ko/images/newimg/mid_img04.jpg) no-repeat center center; }

.m_section02{ margin:65px 0; }
.m_section02 .mid_title{ margin:0 auto; width:600px; text-align:center;  background:url(/design/ko/images/newimg/title_pattern.jpg) repeat-x center 35%; }
.m_section02 .mid_title span{ display:inline-block; font-size:35px; color:#262424; width:155px; background:#fff;  }
.m_section02 .mid_title span small{display:block; font-size:17px; color:#999; font-weight:200;  }
.m_section02 .mid_slideWrap{position:relative;  margin:40px 0 0 0; }
.arrow{position:absolute; display:inline-block; top:50%; margin-top:-22px;}
.leftArrow{ left:0;  }
.rightArrow{ right:0; }
.m_section02 .mid_slide{width:1070px; margin:0 auto; }
.m_section02 .mid_slide ul{overflow:hidden; }
.m_section02 .mid_slide ul li{float:left; position:relative; }
.m_section02 .mid_slide ul li a span{position:absolute; left:0; bottom:0; color:#fff; display:inline-block; padding-left:5%; width:95%; height:50px; line-height:50px; background:rgba(0,0,0,0.5); }
.m_section02 .mid_slide ul li:hover { -webkit-animation: color 1s alternate;  animation: color 1s alternate;  }
.m_section02 .mid_slide .slideHover{display:none; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6); }
.mid_more{ text-align:center; }
.mid_more span{display:inline-block; margin:40px 0 0 0; }
.mid_more span a{display:block; width:220px; height:50px; line-height:50px;  background:#262424;  color:#fff; font-size:17px; font-weight:200; }

.m_section03 .mid_title{ margin:0 auto; width:600px; text-align:center;  background:url(/design/ko/images/newimg/title_pattern.jpg) repeat-x center 35%; }
.m_section03 .mid_title span{ display:inline-block; font-size:35px; color:#262424; width:155px; background:#fff;  }
.m_section03 .mid_title span small{display:block; font-size:17px; color:#999; font-weight:200;  }
.m_section03 .m_notice{ width:1070px; margin:30px auto; }
.m_section03 .m_notice > ul > li{  margin-bottom:2px; border:1px solid #e0e0e0; background:#fafafa;  }
.m_section03 .m_notice > ul > li a{display:block; overflow:hidden; height:26px; padding:11px 19px;  }
.m_section03 .m_notice > ul > li a div{float:left;}
.m_section03 .m_notice > ul > li a > span{float:right; }
.m_section03 .m_notice > ul > li a span img{ vertical-align:middle;  }
.m_section03 .m_notice > ul > li a .date{ font-size:14px; color:#999; font-weight:200; }
.m_section03 .m_notice > ul > li a .status span{display:inline-block; background:#bf1c13; margin:0 25px; width:75px; height:25px; text-align:center; color:#fff; font-weight:400;  }
.m_section03 .m_notice > ul > li a .noticeSubject{ font-size:17px; color:#666; }
.m_section03 .m_notice > ul > li a:hover .noticeSubject{ text-decoration:underline; }

.btm_bnr{ margin:65px 0 0 0; height:102px; padding:19px 0; background:url(/design/ko/images/newimg/btm_bnr_bg.jpg) repeat-x center center; }
.btmBnrBox{ width:1200px; margin:0 auto; text-align:center;  }
.btmBnrBox ul{overflow:hidden;  display:inline-block; }
.btmBnrBox ul li{ float:left; margin-right:20px; }
.btmBnrBox ul li:last-child{ margin-right:0; }
.btmBnrBox ul li a:hover{ -webkit-animation: color 1s alternate;  animation: color 1s alternate; }


#footer{width:100%;padding:25px 0;background-color:#262424;clear:both;overflow:hidden;}
.ft{position:relative; }
.ft_txt{overflow:hidden; margin-bottom:7px;}
.ft_txt li{float:left; padding-bottom:3px;padding-right:8px;margin-right:8px;background:url(/design/ko/images/default/ft_bar.gif) 100% 50% no-repeat;}
.ft_txt li:last-child{ margin-right:0; padding-right:0;  }
.ft_txt li a{ color:#fff; font-size:13px;  font-weight:100;}
.ft_txt .last{background:none;}
address{ }
address ul{overflow:hidden; }
address ul li{float:left; font-size:13px; color:#808080; font-weight:100; margin-right:5px;  }
address ul li strong{color:#b2b2b2; font-weight:300; }
.ft_logo{position:absolute;top:30px;right:0;}
.copy{clear:both; margin:10px 0 0 0; font-size:10px;color:#808080; letter-spacing:0.5px; }
.copy span{color:#bf1c13;}


/* sub공통 */
.sb_content_wrap{width:1140px;margin:0 auto;padding:30px 0;}
.sb_content_wrap:after{content:'';display:block;clear:both}

.sb_tabWrap{width:1200px; margin:0 auto; }
.sb_tab ul{overflow:hidden; }
.sb_tab ul li{float:left; width:25%; text-align:center; }
.sb_tab ul li a{display:block; font-size:16px; padding:18px 0; background:#fafafa; border:1px solid #e0e0e0; border-right:0; }
.sb_tab ul li:hover a{ color:#bf1c13; font-weight:400; background:#fff; border-bottom:1px solid #bf1c13; }
.sb_tab ul li.on a{ color:#bf1c13; font-weight:400; background:#fff; border-bottom:1px solid #bf1c13; }
.sb_tab ul li:last-child a{border-right:1px solid #e0e0e0; }

/*추가 2017.10.12 여기부터 상품정보, 레시피 */
.sb_tab_02 ul{overflow:hidden; }
.sb_tab_02 ul li{float:left; width:25%; text-align:center; }
.sb_tab_02 ul li a{display:block; font-size:16px; padding:18px 0; background:#fafafa; border:1px solid #e0e0e0; border-right:0; }
.sb_tab_02 ul li:hover a{ color:#bf1c13; font-weight:400; background:#fff; border-bottom:1px solid #bf1c13; }
.sb_tab_02 ul li.on a{ color:#bf1c13; font-weight:400; background:#fff; border-bottom:1px solid #bf1c13; }
.sb_tab_02 ul li:last-child a{border-right:1px solid #e0e0e0; }

.sb_tab3_02{ margin:30px; }
.sb_tab3_02 ul{overflow:hidden; }
.sb_tab3_02 ul{  border:3px solid #e0e0e0; }
.sb_tab3_02 ul li{float:left; width:25%; text-align:center; height:66px; line-height:66px;  }

/*여기까지*/

.sb_tab3{ margin:30px; }
.sb_tab3 ul{overflow:hidden; }
.sb_tab3 ul{  border:3px solid #e0e0e0; }
.sb_tab3 ul li{float:left; width:25%; text-align:center; height:66px; line-height:66px;  }

.subBanner01{height:200px;  background:url(/design/ko/images/newimg/sub01_bnr.jpg) no-repeat center center; }
.subBanner02{height:200px;  background:url(/design/ko/images/newimg/sub02_bnr.jpg) no-repeat center center; }
.subBanner03{height:200px;  background:url(/design/ko/images/newimg/sub03_bnr.jpg) no-repeat center center; }
.subBanner04{height:200px;  background:url(/design/ko/images/newimg/sub04_bnr.jpg) no-repeat center center; }
.subBanner05{height:200px;  background:url(/design/ko/images/newimg/sub05_bnr.jpg) no-repeat center center; }
.subBanner06{height:200px;  background:url(/design/ko/images/newimg/sub06_bnr.jpg) no-repeat center center; }

.sbBox{position:relative; width:1200px; height:100%; margin:0 auto; }
.sbBox > h2{padding:85px 0 0 30px;  font-size:35px; color:#fff; font-family:"nanumMyeongjo"; font-weight:normal; }
.sbBox > p{position:absolute; right:30px; top:50%; color:#ccc;  margin-top:-11px; }
.sbBox > p .loc01{ font-weight:100; font-size:15px; }
.sbBox > p .loc02 { font-size:15px; }
.sbBox > p img{vertical-align:middle; margin:0 6px; }
.sbBox > p img.locHome{margin:-2px 0 0 0;  }

/** 모바일 메뉴 **/
.toggle{display:none;  }
.toggle img{ cursor:pointer;}
.mobileNav{display:none; position:absolute; left:0; top:0; width:250px; height:100%; z-index:999;  background:#483c3a; }
.mobileNav nav > ul > li > a{ color:#fff; }
.mobileNav nav > ul > li > ul > li > a{color:#fff; font-weight:100; }
.mobileNav .xBtn{text-align:right; padding:5px 5px 0 0; cursor:pointer; }
.mobileNav .mgnb > ul > li{ margin-bottom:5px; }
.mobileNav .mgnb > ul > li > a > img{width:25px; height:24px;  vertical-align:middle; margin:0 5px; }
.mobileNav .mgnb > ul > li > ul{display:none; }
.mobileNav .mgnb > ul > li > ul > li { padding-left:40px; }
.mobileNav .mgnb > ul > li.on > ul{display:block; }
.mobileBg{display:none; position:fixed; left:0; top:0; z-index:99; width:100%; height:100%; background:rgba(0,0,0,0.6); }


/*** 브랜드스토리 ***/
.sb_content > div > ul > li{ padding-bottom:80px;font-family:"notoSans"; font-weight:300; font-size:15px; color:#666; letter-spacing:-0.7px; line-height:28px;  }
.sb_content > div > ul > li:last-child{ border-bottom:0; }
.sb_content > div > ul > li > .sb1_content01 h2{background:url(/design/ko/images/newimg/sb1_1_ttl_icon.jpg) no-repeat left 3px;  font-weight:normal; font-family:"nanumMyeongjo"; font-size:30px; color:#262424; padding-left:15px; margin:40px 0 28px 0; }
.sb_content > div > ul > li > .sb1_content01 h2 strong{ font-family:"nanumMyeongjo"; }
.sb_content > div > ul > li > .sb1_content01 p span {font-weight:500; color:#333;}
.sb_content > div > ul > li > .sb1_content02 p span.bold {font-weight:500; color:#333;}
.sb1 > ul > li > div h3{ font-size:18px; font-weight:400; color:#262424; margin-bottom:22px; }
.sb1 > ul > li > div.sb1_content02{overflow:hidden; margin:50px 0 0 0;  }
.sb1 > ul > li > div > div{float:left; width:50%; }
.sb1 > ul > li > div > div:last-child{width:47%; margin-left:3%; }
.sb1 > ul > li img{max-width:100%; margin-top:5px;}

/** 상품정보 **/
.sb2_cont > ul{overflow:hidden; }
.sb2_cont > ul > li{float:left;  width:50%; text-align:center; margin-bottom:30px; }
.sb2_cont > ul > li > a{display:inline-block; position:relative;  }
.sb2_cont > ul > li > a:hover{ -webkit-animation: color 1s alternate;  animation: color 1s alternate; }
.sb2_cont > ul > li > a > div > img{ max-width:100%; }
.sb2_cont > ul > li > a h2{font-size:22px; font-weight:400; position:absolute; left:5%; top:8%; color:#fff; text-shadow:1px 1px #91857e; } 
.sb2_cont > ul > li > a h2 span{ display:inline-block; margin:-5px 5px 0 5px;  font-size:10px; font-weight:300; letter-spacing:0;  vertical-align:middle; }
.sb2_cont > ul > li > a h2 img{ vertical-align:middle; margin-top:-6px; }

/** 상품군별 **/
/*.sb3_1_content{margin:0 30px; }*/
.sb3_1_content > ul{ overflow:hidden; }
.sb3_1_content > ul > li{float:left;   }
.sb3_1_content > ul > li > a{display:inline-block; position:relative; }
.sb3_1_content > ul > li > a:hover{ -webkit-animation: color 1s alternate;  animation: color 1s alternate; }
.sb3_1_content > ul > li > a > div {position:relative;  }
.sb3_1_content > ul > li > a > div > div{position:absolute; bottom:2%; right:5%; text-align:right; color:#fff;}
.sb3_1_content > ul > li > a > div > div h2{ font-size:22px; font-weight:bold; color:#fff;}
.sb3_1_content > ul > li > a > div > div span{ font-size:10px; font-weight:300; letter-spacing:0;  }
.sb3_1_content > ul > li > a img{max-width:100%; }
/*.sb3_1_content > ul > li > a > .sb3_1_box01{ background:url(/design/ko/images/newimg/sb3_1_img01.jpg) no-repeat center center ; }
.sb3_1_content > ul > li > a > .sb3_1_box02{ background:url(/design/ko/images/newimg/sb3_1_img02.jpg) no-repeat center center ; }
.sb3_1_content > ul > li > a > .sb3_1_box03{ background:url(/design/ko/images/newimg/sb3_1_img03.jpg) no-repeat center center ; }
.sb3_1_content > ul > li > a > .sb3_1_box04{ background:url(/design/ko/images/newimg/sb3_1_img04.jpg) no-repeat center center ; }*/

/* 2017.10.12 여기부터 레시피,상품정보*/
.sb_tab3_02 > ul > li{ background:url(/design/ko/images/newimg/tab3_line.jpg) no-repeat right center; }
.sb_tab3_02 > ul > li:last-child{ background:none; }
.sb_tab3_02 > ul > li a {display:inline-block; padding-left:35px; line-height:38px; }
.pdStyle > ul > li > a{ padding-left:58px; } 

.sb_tab3_02 > ul > li.on a{ text-decoration:underline; font-weight:bold; }
.sb_tab3_02 > ul > li a:hover { text-decoration:underline; font-weight:bold; }
.sb_tab3_02 > ul > li.sb3_1_1 a{background:url(/design/ko/images/newimg/sb3_1_icon01.jpg) no-repeat left center; }
.sb_tab3_02 > ul > li.sb3_1_2 a{background:url(/design/ko/images/newimg/sb3_1_icon02.jpg) no-repeat left center; }
.sb_tab3_02 > ul > li.sb3_1_3 a{background:url(/design/ko/images/newimg/sb3_1_icon03.jpg) no-repeat left center; }
.sb_tab3_02 > ul > li.sb3_1_4 a{background:url(/design/ko/images/newimg/sb3_1_icon04.jpg) no-repeat left center; }

.sb_tab3_02 > ul > li.sb3_2_1 a{background:url(/design/ko/images/newimg/sb3_2_icon01.jpg) no-repeat left center; }
.sb_tab3_02 > ul > li.sb3_2_2 a{background:url(/design/ko/images/newimg/sb3_2_icon02.jpg) no-repeat left center; }
.sb_tab3_02 > ul > li.sb3_2_3 a{background:url(/design/ko/images/newimg/sb3_2_icon03.jpg) no-repeat left center; }

/*여기까지*/

.photo_list > ul li{ word-break: keep-all; font-size:14px;}
.photo_list .img + li{ padding-top:10px; }

.sb_tab3 > ul > li{ background:url(/design/ko/images/newimg/tab3_line.jpg) no-repeat right center; }
.sb_tab3 > ul > li:last-child{ background:none; }
.sb_tab3 > ul > li a {display:inline-block; padding-left:35px; }
.pdStyle > ul > li > a{ padding-left:58px; } 

.sb_tab3 > ul > li.on a{ text-decoration:underline; font-weight:bold; }
.sb_tab3 > ul > li a:hover { text-decoration:underline; font-weight:bold; }
.sb_tab3 > ul > li.sb3_1_1 a{background:url(/design/ko/images/newimg/sb3_1_icon01.jpg) no-repeat left center; }
.sb_tab3 > ul > li.sb3_1_2 a{background:url(/design/ko/images/newimg/sb3_1_icon02.jpg) no-repeat left center; }
.sb_tab3 > ul > li.sb3_1_3 a{background:url(/design/ko/images/newimg/sb3_1_icon03.jpg) no-repeat left center; }
.sb_tab3 > ul > li.sb3_1_4 a{background:url(/design/ko/images/newimg/sb3_1_icon04.jpg) no-repeat left center; }

.sb_tab3 > ul > li.sb3_2_1 a{background:url(/design/ko/images/newimg/sb3_2_icon01.jpg) no-repeat left center; }
.sb_tab3 > ul > li.sb3_2_2 a{background:url(/design/ko/images/newimg/sb3_2_icon02.jpg) no-repeat left center; }
.sb_tab3 > ul > li.sb3_2_3 a{background:url(/design/ko/images/newimg/sb3_2_icon03.jpg) no-repeat left center; }

/** 회사정보 **/
.sb4_wrap > h2 { font-size:30px; color:#262424; margin-bottom:28px; font-family:"nanumMyeongjo"; padding-left:15px; font-weight:normal; background:url(/design/ko/images/newimg/sb1_1_ttl_icon.jpg) no-repeat left 3px; }
.sb4_wrap > p{ font-size:16px; color:#4c4c4c; font-weight:300; padding-bottom:38px; border-bottom:1px solid #e0e0e0; }
.sb4_cont > ul{ overflow:hidden; margin:40px 0 0 0; }
.sb4_cont > ul > li{ float:left; width:49%; margin-bottom:48px; }
.sb4_cont > ul > li:nth-of-type(odd){ margin-right:2%; }
.sb4_cont > ul > li > a > div > ul{overflow:hidden; }
.sb4_cont > ul > li > a > div > ul > li{float:left; width:50%; font-size:15px; }
.sb4_cont > ul > li > a > div > ul > li > img{width:100%; }
.sb4_cont > ul > li > a > div > ul > li:last-child{ width:45%; margin-left:5%;  }
.sb4_cont > ul > li > a > div > ul > li h2{font-size: 20px; color:#262424; margin:35px 0 0 0; }
.sb4_cont > ul > li > a > div > ul > li p{ font-size:15px; color:#666; font-weight:300;}
.sb4_cont > ul > li > a > div > ul > li span{display:block; margin:15px 0 5px 0; }

/** 대표이사 인사말 **/
.sb4_1_wrap{ position:relative; }
.sb4_1_wrap .sb4_1_bg{ position:absolute; right:0; bottom:0; margin-bottom:40px;}
.sb4_1_wrap ul > li{ border-bottom:1px solid #e0e0e0; padding-bottom:48px; margin-bottom:48px; }
.sb4_1_wrap ul > li:last-child{ border-bottom:0; }
.sb4_1_wrap ul > li > h2 { font-size:30px; color:#262424; margin-bottom:40px; font-family:"nanumMyeongjo"; padding-left:15px; font-weight:normal; background:url(/design/ko/images/newimg/sb1_1_ttl_icon.jpg) no-repeat left 3px; line-height:42px;}
.sb4_1_wrap ul > li > h2 strong{ font-family:"nanumMyeongjo"; }
.sb4_1_wrap ul > li > p { font-size: 15px; color:#666; line-height:28px; font-weight:300; }
.sb4_1_wrap ul > li > h3{ font-size:18px; color:#262424; font-weight:400; margin-bottom:30px;}

/** 경영이념 **/
.sb4_2_wrap > h2{text-align:center; font-size:30px; color:#262424; }
.sb4_2_wrap > h2 span{ background:url(/design/ko/images/newimg/sb1_1_ttl_icon.jpg) no-repeat left 3px; padding-left:15px; font-family:"nanumMyeongjo";  font-weight:normal;  }
.sb4_2_wrap > h2 strong{font-family:"nanumMyeongjo"; }
.sb4_2_wrap > ul{ overflow:hidden; width:940px; margin:50px auto 0 auto;  }
.sb4_2_wrap > ul > li{float:left; width:266px; margin-right:70px; text-align:center; }
.sb4_2_wrap > ul > li:last-child{ margin-right:0; }
.sb4_2_wrap > ul > li > div.sb4_2_step{ width:266px; height:266px; text-align:center; line-height:266px;  }
.sb4_2_wrap > ul > li > div > h2{ font-size:30px; color:#262424; font-weight:400; }
.sb4_2_wrap > ul > li > div.sb4_2_step01{background:url(/design/ko/images/newimg/sb4_2_img01.jpg) no-repeat center center; }
.sb4_2_wrap > ul > li > div.sb4_2_step02{ background:url(/design/ko/images/newimg/sb4_2_img02.jpg) no-repeat center center; }
.sb4_2_wrap > ul > li > div.sb4_2_step03{ background:url(/design/ko/images/newimg/sb4_2_img03.jpg) no-repeat center center; }
.sb4_2_wrap > ul > li > div.sb4_2_box{line-height:28px; font-size:16px; color:#666; margin-top:30px; padding-top:30px; border-top:1px solid #000; font-weight:300; }

/** 회사개요 **/
.sb4_3_wrap > ul{overflow:hidden; }
.sb4_3_wrap > ul > li{ float:left; width:50%; }
.sb4_3_wrap > ul > li:last-child{ width:48%; margin-left:2%; }
.sb4_3_wrap > ul > li > h2{margin-bottom:30px;  font-size: 30px; color:#262424; background:url(/design/ko/images/newimg/sb1_1_ttl_icon.jpg) no-repeat left 3px; padding-left:15px; font-family:"nanumMyeongjo"; font-weight:normal ; }
.sb4_3_wrap > ul > li > table { }
.sb4_3_wrap > ul > li > table tr th{background:#fafafa; width:120px; padding:17px; 0 ; font-size:15px; color:#333; font-weight:400; text-align:center; border:1px solid #e0e0e0; border-left:0; }
.sb4_3_wrap > ul > li > table tr:first-child th, .sb4_3_wrap > ul > li > table tr:first-child td{ border-top:1px solid #000; }
.sb4_3_wrap > ul > li > table tr td{ padding:17px 0 17px 20px;  font-size:15px; color:#666; font-weight:300; border:1px solid #e0e0e0;  border-right:0; }
.sb4_3_wrap > ul > li > table tr th.word2{ word-spacing:38px; }
.sb4_3_wrap > ul > li > table tr th.word3{ word-spacing:10px; }
.sb4_3_wrap > ul > li > table tr th.word4{ word-spacing:1px; }
.sb4_3_wrap > ul > li > p{margin-top:55px;}

/** 회사연혁 **/
.sb4_4_wrap{text-align:center; position:relative; background:url(/design/ko/images/newimg/sb4_4_line.jpg) repeat-y center 180px;  }
.sb4_4_round{display:block; text-align:center;}
.sb4_4_round p{display:inline-block;  color:#fff; font-size:30px; padding:50px 0 0 0; width:181px; height:131px; text-align:center; background:url(/design/ko/images/newimg/sb4_4_round.jpg) no-repeat center 0; }
.sb4_4_round2 { }
.sb4_4_wrap .year{ width:400px; }
.sb4_4_wrap .yearLeftBox .year { margin:30px 0 0 102px; }
.sb4_4_wrap .year img{ display:block; margin-bottom:1px;}
.sb4_4_wrap .yearBox h3{ position:relative; font-size:22px; color:#262424; font-weight:400; margin-bottom:10px;} 
.sb4_4_wrap .leftBigCon1 .yearBox h3:after{ display:block; content:''; width:63px; height:35px; position:absolute; right:-85px; top:0; background:url(/design/ko/images/newimg/sb4_4_icon01.jpg) no-repeat 0 center; }
.sb4_4_wrap .leftSmallCon1 .yearBox h3:after{ display:block; content:''; width:63px; height:35px; position:absolute; right:-85px; top:0; background:url(/design/ko/images/newimg/sb4_4_icon03.jpg) no-repeat 0 center; }
.sb4_4_wrap .rightBigCon1 .yearBox h3:after{ display:block; content:''; width:63px; height:35px; position:absolute; left:-97px; top:0; background:url(/design/ko/images/newimg/sb4_4_icon02.jpg) no-repeat 0 center; }
.sb4_4_wrap .rightSmallCon1 .yearBox h3:after{ display:block; content:''; width:63px; height:35px; position:absolute; left:-85px; top:0; background:url(/design/ko/images/newimg/sb4_4_icon04.jpg) no-repeat 0 center; }

.sb4_4_wrap .yearBox p {font-weight:300; margin-bottom:30px; letter-spacing:-1.2px; }
.sb4_4_wrap .left{ text-align:right; margin-left:102px; }
.sb4_4_wrap .yearRightBox .yearBoxWrap{ overflow:hidden; }
.sb4_4_wrap .yearRightBox .right{ text-align:left; float:right; margin-right:91px; }
.sb4_4_wrap .yearRightBox .year03{ height:190px;  background:url(/design/ko/images/newimg/sb4_4_img0.jpg) no-repeat right bottom; }

/** 사이트맵 **/
.sb7_1_wrap > ul{overflow:hidden; display:table;  }
.sb7_1_wrap > ul > li{width:350px; display:table-cell; margin-bottom:30px; margin-right:30px; float:left; }
.sb7_1_wrap > ul > li > .siteTitle h2{ font-size:30px; color:#262424; font-weight:400; font-family:"nanumMyeongjo"; background:url(/design/ko/images/newimg/sb1_1_ttl_icon.jpg) no-repeat left 3px; padding-left:20px;  }
.sb7_1_wrap > ul > li > .siteTitle h2 span{display:block; margin-bottom:10px; font-size:10px; color:#b2b2b2; font-weight:300; letter-spacing:1px; }
.sb7_1_wrap > ul > li > .siteList{ border-top:1px solid #262424; margin-top:25px; }
.sb7_1_wrap > ul > li > .siteList > ul > li{   border-bottom:1px solid #e0e0e0; }
.sb7_1_wrap > ul > li > .siteList > ul > li > a{display:block; padding:17px 0 17px 20px; color:#4c4c4c; font-size:16px;}
.sb7_1_wrap > ul > li > .siteList > ul > li div{background:#fafafa;  padding:14px 0 14px 25px; border-top:1px solid #e0e0e0; }
.sb7_1_wrap > ul > li > .siteList > ul > li div ul li a{line-height:28px; }
.sb7_1_wrap > ul > li > .siteList > ul > li div ul li strong{ color:#bf1c13; }

@media only screen and (max-width: 1200px){
	.toggle{display:block; position: absolute; left: 20px; top: 50%; margin-top: -11px;}
	.m_logo img{width:126px; height:43px; }
	.ut{display:none; }
	.gnbWrap{ display:none; }
	header > div > div{ width:100%; }
	#visual ul li img{ max-width:100%; width:100%;}
	#container{ width:100%; }
	.m_section01 > ul > li{ width:50%; }
	.m_section01 > ul > li > a > div.midBnr{background-size:100% 100%;  width:100%; height:34vw; }
	.m_section01 > ul > li > a .mid03 p{ font-size:2.4vw; }
	.m_section01 > ul > li > a .mid03 p strong{ font-size:3.5vw; }
	.m_section02{ margin:30px 0; }
	.m_section02 .mid_slide{ width:500px; }
	.m_section01 > ul > li > a:hover div.midHover{ display:none; }
	.m_section02 .mid_slide ul li:hover .slideHover{display:none; }
	.m_section03 .m_notice{width:100%; }
	.m_section03 .m_notice > ul > li a{ height:auto; position:relative; }
	.m_section03 .m_notice > ul > li a .noticeSubject{max-width:300px; white-space:nowrap; text-overflow:ellipsis; margin:5px 0 0 0; }
	.m_section03 .m_notice > ul > li a div{ float:none; }
	.m_section03 .m_notice > ul > li a .status span{ margin:5px 0; }
	.m_section03 .m_notice > ul > li a > span{ position:absolute; right:10px; bottom:45px; }
	.btmBnrBox{ width:100%; }
	.btmBnrBox ul li{ width:100%; margin-right:0; margin-bottom:5px;  }
	.btmBnrBox ul li img{max-width:100%; }
	.btm_bnr{margin:40px 0 0 0; height:auto; background-repeat:repeat; }
	.ft{ width:100%; text-align:center; }
	.ft_logo{ position:inherit; text-align:center; top:10px; }
	#footer{ height:auto; }
	address ul li{display:block; width:100%;}
	.ft_txt{display:inline-block; }

	/** 서브 **/
	.sb_tabWrap{width:100%; }
	.sb_content_wrap{width:100%; padding:0; }
	.sb_content_wrap > div{ padding:5%; }
	.sbBox{ text-align:center; }
	.sb_tab{width:100%; }
	.sb_tab ul li a{ font-size:14px; }
	.sbBox{ width:100%; background: rgba(0,0,0,0.5); }
	.sbBox > h2{ padding:75px 0 0 0; }
	.sbBox > p{ position:inherit; top:0; right:0; margin:10px 0 0 0; }
	
	/** 브랜드스토리 **/
	.sb1 > ul > li > div > div{width:100%; }
	.sb1 > ul > li > div > div:last-child{ width:100%; margin-left:0; }
	.sb_content > div > ul > li > .sb1_content01 h2{font-size:20px; margin:25px 0 20px 0; }
	.sb1 > ul > li > div h3{ font-size:16px; }
	.sb_content > div > ul > li > .sb1_content01 p{font-size:14px; word-break: break-all;}
	.sb_content > div > ul > li > .sb1_content01 p br, 
	.sb_content > div > ul > li > .sb1_content02 p br{display:none; }
	.sb_content > div > ul > li > .sb1_content02 p .mobile_block{ display:block; margin:10px 0 0 0; }

	/*** 상품정보 ***/
	.sb2_cont > ul > li{ width:100%; margin-bottom:10px; }
	.sb2_cont > ul > li > a h2{ text-align:center; width:100%; left:0; top:20%; font-size:6vw; }
	.sb2_cont> ul > li > a h2 span{display:block; font-size:2vw; }
	.sb2_cont > ul > li > a h2 img{ vertical-align:text-top; margin-top:5%; }
	.sb3_1_content > ul > li > a > div{ display:inline-block; }
	.sb3_1_content > ul > li{ width:50%; text-align:center; margin-bottom:10px;  }
	.sb3_1_content > ul > li > a > div{ width:inherit; height:inherit; }

	/**  회사정보 **/
	.sb4_cont > ul > li{ width:100%; }
	.sb4_cont > ul > li > a > div > ul > li{ width:100%; }
	.sb4_cont > ul > li > a > div > ul > li:last-child{ width:100%; margin-left:0; }
	
	/* 대표이사인사말*/
	.sb4_1_wrap .sb4_1_bg{ position:inherit; text-align:center; }
	.sb4_1_wrap ul > li{ margin-bottom:28px; padding-bottom:28px; }
	.sb4_1_wrap ul > li > h2{ font-size:20px; }
	.sb4_1_wrap ul > li > h3{ font-size:16px; margin-bottom:20px; }
	.sb4_1_wrap ul > li br{display:none; }

	/** 경영이념 **/
	.sb4_2_wrap > ul{width:100%; }
	.sb4_2_wrap > ul > li{ width:100%; margin-right:0; text-align:center; margin-bottom: 40px; }
	.sb4_2_wrap > ul > li > div.sb4_2_step{ width:inherit; }
	.sb4_2_wrap > h2{ font-size:25px; }

	/** 회사개요 **/
	.sb4_3_wrap > ul > li{ width:100%; }
	.sb4_3_wrap > ul > li:last-child{ width:100%; margin-top:20px;  }
	.sb4_3_wrap > ul > li > h2{ font-size:25px; }
	.sb4_3_wrap > ul > li p img{max-width:100%; width:100%;  }
	.sb4_3_wrap > ul > li > table tr th{ width:70px; }

	/** 회사연혁 **/
	.sb4_4_wrap .yearLeftBox .year{ margin:0; }
	.sb4_4_wrap .year{ width:auto; }
	.sb4_4_round2{ padding-top:30px; }
	.sb4_4_wrap{ background:none; height:100%; margin-bottom:30px; }
	.sb4_4_wrap .year img{ display:inline-block; }
	.sb4_4_wrap img{ max-width:100%; }
	.sb4_4_wrap .left{ text-align:center; }
	.sb4_4_wrap .right{ text-align:center; }
	.sb4_4_wrap .yearBox h3{ margin:15px 0; }
	.sb4_4_wrap .yearRightBox .right{ text-align:center; float:none; margin-right:0; }
	.sb4_4_wrap .leftBigCon1 .yearBox h3:after{ display:none; }
	.sb4_4_wrap .leftSmallCon1 .yearBox h3:after{ display:none; }
	.sb4_4_wrap .rightBigCon1 .yearBox h3:after{ display:none; }
	.sb4_4_wrap .rightSmallCon1 .yearBox h3:after{ display:none; }
	/** 사이트맵**/
	.sb7_1_wrap > ul > li{ width:100%; }
	.sb7_1_wrap > ul > li > .siteTitle h2{ font-size:25px; }
	.sb7_1_wrap > ul > li > .siteList{ margin-top:20px; }
}
@media only screen and (max-width: 900px){
	#visual ul li{ height:80vw; background-size:cover !important;}
	.sb_tab3{margin:5%; }
	.sb_tab3 > ul > li a{ font-size:14px; padding-left:0; }
	.sb_tab3 > ul > li > a{background:none !important; }
	/*.sb_tab3 > ul > li.sb3_1_2 a{background:none; }
	.sb_tab3 > ul > li.sb3_1_3 a{background:none; }
	.sb_tab3 > ul > li.sb3_1_4 a{background:none; } */
	.sb3_1_content > ul > li{ width:100%; }
	.sb_tab3_02 > ul > li a{ background:none !important; }
	.pdStyle > ul > li > a{ padding-left:0; }
	.sb_tab3_02 > ul > li a{ padding-left:0; }
}
@media only screen and (max-width: 640px){
	.m_section02 .mid_slide{ width:253px; }
	.m_section02 .mid_slide div ul{ width: 2150% !important;    }
	.m_section02 .mid_title{width:100%; }
	.m_section03 .mid_title{ width:100%; }
}


@media only screen and (max-width:890px){
	.sb_content > div > ul > li {padding-bottom:40px;}

}