@charset "UTF-8";

.contact-info {
    margin-bottom: 2rem;
}
.contact-info dl {
    display: flex;
    margin-bottom: .8rem;
}

.contact-info dt {
    width: 2rem;
}
.contact-info dt .label {
    font-size: 0;
    width: 0;
    text-indent: -999em;
    overflow: hidden;
}

.contact-info dd {
    flex: 1;
}

.contact-map {
    height: 510px;
    position: relative;
    width: 100%;
    margin-bottom: 2rem;
}

.contact-map iframe {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.terms-box {
    padding: 3rem;
    -webkit-overflow-scrolling: touch;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.terms-box .term-block {
    margin-bottom: 1.5rem;
}

.terms-box h3 {
    font-size: 1.25rem;
    margin-bottom: 2rem;
}
.terms-box h4 {
    font-weight: 700;
    margin-bottom: 1rem;
}

.terms-box p {
    line-height: 1.75;
    margin-bottom: 1rem;
}


.sitemap-content {
    margin: 10rem auto;
    overflow: hidden;
}



.sitemap-content .gnb-menu {
    display: flex;
    letter-spacing: 0;
    margin-right: -15%;
}

.sitemap-content .gnb-menu  > li {
    flex: 1;
}

.sitemap-content .gnb-menu  > li > a {
    line-height: 1;
    display: block;
    margin-bottom: 2.75rem;

}

.sitemap-content .gnb-menu  > li > a small {
    display: block;
    font-size: 0.875rem;
    margin-bottom: 1rem;
    font-weight: 600;
    color: #666666;
}

.sitemap-content .gnb-menu  > li > a strong {
    font-weight: 900;
    font-size: 3.125rem;
    display: block;
    /* margin-left: -0.2rem; */
    font-family: 'Cheil Roman', 'Samsung One', sans-serif;
}

.sitemap-content .gnb-menu  > li:first-child > a small {
    opacity: 0;
}

.sitemap-content .gnb-menu  > li:first-child > a strong {
    font-weight: 200;
}

.sitemap-content .gnb-menu  > li > .sub-menu > li {
    margin-bottom: 1.2rem;
    position: relative;
}

.sitemap-content .gnb-menu  > li > .sub-menu > li > a {
    font-size: 1rem;
    display: block;
    font-weight: 600;
}

.sitemap-footer {
    display: flex;
    align-items: center;
}
.sitemap-footer .util-menu {
    flex: 1;
}
.sitemap-footer .util-menu a {
    display: inline-block;
}

.sitemap-footer .util-menu a:after {
    content: '•';
    margin: 0 .5rem;
    font-size: .8em;
}


.sitemap-footer .util-menu a:last-child:after {
    content: none;
    margin: 0;
}

.sitemap-footer .social-links {
    text-align: right;
    flex: 1;
}

.sitemap-footer .social-links a {
    width: 2.25rem;
    height: 2.25rem;
    display: inline-block;
    text-align: center;
    border: 1px solid #999;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    line-height: calc(2.25rem - 2px);
    font-size: .8rem;
    margin: 0 .5rem .5rem 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.list-nodata {
    text-align: center;
    font-size: 1.125rem;
    padding: 18.75rem 0;
}

/*pre site term css*/
.privacySubj { position: relative; font-size: 1.8rem; margin-bottom: 1rem; }
.privacyCont { position: relative; font-size: 1rem; margin-bottom: 2rem;
    line-height: 1.75rem; }
.depth1Subj { position: relative; margin-top: 1.25rem; }
.depth1Cont { position:relative; }
.ml19 { margin-left: 19px; }
.ml25 { margin-left: 25px; }
.ml11 { margin-left: 11px; }
.ml14 { margin-left: 14px; }
.ml35 { margin-left: 35px; }
.ml45 { margin-left: 45px; }

.ml9 { margin-left: 9px; }
.ml18 { margin-left: 18px; }
.ml27 { margin-left: 27px; }
.mt18 { margin-left: 18px; }
.align_c {text-align:center !important;}
.pyoArea { position: relative; margin-top: .8rem; margin-bottom: .8rem; }
.pyoSubj { position: relative; padding: .5rem; font-size: 1rem; }
.pyoCont { position: relative; padding: .5rem; font-size: 1rem; }
.pyoLine { position: relative; background-color: #b0b0b0; }
.pyoBg { background-color: #f6f6f6; }
.privacyEmail {} /*color:#ec7271;*/

.pyoLine th,
.pyoLine td {
    border: 1px solid #ddd;
    background-color: #fff;
}



/*portfolio detail from prev css*/
.awardinfo,
.portinfo {
    font-size: 1rem;
    line-height: 1.75;
    position: relative;
    padding-left: 34px;
}

.awardinfo .awardunit { position: relative; display: block; }
.awardinfo .awardunit .title { position: relative; display: block;
    font-weight: 700; }
.awardinfo .awardunit .datetime { position: relative; display: block; margin-top:.25rem; }
.awardinfo .awardunit .content { position: relative; display: block; margin-top:1rem; }

.portinfo .office_cont {
    font-weight: 700;
}
.awardinfo .bullet_left,
.portinfo .bullet_left { position: absolute; top:0px; left: 0;
    display: block;
    width: auto;
    height: 22px;
}

#w_information {
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid #ddd;
}