#wrap{width:100%;}
.inner{max-width:1200px; margin:0 auto; position:relative;}

#header{width:100%; top:0; left:0; background:#fff; position:fixed; z-index: 600;}
#header .row1{height:84px; width:100%; border-bottom:1px solid #eee;}
#header .row1 .logo{position:absolute; top:25px; left:14px;}
#header .row1 .logo a{display:block; float:left; height:100%;}
#header .row1 .logo a .pc{}
#header .row1 .logo a .mobile{display:none;}
#header .row1 .logo a img{}
#header .row1 .logo .logo_new img{width:178px; height:100%;}
#header .row1 .lang{width:220px; height:34px; position:absolute; top:0; right:0;}
#header .row1 .lang p{float:left;}
#header .row1 .lang p a{display:block; width:110px; height:34px; background:#f37d37; color:#fff; font-size:12px; text-align:center; line-height:34px;}
#header .row1 .lang p:last-child a{background:#77c86b;}
#header .row1 .lang p .short{display:none;}

#header .row2{height:62px; position:relative; border-bottom:1px solid #eee;}
#header .row2 .gnb{max-width:1000px; margin:0 auto; }
#header .row2 .gnb ul{width:100%;}
#header .row2 .gnb>ul>li{float:left; position:relative; width:25%; /*overflow:hidden;*/}
#header .row2 .gnb ul li .depth1{display:block; width:100%; height:62px; text-align:center; line-height:62px; font-size:18px; font-weight:500; position:relative; color:#333;}
#header .row2 .gnb ul li .arrow{display:none;}

#header .row2 .gnb ul .on .depth1:after{content:""; display:block; width:100%; height:2px; background:#77c86b; position:absolute; bottom:-1px; left:0; z-index:999;}
#header .row2 .gnb ul li:hover .depth1:after{content:""; display:block; width:100%; height:2px; background:#fa7c25; position:absolute; bottom:-1px; left:0; z-index:999;}
#header .row2 .depth2{position:absolute; top:63px; left:0; width:100%; z-index:300; height:0; padding:25px 0; overflow: hidden; display: none;}
#header .row2 .depth2 li a{font-size:16px; color:#666; display:block; width:100%; padding:18px 0; text-align:center; font-weight:300;} 
#header .row2 .depth2 li:hover a{color:#f37d37; background:#eee;}
#header .mobile_lang{display:none; width:100%; height:34px;}
#header .mobile_lang p{float:left; width:50%;}
#header .mobile_lang p a{display:block; width:100%; height:34px; background:#f37d37; color:#fff; font-size:12px; text-align:center; line-height:34px;}
#header .mobile_lang p:last-child a{background:#77c86b;}

#header .gnbBg{width:100%; background:#fff; position:absolute; top:62px; text-indent:-9999px;border-bottom:1px solid #eee; height:0; z-index: 200; overflow: hidden;}  
#header .gnbBg .subBg{max-width:1000px; height:100%;; margin:0 auto;}
#header .gnbBg .subBg li{width:25%; float:left; height:100%; background:#f9fdf7;}
#header .gnbBg .subBg li:nth-child(2n){background:#fff;}

#header .openMenu{display:none; width:66px; height:66px; text-indent:-9999px; position:absolute; top:0; right:0; z-index: 700;}
#header .openMenu a{width:66px; height:66px; background:url(../img/common/mobile_menu.png) no-repeat 20px 32px; display: block;}
#header .mobile_logo{display:none;}

/*스크롤시 변경*/
#header .row1.on{height: 0; transition:all 0.2s ease-in-out;}
#header .row1.on .inner{max-width:100%; margin:0; z-index: 800;}
#header .row1.on .logo{left:20px; top:15px; transition:all 0.2s ease-in-out;}
#header .row1.on .logo img{height:32px;}
#header .row1.on .lang{right:20px; transition:all 0.2s ease-in-out;} 
#header .row2.on{}
#header .row2.on .gnb{width:800px;}
#header .gnbBg.on .subBg{width:800px;}

#footer{width:100%; background:#e6e6e6; padding:40px 0 140px; color:#888;}
#footer .info{width:368px; position:absolute; top:0; left:30px;}
#footer .info .logo{margin-bottom:34px;}
#footer .info .comp_info{line-height:1.6em; font-weight:200;} 
#footer .info .comp_info p{margin-bottom:10px;}
#footer .info .comp_info span{font-weight:400; display:block;}
#footer .fmenu{margin-left:380px; max-width:820px; margin-bottom:28px; padding-bottom:20px; /*border-bottom:1px solid #b9b9b9;*/}
#footer .fmenu ul{} 
#footer .fmenu>ul>li{float:left; padding:0 2px; text-align:center; width:25%; box-sizing: border-box;}
#footer .fmenu>ul>li>a{font-weight:900; color:#888;} 
#footer .fmenu .depth2 {margin-top:5px;}
#footer .fmenu .depth2 li{padding:6px 0;}
#footer .fmenu .depth2 li a{padding:10px 0; color:#888; font-weight:200;}
#footer .cs{margin-left:380px; max-width:820px; padding-left:56px; box-sizing:border-box;}
#footer .cs p{margin-bottom:22px; font-weight: 900;} 
#footer .cs ul{}
#footer .cs ul li{float:left; letter-spacing: -0.02em; font-weight:200; width:40%;} 
#footer .cs ul li span{font-weight:400;}
#footer .cs ul li:first-child{margin-right:5px; margin-bottom:15px;}

.quick{position:absolute; left:50%; top:380px; transform:translateX(620px);
        -webkit-transform:translateX(620px);
        -ms-transform:translateX(620px); 
        -moz-transform:translateX(620px);
        -o-transform:translateX(620px); z-index: 300;}
.quick ul{overflow: hidden; height:331px; overflow:hidden; border-radius: 10px; margin-bottom:40px;}
.quick ul li{width:74px; height:82px; margin-bottom:1px; background:rgba(0,0,0,0.5); transition:all 0.1s ease-in-out;} 
.quick ul li:last-child{margin-bottom:0;}
.quick ul li a{display:block; width:74px; height:82px;  color:#fff; padding-top:51px; text-align:center; box-sizing: border-box; font-weight:300; line-height:1em; font-size:12px; }
.quick ul .line_1 a{padding-top:59px;}
.quick ul li:nth-child(1) a{background:url(../img/common/quick_01.png) no-repeat; background-position:center center;}
.quick ul li:nth-child(2) a{background:url(../img/common/quick_03.png) no-repeat; background-position:center center;}
.quick ul li:nth-child(3) a{background:url(../img/common/quick_02.png) no-repeat; background-position:center center;}
.quick ul li:nth-child(4) a{background:url(../img/common/quick_04.png) no-repeat; background-position:center center;}
.quick ul .on{background:#77c86b;}
.quick ul li:hover{background:rgba(243, 125, 55,0.86);}
.quick .top{text-indent: -9999px; background:url(../img/common/top.png) no-repeat; width:74px; height:32px; cursor:pointer;}

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

	.quick{left:auto; right:10px; transform:none;}
}


@media screen and (max-width:1200px){
    /*스크롤변형*/
    /*#header .row2.on .gnb{width:500px;}
    #header .gnbBg.on .subBg{width:500px;}
    #header .row2.on .gnb{float:right; margin-right:10px; width:50%;}
    #header .gnbBg.on .subBg{float:right; margin-right:10px; width:50%;}
    header .row2.on .gnb ul li .depth1{font-size:12px;}
    #header .row2.on .depth2 li a{font-size:12px;}
    #header .row1.on .lang{width:120px; top:22px; left:290px;}
    #header .row1.on .lang p a{width:60px; height:20px; font-size:10px; line-height:20px;}*/
    #wrap{/*min-width: 768px;*/}
    #header .row1 .logo{top:0px; left:0px; line-height:80px; padding-left:40px;}
    #header .row1 .logo .logo_mo:after{top:32px;}
    #header .row2 .gnb{width:100%;}
    #header .gnbBg .subBg{width:100%;}
    #footer{padding-bottom:500px;}
    #footer .info{top:360px;left:50%; transform: translateX(-50%); text-align: center;}
    #footer .info .logo{display:none;}
	#footer .info .comp_info{padding-top:50px;}
	#footer .info .comp_info p{margin-bottom:10px;}
	
	#footer .info .comp_info .m-blind{display:none;}
    #footer .fmenu{margin-left:0; max-width:100%}
    #footer .cs{padding-left:0; padding-top:40px; padding-bottom:40px; margin-left:0; margin-top:10px; max-width:100%; text-align: center; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
    #footer .cs ul{width:100%;} 
    #footer .cs ul li{width:50%;}
    #footer .cs ul li:first-child{margin-right:0;}
}

@media screen and (max-width:1024px){
    .quick{display:none;}
	#header .row1 .logo a img{height:24px; width:auto; }
	#header .row1 .logo .logo_mo:after{top:32px;}
    #header .row2{display:none;}
    #header .lang{display:none;}
    #header .openMenu{display:block;}
    #header .gnbBg{display: none;}
    /*gnb리디자인*/
    #header .mobile_logo{display:block; width:100%; margin:35px 0 20px;}
    #header .mobile_logo img{width:100%; height:auto; margin-left:10px;}
    #header .row2{width:360px; height:100vh; background:#fff; position:fixed; top:0; right:-360px; z-index:900; }
    #header .row2 .gnb{box-sizing: border-box;}
    #header .row2 .gnb>ul{border-top:1px solid #eee; width:100%;}
    #header .row2 .gnb>ul>li{float:none; width:100%; } 
    #header .row2 .gnb ul li .depth1{font-size:22px; color:#333; text-align: left; height:60px; line-height:60px; padding-left:30px; box-sizing:border-box;}
    #header .row2 .depth2{position:relative; top:0; overflow: visible; padding:0; height:auto;}
    #header .row2 .gnb ul li:hover .depth1:after{display:none;}
    #header .row2 .gnb ul .on .depth1:after{display:none;}
    #header .row2 .depth2 li{font-size:16px;}
    #header .row2 .depth2 li a{display:block; width:100%; height:30px; background:#eee; text-align:left; padding-left:50px; line-height:30px;} 
    #header .mobile_bg{width:100%; height:100%; position:fixed; background:rgba(0,0,0,0.8); z-index: 500; top:0; left:0; display:none;}
    #header .mobile_lang{display:block;}
	#header .row2 .gnb ul li .arrow{display:block; width:8px; height:8px; border-right:2px solid #333; border-bottom:2px solid #333; position:absolute; right:30px; top:26px; transform:rotate(45deg); text-indent:-9999px; transition:all 0.2s ease-in-out;}
    #header .row2 .gnb ul li .arrow.on{transform:rotate(-45deg);}
    #header .mobile_close{width:60px; height:60px; background:url(../img/common/close.png) no-repeat center center #000; position: absolute; top:0px; left:-60px; cursor: pointer; }
    #footer .cs p{font-size:18px;}
}

@media screen and (max-width:768px){
    #wrap{/*min-width: 320px;*/}

    #header .row1 .logo{line-height:60px; padding-left:20px; height:60px;}
    #header .row1{height:60px;}
    #header .row1 .logo a .pc{height:20px; width:auto; top:50%; margin-top:-5px;}
    #header .row1 .logo .logo_mo:after{top:20px; right:-9px;}
    #header .openMenu{width:60px; height:60px;}
    #header .openMenu a{width:60px; height:60px; background-position: center 20px;}
    #header .row1 .lang{width:320px; z-index: 800; top:0; right:0;}
    #header .row1 .lang p{float:left;}
    #header .row1 .lang p a{display:block; width:160px; height:20px; background:#f37d37; color:#fff; font-size:10px; text-align:center; line-height:20px;} 
    
    #header .row2{width:250px;}
    #header .row2 .gnb ul li .depth1{font-size:18px;}
	#header .row2 .depth2 li a{font-size:14px;}

    #footer{padding-top:20px}
    #footer .info{letter-spacing:-1px; width:100%;}
    #footer .fmenu ul{margin:0 20px; border-right:1px solid #ddd; border-bottom:1px solid #ddd;} 
    #footer .fmenu ul li{width:50%; background:#fff; border-left:1px solid #ddd; border-top:1px solid #ddd;} 
    #footer .fmenu .depth2{display:none;}
    #footer .fmenu ul li a{display:block; padding:10px 0; font-weight:normal; color:#333;}

    #footer .cs{border:none; margin-top:0; padding:0;} 
    #footer .cs p{margin-bottom:28px;}
    #footer .cs ul li{float:none; width:100%; margin-bottom:32px;}
    #footer .cs ul li span{display:block; line-height:2em;}
}
@media screen and (max-width:480px){
	#header .row1 .logo a .pc{display:none;}
	#header .row1 .logo a .mobile{display:block; padding:23px 0; height:15px; }
}

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

}