﻿.br-mobile{display: none;}

@media screen and (max-width: 1730px){
	#spot.main .bg{width:1700px; left: 50%; top: 0; position: relative; margin-left: -850px;}
	#bot-main  .bg > div{width:1700px !important; left: 50% !important; top: 0; position: relative; margin-left: -850px;}
}/* //1700px */

@media screen and (max-width: 1600px){
	#header .lnb_bg .banner{right: 15px; width: 100px; height: auto;}
	#header .lnb_bg .banner img{max-width: 100%;}
	#spot-sub .thumb .img{ left: 50%; width: 1600px; margin-left: -800px; }
	.contIntroList > li {margin-left:20px;}
	.contIntroList > li:nth-child(1) {margin-left:0;}
	.contIntroList > li:nth-child(4) {margin-left:0;}
}/* //1600px */

@media screen and (max-width: 1500px){
	.mb-c1{margin-bottom: 40px;}
	.pt-c1{padding-top: 40px;}
	.mb-c2{ margin-bottom: 20px; }
	.mb-c3{ margin-bottom: 30px; }
	.mb-c4{ margin-bottom: 15px; }
	img{max-width: 100%;}
	input.inp_txt[type="text"], input.inp_txt[type="password"],input[type="text"]:disabled{width: 39.5%;}
	input.wt1{width: 70px !important;}
	input.wt2{width: 100% !important;}
	input.wt3{width: 37% !important;}
	input.wt4{width: 26% !important;}
	.box-file-fak .input_file{width: 60%;}
	textarea.textarea{ width: 100%; height: 150px; }
	.lst_form .fz-s{display: block; margin-top: 5px; margin-left: 0;}

	#header .lnb, .innerCenter{max-width: 1054px;}
	#header .lnb_bg .banner{right: 15px; width: 100px; height: auto;}
	#header .lnb{margin-left: auto; margin-right: auto;}
	#header .lnb > ul{text-align: left;}
	#header .lnb > ul > li{width: 13.96%;}
	#header .lnb > ul > li .depth2 > .inr{padding-left: 48px;}
	#header .lnb_bg .search > .innerCenter{padding-left: 97px;}
	#header .box-scroll > .innerCenter{width: 100%; max-width:100%;}
	#header .box-scroll .btn_lnb{left: 80px;}
	#header .box-scroll .btn_search{right: 80px;}

	#spot.main .tab{width: 1200px; margin-left: -600px;}
	#bot_companies .sec1 .a_map{width: 245px;}
	#bot_companies .sec1{width: 27.071429%;}
	#bot_companies .sec3{width: 38.557143%;}
	#bot_companies .sec3 > .lst_sns > ul > li > a{/* width: 96px; */}
 /* 2017-01-06 수정 */

	#bot-main > #new-product > ul > li > .thumb{width: 180px; margin-top: 30px; height: auto; margin-left: auto; margin-right: auto;}
	#bot-main > #new-product > ul > li > .thumb img{max-width: 100%;}
	#bot-main > #banner-partners{width: 1054px; margin-left: -527px;}
	#bot-main > #banner-partners .bx_ticker{width: 806px;}
	#bot-main  #all-partners{width: 872px;margin-left: -527px;}
	#bot-main  #all-partners .inner a{width: 23%;}

	#container.sub .path{width: 100%; }

	.PopupWrap.sitemap{width: 90%; margin-left: 5%; margin-right: 5%; left: 0; }
	.PopupWrap.sitemap .search > .innerCenter{padding-left: 0;max-width: initial;width: 91%;}
	.PopupWrap.sitemap .lnb > ul > li{width: 14.2%;}
	#container.sub .container_inner{ width: 90%; margin-left: 5%; margin-right: 5%; }
	#spot-sub .thumb .lst_sns{position: absolute;right: 0;top: 0;width: auto;margin-left: 0;left: initial;}
	#spot-sub.sub2 .thumb .cont{width: 90%; margin-left: 5%; margin-right: 5%;  position: absolute; left: 0; top: 40px;}
	/*#container.sub .container_inner.lst_isotope{margin-right: 0; width: 95%;	}
	#container.sub .container_inner.lst_isotope .path{width: 95%;}
	#container.sub .container_inner.lst_isotope #bbs_isotope > .header,
	#container.sub .container_inner.lst_isotope #bbs_isotope > .pageing{width: 95%;}*/
	#spot-sub .rtitle .lst > ul > li{float: left; width: 140px; }
	/* 2018-05-28 */
	#spot-sub .rtitle .lst > ul.type02 > li{width: 125px; }
	/* //2018-05-28 */

	/* 인사말 */
	.con-message .set-fs1 br{display: none;}
	.con-message .content-article > .thumb{width: 46%;}
	.con-message .content-article > .cont-message{margin-left: 53%;padding-top: 2%;}

	/* 연구소&공장 */
	.con-infra2 .section1 .lst > ul > li.n1 .inr,
	.con-infra2 .section1 .lst > ul > li.n2 .inr,
	.con-infra2 .section1 .lst > ul > li.n3 .inr,
	.con-infra2 .section1 .lst > ul > li.n4 .inr,
	.con-infra2 .section1 .lst > ul > li.n5 .inr,
	.con-infra2 .section1 .lst > ul > li.n6 .inr{height: 160px;}
	.con-infra2 .section1 .lst > ul > li  .img{position: absolute;left: 40px;top: 7px;}

	.con-infra2 .section1 .lst > ul > li.n1,
	.con-infra2 .section1 .lst > ul > li.n3,
	.con-infra2 .section1 .lst > ul > li.n5{width: 42%;}
	.con-infra2 .section1 .lst > ul > li.n2,
	.con-infra2 .section1 .lst > ul > li.n4,
	.con-infra2 .section1 .lst > ul > li.n6{width: 50%;}

	.con-infra2 .section1 .lst > ul > li.n4 .inr{border-left: 1px solid #a6a6a6; padding-left: 50px;}
	.con-infra2 .section1 .lst > ul > li.n4  .img{left: 40px;}

	.con-infra2 .section1 .lst > ul > li.n1 .inr,
	.con-infra2 .section1 .lst > ul > li.n3 .inr,
	.con-infra2 .section1 .lst > ul > li.n5 .inr{border-left: 0; padding-left: 0;}
	.con-infra2 .section1 .lst > ul > li.n3  .img,.con-infra2 .section1 .lst > ul > li.n5  .img{ left: 0; }

	/* 특수분유 > 특수분유안내 */
	.contentMotion .visual.formula1 .txt > *{position: absolute;left: 45%;top: 0;}
	.contentMotion .visual.formula1 .txt .t4{margin-left: 460px;}

	/* 사회공헌 >  진암장학재단 */
	.con-jinanfoundation .section2 .set-content1 .box_thumb{width: auto; display: block;}
	.con-jinanfoundation .section2 .set-content1 .box_thumb.first{margin-bottom: 5%;}

	/* 공시정보 > 사업감사보고서 */
	.con-officialnotice2 .lst_officaial2 > ul > li{padding-left: 149px;}
	.con-officialnotice2 .lst_officaial2 .book{margin-right: 18px;}

	/* 행복한 육아 > 매일클래식 소개 */
	.con-happyparenting1 .wBk br{display: none;}

	/* 행복한 육아 공통 */
	.con-happyparenting1 .summary-top br,
	.con-jinanfoundation  .summary-top br,
	.con-jinanfoundation .set-fs1 br,
	.con-socialresponsibility .summary-top br{display: none;}

	.con-story3 .tab_y50{height: 78px;}
	.con-story3 .tab_y50  li {width:calc((100% / 5) + 30px);}
	.con-story3 .tab_y50  li a{height: 78px; padding-left: 17%;padding-top: 30px; background-repeat: no-repeat;background: url(../images/infomation/tab_his21_off.png) left top no-repeat;}
	.con-story3 .tab_y50  li .txt {width:132px; height:20px; background-size:auto 45px;}
	.con-story3 .tab_y50  li .sub {display:none;}
	.con-story3 .tab_y50  li.n2 .txt{ background-position-x:-150px;}
	.con-story3 .tab_y50  li.n3 .txt{ background-position-x:-300px;}
	.con-story3 .tab_y50  li.n4 .txt{ background-position-x:-450px;}
	.con-story3 .tab_y50  li.n5 .txt{ background-position-x:-600px;}
	.con-story3 .tab_y50  li+li {margin-left:-30px}
	.con-story3 .tab_y50  li.ovr a .txt,
	.con-story3 .tab_y50  li.on a .txt {background-position-y:-22px;}
	.con-story3 .tab_y50  li.ovr a,
	.con-story3 .tab_y50  li.on a{background-image: url(../images/infomation/tab_his21_on.png);  border-color: #194e91; border-width: 0;}
	.contIntroList > li {margin-left:10px;}
	.contIntroList > li:nth-child(1) {margin-left:0;}
	.contIntroList > li:nth-child(4) {margin-left:0;}
}/* //1500px */

@media screen and (max-width: 1450px){
	/* 기업소개 */
	.con-infomation .section2 .lst1 > ul{margin-left: -20px; }
	.con-infomation .section2 .lst1 > ul > li{ position: relative; margin-left: 20px; width: 210px; height: 210px; border-radius: 210px;}
	.con-infomation .section2 .lst1 > ul > li .cont{padding-top: 35px;}
	.con-infomation .section2 .lst1 > ul > li .bg{margin-left: -45px;margin-top: -83px;z-index: 0;width: 90px;}
	.con-infomation .section2 .lst1 > ul > li .bg img{max-width: 100%;}
/*
	.con-history .cont_history{top: 60px;}
	.con-history .box_control .inner  > ul  br.mp1{display: block;}
	.con-history .box_control .inner  > ul > li{margin-bottom: 30px;}
*/
	/* s:2017-02-20 추가 */
	/* 경영정보 */
	.con-management .section5 .lst li{width:31.6%;}
	/* e:2017-02-20 추가 */
}

@media screen and (max-width: 1400px){
	#container.sub .container_inner .contentMotion > .inner,.inr-cen{  width: 84.33734939759036%; padding-bottom: 70px;}
	#container.sub .container_inner .contentMotion > .inner.mt{margin-top: 7.6%;}

	/* 연구소&공장 */
	/*.con-infra1 .visual .lst.n1 .cont .t1{top: 130px;}
	.con-infra1 .visual .lst.n1 .cont .t2{top: 271px;}
	.con-infra1 .visual .lst.n1 .cont .t3{top: 235px;}
	.con-infra1 .visual .lst.n1 .cont .line{top: 270px;}
	.con-infra1 .visual .lst.n2 .cont .t1{top: 130px;}
	.con-infra1 .visual .lst.n2 .cont .t2{top: 291px;}
	.con-infra1 .visual .lst.n2 .cont .t3{top: 294px;}
	.con-infra1 .visual .lst.n2 .cont .line{top: 270px;}*/

	.con-global .section1 > h1{position: absolute;left: 0;top: 0;z-index: 2;width: 120px;}
	.con-global .section1 .map{width: 100%;}
	.con-global .section1 .map .bg img{width: 100%; height: auto;}
	.con-global .section1 .map .country .img img{width: 50px; height: auto;}
	.con-global .section1 .map .country .txt:after{background: url(../images/infomation/bg_bubble_left2.png) 100% 0 no-repeat;}
	.con-global .section1 .map .country.n1{left: 30%;top: 9%;}
	.con-global .section1 .map .country.n2{left: 13.9%;top:35.2%;}
	.con-global .section1 .map .country.n3{left: 34%;top: 56%;}
	.con-global .section1 .map .country.n4{left: 47%;top: 37%;}
	.con-global .section1 .map .country.n5{left: 48%;top: 69%;}
	.con-global .section1 .map .country.n6{left: 71%;top: 12%;}
	.con-global .section1 .map .country.n7{left: 71%;top: 43%;}

	.con-global .section1 .map .country.n1 .txt{left: -50px;top: 60px;width: 240px;}
	.con-global .section1 .map .country.n2 .txt{left: -34px;top: 63px;width: 165px;}
	.con-global .section1 .map .country.n3 .txt{left: 0;top: 65px;width: 93px;}
	.con-global .section1 .map .country.n4 .txt{left: 0;top: 60px;width: 91px;}
	.con-global .section1 .map .country.n5 .txt{left: -36px;top: 62px;width: 158px;}
	.con-global .section1 .map .country.n6 .txt{left: 0;top: 66px;width: 162px;}
	.con-global .section1 .map .country.n7 .txt{left: -60px;top: 68px;width: 251px;}
	.con-global .section2 .summary-top br{display: none;}
	.con-global .section3 .summary-top br{display: none;}

	.con-history .cont_history{top: 90px;}
	.con-history .box_control .inner  > ul  br.mp1{display: block;}
	.con-history .box_control .inner  > ul > li{margin-bottom: 10px;}
	.con-history .box_control .inner  > ul > li .txt_on .line{display: none !important;}
	.con-history .box_control .inner  > ul > li.on .txt_on{height: 0;}
	.con-history .box_control .inner  > ul > li.m1 .txt_on .t_on,
	.con-history .box_control .inner  > ul > li.m2 .txt_on .t_on,
	.con-history .box_control .inner  > ul > li.m3 .txt_on .t_on,
	.con-history .box_control .inner  > ul > li.m4 .txt_on .t_on,
	.con-history .box_control .inner  > ul > li.m5 .txt_on .t_on,
	.con-history .box_control .inner  > ul > li.m6 .txt_on .t_on {margin-top: -88px;}
	.con-history .box_control .inner  > ul > li.m7 .txt_on .t_on,
	.con-history .box_control .inner  > ul > li.m8 .txt_on .t_on,
	.con-history .box_control .inner  > ul > li.m9 .txt_on .t_on,
	.con-history .box_control .inner  > ul > li.m10 .txt_on .t_on,
	.con-history .box_control .inner  > ul > li.m11 .txt_on .t_on,
	.con-history .box_control .inner  > ul > li.m12 .txt_on .t_on,
	.con-history .box_control .inner  > ul > li.m13 .txt_on .t_on {margin-top: -168px;}

	.con-history .box_control .inner  > ul > li.m1 .txt_on .t_on{margin-left: -60px;}
	.con-history .box_control .inner  > ul > li.m2 .txt_on .t_on{margin-left: -160px;}
	.con-history .box_control .inner  > ul > li.m3 .txt_on .t_on{margin-left: -260px;}
	.con-history .box_control .inner  > ul > li.m4 .txt_on .t_on{margin-left: -360px}
	.con-history .box_control .inner  > ul > li.m5 .txt_on .t_on{margin-left:-460px;}
	.con-history .box_control .inner  > ul > li.m6 .txt_on .t_on{margin-left: -560px;}
	.con-history .box_control .inner  > ul > li.m7 .txt_on .t_on{margin-left: -60px;}
	.con-history .box_control .inner  > ul > li.m8 .txt_on .t_on{margin-left: -160px;}
	.con-history .box_control .inner  > ul > li.m9 .txt_on .t_on{margin-left: -260px}
	.con-history .box_control .inner  > ul > li.m10 .txt_on .t_on{margin-left:-360px;}
	.con-history .box_control .inner  > ul > li.m11 .txt_on .t_on{margin-left:-460px;}
	.con-history .box_control .inner  > ul > li.m12 .txt_on .t_on{margin-left:-560px;}
	.con-history .box_control .inner  > ul > li.m13 .txt_on .t_on{margin-left:-660px;}

	.ccm_wrap .ccm_img {height:440px; background-position:center;}	/* ccm 2016-10-05 */

	#brand_isotope .prod_wrap .lst_prod li{height:265px; min-height:248px;} /* 170728 수정 */

	.contIntroList > li {margin-left:50px;}
	.contIntroList > li:nth-child(1) {margin-left:0;}
	.contIntroList > li:nth-child(3) {margin-left:0;}
	.contIntroList > li:nth-child(4) {margin-left:50px;}
	.contIntroList > li:nth-child(5) {margin-left:0;}
}

@media screen and (max-width: 1300px){
	/* common */
	.set-content1.first{position: relative; padding-left: 0;}
	.set-content1.first .title1{position: relative; left: 0; top: 0; width: auto; padding-bottom: 20px;  color: #194e91;  font-size: 23px; line-height: 26px; font-weight: normal;  border: 0; margin-bottom: 20px; font-weight: 700; }
	.set-content1.first .title1:after{width: 50px; height:2px;	 content:""; background-color: #194e91; position: absolute; left: 0; bottom: 0; }

	#header .lnb > ul > li { width: 13.86%;}
	#spot.main .tab{width: 1000px; margin-left: -500px;}
	#spot.main .tab > ul > li > a{font-size: 16px;}

	/* 기업소개2 */
	.con-story2 .title2 br,
	.con-story2 .summary-top br{display: none;}

	/* 연구소 */
	.con-infra1 .section0 .set-content1 .title1{ width: auto;}
	.con-infra1 .section0 .set-content1 .inr2{width: 100%;}
	.con-infra2 .section0 .set-content1 .title1{ width: auto;}
	.con-infra2 .section0 .set-content1 .inr2{width: 100%;}

	/* 특수분유 > 특수분유안내 */
	#container.sub .container_inner .contentMotion  .visual.formula1 .img{position: relative; left:-170px; top: 0; width: 1400px; margin-left: 0;}
	.contentMotion .visual.formula1 .txt > *{position: absolute;left: 36%;top: 0;}
	.con-formula1 .summary-top br{display: none;}
	.con-formula1 .section1 br,.con-formula1 .section2 br{display: none;}
	.con-formula1 .section1 .lst_img1 .img{width: 170px;}
	.con-formula1 .section1 .lst_img1 .img img{max-width: 100%; height: auto;}
	.con-formula1 .section2 .lst_img ul{width: 560px;}
	.con-formula1 .section2 .lst_img ul li{width: 80px;}
	.con-formula1 .section2 .lst_img ul li img{max-width: 100%; height: auto;}

	#container.sub .container_inner .contentMotion  .visual.global{width: 84%;}

	.con-management .section1 .set-content1{padding-right: 300px;}
	.con-management .section1 .set-content1 br{display: none;}
	.con-management .section1 .bg{position: absolute;left: 100%;bottom: 0;margin-left: -220px;}	

	/* 브랜드 */
	.con-barnd .tab-ty2 > ul > li{float:left; width:16.7%; text-align:center;} /* 170728 수정 */
	/* .con-barnd .tab-ty2 > ul > li:first-child{width:16.5%;}*/
	.con-barnd .tab-ty2 > ul > li:last-child{float:left; width:16.5%;}
	.con-barnd .tab-ty2 > ul > li.n12,
	.con-barnd .tab-ty2 > ul > li.n7,
	.con-barnd .tab-ty2 > ul > li.n8,
	.con-barnd .tab-ty2 > ul > li.n10,
	.con-barnd .tab-ty2 > ul > li.n4,
	.con-barnd .tab-ty2 > ul > li.n11{border-top: 1px solid #ddd;}
	.con-barnd .lst_brand > ul > li{padding-left: 15px;padding-right: 15px;}
	.con-barnd .lst_brand > ul > li.n1{position: static; left: 0; top: 0; padding-left: 0; padding-right: 0;}
	#brand_isotope .prod_wrap .lst_prod{margin-right:-4%;}
	#brand_isotope .prod_wrap .lst_prod li{width:21%; height:285px; min-height:270px; margin:0 4% 4% 0;}
	/* //170728 수정 */

	/* 경영정보 */
	.con-management .section5 .lst li{width:auto;}	/* s:2017-02-20 추가 */
}/* //1300px */

@media screen and (max-width: 1250px){
	#header .lnb_bg .banner{display: none;}
	.PopupWrap.sitemap .lnb > ul > li .depth2 > .inr{padding-left: 29px;}
	.PopupWrap.sitemap .lnb > ul > li .depth2 > .inr > ul > li.ovr > a:after{display: none;}

	/* 기업소개 */
	.con-infomation .section2 .lst1 > ul{margin-left: -7%; }
	.con-infomation .section2 .lst1 > ul > li{ position: relative; margin-left: 7%; width: 250px; height: 250px; border-radius: 250px;}
	.con-infomation .section2 .lst1 > ul > li .cont{padding-top: 55px;}
	.con-infomation .section2 .lst1 > ul > li .bg{margin-left: -55px;margin-top: -53px;z-index: 0;width: 110px;}
	.con-infomation .section2 .summary-top br,
	.con-infomation .section3 .summary-top br{display: none;}

	/* 기업소개2 */
	.con-story2 .section1 .lst1 > ul > li{  display: inline-block; *display: inline; *zoom: 1;  vertical-align: top; width: 33.3%;}

	/* 경영이념 */
	.con-philosophy .section1 .summary-top br{display: none;}

	/* 인사말 */
	.con-message .content-article > .thumb{width: 36%;}
	.con-message .content-article > .cont-message{margin-left: 43%;padding-top: 2%;}

	/* 연구소&공장 */
	/*.con-infra1 .visual .lst.n1 .cont .t1{top: 100px;}
	.con-infra1 .visual .lst.n1 .cont .t2{top: 241px;}
	.con-infra1 .visual .lst.n1 .cont .t3{top: 205px;}
	.con-infra1 .visual .lst.n1 .cont .line{top: 240px;}
	.con-infra1 .visual .lst.n2 .cont .t1{top: 100px;}
	.con-infra1 .visual .lst.n2 .cont .t2{top: 261px;}
	.con-infra1 .visual .lst.n2 .cont .t3{top: 264px;}
	.con-infra1 .visual .lst.n2 .cont .line{top: 250px;}*/
	.con-infra1 .section2 .fl-l br, .con-infra1 .section2 .fl-r br{display: none;}
	.con-infra1 .section2 .fl-l,.con-infra1 .section2 .fl-r{width: 48%;}

	/* bak2
	.con-infra1 .section1 .bg{display: none;}
	.con-infra1 .section1 .set-content1{padding-left: 0;}
	.con-infra1 .section1 .set-content1 .summary-top br{display: none;}
	*/

	#search-map-complete{width: 347px;}
	#search-map-complete .pos{width: 330px;}
	#search-map-complete .inner{width: 310px;}
	.box_location_map.shop{padding-left: 327px;}

	.con-location  .lst_location1 > ul > li .thumb{width: 100px;}
	.con-location  .lst_location1 > ul > li .cont{margin-left: 132px;}

	.con-global .section2  .box_graph .pos1{left: 29%;}
	.con-global .section2  .box_graph h3{font-size: 0.82em; line-height: 1.2;}

	/* 특수분유 > 특수분유안내 */
	.contentMotion .visual.formula1 .txt > *{left: 47%;}
	.contentMotion .visual.formula1 .txt .t1{top: 79px;margin-left: -180px;width: 210px;}
	.contentMotion .visual.formula1 .txt .t2{width: 120px;}
	.contentMotion .visual.formula1 .txt .t3{top: 90px;margin-left: 93px;width: 180px;}
	.contentMotion .visual.formula1 .txt .t4{margin-left: 310px;}
	.contentMotion .visual.formula1 .txt .line{top: 110px;margin-left: -217px;width: 300px;}
	.con-location  .lst_location1 > ul > li{width: 100%; }
	.con-location  .lst_location1 > ul > li .inr{padding-left: 0;}
	.con-location  .lst_location1 > ul > li:nth-child(odd){padding-left: 0;margin-right: 0;width:100%;}
	.con-location  .lst_location1 > ul > li:nth-child(odd) .inr{padding-left: 0;}
	.con-location  .lst_location1 > ul > li:nth-child(even) .inr{ border-left:0;  }
	/*.con-location  .lst_location1.no_thumb > ul > li{width: 48%; }
	.con-location  .lst_location1.no_thumb > ul > li .inr{padding-left: 7%;}
	.con-location  .lst_location1.no_thumb > ul > li:nth-child(odd){padding-left: 0;margin-right: 2%;width:48%;}
	.con-location  .lst_location1.no_thumb > ul > li:nth-child(odd) .inr{padding-left: 0;}
	.con-location  .lst_location1.no_thumb > ul > li:nth-child(even) .inr{ border-left:1px solid #e8e8f1;  }*/

	/* 특수분유 > 관련 캠페인 */
	.bbs-thumb-ty1 .lst .thumb{width: 181px;height: 122px;}
	.bbs-thumb-ty1 .lst{height: 120px;}
	.bbs-thumb-ty1 .lst.noImg .thumb{height: 120px;}
	.bbs-thumb-ty1 .lst .cont{margin-left: 187px;}
	.bbs-thumb-ty1 .lst .cont .dtc{padding-top: 8px;}
	.bbs-thumb-ty2 .lst .cont h1{font-size: 23px; line-height: 30px; font-weight: 700; letter-spacing: -1px;}
	.bbs-thumb-ty2 .lst .data{font-size: 20px; line-height: 1.2;}
	.bbs-thumb-ty2 .lst{ width: 47%; margin-left: 2%; margin-bottom: 23px; float: left; border-style: solid; border-width:1px; border-color: #e8e8f1;}
	.bbs-thumb-ty2 .lst .cont{padding: 6% 7% 5%;  font-size: 20px; line-height: 30px;}
	.bbs-thumb-ty2 .lst .cont .t1{display: block;margin-top: 5px;overflow: hidden;width: 100%; height: 90px;}
	.bbs-thumb-ty2 .lst .thumb img{width: 100%; height: auto;}

	/* 상생윤리경영 */
	.con-winwin1 .section2 .lst1 > ul{margin-left: -1%;}
	.con-winwin1 .section2 .lst1 > ul > li{width: 32%;float: left;margin-left: 1%;margin-bottom: 2.5%;}

	/* 브랜드 상품팝업 */
	.PopupWrap.brand{ width: 96%; margin-left: 2%; margin-right: 2%;}
	.PopupWrap.brand .box_rgh > .inner{ padding: 8.6% 8.6% 2.6% 8.6%;}

	.pop_formula1 .title2 br{display: none;}
	.pop_formula1 .outer1{width: 100%;}
	.pop_formula1 .outer1 .line p br{display: none;}

	/* ccm 2016-10-05 */
	.ccm_logo .text > p {height:94px; display:inline;}
	.ccm_wrap .ccm_text > p {display:inline;}
	.ccm_wrap .ccm_text .text_con {width:80%; border-left:1px solid #e8e8f1; padding-left:20px; margin-left:85px; word-break:keep-all;}
	.ccm_wrap .ccm_img {height:400px;}

	.histroyConWrap .con .left {width:42%; float:left;}
	.histroyConWrap .con .right {width:42%; float:right;}
}

@media screen and (max-width: 1150px){
	#header .lnb > ul > li {width: 13%;}
	#header .lnb > ul > li.m4{width: 16.77%;}
	#header .lnb > ul > li.m8{width: 15.3%;}
	#lst-isotope.main .lst_isotope > a{display: block;height: 340px;}
	#lst-isotope.main .lst_isotope > .inner .article > .lst_thumb  .thumb{width: 216px;}
	#lst-isotope.main .lst_isotope > .inner .article > .lst_thumb  .cont{margin-left: 260px;}
	#lst-isotope.main .lst_isotope > .inner .article > .lst_thumb  .cont2{margin-top: 18px;}
	#lst-isotope.main .socialCont a {height: 510px;}
	#lst-isotope.innerCenter{max-width:960px; margin-left: 70px; margin-right: 70px;}
	#lst-isotope.main .lst_isotope{width: 32%; height: auto; margin-right: 1%;margin-bottom: 8px; overflow: hidden;}
	#lst-isotope.main .lst_isotope > .inner{height: 328px;padding-bottom: 3.7%; }
	#lst-isotope.innerCenter .lst_isotope .w100{width: 100%; height: auto; }
	#lst-isotope.main .lst_isotope > .inner .article > .photo.facebook{height: 128px;}
	#lst-isotope.main .lst_isotope.h2 >.inner{height: 688px;padding-bottom: 0;}
	#lst-isotope.main .lst_isotope.h2 > a{display: block; height: 688px; }
	#lst-isotope.main .lst_isotope.w2{width: 65%;}
	#lst-isotope.main .lst_isotope.w2 > .inner{ padding-bottom:0; }
	#lst-isotope.main .lst_isotope.h05 >.inner{height: 338px;}

	/* 연구소&공장 */
	/*.con-infra1 .visual .lst.n1 .cont .t1{top: 60px;}
	.con-infra1 .visual .lst.n1 .cont .t2{top: 181px;}
	.con-infra1 .visual .lst.n1 .cont .t3{top: 145px;}
	.con-infra1 .visual .lst.n1 .cont .line{top: 180px;}
	.con-infra1 .visual .lst.n2 .cont .t1{top: 40px;}
	.con-infra1 .visual .lst.n2 .cont .t2{top: 201px;}
	.con-infra1 .visual .lst.n2 .cont .t3{top: 204px;}
	.con-infra1 .visual .lst.n2 .cont .line{top: 170px;}*/

	/* 연구소 */
	.con-infra1 .section0 .bg_bot{width: 1300px;margin-left: -650px;}
	.con-infra2 .section0{min-height:1065px;}
	.con-infra2 .section0 .bg,.con-infra1 .section0 .bg_bot{width: 1300px;margin-left: -650px; top: 550px;}
	/* 연구소&공장 */
	.con-infra2 .section1 .summary-top br{display: none;}

	/* 특수분유 > 관련 캠페인 */
	.visual.formula2 .txt br{display: none;}
	.bbs-thumb-ty1 .lst{width: 100%; height: 146px; margin-left:0%;}
	.bbs-thumb-ty1 .inr{margin-left:0;}
	.bbs-thumb-ty1 .lst .thumb{width: 221px; height: 148px; }
	.bbs-thumb-ty1 .lst .cont{margin-left: 221px; }
	.bbs-thumb-ty1 .lst .cont .dtc{ padding-top: 19px; }
	.bbs-thumb-ty1 .lst.noImg .thumb{height: 146px;}
	.bbs-view1 .view > .thumb{float: none; width: 100%; margin-bottom: 50px;}
	.bbs-view1 .view.ty-thumb > .article{float: none; width: 100%;  padding-top: 0; border-top:0;}
	.bbs-view1 .view > .bot .prev{float: none;}
	.bbs-view1 .view > .bot .next{float: none; margin-top: 15px;}

	/* 지난 매일클래식 */
	.PopupWrap.type3{ width: 600px; margin-left: -300px;}

	/* 170728 추가 */
	/* 제품 상세 */
	#container.view_brand .pdtIntro .btnArea li.btn1{width:48%; margin:0 2% 2% 0;}
	#container.view_brand .pdtIntro .btnArea li.btn2{width:48%; margin:0 2% 2% 0;}
	#container.view_brand .pdtIntro .btnArea li.btn3{width:48%; margin-left:0;}
	#container.view_brand .pdtIntro .btnArea li.btn4{width:20%; margin-left:2%;}
	/* //170728 추가 */
}

@media screen and (max-width: 1124px){
	#header .lnb, .innerCenter{max-width: 960px;}
	#header .top > .lst_left .lst.family > li{width: 80px;}
	#header .top > .lst_left .lst.family > li > a{font-size: 13px;}
	#header .search_top{top: 68px;}
	#spot.main .tab{width: 900px; margin-left: -450px;}
	#spot.main .tab > ul > li > a{font-size: 16px;}
	#bot_companies{padding-bottom: 35px;padding-top: 30px;}
	#bot_companies .sec1 .a_map{width: 195px;}
	#bot_companies .sec1 .br_m{display: block; line-height: 20px;}
	#bot_companies .sec2{width: 38.371429%;}
	#bot_companies .sec3{width: 29.557143%;}
	#bot_companies .sec3 > .lst_sns > ul > li > a{/* width: 67px; */height: 67px;}
 	/* 2017-01-06 수정 */
	#bot-main > #banner-partners{width: 960px;margin-left: -480px;}
	#bot-main > #banner-partners .bx_ticker{width: 711px;}

	/* 인사말 */
	.con-message .content-article > .thumb{float: none; width: 100%;}
	.con-message .content-article > .thumb img{width: 100%; height: auto;}
	.con-message .content-article > .cont-message{margin-left: 0;padding-top: 4%;}
	.con-message .content-article > .cont-message .title2 br{display: none;}

	/* 연구소&공장 */
	/*bak2
	 .con-infra1 .section2 .lst1 > ul > li{margin-left: 30px;margin-bottom: 30px;}
	*/

	.con-infra2 .section1 .lst > ul > li.n1,
	.con-infra2 .section1 .lst > ul > li.n3,
	.con-infra2 .section1 .lst > ul > li.n5{width: 48%;}
	.con-infra2 .section1 .lst > ul > li.n2,
	.con-infra2 .section1 .lst > ul > li.n4,
	.con-infra2 .section1 .lst > ul > li.n6{width: 50%;}
	.con-infra2 .sec_factory .top > .inner > *{float: none;}
	.con-infra2 .sec_factory .top .btn{margin-left: 0; margin-top: 10px;}
	.top_location_map{padding-top: 13px;}
	.top_location_map > .bmk{float: none;padding-top: 18px;clear: both;}

	/* ccm 2016-10-05 */
	.ccm_wrap .cel_img_wrap li {width:45%; padding-top:100px; margin-left:20px; background-size:100%;}
	.ccm_wrap .cel_img_wrap li:first-child {background-size:100%;}
	#lst-isotope.main .socialCont a {height: 510px;}
}

/* s:2017-02-20 추가 */
@media screen and (max-width: 1060px){
	/* 경영정보 */
	.con-management .section5 .lst li{width:32%;}
	
	/* 브랜드 */
	/* 170728 수정 */
	#brand_isotope .prod_wrap .lst_prod{margin-right:-3.33%;}
	#brand_isotope .prod_wrap .lst_prod li{width:30%; height:300px; min-height:270px; margin:0 3.33% 3.33% 0;}
	/* //170728 수정 */
	.contIntroList > li {margin-left:30px;}
	.contIntroList > li:nth-child(1) {margin-left:0;}
	.contIntroList > li:nth-child(3) {margin-left:0;}
	.contIntroList > li:nth-child(4) {margin-left:30px;}
	.contIntroList > li:nth-child(5) {margin-left:0;}
	.histroyConWrap .con .left > li:nth-child(1) {padding-top:78px;}
	.histroyConWrap .con .left > li:nth-child(2) {padding-top:14px;}
	.histroyConWrap .con .left > li:nth-child(3) {padding-top:70px;}
	.histroyConWrap .con .left > li:nth-child(4) {padding-top:8px;}
	.histroyConWrap .con .left > li:nth-child(5) {padding-top:282px;}
	.histroyConWrap .con .left > li:nth-child(6) {padding-top:142px;}
	.histroyConWrap .con .right {width:40%; float:right;}
	.histroyConWrap .con .right > li:nth-child(1) {padding-top:2px;}
	.histroyConWrap .con .right > li:nth-child(2) {padding-top:266px;}
	.histroyConWrap .con .right > li:nth-child(3) {padding-top:192px;}
	.histroyConWrap .con .right > li:nth-child(4) {padding-top:268px;}
	.histroyConWrap .con .right > li:nth-child(5) {padding-top:8px;}
	.histroyConWrap .con .right > li:nth-child(6) {padding-top:68px;}

	#lst-isotope.main .socialCont a {min-height: 525px;}
}
/* e:2017-02-20 추가 */

@media screen and (max-width: 1024px){
	.mb-c1{ margin-bottom: 50px; }
	.pt-c1{padding-top: 50px;}
	.mb-c2{ margin-bottom: 20px; }
	.mb-c3{ margin-bottom: 30px; }
	.mb-c4{ margin-bottom: 15px; }

	#header .lnb, .innerCenter{max-width: 800px;}
	#header .lnb > ul > li .depth2 > .inr{padding-left: 29px;}
	#header .lnb > ul > li .depth2 > .inr > ul > li.ovr > a:after{display: none;}
	#spot.main .tab{width: 100%; margin-left:0;left: 0;}
	#spot.main .tab > ul > li > a{font-size: 15px;}

	#lst-isotope.innerCenter{margin-left: 40px; margin-right: 40px;}
	#lst-isotope.main .lst_isotope{width: 49%;margin-right: 1%;margin-bottom: 8px;}
	#lst-isotope.main .lst_isotope > .inner{height: auto; padding-bottom: 6%;}
	#lst-isotope.main .lst_isotope.h2 >.inner{height: 898px;padding-bottom: 0;}
	#lst-isotope.main .lst_isotope.w2{width: 100%;}
	#lst-isotope.main .lst_isotope.w2 > .inner{ padding-bottom:0; }
	#lst-isotope.innerCenter .lst_isotope .w100{width: 100%; height: auto; }
	#lst-isotope.main .lst_isotope > a{height: 418px;}
	#lst-isotope.main .lst_isotope.h2 > a{display: block;height: 900px;}
	#lst-isotope.main .lst_isotope > .inner .article > .photo.facebook{width: 100%;max-width: none;height: 190px; font-size: 0; line-height: 0;}
	#lst-isotope.main .lst_isotope > .inner .article .facebook_date{height: 34px;}

	#bot_companies .sec1{width: 30.071429%;}
	#bot_companies .sec2{width: 45.271429%;}
	#bot_companies .sec3{width: 19.557143%;}
	#bot_companies .sec3 > .lst_sns > ul > li{width: 45%;margin-bottom: 5px;margin-left: 0;}
	#bot_companies .sec3 > .lst_sns > ul > li.m_ml0{margin-left: 0;}
	#bot_companies .sec3 > .lst_sns > ul > li > a{width: 67px;height: 67px;}

	#bot-main > #banner-partners{width: 800px;margin-left: -400px;}
	#bot-main > #banner-partners .bx_ticker{width: 551px;}

	/* 기업소개 */
	.con-infomation .section2 .lst1 > ul > li{margin-left: 7%;width: 230px;height: 230px;border-radius: 230px;}

	/* 연구소&공장 */
	.con-infra1 .section1 .set-content1 .title2 br{display: none;}

	/* 상생윤리경영 */
	.con-winwin1 .section2 .lst1 > ul{margin-left: -1%;}
	.con-winwin1 .section2 .lst1 > ul > li{width: 49%;float: left;margin-left: 1%;margin-bottom: 2.5%;}

	/* ccm 2016-10-05 */
	.ccm_wrap .ccm_img {height:350px;}

	/* #footer .wa_logo {display:none;} */ /* 2016-11-23 */

	#lst-isotope.main .socialCont a {height: 636px;}
	#lst-isotope.main .socialCont a .w100 { height: 100%;}
}

@media screen and (max-width: 1000px){
	.con-infra2 .section1 .lst > ul > li br{display: none;}
	.con-infra2 .section1 .lst > ul > li  .cont{margin-left: 100px;}
	.con-infra2 .section1 .lst > ul > li.n1,
	.con-infra2 .section1 .lst > ul > li.n2,
	.con-infra2 .section1 .lst > ul > li.n3,
	.con-infra2 .section1 .lst > ul > li.n4,
	.con-infra2 .section1 .lst > ul > li.n5,
	.con-infra2 .section1 .lst > ul > li.n6{width: 100%; margin-bottom: 60px;}
	.con-infra2 .section1 .lst > ul > li.n1 .inr,
	.con-infra2 .section1 .lst > ul > li.n2 .inr,
	.con-infra2 .section1 .lst > ul > li.n3 .inr,
	.con-infra2 .section1 .lst > ul > li.n4 .inr,
	.con-infra2 .section1 .lst > ul > li.n5 .inr,
	.con-infra2 .section1 .lst > ul > li.n6 .inr{border-left:0; height: auto; padding-left: 0; position: relative;}
	.con-infra2 .section1 .lst > ul > li.n1 .img,
	.con-infra2 .section1 .lst > ul > li.n2 .img,
	.con-infra2 .section1 .lst > ul > li.n3 .img,
	.con-infra2 .section1 .lst > ul > li.n4 .img,
	.con-infra2 .section1 .lst > ul > li.n5 .img,
	.con-infra2 .section1 .lst > ul > li.n6 .img{position: absolute;left: 0;top: 0;}
	.con-global .section1 h1, .con-global .section1 .map{display: none;}
	.con-global .section1 .map_mobile{display: block;}
	.con-global .section1 .map_pc{display: none;}
	#lst-isotope.main .socialCont a {height: 649px;}
}

@media screen and (max-width: 990px){
	.con-barnd .lst_brand > ul > li{padding-left: 0;padding-right:0;}
	#container.sub .path.brand .cont .t2{display: none;}
	.con-barnd .lst_brand > ul{padding-left: 230px; text-align: left;}
	.con-barnd .lst_brand > ul > li{margin-bottom: 10px;}
	.con-barnd .lst_brand > ul > li.n1{position: absolute; left: 40px; top: 21px; padding-left: 0; padding-right: 0;}
	.con-barnd .lst_brand > ul > li.n2{width: 38%;}
	.con-barnd .lst_brand > ul > li.n3{width: 35%; padding-left: 10%;}
	.con-barnd .lst_brand > ul > li.n4{width: 38%;}
	.con-barnd .lst_brand > ul > li.n5{width: 35%; padding-left: 10%;}
	.con-barnd .lst_brand > ul > li.n4:after{display: none;}
	.IcoAfter-barnd.n1:after{left: -2px;}

	#brand_isotope .relative_company{position: relative; right: 0; top: 0; padding-top:0;}
	#brand_isotope .relative_company .lst_isotope{float: left;width: 32% !important;margin-right: 2% !important;}
	#brand_isotope .relative_company .lst_isotope:nth-child(3n){margin-right: 0!important;}
	#brand_isotope .relative_company:after{display: block;clear: both;content:"";height: 0;visibility: hidden;}

	.PopupWrap.brand{ background: none; width: 650px; margin-left: auto; margin-right: auto;}
	.PopupWrap.brand .box_lft{float: none;width: 100%; padding-bottom: 50px; }
	.PopupWrap.brand .box_rgh{float: none;width: 100%; }

	.box_mainproduct_rolling .prev{top: 280px;}
	.box_mainproduct_rolling .next{top: 280px;}
	.box_mainproduct_rolling{height: 670px;}
	.box_mainproduct_rolling .bxslider .img{ height: 650px; }
}

@media screen and (max-width: 960px){
	/* 특수분유 > 특수분유안내 */
	.contentMotion .visual.formula1 .txt > *{left: 54%;}
	.contentMotion .visual.formula1 .txt .t4{display: none;}
	.con-formula1 .section1 .t4{display: block;}
	.con-formula1 .section1 .t4 br{display: block;}
	.con-formula1 .section1 .set-fs1 > p:first-child,.con-formula1 .section1 .title2{padding-right: 160px;}

	/* 기업소개 */
	.con-infomation .section2 .lst1 > ul{margin-left: -5%;}
	.con-infomation .section2 .lst1 > ul > li{margin-left: 5%;width: 220px;height: 220px;border-radius: 220px;}
	.con-infomation .section2 .lst1 > ul > li .cont{padding-top: 43px;}

	.con-history .cont_history{display: none;}
	.con-history .box_img .cover2{display: block;}
	.con-history > .bg{width: 2571px; left: -1729px;}
	.con-history{height: 590px;}
	.con-history .box_control .inner  > ul > li .txt_on{width: 390px;}
	.con-history .box_control .inner  > ul > li.on .txt_on{height: 0;}
	.con-history .box_control .inner  > ul > li.m1 .txt_on .t_on,
	.con-history .box_control .inner  > ul > li.m2 .txt_on .t_on,
	.con-history .box_control .inner  > ul > li.m3 .txt_on .t_on,
	.con-history .box_control .inner  > ul > li.m4 .txt_on .t_on,
	.con-history .box_control .inner  > ul > li.m5 .txt_on .t_on,
	.con-history .box_control .inner  > ul > li.m6 .txt_on .t_on {margin-top: -328px;}

	.con-history .box_control .inner  > ul > li.m7 .txt_on .t_on,
	.con-history .box_control .inner  > ul > li.m8 .txt_on .t_on,
	.con-history .box_control .inner  > ul > li.m9 .txt_on .t_on,
	.con-history .box_control .inner  > ul > li.m10 .txt_on .t_on,
	.con-history .box_control .inner  > ul > li.m11 .txt_on .t_on,
	.con-history .box_control .inner  > ul > li.m12 .txt_on .t_on,
	.con-history .box_control .inner  > ul > li.m13 .txt_on .t_on {margin-top: -418px;}

	.con-history .box_control .inner  > ul > li.m3 .txt_on{width: 300px;}
	.con-history .box_control .inner  > ul > li.m4 .txt_on{width: 190px;}
	.con-history .box_control .inner  > ul > li.m5 .txt_on{width: 80px;}
	.con-history .box_control .inner  > ul > li.m8 .txt_on{width: 300px;}
	.con-history .box_control .inner  > ul > li.m9 .txt_on{width: 190px;}
	.con-history .box_control .inner  > ul > li.m10 .txt_on{width: 90px;}

	.con-history .box_control .inner  > ul > li .txt_on .h{font-size: 24px;line-height:36px;}
	.con-history .box_control .inner  > ul > li .txt_on .p1{font-size: 21px;}
	.con-history .box_control{bottom: 20px;}
	.m50_top{display: block;}

	/* bx 페이징 */
	.IcoAfter.btn_prev2:after,
	.IcoSet.btn_prev2{background-position:  -202px -80px; width: 42px; height: 42px;  -webkit-background-size:367px 255px; background-size:367px 255px;}
	.IcoAfter.btn_next2:after,
	.IcoSet.btn_next2{background-position:  -247px -80px;  width: 42px; height: 42px; -webkit-background-size:367px 255px; background-size:367px 255px;}
	#lst-isotope.main .socialCont a {height: 679px;}
}