@charset "utf-8";

/*------------------------------------------------------------------------------------------------------------------------------------------
	File : Content.CSS 
	Company : The Webstyle co.,ltd 
 	Author : Woo Seok, Shin 2015-07
 	CSS 적용순서 : 아이디 > 태그와 클래스 > 클래스 > 태그
	CSS 선택자 선언순서 : Type Selector, Layout Selector, Class Selector, Etc
	CSS 속성 선언순서 : display, position, float/clear, overflow, width/height, margin/padding, border, background, color/font, align, etc 
--------------------------------------------------------------------------------------------------------------------------------------------*/


/*----------------------------- Common -----------------------------*/

h2 {font-family:"NotoSansRegular"; font-size:30px; color:#222;}

.section {margin-bottom:40px;}
.section h2 {margin-bottom:20px;}

.h2_section {margin-bottom:70px;}
.h2_section h2 {margin-bottom:30px;}
.h2_section h2.white {color:#fff;}

.h3_section {margin-bottom:30px;}
.h3_section h3 {margin-bottom:15px; font-family:"NotoSansRegular"; font-size:18px; color:#222;}

h2.hide,
h3.hide {font-size:0px; line-height:0px;}
h2.blueLine {margin-bottom:15px; padding-top:13px; font-family:"NotoSansRegular"; font-size:24px; color:#222; line-height:30px; background:url('/Images/Common/bg_h2_blueLine.gif') left top no-repeat;}
h3.blueLine {margin-bottom:10px; padding-top:13px; font-family:"NotoSansRegular"; font-size:18px; line-height:24px; color:#222; background:url('/Images/Common/bg_h3_blueLine.gif') left top no-repeat;}

.section_header {*zoom:1; position:relative; margin-bottom:10px;}
.section_header:after {content:""; display:block; clear:both;}

.section_txt {font-family:"NotoSansLight"; font-size:15px; line-height:24px; color:#555;}

/* Layer Popup */
.lp_modal {display:none;}	
.lp_wrap {min-width:300px;}
.lp_wrap .lp_container {position:relative;}
.lp_wrap.lp_black .lp_container {border:10px solid #222;}
.lp_wrap.lp_blue .lp_container  {border:10px solid #0078c2;}
.lp_wrap .lp_header {height:60px; background-color:#0079c1;}
.lp_wrap.lp_black .lp_header {background-color:#222;}
.lp_wrap .lp_header h2 {padding-left:20px; font-family:"NotoSansRegular"; font-size:18px; line-height:60px; color:#fff;}
.lp_wrap .lp_body {overflow-x:hidden; padding:0;}
.lp_wrap .lp_section {margin-bottom:10px;}
.lp_wrap a.btn_lp_close {display:block; position:absolute; top:20px; right:20px; width:12px; height:12px; text-indent:-9999px; background:url('/Images/Common/btn_lp_close.png') center center no-repeat;}
.lp_wrap a.btn_lp_close.big {width:21px; height:21px; background:url('/Images/Common/btn_lp_close_big.png') center center no-repeat;}
.lp_wrap a.btn_lp_close.white {top:19px; width:25px; height:25px; background:url('/Images/Common/btn_lp_close_white.png') center center no-repeat;}

/* Layer Popup */
.lp_allCategory    {max-width:1200px;} /* 전체 카테고리 보기 */
.lp_brandProduct   {max-width:1200px;} /* 브랜드별 제품보기 */
.lp_video          {max-width:720px;} /* 비디오 확대창 */
.lp_location	   {max-width:700px;}  /* 지도확대창 */

.lp_allCategory .categoryList .cateItem {
	padding-left:15px;
}
.lp_allCategory,
.lp_brandProduct {
	background-color:#fff;
}

/* Video Popup */
.video_wrap {position:relative; overflow:hidden;}
.video_wrap .video_movie {max-width:640px; max-height:435px; height:auto; margin:15px auto;}
.video_wrap .video_explain {display:none; margin-bottom:15px; padding:10px 0 20px 0; border-bottom:1px solid #ddd;}
.video_wrap .video_tag {display:none; margin-bottom:15px;}
.video_wrap .video_caption {overflow-y:scroll; max-width:640px; height:143px; padding:20px; border:1px solid #ddd; font-size:14px; line-height:22px;margin:0 auto;}
@media \0screen {.video_wrap .video_caption {max-width:208px;}}
/*
@media all and (max-width:640px) {
	.video_wrap .video_movie {height:227px;}
}
@media all and (max-width:333px) {
	.video_wrap .video_movie {height:135px;}
}
*/

/* Product List 공통 */
.prodList {*zoom:1; width:100%;}
.main .prodList {display:inline-block; width:auto;}
.prodList:after {content:""; display:block; clear:both;}
.prodList>li.item {float:left; width:236px;}				
.prodList>li.item .prodItem {position:relative; width:235px; height:260px; background-color:#fff;}
.prodList>li.item .prodItem:before {content:""; display:block; position:absolute; left:-1px; top:-1px; width:237px; height:261px; border:1px solid #e9e9e9;}
.prodList>li.item .prodItem .prodTag_wrap {position:absolute; left:20px; top:20px; z-index:5; width:56px;}
.prodList>li.item .prodItem .prodTag_wrap .prodTag {margin-bottom:7px;}
.prodList>li.item .prodItem .prodImg {overflow:hidden; height:200px;}
.prodList>li.item .prodItem .prodImg a {display:block; height:100%; padding:20px 35px 0; text-align:center;}
.prodList>li.item .prodItem .prodImg a img {display:inline-block; width:100%; height:auto;}
.prodList>li.item .prodItem .prodInfo {height:60px; padding:0 20px; text-align:center;}
.prodList>li.item .prodItem .prodInfo h3 {font-family:"NotoSansLight"; font-size:15px; font-weight:normal; line-height:20px; color:#222;}
.prodList>li.item .prodItem .prodMenu_wrap {display:none; position:absolute; left:-1px; top:-1px; z-index:10; width:237px; height:261px;}
.prodList>li.item .prodItem .prodMenu_wrap:after {
	content:""; 
	display:block; 
	position:absolute; 
	left:0px; 
	top:0px; 
	width:100%; 
	height:100%; 
	background:url('/Images/Common/bg_black_alpha90.png') left top;
}
.prodList>li.item .prodItem:hover .prodMenu_wrap,
.prodList>li.item .prodItem.on .prodMenu_wrap {display:block;}
.prodList>li.item .prodItem .prodMenu_wrap .prodMenu {position:relative; z-index:20; padding:55px 15px; text-align:center;}
.prodList>li.item .prodItem .prodMenu_wrap .prodMenu dt {height:70px; margin-bottom:10px; font-family:"NotoSansRegular"; font-size:24px; line-height:28px; font-weight:normal; color:#fff;}
.prodList>li.item .prodItem .prodMenu_wrap .prodMenu dd {padding-top:40px; background:url('/Images/Common/bg_prodMenu.png') center top no-repeat;}
.prodList>li.item .prodItem .prodMenu_wrap .prodMenu dd a.btn_prodView {display:inline-block; height:26px; padding-left:31px; font-size:14px; line-height:18px; color:#92d3f9; background:url('/Images/Common/ico_btn_prodView.png') left bottom no-repeat;}
.prodList>li.item .prodItem .prodMenu_wrap .prodMenu dd a.btn_prodView span {padding-bottom:5px; border-bottom:1px solid #7ab0d0;}


/*------------------------- Main -----------------------------*/

/* Main Section Common */ 
.main .section_wrap {position:relative;}
.section_wrap.section_main02 {background:url('/Images/Main/bg_main_section02.jpg') center top no-repeat; background-size:cover;}
.section_wrap.section_main04 {background:url('/Images/Main/bg_main_section04.jpg') center top no-repeat; background-size:cover;}

.section_main {position:relative; max-width:1200px; margin:0 auto;}
.section_main02 .section_main {min-height:670px;}
.section_main04 .section_main {min-height:509px;}

.main .section_wrap .section_header {display:inline-block; position:absolute; left:0px; top:70px; z-index:90; width:100%;}
.main .section_wrap .section_header h2 {display:block; max-width:1200px; margin:0 auto; padding:0 10px;}

.section_main02 .section_body {padding:130px 10px 20px 10px;}
.section_main04 .section_body {padding:140px 10px 20px 10px;}

/* Main Section01 - MainVisual */ 
.slider_mainVisual {overflow:hidden; width:100%; height:800px;}
.slider_mainVisual .sliderPanel_wrap {display:block; width:100%;}
.slider_mainVisual .sliderPanel_wrap .sliderPanel {position:relative; max-width:1200px; margin:0 auto;}
.slider_mainVisual .sliderPanel_wrap .sliderPanel img {margin:0 auto;}

.section_main01 .slider_nav_wrap {position:absolute; left:0px; top:50%; z-index:50; width:100%;}
.section_main01 .slider_nav {position:relative; max-width:1200px; margin:0 auto;}
.section_main01 .slider_nav a.btn_slider_nav {display:block; position:absolute; top:0px; width:68px; height:68px; text-indent:-9999px; background:url('/Images/Common/bg_slider_control.png') 0 0 no-repeat;}
.section_main01 .slider_nav a.btn_prev {left:10px; background-position:left 0;}
.section_main01 .slider_nav a.btn_next {right:10px; background-position:right 0;}

.section_main01 .slider_control {position:absolute; left:50%; bottom:30px; z-index:55; width:18px; height:18px; margin-left:-75px;}
.section_main01 .slider_control a.btn_slider_control {display:inline-block; width:18px; height:19px; text-indent:-99999px;}
.section_main01 .slider_control a.btn_play {background:url("/Images/Main/btn_play.png") center center no-repeat;}
.section_main01 .slider_control a.btn_stop {background:url("/Images/Main/btn_stop.png") center center no-repeat;}

@media all and (max-width:768px) {
	.main #Container {padding-top:70px;}
	.main .section_wrap .section_header {top:40px;}	
	.main .slider_nav_wrap {margin-top:-34px;}	
}
@media all and (max-width:640px) {	
	.main .section_header h2 img {width:auto; height:28px;} 
	
	.section_main01 .slider_control {bottom:21px;}
}
@media all and (max-width:480px) {	
	.section_main01 .slider_nav_wrap {top:auto; bottom:47px; margin-top:-17px;}
	.section_main01 .slider_nav a.btn_slider_nav {width:35px; height:35px; background:url('/Images/Common/bg_slider_control_sml.png') 0 0 no-repeat;}	
	.section_main01 .slider_nav a.btn_prev {left:10px; background-position:left 0;}
	.section_main01 .slider_nav a.btn_next {right:10px; background-position:right 0;}	
}

/* Main Section02 - Brand */ 
.slider_brand_wrap {position:relative; overflow:hidden; max-width:708px; margin:0 auto 10px;}
.slider_brand_wrap .bx-viewport {overflow:visible !important;}
.slider_brand {*zoom:1; overflow:hidden; height:170px; margin:0 auto;} 
.slider_brand:after {content:""; display:block; clear:both;}
.slider_brand li {float:left;}
.slider_brand li .brandItem {
	width:236px; 
	height:170px; 
	padding:30px 0; 
	text-align:center; 
	opacity:0.5;
	webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
       -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
           transition: all 0.5s ease;
}
.slider_brand li .brandItem img {display:inline-block; width:auto; height:100%;}
.slider_brand li.active .brandItem {padding:0px; opacity:1;}
.slider_brand li.prev .brandItem {text-align:left;}
.slider_brand li.next .brandItem {text-align:right;}

.slider_brand_wrap .slider_nav_wrap {position:absolute; left:0px; top:50%; z-index:50; width:100%; margin-top:-34px;}
.slider_brand_wrap .slider_nav {position:relative; max-width:360px; margin:0 auto;}
.slider_brand_wrap .slider_nav a.btn_slider_nav {display:block; position:absolute; top:0px; width:68px; height:68px; text-indent:-9999px; background:url('/Images/Common/bg_slider_control.png') 0 0 no-repeat;}
.slider_brand_wrap .slider_nav a.btn_prev {left:10px; background-position:left 0;}
.slider_brand_wrap .slider_nav a.btn_next {right:10px; background-position:right 0;}

.section_main02 .prodList_wrap {overflow:hidden; height:300px;}
.section_main02 .prodList_wrap .productPanel .prodList {overflow:hidden; height:260px;}
.section_main02 .prodList_wrap .productPanel .bx-wrapper .bx-pager {display:none; bottom:-30px;}

@media all and (max-width:1024px) {
	.section_main02 .prodList_wrap .productPanel .bx-wrapper .bx-pager {display:block;}
}
@media all and (max-width:480px) {	
	.slider_brand_wrap .slider_nav_wrap {margin-top:-17px;}
	.slider_brand_wrap .slider_nav a.btn_slider_nav {width:35px; height:35px; background:url('/Images/Common/bg_slider_control_sml.png') 0 0 no-repeat;}	
	.slider_brand_wrap .slider_nav a.btn_prev {left:10px; background-position:left 0;}
	.slider_brand_wrap .slider_nav a.btn_next {right:10px; background-position:right 0;}		
}

.productPanel {display:none;}
.main .productPanel {text-align:center; width:100%;}
.productPanel.on {display:block;}

/* Main Section04 - Dongwon F&B */
.dongwonFnb {*zoom:1; margin:0 auto;}
.dongwonFnb:after {content:""; display:block; clear:both;}
.dongwonFnb>li.item {float:left; text-align:center;}
.dongwonFnb>li.item .videoItem img,
.dongwonFnb>li.item .bannerItem img {width:100%; height:auto;}

@media all and (max-width:1024px) {
	.dongwonFnb>li.item {width:50%;}
}
@media all and (max-width:768px) {
	.dongwonFnb {max-width:590px;}
	.dongwonFnb>li.item {float:none; width:100%; margin-bottom:20px;}
}

/*------------------------- Brand ----------------------------*/

/* Brand List */
.brandList_wrap {}
.brandList {*zoom:1;}
.brandList:after {content:""; display:block; clear:both;}
.brandList li {float:left; overflow:hidden; width:236px; height:236px;}
.brandList li a {display:block; position:relative; height:100%;}
.brandList li a .caption {display:block; position:absolute; left:0px; bottom:0px; width:100%; height:75px; padding:0 30px; font-family:"NotoSansLight"; font-size:16px; linne-height:22px; color:#555; text-align:center;}

@media all and (max-width:1024px) {
	.brandList_wrap.col12 {width:944px; margin:0 auto;}
}
@media all and (max-width:768px) {
	.brandList_wrap.col12 {width:708px;}
}
@media all and (max-width:640px) {
	.brandList_wrap.col12 {width:472px;}
}
@media all and (max-width:500px) {
	.brandList_wrap.col12 {width:236px;}
}

.slider_brandTab {overflow:hidden; max-width:1180px; margin:0 auto; padding:0 149px;}
.slider_brandList {overflow:hidden; height:147px;}
.slider_brandList li {float:left; width:147px;}
.slider_brandList li a {display:block; position:relative; height:100%;}
.slider_brandList li a span {display:none; position:absolute; left:0px; top:0px; z-index:2; width:100%; height:100%; padding-top:42%; text-align:center; font-family:"NotoSansRegular"; font-size:18px; color:#fff;}
.slider_brandList li a:after {content:""; display:none; position:absolute; left:0px; top:0px; z-index:1; width:100%; height:100%; background:url('/Images/Common/bg_black_alpha75.png') left top;}
.slider_brandList li:hover a:after,
.slider_brandList li.on a:after {display:block;}
.slider_brandList li:hover a span,
.slider_brandList li.on a span {display:block; }
.slider_brandList li a img {width:100%; height:auto;}

.slider_brandTab .bx-wrapper .bx-controls-direction  a {display:block; width:68px; height:68px; margin-top:-34px; text-indent:-9999px; background:url('/Images/Brand/ico_sliderBrand_nav.png') left top no-repeat; background-size:auto 100%;}
.slider_brandTab .bx-wrapper .bx-controls-direction  a.bx-prev {left:-108px; background-position:left top;}
.slider_brandTab .bx-wrapper .bx-controls-direction  a.bx-next {right:-108px; background-position:right top;}

@media all and (max-width:1024px){
	.slider_brandTab {overflow:hidden; padding:0 80px;}
	.slider_brandTab .bx-wrapper .bx-controls-direction  a {width:40px; height:40px; margin-top:-20px;}
	.slider_brandTab .bx-wrapper .bx-controls-direction  a.bx-prev {left:-60px;}
	.slider_brandTab .bx-wrapper .bx-controls-direction  a.bx-next {right:-60px;}	
}
@media all and (max-width:768px){
	.slider_brandTab {overflow:hidden; padding:0 50px;}
	.slider_brandTab .bx-wrapper .bx-controls-direction  a {width:30px; height:30px; margin-top:-15px;}
	.slider_brandTab .bx-wrapper .bx-controls-direction  a.bx-prev {left:-40px;}
	.slider_brandTab .bx-wrapper .bx-controls-direction  a.bx-next {right:-40px;}
	.slider_brandList li a span {font-size:14px;}	
}
@media all and (max-width:640px){
	.slider_brandList li a span {font-size:13px;}
}

.brandVisual {margin-bottom:50px;}
.brandVisual .brandImg_wrap {position:relative; max-width:1180px; margin:0 auto;}
.brandVisual .brandImg_wrap .brandImg {display:block;}
.brandVisual .brandImg_wrap .brandImg img {display:block; width:100%; height:auto;}

.brandVisual .brandImg_wrap .brandCaption {position:absolute; left:0px; bottom:0px; width:100%; min-height:120px;}
.brandVisual .brandImg_wrap .brandCaption:after {content:""; position:absolute; left:0px; top:0px; width:100%; height:100%; background:url('/Images/Common/bg_black_alpha75.png') left top;}
.brandVisual .brandImg_wrap .brandCaption .summary {position:relative; z-index:1; margin-right:250px; padding:40px; font-family:"NotoSansLight"; font-size:18px; color:#fff; line-height:24px;}
.brandVisual .brandImg_wrap .brandCaption .btn {position:absolute; right:40px; top:40px; z-index:1;}

@media all and (max-width:768px){
	.brandVisual .brandImg_wrap .brandCaption {position:static; padding-bottom:65px; background-color:#333333;}
	.brandVisual .brandImg_wrap .brandCaption:after {display:none;}
	.brandVisual .brandImg_wrap .brandCaption .summary {margin-right:0px; padding:20px; font-size:16px; line-height:22px;}
	.brandVisual .brandImg_wrap .brandCaption .btn {top:auto; right:20px; bottom:20px;}	
}

.brandContents {max-width:1200px; margin:0 auto 50px;}
.brandContents .h3_wrap {position:relative; overflow:hidden; height:30px; margin-bottom:15px;}
.brandContents .h3_wrap h3 {display:inline-block; font-family:"NotoSansRegular"; font-size:26px; font-weight:normal; color:#222; vertical-align:middle;}
.brandContents .h3_wrap a.btn_goMore {display:inline-block; height:20px; margin:10px 0px 0 30px; padding-right:26px; color:#027ac2; background:url('/Images/Common/ico_btn_plus_blue2.png') right center no-repeat;}

.brandContents .bx-wrapper .bx-controls-direction {display:inline-block; position:absolute; right:5px; top:-40px; height:22px; overflow:hidden; background:url('/Images/Common/ico_slider_control_black.png') center top no-repeat;}
.brandContents .bx-wrapper .bx-controls-direction  a {position:static; float:left; display:block; width:13px; height:22px; margin-top:0px; text-indent:-9999px; background:url('/Images/Common/ico_slider_control_black.png') left top no-repeat;}
.brandContents .bx-wrapper .bx-controls-direction  a.bx-prev {margin-right:13px; background-position:left top;}
.brandContents .bx-wrapper .bx-controls-direction  a.bx-prev.disabled {background-position:left -32px;}
.brandContents .bx-wrapper .bx-controls-direction  a.bx-next {margin-left:12px; background-position:right top;}
.brandContents .bx-wrapper .bx-controls-direction  a.bx-next.disabled {background-position:right -32px;}

.brandContents .brand_prodList {position:relative; width:1182px; height:237px; margin-bottom:60px;}
.brandContents .brand_prodList .prodList {height:237px;}
.brandContents .brand_prodList .prodList>li.item {width:236px;}
.brandContents .brand_prodList .prodList .prodItem {width:235px; height:235px;}
.brandContents .brand_prodList .prodList>li.item .prodItem:before {width:237px; height:237px;}
.brandContents .brand_prodList .prodList>li.item .prodItem .prodImg {height:235px;}
.brandContents .brand_prodList .prodList>li.item .prodItem .prodImg a {padding-top:35px;}
.brandContents .brand_prodList .prodList>li.item .prodItem .prodMenu_wrap {width:237px; height:237px; box-sizing:content-box;}
.brandContents .brand_prodList .prodList>li.item .prodItem .prodMenu_wrap .prodMenu dt {height:60px; font-size:20px; line-height:26px;}
.brandContents .brand_prodList .prodList>li.item .prodItem .prodMenu_wrap .prodMenu dd a.btn_prodView {display:inline-block; height:26px; padding-left:31px; font-size:14px; line-height:18px; color:#92d3f9; background:url('/Images/Common/ico_btn_prodView.png') left bottom no-repeat;}
.brandContents .brand_prodList .prodList>li.item .prodItem .prodMenu_wrap .prodMenu dd a.btn_prodView span {padding-bottom:5px; border-bottom:1px solid #7ab0d0;}
.brandContents .brand_prodList .bx-wrapper {max-width:1182px !important;}
.brandContents .brand_prodList .bx-viewport {padding:1px;}

@media all and (max-width:1024px){
	.brandContents .brand_product {padding:0 10px;}
	.brandContents .brand_prodList {width:auto;}
}
@media all and (max-width:600px){
	.brandContents .brand_product {padding:0 30px;}
}
@media all and (max-width:480px) {
	.brandContents .h3_wrap a.btn_goMore {margin-left:20px; text-indent:-9999px;}

	.brandContents .bx-wrapper .bx-controls-direction {top:35%; right:0px; width:100%; overflow:visible; background:none;}
	.brandContents .bx-wrapper .bx-controls-direction a.bx-prev {float:none; position:absolute; left:-25px; margin-right:0px;}
	.brandContents .bx-wrapper .bx-controls-direction a.bx-next {float:none; position:absolute; right:-25px; margin-left:0px;}
}

/*20191218_홍보cf 영역 정렬수정*/
.brandContents .brand_contents {position:relative; overflow:hidden;}
.brandContents .brand_contents:after {display:block;clear:both;content:'';}
.brandContents .brand_contents > div {
	float:left;
	overflow:hidden;
	margin-left:66px;
}
.brandContents .brand_contents > div:first-child {
	margin-left:0;
}
.brandContents .brand_recipe.recipe1 {width:auto; max-width:504px;}
.brandContents .brand_recipe.recipe2 {width:247px;}
.brandContents .brand_recipeList {position:relative;  height:163px;}
.brandContents .recipeList {height:163px;}
.brandContents .recipeList>li.item {width:247px;}
.brandContents .recipeList>li.item .recipeItem {width:247px; height:163px;}

.brandContents .brand_video {width:295px;}
.brandContents .brand_video .h3_wrap {padding:0px;}
.brandContents .brand_video .slider_nav {right:0px;}
.brandContents .brand_videoList {position:relative; width:295px;}
.brandContents .videoList {overflow:hidden; height:163px;}
.brandContents .videoList>li.item {float:left;}
.brandContents .videoList>li.item .videoItem {position:relative; max-width:295px; height:163px;}
.brandContents .videoList>li.item .videoItem a {overflow:hidden; display:block; height:100%;}
.brandContents .videoList>li.item .videoItem a img {width:auto; height:100%;}

@media all and (max-width:1180px){
	.brandContents .brand_recipe.recipe1  {
		max-width:none;
		width:247px;
	}
}
@media all and (max-width:1024px){
	.brandContents .brand_product,
	.brandContents .brand_contents {padding:0 10px;}
}
@media all and (max-width:768px){
	.brandContents .brand_recipe.recipe1 {
		width:100%;
	}
	.brandContents .brand_contents > div {
		margin:20px 0;
		float:none;
	}
}
@media all and (max-width:600px){
	.brandContents .brand_product,
	.brandContents .brand_contents {padding:0 30px;}
	.brandContents .brand_recipe.recipe1,
	.brandContents .brand_recipe.recipe2, 
	.brandContents .brand_contents .brand_video {
		width:247px;
		overflow:visible;
	}
	.brandContents .brand_videoList {
		width:100%;
	}
}
@media all and (max-width:480px){
	.brandContents .brand_recipe.recipe1 {
		width:247px;
	}
	
}

/*------------------------ Product --------------------------*/
.prodList_wrap {}

@media all and (max-width:1024px) {
	.prodList_wrap {width:944px; margin:0 auto;}
}
@media all and (max-width:768px) {
	.prodList_wrap {width:708px;}
}
@media all and (max-width:730px) {
	.prodList_wrap {width:472px;}
}
@media all and (max-width:500px) {
	.prodList_wrap {width:235px;}
}

/* 전체 카테고리 보기 */
.categoryList {overflow:hidden; padding:30px 0; border-top:1px solid #e4e4e4;}
.categoryList:first-child {padding-top:10px; border-top:0px;}
.categoryList>li.item {float:left; width:20%;}
.categoryList>li.item .cateItem dt {margin-bottom:5px; font-family:"NotoSansRegular"; font-size:18px; line-height:40px; color:#222;}
.categoryList>li.item .cateItem dd {padding-left:48px;}
.categoryList>li.item .cateItem dd .cateItemList li {margin-bottom:5px;}
.categoryList>li.item .cateItem dd .cateItemList li a {font-family:"NotoSansLight"; font-size:14px; color:#555;}
.categoryList>li.item .cateItem dd .cateItemList li a:hover {color:#0079c1; text-decoration:underline;}

@media all and (max-width:1024px) {
	.categoryList>li.item {width:25%; min-height:160px; margin-bottom:20px;}
}
@media all and (max-width:768px) {
	.categoryList>li.item {width:33.33333%;}
}
@media all and (max-width:640px) {
	.categoryList>li.item {width:50%;}
}
@media all and (max-width:480px) {
	.categoryList>li.item {width:100%; min-height:auto;}
}

/* 브랜드별 제품보기 */
.lp_brandProduct .lp_body {padding:0px;}
.lp_brandProduct .brandProdList {overflow:hidden;}
.lp_brandProduct .brandProdList>li {float:left; width:12.5%;}	
.lp_brandProduct .brandProdList>li a {display:block;}
.lp_brandProduct .brandProdList>li a img {width:100%; height:auto;}

@media all and (max-width:1024px) {
	.lp_brandProduct .brandProdList>li{width:25%;}
}
@media all and (max-width:768px) {
	.lp_brandProduct .brandProdList>li {width:33.33333%;}
}
@media all and (max-width:640px) {
	.lp_brandProduct .brandProdList>li {width:50%;}
}

/* Product View */
.prodInfo_wrap {overflow:hidden; border-top:2px solid #333;}
.prodInfo_wrap .prodImg {position:relative; float:left; width:350px; height:350px; margin:0 auto; padding:50px;}
.prodInfo_wrap .prodImg img {width:100%; height:auto;}
.prodInfo_wrap .prodImg .prodTag_wrap {position:absolute; left:20px; top:20px; z-index:5; width:56px;}
.prodInfo_wrap .prodImg .prodTag_wrap .prodTag {margin-bottom:7px;}
.prodInfo_wrap .prodInfo {position:relative; float:left; width:829px; padding:49px 10px 50px 50px; border-left:1px solid #c1c1c1;}
.prodInfo_wrap .prodInfo .prodDesc {width:450px;}
.prodInfo_wrap .prodInfo .prodDesc h2.prodTit {margin-bottom:20px; font-family:"NotoSansRegular"; font-size:30px; color:#222;}
.prodInfo_wrap .prodInfo .prodDesc .prodSummary {margin-bottom:15px; font-family:"NotoSansLight"; font-size:15px; line-height:24px; color:#222;}
.prodInfo_wrap .prodInfo .prodSpec {position:absolute; right:0px; top:50px; width:290px;}

.table_row_spec {border-top:1px solid #c1c1c1; border-left:1px solid #c1c1c1; border-right:1px solid #c1c1c1;}
.table_row_spec th {height:63px; padding-left:18px; border-bottom:1px solid #c1c1c1; font-size:16px; text-align:left;}
.table_row_spec td {height:63px; border-bottom:1px solid #c1c1c1; font-size:14px; line-height:20px; text-align:left;}

.ico_prodSpec {display:inline-block; height:22px; padding-left:27px; line-height:22px; background:url('/Images/Common/ico_prodSpec.gif') left top no-repeat;}
.ico_prodSpec.ico_type {background-position:0px 0px;}
.ico_prodSpec.ico_weight {background-position:0px -30px;}
.ico_prodSpec.ico_calorie {background-position:0px -60px;} 
.ico_prodSpec.ico_expire {background-position:0px -90px;}

.prodInfo_wrap .tag_wrap {margin-top:43px;}

@media all and (max-width:1024px) {
	.prodInfo_wrap .prodImg {width:40%; height:auto;}
	.prodInfo_wrap .prodInfo {width:60%;}
	.prodInfo_wrap .prodInfo .prodDesc {width:auto;}
	.prodInfo_wrap .prodInfo .prodSpec {position:static; width:100%; margin-bottom:20px;}
}
@media all and (max-width:640px) {
	.prodInfo_wrap .prodImg {float:none; width:350px;}
	.prodInfo_wrap .prodInfo {width:100%; border-left:0px; padding:20px;}
}
@media all and (max-width:360px) {
	.prodInfo_wrap .prodImg {width:100%;}
	.prodInfo_wrap .prodInfo {padding:10px;}
}

/* 연관 상품 */
.relateProduct_wrap {position:relative; overflow:hidden; padding:45px 40px; border:1px solid #c1c1c1; background-color:#f0f0f0;}
.relateProduct_wrap .h3_wrap {position:relative; overflow:hidden; height:30px; margin-bottom:15px; padding:0 5px;}
.relateProduct_wrap .h3_wrap h3 {display:inline-block; font-family:"NotoSansRegular"; font-size:26px; font-weight:normal; color:#222; vertical-align:middle;}
.relateProduct_wrap .h3_wrap a.btn_goMore {display:inline-block; height:20px; margin-top:10px; padding-right:26px; color:#027ac2; background:url('/Images/Common/ico_btn_plus_blue2.png') right center no-repeat;}

.relateProduct_wrap .prodList {overflow:hidden; height:210px;}
.relateProduct_wrap .prodList>li.item {width:210px;}
.relateProduct_wrap .prodList>li.item .prodItem {width:210px; height:210px;}
.relateProduct_wrap .prodList>li.item .prodItem:before {display:none;}
.relateProduct_wrap .prodList>li.item .prodItem .prodImg {width:210px; height:210px;}
.relateProduct_wrap .prodList>li.item .prodItem .prodImg a {padding:23px;}
.relateProduct_wrap .prodList>li.item .prodItem .prodMenu_wrap {left:0px; top:0px; width:100%; height:100%;}
.relateProduct_wrap .prodList>li.item .prodItem .prodMenu_wrap .prodMenu {padding:35px 15px;}
.relateProduct_wrap .prodList>li.item .prodItem .prodMenu_wrap .prodMenu dt {height:60px; font-size:20px; line-height:26px;}
.relateProduct_wrap .prodList>li.item .prodItem .prodMenu_wrap .prodMenu dd a.btn_prodView {display:inline-block; height:26px; padding-left:31px; font-size:14px; line-height:18px; color:#92d3f9; background:url('/Images/Common/ico_btn_prodView.png') left bottom no-repeat;}
.relateProduct_wrap .prodList>li.item .prodItem .prodMenu_wrap .prodMenu dd a.btn_prodView span {padding-bottom:5px; border-bottom:1px solid #7ab0d0;}

.relateProduct_wrap .bx-wrapper .bx-controls-direction {display:inline-block; position:absolute; right:5px; top:-40px; height:22px; overflow:hidden; background:url('/Images/Common/ico_slider_control_black.png') center top no-repeat;}
.relateProduct_wrap .bx-wrapper .bx-controls-direction  a {position:static; float:left; display:block; width:13px; height:22px; margin-top:0px; text-indent:-9999px; background:url('/Images/Common/ico_slider_control_black.png') left top no-repeat;}
.relateProduct_wrap .bx-wrapper .bx-controls-direction  a.bx-prev {margin-right:13px; background-position:left top;}
.relateProduct_wrap .bx-wrapper .bx-controls-direction  a.bx-prev.disabled {background-position:left -32px;}
.relateProduct_wrap .bx-wrapper .bx-controls-direction  a.bx-next {margin-left:12px; background-position:right top;}
.relateProduct_wrap .bx-wrapper .bx-controls-direction  a.bx-next.disabled {background-position:right -32px;}

@media all and (max-width:480px) {	
	.relateProduct_wrap .bx-wrapper .bx-controls-direction {top:40%; right:0px; width:100%; overflow:visible; background:none;}
	.relateProduct_wrap .bx-wrapper .bx-controls-direction a.bx-prev {float:none; position:absolute; left:-25px; margin-right:0px;}
	.relateProduct_wrap .bx-wrapper .bx-controls-direction a.bx-next {float:none; position:absolute; right:-25px; margin-left:0px;}
}

/* 제품상세 연관제품 */
.relateProduct_wrap .relateProduct .relate_prodList {position:relative; height:210px;}

@media all and (max-width:1024px) {
	.relateProduct_wrap .relateProduct .relate_prodList {max-width:660px;}
}


/* 상품상세 특징 */
.feature_list {overflow:hidden;}
.feature_list>li {float:left; width:33.33333%;}
.feature_list>li .featureItem {height:420px; margin:10px; padding:40px 35px; border:1px solid #047ac3;}
.feature_list>li .featureItem .itemImg {margin-bottom:30px; text-align:center;}
.feature_list>li .featureItem dl {text-align:center;}
.feature_list>li .featureItem dt {margin-bottom:25px; font-family:"NotoSansRegular"; font-size:24px; color:#333;}
.feature_list>li .featureItem dd {font-family:"NotoSansLight"; font-size:16px; line-height:24px; color:#555;}

@media all and (max-width:768px) {
	#ProductInfo .table_wrap {margin-left:0.8333%; margin-right:0.8333%;}
	.feature_list>li {width:50%;}
	.feature_list>li .featureItem {margin:1.96666%;}
}
@media all and (max-width:680px) {
	.feature_list>li {width:100%;}
	.feature_list>li .featureItem {height:auto; margin:10px 0.8333%;}
}

/*-------------------- 쿠킹 & 스토리 ---------------------*/

/* Dongwon Story */
.promotionList {overflow:hidden;}
.promotionList>li.item {float:left; margin:0 10px 20px 10px;}
.promotionItem {display:block; width:380px; height:470px; padding:30px; border:1px solid #0078c2; background-color:#fff;}
.promotionItem .promotionHeader {position:relative; *zoom:1; margin-bottom:30px; border-bottom:2px solid #0078c2;}
.promotionItem .promotionHeader:after {content:""; display:block; clear:both;}
.promotionItem .promotionHeader h2 {argin-bottom:15px; font-family:"NotoSansRegular"; font-size:24px; color:#333;}
.promotionItem .promotionHeader .selectBox {position:absolute; right:0px; top:-5px;}

.promotionItem .slider_wrap {width:230px; position:relative; margin:0 auto;}
.promotionItem .slider_wrap .bx-wrapper .bx-controls-direction  a {display:block; width:20px; height:34px; margin-top:-17px; background:url('/Images/Common/ico_slider_nav.png') left top no-repeat;}
.promotionItem .slider_wrap .bx-wrapper .bx-controls-direction  a.bx-prev {left:-44px; background-position:left -40px;}
.promotionItem .slider_wrap .bx-wrapper .bx-controls-direction  a.bx-prev.disabled {background-position:left top;}
.promotionItem .slider_wrap .bx-wrapper .bx-controls-direction  a.bx-next {right:-44px; background-position:right -40px;}
.promotionItem .slider_wrap .bx-wrapper .bx-controls-direction  a.bx-next.disabled {background-position:right top;}

.promotionItem .slider_wrap .sliderList {overflow:hidden; height:330px;}
.promotionItem .sliderList li.item {float:left;}
.promotionItem .sliderList li.item .slideItem {width:230px; height:330px;}
.promotionItem .sliderList .imgItem {margin-bottom:18px;}
.promotionItem .sliderList .imgItem .itemImg {overflow:hidden; width:100%; height:127px;}
.promotionItem .sliderList .imgItem .itemImg a {display:block; height:100%;}
.promotionItem .sliderList .imgItem .itemImg a img {width:auto; height:100%;}
.promotionItem .sliderList .imgItem .itemCaption {margin-top:8px; font-family:"NotoSansRegular"; font-size:16px; color:#222; text-align:center;}

.promotionItem .slider_wrap2 {position:relative;}
.promotionItem .slider_wrap2 .bx-wrapper .bx-controls-direction {display:inline-block; position:absolute; right:0px; top:-75px; height:22px; overflow:hidden; background:url('/Images/Common/ico_slider_control_black.png') center top no-repeat;}
.promotionItem .slider_wrap2 .bx-wrapper .bx-controls-direction  a {position:static; float:left; display:block; width:13px; height:22px; margin-top:0px; text-indent:-9999px; background:url('/Images/Common/ico_slider_control_black.png') left top no-repeat;}
.promotionItem .slider_wrap2 .bx-wrapper .bx-controls-direction  a.bx-prev {margin-right:13px; background-position:left top;}
.promotionItem .slider_wrap2 .bx-wrapper .bx-controls-direction  a.bx-prev.disabled {background-position:left -32px;}
.promotionItem .slider_wrap2 .bx-wrapper .bx-controls-direction  a.bx-next {margin-left:12px; background-position:right top;}
.promotionItem .slider_wrap2 .bx-wrapper .bx-controls-direction  a.bx-next.disabled {background-position:right -32px;}

.promotionItem .slider_wrap2 .sliderList2 {overflow:hidden; height:340px;}
/*.promotionItem .sliderList2 li.item {float:left;}*/
.promotionItem .sliderList2 li.item .slideItem {height:340px;}
.promotionItem .sliderList2 .slideItem .videoSummary {margin-bottom:20px; font-family:"NotoSansLight"; font-size:16px; line-height:24px; color:#333; text-align:center;}
.promotionItem .sliderList2 .slideItem .videoItem {border-top:1px solid #c1c1c1; border-left:1px solid #c1c1c1; border-right:1px solid #c1c1c1;}
.promotionItem .sliderList2 .slideItem .videoItem li {border-bottom:1px solid #c1c1c1;}
.promotionItem .sliderList2 .slideItem .videoItem li a {display:block; padding:20px 63px; font-family:"NotoSansRegular"; font-size:18px; line-height:30px; color:#222;}
.promotionItem .sliderList2 .slideItem .videoItem li a span.ico_video {display:inline-block; width:40px; height:30px; background:url('/Images/Story/ico_video.gif') left center no-repeat; vertical-align:middle;}
.promotionItem .sliderList2 .slideItem .videoItem li a span.en {font-family:"NotoSansLight"; font-size:15px;}

.promotionItem .sliderList2 .slideItem .brochureItem li {margin-top:8px;}
.promotionItem .sliderList2 .slideItem .brochureItem li:first-child {margin-top:0px;}
.promotionItem .sliderList2 .slideItem .brochureItem li a {display:block; position:relative; height:73px; padding-left:129px; border:1px solid #c1c1c1; font-family:"NotoSansRegular"; font-size:18px; line-height:73px; color:#222;}
.promotionItem .sliderList2 .slideItem .brochureItem li a span.ico_pdf {position:absolute; left:-1px; top:-1px; display:inline-block; width:73px; height:73px; background:url('/Images/Story/ico_download_pdf.gif') left top no-repeat;}
.promotionItem .sliderList2 .slideItem .brochureItem li a span.en {font-family:"NotoSansLight"; font-size:15px;}

@media all and (max-width:1024px) {
	.promotionList_wrap {max-width:800px; margin:0 auto;}
}
@media all and (max-width:768px) {
	.promotionList_wrap {max-width:400px;}	
}
@media all and (max-width:420px) {	
	.promotionList_wrap {max-width:300px;}
	.promotionList>li.item {float:none; margin:0 0 20px 0;}
	.promotionItem {width:300px; height:auto;}
	
	.promotionItem .slider_wrap .bx-wrapper .bx-controls-direction  a.bx-prev {left:-27px;}
	.promotionItem .slider_wrap .bx-wrapper .bx-controls-direction  a.bx-next {right:-27px;}
		
	.promotionItem .sliderList2 .slideItem {height:auto;}		
	.promotionItem .sliderList2 .slideItem .videoItem li a {padding:20px;}
	.promotionItem .sliderList2 .slideItem .brochureItem li a {padding-left:85px;}		
}

/*----------------------- Company ----------------------------*/

.subVisual {margin-bottom:60px;}
.subVisual_ci {position:relative; padding:147px 20px 20px 20px; background-color:#f4f4f4; text-align:center;}
.subVisual_ci .caption {position:absolute; left:0px; top:57px; width:100%; padding:0 20px; font-family:"NotoSansRegular"; font-size:25px; line-height:30px; color:#222; text-align:center;}
@media all and (max-width:1024px){
	.subVisual img {width:100%; height:auto;}
}

/* 서브메인 */
.section_wrap {overflow:hidden;}
.section_wrap.section_company01 {background:url('/Images/Company/bg_company_section01.jpg') center top no-repeat;}
.section_wrap.section_company02 {background:url('/Images/Company/bg_company_section02.jpg') center top no-repeat;}
.section_wrap.section_company03 {background:url('/Images/Company/bg_company_section03.jpg') center top no-repeat;}

.section_subMain {position:relative; width:1200px; margin:0 auto;}
.section_subMain .section_header {display:inline-block; position:absolute; left:10px; top:185px; font-family:"NotoSansRegular";}

.section_company01 .section_subMain, 
.section_company02 .section_subMain {min-height:911px;}
.section_company03 .section_subMain {min-height:676px;}

.section_company01 .section_subMain .section_header {top:88px;}
.section_subMain .section_header h1 {margin-bottom:23px; font-size:20px; color:#222;}
.section_subMain .section_header h2 {font-size:50px; color:#fff;}
.section_subMain .section_header .headLine {font-size:30px; line-height:45px;  color:#fff;}
.section_subMain .section_header .headLine strong {font-size:50px; line-height:60px;}
.section_subMain .section_body {padding:206px 10px 0;}

.sectionList li.item {float:left;}
.sectionList li.item.oneCol {width:236px;}
.sectionList li.item.twoCol {width:472px;}
.sectionList li.item.threeCol {width:708px;}
.sectionList li.item .sectionItem {position:relative; height:235px; padding:30px;}
.sectionList li.item .sectionItem.item_white {background-color:#ffffff;}
.sectionList li.item .sectionItem.item_black {background-color:#222222;}
.sectionList li.item .sectionItem.item_gray {background-color:#eeeeee;}
.sectionList li.item .sectionItem.item_blue {background-color:#0079c1;}

.sectionList li.item .sectionItem.iten_white1_hover:hover {background-color:#f8f8f8}
.sectionList li.item .sectionItem.iten_black_hover:hover {background-color:#000}
.sectionList li.item .sectionItem.item_gray_hover:hover {background-color:#d6d6d6}

.sectionList li.item .sectionItem h3 {margin-bottom:13px; font-family:"NotoSansMedium"; font-size:30px; line-height:35px; color:#222;}
.sectionList li.item .sectionItem h3.blue {color:#1a87c7;}
.sectionList li.item .sectionItem .itemCont {font-family:"NotoSansLight"; font-size:15px; line-height:24px; color:#555;}
.sectionList li.item .sectionItem.item_black h3,
.sectionList li.item .sectionItem.item_black .itemCont,
.sectionList li.item .sectionItem.item_blue h3,
.sectionList li.item .sectionItem.item_blue .itemCont {color:#fff;}
.sectionList li.item .sectionItem .itemCont .money {display:block; margin-top:18px; font-family:"NotoSansMedium"; font-size:50px;}
.sectionList li.item .sectionItem a.btn_goPage {position:absolute; right:30px; bottom:30px;}

a.btn_goPage {display:inline-block; height:23px; padding-right:12px; background:url('/Images/Common/ico_btn_arrow.gif') right 6px no-repeat;}
a.btn_goPage span {padding-bottom:3px; font-family:"NotoSansRegular"; font-size:15px; color:#000; background:url('/Images/Common/bg_goPage_black.gif') left bottom repeat-x;}
a.btn_goPage.white {background-position:right -17px;}
a.btn_goPage.white span {color:#fff; background:url('/Images/Common/bg_goPage_white.gif') left bottom repeat-x;}

.sectionList li.item .sectionItem a.btn_goPage2 {position:absolute; right:30px; bottom:30px;}
a.btn_goPage2 {display:inline-block; height:23px; padding-right:12px; background:url('/Images/Common/ico_btn_arrow.gif') right 6px no-repeat;}
a.btn_goPage2 span {padding-bottom:3px; font-family:"NotoSansRegular"; font-size:15px; color:#000; background:url('/Images/Common/bg_goPage_black.gif') left bottom repeat-x;}

a.btn_goPage2.white2 {background-position:right -14px;}
a.btn_goPage2.white2 span {color:#fff; background:url('/Images/Common/bg_goPage_white.gif') left bottom repeat-x;}

@media all and (max-width:1024px) {
	.section_subMain {width:100%;}
	.section_wrap.section_company01,
	.section_wrap.section_company02,
	.section_wrap.section_company03 {background-size:cover;}
	.section_wrap.section_company01 .section_subMain .section_body {padding-top:336px;}
	.sectionList li.item .sectionItem {margin-bottom:1px;}
	.sectionList li.stamp {display:none;}
}
@media all and (max-width:768px) {
	.section_subMain .section_header {top:88px;}
	.sectionList li.item.oneCol {width:33.3%;}
	.sectionList li.item.twoCol {width:66.6%;}	
}
@media all and (max-width:700px) {
	.section_subMain .section_header h2 {font-size:40px;}
	.section_subMain .section_header .headLine {font-size:20px; line-height:30px;}
	.section_subMain .section_header .headLine strong {font-size:40px; line-height:50px;}
	.section_wrap.section_company01 .section_subMain .section_body {padding-top:300px;}	
	.sectionList li.item.oneCol {width:100%;}
	.sectionList li.item.twoCol {width:100%;}
	.sectionList li.item .sectionItem {height:auto; margin-bottom:10px; padding-bottom:70px;}
}
@media all and (max-width:480px) {
	.section_subMain .section_header h2 {font-size:30px;}
	.section_subMain .section_header .headLine {font-size:16px; line-height:28px;}
	.section_subMain .section_header .headLine strong {font-size:28px; line-height:40px;}
	.section_wrap.section_company01 .section_subMain .section_body {padding-top:270px;}	
	.sectionList li.item .sectionItem .itemCont .money {font-size:36px;}
}

.vision_wrap h2 span {display:block;}

/* Vision, CI소개 */
@media all and (max-width:768px) {
	.vision_wrap .col.col4,
	.ci_wrap .col.col4,
	.ci_wrap .col.col8 {float:none; width:100%;}
	
	.vision_wrap h2 span {display:inline;}
}
@media all and (max-width:480px) {
	.img_logoType img {width:100%; height:auto;}
}

/* 사회공헌 */
.contributeList li.item {margin-bottom:60px;}
.contributeList li.item .contributeItem {overflow:hidden;}
.contributeList li.item .contributeItem .itemImg img {width:100%; height:auto;}
.contributeList li.item .contributeItem .itemInfo dt {margin-bottom:17px; font-family:"NotoSansRegular"; font-size:24px; line-height:30px; color:#222;}
.contributeList li.item .contributeItem .itemInfo dt span.itemKind {display:block; margin:4px 0; font-size:18px; line-height:1; color:#0079c1;}
.contributeList li.item .contributeItem .itemInfo dd {font-family:"NotoSansLight"; font-size:15px; line-height:24px; color:#555;}

@media all and (max-width:760px) {
	.contributeList li.item {padding-top:30px; background:url('/Images/Common/bg_line_dot.gif') left top repeat-x;}
	.contributeList li.item:first-child {padding-top:0px; background:none;}
	.contributeList li.item .contributeItem .col {float:none;}
	.contributeList li.item .contributeItem .itemImg.col4 {width:380px;}
	.contributeList li.item .contributeItem .itemDesc {width:auto; margin:20px 0.833333% 0;}
}
@media all and (max-width:480px) {
	.contributeList li.item .contributeItem .itemImg.col4 {width:auto; margin:0 0.833333%;}
}

/* CEO 인사말 */
.greeting_headLine {font-family:"NotoSansRegular"; font-size:30px; line-height:36px; text-align:center; color:#222;}

/*.greeting_wrap {overflow:hidden;}*/
.greeting_wrap .ceoImg img {width:100%; height:auto;}
.greeting_wrap .ceoMsg .author {display:inline-block; position:relative; height:55px; margin-bottom:20px; padding-right:13px; line-height:55px;}
.greeting_wrap .ceoMsg .author .sign {display:inline-block; *dipslay:inline; *zoom:1;}

.box_profile {position:relative; padding:29px 40px 30px 140px; border:1px solid #dddddd; background-color:#f4f4f4;}
.box_profile h2 {display:block; position:absolute; left:40px; top:35px; width:67px; font-family:"NotoSansRegular"; font-size:18px; line-height:22px; color:#222;}
.box_profile .profile {padding-left:10px;}
.box_profile .profile dl {position:relative; overflow:hidden; margin-top:5px; padding-left:65px;}
.box_profile .profile dl dt {display:inline-block; position:absolute; left:0px; top:0px; padding:4px 0; font-family:"NotoSansRegular"; font-size:15px; color:#555;}
.box_profile .profile dl dd ul.history {display:inline-table; width:100%;}
.box_profile .profile dl dd ul.history li {display:table-row;}
.box_profile .profile dl dd ul.history li span {display:table-cell; padding:5px 0; font-family:"NotoSansLight"; font-size:15px; line-height:18px; color:#555; text-align:left; vertical-align:top;}
.box_profile .profile dl dd ul.history li span.date {width:140px; padding-right:20px;}

@media all and (max-width:768px){
	.greeting_wrap .ceoMsg {padding-left:10px;}
	.greeting_wrap .box_profile {clear:both; float:none; width:auto;}
}
@media all and (max-width:640px){
	.greeting_wrap .ceoImg,
	.greeting_wrap .ceoMsg {float:none; width:auto; padding-left:0px;}
	.greeting_wrap .ceoImg {margin-bottom:20px;}
	
	.box_profile {padding-left:40px;}
	.box_profile h2 {position:static; width:100%; margin-bottom:20px;}
	.box_profile .profile {padding-left:0px;}
}
@media all and (max-width:480px){
	.box_profile {padding:30px 25px;}
	.box_profile .profile dl {padding-left:0px;}
	.box_profile .profile dl dt {position:static; width:100%; margin-bottom:5px; font-size:16px;}
	.box_profile .profile dl dd	{margin-bottom:20px;}
	.box_profile .profile dl dd ul.history li span {font-size:14px;}
	.box_profile .profile dl dd ul.history li span.date {width:130px; padding-right:10px;}
}

/* 기업연혁 */
.history_wrap {margin-top:60px; padding-left:589px; padding-bottom:250px;}
.history_container {display:inline-block; width:100%; padding-left:50px; border-left:2px solid #222;}
.history_container .historyItem {position:relative; width:100%; margin-top:50px;}
.history_container .historyItem:first-child {margin-top:0px;}
.history_container .historyItem h2 {margin-bottom:10px; font-family:"NotoSansRegular"; font-size:24px; color:#0079c1;}
.history_container .historyItem .historyList {display:inline-table; width:100%;}
.history_container .historyItem .historyList li {display:table-row; font-size:14px; line-height:20px; color:#555;}
.history_container .historyItem .historyList li strong {display:table-cell; width:65px; padding:4px 0; font-family:"NotoSansRegular"; font-weight:normal;}
.history_container .historyItem .historyList li span {display:table-cell; padding:4px 0; font-family:"NotoSansLight";}

.history_container .historyItem .historyNews_wrap {display:inline-block; position:absolute; left:-641px; padding-right:59px; background:url('/Images/Company/bg_historyNews_pointer.png') right 45px no-repeat;}
.history_container .historyItem .historyNews_wrap.news2014 {top:0px; background-position:right 45px;}
.history_container .historyItem .historyNews_wrap.news2008 {top:-130px; background-position:right 175px;}
.history_container .historyItem .historyNews_wrap.news2003 {top:-295px; background-position:right 340px;}
.history_container .historyItem .historyNews_wrap.news2000 {top:-105px; background-position:right 115px;}
.history_container .historyItem .historyNews_wrap.news1996 {top:-270px; background-position:right 315px;}
.history_container .historyItem .historyNews_wrap.news1986 {top:-120px; background-position:right 190px;}
.history_container .historyItem .historyNews_wrap.news1969 {top:10px; background-position:right 45px;}
.history_container .historyItem .historyNews {width:536px; border:10px solid #0079c1; background-color:#fff;}
.history_container .historyItem .historyNews .newsCont {padding:30px;}
.history_container .historyItem .historyNews .newsCont h3 {margin-bottom:15px; font-family:"NotoSansRegular"; font-size:24px; line-height:30px; color:#222;}
.history_container .historyItem .historyNews .newsCont .newsBody {font-family:"NotoSansLight"; font-size:13px; line-height:20px; color:#555;}

@media all and (max-width:1024px) {
	.history_wrap {width:100%; padding:0px; text-align:center;}
	.history_container {width:600px; padding:0px; border-left:0px;}
	.history_container .historyItem .historyNews_wrap {position:static; margin-top:20px; padding-right:0px; background-image:none;}
	.history_container .historyItem {text-align:left;}
}
@media all and (max-width:640px) {
	.history_wrap {text-align:left;}
	.history_container {width:auto;}
	.history_container .historyItem .historyNews {width:auto;}
	.history_container .historyItem .historyNews img {width:100%; height:auto;}
}

/* 사업장소개 */
.box_businesses {overflow:hidden; padding:30px; border:1px solid #ddd; background-color:#f4f4f4;}
.box_businesses .mapImg {display:inline-block; float:left; padding:0 50px; text-align:center;}
.box_businesses .intro_wrap {float:left; width:680px; padding:10px 30px;}
.box_businesses .intro_wrap .intro {margin-bottom:40px;}
.box_businesses .intro_wrap .intro h2 {font-family:"NotoSansRegular"; font-size:25px; line-height:30px; color:#222;}
.box_businesses .intro_wrap .intro .summary {font-family:"NotoSansLight"; font-size:15px; line-height:20px; color:#555;}
.box_businesses .intro_wrap .anchorMenu {*zoom:1; margin-left:-10px;}
.box_businesses .intro_wrap .anchorMenu:after {content:""; display:block; clear:both;}
.box_businesses .intro_wrap .anchorMenu li {float:left; margin:2px 0;}
.box_businesses .intro_wrap .anchorMenu li a {display:block; position:relative; min-width:90px; height:23px; padding-left:10px;}
.box_businesses .intro_wrap .anchorMenu li a span {display:inline-block; height:100%; padding-bottom:8px; font-size:15px;}
.box_businesses .intro_wrap .anchorMenu li a:hover {color:#0078c2; background:url('/Images/Common/bu_anchorMenu_arrow.gif') left 6px no-repeat;}
.box_businesses .intro_wrap .anchorMenu li a:hover span {background:url('/Images/Common/bg_anchorMenu_span.gif') left bottom repeat-x;}
.box_businesses.foreign .mapImg {padding:0 30px;}
.box_businesses.foreign .intro_wrap {width:540px; padding-top:40px;}
.box_businesses.sales .intro_wrap {padding-top:40px;}

@media all and (max-width:1045px) {
	.box_businesses .mapImg {padding-left:0px;}	
	.box_businesses.foreign .mapImg {padding:0px 20px;}
	
	.box_businesses .intro_wrap {width:640px;}
	.box_businesses.foreign .intro_wrap {width:380px;}
	
	.box_businesses .intro_wrap .anchorMenu li {width:25%;}	
}
@media all and (max-width:768px) {
	.box_businesses.foreign .mapImg,
	.box_businesses .mapImg {float:none; width:100%; margin-bottom:20px; padding:0px;}
	.box_businesses .intro_wrap {float:none; width:540px; margin:0 auto; padding:10px 0;}	
}
@media all and (max-width:650px) {	
	.box_businesses .intro_wrap,
	.box_businesses.foreign .intro_wrap {width:auto;}
}
@media all and (max-width:620px) {
	.box_businesses.foreign .mapImg	img {width:100%; height:auto;}
}
@media all and (max-width:540px) {		
	.box_businesses .intro_wrap .anchorMenu li {width:33.33333%;}	
	.box_businesses.foreign .intro_wrap .anchorMenu li {width:25%;}	
}
@media all and (max-width:420px) {	
	.box_businesses {padding:20px;}
	.box_businesses .intro_wrap .anchorMenu li {width:50%;}
	.box_businesses.foreign .intro_wrap .anchorMenu li {width:25%;}	
}

.businessesList {overflow:hidden;}
.businessesList li.item {float:left; margin:10px 0;} 
.businessesList li.item .businessesItem {position:relative; width:380px; height:250px; margin:0 10px;}
.businessesList li.item .businessesItem h3 {margin-bottom:8px; padding-bottom:9px; font-family:"NotoSansRegular"; font-size:18px; line-height:30px; color:#222; border-bottom:1px solid #d2d2d2;}
.businessesList li.item .businessesItem .businessesDesc {margin-bottom:10px; font-family:"NotoSansLight"; font-size:14px; line-height:20px; color:#555; text-align:left;}
.businessesList li.item .businessesItem .businessesInfo {display:inline-table; width:100%;}
.businessesList li.item .businessesItem .businessesInfo li {display:table-row;}
.businessesList li.item .businessesItem .businessesInfo li strong {display:table-cell; width:75px; padding:2px 0; font-family:"NotoSansRegular"; font-size:14px; font-weight:normal; line-height:20px; color:#222; }
.businessesList li.item .businessesItem .businessesInfo li span {display:table-cell; padding:2px 0; font-family:"NotoSansLight"; font-size:14px; line-height:20px; color:#555; text-align:left; vertical-align:top;}
.businessesList li.item .businessesItem a.btn_mapView {position:absolute; right:0px; top:0px; font-size:14px;}

@media all and (max-width:1045px) {
	.businessesList li.item {width:50%;}
	.businessesList li.item .businessesItem {width:auto;}
}
@media all and (max-width:640px) {
	.businessesList li.item {float:none; width:100%; margin-bottom:40px;}
	.businessesList li.item .businessesItem {height:auto; margin:0 0.83333%;}
}

.map {width:100%; height:440px;}

/*해외사업장*/
.businessesList2 {overflow:hidden;}
.businessesList2 li.item {float:left; width:50%; margin-bottom:20px;}
.businessesList2 li.item .businessesItem {height:250px; margin:0 10px;}
.businessesList2 li.item .businessesItem h3 {margin-bottom:8px; padding-bottom:9px; font-family:"NotoSansRegular"; font-size:18px; line-height:30px; color:#222; border-bottom:1px solid #d2d2d2;}
.businessesList2 li.item .businessesItem .businessesInfo {overflow:hidden; width:100%;}
.businessesList2 li.item .businessesItem .businessesInfo li.cell2 {float:left; width:50%;}
.businessesList2 li.item .businessesItem .businessesInfo li .tRow {display:inline-table; width:100%}
.businessesList2 li.item .businessesItem .businessesInfo li .tRow strong {display:table-cell; width:75px; padding:2px 0; font-family:"NotoSansRegular"; font-size:14px; font-weight:normal; line-height:20px; color:#222; }
.businessesList2 li.item .businessesItem .businessesInfo li .tRow span {display:table-cell; padding:2px 0; font-family:"NotoSansLight"; font-size:14px; line-height:24px; color:#555; text-align:left; vertical-align:text-bottom;}
.businessesList2 li.item .businessesItem .businessesInfo li .tRow .addr {vertical-align:top;}

.map {width:100%; height:440px;}

@media all and (max-width:768px) {
	.businessesList2 li.item {float:none; width:100%; margin-bottom:50px;}
	.businessesList2 li.item .businessesItem {height:auto; margin:0 0.83333%;}
}
@media all and (max-width:430px) {
	.businessesList2 li.item .businessesItem .businessesInfo li.cell2 {float:none; width:100%;}
}

/* 영업/판매점 소개 */
.section_sales {*zoom:1;}
.section_sales:after {content:""; display:block; clear:both;}
.salesList_wrap {float:left; margin-bottom:20px;}
.salesList_wrap h2 {margin:0 10px 30px 10px; padding-bottom:15px; border-bottom:2px solid #0079c1; font-family:"NotoSansRegular"; font-size:25px; color:#0078c2;}

.salesList {overflow:hidden;}
.salesList li.item {float:left; margin-bottom:40px;}
.salesList li.item .salesItem {position:relative; width:380px; height:150px; margin:0 10px;}
.salesList li.item .salesItem h3 {margin-bottom:8px; padding-bottom:9px; font-family:"NotoSansRegular"; font-size:18px; line-height:30px; color:#222; border-bottom:1px solid #d2d2d2;}
.salesList li.item .salesItem .salesInfo {display:inline-table; width:100%;}
.salesList li.item .salesItem .salesInfo li {display:table-row;}
.salesList li.item .salesItem .salesInfo li strong {display:table-cell; width:75px; padding:2px 0; font-family:"NotoSansRegular"; font-size:14px; font-weight:normal; line-height:20px; color:#222; }
.salesList li.item .salesItem .salesInfo li span {display:table-cell; padding:2px 0; font-family:"NotoSansLight"; font-size:14px; line-height:20px; color:#555; text-align:left; vertical-align:top;}
.salesList li.item .salesItem a.btn_mapView {position:absolute; right:0px; top:0px; font-size:14px;}

@media all and (max-width:1045px) {
	.salesList_wrap {float:none;}
	.salesList {width:100%;}
	.salesList li.item {width:50%;}
	.salesList li.item .salesItem {width:auto;}
}
@media all and (max-width:640px) {
	.salesList li.item {float:none; width:100%;}
}

/* 재무정보 */
.graph_asset img {width:100%; height:auto;}

.graph_income_wrap {position:relative; overflow:hidden; margin-bottom:70px;}
.graph_income_wrap .tab_wrap4 {float:left; width:251px;}
.graph_income_wrap .tab_container {float:right;}

@media all and (max-width:1045px) {
	.graph_income_wrap .tab_wrap4 {overflow:hidden; float:none; width:100%; margin-bottom:30px;}
	.graph_income_wrap .tab_wrap4 .tab_type4 li {float:left; width:16.66666%; margin:0px;}
	.graph_income_wrap .tab_container {float:none;}
	
	.graph_income_wrap .tab_cont img {width:100%; height:auto;}	
}
@media all and (max-width:768px) {
	.tab_type4 li:hover a,
	.tab_type4 li.on a {font-size:14px;}	
}
@media all and (max-width:680px) {
	.graph_income_wrap .tab_wrap4 .tab_type4 li {width:33.33333%;}	
}
@media all and (max-width:480px) {
		.graph_income_wrap .tab_wrap4 .tab_type4 li {width:50%;}		
}

/* 전자공고 */
.bulletinList li.item {margin-top:10px;}
.bulletinList li.item:first-child {margin-top:0px;}
.bulletinList li.item .bulletinItem {padding:20px 30px; border:1px solid #dfdfdf;}
.bulletinList li.item .bulletinItem .itemYear {padding:10px 0; font-family:"NotoSansRegular"; font-size:16px; color:#222;}
.bulletinList li.item .bulletinItem .itemInfo {display:inline-table; width:100%; background:url('/Images/Common/bg_line_dot.gif') left top repeat-x;}
.bulletinList li.item .bulletinItem .itemInfo.first {background:none;}
.bulletinList li.item .bulletinItem .itemInfo>div {display:table-cell; padding:10px 0; font-family:"NotoSansLight"; color:#555; vertical-align:middle;}
.bulletinList li.item .bulletinItem .itemInfo .itemTit {font-size:16px;}
.bulletinList li.item .bulletinItem .itemInfo .itemDate {width:100px; font-size:14px;}
.bulletinList li.item .bulletinItem .itemInfo .itemDownload {width:240px;}

@media all and (max-width:640px){
	.bulletinList li.item .bulletinItem .itemInfo {display:block;}
	.bulletinList li.item .bulletinItem .itemInfo>div {display:block;}
}

/*---------------- Customer Service -----------------*/

/* Customer Sub Main */

.service_wrap {background-color:#fff;}
.service_wrap strong {font-family:"NotoSansRegular"; font-size:20px; font-weight:normal; line-height:26px; color:#222;}
.service_wrap .summary {font-family:"NotoSansLight"; font-size:14px; line-height:20px; color:#555;}
.service_wrap .summary a.email {padding-bottom:5px; border-bottom:1px solid #0079c1; font-family:"NotoSansLight"; font-size:18px; color:#0079c1;}

/* 고객의 소리 */
.service_type .typeList {overflow:hidden;}
.service_type .typeList>li {float:left; width:25%;}
.service_type .typeList>li .typeItem {height:332px; margin:10px; text-align:center; border:1px solid #ddd; background-color:#fff;}
.service_type .typeList>li .typeItem .itemImg {padding-top:42px;}
.service_type .typeList>li .typeItem dl {padding:20px;}
.service_type .typeList>li .typeItem dl dt {margin-bottom:30px; font-family:"NotoSansRegular"; font-size:24px; color:#222;}
.service_type .typeList>li .typeItem dl dd {font-family:"NotoSansLight"; font-size:14px; line-height:20px; color:#555;}
.service_type .typeList>li .typeItem dl dd a.tel {font-family:"NotoSansThin"; font-size:32px; color:#0079c1;}
.service_type .typeList>li .typeItem dl dd a.email {padding-bottom:5px; border-bottom:1px solid #0079c1; font-family:"NotoSansLight"; font-size:18px; color:#0079c1;}

.service_type .typeList2 {overflow:hidden;}
.service_type .typeList2>li {float:left; width:50%;}
.service_type .typeList2>li .typeItem {position:relative; height:155px; margin:10px; text-align:left; background-color:#fff;}
.service_type .typeList2>li .typeItem .itemImg {display:inline; position:absolute; left:50px; top:45px;}
.service_type .typeList2>li .typeItem dl {padding:40px 40px 40px 154px;}
.service_type .typeList2>li .typeItem dl dt {margin-bottom:15px; font-family:"NotoSansRegular"; font-size:24px; color:#222;}
.service_type .typeList2>li .typeItem dl dd {font-family:"NotoSansLight"; font-size:14px; line-height:20px; color:#555;}

@media all and (max-width:768px) {
	.service_type .typeList>li {width:50%;}	
	.service_type .typeList2>li {width:100%;}
	
	.service_type .typeList>li .typeItem {margin:10px 1.96666%;} 
	.service_type .typeList2>li .typeItem {margin:10px 0.83333%;}	
}
@media all and (max-width:640px) {
	.service_type .typeList>li {width:100%;}
	.service_type .typeList>li .typeItem {height:auto; margin:10px 0.83333%;}
}
@media all and (max-width:480px) {
	.service_type .typeList2>li .typeItem {height:auto;}
	.service_type .typeList2>li .typeItem .itemImg {left:20px; top:35px;}
	.service_type .typeList2>li .typeItem dl {padding:30px 20px 30px 114px;}
}

/*-------------------------- Etc ----------------------------*/

/* 통합검색 */
.totalSearch {display:inline-block; position:relative; top:-30px; height:45px; padding-right:32px; border-bottom:1px solid #ffffff;}
.totalSearch input.input_totalSearch {border:0px; width:368px; height:32px; padding:0px; font-family:"NotoSansRegular"; font-size:24px; line-height:24px; color:#fff; background:transparent;}
.totalSearch .btn_totalSearch {position:absolute; right:0px; top:0px; width:32px; height:32px; text-indent:-9999px; background:url('/Images/Common/ico_btn_totalSearch.png') left top no-repeat;}

@media all and (max-width:480px) {
	.totalSearch input.input_totalSearch {width:248px;}
}