/*1599*/
@media screen and (max-width:/*1599px*/1200px) {

 	.wrap { width: 98%; }
	.pc {display: none;}
	.mobile {display: block;}
	.mo {display: none; }


	/*
         header {height: 115px; line-height: 115px;}    
	.header-spr {height: 115px;}
        .header-content {height: 100%; line-height: 115px;}    
	.header-content .logo img { height: 75px; vertical-align: middle; }
	*/

         header {height: 11.5rem; line-height: 11.5rem;}    
	.header-spr {height: 11.5rem;}

    	.header-content .gnb, .header-content .tnb {display: none;}
    	.header-content .gnbMo {display: block; color: #336699; font-size: 3rem;float: right;}


	.visual {
	        position:relative;width:100%;line-height:15rem; margin-bottom: 30px; background-size:cover; text-align:center;
	}
	.visual-pr {
	        font-size:3.0rem;color:#ffffff;font-family:/*'S-CoreDream-8Heavy'*/'NanumSquare';
	}
	.ImageBy { position:absolute; top:1rem; right:1rem;  line-height:normal; color:#ffffff; font-size:0.6rem; font-style:italic;  text-shadow: 0 0 5px rgba(8, 8, 8, 0.5);}



	//footer { padding: 30px 0;}
 	footer .footer-logo { float: none; width: 100%;}
  	footer .footer-address { float: none; width: 100%; text-align: left;}

    /* html { font-size: 9.5px;} */
    header .header-content {width: 95%; min-width: 1024px;}
    .header-content .gnb {margin-left: 50px;}
    .header-content .gnb li {margin-right: 40px;}
    .header-content .gnb li:last-child {margin-right: 0;}
    .header-content .tnb li {margin-right: 10px;}

    section.works ul, section.innovations .imgBox,section.me ul.list,section.gallery ul {width: 95%;}
    footer .inner{width: 95%; min-width: 90%;}
    footer .inner .list li {margin-left: 20px;}
    footer .inner .list li a:after {right: -13px;}   
}

/*ÅÂºí¸´¸ðµå 1024*/
@media screen and (max-width:1024px) {

    header .header-content {width: 95%; min-width: 90%;}

    section.main .mainTitle {width: 80%;}
    section.works ul li a p.img {height: 270px;}
    section.me {margin-bottom: 50px; }
    section.me ul.in li p:before {left: -20px;}
    section.me ul.in li {margin-bottom: 0;}
    section.me ul.list li > p {margin-bottom: 10px;}
    //section.gallery ul li {width: 32.2%; margin-right: 1.7%;}
    section.gallery ul li a p.img {height: 170px;}
    footer .inner .list {display: none;}
}




/*ÅÂºí¸´¸ðµå 768*/
@media screen and (max-width:768px) {

	.forehead { line-height:15rem;}
	.forehead p {font-size:3.0rem;}

	.left-r, .right-r { float: none; width: 100% !important; }
	.left-r {margin-bottom: 2rem;}

    section .title {font-size: 2.5rem; }
    section .title .more { font-size: 1.4rem; }
    section.main .mainTitle h2 {font-size: 40px;}
    section.main .mainTitle p {font-size: 20px;}
    section.works {padding: 50px 0;}

    	
    //section.works ul li {width: 100%;}
    section.works ul li { width: 49.5%; margin-right: 1%;}
    section.works ul li:nth-child(2n) { margin-right: 0%;}

    section.works ul li a p.img {height: 580px;}

    section.innovations .imgBox .inner h3 {padding: 20px;}
    section.innovations .imgBox .inner .bottom {padding: 30px;}
    section.innovations .imgBox .inner .bottom p .clear {display: none;}
    section.innovations .imgBox .inner .bottom p{float: none; margin-bottom: 30px;}
    section.innovations .imgBox .inner .bottom a {float: none; margin-left: 32%;}
    section.me {padding: 50px 0 ; margin-bottom: 80px;}
    section.me ul.in li em {display: block; float: none; width: 100%; font-size: 17px; margin-bottom: 5px;}

    //section.gallery ul li {width: 100%;}
    section.gallery ul li { width: 49.5%; margin-right: 1%;}
    section.gallery ul li:nth-child(2n) { margin-right: 0%;}

    section.gallery ul li a p.img {height: 380px;}
    footer .inner .ftLogo {float: none; width: 100%; text-align: center;}
    footer .inner .address {float: none; width: 100%; margin-left: 32%;}
    footer .inner .address li:last-child {margin-left: 12%;}
    
   /*ÅÂºí¸´¸ðµå 414*/ 
    @media screen and (max-width:414px) {

    	section.main {height: 30vh;}

        section.main .mainTitle h2 {font-size: 30px;}     
        section.main .mainTitle p {font-size: 16px;}    
        section.main .mainTitle .view {width: 150px; font-size: 14px;}    
        //section .title h2 {font-size: 25px;}    
        //section .title p {font-size: 14px;}    
        section.works {padding: 30px 0;}
        section.works ul {border-bottom: none;}
        section.works ul li a {border: 0px solid #ddd; box-sizing: border-box; background: /*#fafafa*/; margin-bottom: 10px;}
        section.works ul li a p.img {height: 300px;} 
        section.works ul li a .text p.more {display: none;}
        section.innovations .imgBox .inner .bottom a {margin-left: 20%;}
        //section.me ul.list > li {padding: 20px 0 20px 45px; }
        section.gallery ul {margin: 30px 0;}
        section.gallery ul li a p.img {height: 200px;}
        footer .inner .address {margin-left: 15%;}
        footer .inner .address li:last-child {margin-left: 22%;}  
    }

   /*¸ð¹ÙÀÏ ¸ðµå 320*/ 
    @media screen and (max-width:414px) {
        br.mo {display: block;}
        .wrap_page {min-width: 320px;}

        header .header-content{min-width: 320px;}
        .header-content .gnbMo {margin-right: 10px;}
        section.main .mainTitle h2 {font-size: 22px;}
        section.main .mainTitle p {font-size: 14px;}
        section.works {padding: 10px 0;}
        section.works ul li a p.img {height: 200px;}
        section.works ul li a .text {padding: 15px;}
        section.works ul li a .text h3 {font-size: 18px; margin-bottom: 5px;}
        section.works ul li a .text p {font-size: 15px;}
        section.innovations .imgBox {height: 300px;}
        section.innovations .imgBox .inner .bottom a {margin-left:18px; }
        footer .inner .address {margin-left: 5%;}
        footer .inner .address li:last-child {margin-left: 27%;}    
    }