<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@media screen and (max-width: 860px){
	body{font-size: 25px; line-height: 40px;}
	img{max-width: 100%;}
	#bxMain .lst .mainVLogo50{display: none; }
	#bxMain .lst .mainVLogo50.mo{display: block; right: 25px; top: 25px;}

	select.select1 {width:220px; height: 50px; line-height: 40px;font-size: 19px;padding: 6px 36px 6px 10px;}
	.br-mobile{display:block;}
	.btn-top{display: block;}
	.mobileNone{display: none !important;}
	.PcNone{display: block;}
	.mb-c1{margin-bottom: 7% !important;}
	.fz-s{font-size: 19px !important;line-height: 28px;}
	.fz-s2{font-size: 17px !important;line-height: 24px;}
	.ulf-z0{font-size: 0; line-height: 0;}
	.ulf-z0 &gt; *{font-size: 20px; line-height: 30px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; }
	.p-dot:after{top: 17px;}
	.pt-m-mid{padding-top: 7%;}
	.btn-pack{height: 50px;font-size: 20px;line-height: 50px;padding-right: 70px;}
	.btn-pack:after{ top: 0; width: 50px; height: 50px;  }
	.btn-pack.b1{padding-left: 28px;padding-right: 78px;}
	.btn-pack:hover{border-color: #194e92; background-color: #194e92; color: #fff;}
	.btn-pack:hover:after{ top: -2px; width: 50px; height: 53px; border-color: #7595be; content:""; }

	.btn-pack &gt; span:after{position: absolute;right: 16px;top: 17px;width: 8px;height: 15px;background: url(../images/common/ico_common.png) -442px -69px no-repeat;content:"";}
	.btn-pack:hover &gt; span:after{background-position: -406px -69px;}
	.btn-pack.but{height: 54px;}
	.btn-pack.rds{border-width: 1px;font-size: 20px;padding-left: 20px;line-height: 50px; margin-bottom: 10px;}
	.btn-pack.rds &gt; span:after{ right: 16px;top: 17px;width: 8px;height: 15px; background: url(../images/common/ico_common.png) -442px -69px no-repeat;content:"";  }
	.btn-pack.rds:hover &gt; span:after{background-position: -406px -69px;}
	.btn-pack.small{padding-left: 18px;padding-right: 46px;height: 36px;line-height: 36px;}
	.btn-pack.small:after{width: 32px;height: 36px;}
	.btn-pack.small:hover:after,.btn-pack.small:focus:after{height: 40px;}
	.btn-pack.small &gt; span:after{top: 11px;}

	#lst-isotope-mobile.main .sec.bbs &gt; article.facebook .facebook_title{height: 80px;overflow: hidden;}

	.bbs-thumb-ty1 .lst .cont{ font-size: 1em; line-height:1; }
	.bbs-thumb-ty1 .lst .cont .dtc{padding-top: 12px;}
	.bbs-thumb-ty1 .lst .cont .t1{display: block;margin-top: 10px;overflow: hidden;width: 100%;height: 52px;line-height: 1.1;}
	.bbs-thumb-ty1 .lst .h{font-size: 1.080em;line-height: 30px;max-height: 60px;overflow: hidden; height: auto;}
	.bbs-thumb-ty1 .lst .data{font-size: 0.8em;color: #7d7d7d;margin-top: 9px;}
	.bbs-thumb-ty1 .lst.noImg .cont .t1{max-height:104px;}
	.bbs-thumb-ty2 .lst .data{font-size: 0.8em;line-height: 1.2;margin-top: 7px;}
	.btn-slider-ty1{width: 50px; margin-top: -25px; }
	.TableType_1 &gt; table &gt; thead th {font-size:1em; line-height: 1.5;}
	.TableType_1 &gt; table &gt; tbody td {font-size: 0.840em; line-height: 32px;}
	.summary-top.btn .btn-g{position: static; }

	input.wt1{width: 70px !important;}
	input.wt2{width: 100% !important;}
	input.wt3{width: 30% !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;}
	.lst_form &gt; table &gt; tbody &gt; tr &gt; td{padding: 20px 10px;}
	.lst_form input.inp_txt[type="text"], .lst_form input.inp_txt[type="password"], .lst_form input.inp_txt[type="text"]:disabled{height: 50px; line-height: 50px; font-size: 25px; width: 39.5%; }
	input.wt1{width: 120px !important;}
	.lst_form input[name="zipcode"].wt1{width: 300px !important;}
	textarea.textarea{font-size: 25px; line-height: 40px;}
	.box-fiie-add{padding-right: 0;}
	.lst_form .selectBox-dropdown.selectType2_4{min-width: 157px;height: 49px;color: #313131;line-height: 43px;}
	.lst_form .selectBox-dropdown.selectType2_4 .selectBox-label {padding: 2px 8px;display: inline-block;white-space: nowrap;overflow: hidden;font-size: 21px;color: #313131;font-weight: 700;}
	.lst_form .selectBox-dropdown.selectType2_4.w2{min-width: 150px;}
	.selectBox-dropdown.selectType2_4.w3{min-width: 200px;}
	.lst_form .selectBox-dropdown.selectType2_4 .selectBox-arrow{border: 0; width: 29px; border-left: 0 solid #dddddd; }
	.lst_form .selectBox-dropdown.selectType2_4 .selectBox-arrow:after{background-image: url(../images/common/ico_common.png);background-repeat: no-repeat;overflow: hidden;content:"";text-indent: -9999px;text-align: left;background-position: -124px -93px;width: 11px;height: 6px;position: absolute;left: 50%;top: 50%;margin-left: -9px;margin-top: -2px;}
	.lst_form .selectBox-options.selectBox-options-top.selectType2_4-selectBox-dropdown-menu{border-radius:0;}
	.lst_form .selectBox-options.selectType2_4-selectBox-dropdown-menu li a{padding: 5px;}
	.paginate_regular a{width: 55px;height: 55px;line-height: 55px;margin:0 5px;border-radius: 55px;font-size: 25px;}	.title1 br{display: none;}
	#container.sub .container_inner .contentMotion &gt; .inner ,.inr-cen{padding-top: 50px; margin-top: 0;}
	#container.sub .container_inner .contentMotion &gt; .inner.pt0 ,.inr-cen.pt0{padding-top:0;}
	.IcoSet.more{background-position: -349px -52px;width: 50px;height: 50px;border-radius: 50px;background-color: #6d7587;vertical-align: middle;}

	#wrap{padding-top:143px;}
	#header{display: none;}
	.gnbGrowth{display:none;}
	#header-mobile{display: block;}
	#container.main .bot-banner-mobile{display: block;}
	#container.main{padding-top: 0;}
	#spot.main .tab &gt; ul{text-align: center;}
	#spot.main .tab &gt; ul &gt; li,
	#spot.main .tab &gt; ul &gt; li:first-child{width: auto !important; float: none; display: inline-block; 	*display: inline;  *zoom: 1; overflow: hidden; text-indent: -9999px; text-align: left;}
	#spot.main .tab &gt; ul &gt; li &gt; a{display: block;width: 18px;height: 2px;border: 2px solid #fff;background-color: transparent;opacity: 1;border-radius: 20px;}
	#spot.main .tab &gt; ul &gt; li.on &gt; a{background-color: #194e92;border: 2px #fff solid;padding-top: 16px;width: 18px;height: 3px;}
	#spot.main .tab &gt; ul &gt; li .IcoAfter:after{display: none;}
	#spot.main .cont .t2 .txt.pc{display: none;}
	#spot.main .cont .t2 .txt.mobile{display:block;}
	#spot.main .cont{position: absolute; left: 0; top: inherit; bottom:180px; width: 100%; margin-left: 0;}

	#lst-isotope.main{display: none;}
	#lst-isotope-mobile.main{display: block;}
	#bot_companies{display: none;}
	#bot-companies-mobile{display: block;}
	.box-select-ty1.footer{display: none;}
	#footer .lst_bnb &gt; ul &gt; li:after{top: 12px;}

	#container.sub{background-color: #fff;}
	#container.sub .container_inner{  padding-top: 0;  margin-left: 0; margin-right: 0; width: 100%;}
	#container.sub .container_inner.pt1{padding-top: 0;}
	#spot-sub{/*display: none;  */   height: 528px;}
	#spot-sub .rtitle{display: none !important;}
	#container.sub .path{display: none;}
	#container.sub .path.brand{display: block;height: auto;position: relative;top:0;background-color: #194e92;text-align: center;visibility: visible;padding: 0.3% 0 3%;}
	#container.sub .path.brand .lst_sns{display: none;}

	.con-barnd .tab-ty2{visibility: visible;}
	.path_mobile{display:block;}
	.path_mobile_dummy{display: none;}
	#container.sub .container_inner .contentMotion  .visual{display: none;}
	#container.sub .container_inner .contentMotion  .visual.lst{display: block; margin-top: 5%;}
	#container.sub .container_inner .contentMotion &gt; .inner,.inr-cen{width: 90%;}
	.btn_interaction {display: none;}
	.tab-ty1{ margin-bottom:0; border-top: 1px solid #ddd; background-color: #fff;}
	.tab-ty1 &gt; ul{ display: block; border-width: 0; border-style: solid; }
	/* .tab-ty1 &gt; ul &gt; li{font-size: 25px; line-height: 30px; width: 33%;} */
	/* ccm 2016-10-05 */
	.tab-ty1 &gt; ul &gt; li{font-size: 21px; line-height: 30px; width: 30%;}	.tab-ty1 &gt; ul &gt; li &gt; a{display: block; padding:15px 0; width: 100%; height: 41px; line-height: 41px; color: #323232; background-color: #fff; border-style: solid; border-width: 0 0 3px 0; border-color: #fff; font-weight: 700;}
	.tab-ty1 &gt; ul &gt; li:first-child &gt; a{border-width: 0 0 3px 0;}
	.tab-ty1 &gt; ul &gt; li &gt; a:hover{background: none; color: #194e91; border-color: #fff;}
	.tab-ty1 &gt; ul &gt; li.on &gt; a{border-color: #194e91; color: #194e91;  background: #fff;}
	.tab-ty1.n4 &gt; ul &gt; li{width: 25%;}
	.tab-ty1.n5 &gt; ul &gt; li{width: 20%;}

	.TableType_1 &gt; table &gt; tbody .ta-l .PcNone.h{margin-bottom: 15px;}
	.TableType_1 &gt; table &gt; tbody .ta-l .PcNone.fz-s{margin-top: 10px;}	#bot-main{display: none;}
	#bot-main-mobile{display: block;}

	#spot.main{position: relative; left: 0; top: 0; width: 100%; height: auto;  z-index: 1;}
	#spot.main .bg{position: relative;left: 0;top: 0;margin-top: 0;margin-left: 0; display: none;}
	#spot.main .bg_m{display: block;}
	#footer &gt; .footer_inner{border-top: 0;}
	#footer .lst_bnb &gt; ul{text-align: center;}
	#footer .lst_bnb &gt; ul &gt; li{font-size: 17px;}
	#footer .address{text-align: center;padding-top: 3%;margin-top: 3%;border-top: 1px solid  rgba(255, 255, 255, .1); font-size: 17px; line-height: 30px;}
	#footer .footer_top{height: 30px;}
	.btn-bot .p-r{position: relative; right: 0; top: 0; text-align: right;}
	#set-bbs.bbs_isotope .article &gt; .lst_isotope{margin-bottom: 7.6%;}

	.lst_line &gt; ul &gt; li{padding-left: 16px; position: relative; font-size: 21px; line-height: 30px; margin-top: 5px;}
	.lst_line &gt; ul &gt; li:after{top: 15px;}

	.set-content1{position: relative; padding-left: 0;}
	.title1{position: relative; left: 0; top: 0; width: auto; padding-bottom: 20px;  color: #194e91;  font-size: 23px; line-height: 22px; border: 0; margin-bottom: 20px; font-weight: 700; }
	.title1.pos-n span.line{border-width: 0; padding-top: 0;}
	.title1:after{width: 50px; height:2px;	 content:""; background-color: #194e91; position: absolute; left: 0; bottom: 0; }
	.title2{font-size: 33px; line-height: 36px; font-weight: 700; }

/* 171222  추가 */
	.title3{font-size:25px; line-height:40px;}
	/*// 171222  추가 */
	.PopupWrap.sitemap{width: 96%; margin-left: 2%;margin-right: 2%;left: 0;margin-top: 44px;}
	.PopupWrap.sitemap .lnb &gt; ul &gt; li{width: 32.3%;}
	.PopupWrap.sitemap .lnb &gt; ul &gt; li &gt; a{ font-size: 27px; line-height: 32px;}
	.PopupWrap.sitemap .lnb &gt; ul &gt; li .depth2 a{font-size: 21px;line-height: 30px;}
	.PopupWrap.sitemap .lnb &gt; ul &gt; li .depth2 &gt; .inr{height: 620px;}
	.PopupWrap.sitemap .lnb &gt; ul &gt; li .depth3 a{font-size: 18px; line-height: 24px;}
	.PopupWrap.sitemap .lnb &gt; ul &gt; li.m4 .depth2 &gt; .inr,
	.PopupWrap.sitemap .lnb &gt; ul &gt; li.m5 .depth2 &gt; .inr,
	.PopupWrap.sitemap .lnb &gt; ul &gt; li.m6 .depth2 &gt; .inr{height: 470px;}
	.PopupWrap.sitemap .lnb:before{top: 765px;}

	/* 기업소개 */
	.con-infomation .section2 .lst1 &gt; ul{margin-left: -7%; text-align: center;}
	.con-infomation .section2 .lst1 &gt; ul &gt; li{margin-left: 7%;width: 290px;height: 290px;border-radius: 290px;}
	.con-infomation .section2 .lst1 &gt; ul &gt; li .bg{margin-left: -75px;margin-top: -100px;z-index: 0;width: 150px;}
	.con-infomation .section2 .lst1 &gt; ul &gt; li .bg img{width: 100%; height: auto;}
	.con-infomation .section2 .lst1 &gt; ul &gt; li .cont{padding-top: 67px;}
	.con-infomation .section2 .lst1 &gt; ul &gt; li .cont .t2{padding-top: 20px; margin-top: 20px;}
	.con-infomation .section2 .lst1 &gt; ul &gt; li .cont .t2:after{height: 3px;}

	.con-infomation .section1{font-size: 25px; line-height: 40px; text-align: left;}
	.con-infomation .section1 .t1{text-align: left;}
	.con-infomation .section1 .t2{text-align: left;}
	.con-infomation .section1 .titl1_1.fc_en{display: none;}
	.con-infomation .section1 br{display: none;}
	.con-infomation .section1 .partners ul &gt; li{display: inline-block;  *display: inline; *zoom: 1;margin: 0 2% 3%;width: 23%;}
	.con-infomation .section2 .summary-top br{display: none;}

	.con-story2 .section1 .lst1 &gt; ul &gt; li .cont .h{font-size: 24px;}
	.con-story2 .section1 .lst1 &gt; ul &gt; li .cont .t1{font-size: 20px;}
	.con-story3 .section1 .lst  &gt; li{padding-left: 125px;}
	.con-story3 .tab_y50 {height:48px;}
	.con-story3 .tab_y50 ul {margin-top:40px;}
	.con-story3 .tab_y50  li {width: calc((100% / 5) + 20px);}
	.con-story3 .tab_y50  li a {height: 48px; padding-top: 15px; padding-left: 25%; background-size: auto 48px;}
	.con-story3 .tab_y50  li .tit {display:block; position:absolute; top:-40px;}
	.con-story3 .tab_y50  li .tit img {height:17px;}
	.con-story3 .tab_y50  li .txt {width:50px; height:20px; background-image:url(../images/infomation/txt_history2_m.png); background-size:250px auto;}
	.con-story3 .tab_y50  li.on .txt, .con-story3 .tab_y50  li.ovr .txt {background-position-y:100% !important;}
	.con-story3 .tab_y50  li.n2 .txt {background-position-x:-50px;}
	.con-story3 .tab_y50  li.n3 .txt {background-position-x:-100px;}
	.con-story3 .tab_y50  li.n4 .txt {background-position-x:-150px;}
	.con-story3 .tab_y50  li.n5 .txt {background-position-x:-200px;}
	.con-story3 .tab_y50  li+li {margin-left:-20px;}
	.con-message .content-article &gt; .cont-message .h2{color: #1987ca; font-size: 30px; line-height: 40px;}
	.con-message .content-article &gt; .intro .h2{font-size: 40px; line-height: 50px;}

	/* 연구소&amp;공장 */
	.con-infra1 .section0{min-height: 1165px;}
	.con-infra1 .section0 .bg{padding-bottom: 620px;}
	.con-infra1 .section0 .bg_bot{width: 1000px;margin-left: -500px; top: 620px;}
	.con-infra1 .section0 .summary-top br{display: none;}
	.con-infra1 .section2 .fl-l,.con-infra1 .section2 .fl-r{width: 100%; margin-bottom: 6%;}
	.con-infra1 .section2 .img img{width: 100%; height: auto;}
	.con-infra2 .section0{min-height: 1364px;}
	.con-infra2 .section0 .bg,.con-infra1 .section0 .bg_bot{width: 1000px;margin-left: -500px;}
	.con-infra2 .section0 .summary-top br{display: none;}
	.con-infra2 .sec_factory .mid .lst .cont .c1 &gt; ul &gt; li{line-height: 1.32;font-size: 0.8em;}
	.con-infra2 .sec_factory .mid .lst .cont .h{margin-top: 28px;}
	.con-infra2 .m_br{display: block;}
	.con-infra2 .sec_factory .mid .tab &gt; ul &gt; li &gt; a{font-size: 0.9em;line-height: 1.2;}
	.con-infra2 .sec_factory .mid .lst .cont .cont2{font-size: 0.82em;line-height: 1.4em;}
	.con-infra2 .sec_factory .mid .tab{bottom: 13px;}
	.con-infra2 .section1 .title2 br{display: none;}
	.con-infra2 .section1 .lst &gt; ul &gt; li  .cont .t1{font-size: 26px; line-height: 36px;}
	.con-infra2 .section1 .lst &gt; ul &gt; li  .cont .t2{font-size: 20px; line-height: 30px;}
	.con-infra2 .sec_factory .top{margin-bottom: 25px;}
	.con-infra2 .sec_factory .top &gt; .inner{float: none; text-align:left;}
	.con-infra2 .sec_factory .top &gt; .inner &gt; *{float: none;}
	.con-infra2 .sec_factory .top .t1{color: #1987ca; font-weight: 700; padding-top: 7px;}
	.con-infra2 .sec_factory .top .btn{margin-left: 0;}
	.con-infra2 .sec_factory .top .btn &gt; a{position: relative; width: 300px; height: 40px; line-height: 40px;}
	.con-infra2 .sec_factory .top .btn &gt; a:after{width: 40px;height: 40px;background: url(../images/common/ico_common.png) -209px -55px no-repeat;}

	/* 글로벌사업 */
	#container.sub .container_inner .contentMotion  .visual.global{display: block;}
	.con-global .visual.global .box-movie{width: 97%;overflow:hidden;margin-left: auto;margin-right: auto; padding-bottom: 50.986441%;}
	.con-global .visual.global .txt{bottom: 25px;}
	.con-global .visual.global .txt .t2{font-size: 19px;padding-top: 20px;margin-top: 20px;line-height: 1.6em; letter-spacing: -1px;}
	.con-global .visual.global  .box-movie .play_mobile2{position: absolute;right: 20px;bottom: 10px;z-index: 20; font-size: 16px; }
	.con-global .visual.global  .box-movie .play_mobile2 a{color: #fff;}
	.con-global .visual.global  .box-movie .play_mobile2 a .fc_en{margin-right: 5px;}

	/* 오시는길 */
	.box_location_map{margin-bottom: 30px;}
	.top_location_map{background-color: #194e91;padding-top: 2%;padding-bottom: 2%;font-size: 0.8em;color: #fff;margin-top: 5%;}
	.top_location_map &gt; .h{margin-top: 6px; display: block; float: none; padding-left: 4%; margin-bottom: 1%;}
	.top_location_map &gt; .col{padding-left: 4%;}
	.top_location_map &gt; .bmk{float: none;clear: both;padding-left: 4%;margin-left: 0; padding-top: 3%;}
	.top_location_map &gt; .search .btn:after{ background-position: -288px -28px; width: 26px; height: 26px;  margin-left: -13px; margin-top: -13px;  -webkit-background-size: auto;	background-size: auto; }

	.top_location_map &gt; .search .inp_txt{height: 50px;line-height: 50px;border-color: #fff;width: 250px;}
	.top_location_map &gt; .search .btn{width: 62px;height: 50px;}
	.top_location_map  .selectBox-dropdown.selectType2_3{ min-width: 137px; height: 50px; line-height: 40px;}
	.top_location_map  .selectBox-dropdown.selectType2_3 .selectBox-label {font-size: 1em;}

	.con-location  .lst_location1.no_thumb &gt; ul &gt; li{width: 100%; }
	.con-location  .lst_location1.no_thumb &gt; ul &gt; li .inr{padding-left: 0;}
	.con-location  .lst_location1.no_thumb &gt; ul &gt; li:nth-child(odd){padding-left: 0;margin-right: 0;width:100%;}
	.con-location  .lst_location1.no_thumb &gt; ul &gt; li:nth-child(odd) .inr{padding-left: 0;}
	.con-location  .lst_location1.no_thumb &gt; ul &gt; li:nth-child(even) .inr{ border-left:0;  }
	.box_location_map{display: none;}
	.box_location_map.shop{display: block; padding-left: 0;}
	.box_location_map #map_location{display: none;}
	.box_location_map  #search-map-complete{position: relative;left: 0;top: 0;width: auto;height:auto;overflow: hidden;z-index: 10;}

	#search-map-complete .inner .h1{margin-top: 40px; padding-left: 26px; font-size: 1em; line-height: 1.2;}
	#search-map-complete .inner .lst h1{ padding:10px 0 10px 20px;background-color: #f9f9fb; border-top: 1px solid #ededed; color: #194e91; font-weight: 700; font-size: 1em; margin-bottom: 10px; }
	#search-map-complete .inner .lst h2{line-height: 1;}
	#search-map-complete .inner .lst h2 .IcoAfter{padding-left: 0;  font-size: 0.52em; }
	#search-map-complete .inner .lst h2 .IcoAfter:after{display: none;}
	#search-map-complete .inner .lst li{padding-left: 133px; margin-bottom: 10px; padding-top: 2px;}
	#search-map-complete .close{display: none;}
	#search-map-complete .pos{ position: relative; right: 0; top: 0; width: auto; height: auto; border-right: 0;  overflow-y: auto;}
	#search-map-complete .inner{position: relative;right: 0;top: 0;width: auto;min-height:none;padding-left: 0;font-size: 1em;}
	#search-map-complete .inner .lst .dotdot.cont{line-height: 1.5em; margin-right: 2%; height: auto; overflow: visible;}
	.con-location  .lst_location1 &gt; ul &gt; li  .h button{ padding:10px 0 10px 20px;background-color: #f9f9fb; border-top: 1px solid #ededed; color: #194e91; font-weight: 700; font-size: 1em; margin-bottom: 10px; }
	.con-location  .lst_location1 &gt; ul &gt; li .thumb{width: 190px; margin-left: 3%;}
	.con-location  .lst_location1 &gt; ul &gt; li .cont{margin-left: 242px;}
	.con-location  .lst_location1 &gt; ul &gt; li{position: relative; margin-top: 0;margin-bottom: 40px;}
	.con-location  .lst_location1 &gt; ul &gt; li .t1{font-size: 23px; line-height: 1.5;}
	/* 170728 수정 */
	/*브랜드*/
	#container.sub.brand{background-color: #f2f2f7; /*margin-top: -33px;*/}
	#brand_isotope .top{position: relative; height: 88px; margin:53px 0 0;}
	#brand_isotope .top #input_prod{width:calc( 92.8% - 96px ); height:100%; font-size:31px; line-height:auto; padding:0 calc( 3.6% + 96px ) 0 3.6%;}
	#brand_isotope .top .search{position:absolute; top:0; right:0; width:auto; height:100%;}
	#brand_isotope .top .search .btn_mb{display:block;}
	#brand_isotope .top .search .btn_pc{display:none;}
	#brand_isotope .top .search img{width:auto; height:100%;}
	#brand_isotope .top .t1{clear:both; font-size:32px; line-height:108px;}
	#brand_isotope .top .btnWrap{float:none; overflow:hidden; margin-top:10px;}
	#brand_isotope .top .btnWrap button{position:relative; width:33%; margin:0; padding:0;}
	#brand_isotope .top .btnWrap button:after {display:none;}
	#brand_isotope .top .btnWrap button span{display:none;}
	#brand_isotope .top .btnWrap button span.mb{display:block;}
	#brand_isotope .top .btnWrap .btnType1{ float:left; height:88px; line-height:28px; font-size:24px; margin-right:0.5%; }
	#brand_isotope .top .btnWrap .btnType2{ float:right; height:88px; line-height:28px; font-size:24px; }
	#brand_isotope .lst_isotope .thumb .h{height: 280px;}
	#brand_isotope{ width:90%; margin-left:5%; margin-right:5%; }
	#brand_isotope .lst_isotope{height: 270px; margin-bottom: 10px;}
	#brand_isotope .lst_isotope .cont{font-size: 21px; line-height: 24px;}
	#brand_isotope .lst_isotope .point{background-position: -797px -32px;width: 55px;height: 48px;padding-top: 3px;font-size: 20px;text-align:center;line-height: 30px;}	/* .con-barnd .tab-ty2{display:none;} */

	.con-barnd .tab-ty3{display:none;}
	/* .con-barnd .tab-ty2{padding-top: 0;}	.con-barnd .tab-ty2{ border-width: 0 0 2px; margin-bottom: 50px;}	.con-barnd .tab-ty2 &gt; ul &gt; li button{font-size: 20px;}*/
	#brand_isotope .prod_wrap .lst_prod{margin-right:-5.3%;}
	#brand_isotope .prod_wrap .lst_prod .cateName{padding: 15% 0;}
	#brand_isotope .prod_wrap .lst_prod li{width:44.7%; height:425px; min-height:425px; margin:0 5.3% 5.3% 0;/* padding-top:18px;*/}
	#brand_isotope .prod_wrap .lst_prod li p.img img{width:100%; height:100%;}
	#brand_isotope .prod_wrap .lst_prod li strong{display:none;font-size:28px; line-height:54px; margin-top:8px;}
	#brand_isotope .prod_wrap .lst_prod li p{font-size:30px; line-height:43px; padding:0 7%;}
	#brand_isotope .prod_wrap .lst_prod li p.tit{margin-top:75px;}
/* //170807 수정 */
	#brand_isotope .prod_paging{display:none;}
	#brand_isotope .prod_more{display:block!important;}

	/* 제품 상세 */
	#container.sub.view_brand{padding:0; margin-top:-33px;}
	#container.view_brand .contentMotion{padding:0 4.7%;}
	#container.view_brand .container_inner{margin-top:0;}
	#container.view_brand h3{font-size:30px;}
	#container.view_brand .pdtIntro {padding-top:300px;}
	#container.view_brand .pdtIntro .thumb{width:100%;}
	#container.view_brand .pdtIntro .cont{width:100%; margin-bottom: 89px;}
	#container.view_brand .pdtIntro .cont h1{position: absolute; top: 76px; width: 90.6%; font-size:26px; text-align: center; border-top:1px solid #d0d0d0; margin: 0 auto; padding-top:26px;}
	#container.view_brand .pdtIntro .cont h1 strong{font-size:43px; line-height:54px;}
	#container.view_brand .pdtIntro .cont .snsArea.pc {display:none;}
	#container.view_brand .pdtIntro .cont .snsArea.mb {display:block; position:absolute; top:0; right:4.7%; width:auto; height:auto; overflow:hidden;}
	#container.view_brand .pdtIntro .cont .snsArea.mb li {float:left; width:49px; height:247px; margin-left:15px;}
	#container.view_brand .pdtIntro .cont .snsArea.mb li:first-child{margin-left:0;}
	#container.view_brand .pdtIntro .srmy {overflow:hidden; margin:40px 0;}
	#container.view_brand .pdtIntro .srmy li {float:none; width:100%; height:auto; min-height:66px; padding:0; margin:0; border:0; border-bottom:1px solid #c4c4c4; border-radius: 0; font-size:14px; color:#747474; overflow: hidden;}
	#container.view_brand .pdtIntro .srmy li:first-child{border-top:2px solid #313131;}
	#container.view_brand .pdtIntro .srmy li:before{display:none;}
	#container.view_brand .pdtIntro .srmy li:after {content:""; display:block; width:6.9%; height:66px; background-size:100% 100%; margin:0; }
	#container.view_brand .pdtIntro .srmy li strong{float:left; font-size:24px; font-weight:bold; line-height: 66px; color:#313131; margin-left: 6.9%; padding-left: 1.2%;}
	#container.view_brand .pdtIntro .srmy li span {float:right; font-size:24px; font-weight:normal; color:#313131; line-height: 66px; word-break:keep-all; margin:0; padding-right: 1.7%;}
	#container.view_brand .pdtIntro .srmy li.age:after {background:url(/resources/images/brand/ico_mb_age.gif) no-repeat center center;}
	#container.view_brand .pdtIntro .srmy li.weight:after {background:url(/resources/images/brand/ico_mb_weight.gif) no-repeat center center;}
	#container.view_brand .pdtIntro .srmy li.keep:after {background:url(/resources/images/brand/ico_mb_keep.gif) no-repeat center center;}
	#container.view_brand .pdtIntro .srmy li.expiration:after {background:url(/resources/images/brand/ico_mb_expiration.gif) no-repeat center center;}
	#container.view_brand .pdtIntro .tag{display:block; font-size:22px; line-height:34px; color:#8d612d; background:#f5f1e8; margin:0 0 40px; padding:4.5%;}
	#container.view_brand .pdtIntro .btnArea li.btn1{width:100%; margin:0 0 1.9% 0;}
	#container.view_brand .pdtIntro .btnArea li.btn2{width:32.1%; margin:0 1.9% 0 0;}
	#container.view_brand .pdtIntro .btnArea li.btn3{width:32.1%; margin:0 1.9% 0 0;}
	#container.view_brand .pdtIntro .btnArea li.btn4{width:32%; background:url(/resources/images/brand/btn_mb_cf.gif) center center no-repeat; background-size:auto 100%; background-color:#8eb7ed; margin:0;}
	#container.view_brand .pdtIntro .btnArea li a{font-size:24px;}

	#container.view_brand .relativeBrd{border-top:0;}
	#container.view_brand .relativeBrd &gt; div{width:100%; padding:0;}
	#container.view_brand .relativeBrd .pdt .swiper-container{padding:0;}
	#container.view_brand .relativeBrd .pdt .swiper-button-prev{top:64%; left:0;}
	#container.view_brand .relativeBrd .pdt .swiper-button-next{top:64%; right:0;}
	#container.view_brand .relativeBrd .pdt .swiper-slide p{font-size: 24px; line-height:30px; padding:0;}
	#container.view_brand .relativeBrd .eve{display:none;}
	#container.view_brand .relativeBrd2 .pdt2 .swiper-slide p{font-size:23px; line-height:1em; padding: 0 6px;}

	#container.view_brand .pdtTab.pc{display:none;}
	#container.view_brand .pdtTab.mb{display:block; height:81px;}
	#container.view_brand .pdtTab.mb {margin:0 -5.2% 40px;}
	#container.view_brand .pdtTab.mb li{height:81px; background:#fff; border-color:#d0d0d0;}
	#container.view_brand .pdtTab.mb li:first-child{border-left:0;}
	#container.view_brand .pdtTab.mb li:last-child{border-right:0;}
	#container.view_brand .pdtTab.mb li.on{background:#194e92; border-color:#194e92;}
	#container.view_brand .pdtTab.mb li.on a{color:#fff;}
	#container.view_brand .pdtTab.mb li a{font-size:22px; line-height: 81px;}
	#container.view_brand .pdtDetail{display:none;}
	#container.view_brand .pdtDetail h3{display:none;}
	#container.view_brand #pdtDetail3&gt;span{position:static; display:block; padding-bottom:10px; text-align:left;}
	#container.view_brand #pdtDetail1{display:block; padding-bottom:80px;}
	#container.view_brand #pdtDetail1 .videoArea video{width: 100%; margin: 0 auto 40px;}
	#container.view_brand #pdtDetail2{border-top:0; padding:0;}
	#container.view_brand #pdtDetail2 .bbsForm th{font-size:18px; text-align:center; background:#fafafa; padding:13px 2%; }
	#container.view_brand #pdtDetail2 .bbsForm td{font-size:18px; padding:13px 2%; }
	#container.view_brand #pdtDetail2 .lastText{display:none;}
	#container.view_brand #pdtDetail3{border-top:0; padding:0;}
	#container.view_brand #pdtDetail3 .pc{display:none;}
	#container.view_brand #pdtDetail3 .bbsForm.mb{display:table; width:100%; table-layout:fixed; border:1px solid #ddd; border-top:0; }
	#container.view_brand #pdtDetail3 .bbsForm.mb tr{border-top:1px solid #ccc;}
	#container.view_brand #pdtDetail3 .bbsForm.mb thead th {font-size:18px; color:#232323; text-align:center; font-weight:bold; line-height:64px; border-right:1px solid #ddd; background:#eeeeee; padding:0 40px;}
	#container.view_brand #pdtDetail3 .bbsForm.mb tbody th {font-size:18px; color:#585858; text-align:center; font-weight:normal; line-height:24px; background:#fafafa; padding:13px 40px;}
	#container.view_brand #pdtDetail3 .bbsForm.mb tbody td {font-size:18px; color:#585858; text-align:center; line-height:24px; word-break:keep-all; border-left:1px solid #ddd; background:#fff; padding:13px 40px;}

	#container.view_brand .relativeEve{display:block; overflow: hidden; position: relative; border-top:1px solid #c4c4c4; margin-top:80px; padding:22px 0 82px;}
	#container.view_brand .relativeEve .swiper-container{border:1px solid #ccc; box-sizing: border-box;}
	#container.view_brand .relativeEve .swiper-pagination{position:relative; bottom:-30px; left:0;}
	#container.view_brand .relativeEve .swiper-pagination-bullet{width:25px; height:25px; background:#ccc; margin:0 11px; opacity:1;}
	#container.view_brand .relativeEve .swiper-pagination-bullet-active{background:#194e90;}
	#container.view_brand .relativeEve .swiper-button-prev{top:47%; left:2%; width:14px; height:29px; background:url('/resources/images/brand/btn_re_prev.png') center center no-repeat;}
	#container.view_brand .relativeEve .swiper-button-next{top:47%; right:2%; width:14px; height:29px; background:url('/resources/images/brand/btn_re_next.png') center center no-repeat;}
	#container.view_brand .relativeEve .swiper-button-next.swiper-button-disabled, #container.view_brand .relativeEve .swiper-button-prev.swiper-button-disabled{opacity:1;}
	#container.view_brand .relativeEve .swiper-slide{}
	#container.view_brand .relativeEve .swiper-slide img{width:100%; height:100%;}
	#container.view_brand .relativePdt{border:0}
	#container.view_brand .relativePdt .swiper-slide img{padding: 17.3% 0 7.9%;}
	#container.view_brand .relativePdt .swiper-slide p{font-size: 24px; line-height:30px; padding:0;}
	#container.view_brand .btnList{display:none;}

	.histroyConWrap {display:none;}
	.histroyConWrapMobile {display:block; width:100%; height:auto;}
	.histroyConWrapMobile .title {width:100%; height:27px; font-size:0; background:url(../images/contribution/history_title.png) no-repeat center top;}
	.histroyConWrapMobile .history {width:100%; height:auto; padding-top:30px;}
	.histroyConWrapMobile .history &gt; li {width:100%; height:auto; text-align:center; letter-spacing:-1px; padding-top:30px; margin-top:40px;}
	.histroyConWrapMobile .history &gt; li &gt; strong {display:block; font-size:36px; font-weight:bold; color:#434343;}
	.histroyConWrapMobile .history &gt; li &gt; span {display:block; padding-top:20px;}
	.histroyConWrapMobile .history &gt; li &gt; span &gt; em {color:#6d7587; font-size:10px; vertical-align:8px;}
	.histroyConWrapMobile .history &gt; li &gt; .img {padding:0 100px; margin-top:30px;}
	.histroyConWrapMobile .history &gt; li:nth-child(1) {background:url(../images/contribution/icon_history1.png) no-repeat center top; background-size:4%; margin-top:0;}
	.histroyConWrapMobile .history &gt; li:nth-child(2) {background:url(../images/contribution/icon_history2.png) no-repeat center top; background-size:4%;}
	.histroyConWrapMobile .history &gt; li:nth-child(3) {background:url(../images/contribution/icon_history3.png) no-repeat center top; background-size:4%;}
	.histroyConWrapMobile .history &gt; li:nth-child(4) {background:url(../images/contribution/icon_history4.png) no-repeat center top; background-size:4%;}
	.histroyConWrapMobile .history &gt; li:nth-child(5) {background:url(../images/contribution/icon_history5.png) no-repeat center top; background-size:4%;}
	.histroyConWrapMobile .history &gt; li:nth-child(6) {background:url(../images/contribution/icon_history1.png) no-repeat center top; background-size:4%;}
	.histroyConWrapMobile .history &gt; li:nth-child(7) {background:url(../images/contribution/icon_history2.png) no-repeat center top; background-size:4%;}
	.histroyConWrapMobile .history &gt; li:nth-child(8) {background:url(../images/contribution/icon_history3.png) no-repeat center top; background-size:4%;}
	.histroyConWrapMobile .history &gt; li:nth-child(9) {background:url(../images/contribution/icon_history4.png) no-repeat center top; background-size:4%;}
	.histroyConWrapMobile .history &gt; li:nth-child(10) {background:url(../images/contribution/icon_history5.png) no-repeat center top; background-size:4%;}
	.histroyConWrapMobile .history &gt; li:nth-child(11) {background:url(../images/contribution/icon_history1.png) no-repeat center top; background-size:4%;}
	.histroyConWrapMobile .history &gt; li:nth-child(12) {background:url(../images/contribution/icon_history2.png) no-repeat center top; background-size:4%;}
	.contIntroList &gt; li:nth-child(1) {margin-left:0;}
	.contIntroList &gt; li:nth-child(3) {margin-left:0;}
	.contIntroList &gt; li:nth-child(4) {margin-left:40px;}
	.contIntroList &gt; li:nth-child(5) {margin-left:0;}/* //170728 수정 */

	/* for high resolution display */
	@media only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1),
			only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
		#brand_isotope .lst_isotope .point{ background-position: -693px -30px; width: 85px; height: 66px;  padding-top: 11px; -webkit-background-size: auto;background-size: auto;}
	}

	/* 브랜드 팝업 */
	.PopupWrap.brand{background: none;width: 580px;margin-left: auto;margin-right: auto;}
	.PopupWrap.brand .box_lft .btns a{height: 40px;line-height: 40px;font-size: 20px;font-weight: 700;}
	.PopupWrap.brand .box_lft .btns a span{padding-left: 12%;font-size: 0.9em;}
	.PopupWrap.brand .box_lft .btns a span:after{display: none;}

	.PopupWrap.type3.cl{width: 500px; margin-left: -250px;}
	.PopupWrap.brand .box_lft .btns{margin-left: 4%;margin-right: 3%;margin-top: 3%;}	/* 특수분유 */
	/* 특수분유 &gt; 특수분유안내 */
	.con-formula1 .section1 .t4 .ico{left: 25px;top: 5px;}
	.con-formula1 .section1 .set-fs1 &gt; p:first-child{padding-right: 0;}
	.con-formula1 .section1 .title2{padding-right: 210px;}
	.con-formula1 .section1 .t4{top: -72px;width: 180px;height: 180px;border-radius: 180px;padding-top: 100px;text-align: center;line-height: 1.2;}
	.con-formula1 .section2 .lst_img p{/* width:65%; */ margin:0 auto;}/* 170602 수정 */

	.con-happyparenting1 .section5 .ta-r a{margin-top: 10px;}

	.visual.formula2 .txt{position: absolute; left: 0; bottom: 0; width: 90%; padding-left: 5%; padding-right: 5%;  }
	.visual.formula2 .txt br{display: none;}
	.visual.formula2 .txt .dotdot{height: 120px; overflow: hidden;}

	/* 상생윤리경영 */
	.con-winwin1 .TableType_1 thead, .con-ethical .TableType_1 thead {display:none;}
	.con-winwin1 .TableType_1 tbody, .con-ethical .TableType_1 tbody {overflow:hidden; width:100%;}
	.con-winwin1 .TableType_1 tbody tr,
	.con-winwin1 .TableType_1 tbody tr th,
	.con-winwin1 .TableType_1 tbody tr td,
	.con-ethical .TableType_1 tbody tr,
	.con-ethical .TableType_1 tbody tr th,
	.con-ethical .TableType_1 tbody tr td {float:left; width:100%; text-align: center; display: block;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative;  }
	.con-winwin1 .TableType_1 tbody tr th,
	.con-winwin1 .TableType_1 tbody tr td,
	.con-ethical .TableType_1 tbody tr th,
	.con-ethical .TableType_1 tbody tr td { padding: 50px 10px  10px; text-align: left;}
	.con-winwin1 .TableType_1 &gt; table &gt; tbody .ta-l{height:auto; min-height: 125px; padding: 50px 10px  10px;}

	.con-ethical .TableType_1.tdh350 &gt; table &gt; tbody .ta-l{height:auto; min-height:350px; padding: 50px 10px  10px; border-bottom:0;}
	.con-ethical .TableType_1.tdh160 &gt; table &gt; tbody .ta-l{height:160px; padding: 50px 10px  10px;}
	.con-winwin1 .TableType_1 tbody tr th.bgc1,
	.con-winwin1 .TableType_1 tbody tr td.bgc1,
	.con-ethical .TableType_1 tbody tr th.bgc1,
	.con-ethical .TableType_1 tbody tr td.bgc1{background-color: #194e91 ; color: #fff; text-align: center; padding: 10px;}
	.con-winwin1 .TableType_1 tbody tr th.bgc2,
	.con-winwin1 .TableType_1 tbody tr td.bgc2,
	.con-ethical .TableType_1 tbody tr th.bgc2,
	.con-ethical .TableType_1 tbody tr td.bgc2{background-color: #dadada;  text-align: center; padding: 10px;}
	.con-winwin1 .TableType_1 tbody tr th.bgc1.fc_blue2,
	.con-winwin1 .TableType_1 tbody tr td.bgc1.fc_blue2,
	.con-ethical .TableType_1 tbody tr th.bgc1.fc_blue2,
	.con-ethical .TableType_1 tbody tr td.bgc1.fc_blue2{color: #fff !important;}
	.con-winwin1 .TableType_1 tbody tr td:before, .con-ethical .TableType_1 tbody tr td:before {content:attr(data-label); display:block; position:absolute; left:10px; top:10px; width:200px; height:100%; padding:0; text-align:left; font-weight: bold;}
	.con-winwin1 .TableType_1 tbody tr td, .con-ethical .TableType_1 tbody tr td{width: 50%;}
	.con-winwin1 .TableType_1 tbody tr td br {display: none;}
	.con-winwin1 .TableType_1 tbody tr td.bgc1,
	.con-winwin1 .TableType_1 tbody tr td.bgc2,
	.con-ethical .TableType_1 tbody tr td.bgc1,
	.con-ethical .TableType_1 tbody tr td.bgc2 {width: 100%;}
	.con-ethical .lst_form .nameWrap&gt;p{display: block!important;}

	/*상생윤리경영*/
	.con-ethical .section1 .top &gt; h2{position: static; width: 100%; height: auto; background-color: #4d566b; text-align: left; padding: 20px;}
	.con-ethical .section1 .top &gt; h2 br{display: none;}
	.con-ethical .section1 .top{background-color: #f7f7fa; position: relative; padding:0}
	.con-ethical .section1 .top .cont{padding: 20px;}
	.con-ethical .section1 .bot{text-align: right; color: #194e92; }
	.con-ethical .section1 .bot strong{display: block; width: 100%; margin-left:0;}
	.con-ethical .section1 .bot .col ,.con-ethical .section1 .bot .mr{margin-right: 30px;}

	.box-privacy .top &gt; h2{position: static; width: 100%; height: auto; background-color: #4d566b; text-align: left; padding: 20px;}
	.box-privacy .top &gt; h2 br{display: none;}
	.box-privacy .top{background-color: #f7f7fa; position: relative; padding:0}
	.box-privacy .top .cont{padding: 20px;}
	.box-privacy .top strong{display: block; width: 100%; margin-left:0;}
	.box-privacy .top .col ,.con-ethical .section1 .bot .mr{margin-right: 30px;}

	.box-privacy .top .agreeText&gt;strong{display:block; margin-bottom:5px; font-size:27px; color:#333;}
	.box-privacy .top .agreeText&gt;p{color:#5f5f5f; font-size:22px; line-height: 30px;}
	.box-privacy .top .agreeText table{margin-top:15px;}
	.agreeText table{width:100%; border-top:1px solid #ddd; border-left:1px solid #ddd; background:#fff;}
	.agreeText table td,.agreeText table th{padding:10px;  border-bottom:1px solid #ddd; border-right:1px solid #ddd; color:#333; text-align:center; vertical-align:middle;}
	.agreeText table th{font-size:24px; background:#efefef}
	.agreeText table td{font-size:22px;}
	.agreeText .caution{position:relative; margin-top:15px; padding-left:20px; color:#5f5f5f; font-size:13px;}
	.agreeText .caution:after{content:'※'; position:absolute; left:0; top:0;}

	/* [161212] 윤리규정 */
	.con-ethical .lst1 &gt; ul &gt; li .list li { margin-left:33px; text-indent:-33px; color:#434343; }
	.con-ethical .lst1 &gt; ul &gt; li .list li.num { margin-left:62px; text-indent:-62px; }
	.con-ethical .lst1 &gt; ul &gt; li .list li.num2 { margin-left:40px; text-indent:-40px; }
	.con-ethical .lst1 &gt; ul &gt; li .list li span {font-size :25px;}

	/* 경영정보 */
	.con-management .section1 .set-content1{padding-right: 0;}
	.con-management .section1 .bg{display: none;}
	.con-management .section4 .lst1 .h{font-size: 28px; line-height: 36px; margin-bottom: 30px; position: relative;}
	.con-management .section4 .lst1 .h strong{display: inline-block; *display: inline; *zoom: 1; padding-right: 70px;}
	.con-management .section4 .lst1 .h a{position: absolute; right: 0; top: -11px;}	/* s:2017-02-20 추가 */
	.con-management .section5 .lst li{width:48.5%; height:auto;}
	.con-management .section5 .lst li img{width:100%;}
	.con-management .section6 .graph_mobile{display:block;}
	.con-management .section6 .graph_pc{display:none;}
	.con-management .section7 .graph_mobile{display:block;}
	.con-management .section7 .graph_pc{display:none;}
	/* e:2017-02-20 추가 */	/* 재무정보 */
	.con-financial .section1 .h1 img{width: 85px;}
	/* 공시정보 */
	.con-official .summary-top br, .con-officialnotice2  .summary-top br{display: none;}

	#container.sub .container_inner.lst_isotope{width: 90%; padding-left: 5%; padding-right: 5%; background-color: #f2f2f7;}

	/*.TableType_1.fin thead,
	.TableType_1.fin .thead2 {display:none;}
	.TableType_1.fin tbody {overflow:hidden; width:100%;}
	.TableType_1.fin tbody tr,
	.TableType_1.fin tbody tr th,
	.TableType_1.fin tbody tr td {float:left; width:100%;  display: block;  -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; position: relative;  }
	.TableType_1.fin tbody tr th,
	.TableType_1.fin tbody tr td{ padding: 10px; text-align: left;}
	.TableType_1.fin tbody tr.bold td{background-color: #fafafa;font-weight: bold;font-size: 20px;}
	.TableType_1.fin tbody tr.bold th,
	.TableType_1.fin &gt; table &gt; tbody tr th{background-color: #dadada;text-align: center;font-weight: 400;font-size: 24px;}
	.TableType_1.fin &gt; table &gt; tbody tr td{text-align: right;}
	.TableType_1.fin tbody tr td:before {content:attr(data-label); display:block; position:absolute; left:10px; top:10px; width:200px; height:100%; padding:0; text-align:left; font-weight: bold;}

	.TableType_1.fin tbody tr.h2 th,.TableType_1.fin tbody tr.h2 td{background-color: #dadada; font-weight: bold;}
	.TableType_1.fin tbody tr.dep2 th,.TableType_1.fin tbody tr.dep2 td{border-width: 0 0 1px; padding: 7px;}
	.TableType_1.fin &gt; table &gt; tbody tr.dep1 th,
	.TableType_1.fin &gt; table &gt; tbody tr.dep2 th	{background-color: #eee;text-align: left;font-weight: 400;font-size: 22px;}
	.TableType_1.fin &gt; table &gt; tbody tr.dep2 th,
	.TableType_1.fin &gt; table &gt; tbody tr.dep2 td{padding-left: 30px;}
	.TableType_1.fin &gt; table &gt; tbody tr.dep2 td:before{left: 30px;}
	.TableType_1.fin tbody tr.footer th,.TableType_1.fin tbody tr.footer td,
	.TableType_1.fin tbody tr.h2 th,.TableType_1.fin tbody tr.h2 td{background-color: #dadada; font-weight: bold;}

	.tableAreaAddMo{display:block;}
    .TableType_1.tableAreaAdd {display: none;}
    .tableAreaAddMo &gt; table { text-align: center; width: 100%;}
    .tableAreaAddMo &gt; table .textRight{text-align: right;}
    .tableAreaAddMo tbody tr th,
    .tableAreaAddMo tbody tr td{padding: 10px; outline: 1px solid; vertical-align: middle;}
    .tableAreaAddMo tbody tr.bold td{background-color: #fafafa;font-weight: bold; font-size: 20px;}	.tableAreaAddMo tbody tr.bold th,
    .tableAreaAddMo &gt; table &gt; tbody tr th{background-color: #dadada; text-align: center;font-weight: 400;font-size: 24px;}
    .tableAreaAddMo &gt; table &gt; tbody tr.dep1 th,
    .tableAreaAddMo &gt; table &gt; tbody tr.dep2 th {background-color: #eee;text-align: left;font-weight: 400;font-size: 22px;}*/

	.mobileType {display:table-column;}
	.pcType {display:none;}
	.TableType_1.fin {overflow-y:hidden; overflow-x:auto;}
	.TableType_1.fin table {width:1000px !important;}
	.TableType_1.fin th, .TableType_1.fin td {font-size:20px !important;}

	#set-bbs{background-color: #f2f2f7;}
	#set-bbs .header{padding: 0;}
	#set-bbs .header .fl-l{float: none; padding-top: 14px;}
	#set-bbs .header .fl-l .total{position: relative; padding-left: 25px; margin-bottom: 20px; }
	#set-bbs .header .fl-l .total:after{left: 15px; }
	#set-bbs .header .fl-l .total &gt; strong{ color: #0553b8; }
	#set-bbs .header .fl-r{float: none;}
	#set-bbs .header .fl-r{}
	#set-bbs .header .fl-r .box_search &gt; .col,
	#set-bbs .header .fl-r .box_search &gt; .search{  float: none;  }
	#set-bbs .header .fl-r .box_search &gt; .col{width: 49%; display: inline-block; *display: inline;  *zoom: 1; margin-bottom: 10px;}
	#set-bbs .header .fl-r .box_search &gt; .col.lft{float: left;}
	#set-bbs .header .fl-r .box_search &gt; .col.rgh{float: right;}
	#set-bbs .header .fl-r .box_search &gt; .search{clear: both; position: relative; width: 100%; padding-right: 0;}
	#set-bbs .header .fl-r .box_search &gt; .search .inp_search{width: 100%;height: 46px; padding-left: 20px;}
	#set-bbs .header .fl-r .box_search &gt; .search .btn_search{width: 50px;height: 46px;}
	#set-bbs .header .fl-r .box_search &gt; .search .btn_search:after{position: absolute; left: 50%; top: 50%; margin-left: -9px; margin-top: -9px;}
	#set-bbs .header .fl-r .box_search &gt; .search .btn_search.c2{background-color: #b7bcc6;}
	#set-bbs .header .selectBox-dropdown.selectType2_4.bbs{min-width: 100%;height: 56px;line-height: 48px;}
	#set-bbs .header .selectBox-dropdown.selectType2_4 .selectBox-label {padding: 2px 20px;font-size: 21px;}
	.box-privacy  .btn_rt{position: relative; text-align: right;}

	.bbs-view1 .view &gt; .article .cont{line-height: inherit;}
	/* ccm 2016-10-05 */
	.ccm_wrap .ccm_text .text_con {width:70%; border-left:1px solid #e8e8f1; padding-left:20px; margin-left:130px; word-break:keep-all;}
	.ccm_wrap .ccm_text .text_con strong {display:block; position:absolute; color:#194e91; top:0px; left:-150px;}
	.ccm_wrap .cel_img_wrap li {padding-top:120px; font-size:20px;}
	.ccm_wrap .ccm_img {height:440px;}
	/* 2016-12-06 */
	#footer .wa_logo {bottom:10px; right:45px;} /* 2016-11-23 */
	#footer .wa_logo2 {bottom:5px; right:160px;}
	.ccm_wrap.section4 .ccmCont ol &gt; li strong { font-size:24px;}
	.ccm_wrap.section4 .ccmCont ol &gt; li ul {padding-left:20px; padding-top:20px;}
	.ccm_wrap.section4 .ccmCont ol &gt; li ul li {background:url(/resources/images/ccm/blt.png) no-repeat 0 7px; font-size:20px; line-height:30px;}
	.listTypeA th, .listTypeA td {padding:30px 15px; border:2px solid #e5e5e5; line-height:30px; }
	.listTypeA th {font-size:24px;}
	.listTypeA td {font-size:22px;}
	.listTypeA td ul li {position:relative; padding-left:18px; text-align:left;}
	.listTypeA td ul li span {position:absolute; left:3px;}
	.listTypeA td ul li span:after {content:"."}

	/* 자주묻는 질문 */
	.qnaArea .topText{font-size:24px; border-bottom:0; padding:0}
	.qnaArea .listSize{float:none; width:auto; font-size:24px; margin-bottom:30px;}
	.qnaArea .qnaList li a{padding:16px 12px 16px 106px; font-size:22px;}
	.qnaArea .qnaList li a:after{left:42px; font-size:24px; top:15px;}
	.qnaArea .qnaList li .answerArea{padding:20px 12px 20px 106px;}
	.qnaArea .qnaList li .answerArea .answerText{}
	.qnaArea .qnaList li .answerArea .answerText:after{ left:-64px; top:2px; font-size:24px;}
	.qnaArea .qnaList li.best a:after{left:12px; top:23px; width:77px; height:27px; line-height:26px; font-size:21px; letter-spacing:-1px;}
	.qnaArea .tabArea{margin-top:0}
	.qnaArea .tabArea li{width:50%; border-right:0; border-top:1px solid #e4e4ef}
	.qnaArea .tabArea li:first-child{width:100%; border:0;}
	.qnaArea .tabArea li:nth-child(even){border-right:1px solid #e4e4ef}

	.noticeArea{width:100%;}
	.noticeArea .g_row .bx-wrapper *{font-size:14px}
	.noticeArea .g_row .bx-wrapper{vertical-align:top;}
	.noticeArea .g_row&gt;strong{vertical-align:top;}

	/* 개선사례 */
	.tableList .topArea strong{font-size:25px;}
	.tableList .listArea li{font-size:20px;}

    /* 이전글 다음글 */
    #container .pvnt dt { width: 100px; font-size: 26px; padding: 15px 0 15px 5px; border-bottom: 0;}
    #container .pvnt dt:before {position: absolute; overflow: hidden; clip: rect(0 0 0 0); margin: -1px; width: 1px; height: 1px;}
    #container .pvnt dt:after { width: 2px; height: 25px; margin-top: -13px; background: #313131;}
    #container .pvnt dd { position: relative; padding: 15px 30px 15px 120px; font-size: 26px; color: #747474;}
	#container .pvnt dd a{height: 41px;line-height: 41px;}
    #container .pvnt dd:after { content: "▲"; position: absolute; right: 0; top: 50%; transform: translateY(-50%); color: #313131;}
    #container .pvnt .next+dd:after {content: "▼"; }

	/*esg*/
	.con-esg .box_search{display: flex; align-items: center; }
	.con-esg #set-bbs .header .fl-r .box_search &gt; .col{width: 15%; margin: 0;  margin-right: 10px;}
	.con-esg select.select1.h2 {height: 46px;}
}

@media screen and (max-width: 768px){
	/* 기업소개 */
	.con-infomation .section2 .lst1 &gt; ul &gt; li{margin-left: 7%;width: 260px;height: 260px;border-radius: 260px;}
	.con-infomation .section2 .lst1 &gt; ul &gt; li .cont{padding-top: 48px;}
	/* 기업소개2 */
	.con-story2 .section1 .lst1 &gt; ul &gt; li{  width: 50%;}
	.con-story2 .section1 .lst1 &gt; ul &gt; li .circle{width: 184px;height: 184px;border-radius: 184px;border: 2px solid #ededf4;}
	.con-story2 .section1 .lst1 &gt; ul &gt; li .img{width: 184px;height: 184px;border-radius: 184px;}
	.con-story2 .section1 .lst1 &gt; ul &gt; li .img img{ width: 100%; height: auto; }
	/* 특수분유 &gt; 특수분유안내 */
	.con-formula1 .section1 .lst_img1 .img{width: 160px;}
	.con-formula1 .section1 .lst_img1 .img{display: inline-block; *display: inline; *zoom: 1;margin-left: 10px;margin-right: 10px;}
	/* 경영정보 */
	.con-management .section4 .lst1 .thumb{position: static; display: table; margin-left: auto; margin-right: auto; margin-bottom: 3%;}
	.con-management .section4 .lst1 &gt; ul &gt; li{ padding-left: 0;}
	.con-management .section4 .lst2 &gt; ul &gt; li{width: 100%;  float: none; position: relative; margin-bottom: 5%;}
	.con-management .section4 .lst2 &gt; ul &gt; li .h{font-size: 28px; line-height: 36px; margin-bottom: 20px;}
	.con-management .section4 .lst2 .h .more{margin-left: 10px; margin-top: -1px;}
	.con-management .section4 .lst2 &gt; ul &gt; li .inner{position: relative; min-height: 330px; padding-bottom: 90px;}
	.con-management .section4 .lst2 &gt; ul &gt; li.n1 .inner{margin-right: 0;}
	.con-management .section4 .lst2 &gt; ul &gt; li.n2 .inner{padding-left: 0; border-left:0;}
	.con-management .section4 .lst2 &gt; ul &gt; li .thumb{position: absolute; right: 0; bottom: 0; }
	/* 공시정보 &gt; 사업감사보고서 */
	.con-officialnotice2 .lst_officaial2 &gt; ul &gt; li{padding-left: 119px;}
	.con-barnd .lst_brand &gt; ul{padding-left: 200px;text-align: left;}
	.con-barnd .lst_brand &gt; ul &gt; li.n2{width: 41%;}
	.con-barnd .lst_brand &gt; ul &gt; li.n4{width: 41%;}
	.con-barnd .lst_brand &gt; ul &gt; li.n3{width: 45%;padding-left: 10%;}
	.con-barnd .lst_brand &gt; ul &gt; li.n5{width: 45%;padding-left: 10%;}
	.con-infra2 .sec_factory .mid .lst .cont{width: 500px;margin-left: -250px;}
	.con-infra2 .sec_factory .mid .lst .cont .h img{width: 140px; height: auto;}
	.con-infra2 .sec_factory .mid .lst .cont2 &gt; .t1 br{display: none;}
	.con-infra2 .sec_factory .mid .lst .cont .c1 &gt; ul &gt; li .ico{position: absolute;left: 0;top: 0;width: 43px;}
	.con-infra2 .sec_factory .mid .lst .cont .c1 &gt; ul &gt; li{font-size: 0.6em;}
	.con-infra2 .sec_factory .mid .lst .cont .c1 &gt; ul &gt; li .txt{padding-left: 53px;}
	.con-infra2 .sec_factory .mid .lst .cont .c1 &gt; ul &gt; li.n2 .txt{padding-left: 76px;}
	/* 지난 매일클래식 */
	.PopupWrap.type3{ width: 500px; margin-left: -250px;}
	/* ccm 2016-10-05 */
	.ccm_wrap .ccm_img {height:400px;}
	/* 브랜드 */
/* 170807 추가 */
	#brand_isotope .prod_wrap .lst_prod li{height:380px; min-height:auto;}
/* //170807 추가 */
.fapHeader .box_search{display: flex;justify-content: center;align-items: center;}
#set-bbs .fapHeader .fl-r .box_search &gt; .col{margin: 0;}
.fapHeader select.select1.h2 {width: 100%;height: 46px;line-height: 38px;box-sizing: border-box;}
#set-bbs .fapHeader .fl-r .box_search &gt; .search .inp_search{font-size: 19px;}
.tab-ty1.n5 &gt; ul &gt; li{vertical-align:middle;}
.tab-ty1.n5 &gt; ul &gt; li &gt; a {height: 52px; line-height: 31px;}
}

@media screen and (max-width: 640px){
	/* 경영이념 */
	.con-philosophy .section1 .title2 br{display: none;}
	/* 연구소&amp;공장 */
	.con-infra1 .section2 .lst1 &gt; ul &gt; li{width: 33.3%; margin-bottom: 30px;}
	/* ccm 2016-10-05 */
	.tab-ty1 &gt; ul &gt; li{font-size: 20px; line-height: 30px; width: 31%;}
	.ccm_wrap .ccm_img {height:350px;}
	.ccm_logo {background:url(../images/ccm/img_ccm_img6.jpg) no-repeat; padding-left:0; background-size:100%;}
	.ccm_logo .text {padding-top:280px;}
	.ccm_wrap .ccm_text .text_con {width:100%; border-left:0; padding-left:0; margin-left:0;}
	.ccm_wrap .ccm_text .text_con li {width:100%; position:relative; margin-top:30px;}
	.ccm_wrap .ccm_text .text_con li:first-child {margin-top:0;}
	.ccm_wrap .ccm_text .text_con strong {display:block; position:static; color:#194e91; top:0px; left:-105px;}
	.ccm_wrap .cel_img_wrap:after {content:""; display:block; clear:both;}
	.ccm_wrap .cel_img_wrap li {width:100%; color:#313131; text-align:center; padding-top:200px; margin-top:50px; float:none; margin-left:0px; background:url(../images/ccm/img_ccm_img3.jpg) no-repeat; background-size:100%; font-size:25px;}
	.ccm_wrap .cel_img_wrap li:first-child {margin-left:0; background:url(../images/ccm/img_ccm_img2.jpg) no-repeat; background-size:100%;}
	.ccm_wrap .ccm_img {width:100%; height:1200px; margin:30px 0; background:url(../images/ccm/img_ccm_img7.jpg) no-repeat; background-size:100%;}
}
@media screen and (max-width: 630px){
	.con-ethical .TableType_1.tdh350 &gt; table &gt; tbody .ta-l { height:100%; }
	.con-ethical .TableType_1.tdh160 &gt; table &gt; tbody .ta-l { height:100%; }
	.con-winwin1 .TableType_1 tbody tr td, .con-ethical .TableType_1 tbody tr td{width: 100%;}
}</pre></body></html>