@import url('font.css');

@media (min-width:1500px) {
	
.quick { position:fixed; top:215px; right:0; z-index:9;}
.quick ul li { margin:0; }

#pride { background:linear-gradient(90deg, #0b2e44, #014671, #69c11e); padding:20px 0 0; }
#pride .wrapper { display:flex; justify-content:center; margin:0 auto; width:80%; max-width:1500px; }
#pride .wrapper .pic { margin-top:auto; }
#pride .wrapper .pic img { width:100px; }
#pride .wrapper .desc { margin:30px 0 0;}
#pride .wrapper .desc h1 { display:inline-block; font-family: 'GmarketSansBold'; font-size:3.0em; color:#ffdd3f; line-height:40px; letter-spacing:0;}
#pride .wrapper .desc h1 span { color:#94ff5a;}
#pride .wrapper .desc h2 { display:inline-block; font-family: 'GmarketSansLight'; font-size:1.5em; color:#fff; line-height:40px; letter-spacing:0;}

/* 헤더 */
#header_wrap { position:sticky; top:0; background:#fff; border-bottom:1px solid #dedede; width:100%; height:90px; z-index:9; }
#header_wrap .wrapper { position:relative; width:90%; min-width:1500px; margin:0 auto;}

#header_wrap .wrapper .logo { position:absolute; left:; top:23px; z-index:9;}
#header_wrap .wrapper .logo img { height:;}

#header_wrap .quick { position:absolute; right:0; top:25px; padding:0; z-index:9;}
#header_wrap .quick li {float:left; }
#header_wrap .quick li:nth-child(2) .link:before { display: inline-block; content: ''; top:0; margin:0 10px; width: 1px; height: 12px; background-color: rgba(255,255,255,0.8);}
#header_wrap .quick li.link {display:block; border-radius:30px; border:1px solid rgba(105,193,30,1.0); padding:0 18px; font-size:15px; color:rgba(105,193,30,1.0); line-height:34px; font-weight: 500; letter-spacing:0; transition:all 0.5s;}
#header_wrap .quick li.link:hover { background:#69c11e; border:1px solid rgba(105,193,30,1.0); color:#fff; transition:all 0.5s;}
#header_wrap .quick li img { vertical-align:middle; margin-right:5px; padding-bottom:2px; }
#header_wrap .quick_mobile { display:none; }


/* 푸터 */
#footer{ background:url(../images/footer_bg.jpg) center; background-size:cover; z-index:9;}

#footer .common_customer { display:flex; padding:90px 0 60px; margin:0 auto; width:80%; max-width:1500px; }
#footer .common_customer .desc { width:40%; }
#footer .common_customer .desc h1 { display:block; font-family: 'GmarketSansBold'; font-size:0.7em; color:#9f9f9f; letter-spacing:1.5px; }
#footer .common_customer .desc h2 { display:block; margin:10px 0; font-size:2.0em; font-weight:500; color:#fff; line-height:1.3em; letter-spacing:0; }
#footer .common_customer .desc h2 strong { color:#ff462d; }

#footer .common_customer .tel { margin:0 0 0 5%; }
#footer .common_customer .tel h1 { display:block; font-size:1.5em; font-weight:500; color:#fff; line-height:1.5em; }
#footer .common_customer .tel h2 { display:block; margin:15px 0 8px; font-family: 'GmarketSansBold', serif; font-size:2.2em; font-weight:; color:#76eb12; line-height:1.3em; letter-spacing:0; }
#footer .common_customer .tel p { color:#fff; }

#footer .common_customer .time { margin:0 0 0 5%; }
#footer .common_customer .time h1 { display:block; margin:0 0 10px; font-size:1.5em; font-weight:500; color:#fff; line-height:1.5em; }
#footer .common_customer .time p { margin:5px 0; color:#fff; }
#footer .common_customer .time p span { display:inline-block; width:60px; font-weight:500; }

#footer .wrapper{ display:flex; justify-content:space-between; border-top:1px solid #545454; padding:40px 0; margin:0 auto; width:80%; max-width:1500px; }
#footer .footer_logo { display:flex; justify-content:center; flex-direction:column; flex-basis:; margin:0 50px 0 0; }
#footer .footer_logo img { width:; }
#footer .admin { display:flex; justify-content:center; flex-direction:column; margin:0 0 7px; }
#footer .admin li {display:inline-block; padding:0 10px 0 0; font-size:14px; font-weight:500; line-height:25px;}
#footer .admin li:last-child{ padding:0;}
#footer .admin li a{ color:#fff; line-height:25px;}
#footer .address { display:flex; justify-content:center; flex-direction:column; margin-right:auto; border-left:1px solid #545454; padding-left:50px; font-size:0.9em !important; color:#afaeae; line-height:1.6em; letter-spacing:0;}


}



@media (min-width:768px) and (max-width:1499px){
	
.quick { position:fixed; top:174px; right:0; z-index:9;}
.quick ul li { margin:0; }

#pride { background:linear-gradient(90deg, #0b2e44, #014671, #69c11e); padding:20px 0 0; }
#pride .wrapper { display:flex; justify-content:center; margin:0 auto; }
#pride .wrapper .pic { margin-top:auto; }
#pride .wrapper .pic img { width:80px; }
#pride .wrapper .desc { margin:15px 0 0;}
#pride .wrapper .desc h1 { display:inline-block; font-family: 'GmarketSansBold'; font-size:2.0em; color:#ffdd3f; line-height:40px; letter-spacing:0;}
#pride .wrapper .desc h1 span { color:#94ff5a;}
#pride .wrapper .desc h2 { display:inline-block; font-family: 'GmarketSansLight'; font-size:1.2em; color:#fff; line-height:40px; letter-spacing:0;}
	
/* 헤더 */
#header_wrap { position:sticky; top:0; background:#fff; border-bottom:1px solid #dedede; width:100%; height:70px; z-index:9; }
#header_wrap .wrapper { position:relative; width:90%; margin:0 auto; }

#header_wrap .wrapper .logo { position:absolute; left:; top:18px; z-index:9;}
#header_wrap .wrapper .logo img { height:35px; }

#header_wrap .quick { position:absolute; right:0; top:16px; padding:0; z-index:9;}
#header_wrap .quick li {float:left; }
#header_wrap .quick li:nth-child(2) .link:before { display: inline-block; content: ''; top:0; margin:0 10px; width: 1px; height: 12px; background-color: rgba(255,255,255,0.8);}
#header_wrap .quick li.link {display:block; border-radius:30px; border:1px solid rgba(105,193,30,1.0); padding:0 18px; font-size:14px; color:rgba(105,193,30,1.0); line-height:34px; font-weight: 500; letter-spacing:0; transition:all 0.5s;}
#header_wrap .quick li.link:hover { background:#69c11e; border:1px solid rgba(105,193,30,1.0); color:#fff; transition:all 0.5s;}
#header_wrap .quick li img { vertical-align:middle; margin-right:5px; padding-bottom:2px; }
#header_wrap .quick_mobile { display:none; }


/* 푸터 */
#footer{ background:url(../images/footer_bg.jpg) center; background-size:cover; z-index:9;}

#footer .common_customer { display:flex; padding:80px 0 50px; margin:0 auto; width:90%; }
#footer .common_customer .desc { width:28%; }
#footer .common_customer .desc h1 { display:block; font-family: 'GmarketSansBold'; font-size:0.7em; color:#9f9f9f; letter-spacing:1.5px; }
#footer .common_customer .desc h2 { display:block; margin:10px 0; font-size:1.5em; font-weight:500; color:#fff; line-height:1.3em; letter-spacing:0; }
#footer .common_customer .desc h2 strong { color:#ff462d; }

#footer .common_customer .tel { width:35%;}
#footer .common_customer .tel h1 { display:block; font-size:1.1em; font-weight:500; color:#fff; line-height:1.5em; }
#footer .common_customer .tel h2 { display:block; margin:15px 0 8px; font-family: 'GmarketSansBold', serif; font-size:1.5em; font-weight:; color:#76eb12; line-height:1.3em; letter-spacing:0; }
#footer .common_customer .tel p { color:#fff; }

#footer .common_customer .time { width:35%; }
#footer .common_customer .time h1 { display:block; margin:0 0 10px; font-size:1.1em; font-weight:500; color:#fff; line-height:1.5em; }
#footer .common_customer .time p { margin:5px 0; color:#fff; }
#footer .common_customer .time p span { display:inline-block; width:60px; font-weight:500; }

#footer .wrapper{ display:flex; justify-content:space-between; border-top:1px solid #545454; padding:40px 0; margin:0 auto; width:90%; }
#footer .footer_logo { display:flex; justify-content:center; flex-direction:column; flex-basis:; margin:0 50px 0 0; }
#footer .footer_logo img { height:30px; }
#footer .admin { display:flex; justify-content:center; flex-direction:column; margin:0 0 7px; }
#footer .admin li {display:inline-block; padding:0 10px 0 0; font-size:13px; font-weight:500; line-height:25px;}
#footer .admin li:last-child{ padding:0;}
#footer .admin li a{ color:#fff; line-height:25px;}
#footer .address { display:flex; justify-content:center; flex-direction:column; margin-right:auto; border-left:1px solid #545454; padding-left:50px; font-size:0.85em !important; color:#afaeae; line-height:1.6em; letter-spacing:0;}

	
	

	
}





@media (max-width:767px){
	
	
html { background:#fff;
  text-decoration:none; font-family:'Pretendard-Regular', 'Roboto', 'Noto Sans KR', 'Nanum Gothic', '맑은 고딕', Helvetica, sans-serif; font-size:13px; font-weight:400; color:#444; letter-spacing:0; line-height:1.4em; word-break:keep-all;/* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

.quick { position:fixed; bottom:0; right:0; z-index:9;}
.quick ul li { margin:0; }
.quick img { width:70px; }
	
#pride { background:linear-gradient(90deg, #0b2e44, #014671, #69c11e); padding:10px 0 0; }
#pride .wrapper { display:flex; justify-content:center; margin:0 auto; }
#pride .wrapper .pic { margin-top:auto; }
#pride .wrapper .pic img { width:80px; }
#pride .wrapper .desc { margin:15px 0 0; text-align:center; }
#pride .wrapper .desc h1 { display:inline-block; font-family: 'GmarketSansBold'; font-size:1.5em; color:#ffdd3f; line-height:1.5em; letter-spacing:0;}
#pride .wrapper .desc h1 span { color:#94ff5a;}
#pride .wrapper .desc h2 { display:inline-block; font-family: 'GmarketSansLight'; font-size:1.2em; color:#fff; line-height:1.5em; letter-spacing:0;}
	
/* 헤더 */
#header_wrap { position:sticky; top:0; background:#fff; width:100%; height:70px; z-index:9;}
#header_wrap .wrapper { position:relative; width:90%; margin:0 auto; }

#header_wrap .wrapper .logo { position:absolute; left:; top:20px; z-index:7;}
#header_wrap .wrapper .logo img { height:30px; }

#header_wrap .quick { display:none; }



/* 푸터 */
#footer{ background:url(../images/footer_bg_mob.jpg) center; background-size:cover; z-index:9;}

#footer .common_customer { padding:80px 0 50px; margin:0 auto; width:85%; }
#footer .common_customer .desc { width:100%; }
#footer .common_customer .desc h1 { display:block; font-family: 'GmarketSansBold'; font-size:0.8em; color:#9f9f9f; letter-spacing:1.0px; }
#footer .common_customer .desc h2 { display:block; margin:6px 0; font-size:1.4em; font-weight:500; color:#fff; line-height:1.3em; letter-spacing:0; }
#footer .common_customer .desc h2 strong { color:#ff462d; }

#footer .common_customer .tel { display:block; margin:30px 0 0; width:100%;}
#footer .common_customer .tel h1 { display:block; font-size:1.2em; font-weight:600; color:#fff; line-height:1.5em; }
#footer .common_customer .tel h2 { display:block; margin:10px 0 8px; font-family: 'GmarketSansBold', serif; font-size:1.7em; font-weight:; color:#76eb12; line-height:1.3em; letter-spacing:0; }
#footer .common_customer .tel p { color:#fff; }

#footer .common_customer .time { display:block; margin:30px 0 0; width:100%; }
#footer .common_customer .time h1 { display:block; margin:0 0 10px; font-size:1.2em; font-weight:600; color:#fff; line-height:1.5em; }
#footer .common_customer .time p { margin:5px 0; color:#fff; }
#footer .common_customer .time p span { display:inline-block; width:45px; font-weight:500; }

#footer .wrapper{ border-top:1px solid #545454; padding:40px 0; margin:0 auto; width:85%; }
#footer .footer_logo { margin:0 50px 0 0; }
#footer .footer_logo img { height:30px; }
#footer .admin { display:none; justify-content:center; flex-direction:column; margin:0 0 7px; }
#footer .admin li {display:inline-block; padding:0 10px 0 0; font-size:13px; font-weight:500; line-height:25px;}
#footer .admin li:last-child{ padding:0;}
#footer .admin li a{ color:#fff; line-height:25px;}
#footer .address { display:block; margin:20px 0 0; border-left:0px solid #545454; padding-left:0; font-size:0.85em !important; color:#afaeae; line-height:1.6em; letter-spacing:0;}
	
	
	
}