@charset "utf-8";

/* ==========================================================================
    SUB COMMON
    ========================================================================== */
.pg-basic{font-family: 'Noto Sans KR';}

/* ==========================================================================
   ABOUT
   ========================================================================== */
.pg-greet .sec1{display: flex; flex-wrap: wrap; justify-content: space-between; padding-top: 63px; padding-bottom: 90px;}
.pg-greet .sec1 .left-area{width: 190px; padding-top: 9px;}
.pg-greet .sec1 .left-area .thumb{padding-bottom: 120%;}
.pg-greet .sec1 .left-area .thumb img{border-radius: 5px;}
.pg-greet .sec1 .left-area .txt1{font-size: 14px; font-weight: bold; color: #999; margin-top: 18px;}
.pg-greet .sec1 .left-area .txt2{font-size: 16px; font-weight: bold; color: var(--point-color01); margin-top: 8px;}
.pg-greet .sec1 .left-area .txt2 strong{font-weight: bold; color: #222;}
.pg-greet .sec1 .txt-set{width: calc(100% - 260px);}
.pg-greet .sec1 .txt-set p{font-size: 16px; font-weight: 300; line-height: 32px; margin-bottom: 32px; word-break: keep-all;}
.pg-greet .sec1 .txt-set p:last-child{margin-bottom: 0;}

.pg-organization .sec1{padding-top: 46px; padding-bottom: 110px;}
.pg-organization .image{text-align: center;}
.pg-organization .image .img-org1{max-width: 805px;}

.pg-executive .pg-title{border-bottom: 0;}
.pg-executive .sec1{padding-bottom: 110px;}
.pg-executive .table1 table{border-color: var(--point-color03);}

.pg-ci .sec1{padding-top: 40px; padding-bottom: 100px;}
.pg-ci .ct-box{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding-top: 30px; padding-bottom: 30px; border-bottom: 1px solid #e9e9e9;}
.pg-ci .ct-box .image{width: 463px;}
.pg-ci .ct-box .image img{width: 100%;}
.pg-ci .ct-box .txt-set{width: calc(100% - 582px);}
.pg-ci .ct-box .txt-set .title{font-family: 'NanumSquare'; font-size: 20px; font-weight: 800; color: var(--point-color03);}
.pg-ci .ct-box .txt-set p{font-size: 16px; font-weight: 300; line-height: 26px; word-break: keep-all; margin-top: 26px;}
.pg-ci .btn-set{display: flex; justify-content: center; margin-top: 32px;}
.pg-ci .btn-set > div{margin: 0 4px;}
.pg-ci .btn-set a{display: block; width: 162px; line-height: 44px; font-size: 16px; font-weight: bold; text-align: left; padding-left: 15px; border: 1px solid #e9e9e9; border-radius: 5px; background:url('../images/common/ico_dw1.png') no-repeat calc(100% - 13px) center; background-size: 14px auto;}

.pg-contact .sec1{padding-top: 50px; padding-bottom: 100px}
.pg-contact .location .txt-set{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 18px 0; border-top: 1px solid #13110a; border-bottom: 1px solid #e4e4e3; margin-top: 30px;}
.pg-contact .location .txt-set > div{font-size: 15px; font-weight: 300; line-height: 22px; letter-spacing: 0; word-break: keep-all;}
.pg-contact .location .txt-set strong{font-weight: bold; color: var(--point-color03); margin-right: 2px;}
.pg-contact .location .txt-set span{font-weight:bold; color:var(--point-color01); margin-left: 10px}
.pg-contact .location .txt-set span:first-child{margin-left:0}
.pg-contact .location .sec-map{border-bottom:1px solid #e5e3dd}
.pg-contact .location .sec-map .root_daum_roughmap{width: 100% !important}
.pg-contact .location .sec-map .root_daum_roughmap .wrap_map{height: 570px}
.pg-contact .location .sec-map .root_daum_roughmap .wrap_controllers{display:none !important}

/* ==========================================================================
   신지식인
   ========================================================================== */
.pg-gnica .sec1{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding-top: 60px; padding-bottom: 84px; border-bottom: 1px solid #e9e9e9;}
.pg-gnica .sec1 .txt-set{width: 64%; word-break: keep-all;}
.pg-gnica .sec1 .txt-set .main-text{font-size: 32px; font-weight: 100; line-height: 48px;}
.pg-gnica .sec1 .txt-set .main-text strong{font-weight: bold;}
.pg-gnica .sec1 .txt-set p{font-size: 18px; font-weight: 300; line-height: 32px; margin-top: 40px;}
.pg-gnica .sec1 .img-obj{width: 28%; text-align: right;}
.pg-gnica .sec1 .img-obj img{max-width: 343px;}

.pg-gnica .sec2{padding-top: 63px; padding-bottom: 80px; border-bottom: 1px solid #e9e9e9;}
.pg-gnica .sec2 .circle-set > ul{display: flex; flex-wrap: wrap;}
.pg-gnica .sec2 .circle-set > ul > li{width: 25%; text-align: center;}
.pg-gnica .sec2 .circle{position: relative; display: inline-block; width: 218px; background-color: var(--point-color03); border-radius: 50%;}
.pg-gnica .sec2 .circle::after{content: ""; display: block; padding-bottom: 100%;}
.pg-gnica .sec2 .circle .txt-circle{position: absolute; top: 0; left: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%;}
.pg-gnica .sec2 .circle .txt-circle .title{width: 100%; font-family: 'NanumSquare'; font-size: 22px; font-weight: bold; color: #fff; padding-top: 78px; background-repeat: no-repeat; background-position: center 0;}
.pg-gnica .sec2 .circle .txt-circle .ico1{background-image: url('../images/contents/ico_gnica0101.png'); background-size: 42px auto;}
.pg-gnica .sec2 .circle .txt-circle .ico2{background-image: url('../images/contents/ico_gnica0102.png'); background-size: 60px auto;}
.pg-gnica .sec2 .circle .txt-circle .ico3{background-image: url('../images/contents/ico_gnica0103.png'); background-size: 51px auto;}
.pg-gnica .sec2 .circle .txt-circle .ico4{background-image: url('../images/contents/ico_gnica0104.png'); background-size: 64px auto;}
.pg-gnica .sec2 .circle .txt-circle .txt-en{font-family: 'Roboto', sans-serif; font-size: 11px; font-weight: bold; color: var(--point-color01); text-transform: uppercase; margin-top: 9px;}
.pg-gnica .sec2 .circle-set p{display: inline-block; width: 218px; font-size: 16px; font-weight: 300; line-height: 24px; word-break: keep-all; margin-top: 9px;}

.pg-gnica .sec3{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding-top: 54px; padding-bottom: 110px;}
.pg-gnica .sec3 .txt-set{width: 50%;}
.pg-gnica .sec3 .txt-set .txt-en{font-family: 'Roboto', sans-serif; font-size: 12px; font-weight: bold; color: var(--point-color01); text-transform: uppercase; margin-bottom: 15px;}
.pg-gnica .sec3 .txt-set .sub-text{font-size: 18px; font-weight: 300; line-height: 30px;}
.pg-gnica .sec3 .txt-set .main-text{font-size: 46px; font-weight: bold; color: var(--point-color03); line-height: 1.1;}
.pg-gnica .sec3 .txt-set > ul{ margin-top: 33px;}
.pg-gnica .sec3 .txt-set > ul > li{font-size: 18px; font-weight: 300; line-height: 26px; margin-bottom: 10px;}
.pg-gnica .sec3 .txt-set > ul > li:last-child{margin-bottom: 0;}
.pg-gnica .sec3 .img-obj{width: 40%;}
.pg-gnica .sec3 .img-obj img{max-width: 504px;}

.pg-brand .sec1{padding-bottom: 90px;}
.list-brand {margin-bottom: 50px;}
.list-brand > ul > li{display: flex; flex-wrap: wrap; align-items: center; padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #ebebeb;}
.list-brand .thumb{width: 220px; height: 150px;}
.list-brand .thumb img{border: 1px solid #ebebeb; border-radius: 5px;}
.list-brand .info-brand{flex: 1; margin-left: 30px;}
.list-brand .info-brand > ul > li{display: flex; align-items: center; line-height: 30px;}
.list-brand .info-brand .b-item{width: 120px; font-size: 14px; font-weight: bold; color: var(--point-color01);}
.list-brand .info-brand .b-vl{flex: 1; font-size: 15px; font-weight: 300;}
    

.pg-activity .sec1{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding-top: 63px; padding-bottom: 90px;}

/* ==========================================================================
   신지식인 인증절차
   ========================================================================== */
.box-proc{display: flex; flex-direction: column; justify-content: center; align-items: center; border: 1px solid var(--point-color03); height: 102px; border-radius: 8px;}
.box-proc .num-proc{font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: bold; color: var(--point-color01); letter-spacing: 0; margin-bottom: 8px;}
.box-proc .title{font-family: 'NanumSquare'; font-size: 20px; font-weight: 800; color: var(--point-color03);}
.proc-cert01 > ul{display: flex; flex-wrap: wrap; justify-content: space-between; margin-left: -30px; margin-right: -30px;}
.proc-cert01 > ul > li{position: relative; width: 25%; padding: 30px;}
.proc-cert01 > ul > li::after{content: ""; position: absolute;  display: block; width: 16px; height: 16px;}

.proc-cert02 > ul > li{display: flex; flex-wrap: wrap; align-items: center; padding-top: 40px; padding-bottom: 40px; border-top: 1px solid #e9e9e9;}
.proc-cert02 .box-proc{width: 270px; background-color: var(--point-color03);}
.proc-cert02 .box-proc .title{color: #fff;}
.proc-cert02 .txt-set{margin-left: 4.3%;}
.proc-cert02 .txt-set > p{font-size: 18px; font-weight: 300; line-height: 26px;}
.proc-cert02 .txt-set > p.txt1{font-size: 16px;}
.proc-cert02 .txt-set .txt-link{font-size: 14px; font-weight: 300; color: var(--point-color03); margin-top: 11px;}
.proc-cert02 .txt-set .txt-link > a{padding-bottom: 4px; border-bottom: 1px solid var(--point-color03);}
.proc-cert02 .btn-apply{margin-left: auto;}
.proc-cert02 .btn-apply > a{display: flex; justify-content: center; align-items: center; width: 300px; height: 102px; border: 1px solid #e5e5e5; border-radius: 8px;}
.proc-cert02 .btn-apply .txt-btn{padding-left: 56px; background:url('../images/common/ico_dw2.png') no-repeat 0 center; background-size: 40px auto;}
.proc-cert02 .btn-apply .txt-btn .txt-en{font-size: 12px; font-weight: bold; color: var(--point-color01); margin-bottom: 2px;}
.proc-cert02 .btn-apply .txt-btn .title{font-size: 18px; font-weight: bold;}

.pg-procedure .sec1{padding-top: 63px; padding-bottom: 50px;}
.pg-procedure .sec1 .proc-cert01{margin-top: 24px;}
.pg-procedure .sec2{padding-bottom: 60px;}

/* ==========================================================================
   약관
   ========================================================================== */
.pg-member .sec-term{padding-top: 60px; padding-bottom: 70px;}
.pg-member .term-text{font-size: 16px; font-weight: 300; line-height: 28px;}