@charset "UTF-8";


#sub #contents {padding-top:230px;}

.subCommon--fc {display:none;}

.sub-vis-wrap {margin-bottom:80px;}
.sub-vis-wrap .inner {position:relative;} 
.sub-vis-wrap .inner:after {content:""; position:absolute; top:42px; right:5%; width:90%; height:1px; background:#e8e8e8; z-index:0;}
.sub-vis-wrap h2 {display:inline-block; background:#fff; font-size:70px; line-height:1.060em;font-weight:600; position:relative; z-index:2; padding-right:70px;}
.sub-vis-wrap .location {position:absolute; top:30px; right:20px; z-index:4; background:#fff; padding-left:70px;}
.sub-vis-wrap .location ul {display:flex; margin:0 -7px 0 -15px;}
.sub-vis-wrap .location ul li {position:relative; width:auto; padding:0 7px 0 15px; color:rgba(0,0,0,.40); font-size:18px; line-height:1.4em; text-decoration:underline;}
.sub-vis-wrap .location ul li:after {content:"/"; position:absolute; top:0; left:0; font-size:18px; line-height:1.4em; color:#000; opacity:.40; font-weight:300;}
.sub-vis-wrap .location ul li:first-child:after {display:none;}
.sub-vis-wrap .location ul li:last-child {text-decoration:none; color:#000; font-weight:600;}

.sub-vis {position:relative; width:100%; height:360px; overflow:hidden;}
.sub-vis .content {position:absolute; top:50%; left:0; transform:translateY(-50%);  color:#fff; width:100%; z-index:10}
.sub-vis .content .tit {font-size:50px; line-height:1.2em; font-weight:600;}
.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 */
}

.page-76 .sub-vis-wrap .inner:after {width:50%; z-index:3}
.page-76 .sub-vis-wrap h2 {padding-right:0}

/* content */

#contArea {position:relative; max-width:1320px; margin:110px auto 0; padding:0 20px; width:100%;}
#contArea.wide {max-width:100%; padding:0;}

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


.sub-title {margin-bottom:70px; text-align:center;}
.sub-title h2 {font-size:50px; line-height:1.3em; font-weight:600;}

/* company */
.greeting {font-size:18px; line-height:1.67em; color:#0d0d0d}
.greeting .cnt {margin-bottom:30px;}
.greeting .cnt:last-child {margin-bottom:0;}
.greeting-name {text-align:right; margin-top:60px;}
.greeting-name .name {margin-bottom:10px;}
.greeting-name .gray {color:#bfbfbf}

.org {text-align:center; margin-bottom:165px;}

.history {background:#f8f8f8 url('../img/sub/history_bg.png') 100% 100% no-repeat; padding:120px 0;}
.history .history-inner {display:flex; position:relative;}
.history .his-menu {width:510px;}
.history .his-menu ul li {margin-bottom:18px;}
.history .his-menu ul li:last-child {margin-bottom:0;}
.history .his-menu ul li a {display:block; position:relative; padding-left:18px; font-size:22px; line-height:1.4em; color:#dcdcdc;}
.history .his-menu ul li a:before {content:""; position:absolute; top:50%; left:0; width:6px; height:24px; margin-top:-12px; background:#1b78ba; opacity:0;}
.history .his-menu ul li.active a {color:#1b78ba;font-weight:600;}
.history .his-menu ul li.active a:before {opacity:1;}
.history .his-content {margin-left:auto;width: calc(100% - 510px);}
.history .section {position:relative;}
.history .section:before {content:"";position:absolute; top:12px; left:0; width:1px;  height:100%; background:#1b78ba;  opacity:0;z-index:1; }
.history .section:after {content:""; position:absolute; top:12px;left:0; width:1px; height:100%; background:#ccc; z-index:0;}
.history .section:last-child .history-group:last-child {padding-bottom:0;}
.history-group {padding-left:30px; font-size:18px; line-height:1.4em;  padding-bottom:95px;}
.history-group .dot {position:absolute; top:0; left:-15px; width:30px; height:30px; border-radius:100%; z-index:2}
.history-group .dot:before {content:"";position:absolute; top:50%; left:50%; width:8px; height:8px; transform:translate(-50%,-50%);  background:#ccc; border-radius:4px;  z-index:1; transition:.3}
.history-group .dot:after {content:"";position:absolute; top:0; left:0; width:30px; height:30px; background:#1b78ba; border-radius:100%; opacity:0; z-index:0; transition:.3}
.history-group .year {font-size:22px; line-height:1.4em;font-weight:600; margin-bottom:4px;}
.history-group ul li {margin-bottom:10px;}
.history-group ul li:last-child {margin-bottom:0;}
.history-group dl dd {position:relative; padding-left:80px; margin-bottom:10px;}
.history-group dl dd:last-child {margin-bottom:0;}
.history-group dl dd .month {position:absolute; top:0; left:0;  font-weight:500;}
.history .section.active .history-group .dot:before {background:#1b78ba}
.history .section.active .history-group .dot:after {opacity:.02;}
.history .section.active:before {opacity:1; animation-name:line; animation-duration:3s;}

@keyframes line {
	0% {opacity:1; height:0;}
	100% {opacity:1; height:100%;}
}

.sub-inner {margin-bottom:145px; }
.sub-inner .tit {font-size:50px; line-height:1.2em; font-weight:600; margin-bottom:30px;}
.sub-inner .cnt {font-size:20px; line-height:1.6em; color:#191919;}

.quality-inner {font-size:18px;line-height:1.44em; letter-spacing:-.050em;}
.quality-inner .group {margin-bottom:145px;}
.quality-inner .group:last-child {margin-bottom:0;}
.quality-inner .sub-inner {margin-bottom:0;}
.quality-inner .box {margin-bottom:50px; display:flex; background:#f8f8f8; padding:50px;}
.quality-inner .box:last-child {margin-bottom:0;}
.quality-inner .box .icon {width:117px; height:117px; background:#fff; border-radius:100%; margin-right:30px;} 
.quality-inner .box .info {flex:1 1 auto; min-width:0; width:1%; padding-top:30px;}
.quality-inner .box dl dt {font-size:30px; line-height:1.4em; font-weight:700; margin-bottom:28px;}
.quality-inner .box dl dd {font-size:20px;line-height:1.6em;}
.quality-inner .box ul {display:flex; flex-wrap:wrap; padding-top:28px; margin-left:-4px; margin-bottom:-4px;}
.quality-inner .box ul li {width: calc(20% - 4px); /*235px;*/ height:110px; font-size:18px; line-height:1.44em; display:flex; align-items:center; justify-content:center; text-align:center; background:#fff; border:1px solid #dcdcdc; border-radius:30px; margin-left:4px; margin-bottom:4px;}
.quality-inner .box .system {background:#fff; border:1px solid #dcdcdc; border-radius:30px; padding:35px; margin-top:30px;}
.quality-inner .box .system dl dt {font-size:18px; line-height:1.4em; font-weight:600; margin-bottom:10px;}
.quality-inner .box .system dl dd {font-weight:300; text-indent:-0.5em; padding-left:0.5em;}

.location-info ul {display:flex; margin:0 -15px;}
.location-info ul li {width:50%; padding:0 15px;}
.location-info h3 {font-size:50px ;line-height:1.4em; font-weight:600; margin-bottom:75px;}
.location-info .text {margin-bottom:60px; color:#191919; font-size:20px;line-height:1.4em;}
.location-info .text .group {margin-bottom:40px;  min-height:120px;}
.location-info .text .group:last-child {margin-bottom:0;}
.location-info .text .group dl {position:relative; padding-left:65px;}
.location-info .text .group dl:before {content:""; position:absolute; top:0; left:0; width:32px; height:32px; background-repeat:no-repeat; background-position:50% 50%; background-size:contain;}
.location-info .text .group dl dt {font-weight:600; margin-bottom:15px;}
.location-info .text .group dl.addr:before {background-image:url('../img/sub/ico_addr.png');}
.location-info .text .group dl.tel:before {background-image:url('../img/sub/ico_tel.png');}
.location-info .text .group dl.fax:before {background-image:url('../img/sub/ico_fax.png');}
.location-info .text .group.flex {display:flex;}
.location-info .text .group.flex dl {margin-left:80px;}
.location-info .text .group.flex dl:first-child {margin-left:0;}
.location-info .maps iframe {width:100% !important; height:440px !important;}

.safety-inner .group {display:flex; align-items:center; background:#f8f8f8}
.safety-inner .group .photo {width:50%;}
.safety-inner .group .photo img {width:100%;}
.safety-inner .group .info {width:50%; padding:50px 50px 50px 150px;}
.safety-inner .group .info .tit {position:relative; font-size:30px ;line-height:1.37em; font-weight:600; margin-bottom:120px;}
.safety-inner .group .info .tit:after {content:"";position:absolute; bottom:0; left:0; width:37px; height:3px; background:#1b78ba;}
.safety-inner .group .info .cnt {font-size:20px;line-height:1.6em; font-weight:600; margin-bottom:30px;}
.safety-inner .group .info ul li {color:#191919; margin-bottom:25px; text-indent:-0.5em; padding-left:0.5em; font-size: 18px; }
.safety-inner .group .info ul li:last-child {margin-bottom:0;}
.safety-inner .group:nth-child(even) .photo {order:2;}
.safety-inner .group:nth-child(even) .info {order:1;}

.structural-head {font-size:20px; line-height:1.6em; color:#191919; margin-bottom:85px;}
.structural-inner .group {margin-bottom:140px;}
.structural-inner .group:last-child {margin-bottom:0;}
.structural-inner .image {margin-bottom:75px;}
.structural-inner h3 {font-size:30px ;line-height:1.4em; font-weight:700; padding-left:40px; margin-bottom:25px;}
.structural-inner .box {margin-bottom:20px; background:#f8f8f8; padding:40px 35px /*40px*/; border-radius:20px; color:#191919; font-size:18px; line-height:1.44em;}
.structural-inner .box:last-child {margin-bottom:0 !important;}
.structural-inner .box h4 {font-size:20px; line-height:1.6em; font-weight:600; margin-bottom:25px;}
.structural-inner .text-row {display:flex; margin:0 -20px;}
.structural-inner .text-row .text-col {width:33.333333%; padding:0 20px;}
.structural-inner .text-row .text-col > ul > li {margin-bottom:5px; text-indent:-0.5em; padding-left:0.5em;}
.structural-inner .text-row .text-col > ul > li:last-child {margin-bottom:0 !important;}
.structural-inner .text-row .text-col > ul > li .text-dep-02 { margin-top:5px;  padding-left: 15px;}
.structural-inner .text-row .text-col > ul > li .text-dep-02 > li + li { display: inline-block; margin-top:5px; }
.structural-inner .text-row.text-col-2 .text-col {width:50%;}
.structural-inner .text-row.text-col-2 .text-col ul li {margin-bottom:20px;} 
.structural-inner .text-row.text-col-3 .text-col ul li {margin-bottom:23px;} 
.structural-inner .text-row.wide {display:block; margin:0;}
.structural-inner .text-row.wide .text-col {width:100%; padding:0;}
.structural-inner .text-row.wide .text-col ul.row > li { margin-left: 15px; }
.structural-inner .text-row.wide .text-col ul.row > li:nth-of-type(odd) { width: calc(280px -  15px);}
.structural-inner .text-row.wide .text-col ul.row > li:nth-of-type(even) { width: calc(100% - 280px -  15px)}
.structural-inner .text-row.wide .text-col ul.row > li.w100 {  width: calc(100% -  15px);}
.structural-inner .image-row {display:flex;}
.structural-inner .image-row .pic {width:50%; margin-right:80px;}
.structural-inner .image-row .pic.pic-box img,
.structural-inner .image-row .pic.pic-ko img { border: 1px solid #dcdcdc;}
.structural-inner .image-row .info {width:calc(50% + 180px) /*50%;*/}

.structural-inner .performance-wrap {  margin-top: 20px; background:#f8f8f8; padding: 25px; border-radius:20px; }
.structural-inner .performance-txt {   margin-right: 0px; margin-left: 0px;}
.structural-inner .performance-txt > div { -ms-flex: 0 0 100% !important; flex: 0 0 100% !important;  max-width: 100% !important; }
.structural-inner .performance-txt > div:first-child { padding-right: 0;}
.structural-inner .performance-txt .box { background: transparent; padding: 0; border-radius:none;}


@media (min-width: 1025px) {
    /* .structural-inner .image-row .pic.pic-ko-01 {
        height: 719.16px;
    } */

    .structural-inner .image-row .pic.max-h550 {
        max-height: 550px;
    }

    .structural-inner .image-row .pic.max-h500 {
        max-height: 670px;
    }

    .structural-inner .image-row .pic.pic-ko-02 {
        height: 608.44px !important;
    }
    
    .structural-inner .image-row .pic.pic-ko img,
    .structural-inner .image-row .pic.pic-box img {
        object-fit: contain;
        width: 100%;
        height: 100%;
    }

    .structural-inner .performance-wrap {  
        margin-top: 40px;
    }

    .structural-inner .performance-txt > div {
        -ms-flex: 0 0 50% !important;
        flex: 0 0 50%  !important;
        max-width: 50%  !important;
    }

    .structural-inner .performance-txt > div:first-child {
        padding-right: 80px;
    }
}

@media (max-width: 670px) {
    .structural-inner .text-row.wide .text-col ul.row li:nth-of-type(odd) { width: calc(100% - 15px);}
    .structural-inner .text-row.wide .text-col ul.row li:nth-of-type(even) { width: calc(100% - 15px)}
}


.overseas-slide-wrap {max-width:1433px; margin:0 auto 100px; width:100%;}
.overseas-slide-wrap .slick-list {margin:0 -13px;}
.overseas-slide-wrap .item {padding:0 13px;}
.overseas-slide-wrap .thumb {position:relative; height:0; padding-bottom: 65.8%;/*padding-bottom:56.4%;*/ overflow:hidden;}
.overseas-slide-wrap .thumb 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:cover; /*object-fit:contain;*/ transition:0.3s;}
.overseas-slide-wrap .slick-dots {display:flex; justify-content:center; margin-top:45px;}
.overseas-slide-wrap .slick-dots li {padding:0 5px;}
.overseas-slide-wrap .slick-dots li button {width:10px; height:10px; border:0; background:#ccc; border-radius:100%; font-size:0; line-height:0;}
.overseas-slide-wrap .slick-dots li button:focus {outline:0;}
.overseas-slide-wrap .slick-dots li.slick-active button {background:#1b78ba}

.overseas-inner {background:#f8f8f8; padding:110px 0;}
.overseas-inner h3 {text-align:center; font-size:30px; line-height:1.4em; font-weight:700; margin-bottom:50px;}
.table01 table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:1px solid #000; font-size:18px; line-height:1.5em; color:#191919}
.table01 table thead th {padding:18px 5px; text-align:center; font-weight:600; background:#fff;  border-bottom:1px solid #dedede;}
.table01 table tbody td {padding:18px 20px; vertical-align:middle; text-align:center; font-weight:400; border-bottom:1px solid #c9c9c9;}
.table01 table tbody td.detail {text-align:left;}

.page-83 .table01 table colgroup col:nth-child(2) {display:none;}
.page-83 .table01 table .requester {display:none;}

.dep1-business--fc .board-wrap {display:none;}

.center-inner {background:url('../img/sub/center_bg.jpg') 50% 50% no-repeat; background-size:cover; padding:130px 0; margin-bottom:130px;}
.center-inner .inner {max-width:1280px;}
.center-inner .group {display:flex; margin-bottom:30px;}
.center-inner .group:last-child {margin-bottom:0;}
.center-inner .group .num {width:50px; font-size:18px; line-height:1.4em; color:#1b78ba;text-decoration:underline;}
.center-inner .group .cnt {flex:1 1 auto; min-width:0; width:1%; font-size:20px;line-height:1.4em; color:#f8f8f8; border-bottom:1px solid rgba(255,255,255,.30); padding-bottom:30px; letter-spacing:-.05em;}


.careers-inner .group {background:#f8f8f8; margin-bottom:110px; padding:55px 155px;}
.careers-inner .group:last-child {margin-bottom:0;}
.careers-inner .group .title {font-size:30px; line-height:1.4em; color:#000; font-weight:700; margin-bottom:50px; position:relative; padding-left:77px;} 
.careers-inner .group .title:before {content:"";position:absolute; top:0; left:0; width:42px; height:42px; background-repeat:no-repeat; background-size:contain; background-position:50% 50%;}
.careers-inner .group .info {padding-left:77px; font-size:18px;line-height:1.5em; color:#191919;}
.careers-inner .group:nth-child(1) .title:before {background-image:url('../img/sub/careers_ico1.png');}
.careers-inner .group dl {display:flex; margin-bottom:10px;}
.careers-inner .group dl:last-child {margin-bottom:0;}
.careers-inner .group dl dt {width:233px; font-size:20px; line-height:1.4em; font-weight:600;}
.careers-inner .group dl dd {flex:1 1 auto; min-width:0; width:1%;}
.careers-inner .group:nth-child(2) {background:#fff;}
.careers-inner .group:nth-child(2) .title:before {background-image:url('../img/sub/careers_ico2.png');}
.careers-inner .group:nth-child(3) .title:before {background-image:url('../img/sub/careers_ico3.png');}
.careers-inner .group:nth-child(4) .title:before {background-image:url('../img/sub/careers_ico4.png');}
.careers-inner .group:nth-child(4) .info {padding-left:40px;}
.careers-inner .group:nth-child(4) dl dt {width:90px; margin-right:64px; text-align:right;}


/* board */
/* 검색 */
.board-search {margin-bottom:18px; margin-top:-65px; display:flex; align-items:flex-end; justify-content: space-between;}
.board-search form {order:2;  position:relative;}
.board-search .input {width:341px; height:44px;background:#f8f8f8;  border:1px solid #dcdcdc; padding:0 15px; font-size:18px;line-height:1.4em;}
.board-search .bt-search {position:absolute; top:0; right:15px; width:21px; height:100%; font-size:0; line-height:0; background:url('/html/_skin/img/bbs/btn_search.png') 50% 50% no-repeat; border:0;}

.board-total {font-size:14px; line-height:1.3em; color:#191919;font-weight:400; order:1;}
@media (min-width: 991px) {
    .board-total {font-size: 16px;}
}


.board-table table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:1px solid #051020;}
.board-table table thead th {padding:18px 5px; text-align:center; font-weight:700; background:#fff; color:#191919; font-size:20px; line-height:1.5em;  font-weight:400;border-bottom:1px solid #cdcfd2;}
.board-table table tbody td {padding:18px 20px; vertical-align:middle; text-align:center; color:#191919; font-weight:400; font-size:18px; line-height:1.5em; border-bottom:1px solid #cdcfd2; border-top:0;}
.board-table table tbody td a {display:inline-block; font-size:20px ;line-height:1.4em;padding-right:10px;}
.board-table table tbody td img {vertical-align:middle; display:inline-block;}
.board-table table tbody td.board-subject--fc {color:#191919; text-align:left;}
.board-table table tbody tr.notice td.board-num--fc {opacity:1;}
.board-table table tbody tr.notice td.board-subject--fc {font-weight:700;}
.board-table table tbody tr .notice-txt {display:inline-block; padding:0 10px; border:1px solid #155cc0; color:#155cc0; font-weight:400;}
.board-table table tbody td.name {opacity:.80;}

.board-view {border-top:1px solid #151515;}
.board-view .head {border-bottom:1px solid #e0e0e0; padding:50px 20px; text-align:center;}
.board-view .head .title {font-size:26px ;line-height:1.4em; color:#1a1a1a; font-weight:700; margin-bottom:20px;}
.board-view .head .date {font-size:18px;line-height:1.4em; color:#1a1a1a; opacity:.80; display:flex; align-items:center; justify-content:center;}
.board-view .head .date p {padding:0 10px; position:relative;}
.board-view .head .date p:after {content:""; position:absolute; top:50%; left:0; width:1px; height:14px; background:#ddd; margin-top:-7px;}
.board-view .head .date p:first-child:after {display:none;}
.board-view .body {border-bottom:1px solid #e0e0e0; padding:50px 20px; font-size:18px; line-height:1.5em;}
.board-view .file {border-bottom:1px solid #e0e0e0;}
.board-view .file ul li {padding:20px 0; margin-bottom:10px;}
.board-view .file ul li:last-child {margin-bottom:0;}
.board-view .file ul li a {display:inline-block; color:#1a1a1a; font-size:18px;line-height:1.4em;}

.prev-next-inner {border-top:1px solid #151515; border-bottom:1px solid #151515;}
.prev-next-inner ul li {border-bottom:1px solid #e0e0e0; display:flex; align-items:center; font-size:18px; line-height:1.4em; padding:20px 0; color:#151515;}
.prev-next-inner ul li:last-child {margin-bottom:0;}
.prev-next-inner ul li .tit {width:100px; position:relative; text-align:right; font-weight:700; margin-right:50px;}
.prev-next-inner ul li .tit:before {content:""; position:absolute; top:50%; left:28px;  width:10px; height:10px; border-right:2px solid #000; border-bottom:2px solid #000;}
.prev-next-inner ul li.prev .tit:before{transform:translateY(-35%) rotate(-135deg);}
.prev-next-inner ul li.next .tit:before{transform:translateY(-75%) rotate(45deg);}
.prev-next-inner ul li .cnt {flex:1 1 auto; min-width:0; width:1%;}
.prev-next-inner ul li .cnt a {font-size:18px; line-height:1.4em; color:#151515; opacity:.80;}
.prev-next-inner ul li .date {opacity:.80; width:160px; text-align:center;}
.prev-next-inner ul li .hit {opacity:.80; width:80px; text-align:center;}


.cert-list ul {display:flex; flex-wrap:wrap; margin:0 -10px;}
.cert-list li {width:25%; padding:0 10px; margin-bottom:80px; text-align:center;}
.cert-list li a {display:block;}
.cert-list li .photo {background:#f8f8f8 url('../img/sub/noimg.jpg') 50% 50% no-repeat; padding:27px 72px; margin-bottom:20px;}
.cert-list li .thumb {position:relative; height:0; padding-bottom:141.2%; overflow:hidden;}
.cert-list li .thumb img {position:absolute; top:50%; left:0; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.cert-list li .tit {font-size:18px; line-height:1.4em;}
.cert-list li a:hover .thumb img {transform:translateY(-50%) scale(1.04,1.04); -ms-transform:translateY(-50%) scale(1.04,1.04); -webkit-transform:translateY(-50%) scale(1.04,1.04); opacity:.8;}

.full-photo .cert-list li .photo { padding: 0 !important;}
.full-photo .cert-list li .photo .thumb { width: 100%; aspect-ratio: 424 / 600;  height: auto;  padding-bottom: 0; }

.page-88 .cert-list .photo {padding:0;}
.page-88 .cert-list .thumb {padding-bottom:65.8%;}

.board-wrap--fc .btn-write-wrap--fc {margin:40px 0 0;}


.board-paging ol li a {position:relative;}
.board-paging ol li a:after {content:"";position:absolute; bottom:0; left:50%; margin-left:-5px; width:10px; height:3px; background:#1b78ba; opacity:0;}
.board-paging ol li.on a {color:#1b78ba; background:#fff; border:0;}
.board-paging ol li.on a:after {opacity:1;}

.white-popup {max-width:544px; padding:40px 0 0 0;background:transparent;}
.white-popup .title {display:none;}
.showroom-box .slider .slick-list .slick-slide > p {position:relative; height:0; padding-bottom:141.2%; overflow:hidden;}
.showroom-box .slider .slick-list .slick-slide > p 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;}
.showroom-box .slider .slick-list .slick-slide figcaption {margin-top:15px;}
.showroom-box .slider .slick-list .slick-slide figcaption  p {color:#fff; font-size:24px; line-height:1.4em; font-weight:600;}
.white-popup .slider-nav-thumbnails {display:none;}
.mfp-close-btn-in .mfp-close {right:0; top:-10px; width:38px; height:38px; font-size:0; line-height:0; background:url('../img/bbs/pop_close.png') 50% 50% no-repeat; background-size:contain; opacity:1;}

.required {color:#df043e;}
.mailform-txt {text-align:right; margin-bottom:20px; font-size:18px ;line-height:1.4em; opacity:.80;}

.mailform {padding-top:40px; border-top:1px solid #000;}
.mailform .group {margin:0 -25px 20px; display:flex;}
.mailform .group .p-col {width:50%; padding:0 25px; display:flex; align-items:center;}
.mailform .group .tit {width:180px;}
.mailform .group .info {flex:1 1 auto; min-width:0; width:1%;}
.mailform .group.wide {display:block; margin:0 0 20px;}
.mailform .group.wide .p-col {width:100%; padding:0;}
.mailform .tit {color:#000; font-weight:600; font-size:20px; line-height:1.4em;}
.mailform .input {width:100%; height:60px; background:#f8f8f8; border:0; font-size:18px; line-height:1.4em; color:#000;}
.mailform textarea.input {width:100%; height:216px; border:0; font-size:18px; line-height:1.4em; padding:20px;}
.mailform .privacy_box--fc {height:90px; background:#fff; border:1px solid #dcdcdc; padding:20px; border-radius:5px; overflow:auto; font-size:18px;line-height:1.3em; color:#000; margin-bottom:15px; }
.mailform .privacy_box--fc pre {font-family:'Pretendard',sans-serif;}
.mailform .captcha_box--fc {display:flex; align-items:center; margin-top:0;}
.mailform .captcha_box--fc a {border:0; width:37px; height:37px; margin:0 20px; padding:0; background:url('../img/bbs/reload.png') 50% 50% no-repeat; background-size:contain;}
.mailform .captcha_box--fc a img {display:none;}
.mailform .captcha_box--fc input {border:0; background:#f8f8f8; font-size:18px; line-height:1.4em; height:50px; max-width:284px; width:100%;}

.privacy_txt--fc {display:inline-block; position:relative; vertical-align:middle; margin-top:-.2em;}
.privacy_txt--fc input {position:absolute; top:0; left:0; width:0; height:0; border:0; opacity:0; z-index:-1;}
.privacy_txt--fc label {display:inline-block;}
.privacy_txt--fc input[type="checkbox"] + label {color:#111; font-size:18px; line-height:1.4em; font-weight:600;}
.privacy_txt--fc input + label:before {content:""; display:inline-block; vertical-align:middle; margin:-.1em 8px 0 0; width:20px; height:20px; border-radius:100%; border:2px solid #dcdcdc; background-color:#fff; background-repeat:no-repeat; background-position:50% 50%;}
.privacy_txt--fc input:checked + label:before {margin:-.1em 8px 0 0;color:red; background:#fff;}

.form-btns {text-align:center; margin-top:40px;}
.form-btns a {display:inline-block; vertical-align:top; width:204px; height:64px; background:#1b78ba; border-radius:10px; color:#fff; font-size:20px ;line-height:64px; padding:0 20px; font-weight:600;}

.board-paging {margin:40px 0;}

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

.btn-pack {display:inline-block;overflow:visible;position:relative;margin:0;padding:0 10px;background:#f2f2f2;color:#000;border:1px solid #dcdcdc;text-align:center;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.focus {background:#155cc0; border:1px solid #155cc0; color:#fff; }
.btn-pack.gray {background:#f8f8f8; color:#dcdcdc;}
.btn-pack.small {height:34px;padding:0 14px;line-height:32px;font-size:14px;}
.btn-pack.medium {height:40px;padding:0 20px;line-height:38px;font-size:16px;}
.btn-pack.xlarge {min-width:160px; height:52px;padding:0 35px;line-height:50px;font-size:18px; font-weight:700;}