@charset "utf-8";
@media screen and (max-width:768px) {
	body *{box-sizing:border-box;}
	#header{height:auto;min-height:42px;}
	#header .logo{margin:15px 0 0 0;}
	#header .logo a{width:70px;height:17px;background-size:100%;}
	#header .all-menu{display:block;}
	#header .nav-wrap{display:none;position:absolute;top:0;right:0;width:270px;padding:42px 0 84px 0;background-color:#fff;}
	#header .nav-wrap.open{display:block;}
	#header .nav-wrap.open:before{z-index:1;display:block;content:'';position:absolute;top:0;right:0;width:100%;height:552px;background:#fff;}
	#header .nav-wrap.open:after{display:block;content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);}
	#header .nav-wrap .btn-close{z-index:3;display:block;position:absolute;top:0;right:0;width:45px;height:45px;background:url(/ch/img/btn_all_menu_close.png) no-repeat 50% 50%/15px;}
	#header #gnb{z-index:1;position:relative;float:none;margin:0;border-top:2px solid #25aae2;background-color:#fff;}
	#header #gnb > ul > li{float:none;margin:0;border-bottom:1px solid #e5e5e5;}
	#header #gnb > ul > li > a{height:40px;line-height:40px;padding:0 25px;font-size:16px;color:#000;}
	#header #gnb > ul > li.active > a{color:#25aae2;}
	#header #gnb > ul > li .dep{position:relative;top:0;left:0;width:100%;height:auto;text-align:left;padding:15px 0;border-top:1px solid #e5e5e5;background-color:#f8f8f8;}
	#header #gnb > ul > li .dep ul{display:block;}
	#header #gnb > ul > li .dep li{float:none;width:100%;margin:0;}
	#header #gnb > ul > li .dep li a{display:block;height:30px;line-height:30px;padding:0 25px;font-size:14px;} 
	#header #gnb .active-bar{display:none !important;}
	#header #country{display:block;position:relative;top:0;left:0;margin:15px 0 0 15px;}
	#header #country .btn-toggle{width:75px;height:23px;line-height:23px;padding:0 0 0 8px;font-size:14px;color:#9c9c9c !important;background-color:#efefef !important;}
	#header #country .btn-toggle:after{top:9px;right:10px;width:5px;height:5px;}
	#header #country .list{width:75px}
	#header #country .list li a{height:23px;line-height:23px;padding:0 0 0 8px;color:#9c9c9c !important;background-color:#efefef !important;}
	#header .inner{width:100%;padding:0 15px;}
	#header .all-menu{float:right;width:18px;height:15px;margin:15px 0 0 0;text-indent:-9999px;background:url(/ch/img/btn_all_menu02.png) no-repeat 0 0/100%;}
	#container #content{padding:0 0 80px 0;}
	#footer{position:relative;height:auto;}
	#footer .inner{width:100%;}
	#footer .menu{float:none;overflow:hidden;padding:25px 15px 0 15px;}
	#footer .menu .list{margin:8px 0 0 0;}
	#footer .menu .list:first-child{margin:0;}
	#footer .menu .list h3{float:none;width:68px;}
	#footer .menu .list	ul{float:none;margin:5px 0 0 0;}
	#footer .menu .list li{margin:0 0 0 5px;}
	#footer .menu .list li:first-child{margin:0;}
	#footer .company{float:none;width:100%;height:auto;margin:23px 0 0 0;padding:25px 15px;border-top:1px solid #d2d2d2;border-left:none;text-align:center;}
	#footer .company .logo img{width:70px;}
	#footer .company .copy{margin:15px 0 0 0;}
	#footer .company .copy br{display:none;}
	body.no-margin #container #content{padding:0 0 0 0;}


	/* fix*/
	.fix #container{padding:42px 0 0 0;}

	/* main */
	#main #container #content{padding:0;}
	#main #header #gnb ul li > a{color:#000;}
	#main #header #gnb ul li.active > a{color:#25aae2;}
	#main #header .logo a{background-size:100%;}
	#main #header .all-menu{background:url(/ch/img/btn_all_menu.png) no-repeat 0 0/100%;}
	#main .tit{top:17%;margin:0;padding:0 40px;}
	#main .tit img{width:100%;max-width:480px;}
	#main .main-txt{top:59%;margin:0;padding:0 20px;line-height:18px;font-size:14px;}
	#main .main-txt br{display:none;}
	#main #visual{left:0;width:100%;height:auto;margin:0;}
	#main #visual #iframe{width:200%;margin: 0 0 0 -50%;padding:113% 0 0 0;}
	#main .section{height:auto;}
	#main .section .par{padding:30px 0;font-size:16px;line-height:22px;}
	#main .section.full{height:auto;}
	#main .section .contact{padding:35px 0 35px 0;}
	#main .section .contact li{float:none;width:100%;margin:23px 0 0 0;padding:52px 0 0 0;font-size:16px;text-align:center !important;}
	#main .section .contact li:first-child{margin:0;}
	#main .section .contact li:after{display:none;}
	#main .section .contact li.c1{background-position:50% 0;background-size:40px;}
	#main .section .contact li.c2{background-position:50% 0;background-size:40px;}
	#main .section .contact li.c3{background-position:48% 0;background-size:50px;}

	/* common */
	.mbr{display:block !important;}
	.mbr2{display:block !important;}
	.section{margin:40px 0 0 0;}
	.section .inner{width:100%;padding:0 15px;}
	.section.gray-type{padding:20px 0;}
	.section.gray-type2{margin:60px 0 0 0;padding:35px 0;}
	.head{height:auto;padding:20px 15px;}
	.head h2{padding:0;font-size:20px;}
	.head p{padding:12px 0 0 0;font-size:14px;}
	.head.bg1, .head.bg2, .head.bg3, .head.bg4,.head.bg5{background-size:cover;}
	.hgroup .logo img{width:50%;}
	.hgroup h3{font-size:18px;}
	.hgroup p{margin:10px 0 0 0;font-size:14px;line-height:22px;}
	.hgroup p br{display:none;}
	.hgroup .logo + h3{margin:27px 0 0 0;}
	.img-box{margin:24px 0 0 0;min-height:auto;}
	.img-box + .img-box{margin:25px 0 0 0;}
	.img-box.type2 .desc{right:0;}
	.img-box h4{font-size:16px;}
	.img-box .img{margin:14px 0 0 0;}
	.img-box .img img{width:100%;}
	.img-box .desc{position:relative;top:0;left:0;width:100%;margin:10px 0 0 0;height:auto;padding:25px 0;}
	.img-box .desc ul{padding:0 15px;}
	.img-box .desc li{font-size:14px;margin:14px 0 0 0;padding:0 0 0 35px;}
	.img-box .desc li:first-child{margin:0;}
	.img-box .desc li .ico img{width:15px;}
	.par{font-size:14px;line-height:22px;}
	.comint-par{margin:40px 0 0 0;}
	.comint-par br{display:none;}
	.strong-txt{font-size:14px;border-width:2px;font-weight:normal;}
	.table-list{margin:30px 0 0 0;}
	.table-list th{padding:10px 1px 9px 1px;font-size:12px;line-height:16px;letter-spacing:-1px}
	.table-list th br{display:none;}
	.table-list td{padding:10px 1px 9px 1px;font-size:12px;line-height:16px;letter-spacing:-1px}
	.table-list td img{width:100%;}
	.box{padding:16px 19px 19px 19px;}
	.box .list li{padding:0 0 0 12px;font-size:13px;line-height:20px;}
	.box .list li:after{width:3px;height:3px;}
	.num-list li{margin:4px 0 0 0;font-size:13px;line-height:20px;}
	.description{margin:16px 0 0 0;}
	.description .img img{width:100%;}
	.description .noted{margin:5px 0 0 0;line-height:20px;font-size:12px;}
	.description .strong-txt{width: 280px;margin: 17px auto 0 auto;}
	.description .strong-txt + .box{margin:25px 0 0 0;}


	/*기업소개*/
	.ceo{margin:60px 0 0 0;}
	.ceo .sign{margin:10px 0 0 0;}
	.history.fix{padding:0;}
	.history:before{display:none;}
	.history .h-bar{display:none;}
	.history .tit{display:none;margin:0 0 35px 0;}
	.history .tit li{margin:0 0 0 12px;padding:0 0 0 6px;background:none;}
	.history .tit li a{font-size:16px;}
	.history.fix .tit{top:42px;height:auto;margin:0;padding:8px 0;}
	.history .list {}
	.history .list:before {display:none;}
	.history .group:first-child ~ .group{margin:40px 0 0 0;}
	.history .group{width:100%;float:none;text-align:left;}
	.history .group h3{text-align:left}
	.history .group h3:after{display:none;}
	.history .group .thumb{margin:14px 0 0 0;}
	.history .group .thumb img{width:100%;}
	.history .group ul, .history .group p{margin:12px 0 0 0;font-size:13px;}
	.history .group li{margin:6px 0 0 0;}
	.history .group li br{display:none;}
	.history .group:nth-child(even){float:none;}
	.history .group .start{display:none;}

	/*사업장*/
	.place-business li{padding:19px 0;}
	.place-business li strong:after{height: 12px;margin: 3px 7px 0 7px;}
	.place-business li strong{font-size:16px;}
	.place-business li em{font-size:16px;}
	.place-business li .address{margin:13px 0 0 0;line-height:20px;}

	/* 사업영역 */
	.business-list{}
	.business-list ul{width:100%;margin:0;}
	.business-list li{overflow:hidden;float:none;width:100%;height:auto;margin:20px 0 0 0;padding:0;}
	.business-list li:first-child{margin:0;}
	.business-list li h3{margin:20px 0 10px 0;font-size:16px;}
	.business-list li .thumb{position:relative;float:left;width:50%;}
	.business-list li .thumb img{width:100%;}
	.business-list li span{float:left;width:50%;padding:0 10px;}
	.business-list li span br{display:none;}

	/* Brand */
	.product .img{}
	.product .img img{width:80%;}
	.product .prd-img{margin:35px 0 0 0;}
	.product .prd-img img{width:100%;}
	.product .strong-txt{margin:35px 0 0 0;}
	.function-list li span.thumb img{width:25%;}
	.function-list li{display:block;margin:15px 0 0 0;}
	.function-list li:first-child{margin:0;}
	.function-list li strong{margin:9px 0 0 0;font-size:16px;}
	.function-list li span{margin:5px;font-size:14px;line-height:20px;}
	.fashion h3{text-align:center;}
	.fashion h3 img{width:20%;}
	.fashion .hgroup{margin:35px 0 0 0;}
	.fashion .b-list{margin:20px 0 0 0;}
	.fashion .b-list li{float:none;}
	.fashion .b-list li img{width:100%;}
	.fashion .video-ad{margin:17px 0 0 0;}
	.fashion2 .visual{height:auto;padding:0 10px 15px 10px;background-size:cover;}
	.fashion2 .visual .par{margin:150px 0 0 0;font-size:14px;line-height:20px;}
	.fashion2 .visual .strong-txt{margin:20px 0 0 0;}
	.fashion2 .visual .strong-txt + .par{margin:15px 0 0 0;}
	.fashion2 .over-img{margin:27px 0 0 0;}
	.fashion2 .over-img img{margin:0;width:100%;}
	.fashion2 .desc-group{}
	.fashion2 .desc-group .col{float:none;width:100%;margin:20px 0 0 0;}
	.fashion2 .desc-group .col:first-child{margin:0;}
	.fashion2 .desc-group .col > img{width:100%;}
	.fashion2 .desc-group .subject{margin:11px 0 0 0;}
	.fashion2 .desc-group p{margin:7px 0 0 0;font-size:14px;}
	.fashion2 .table-group{margin:40px 0 0 0;}
	.fashion2 .table-group .table-list{float:none;width:100%;}
	.fashion2 .table-list .img li{height:50px;padding:7px 0 5px 0;line-height:1.5;}
	.fashion2 .desc-img{margin:35px 0 0 0;}
	.fashion2 .desc-img h3{margin:0 0 20px 0;}
	.fashion2 .desc-img .img img{width:100%;}
	.fashion2 .desc-img .box{margin:35px 0 0 0;}
	.patent{margin:35px 0 0 0;}
	.patent ul{width:100%;margin:0;}
	.patent li{float:none;width:100%;min-height:auto;margin:25px 0 0 0;}
	.patent li strong{margin:8px 0 0 0;font-size:16px;}
	.patent li .thumb{width:100%;}
	.patent li .thumb img{width:100%;}
	.fashion3 .prd-group .thumb{margin:22px 0 0 0;}
	.fashion3 .prd-group .thumb img{width:100%;}
	.fashion3 .prd-group{margin:25px 0 0 0;padding:24px 0 0 0;}
	.fashion3 .prd-group .desc-area{margin:35px 0 0 0;}
	.fashion3 .prd-group .desc-area h4{float:none;width:100%;line-height:23px;font-size:14px;}
	.fashion3 .prd-group .desc-area h4 img{width:23px;margin:0 5px 0 0;}
	.fashion3 .prd-group .desc-area ul{font-size:12px;margin:0 0 0 33px;width:auto;}
	.fashion3 .prd-group .desc-area li{margin:4px 0 0 0;padding:0 0 0 12px;}
	.fashion3 .prd-group .desc-area li:first-child{margin:6px 0 0 0;}
	.fashion3 .prd-group .desc-area li:after{width:3px;height:3px;top:7px;}
	.fashion4 .hgroup{margin:35px 0 0 0;}
	.fashion4 .group{margin:18px 0 0 0;min-height:200px;padding:50px 10px;}
	.fashion4 .group img{width:100%;}
	.fashion4 .par{margin:25px 0 0 0;}
	.brochure .inner{width:100%;margin:0;padding:15px;}
	.brochure .inner strong{display:block;float:none;width:100%;height:25px;line-height:25px;font-size:16px;text-align:center;}
	.brochure .inner ul{float:none;margin:2% 0 0 -1%;}
	.brochure .inner li{width:49%;margin:1% 0 0 1%;}
	.brochure .inner li:first-child{margin:1% 0 0 1%;}
	.brochure .inner li a img{width:100%;}


	/* rnd */
	.rnd-list{margin:20px 0 0 0;}
	.rnd-list li{display:block;float:left;width:50%;margin:0;}
	.rnd-list li span.thumb img{width:25%;}
	.rnd-list li strong{margin:8px 0 0 0;font-size:15px;}
	.rnd-list li span{margin:5px 0 15px 0;font-size:13px;line-height:20px;}
	.experiment{margin:16px 0 0 0;}
	.experiment .box-desc{height:35px;line-height:35px;font-size:13px;}
	.experiment .box-desc li{margin:0 0 0 10px;}
	.experiment .box-desc li:first-child{margin:0;}
	.experiment .video{margin:15px 0 0 0;}

	/* contact */
	.contact-wrap{padding:18px 0;}
	.contact-wrap li{float:none;width:100%;margin:20px 0 0 0;}
	.contact-wrap li:first-child{margin:0;}
	.contact-wrap li strong{font-size:16px;}
	.contact-wrap li strong img{margin:0 5px 0 0;}
	.contact-wrap li span{margin:10px 0 0 0;font-size:14px;}
}