/*	display, overflow, float, position, z-index, width & height, margin & padding, border, font, background, etc	*/
/*	* html li {margin-bottom:-2px;}	_IE6	*/
/*	*:first-child+html li {margin-bottom:-6px;}	_IE7	*/

@charset "euc-kr";

/*	Layout	*/
#container	{position:relative; max-width:100%; margin:0 auto; padding:0 !important; background:#f9f9f9; z-index:999}


/*	Layout_Common	*/
.area01,
.area03>div{position:relative; max-width:1180px; margin:0 auto; padding:0 10px; zoom:1}
.area03{width:100%; padding:70px 0 80px 0; background:#fff}
.area01:after,
.area02:after,
.area03>div:after{content:""; clear:both; display:block}

.area01{top:-70px; height:140px; }
.weather,
.even	{position:relative; float:left; overflow:hidden; width:215px; margin-right:15px;}
.weather .frame	{width:215px; height:97px; text-align:center; background:url(/images/main/bg_weather.gif) 0 0 no-repeat;}
.infoA, .bnnA	{float:left; overflow:hidden; width:715px;}
.bnnA div	{display:inline; float:left; margin-left:15px;}
.bnnA div.mega	{margin-left:0;}
.main_slide .slide_box{position:relative;height:500px}
.main_slide .slide_box .img_box{position:absolute;left:0;top:-1px;right:0;bottom:0;z-index:10}
.main_slide .slide_box .contains{position:absolute; top:100px; left:50%; width:1180px; margin-left:-590px;z-index:20}
.main_slide .slide_box .text_box{display:block;color:#fff; font-size:30px; line-height:1.3; text-align:left; font-weight:500; font-family: 'NanumMyeongjo'; text-shadow:0 0 5px rgba(0,0,0,.7);}
.main_slide .slide_box .text_box .text{display:block; font-size:60px; line-height:105%; font-weight:800; font-family: 'NanumMyeongjo';}
.main_slide .slide_box .text_box .sub{display:block; margin-top:30px; font-size:20px; font-family: 'NanumBarunGothic';}

.main_slide .slide_box .pc_con {position: absolute; left: 50%; transform: translateX(-50%); width: 100%; height: 100%; top: 0; z-index: 10; object-fit: contain;}
.main_slide .slide_box .mo_con {display: none;}

.main_slide .slick-arrow{position:absolute;left:50%;top:50%;margin-top:-42px;margin-left:-663px;width:43px;height:84px;text-align:left;text-indent:-9999px;border:0; cursor:pointer; background:url("/images/main/productPrev02.png") no-repeat center center;z-index:30}
.main_slide .slick-next{margin-left:620px;background:url("/images/main/productNext02.png") no-repeat center center}
.quickMenu{float:left; width:50%; height:140px; text-align:center; background:#fff }
.quickMenu li{position:relative; display:inline-block; box-sizing:border-box; width:32%; padding-top:25px}
.quickMenu li a{font-size:16px; color:#333}
.quickMenu li img{display:inline-block;}
.quickMenu li span{display:inline-block; width:100%; margin-top:15px }
.quickMenu li:before{content:""; display:block; position:absolute; width:1px; height:90px; border-left:1px solid #d7d7d7}
.quickMenu li:first-child:before{display:none}
.market{float:left; width:50%; height:140px; box-sizing:border-box; padding:25px 40px 20px 135px; color:#fff; background:#f89828 url("/images/main/btnQuick04.jpg") no-repeat 30px 40px}
.market h1{margin:0 0 5px; font-size:20px; font-family: 'NanumBarunGothicBold';}
.market li{position:relative; }
.market li a{display:inline-block; width:75%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16px; color:#fff; vertical-align:top}
.market li span	{float:right; }

.area02{margin-bottom:80px; padding:0 10px; text-align:center}
.area02 h1{margin-bottom:10px; font-size:40px; font-family: 'NanumMyeongjo'; font-weight:700; color:#333 }
.area02 p{margin-bottom:40px; font-size:16px; color:#666; line-height:1.5}
.area02 .prd_slide { max-width:1180px; margin:0 auto}
.area02 .prd_slide .list_box a { display:block; margin:0 10px; box-sizing:border-box; padding:30px 0; text-align:center; border:1px solid #ececec; background:#fff}
.area02 .prd_slide img{ margin:0 auto}
.area02 .prd_slide dt{ margin:10px 0 3px; color:#000; font-size:22px; font-family: 'NanumMyeongjo'; font-weight:700; background:none}
.area02 .prd_slide dd{ color:#999; font-size:14px; line-height:1.5; font-family:'NanumGothic'; letter-spacing:-0.05em}
.area02 .prd_slide .slick-arrow{position:absolute;left:50%;top:50%;margin-top:-42px;margin-left:-663px;width:43px;height:84px;text-align:left;text-indent:-9999px;border:0; cursor:pointer; background:url("/images/main/productPrev.png") no-repeat center center;z-index:30}
.area02 .prd_slide .slick-next{margin-left:620px;background:url("/images/main/productNext.png") no-repeat center center}

.area03 h1{position:absolute; top:0; font-size:38px; font-family: 'NanumMyeongjo'; font-weight:700; color:#333; line-height:1.3; letter-spacing:-0.05em }
.tabBoard {float:left; position:relative; width:50%; height:241px; margin-top:132px; }
.tabBoard>div {float:left}
.tabBoard h2{margin:0; padding:0; background:none}
.tabBoard h2 a {position:relative; display:block; padding:0 25px; border:1px solid #ccc; color:#888; font-size:14px; text-align:center; line-height:42px; border:1px solid #d5d5d5;z-index:2}
.tabBoard h2 a.tab01over {color:#000; border-bottom:1px solid #fff }
.tabBoard .board_list {position:absolute; top:43px; left:0; width:100%; padding-top:17px; text-align:center; z-index:1}
.tabBoard .board_list li{border-bottom:1px solid #ececec; text-align:left;}
.tabBoard .board_list li a {display:inline-block; width:75%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#333; font-size:16px; line-height:44px; vertical-align:top; letter-spacing:-0.5px;}
.tabBoard .board_list li span {float:right; display:inline-block; color:#999; font-size:16px; line-height:44px; letter-spacing:-0.5px;}
.tabBoard .board_list .more {position:absolute; top:-27px; right:0; width:60px; line-height:26px; text-align:center; color:#999; font-size:12px; border:1px solid #d5d5d5}
.tabBoard .news h2 a { margin-left:-1px}

.newProdcut{float:right}
.newProdcut h2{margin:0 0 10px; padding:4px 0 0; font-size:27px; font-family: 'NanumMyeongjo'; font-weight:700; color:#333; line-height:1.3; letter-spacing:-0.05em; background:none }
.newProdcut>div {float:left; position:relative; width:260px !important; }
.newProdcut h2+div{margin-right:10px}




@media screen and (max-width:1360px) {
	.main_slide .slick-prev{left:20px;margin-left:0}
	.main_slide .slick-next{left:auto;right:20px;margin-left:0}
	.main_slide .slide_box .contains { left:5%; width:100%; margin-left:0;}
}

@media screen and (max-width:1200px) {
	.tabBoard { width:45%}

}

@media screen and (min-width:1025px) and (max-width:1100px) {
	.tabBoard { width:40%}
	.market li a { width:70%;}
}


@media screen and (max-width:1024px) {
	.main_slide .slide_box .contains { top:120px; left:auto;}
	.main_slide .slide_box .text_box { text-align:center; font-size:30px;}
	.main_slide .slide_box .text_box .text{ font-size:60px; letter-spacing:-1px;}
	.main_slide .slide_box .text_box .sub { font-size:20px;}
	
	.market { padding:25px 30px 20px 30px; background-image:none;}
	.market li a { width:70%;}

	.area02 h1 { margin:0 0 20px 0; font-size:36px; line-height:100%}
	.area02 p { margin-bottom:30px; letter-spacing:-1px}
	.area03 { padding-top:50px}
	.area03 h1 { font-size:28px; margin-top:0}
	.tabBoard { width:47%; margin-top:98px;}
	.newProdcut { width:48%; margin-top:98px;}
	.newProdcut h2 { display:none;}
	.newProdcut > div { width:48% !important;}
	.newProdcut h2 + div { margin-right:4%}

}

@media screen and (max-width:767px) {
	.area01, .area02, .area03 > div { padding:0 15px;}
	
	.area01 { top:0; height:auto; padding:0}
	.main_slide .slide_box{height:300px}
	.main_slide .slide_box .img_box { background-size:auto 300px;}
  .main_slide .slide_box .img_box.mo_bg {
    background-image: url('/images/main/mainVisual_251223_bg_m.png') !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
  }
	.main_slide .slide_box .img_box.diff_m2{ background-size:cover !important;}
	.main_slide .slide_box .img_box.diff_m{ background:url('/images/main/mainVisual08_mobile.png') no-repeat left top / cover !important;}
	.main_slide .slide_box .contains { top:70px;}
	.main_slide .slide_box .text_box{font-size:20px;}
	.main_slide .slide_box .text_box .text{ font-size:38px; }
	.main_slide .slide_box .text_box .sub { margin-top:20px; font-size:16px; word-break:keep-all !important}
	.main_slide .slick-dots{display:block;position:absolute;left:50%;bottom:26px;margin-left:-50%;width:100%;height:14px;text-align:center;z-index:30}
	.main_slide .slick-dots li{display:inline-block;margin:0 5px;vertical-align:top;*display:inline;zoom:1}
	.main_slide .slick-dots button {display:block;position:relative;width:14px;height:14px; border-radius:50%; border:2px solid #fff; box-sizing:border-box; padding:0; text-indent:-999px; overflow:hidden; background:none}
	.main_slide .slick-dots .slick-active button {border:0; background:#f89828}
	
	.quickMenu,
	.market { float:none; width:100%}
	.area02 { margin-bottom:30px}
	.area02 h1 { margin:40px 0 15px 0; font-size:28px;}
	.area02 p { display:none}
	.prd_slide .list_box a { margin:0 5px; }
	.prd_slide .slick-dots{margin-top:15px}
	.prd_slide .slick-dots li{display:inline-block;margin:0 5px;vertical-align:top;}
	.prd_slide .slick-dots button {display:block;width:14px;height:14px; border-radius:50%; border:2px solid #999; box-sizing:border-box; padding:0; text-indent:-999px; overflow:hidden; background:none}
	.prd_slide .slick-dots .slick-active button {border:0; background:#f89828}
	.area03 { padding:40px 0}
	.area03 h1 { position:relative; top:auto; margin:0 0 15px 0; text-align:center;}
	.tabBoard { width:100%; height:284px; margin-top:0;margin-bottom:40px;}
	.tabBoard > div { width:50%}
	.tabBoard .board_list .more { position:relative; top:auto; right:auto; width:auto; padding:0 5%; display:inline-block; margin-top:15px;}
	.newProdcut { width:100%; margin-top:0; padding-top:28px; }
}

@media screen and (max-width:640px) {
	.main_slide .slide_box .pc_con {display: none;}
	.main_slide .slide_box .mo_con {display: block; position: absolute; left: 50%; transform: translateX(-50%); width: 100%; height: 100%; top: 0; z-index: 10; object-fit: contain;}

}

@media screen and (max-width:480px) {
	.quickMenu { height:auto; }
	.quickMenu li { padding:25px 0}
	.quickMenu li:before { height:75px}
	.quickMenu li a { font-size:14px; letter-spacing:-1px}
	.quickMenu li img { width:50px;}
	.market { padding:25px 20px; }
	.market li a { font-size:14px; letter-spacing:-1px; }
	.market li span { font-size:14px; letter-spacing:-1px;}
	.tabBoard .board_list li a { width:70%}
}