#ifrm {
    width: 100%;
   min-height: 300px;
    overflow: hidden;
    border: 0;
}




body,div,p,h1,h2,h3,h4,h5,h6,ol,li,dl,dt,dd,ul,pre,form,fieldset,legend,button,table,th,td {
border:0;
margin:0;
padding:0;
}

ul,ol,li,dl {
list-style:none;
}

img {
border:0;
vertical-align:top;
font-size:0;
}

address,caption,cite,code,dfn,em,var {
font-style:normal;
}

a {
text-decoration:none;
color:#333;
}

a:hover,a:active,a:focus {
text-decoration:none;
}

table {
border:0;
border-spacing:0;
border-collapse:collapse;
padding:0;
}

strong {
font-weight:500;
}

h1,h2,h3,h4,h5,h6 {
font-weight:400;
}

article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,main {
display:block;
}

body,th,td,input,select,textarea,button {
color:#333;
font-size:18px;
line-height:1.5;
letter-spacing:-0.05em;
font-family: 'SUIT';
font-weight:400;
}

body, html{
width:100%;
overflow-x:hidden;
}
html{scroll-behavior: smooth;}
:focus {outline:none;}
.blind {display:none;}
.slick-track{
display:flex;
}
.slick-slide {
display:block;
}

.header{width:96%; max-width:1340px; margin:0 auto; padding:40px 0 20px; border-bottom:1px #e0e0e0 solid;}
.header-logo{text-align:center;} 
.header-logo a{display:inline-block; width:280px;}
.header-logo img{width:100%;}

.gnb{display:flex; gap:30px; margin-top:30px;}
.gnb a{display:block; font-weight:700; font-size:20px; transition: all 0.3s;}
.gnb a:hover{color:#c71d1f;}

footer{width:96%; max-width:1240px; margin:0 auto; padding:70px 0 50px; text-align:center; font-size:0.95em; font-weight:600; }
.foot-info{display:flex; gap:10px; justify-content: center; align-items: center; flex-wrap: wrap;}
.foot-info p{display:flex; gap:10px; align-items: center;}
.foot-info p:before{content:""; display:block; width:1px; height:12px; background:#9999;}
.foot-info p:first-child:before{display:none;}
.foot-copy{display:flex; justify-content: center; align-items: center; gap:10px; margin-top:20px; font-weight:400; opacity:0.8;}
.foot-copy a{color:#777;}

.sub{width:96%; max-width:1340px; margin:0 auto; padding:30px 0;}

/*about*/
.about-pc{display:block;}
.about-mo{display:none;}
.about-pc img, .about-mo img{width:100%;}

/*work*/
.work-list{display:flex; flex-wrap:wrap; gap:15px;}
.work-list li{width:calc(33.333% - 10px);}
.work-list a{display:block; width:100%; padding-top:55.5%; overflow:hidden; position:relative; background:#f9f9f9;}
.wl-img{display:flex; justify-content: center; align-items: center; position:absolute; left:0; top:0; width:100%; height:100%; z-index:11;}
.wl-img img{max-width:100%; transition: all 0.3s;}
.work-list a:hover .wl-img img{transform: scale(1.2);}
.wl-txt{position:absolute; width:100%; background:rgba(255,255,255,0.8); left:0; top:-100px; z-index:22; box-sizing:border-box; padding:5px;
transition: all 0.3s;}
.work-list a:hover .wl-txt{top:0;}
.wl-txt p{margin-left:10px;font-weight:700; font-size:22px; height:1.5em; line-height:1.5em; overflow:hidden;}
.wl-txt span{margin-left:10px;letter-spacing: 0em; opacity:0.7;}

/*paging*/
.paging{width:96%; max-width:1200px; margin:50px auto 0; gap:10px; display:flex; justify-content: center;}
.paging a,
.paging strong{height:45px; width:45px; box-sizing:border-box; border:1px solid var(--color1); color:#777; display:flex; justify-content: center; align-items: center;}
.paging strong{background:#222; color:#fff; border-color:#222;}
.paging a.page-prev, .paging a.page-next{background:#e3e3e3; size:1.125em;}

/*view*/
.view-quick{position:fixed; display:flex; flex-direction: column; gap:3px; z-index:999; right:2%; height:100vh; justify-content: center; top:0;}
.view-quick a{display:flex; flex-direction: column; width:70px; height:70px; background:#bd2a2b; justify-content: center; align-items: center; color:#fff;}
.view-quick a.vq-top{background:#1d1d1b;}
.view-tit{display:flex; gap:20px; align-items:baseline; flex-wrap:wrap; padding-bottom:30px;}
.view-tit p{font-weight:700; font-size:27px;}
.view-tit span{letter-spacing: 0em; opacity:0.7; font-size:17px;}
.view-content img{max-width:100%;}

/*contact*/
.contact-tit{font-weight:800; font-size:32px; text-align:center; margin-bottom:20px; margin-top:80px;}
.contact-txt{text-align:center; color:#666; font-size:20px; line-height:1.6em;}
.contact-map{width:96%; max-width:1280px; margin:0 auto;}
.contact-map .root_daum_roughmap .wrap_map {height: 550px !important;}
.contact-map .root_daum_roughmap .cont{display:none;}



@media (max-width:768px){
body,th,td,input,select,textarea,button{font-size:16px;}
.header{padding:20px 0 10px;}
.header-logo a{width:140px;}
.gnb{justify-content: center; margin-top:15px;}
.gnb a{font-size:15px;}
footer{padding:0px 0 20px; font-size:13px;}
.foot-info{gap:5px;}
.foot-info p{gap:5px;}

/*about*/
.about-pc{display:none;}
.about-mo{display:block;}

/*work*/
.work-list li{width:100%;}
.wl-txt p{font-size:18px;}
.paging{gap:5px; margin-top:10px;}
.paging a,
.paging strong{width:32px; height:32px;}
.work-list a{position:unset; display:flex; flex-direction: column; padding-top:0;}
.wl-txt{order:1; position:unset; padding:0; padding-bottom:10px;}
.wl-img{order:2; position:unset; overflow:hidden;}


/*view*/
.view-tit{flex-direction: column; gap:5px; padding-bottom:15px;}
.view-tit p{font-size:22px;}
.view-tit span{font-size:15px;}
.view-quick a{font-size:14px; width:52px; height:52px;}

/*contant*/
.contact-tit{font-size:24px; margin-top:30px;}
.contact-txt{font-size:18px; margin:0 auto; margin-bottom:50px; line-height:1.5em; width:280px;}
.contact-map .root_daum_roughmap .wrap_map {height: 320px !important;}

}