@charset "UTF-8";


  
.sub-vis {position:relative; width:100%; height:700px; overflow:hidden;}
.sub-vis .content {position:absolute; top:50%; transform: translateY(-50%); left:0; width:100%; color:#fff; z-index:10;}
.sub-vis .content h2 {font-size:var(--font-size-60); line-height:1.3em;font-weight:700;}
.sub-vis .background {
	position:absolute; 
	top:0; 
	left:0;
	width:100%; height:100%;	
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	transform:scale(1.09);
    -ms-transform:scale(1.09); /* IE 9 */
    -moz-transform:scale(1.09); /* Firefox */
    -webkit-transform:scale(1.09); /* Safari and Chrome */
    -o-transform:scale(1.09); /* Opera */
	transition: all 2s ease-out 0s;
	transition-delay: 0.1s;
	z-index:0;
}
.sub-vis.load .background {
	transform:scale(1);
    -ms-transform:scale(1); /* IE 9 */
    -moz-transform:scale(1); /* Firefox */
    -webkit-transform:scale(1); /* Safari and Chrome */
    -o-transform:scale(1); /* Opera */
}
.sub-vis.sub-vis01 .background {background-image:url('../img/common/sub_vis1.jpg');}
.sub-vis.sub-vis02 .background {background-image:url('../img/common/sub_vis2.jpg');}
.sub-vis.sub-vis03 .background {background-image:url('../img/common/sub_vis3.jpg');}


#lnb {margin-bottom:100px; position: relative;}
#lnb:after {content:""; position:absolute; bottom:0; left:0; width:100%; height: 1px; background:#ccc; z-index:-1;}
.lnb {max-width:1400px; width:100%; margin:0 auto;}
.lnb ul {display:flex;}
.lnb ul li {width:auto; flex:1; position: relative; text-align:center; }
.lnb ul li:first-child:before,
.lnb ul li:after {content:""; position:absolute; top:50%; width:1px; height:24px; background:#dedede; margin-top:-12px;}
.lnb ul li:first-child:before {left:0;}
.lnb ul li:after {right:0;}
.lnb ul li a {position: relative; display:flex; align-items:center; justify-content: center; height:80px; color:var(--dark-color); font-size:var(--font-size-20); line-height:1.4em; font-weight: 500;padding:0 34px;}
.lnb ul li a:after {content:""; position: absolute; bottom:0; left:0; width:100%; height: 3px; background:var(--primary-color); opacity:0;}
.lnb ul li.active a {color:var(--primary-color); font-weight: 700;}
.lnb ul li.active a:after {opacity:1;}


.dep1-policy--fc #lnb:after {display:none;}
.dep1-policy--fc .lnb {display:none;}



/* content */
#contArea {position:relative; max-width:1440px; width:100%; padding:0 20px; margin:0 auto;}
#contArea.wide {max-width:100%; padding:0;}

.real-cont {padding-bottom:150px;}
.real-cont.none {padding-bottom:0;}

.sub-head {font-size:var(--font-size-30); line-height:1.2em; font-weight: 500; color:var(--dark-color); margin-bottom:70px;}
.sub-head strong {font-weight: 700;}

.overview-vis {text-align:center; margin-bottom: 130px; background:url('../img/sub/overview_bg.jpg') 50% 50% no-repeat; background-size:cover;}
.overview-vis .inner {position: relative; height:628px; }
.overview-vis .content {position:absolute; bottom:85px; left:0; width:100%; color:var(--white-color); font-size:var(--font-size-36); line-height:1.67em; font-weight: 700;}

.overview-cont .title {margin-bottom: 75px; text-align:center;}
.overview-cont .title h3 {font-size: var(--font-size-30); line-height:1.3em; font-weight: 500; margin-bottom:30px; color:var(--dark-color);}
.overview-cont .title .cnt {font-size: var(--font-size-36); line-height:1.4em; font-weight: 700; color:var(--dark-color-44); }
.overview-cont .wrap {display:flex; align-items: center; }
.overview-cont .wrap .graph {width:460px; margin-right: 54px;}
.overview-cont .wrap .arrow {width:104px; margin-right: 56px;}
.overview-cont .wrap .info {flex:1 1 auto; min-width:0; width:1%;}
.overview-cont .wrap .info .box {margin-bottom: 30px; border:2px solid #2e3192; border-radius: 30px; padding: 26px 48px;}
.overview-cont .wrap .info .box:last-child {margin-bottom:0;}
.overview-cont .wrap .info .box dl dt {font-size:var(--font-size-22); line-height:1.3em; font-weight: 700; color:#004b92; margin-bottom:15px;}
.overview-cont .wrap .info .box dl dd {position: relative; padding-left: 16px; font-size:var(--font-size-18); line-height:1.4em; color:var(--dark-color-44); margin-bottom:5px;}
.overview-cont .wrap .info .box dl dd:last-child {margin-bottom:0;}
.overview-cont .wrap .info .box dl dd:before {content:""; position:absolute; top:6px; left:0; width:7px; height: 7px; border-radius: 100%; background:var(--dark-color-44);}


.history-vis {text-align:right; margin-bottom: 140px; background:url('../img/sub/history_bg.jpg') 50% 50% no-repeat; background-size:cover;}
.history-vis .inner {position: relative; height:500px; }
.history-vis .content {position:absolute; bottom:30px; left:0; width:100%; color:var(--white-color); padding:0 20px;}
.history-vis .content .since {font-size:var(--font-size-60); line-height:1.3em; font-weight: 700;}
.history-vis .content h2 {font-size:var(--font-size-120); line-height:1.2em; font-weight: 700;}

.history .inner {position: relative;}
.history .group {display:flex; justify-content: flex-end; position: relative; padding-bottom: 68px;}
.history .group:after {content:""; position:absolute; top:13px; left:50%; margin-left:-.05px; width:1px; height: 100%; background:#d0d0d0; z-index:-1;}
.history .group:last-child {padding-bottom:0;}
.history .group:last-child:after {display:none;}
.history .group:before {content:""; position:absolute; top:13px; left:50%; margin-left:-7.5px; width:15px; height: 15px; background:#fff; border-radius: 100%; border:2px solid #d0d0d0; z-index:1;}
.history .group.active:before {border-color:var(--primary-color);}
.history .group .info {width:50%; padding-left: 60px; display:flex; position: relative;}
.history .group .info .year {width:130px; font-size:var(--font-size-36); line-height:1.3em; font-weight: 700; color:var(--dark-color);}
.history .group .info .list {flex:1 1 auto; min-width:0; width:1%;}
.history .group .info dl {padding-bottom:20px;}
.history .group .info dl:last-child {margin-bottom:0;}
.history .group .info dl dd {position: relative; padding-left:47px; font-size:var(--font-size-18); line-height:1.4em; color:var(--dark-color);}
.history .group .info dl dd span {position: absolute; top:0; left:0;}
.history .group:nth-child(even) {justify-content: flex-start;}
.history .group:nth-child(even) .info {padding-left:0; padding-right: 60px; text-align:right; }
.history .group:nth-child(even) .info .year {order:2;}
.history .group:nth-child(even) .info .list {order:1;}
.history .group:nth-child(even) .info dl dd {text-align:right; padding-left:0; padding-right:47px;}
.history .group:nth-child(even) .info dl dd span {left:auto; right:0;}
.history .progress-wrap { height:100%;}
.history .progress-wrap .progress-line {position:absolute; top:13px; left:50%; transform: translateX(-50%);width:1px;  height:0; background:var(--primary-color); z-index:0;}
.history .progress-wrap .progress-arrow {position:absolute; top:0; left:50%; transform: translateX(-50%); top: 5px;  width:30px; height: 10px; border-radius: 100%; background:#fff;  z-index:6}
.history .progress-wrap .progress-arrow:after {content:""; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); width:60px; height: 60px; border-radius: 100%; border:1px solid #e3e3e3; background: url('../img/sub/history_arrow.png') 50% 50% no-repeat; box-shadow:6px 6px 10px rgba(0,0,0,.06);}


.holdings-inner .title {text-align:center; margin-bottom: 100px;}
.holdings-inner .title h2 {font-size:var(--font-size-36); line-height:1.4em; color:var(--dark-color-33); margin-bottom: 50px; font-weight: 700;}
.holdings-inner .title .cnt {font-size:var(--font-size-24); line-height:1.4em; color:var(--blue-color); font-weight: 700;}
.holdings-inner .title .cnt p {margin-bottom:12px;}
.holdings-inner .title .cnt p:last-child {margin-bottom:0;}
.holdings-inner .title .cnt p span {position: relative; padding:0 10px;}
.holdings-inner .title .cnt p span:after {content:""; position:absolute; bottom:0; left:0; width: 100%; height:14px; background:var(--blue-color); opacity:.10;}
.holdings-inner .group {display:flex; align-items: center; margin-bottom:55px;}
.holdings-inner .group:last-child {margin-bottom:0;}
.holdings-inner .group .photo {width:660px; border-radius: 24px; overflow:hidden; margin-right:80px;}
.holdings-inner .group .photo img {width:100%;}
.holdings-inner .group .info {flex:1 1 auto; min-width:0; width:1%;}
.holdings-inner .group .info dl dt {margin-bottom:42px; font-size:var(--font-size-24); line-height:1.25em; color:var(--dark-color); font-weight: 700;}
.holdings-inner .group .info dl dd {font-size:var(--font-size-18); line-height:1.67em; color:var(--dark-color-44); font-weight: 300;}
.holdings-inner .group .info dl dd strong {font-weight: 500;}
.holdings-inner .group:nth-child(even) .photo {order:2; margin-left:80px; margin-right:0;}
.holdings-inner .group:nth-child(even) .info {order:1; text-align: right;}

.client-list {margin-bottom:120px;}
.client-list ul {display:flex; flex-wrap: wrap; margin:0 -13px -40px;}
.client-list ul li {width:20%; padding:0 13px; margin-bottom: 40px;}
.client-list ul li .pic {position: relative; padding-bottom:42.3%; border-radius: 14px; box-shadow:9px 7px 29px rgba(0,0,0,.05); overflow:hidden;}
.client-list ul li .pic img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; min-height:100%; object-fit:contain; transition:0.3s;}
.client-list ul li .pic:after {content:""; position: absolute; top:0; left:0; width:100%; height: 100%; border:1px solid #e1e1e1; border-radius: 14px;}

.client-vis {text-align:center; background:url('../img/sub/clients_bg.jpg') 50% 50% no-repeat; background-size:cover;}
.client-vis .inner {position: relative; height:560px; }
.client-vis .content {position:absolute; top:50%; left:0; transform: translateY(-50%); width:100%; padding:0 20px; color:var(--white-color); font-size:var(--font-size-30); line-height:1.67em; font-weight: 500;}

.cert-list ul {display:flex; flex-wrap: wrap; margin:0 -35px;}
.cert-list ul li {width:33.333333%; padding:0 35px; text-align:left; margin-bottom: 50px;}
.cert-list ul li .pic {position: relative; padding-bottom:71.4%; border-radius: 26px; margin-bottom:20px;  overflow:hidden;}
.cert-list ul li .pic img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.cert-list ul li .tit {font-size:var(--font-size-18); line-height:1.4em; font-weight: 500; color:var(--dark-color-22);}
.cert-list ul li .date {font-size:var(--font-size-18); line-height:1.4em; font-weight: 300; margin-top:10px;}
.cert-list ul li a:hover .pic img {transform:translate(-50%,-50%) scale(1.04,1.04); -ms-transform:translate(-50%,-50%) scale(1.04,1.04); -webkit-transform:translate(-50%,-50%) scale(1.04,1.04);}

.page-url-licenses--fc .cert-list ul {margin:0 -13px;}
.page-url-licenses--fc .cert-list ul li {width:25%; padding:0 13px; text-align:center;}
.page-url-licenses--fc .cert-list ul li a {pointer-events: none; cursor: none;}
.page-url-licenses--fc .cert-list ul li .pic {padding-bottom:141.2%; box-shadow:9px 7px 29px rgba(0,0,0,.05);}
.page-url-licenses--fc .cert-list ul li .pic:after {content:""; position: absolute; top:0; left:0; width:100%; height: 100%; border:1px solid #e1e1e1; border-radius: 26px;}
.page-url-licenses--fc .cert-list ul li .pic img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; min-height:100%; object-fit:contain; transition:0.3s;}
.page-url-licenses--fc .cert-list ul li .tit {font-size:var(--font-size-20); color:var(--dark-color-33);}
.page-url-licenses--fc .cert-list ul li .date {display:none;}
.page-url-licenses--fc .board-search-wrap--fc,
.page-url-licenses--fc .board-paging {display:none}


.location-info {margin-bottom: 45px;}
.location-info .text {text-align: right; font-size:var(--font-size-100); line-height:.6em; color:var(--dark-color); opacity:.20; font-weight: 700;}
.location-info .list {border-top: 2px solid var(--dark-color); padding-top:35px;}
.location-info .list ul {display:flex; flex-wrap:wrap; margin-left:-60px; margin-bottom:-20px;}
.location-info .list ul li {padding-left: 60px; margin-bottom:20px; display:flex; align-items: center;}
.location-info .list ul li .icon {width:80px; height: 80px; border-radius: 100%; background-color:rgba(0,125,243,.06); background-position: 50% 50%; background-repeat: no-repeat; margin-right:16px;}
.location-info .list ul li.addr .icon {background-image:url('../img/sub/ico_addr.png');}
.location-info .list ul li.tel .icon {background-image:url('../img/sub/ico_tel.png');}
.location-info .list ul li.fax .icon {background-image:url('../img/sub/ico_fax.png');}
.location-info .list ul li.email .icon {background-image:url('../img/sub/ico_email.png');}
.location-info .list ul li .info {flex:1 1 auto; min-width:0; width:1%; font-size:var(--font-size-18); line-height:1.3em;}
.location-info .list ul li .info dl dt {font-weight: 700; margin-bottom:10px;}

.location-map iframe{width:100% !important; height:600px !important;}

.sub-title {text-align:center; margin-bottom: 86px;}
.sub-title h2 {font-size:var(--font-size-36); line-height:1.3em; font-weight: 700; color:var(--dark-color-33)}


.construction-head {background:#f7f7f7; padding:90px 0;}
.construction-head .inner {display:flex; align-items: center;}
.construction-head .info {flex:1 1 auto; min-width:0; width:1%;}
.construction-head .info .date {margin-bottom: 50px;}
.construction-head .info .date ul li {position: relative; padding-left: 20px; font-size:var(--font-size-24); line-height:1.4em; font-weight: 500; color:var(--dark-color); margin-bottom: 10px;}
.construction-head .info .date ul li:before {content:""; position:absolute; top:8px; left:0; width:10px; height: 10px; border-radius: 100%; background:var(--dark-color);}
.construction-head .info .date ul li:last-child {margin-bottom:0;}
.construction-head .info .cnt {font-size:var(--font-size-18); line-height:1.67em; font-weight: 300; margin-bottom: 100px;}
.construction-head .info .cnt strong {font-weight: 500;}
.construction-head .info .btns a {display:inline-flex; align-items: center; justify-content: center; padding:0 80px; border-radius: 80px; height: 80px; background:var(--dark-color); color:var(--white-color); font-size:var(--font-size-24); line-height:1.1em; font-weight: 700;}
.construction-head .photo {width:685px; margin-left:70px;}
.construction-head .photo .pic {border-radius: 24px; overflow:hidden;}
.construction-head .photo .pic img {width:100% !important}
.construction-head .photo .slick-dots {position: static; margin-top:30px;}
.construction-head .photo .slick-dots li {width:auto; height: auto;}
.construction-head .photo .slick-dots li button {width:20px; height: 20px; border:1px solid #a3a3a3;border-radius: 100%; background:#fff;}
.construction-head .photo .slick-dots li.slick-active button {background:var(--dark-color); border-color:var(--dark-color);}

.construction-city {background:url('../img/sub/construction_bg.jpg') 50% 50% no-repeat; background-size:cover;text-align:center; display:flex; align-items: center; height:460px;color:var(--white-color); font-weight: 700;}
.construction-city h3 {font-size:var(--font-size-30); line-height:1.4em; margin-bottom: 70px;}
.construction-city .txt {font-size:var(--font-size-30); line-height:1.4em; font-weight: 700;}
.construction-city .txt strong {font-weight: 500;}
.construction-city .txt .big {font-size:var(--font-size-36);}
.construction-city ul {display:flex;}
.construction-city ul li {width:50%;}
.construction-city ul li dl {display:inline-block;}
.construction-city ul li dl dt {font-size:var(--font-size-30); line-height:1.4em; margin-bottom:10px;}
.construction-city ul li dl dd {border-top: 1px solid #fff; padding-top:10px; margin-top:10px; font-size:var(--font-size-36); line-height:1.4em; }

.construction-step {background:url('../img/sub/construction_step_bg.jpg') 50% 50% no-repeat; background-size:cover; padding:120px 0 160px;}
.construction-step .title {margin-bottom: 60px; color:var(--white-color); text-align: center;}
.construction-step .title h3 {font-size:var(--font-size-30); line-height:1.4em; margin-bottom: 50px;}
.construction-step .title p {font-size:var(--font-size-40); line-height:1.2em; font-weight: 500;}
.construction-step .title p strong {font-weight: 700;}
.construction-step .title p span {background:#007df3; padding:4px 4px 0;}
.construction-step ul {display:flex; flex-wrap:wrap; margin-left:-40px; margin-bottom:-40px;}
.construction-step ul li {width:calc(33.333333% - 40px); padding: 46px 40px; position: relative; margin-left:40px; margin-bottom:40px; background:#fff; border:1px solid #d7d7d7; border-radius: 24px; overflow:hidden;}
.construction-step ul li .text {position: relative; z-index:2;}
.construction-step ul li .num {font-size:var(--font-size-30); line-height:1.2em; font-weight: 700; color:var(--blue-color); margin-bottom:18px;}
.construction-step ul li dl dt {font-size:var(--font-size-24); line-height:1.2em; font-weight: 700; color:var(--dark-color-33); margin-bottom:40px;}
.construction-step ul li dl dd {font-size:var(--font-size-18); line-height:1.67em; color:var(--dark-color-33); font-weight: 500;}
.construction-step ul li .bg {position: absolute; top:-100px; right:-80px; width:298px; height: 298px; background:#ebf5ff; border-radius: 100%; z-index:0;}
.construction-step ul li .icon {position: absolute; top:50px; right:60px; z-index:1;}

.waste-inner {padding: 115px 0 150px;}
.waste-inner h3 {text-align:center; font-size:var(--font-size-30); line-height:1.4em; font-weight: 700; margin-bottom:70px; color:var(--dark-color);}
.waste-inner ul {display:flex; margin:0 -20px;}
.waste-inner ul li {width:33.333333%; padding:0 20px; color:var(--dark-color-33);}
.waste-inner ul li .pic {position: relative; border-radius: 26px; margin-bottom: 40px; overflow: hidden;}
.waste-inner ul li .pic img {width:100%}
.waste-inner ul li .pic:after {content:""; position: absolute; top:0; left:0; width:100%; height: 100%; border:1px solid #d7d7d7; border-radius: 26px; }
.waste-inner ul li .tit {font-size:var(--font-size-24); line-height:1.3em; font-weight: 700;  margin-bottom:36px;}
.waste-inner ul li .cnt {font-size:var(--font-size-18); line-height:1.67em; font-weight: 500; }

/* board */
.board-wrap--fc .board-view--fc {border-top:2px solid #747474; border-bottom: 0;}
.board-wrap--fc .board-view--fc header {position:relative;  background:#fff; text-align:center; padding:30px; border-bottom:1px solid #dedede;} 
.board-wrap--fc .board-view--fc header h1 {float:none;font-size:var(--font-size-24); line-height:1.3em;font-weight:500; color:var(--dark-color); margin-bottom:20px;}
.board-wrap--fc .board-view--fc header address {float:none; font-size:var(--font-size-16); display:flex; align-items: center; justify-content: center; line-height:1.4em; color:#666; margin-left:20px;}
.board-wrap--fc .board-view--fc header address p:nth-child(4) {display:none;}
.board-wrap--fc .board-view--fc header address p {float:none; background:none; padding:0 6px;}
.board-wrap--fc .board-view--fc .board-conts--fc {padding-bottom:100px; position:relative; font-size:18px; line-height:1.67em; text-align:center;} 
.board-wrap--fc .board-view--fc .board-conts--fc div, .board-wrap--fc .board-view--fc .board-conts--fc p {font-size:18px; line-height:1.67em;}
.board-wrap--fc .board-view--fc .board-conts--fc figure {max-width:100%}
.board-wrap--fc .board-view--fc .board-conts--fc img {width:auto !important; height: auto !important;}


.board-wrap--fc .board-view--fc .board-view-file--fc {border-bottom:1px solid #dedede; margin:20px 0; padding:25px; }
.board-wrap--fc .board-view--fc .board-view-file--fc img {margin-right:10px; vertical-align: middle;}
.board-wrap--fc .board-view--fc .board-view-file--fc  a {color:#666; font-weight: 400;}

.board-wrap--fc .board-view--fc .btn-view-wrap--fc .btn-list--fc {position:relative; padding:0 30px; background:#222; color:#fff; border:1px solid #151515; height:52px; font-size:var(--font-size-18) ; line-height:50px; font-weight: 700; border-radius: 50px;}
.board-wrap--fc .board-view--fc .btn-view-wrap--fc .btn-del--fc, .board-wrap--fc .board-view--fc .btn-view-wrap--fc .btn-modify--fc, .board-wrap--fc .board-view--fc .btn-view-wrap--fc .btn-reply--fc {padding:0 30px; background:#fff; color:#151515; border:1px solid #151515; height:52px; font-size:18px; line-height:50px; font-weight: 700; border-radius: 50px;}

.board-wrap--fc .board-view--fc .post-navi--fc .prev-post--fc {position:relative; background:none; padding-left:50px; display:flex; align-items: center;}
.board-wrap--fc .board-view--fc .post-navi--fc .prev-post--fc:after {content:""; position:absolute; top:50%; left:20px; transform:translateY(-50%) rotate(-135deg); width:10px; height:10px; border-right:2px solid #000; border-bottom:2px solid #000;}
.board-wrap--fc .board-view--fc .post-navi--fc .next-post--fc  {position:relative; background:none; padding-left:50px;}
.board-wrap--fc .board-view--fc .post-navi--fc .next-post--fc:after {content:""; position:absolute; top:50%; left:20px; transform:translateY(-75%) rotate(45deg); width:10px; height:10px; border-right:2px solid #000; border-bottom:2px solid #000;}
.board-wrap--fc .board-view--fc .post-navi--fc .next-post--fc  {position:relative; background:none; padding-left:50px; display:flex; align-items: center;}
.board-wrap--fc .board-view--fc .post-navi--fc .next-post--fc a, .board-wrap--fc .board-view--fc .post-navi--fc .prev-post--fc a {display:block; flex:1 1 auto; min-width:0; width:1%; max-width: 100%; font-weight: 400;}
.board-wrap--fc .board-view--fc .post-navi--fc li:first-child {border-top: 1px solid #151515;  }
.board-wrap--fc .board-view--fc .post-navi--fc li {border-bottom: 1px solid #151515; }
.board-wrap--fc .board-view--fc .post-navi--fc li strong {margin-right:0; width:70px; font-size:var(--font-size-18) ;line-height:1.4em; color:#151515; float:none;}
.board-wrap--fc .board-view--fc .post-navi--fc .next-post--fc a,
.board-wrap--fc .board-view--fc .post-navi--fc .prev-post--fc a {font-size:var(--font-size-18) ; line-height:1.4em; color:rgba(21,21,21,.80);}
.board-wrap--fc .board-view--fc .post-navi--fc li a, .board-wap--fc .board-view--fc .post-navi--fc li span, .board-wrap--fc .board-view--fc .post-navi--fc li strong {font-size:var(--font-size-18) ; line-height:1.4em; font-weight: 600; color:var(--dark-color);}
.board-wrap--fc .board-view--fc .post-navi--fc li span {opacity:.80; font-size:var(--font-size-18); margin-left:2rem;}




 /* contact us */
 /* 검색 */
.board-search-wrap--fc {margin-bottom:40px; display:flex; justify-content: space-between; align-items: flex-end;}
.board-search-wrap--fc > .board_list_total--fc {color:#666;font-size:var(--font-size-18); line-height:1.4em;  order:1;}
.board-search-wrap--fc form {order:2;}
.board-search-wrap--fc fieldset {display:flex;}
.board_list_total--fc {font-size:var(--font-size-18); line-height:1.4em; font-weight: 700;}
.board_list_total--fc span {color:var(--dark-color); font-weight: 500; padding-left:5px;}
.board-search-wrap--fc p select {width:120px; border:0; height:46px; font-size:var(--font-size-18); line-height:1.4em;}
.board-search-wrap--fc p:nth-of-type(1) {display:none;}
.board-search-wrap--fc p:nth-of-type(2) {width:420px;}
.board-search-wrap--fc input[type="text"] {height:50px; background:#fff; color:var(--dark-color); border:1px solid #b7b7b7; border-radius: 25px; padding:0 60px 0 20px; font-size:var(--font-size-18); line-height:1.4em;}
.search-input-wrap--fc a {width:28px; height:100%; right:20px; background:url('../img/bbs/btn_search.png') 50% 50% no-repeat; background-size:contain;}


.basic-board-list--fc {border-top:2px solid #747474;}
.basic-board-list--fc thead th, .webzine-board-list--fc thead th {background:#fff;}
.basic-board-list--fc thead th:before, .webzine-board-list--fc thead th:before {display:none;}
.basic-board-list--fc td {padding:1rem 1rem;}
.basic-board-list--fc .notice {background:var(--primary-color); color:#fff; height:34px; border-radius: 34px; display:inline-flex; align-items: center; justify-content: center; font-weight: 700; padding:0 22px; margin-right:1rem;}
.basic-board-list--fc tbody td.board-subject--fc a {font-size:var(--font-size-18); line-height:1.4em; font-weight: 500; color:var(--dark-color);}
.basic-board-list--fc tbody td.board-date--fc {width:180px; font-size:var(--font-size-18); line-height:1.4em; color:#222; font-weight: 300;}
.basic-board-list--fc tbody td.board-num--fc { color:#222; font-weight: 300;}

.required {color:#d01a24; padding-left:4px;}

.mailform {border-top: 2px solid #444; padding-top:30px; position: relative; z-index:2;}
.mailform .input {height:50px; width:100%; border:0; border-bottom: 1px solid #636363; padding:0;background-color:transparent; color:var(gray-color-22); font-size:var(--font-size-18);}
.mailform textarea.input {border:0; height:170px; padding:20px 20px; background-color:#fff; border:1px solid #636363;}
.mailform .form-group {display:flex; align-items:center; margin:0 -25px 30px; }
.mailform .form-group:last-child {margin-bottom:0;}
.mailform .form-group .form-col {position:relative; width:50%; padding:0 25px;}
.mailform .form-group.wide {display:block;}
.mailform .form-group.wide .form-col {width:100%;}
.mailform .form-group .tit {color:var(--dark-color); font-size:var(--font-size-18); line-height:1.4em; margin-bottom:10px; font-weight: 500;}
.mailform .required {vertical-align:middle;}
.mailform .privacy_box--fc {margin-bottom:20px; border:1px solid #444; font-size:var(--font-size-16); line-height:1.4em; font-weight: 300; display:flex; align-items: center; color:var(--dark-color); height:140px; padding:20px 40px;}
.mailform .privacy_box--fc pre {font-family: "GMarketSans", sans-serif !important;}
.mailform input[type="checkbox"] + label {font-size:var(--font-size-16); padding-left:40px; line-height:1.4em;  color:var(--dark-color); opacity:1;}
.mailform input[type="checkbox"] + label:before {content:""; top:-3px; background-color:#fff; width:26px; height:26px; border:1px solid #ccc; background-position:50% 50%; background-repeat: no-repeat;}
.mailform input[type="checkbox"]:checked  + label:before {background-image:url('../img/bbs/check_on.png'); border-color:#ccc}
.mailform .captcha_box--fc {display:flex; align-items: center;}
.mailform .captcha_box--fc a {border:0; margin: 0 10px;}
.mailform .captcha_box--fc input { flex:1 1 auto; min-width:0; width:1%; height:50px; border:0; border-bottom: 1px solid #636363;  color:#000; font-size:var(--font-size-18); padding-left:0;}
.mailform span.txt {font-size:var(--font-size-18); opacity:.80; font-weight: 300; padding-left:5px;}

.filebox {position:relative; display:flex;}
.filebox label {width:180px; margin-right:20px; height:100%; background: #b7b7b7; color:#fff; text-align:center; font-size:1.2rem; line-height:50px; transition: .3s;}
.filebox label:hover {background:var(--primary-color); color:#fff;}
.filebox .upload-name {height:50px;  border:0; border-bottom: 1px solid #636363; font-weight: 300; background:#fff; width:100%; padding:0; font-size:var(--font-size-18); line-height:1.4em;}
.mailform + .buttons {margin-top:60px;}

.radiobox {display:flex; align-items: center; flex-wrap:wrap; color:var(--secondary-color); margin-bottom:-10px;}
.radiobox p {margin-right:20px; margin-bottom:10px;}

.radiobox input[type="radio"] + label {color:var(--secondary-color);}
.radiobox input[type="radio"] + label:before {width:19px; height: 19px; background-position: 50% 50%; background-repeat:no-repeat;}
.radiobox input[type="radio"]:checked + label:before { content: ""; display: inline-block; width: 19px;  height: 19px; background-color:#fff;  background-image:url('../img/bbs/radio_on.png');  font-size: 0;line-height: 0; text-align: center;}


.buttons {margin:30px 0;}
.buttons:after {content:" "; display:block; clear:both;}
.buttons .cen {text-align:center;}
.buttons .cen .btn-pack {margin:0 2px;}
.buttons .fr {float:right;}
.buttons .fl {float:left;}
.buttons a {text-decoration:none;}
.buttons a,.buttons input {vertical-align:top;}
.buttons + .paginate {margin-top:20px;}

.btn-pack {display:inline-flex !important; align-items:center; position:relative;margin:0;padding:0 10px;background:#fff;color:#151515;border:1px solid #000;text-decoration:none !important;vertical-align:top;white-space:nowrap;cursor:pointer;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.btn-pack.medium {width:158px; height: 50px; padding:0 20px; font-size:18px; line-height:1.4em; font-weight: 700;}
.btn-pack.form-submit {width:160px; height:50px; border:0; border-radius: 50px; justify-content:center;background:var(--dark-color); font-size:var(--font-size-16); line-height:1.2em; color:#fff;font-weight:500;}


.board-wrap--fc .board-paging {margin:50px auto 0;}
.board-paging ol {display:flex; justify-content: center;}
.board-paging li > a {width:44px; height: 44px; display:flex; align-items: center; justify-content: center; line-height:1.4em; border-radius: 100%; border:0;}
.board-paging li.on > a {background:var(--dark-color); color:#fff;  border:0;}