@charset "utf-8";

/* ================================================
  common
==================================================*/



/* ================================================
  intro :가연은? 
==================================================*/
.intro .section-intro {position: relative; width: 100%; padding: 0; margin-bottom: 20px; box-sizing: border-box; border: 1px solid #d1d1d1; }
.intro .section-intro:last-of-type {margin-bottom: 120px; }
.intro .section-intro .drop-menu {box-sizing: border-box; background-color: #fff; background-repeat: no-repeat; background-size: auto 60px; background-position: left 10% center; cursor: pointer;}
.intro .section-intro:after {content: '+'; position: absolute; bottom: 0; right: 0; width: 30px; height: 30px; background-color: #E5006E; color: #fff; font-size: 30px; line-height: 30px; text-align: center; }
.intro .section-intro.on:after {content: '-'; position: absolute; bottom: 0; right: 0; width: 30px; height: 30px; background-color: #E5006E; color: #fff; font-size: 30px; line-height: 30px; text-align: center; }
.intro .section-intro.on .drop-menu {border-bottom: 1px solid #d1d1d1; background-color: #f7e547; }
.intro .section-intro.on .drop-menu .txt-box .summary {color: #000; font-weight: 400; }

.drop-menu .txt-box {padding: 30px 15px 45px 35%; box-sizing: border-box;}
.drop-menu .txt-box .txt {position: relative; font-size: 23px; font-weight: 400; color: #232323; line-height: 1.2; }
.drop-menu .txt-box .txt:after {content: ''; position: absolute; bottom: -20px; left: 0; width: 30px; height: 5px; background: url('/images/gayeon/dot_three.png') no-repeat center center; background-size: 30px; }
.drop-menu .txt-box .txt b {font-weight: 700;}
.drop-menu .txt-box .summary {margin-top: 40px; font-size: 16px; color: #787878; font-weight: 400; }
.drop-menu .txt-box .summary > b {font-size: 16px;}
.drop-menu .txt-box .summary > small {display: inline-block; margin-top: 5px; font-size: 13px; line-height: 1.2; font-weight: 300; }
.intro .section-intro .drop-cont {display: none; margin: 50px auto; padding: 0 10px; text-align: center; }
.intro .section-intro.on .drop-cont {display: block; }
.drop-cont .blockspace {display: block; margin-bottom: 25px;}
.drop-cont img {display: block; max-width: 100%; margin: 0 auto;}
.drop-cont img.small {width: 70%;}
.drop-cont img + img {margin-top: 60px; }
.drop-cont p {margin-top: 30px; font-size: 16px; color: #232323; font-weight: 300; line-height: 1.5; }
.drop-cont b {font-weight: 500; color: #232323; font-size: 18px; }
.drop-cont .pink {font-weight: 500; color: #E5006E; font-size: 18px; }
.drop-cont .btn-group {width: 100%; height: 100%; margin-top: 30px; }
.drop-cont .btn-group .btn-dowland {display: block; width: 100%; height: 100%; margin: 0 auto; }
.drop-cont .btn-group .btn-dowland + .btn-dowland {margin-top: 15px; }
.drop-cont .btn-group .btn-dowland img {width: 230px; }
.drop-cont .btn-group .btn-more {display: inline-block; max-width: 320px; width: 90%; padding: 15px 20px; box-sizing: border-box; background-color: #e6006d; font-size: 20px; text-align: center; color: #fff; font-weighT: 700; letter-spacing: -0.08em; }
.drop-cont .fair {margin-top:30px;}
.drop-cont .fair > a {display: inline-block; width: calc((100% - 10px)/2);}
.drop-cont .fair > a > img {display: block; max-width: 100%;}

/* 가연은? - 그물망 신원인증 */
.verify-mo { width:100%; max-width:384px; margin:0 auto; padding:42px 25px 0; box-sizing:border-box; }
.verify-mo .item { position:relative; padding-top:57px; text-align:center; }
.verify-mo .item + .item { margin-top:52px; }
.verify-mo .num { position:absolute; top:0; left:50%; transform:translateX(-50%); width:52px; height:52px; border-radius:50%; background:#878787; color:#fff; font-size:22px; font-weight:700; line-height:52px; }
.verify-mo .title { width:100%; min-height:68px; border-radius:15px; display:flex; align-items:center; justify-content:center; font-size:30px; font-weight:700; line-height:1.2; letter-spacing:-0.02em; box-sizing:border-box; }
.verify-mo .title.gray { background:#878787; color:#f7e547; }
.verify-mo .title.yellow { background:#f7e547; color:#878787; }
.verify-mo .txt { margin:21px 0 0; color:#222; font-size:25px; font-weight:500; line-height:1.55; letter-spacing:-0.03em; word-break:keep-all; }

/* fair-assembly 공정거래위원회 
.fair-assembly {width: 100%; height: 200px; margin: 60px auto 150px; background: url('/images/gayeon/fair_bg.png') no-repeat center center; background-size: cover; text-align: center; }
.fair-assembly .tit {padding-top: 45px; font-size: 22px; color: #fff; font-weight: 300; text-align: center;  }
.fair-assembly .tit  > strong {font-weight: 700; }
.fair-assembly .fair-inner {display: inline-block; margin-bottom: 30px; padding-top: 30px; }
.fair-assembly .fair-inner:after {content: ''; display:  block; clear: both; visibility: hidden;}
.fair-assembly .fair-box {float: left; min-width: 190px; box-sizing: border-box; border-radius: 20px; background-color: #fff; padding: 20px 15px; box-shadow: 5px 5px 10px rgb(0,0,0,0.2); transition: .3s; }
.fair-assembly .fair-box img {display: block; max-width: 100%; width: 120px; margin: 0 auto; }
.fair-assembly .fair-box.gayeon img {max-width: 100%; width: 80px; }
.fair-assembly .fair-box p {margin-top: 20px; font-size: 14px; color: #232323; font-weight: 300; text-align: center; }
.fair-assembly .fair-box a {display: block; margin-top: 5px; font-size: 16px; color: #d51168; text-decoration: underline; text-align: center; }
.fair-assembly .fair-box + .fair-box {margin-left: 10px; }
.fair-assembly + .fair-guide {margin-bottom: 70px; font-size: 16px; color: #232323; font-weight: 300; text-align: center; } */





/* ================================================
  company
==================================================*/
/* 인사말 */
.section-intro {margin: 30px auto 50px; padding: 0 10px; }
.rep-intro p {font-size: 15px; color: #737373; margin-top: 20px; font-weight: 400; line-height: 22px; }
.rep-intro strong {font-size: 18px; color: #232323; font-weight: 500; }
.rep-intro img {width: 100%; vertical-align: middle; }
.rep-intro .intro-bottom {margin-top: 45px; }
.director-profie {margin-bottom: 45px; padding-top: 45px; box-sizing: border-box; border-top: 2px solid #d3d3d3; background: url("/images/gayeon/rep_intro02.png") no-repeat right top 20px; background-size: 130px auto; }
.intro-bottom .director-profie .dl-list02 + .dl-list02 {margin-top: 15px; }
.intro-bottom .director-profie .dl-list02 dt {width: 80px; text-align: left; font-size: 14px; color: #737373; }
.intro-bottom .director-profie .dl-list02 dd {padding-left: 0; text-align: left; font-size: 14px; }

/* 회사소개 */
.company-intro .intro-top  {margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #d3d3d3; }
.company-intro .intro-top strong {display: block; font-size: 28px; color: #232323; font-weight: 700;}
.company-intro .intro-top .color-pink {color: #d51168; }
.company-intro .intro-top p {font-size: 16px; color: #232323; font-weight: 300; }
.company-intro img {width: 100%; vertical-align: middle; }

.company-intro .intro-middle strong {color: #232323; font-size: 18px; font-weight: 500; }
.company-intro .intro-middle p {margin-top: 20px; color: #737373; font-size: 15px; }
.intro-middle img {margin: 20px auto; }

.company-intro .intro-bottom {margin-top: 50px; }
.company-intro .intro-bottom .gray-box {min-height: 230px; padding: 40px 20px; box-sizing: border-box;background-color: #97989a; }
.company-intro .gray-box .color-yellow {display: block; margin-bottom: 15px; color: #f7e547; font-size: 18px; text-align: center; }
.company-intro .intro-bottom .gray-box  p {color: #fff; font-size: 15px; text-align: center; }

.company-intro .intro-bottom .white-box {height: 230px; padding-top: 73px; box-sizing: border-box; border: 1px solid #97989a; background-color: #fff; } 
.company-intro .white-box strong {display: block; margin-bottom: 15px; color: #232323; font-size: 18px; font-weight: 500; text-align: center; }
.company-intro .white-box img {display: block; width: 180px; margin: 0 auto; }





/* ================================================
  manager-info
==================================================*/
.manager-info .content {margin-bottom: 50px; }
.manager-card > li {float: left; width: calc(50% - 15px); margin-top: 30px; margin-left: 30px; }
.manager-card > li:nth-child(odd) {margin-left: 0;}

/* 이미지 영역 */
.manager-card .link {display: block; width: 100%; height: 100%; }
.manager-card .manger-thumbs {padding-top: 132%; background-repeat: no-repeat; background-size: cover; background-position: center center; }
/* 정보 영역 */
.manager-card .manger-info {display: block; width: 100%; height: 100%; padding-top: 10px; box-sizing: border-box; }
.manager-card .manger-info .info-call { background: url('/images/common/call_pink.png') no-repeat right 2px center; background-size: 38px;}
.manager-card .manger-info .manager-name {font-size: 20px; color: #000; font-weight: 500; }
.manager-card .manger-info .manager-unit {font-size: 14px; color: #000; font-weight: 300; }
.manager-card .manger-info .manager-call {font-size: 16px; color: #000; font-weight: 400; }
/* 버튼영역 */
.manager-card .manger-apply {margin-top: 15px; }
.manager-card .manger-apply .btn-apply {display: block; width: 100%; height: 40px; box-sizing: border-box; border: 1px solid #ed0677; background-color: #fff; font-size: 18px; color: #ed0677; text-align: center; font-weight: 400; line-height: 38px; }





/* ================================================
  manager-detail
==================================================*/
.manager-detail .header-tit {width: 100%; height: 50px; 
margin-top: 15px; background-color: #d51168; line-height: 50px; font-size: 18px; color: #fff; text-align: center; } 
.manager-detail .apply-write {padding-top: 0; background-color: #fff; border: none; }

.manager-detail .distable {margin-top: 30px; padding: 0 10px; box-sizing: border-box; }
.manager-detail .manger-thumbs {widtH: 154px; height: 203px;}
.manager-detail .manger-thumbs .thumbs {display: block; width: 100%; }
.manager-detail .manger-info {position: relative; widtH: calc(100% - 154px); padding-left: 15px; padding-top: 10px; vertical-align: top; }
.manager-detail .manger-info .guide {font-size: 14px; color: #000; }

.manager-detail .manger-info .info-call {position: absolute; bottom: 0; left: 15px; width: calc(100% - 15px);  background: url('/images/common/call_pink.png') no-repeat right 15px top 10px; background-size: 38px;}
.manager-detail .manger-info .manager-name {font-size: 20px; color: #000; font-weight: 500; }
.manager-detail .manger-info .manager-unit {font-size: 14px; color: #000; font-weight: 300; }
.manager-detail .manger-info .btn-apply {display: block; width: 100%; height: 45px; margin-top: 10px; box-sizing: border-box; border: 1px solid #ed0677;  background-color: #fff; color: #ed0677; line-height: 43px; text-align: center; font-size: 16px; font-weight: 400;}





/* ================================================
  map
==================================================*/
/* 기타지점 있는 경우  */
.map .header-tab02 li {width: 25%; } 
/* .map .header-tab02 li {width: 14.285%; } */
.map .section-tab {margin: 20px auto 50px; }
.map img {display: block; max-width: 100%; margin: 0 auto; }
.map .mab-info {margin: 20px auto; padding: 20px 15px; box-sizing: border-box; border: 2px solid #b2b2b2; }
.map .mab-info .tit {margin-bottom: 5px; color: #000; font-size: 25px; font-weight: 400; }
.map .mab-info .tit > strong {font-weight: 700; }
.map .mab-info .txt {margin-bottom: 20px; font-weight: 300; font-size: 16px; color: #545454; }
.map .mab-info .map-icon {display: block; margin-top: 10px; padding: 5px 0 5px 40px; background-repeat: no-repeat; background-position: left center; background-size: 30px 30px; font-size: 14px; color: #333333; font-weight: 400;}

.map .map-group {margin-top: 20px; }
.map .map-group .map-location {width: 100%; height: 340px;}
.map .map-station {margin-top: 20px; }
.map .map-station .station-tit {padding: 5px 0 5px 50px; background-repeat: no-repeat; background-position: left center; background-size: contain; font-size: 20px; color: #545454; font-weight: 500; }
.map .map-station .station-list li {margin-top: 30px; font-size: 15px; color: #545454; font-weight: 400; line-height: 1.5; }
.map .map-station .station-list li:first-child {margin-top: 10px; }
.map .map-station .station-list li b {display: block; margin-bottom: 2px; font-size: 15px; color: #109510; font-weight: 500; }

.map .title-assisat{display: block; text-align: center; margin: 20px 0; font-size: 20px; color: #545454; word-break: keep-all;}

/* 기타지점 */
.map .section-etc {margin: 0 auto 50px; }
.map .etc-maplist .nodata {padding: 100px 0; border: none; }
.map .etc-maplist li {display: table; width: 100%; padding: 20px 0; box-sizing: border-box; border-bottom: 1px solid #cdcdcd;}
.map .etc-maplist .etc-thumbs {display: table-cell; width: 110px; height: auto; box-sizing: border-box; background-color: #fff; vertical-align: middle; text-align: center; }
.map .etc-maplist .icon-etc-logo {width: 100%; height: 20px; background: url("/images/gayeon/etc_logo.png") no-repeat center center; background-size: contain; }
.map .etc-maplist .etc-title {font-size: 24px; color: #e5006e; font-weight: 500; vertical-align: middle; }

.map .etc-maplist .etc-info {display: table-cell; padding-left: 20px; vertical-align: middle;}
.map .etc-maplist .map-icon {display: block; padding: 5px 0 5px 40px; background-repeat: no-repeat; background-position: left center; background-size: 30px 30px; font-size: 14px; color: #333333; font-weight: 400;}




/* ================================================
  news :뉴스/공지
==================================================*/
.sub-gayeon.news .board-content,
.sub-gayeon.news .board-view {margin: 0 auto 60px; }

/* view */
.sub-gayeon .board-view .visually {padding: 0 20px; box-sizing: border-box; }
.sub-gayeon .board-view .visually img {max-width: 100%; vertical-align: middle; }
.sub-gayeon .board-view .i-tag {display: inline-block; width: 30px; height: 20px; background-image:url('/img/sub/gyIntro/tag.png'); background-repeat: no-repeat; background-size: cover; background-position: center center; }
.sub-gayeon .board-view .tag-txt {margin-top: 10px; color: #cea73d; font-size: 12px; font-weight: 400; line-height: 1.5; }







/* ================================================
  brochure
==================================================*/
.brochure .brochure-content {margin-top: 30px; }