@charset "utf-8";
@import "nanumsquare.css";
#quick{position:absolute;top:440px;left:50%;width:130px;margin-left:630px;z-index:50;}
#quick a{display:block}
#quick a:link,#quick a:visited{color:#fff}
#quick .weather{height:490px;text-align:center;background:url(/images/area/sub03/main/weather_bg.png) no-repeat;color:#fff}
#quick .minwon{margin-top:10px;display: none;}

#quick .title{height:89px;padding-top:20px;font-size:14px}
#quick .title img{display:block;margin:0 auto 10px}

#quick .option{font-size:14px}
#quick .option .temp{font-weight:700}

#quick .op1{padding-top:15px}
#quick .op1 a{display:inline-block;padding-right:10px;background:url(/images/area/sub03/main/weather_arr.png) no-repeat 100% 50%}
#quick .op1 .temp{margin-top:5px;font-size:26px}

#quick .op2{padding-top:28px}
#quick .op2 .temp{font-size:20px;color:#fedf00}

#quick .op3{padding-top:25px}
#quick .op3 ul{text-align:left;margin:10px 0 0 15px}
#quick .op3 ul li{margin-bottom:5px}

#mcontainer * {word-wrap: break-word;word-break: keep-all;}
#mcontainer .ir{background:url(/images/area/sub03/main/ir.png) no-repeat;}
#mcontainer .ir:before{display:none;}
#mcontainer{background-color:#f4f5f9;}
#mvisual{position:relative;}
#mvisual{height:385px;background: url(/images/farm/main/visual_bg.png) no-repeat 50% bottom;background-size: cover;}
h2:before{display:none;}
#mvisual .copy{padding-top: 85px;}
#mvisual .copy h2{color:#0b2853;font-family: 'gmarket';font-size: 21px;font-weight: 400;}
#mvisual .copy p span{font-size: 37px;color: #222222;font-family: 'gmarket';font-weight: bold;}
#mvisual .copy p{font-size: 37px;color: #222222;font-family: 'gmarket';}
#mcontents{position:relative;top:-90px;width:100%;}
#mcontents .layout{
  padding: 0;
}
#mcontents section{position:relative;float: left;height: 310px;padding:30px 40px;overflow:hidden}
#mcontents #section1{width:50%;background-color:#fff}
#mcontents #section2{width:50%;background-color:#19aed4; padding:30px 25px;background-image: none;}
#mcontents #section3{width:25%;background-color:#2e506f}
#mcontents #section4{width:25%;background-color:#2e506f;background-image: url(/images/farm/main/obj1.png); background-repeat: no-repeat;background-position: calc(100% - 25px) calc(100% - 25px);background-size: auto;}
#mcontents #section5{width:25%;background-color:#2d8b66;background-image: url(/images/farm/main/obj2.png); background-repeat: no-repeat;background-position: calc(100% - 25px) calc(100% + 45px);background-size: auto;}
#mcontents #section6{width:25%;background-color: #296e88;background-image: url(/images/farm/main/obj3.png); background-repeat: no-repeat;background-position: calc(100% - 25px) calc(100% + 54px);background-size: auto;}
#mcontents #section6_1{width:25%;background-color:#e6e8ec}
#mcontents #section7{width:100%;height: auto;padding:0;}
#mcontents #section3,
#mcontents #section4,
#mcontents #section5,
#mcontents #section6,
#mcontents #section6_1{
  padding:  50px 35px;
}
@media(max-width:700px){
	#mcontents #section7{height:150px;}
}
section h3.tit{color:#fff;display: block;font-size: 18px;}
section h3.tit em{
  display: block;
  font-size: 18px;
  font-weight: bold;
  font-family: 'nsr';font-weight: bold;
  margin-bottom: 5px;
  
}
section h3.tit span{
  color: #fff;
  font-family: 'nsr';
  font-size: 14px;
 
}
section>a.more{
  margin-top: 35px;
  font-size: 15px;
  color: #fff;
  font-family: 'nsr';
  width: 97px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  font-weight: bold;
  background: rgba(0,0,0,.3);


}
#section1 .tab{width:100%;}
#section1 .tab a{float: left;width:auto;padding-left:1%;margin-bottom:20px;}
#section1 .tab a.first{padding-left:0;}
#section1 .tab a span{display:block;padding:0 10px;border-bottom:4px solid #e5e5e5;padding-bottom: 5px;font-size:17px;text-align:center;}
#section1 .tab a.ov span{border-bottom:4px solid #005cc0;}
#section1 .grap{width:100%;height:180px;overflow:hidden;}
#section1 .grap .obj{width:100%;}
#section1 .ir.ir1{float:left;display:inline-block;width:74px;height:74px;background-position: -187px 0;margin-right: 20px;}
#section1 .grap ul li a strong{display:block;font-size:17px;margin-bottom:5px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
#section1 .grap ul li a p{line-height:22px;}
#section1 .grap ul li a p br{display:none}
#section1 .grap ul li .news_list{clear:both;padding-top: 23px;}
#section1 .grap ul li .news_list li{background: url(/images/area/sub03/main/bul.png) no-repeat 0 9px;text-align:right;line-height:28px;color:#767676;}
#section1 .grap ul li .news_list li a{width:75%;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;float:left;text-align:left;padding-left: 10px;color:#555;}
#section1 .grap ul li .news_list li a:hover,
#section1 .grap ul li .news_list li a:focus{text-decoration:underline;}
#section1 .more{position:absolute;top:25px;right:40px;font-size:0;color:#666;}
#section1 .more .ir{display:block;float:right;width:30px;height:28px;margin-left:10px;}


#section2 .grap {width:100%;  background:#fff; height:210px; position:relative;}
#section2 .grap .tab_menu {position:absolute; top:-35px; right:0;  }
#section2 .grap .tab_menu ul {overflow:hidden}
#section2 .grap .tab_menu ul li {float:left; padding:2px 10px; margin-left:7px; width:100px; background:#fff; text-align:center}
#section2 .grap .tab_menu ul li.on {background:#02566b}
#section2 .grap .tab_menu ul li.on a {color:#fff}
#section2 .grap .tab_menu ul li:hover a, #section2 .grap .tab_menu ul li:focus a {text-decoration:underline}
#section2 .grap .wrap {width:100%; overflow:hidden;}
#section2 .grap .wrap .obj {min-width:550px;}
#section2 .grap .wrap .obj .obj_tab {width:100%; border-bottom:1px solid #02566B;}
#section2 .grap .wrap .obj .obj_tab ul {overflow:hidden}
#section2 .grap .wrap .obj .obj_tab ul li {float:left; background:#F7F7F7; text-align:center; padding:5px 0; border-right:1px solid #ddd}
#section2 .grap .wrap #domae .obj_tab ul li {width:20%; }
#section2 .grap .wrap #somae .obj_tab ul li {width:16.66%; }
#section2 .grap .wrap .obj .obj_tab ul li a {display:block}
#section2 .grap .wrap .obj .obj_tab ul li:last-child{border-right:none;}
#section2 .grap .wrap .obj .obj_tab ul li.on {background:#02566B;}
#section2 .grap .wrap .obj .obj_tab ul li.on a {color:#fff}

#section2 .grap .wrap .obj .item ul {width:100%; border-bottom:1px solid #CCC; overflow:hidden;}
#section2 .grap .wrap .obj .item ul li {padding:7px; position:relative; font-size:12px;float:left;  text-align:center}
#section2 .grap .wrap .obj .item ul:last-child {border-bottom:0}
#section2 .grap .wrap .obj .item .item_bd {height:141px; overflow-y:auto}
#section2 .grap .wrap .obj .item ul li:nth-child(1) {width:20%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#section2 .grap .wrap .obj .item ul li:nth-child(2),
#section2 .grap .wrap .obj .item ul li:nth-child(3),
#section2 .grap .wrap .obj .item ul li:nth-child(4),
#section2 .grap .wrap .obj .item ul li:nth-child(5),
#section2 .grap .wrap .obj .item ul li:nth-child(6)  {width:16%;}
#section2 .grap .wrap .obj .item ul li.up:before {background:url('/images/area/common/updown_icon.jpg') no-repeat; width:7px; height:5px; position:absolute; content:''; background-position:0 0; right:32px; top:14px; }
#section2 .grap .wrap .obj .item ul li.down:before {background:url('/images/area/common/updown_icon.jpg') no-repeat; width:7px; height:5px; position:absolute; content:''; background-position:-8px 0; right:32px; top:14px; }
#section2 .grap .wrap .obj .item ul li.right {text-align:right}
#section2 .grap .wrap .obj .item ul.item_hd {background:#f7f7f7; padding-right:20px;}



/*
#section2 .date{color:#fff;font-size:13px;}
#section2 .grap{width:100%;height:118px;overflow:hidden;margin-top: 40px;}
#section2 .grap .obj{width:200%;height:100%;}
#section2 ul.item{display:table; width:50%; list-style:none; margin:30px 0; padding:0;border:1px solid #fff;float:left;}
#section2 ul.item > li{display:table-cell;width:25%;color:#fff;border-left:1px solid #fff;text-align:center;vertical-align:middle;font-size:14px;}
#section2 ul.item > li:first-child{border-left:none;}
#section2 .ir.more{display:block;position:absolute;top:30px;right:30px;width: 28px;height: 28px;background-position: -32px -1px;font-size:0;border: 1px solid #fff;}
#section2 .control{position:absolute;top:35px;right:73px}
#section2 .control button{display: inline-block;vertical-align: middle;width: 16px;height: 16px;background: url(/images/kor/main/c_control.png) no-repeat;font-size:0}
#section2 .control button.ir.prev{background-position: 3px 1px;}
#section2 .control button.ir.play{background-position: -45px 1px;display:none;}
#section2 .control button.ir.stop{background-position: -21px 1px;}
#section2 .control button.ir.next{background-position: -70px 1px;}*/



#section3 .grap{width:100%;height:189px;overflow:hidden;padding-top:10px;}
#section3 .grap .obj{position:relative;width:100%;height:100%;}
#section3 .grap .obj .item{position:absolute;width:100%;height:100%}
#section3 .grap .obj .item a{display:block;width:100%;height:100%;overflow:hidden}
#section3 .grap .obj .item .thm_img{display:block;height:189px;text-align:center}
#section3 .grap .obj .item .thm_img img {max-width:none;width:100%;height:100%}
#section3 .numb{position: absolute; bottom:20px;left:50%;margin-left:-20px;}
#section3 .numb .ir{display:inline-block;width:12px;height:12px;background:url(/images/area/sub03/main/ir.png) no-repeat;font-size:0;background-position:-139px -9px;}
#section3 .numb .ir.ov{background-position: -118px -9px;}
#section3 .control{position:absolute;top:30px;right:40px;}
#section3 .control .ir{display:inline-block;width:12px;height:12px;background: url(/images/area/sub03/main/ir.png) no-repeat;font-size:0}
#section3 .control .ir.prev{background-position: -61px -9px;}
#section3 .control .ir.stop{background-position: -79px -9px;}
#section3 .control .ir.play{display:none;background-position: -79px -28px;}
#section3 .control .ir.next{background-position: -96px -9px;}


#section4 ul li{width:47%;float:left;background: url(/images/area/sub03/main/bul2.png) no-repeat 0 9px;margin-bottom: 10px;}
#section4 ul li.le{width:46%}
#section4 ul li a{display:block;padding-left:6px;color: #374462; letter-spacing: -1.5px;}
#section4 ul li a:hover{text-decoration: underline;}
/*
#section4 .grap{width:136px;height:135px;overflow:hidden;margin: 0 auto;}
#section4 .grap .obj{width:200%;height:100%}
#section4 .grap .obj .item{position:relative;float:left;width:50%;height:100%}
#section4 .grap .obj .item a{display:block;width:100%;height:100%;overflow:hidden;}
#section4 .grap .obj .item .thm_img{display:block;width:200%;height:135px;margin-left:-50%;text-align:center}
#section4 .grap .obj .item .thm_img img {max-width: none;height: 100%;}
#section4 .numb{position: absolute; bottom:55px;left:50%;margin-left:-20px;}
#section4 .numb .ir{display:inline-block;width:12px;height:12px;background:url(/images/area/sub03/main/ir.png) no-repeat;font-size:0;background-position:-139px -27px;}
#section4 .numb .ir.ov{background-position: -118px -27px;}
#section4 .control .ir{display:inline-block;width:21px;height:41px;background: url(/images/area/sub03/main/ir.png) no-repeat;font-size:0}
#section4 .control .ir.prev{position:absolute;top:130px;left:30px;background-position: 0 -43px;}
#section4 .control .ir.next{position:absolute;top:130px;right:30px;background-position: -45px -43px;}
*/

#section5 ul li{display:inline-block;width:50%;float:left;margin-bottom: 20px;overflow:hidden;}
#section5 ul li *{vertical-align:middle}
#section5 ul li a{display:block;}
#section5 ul li a:hover span{text-decoration: underline;}
#section5 ul li a span{display:inline-block;line-height:32px;text-align:center}
#section5 ul li a span:first-child{width:40px;height:40px;border-radius: 50%;text-decoration: none;margin:0 auto;margin-right:5px;}
#section5 ul li a:hover span:first-child{border: 3px solid #19aed3;}
#section5 .ir.more{display:block;position:absolute;top:40px;right:40px;width:20px;height:15px;background-position: -35px -26px;font-size:0;}
/*
#section5 .grap{width:120px;height:140px;margin:0 auto;overflow:hidden;}
#section5 .grap .obj{width:200%;height:100%;}
#section5 .grap .obj .item{position:relative;float:left;width:50%;}
#section5 .grap .obj .item a{display:block;margin-bottom: 10px;}
#section5 .grap .obj .item a:hover span{text-decoration: underline;}
#section5 .grap .obj .item a span{vertical-align:middle;line-height:40px;}
#section5 .grap .obj .item a span:first-child{display: inline-block;width:40px;height:40px;border-radius: 50%;margin-right: 5px;text-decoration: none;}
#section5 .grap .obj .item a:hover span:first-child{border: 3px solid #19aed3;}
#section5 .numb{position: absolute; bottom:55px;left:50%;margin-left:-20px;}
#section5 .numb .ir{display:inline-block;width:12px;height:12px;background:url(/images/area/sub03/main/ir.png) no-repeat;font-size:0;background-position:-139px -27px;}
#section5 .numb .ir.ov{background-position: -118px -27px;}
#section5 .control .ir{display:inline-block;width:21px;height:41px;background: url(/images/area/sub03/main/ir.png) no-repeat;font-size:0}
#section5 .control .ir.prev{position:absolute;top:130px;left:30px;background-position: 0 -43px;}
#section5 .control .ir.next{position:absolute;top:130px;right:30px;background-position: -45px -43px;}
*/

#section6 .s_tit{display:block;color:#fff;text-align:center}
#section6 p{width: 100%;color:#fff;line-height: 20px;}
#section6 .button{text-align: center;display: block;margin-top: 10px;}
#section6 .button a{display:block;padding: 8px 25px; border:2px solid #fff;margin-bottom:8px;color:#fff;}
#section6 .button a:hover{background-color:#fff;color:#45342b;}
section#section6_1 h3.tit em{
  color: #222;
  margin-bottom: 10px;
}

#section6_1 .sldie_wrap{
  position: relative;
}
#section6_1  .slide{
  width: 100%;
  height: 182px;
  overflow: hidden;
  
}
#section6_1  .slide .item{
  width: 100%;
}
#section6_1  .slide .item .thum{
  width: 100%;
  height: 139px;
  position: relative;
  background: #ccc;
  overflow: hidden;
  margin-bottom: 10px;

}
#section6_1  .slide .item .thum img{
  display: block;;
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
  max-width: none;
  width: 100%;
  height: auto;
}
#section6_1  .slide .item span{
  display: block;
  color: #222;
  font-family: 'nsr';
  font-size: 14px;
      display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 34px;
    line-height: 1.2;
}
#section6_1 .control{
  position: absolute;
  top:-35px;
  right: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#section6_1 .sldie_wrap a.more{
  display: block;
  position: absolute;
  top:-39px;
  right: 0;
  width: 30px;
  height: 28px;
  border: 1px solid #000;
  background: #fff url(/images/farm/main/plus.png) center no-repeat;
  font-size: 0;
}
.control .button{
    width: 20px;
    height: 20px;
    font-size: 0;
    background-position: center;
    background-repeat: no-repeat;
}

#section6_1 .control  button.prev{background-image: url("data:image/svg+xml,%3Csvg width='7' height='13' viewBox='0 0 7 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.72865 0.286757C6.36685 -0.0955861 5.78026 -0.0955861 5.41846 0.286757L4.01157 1.86541L0.27135 5.80771C-0.0904503 6.19005 -0.0904502 6.80995 0.27135 7.19229L5.41846 12.7132C5.78026 13.0956 6.36685 13.0956 6.72865 12.7132C7.09045 12.3309 7.09045 11.711 6.72865 11.3287L2.23664 6.5L6.72865 1.67134C7.09045 1.289 7.09045 0.6691 6.72865 0.286757Z' fill='black'/%3E%3C/svg%3E%0A");}
#section6_1 .control  button.next{background-image: url("data:image/svg+xml,%3Csvg width='7' height='13' viewBox='0 0 7 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.27135 0.286757C0.63315 -0.0955861 1.21974 -0.0955861 1.58154 0.286757L2.98843 1.86541L6.72865 5.80771C7.09045 6.19005 7.09045 6.80995 6.72865 7.19229L1.58154 12.7132C1.21974 13.0956 0.63315 13.0956 0.27135 12.7132C-0.0904498 12.3309 -0.0904507 11.711 0.271349 11.3287L4.76336 6.5L0.27135 1.67134C-0.0904493 1.289 -0.0904493 0.6691 0.27135 0.286757Z' fill='black'/%3E%3C/svg%3E%0A"); }
#section6_1 .control  button.stop{background-image: url("data:image/svg+xml,%3Csvg width='7' height='13' viewBox='0 0 7 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='2' height='13' rx='1' fill='black'/%3E%3Crect x='5' width='2' height='13' rx='1' fill='black'/%3E%3C/svg%3E%0A"); }
#section6_1 .control  button.play{display: none; background-image: url("data:image/svg+xml,%3Csvg width='12' height='15' viewBox='0 0 12 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.7212 6.66322C11.3244 7.05797 11.3244 7.94203 10.7212 8.33678L2.29753 13.8486C1.63245 14.2838 0.75 13.8066 0.75 13.0118L0.750001 1.98816C0.750001 1.19335 1.63245 0.716197 2.29753 1.15138L10.7212 6.66322Z' fill='black'/%3E%3C/svg%3E%0A");}
#mcontents #section7{padding:0px 60px;margin-top: 50px; }
#section7 .grap{position:relative;width:100%;height:100%;overflow:hidden;display: flex;align-items: center;justify-content: center;}
#section7 .grap .obj{position:relative;width:100%;height:auto;white-space: nowrap;}
#section7 .grap .obj .item{position:relative;width: 135px}
#section7 .grap .obj .slick-slide{width:  135px;}
#section7 .grap .obj  .slick-slide img{width: auto;height: auto;display: inline-block;}
#section7 .grap .obj .item a{display:block;}
#section7 .grap .obj .item a span{display:block;margin:0 auto;text-align:center;line-height:1.2;}
#section7 .grap .obj .item a span:first-child{
  height: 70px;
}
#section7 .grap .obj .item a span img{margin-bottom: 20px;}
#section7 .control{display:block;}
#section7 .control .ir.prev{position:absolute;top:calc(50% - 40px);left:20px;display:block;width:21px;height:41px;background-position: 0 -43px;font-size:0}
#section7 .control .ir.next{position:absolute;top:calc(50% - 40px);right:20px;display:block;width:21px;height:41px;background-position: -45px -43px;font-size:0}
@media(min-width:2300px){
  #mvisual{
    height: 460px;
  }
  #quick{
    top: 515px;
  }
}
@media(max-width:1200px){
	#mcontents .layout{width:95%;}
	#mvisual{}
	#mvisual .copy{margin-left: 0}
	#mvisual .copy p span{width:300px;height:60px;}
	#mcontents #section4{padding:30px 10px;}
	#mcontents #section2{padding:30px}
}

@media(max-width:1110px){
	#mcontents .layout{width:95%;}
	#mcontents #section1,
    #mcontents #section2 {width:100%}
	#mcontents #section3,
	#mcontents #section4,
	#mcontents #section5,
	#mcontents #section6,
    #mcontents #section6_1 {width:50%;}
	#mvisual .copy h2{font-size: 24px;}
	#mvisual .copy p span{font-size: 32px;}
	#mvisual .copy p{font-size: 32px;}
	#mcontents #section4{padding:30px 60px;}
	#section4 ul li{width:50%;}
	#section4 ul li.le{width:50%}
}
@media(max-width:970px){
	#mcontents .layout{width:80%}
	#mcontents{top:-50px}
	#mvisual{height:271px;background: url(/images/area/sub03/main/visual_bg2.jpg) no-repeat 20% 50%; background-size:cover}
	#mvisual .copy{    width: calc(80% + 30px); margin: 0 auto;}
	#mvisual .copy h2{font-size:20px;}
	#mvisual .copy p span{width:250px;height:50px;}
	
	#mcontents #section4{padding:30px 20px;}
}
@media(max-width:768px){
	#mcontents #section2, #mcontents #section3, #mcontents #section4, #mcontents #section5, #mcontents #section6, #mcontents #section6_1 {width:100%}
	#mcontents section{padding:30px;}
	#mcontents .layout{width:90%}
	#mvisual .copy{margin-left: 0px;}
	#mvisual .copy h2{font-size:18px;}
	#mvisual .copy p span{display:block;height:60px;}
	#section7 .grap .obj .item{width:12.5%;}
	#section1 .ir.ir1{display:none}
	#section1 .tab a span{font-size:16px;}
	#section4 ul li{width:55%;}
	#section4 ul li.le{width:45%}
	#section1 .more, #section5 .ir.more{right:30px;}
}
@media(max-width:564px){
	#mcontents section{padding:30px 25px;}
	#mcontents .layout{width:95%}
	#mvisual{height:271px;background: url(/images/area/sub03/main/visual_bg3.jpg) no-repeat 50% 50%; background-size:cover}
	#mvisual .copy{margin-left: -100px;top:10px;}
	#mvisual .copy h2{font-size:15px;margin:0;}
	#mvisual .copy p span{width:200px;height:40px;line-height:0px;}
	#mvisual .copy p{font-size:15px}
	#section7 .grap .obj .item{width:25%;}
	#mcontents #section6{height:400px;}
	#mcontents #section1{height:400px;}
	#section6 p{width:100%;float:none;}
	#section6 .button{float:none;width:90%;margin:0 auto;margin-top:30px;text-align:center;}
	/* #section1 .tab a{width:35%; padding-left:0;}
	#section1 .tab a.first{width:28%;}
	#section1 .tab a.last{width:37%;} */
	#section1 .tab a.last span{text-align:center;padding-left:0}
	#section1 .tab a span{font-size:14px;padding:0 5px;}
	#section1 .more{top:352px;right:40px;font-size:15px;}
	#section1 .more .ir{margin-top:-2px;}
	#section1 .grap{height:276px;}
	#section1 .grap ul li a p{height: 44px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	#section1 .grap ul li a p br{display:block;}
	#section1 .grap ul li .news_list{padding-top:0px;padding-bottom:20px;}
	#section1 .grap ul li .news_list li{text-align:left;padding-left:15px;}
	#section1 .grap ul li .news_list li a{width:100%;float:none;display:block;text-indent:-10px;}
	#mcontents #section4{padding:30px 30px;}
	#section4 ul li{width:50%;}
	#section4 ul li.le{width:50%}
	#section1 .more{right:30px}
    
    #section2 .grap .wrap {overflow:auto}
    #section2 .grap .wrap .obj .item {overflow-x:auto}
    #section2 .grap .wrap .obj .item .i_box {width:600px; }
    

}
@media(max-width:358px){
	#mcontents #section6{padding: 30px}
	#section6 .button{width:100%}
	#mcontents #section4{padding:30px 20px;}
	#section1 .tab a span{padding:0;}
    
    #section2 .grap .tab_menu ul li {width:55px;}

}
@media(max-width:340px){
	#mcontents #section4{padding:30px 10px;}
}