@charset "utf-8";
@import url ( 'https://fonts.googleapis.com/css2? family = Noto + Sans + KR : wght @ 400; 700 & display = swap'); 
body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, table, tr, td, th, select, input{ margin:0; padding:0; list-style:none; }
a{ text-decoration:none; }
img{ border:0; }

body{ font-family:'Noto Sans KR', sans-serif; }


@media screen and (max-width:490px){
    

    #header{ height:90px; }
    h1{ float:left; margin:25px 0 0 15px; 
    }
    h1 img{ width:90%; }

    .nav_btn{ float:right; margin:25px 15px 0 0; }
    .nav_btn button{ border:0; background:none; }

    nav{ position:fixed; top:0; right:0; width:60%; height:100%; margin-right:-100%; background:#ffa400; z-index:1; }

    .close_btn{ height:90px; text-align:right; border:0; background:url(../images/close.gif) no-repeat center; margin-left:65%; }
    .close_btn button{ display:none; }

    .gnb a{ display:block; height:50px; line-height:50px; text-align:center; color:#fff; }
    .gnb>li>a{ font-weight:700; }
    .gnb>li li a{ font-size:14px; font-weight:700; background:#fff; color:#2b2b2b; }
    .gnb>li ul{ display:none; }

    .visual{ clear:both; }
    .visual h2{ display:none; }
    .visual video{ width:100%; border:0; }




    .planning{ width:95%; background:url(../images/bg2.gif) no-repeat center/cover; margin:50px auto 0 auto; }
    .planning_wrap h2{ height:70px; line-height:70px; color:#2b2b2b; font-size:25px; text-align:center; background:url(../images/decoration2.gif) no-repeat center top; }
    .planning_wrap>p:nth-of-type(1){ font-size:16px; line-height:25px; color:#2b2b2b; text-align:center; margin-bottom:30px; }
    .planning_wrap>p:nth-of-type(2){ clear:both; width:200px; height:40px; line-height:40px; background:#ffa400; margin:50px auto; }
    .planning_wrap>p:nth-of-type(2) a{ display:block; color:#fff; font-size:14px; font-weight:700; text-align:center; }


    .plan1 li{ float:left; width:46%; text-align:center; }
    .plan1 li:nth-child(2){ margin-left:8%; }
    .plan1 a{ display:block; font-size:16px; font-weight:700; color:#2b2b2b; }
    .plan1 li p:nth-child(1) img{ width:100%; }
    .plan1 li p:nth-child(2){ margin:20px 0 10px 0; }
    .plan1 li p:nth-child(3){ display:none; }

    .plan2{ clear:both; }
    .plan2 li{ float:left; text-align:center; width:18%; margin-top:30px; padding-bottom:30px; }
    .plan2 li:nth-child(2), .plan2 li:nth-child(4){ margin-left:2.2%; margin-right:2.2%; }
    .plan2 a{ display:block; font-size:14px; line-height:25px; font-weight:700; color:#2b2b2b; }
    .plan2 li p:nth-child(1) img{ width:100%; }
    .plan2 li p:nth-child(2){ margin:15px 0; }
    .plan2 li p:nth-child(3){ display:none; }


    .outsoursing{ clear:both; width:95%; margin:0 auto; padding-top:30px; }
    .outsoursing_wrap h2{ height:80px; line-height:80px; color:#2b2b2b; font-size:25px; text-align:center; margin:0 auto; background:url(../images/decoration2.gif) no-repeat center top; }


    .outsoursing_wrap p:nth-of-type(1){ clear:both; height:60px; line-height:65px; font-size:25px; font-weight:700; padding:50px 0 40px 0; }
    .outsoursing_wrap p:nth-of-type(1) a{ display:block; width:200px; height:40px; line-height:40px; font-size:14px; text-align:center; color:#fff; background:#ffa400; margin:0 auto; }

    .poster_arrow{ display:none; }

    .poster_list{ width:100%; }
    .poster_list li{ float:left; width:23%; margin-top:20px; text-align:center; }
    .poster_list li:nth-child(2){ margin-left:2.2%; margin-right:2.2%; }
    .poster_list li:nth-child(4){ margin-left:2.2%; }
    .poster_list li img{ width:100%; }


    .poster_list li:nth-child(n+5):nth-child(-n+10){ display:none; }



    .contact{ width:95%; margin:0 auto; background:url(../images/contact.jpg) no-repeat center/cover; }
    .contact_wrap h2{ display:none; }
    .contact_wrap>p{ font-size:20px; line-height:40px; color:#fff; text-align:center; padding:60px 0 30px 0; }
    .contact ul{ width:270px; height:40px; font-size:16px; font-weight:700; margin:0 auto; padding-bottom:60px; }
    .contact li{ float:left; width:130px; height:40px; line-height:35px; border:2px solid #fff; box-sizing:border-box; }
    .contact a{ display:block; font-size:14px; color:#fff; text-align:center; }
    .contact li:nth-child(2){ margin-left:10px; }


    .partners{ width:95%; margin:50px auto 0 auto; }
    .partners h2{ height:80px; line-height:80px; color:#2b2b2b; font-size:25px; text-align:center; background:url(../images/decoration2.gif) no-repeat center top; }
    .partners p:nth-of-type(1){ color:#2b2b2b; font-size:16px; text-align:center; line-height:25px; margin-bottom:30px; }
    .partners p:nth-of-type(2){ width:95%; height:250px; background:url(../images/partners2.jpg) no-repeat center top/95% auto; margin:0 auto 50px auto; }
    .partners p:nth-of-type(2) img{ display:none; }



    #footer{ clear:both; width:100%; height:300px; background:#ffa400; }
    .footer_wrap{ width:95%; margin:0 auto; }
    .footer_wrap ul{ width:235px; height:46px; padding-top:50px; margin:0 auto; }
    .footer_wrap li{ float:left; }
    .footer_wrap li img{ width:80%; }
    .footer_wrap li:nth-child(1){ margin-left:10px; }
    .footer_wrap li:nth-child(2), .footer_wrap li:nth-child(4){ margin:0 8px; }
    .footer_wrap address{ clear:both; font-size:14px; font-style:normal; color:#fff; text-align:center; padding-top:25px; }
    .footer_wrap p{ font-size:14px; color:#fff; text-align:center; }
    .footer_wrap p:nth-of-type(2){ padding-top:30px; }

}


@media screen and (min-width:491px) and (max-width:1199px){
    #header{ height:90px; }
    h1{ float:left; margin:25px 0 0 15px; 
    }
    h1 img{ width:90%; }

    .nav_btn{ float:right; margin:25px 15px 0 0; }
    .nav_btn button{ border:0; background:none; }

    nav{ position:fixed; top:0; right:0; width:60%; height:100%; margin-right:-100%; background:#ffa400; z-index:1; }

    .close_btn{ width:50px; height:90px; text-align:right; background:url(../images/close.gif) no-repeat center; margin-left:82%; }
    .close_btn button{ display:none; }

    .gnb a{ display:block; height:50px; line-height:50px; font-size:18px; text-align:center; color:#fff; }
    .gnb>li>a{ font-weight:700; }
    .gnb>li li a{ font-size:16px; font-weight:700; background:#fff; color:#2b2b2b; }
    .gnb>li ul{ display:none; }

    .visual{ clear:both; }
    .visual h2{ display:none; }
    .visual video{ width:100%; border:0; }



    .planning{ width:95%; background:url(../images/bg2.gif) no-repeat center/cover; margin:70px auto 0 auto; }
    .planning_wrap h2{ height:80px; line-height:80px; color:#2b2b2b; font-size:30px; text-align:center; background:url(../images/decoration2.gif) no-repeat center top; }
    .planning_wrap>p:nth-of-type(1){ font-size:16px; line-height:25px; color:#2b2b2b; text-align:center; margin-bottom:50px; }
    .planning_wrap>p:nth-of-type(2){ clear:both; width:200px; height:40px; line-height:40px; background:#ffa400; margin:70px auto; }
    .planning_wrap>p:nth-of-type(2) a{ display:block; color:#fff; font-size:16px; font-weight:700; text-align:center; }



    .outsoursing{ clear:both; width:95%; margin:0 auto; padding-top:20px; }
    .outsoursing_wrap h2{ height:80px; line-height:80px; color:#2b2b2b; font-size:30px; text-align:center; margin:0 auto; background:url(../images/decoration2.gif) no-repeat center top; }




    .contact{ width:95%; margin:0 auto; background:url(../images/contact.jpg) no-repeat center/cover; }
    .contact_wrap h2{ display:none; }
    .contact_wrap>p{ font-size:22px; line-height:40px; color:#fff; text-align:center; padding:60px 0 30px 0; }
    .contact ul{ width:270px; height:40px; font-size:20px; font-weight:700; margin:0 auto; padding-bottom:60px; }
    .contact li{ float:left; width:130px; height:40px; line-height:35px; border:2px solid #fff; box-sizing:border-box; }
    .contact a{ display:block; font-size:16px; color:#fff; text-align:center; }
    .contact li:nth-child(2){ margin-left:10px; }


    .partners{ width:95%; margin:70px auto 0 auto; }
    .partners h2{ height:80px; line-height:80px; color:#2b2b2b; font-size:30px; text-align:center; background:url(../images/decoration2.gif) no-repeat center top; padding-bottom:20px; }
    .partners p:nth-of-type(1){ color:#2b2b2b; font-size:16px; text-align:center; line-height:25px; margin-bottom:50px; }
    .partners p:nth-of-type(2){ padding-bottom:50px; }
    .partners p:nth-of-type(2) img{ width:100%; }



    #footer{ clear:both; width:100%; height:300px; background:#ffa400; }
    .footer_wrap{ width:95%; margin:0 auto; }
    .footer_wrap ul{ width:235px; height:46px; padding-top:50px; margin:0 auto; }
    .footer_wrap li{ float:left; }
    .footer_wrap li img{ width:80%; }
    .footer_wrap li:nth-child(1){ margin-left:10px; }
    .footer_wrap li:nth-child(2), .footer_wrap li:nth-child(4){ margin:0 8px; }
    .footer_wrap address{ clear:both; font-size:14px; font-style:normal; color:#fff; text-align:center; padding-top:25px; }
    .footer_wrap p{ font-size:14px; color:#fff; text-align:center; }
    .footer_wrap p:nth-of-type(2){ padding-top:30px; }
    
    
}


@media screen and (min-width:491px) and (max-width:955px){
    
    
    .plan1 li{ float:left; width:46%; text-align:center; }
    .plan1 li:nth-child(2){ margin-left:8%; }
    .plan1 a{ display:block; font-size:16px; font-weight:700; color:#2b2b2b; }
    .plan1 li p:nth-child(1) img{ width:100%; }
    .plan1 li p:nth-child(2){ margin:30px 0 20px 0; }
    .plan1 li p:nth-child(3){ display:none; }

    .plan2{ clear:both; }
    .plan2 li{ float:left; text-align:center; width:18%; margin-top:30px; padding-bottom:30px; }
    .plan2 li:nth-child(2), .plan2 li:nth-child(4){ margin-left:2.2%; margin-right:2.2%; }
    .plan2 a{ display:block; font-size:16px; line-height:25px; font-weight:700; color:#2b2b2b; }
    .plan2 li p:nth-child(1) img{ width:100%; }
    .plan2 li p:nth-child(2){ margin:15px 0; }
    .plan2 li p:nth-child(3){ display:none; }  
    
    
    
    .outsoursing_wrap p:nth-of-type(1){ clear:both; height:60px; line-height:65px; font-size:25px; font-weight:700; padding:50px 0 40px 0; }
    .outsoursing_wrap p:nth-of-type(1) a{ display:block; width:200px; height:40px; line-height:40px; font-size:16px; text-align:center; color:#fff; background:#ffa400; margin:0 auto; }

    .poster_arrow{ display:none; }

    .poster_list{ width:100%; }
    .poster_list li{ float:left; width:23%; margin-top:20px; text-align:center; }
    .poster_list li:nth-child(2){ margin-left:2.2%; margin-right:2.2%; }
    .poster_list li:nth-child(4){ margin-left:2.2%; }
    .poster_list li img{ width:100%; }


    .poster_list li:nth-child(n+5):nth-child(-n+10){ display:none; }    
    
    
}



@media screen and (min-width:700px) and (max-width:800px){
    
    .poster_list{ width:95%; height:230px; overflow:hidden; margin:30px auto 0 auto; }    
    
}

@media screen and (min-width:801px) and (max-width:900px){
    
    .poster_list{ width:95%; height:255px; overflow:hidden; margin:30px auto 0 auto; }    
    
}

@media screen and (min-width:901px) and (max-width:1000px){
    
    .poster_list{ width:95%; height:290px; overflow:hidden; margin:30px auto 0 auto; }      
    
}
    
@media screen and (min-width:1001px) and (max-width:1199px){
    
    .poster_list{ width:95%; height:330px; overflow:hidden; margin:30px auto 0 auto; }    
    
}




@media screen and (min-width:956px) and (max-width:1199px){
    
    
    .plan1 li{ float:left; width:46%; text-align:center; }
    .plan1 li:nth-child(2){ margin-left:8%; }
    .plan1 a{ display:block; font-size:18px; font-weight:700; color:#2b2b2b; }
    .plan1 li p:nth-child(1) img{ width:100%; }
    .plan1 li p:nth-child(2){ margin:20px 0 10px 0; }
    .plan1 li p:nth-child(3){ font-size:14px; line-height:25px; }

    .plan2{ clear:both; }
    .plan2 li{ float:left; text-align:center; width:18%; margin-top:30px; padding-bottom:30px; }
    .plan2 li:nth-child(2), .plan2 li:nth-child(4){ margin-left:2.2%; margin-right:2.2%; }
    .plan2 a{ display:block; font-size:18px; line-height:25px; font-weight:700; color:#2b2b2b; }
    .plan2 li p:nth-child(1) img{ width:100%; }
    .plan2 li p:nth-child(2){ margin:15px 0; }
    .plan2 li p:nth-child(3){ font-size:14px; line-height:25px; padding-bottom:30px; }     
    
    
    
    .outsoursing_wrap p:nth-of-type(1){ clear:both; height:60px; line-height:65px; font-size:25px; font-weight:700; padding:50px 0 40px 0; }
    .outsoursing_wrap p:nth-of-type(1) a{ display:block; width:200px; height:40px; line-height:40px; font-size:16px; text-align:center; color:#fff; background:#ffa400; margin:0 auto; }

    .poster_arrow{ width:95%; position:absolute; margin:17% auto 0 auto; }
    .poster_arrow button{ background:none; border:0; display:block; }
    .poster_arrow button img{ width:50%; }
    
    .poster_arrow button:nth-child(1){ float:left; margin-left:-2%; }
    .poster_arrow button:nth-child(2){ float:right; margin-right:-2%; }


    .poster_list ul{ width:204%; }
    .poster_list li{ float:left; width:9.8%; margin-top:20px; text-align:center; }
    .poster_list li:not(:nth-child(3)) img{ width:80%; opacity:0.6; padding-top:20px; }
    .poster_list li img{ width:100%; }    
    
}


@media screen and (min-width:1200px){
    
    #header{ position:fixed; left:0; top:0; overflow: hidden; width:100%; background:#fff; height:100px; z-index:2; }
    .header_wrap{ width:1200px; height:100px; margin:0 auto;}
    h1{ float:left; margin:30px 0; }
    
    .nav_btn, .close_btn{ display:none; }
    
    nav{ float:right; margin:20px 0 0 0; }
    .gnb>li{ float:left; }
    .gnb a{ display:block; text-align:center; }
    .gnb>li>a{ width:130px; height:60px; line-height:60px; margin-bottom:20px; font-size:20px; font-weight:700; color:#2b2b2b; }
    .gnb>li>a:hover{ color:#ffa400; border-bottom: 2px solid #ffa400; box-sizing:border:box; }
    .gnb>li ul a{ width:130px; height:30px; line-height:30px; color:#2b2b2b; }
    .gnb>li ul a:hover{ color:#ffa400; }



    .visual{ clear:both; padding-top:100px; }
    .visual h2{ display:none; }
    .visual video{ width:100%; border:0; }


    .planning{ height:1910px; background:url(../images/bg2.gif) no-repeat center top; margin-bottom:100px; }
    .planning_wrap{ width:1200px; margin:0 auto; padding-top:150px; }
    .planning_wrap h2{ width:300px; height:180px; line-height:180px; color:#2b2b2b; font-size:60px; text-align:center; margin:0 auto; background:url(../images/decoration.png) no-repeat center top; }
    .planning_wrap>p:nth-of-type(1){ font-size:25px; color:#2b2b2b; text-align:center; line-height:40px; margin-bottom:100px; }
    .planning_wrap>p:nth-of-type(2){ width:225px; height:60px; line-height:60px; background:#ffa400; margin:150px auto; }
    .planning_wrap>p:nth-of-type(2) a{ display:block; color:#fff; font-size:25px; font-weight:700; text-align:center; }

    .plan1 ul{ height:585px; margin-bottom:100px; }
    .plan1 li{ float:left; text-align:center; }
    .plan1 li:nth-child(2){ margin-left:69px; }
    .plan1 a{ display:block; font-size:25px; font-weight:700; color:#2b2b2b; }
    .plan1 li p:nth-child(2){ margin:50px 0 30px 0; }
    .plan1 li p:nth-child(3){ line-height:25px; }

    .plan2 ul{ height:470px; }
    .plan2 li{ float:left; text-align:center; }
    .plan2 a{ display:block; font-size:25px; font-weight:700; color:#2b2b2b; }
    .plan2 li:nth-child(2), .plan2 li:nth-child(4){ margin:0 25px; }
    .plan2 li p:nth-child(2){ margin:30px 0; }


    .outsoursing{ clear:both; height:1180px; background:url(../images/bg2.jpg) no-repeat center; }
    .outsoursing_wrap{ width:1200px; height:1350px; margin:0 auto; padding-top:80px; }
    .outsoursing_wrap h2{ width:300px; height:180px; line-height:180px; color:#2b2b2b; font-size:60px; text-align:center; margin:0 auto; background:url(../images/decoration.png) no-repeat center top; }



    .outsoursing_wrap p:nth-of-type(1){ width:225px; height:60px; line-height:65px; font-size:25px; font-weight:700; margin:60px auto 0 auto; }
    .outsoursing_wrap p:nth-of-type(1) a{ display:block; text-align:center; color:#fff; background:#ffa400; }

    .poster_arrow{ width:1200px; height:55px; position:absolute; margin-top:300px; }
    .poster_arrow button{ background:none; border:0; display:block; cursor:pointer; }
    .poster_arrow button:nth-child(1){ float:left; }
    .poster_arrow button:nth-child(2){ float:right; }

    .poster_list{ width:1045px; height:390px; margin:180px auto 0 auto; overflow:hidden; }
    .poster_list ul{ width:2200px; }
    .poster_list li{ float:left; text-align:center; }
    .poster_list li:not(:nth-child(3)) img{ width:80%; opacity:0.6; padding-top:20px; }



    .contact{ height:519px; background:url(../images/contact.jpg) no-repeat center fixed; margin-top:-150px; }
    .contact_wrap{ width:1200px; height:519px; margin:0 auto; }
    .contact_wrap h2{ display:none; }
    .contact_wrap>p{ font-size:40px; line-height:60px; color:#fff; text-align:center; padding:150px 0 50px 0; }
    .contact ul{ width:600px; height:60px; font-size:25px; font-weight:700; margin:0 auto; }
    .contact li{ float:left; width:270px; height:60px; line-height:60px; border:2px solid #fff; }
    .contact a{ display:block; color:#fff; text-align:center; }
    .contact li:nth-child(2){ margin-left:50px; }
    .contact a:hover{ background:#ffa400; }


    .partners{ width:1200px; height:850px; margin:0 auto; padding-top:150px; }
    .partners h2{ width:300px; height:180px; line-height:180px; color:#2b2b2b; font-size:60px; text-align:center; margin:0 auto; background:url(../images/decoration.png) no-repeat center top; }
    .partners p:nth-of-type(1){ color:#2b2b2b; font-size:25px; text-align:center; line-height:40px; }
    .partners p:nth-of-type(2){ padding-top:100px; }



    #footer{ clear:both; background:#ffa400; }
    .footer_wrap{ width:1200px; height:350px; margin:0 auto; }
    .footer_wrap ul{ width:342px; height:46px; margin:0 auto; padding-top:80px; }
    .footer_wrap li{ float:left; }
    .footer_wrap li:nth-child(1){ margin-left:20px; }
    .footer_wrap li:nth-child(2), .footer_wrap li:nth-child(4){ margin:0 25px; }
    .footer_wrap address{ clear:both; font-style:normal; color:#fff; text-align:center; padding-top:25px; }
    .footer_wrap p{ color:#fff; text-align:center; }
    .footer_wrap p:nth-of-type(2){ padding-top:50px; } 
    
}