@charset "utf-8";
/* 공통 */
.sub-ttl { font-size: 28px; color: #242424; position: relative; font-weight: 600; letter-spacing: .11em; display: inline-block; font-family: '맑은 고딕';}
/* .sub-ttl::before { content: ""; position: absolute; left: -15px; top: -10px; width: 30px; height: 30px; border-radius: 100%; background: #f2f2f2; z-index: -1;} */

/* about */
.about-bg { width: 100%; background: url(../images/sub/sub1.jpg) center no-repeat; background-size: cover; height: 350px;}
.about-textbox { text-align: center; margin-top: 60px;}
.about-textbox>p { font-size: 16px; font-weight: 300; color: #454545; margin-top: 20px; line-height: 1.5em; letter-spacing: -.03em;}
.about-textbox>h4 { font-size: 20px; line-height: 1.4em; font-weight: 600; color: #242424; margin-top: 50px;}

/* people */
.people { display: flex; justify-content: space-between;}
.pp-ttl { padding-left:110px; }
.pp-ttl>p { font-size: 16px; font-weight: 300; color: #454545; letter-spacing: -.03em; margin-top: 15px;}
.pp-box { width: 73%;}

/* project */
.project-ttl { display: flex; align-items: flex-end;}
.pj-tab { display: flex; padding-left: 60px;}
.pj-tab>li { color: #898989; font-weight: 300; font-size: 16px; width: auto; line-height: 1em;}
.pj-tab>li>a { display: block; padding: 0 20px; position: relative; font-family: 'Montserrat', sans-serif; letter-spacing: -.03em; vertical-align: middle; word-break: break-all;}      
.pj-tab>li:hover { color: #242424; font-weight: 600; text-decoration: underline; text-underline-position: under;}
.pj-tab>li:last-child>a::after { display: none;}
.project-box { margin-top: 60px;}

/* contact */
.contact .contain { max-width: 1260px; padding-left: 0; padding-right: 0;}
.contact-box { display: flex; justify-content: center; margin-top: 60px;}
.contact-left { width: 45%; text-align: center;}
.contact-right { width: 55%;}
.contact-list>li { display: flex; align-items: center; margin-bottom: 10px;}
.contact-list>li:last-child { margin-bottom: 0;}
.contact-list>li>div { width: 150px; display: flex; align-items: center;}
.ct-clr { color: #01162b; font-size: 16px; font-weight: 600; font-family: 'Montserrat', sans-serif; padding-left: 15px;}
.ct-txt { font-size: 16px; font-weight: 300; color: #454545; line-height: 1.2em;}
.contact-sns { margin-top: 25px;}
.contact-sns a { font-size: 16px; font-weight: 600; color: #01162b; position: relative; padding-left: 30px; margin-right: 30px;}
.insta::before { background: url(../images/sub/sub3_ico4.png) center no-repeat; width: 23px; height: 23px; content: ""; position: absolute; left: 0; }
.company::before { background: url(../images/sub/sub3_ico5.png) center no-repeat; width: 23px; height: 23px; content: ""; position: absolute; left: 0; }