@charset "utf-8";

/* ==========================================================================
   Detail(좌우 그리드) 요소
   ========================================================================== */
.list_type1 li{border-bottom:1px solid #0e0e0e}
/*.list_type1 li:last-child{border-bottom:0}*/
.list_type1 li.open .btn_article{background:url('../images/common/arw2.png') no-repeat calc(100% - 15px) center; background-size:64px auto;}
.list_type1 li a{display:table; width:100%; box-sizing:border-box;}
.list_type1 li .thumb,
.list_type1 li .title{display:table-cell; vertical-align:middle;}
.list_type1 li .thumb{display: none; width: 74px; height: 64px; border-right: 2px solid #0e0e0e;}
.list_type1 li .thumb img{width:100%; height:100%; object-fit:cover}
.list_type1 li .title{font-size: 30px; font-weight:100; color:#000; line-height: 58px; letter-spacing:-0.3px; padding: 0 20px 4px;}
.list_type1 li .title{display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 1;}
.list_type1 li .title span .date{display: none;}
.list_type1 li .title span .type{display: none;}
.list_type1 li:hover .btn_article,
.list_type1 li.open .btn_article{background: #00ffff}
.list_type1 li .ct_article{display:none;}
.list_type1 li .ct_article{border-top:1px solid #0e0e0e}
.overlay_menu .list_type1 li:last-child{border-bottom:1px solid #0e0e0e}
.overlay_menu .list_type1 .ct_article{display:none;}

/*그리드모드*/
.grid_mode li .thumb{display:table-cell;}
.list_type1.view_works{display: none;}
.list_type1.view_list{display: block}


.list_type1.view_thumb{display: block}
.list_type1.view_thumb li{aspect-ratio: 318 / 244; overflow: hidden; border: 0 !important;}
.list_type1.view_thumb li .btn_article{display: block; width: 100%; height: 100%; border: 0 !important;}
.list_type1.view_thumb li a{position: relative; display: block; width: 100%; height: 100%; overflow: hidden; border: 0 !important;}
.list_type1.view_thumb li .thumb{display: block; width: 100%; height: 100%; border: 0 !important;}
.list_type1.view_thumb li .thumb{background:#f2f2f2;}
.list_type1.view_thumb li .thumb img{opacity:0; transition:opacity .3s ease;}
.list_type1.view_thumb li .thumb img.is-loaded{opacity:1;}

.list_type1.view_thumb li .title{position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: flex; align-items: flex-end; padding: 0; opacity: 0; background-color: rgba(0,0,0,0.5); color: #fff; transition: opacity ease-out .5s}
.list_type1.view_thumb li a:hover .title{opacity: 1;}
.list_type1.view_thumb li .title span{display: flex; justify-content: center; width: 100%; text-align: center; border-top: 2px solid #fff; font-size: 14px; font-weight: 400; line-height: 1.4; padding: 12px 5px;}
.list_type1.view_thumb li .title span{}
.list_type1.view_thumb li .title span .date{/* display: block; */}
.list_type1.view_thumb li .title span .type{/* display: block; */}
.list_type1.view_thumb li .title span em + em{}
.list_type1.view_thumb li .title span em + em:before{content: "/"; margin: 0 0.5em;}

#left_panel{container-name: div-container; container-type: inline-size;}
.list_type1.view_thumb > ul{display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(auto-fill, minmax(50px, auto)); gap: 1px; background-color: #0f0f0f}
.list_type1.view_thumb li a{position: relative; display: block}
/*.list_type1.view_thumb li a:before{content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #0f0f0f;}*/
/*.list_type1.view_thumb li a:after{content: ""; position: absolute; right: 0; width: 1px; top: 0; bottom: 0; background-color: #0f0f0f;}*/
.list_type1.view_thumb li:nth-child(4n) a:after{display: none;}
@container div-container (max-width: 1200px) {
   .list_type1.view_thumb li a:after{display: block !important;}
   .list_type1.view_thumb li:nth-child(4n) a:after{display: none !important;}
}
@container div-container (max-width: 960px) {
   .list_type1.view_thumb > ul{grid-template-columns: repeat(3, 1fr);}
   .list_type1.view_thumb li a:after{display: block !important;}
   .list_type1.view_thumb li:nth-child(4n) a:after{display: block !important;}
   .list_type1.view_thumb li:nth-child(3n) a:after{display: none !important;}
}
@container div-container (max-width: 860px) {
   .list_type1.view_thumb > ul{grid-template-columns: repeat(2, 1fr);}
   .list_type1.view_thumb li a:after{display: block !important;}
   .list_type1.view_thumb li:nth-child(4n) a:after{display: block !important;}
   .list_type1.view_thumb li:nth-child(3n) a:after{display: block !important;}
   .list_type1.view_thumb li:nth-child(2n) a:after{display: none !important;}
}
@container div-container (max-width: 640px) {
   .list_type1.view_thumb li .title span{font-size: 13px; padding: 8px 5px;}
}
@container div-container (max-width: 400px) {
   /*.list_type1.view_thumb > ul{grid-template-columns: 1fr;}*/
   /*.list_type1.view_thumb li:nth-child(3n) a:after,*/
   /*.list_type1.view_thumb li a::after{display: none !important;}*/
}


.list_type2{background-color: #0f0f0f}
.list_type2 li{position: relative; float:left; width:50%; border-bottom: 1px solid #010101; box-sizing:border-box;}
.list_type2 li:nth-child(odd):after{content: ""; position:absolute; right: 0; top:0; display: block; width: 1px; height: 100%; background-color: #010101;}
/* .list_type2 li:nth-child(odd){border-right: 1px solid #010101;}
.list_type2 li:nth-child(even){border-left: 1px solid transparent;} */
.list_type2 li:nth-child(1),
.list_type2 li:nth-child(2){border-top:0}
.list_type2 li a{display:block; position:relative;}
.list_type2 li .thumb{position:relative; width:100%; background-repeat:no-repeat; background-position:center; background-size:cover}
.list_type2 li .thumb:after{content: ""; display: block; padding-bottom:76.7%}
.list_type2 .overlay_thumb{position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.6); opacity:0; transition:opacity ease-out .5s}
.list_type2 .thumb.fade-bg{opacity: 0; transition: opacity .3s ease;}
.list_type2 .thumb.fade-bg.is-loaded{opacity: 1;}


.list_type2 .overlay_thumb .inner_ov1{position:relative; width:100%; height:100%}
.list_type2 .overlay_thumb .wrap_info_work{position:absolute; left:0; bottom:0; width:100%}
.list_type2 .overlay_thumb .wrap_info_work .info_work{position:relative; font-size:16px; font-weight:400; color:#fff; line-height:53px; padding:0 15px; border-top:2px solid #fff; background:url('../images/common/arw1.png') no-repeat calc(100% - 13px) center; background-size:29px auto; box-sizing:border-box;}
.list_type2 .overlay_thumb .wrap_info_work .info_work span{display:inline-block; position:relative; top:-1px; width:33px; font-size:12px; text-align:center}
.list_type2 li a:hover .overlay_thumb{opacity:1}

.detail_type1 img{width:100%; max-width:100%}
.detail_type1 span{display:inline-block; padding: 0 30px}
.detail_type1 p{padding: 0 17px; font-size: 20px; font-weight: 500; color:#000; line-height: 34px; letter-spacing:-0.5px; word-break: break-all}
.detail_type1 p.image{padding:0;}
.detail_type1 p span{padding:0}
.detail_type1 p:last-child{padding-bottom:30px}
.detail_type1 p.image:last-child{padding-bottom:0}

/* ==========================================================================
   TAG 포트폴리오 리스트
   ========================================================================== */
/*#pf_list{min-height:495px}*/
#pf_list{
   background-color: #222;
   > ul{padding-left:1px}
   & li{position:relative; float:left; width:calc(25% - 1px); aspect-ratio: 318 / 244; margin-right:1px; margin-bottom:1px; overflow:hidden; background-repeat:no-repeat; background-position:center; background-size:cover}
   /*& li:after{content: ""; display: block; padding-bottom:67%;}*/
   /*& li:nth-child(4n-3){background-color:#4a7b83}
   & li:nth-child(4n-2){background-color:#69676a}
   & li:nth-child(4n-1){background-color:#c7a069}
   & li:nth-child(4n+0){background-color:#a67750}*/
   & li .pf_layer{position:absolute; bottom: 0; left:0; width:100%; height:100%; background:rgba(0,0,0,.6); opacity:0; transition:opacity ease-out .5s; box-sizing:border-box;}
   & li:hover .pf_layer,
   & li.on .pf_layer{opacity:1;}
   & li .pf_layer .inner{position:relative; width:100%; height:100%; background:url('../img/common/pf_line2.png') no-repeat center; background-size:auto 21px}
   & li .pf_layer .pf_text{position: absolute; bottom: 0; width:100%;}
   & li .pf_layer .pf_text .title{position:relative; font-size: 14px; font-weight:400; color:#fff; line-height:53px; padding:0 15px; border-top: 1px solid #fff;/* background:url('../images/common/arw1.png') no-repeat calc(100% - 13px) center; background-size:29px auto;*/ box-sizing:border-box;}
   & li .pf_layer .pf_text .title span{display:inline-block; position:relative; top:-1px; width:22px; font-size: 11px; text-align:center}




   @media (width <= 1024px) {
      min-height: 0;
      & li a{position:absolute; bottom:0; left:0; width:100%; height:100%; padding:0 20px; box-sizing:border-box}
      & li .pf_layer{display:none}
   }

   @media (width <= 768px) {
      > ul{display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; padding: 0;}
      > ul.clearfix::before,
      > ul.clearfix::after{display: none;}
      > ul > li{float: none; width: 100%; margin: 0; box-sizing: border-box;}
   }
}






/* ==========================================================================
   REQUEST
   ========================================================================== */
input[type="checkbox"].hm-checkbox{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0} /*체크박스 없애기*/
.request input[type="checkbox"].hm-checkbox + label{display: block; height: 36px; padding-left: 53px; background:url('../images/common/cb1_1.png?240719') no-repeat 0 center; background-size: auto 100%; box-sizing:border-box; cursor:pointer; user-select: none}  /*체크 전*/
.request input[type="checkbox"].hm-checkbox + label span{position:relative; font-size: 28px; font-weight:100; color:#000; line-height: 36px; letter-spacing:-0.3px; text-transform: uppercase}  /*체크박스 텍스트 STYLE*/
.request input[type="checkbox"].hm-checkbox + label span{display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 1;}

.request input[type="checkbox"].hm-checkbox + label span strong{font-weight:100}
.request input[type="checkbox"].hm-checkbox + label .txt-ko{display: none;}
/*.request input[type="checkbox"].hm-checkbox + label:hover .txt-en{display: none;}*/
/*.request input[type="checkbox"].hm-checkbox + label:hover .txt-ko{display: inline;}*/

.request input[type="checkbox"].hm-checkbox:checked + label{background-image:url('../images/common/cb1_2.png?240719')}
.request .cb_type1{display: flex; justify-content: flex-start; align-items: center; height: 64px; text-align:center; padding: 0 20px; border-top: 1px solid #000; border-bottom: 1px solid #000; background-color:#fff}
.request .cb_type1 input[type="checkbox"].hm-checkbox + label{height: 30px; padding-left: 34px; background:url('../images/common/cb2_1.png?240719') no-repeat 0 calc(50% + 1px); background-size: 24px auto;}  /*체크 전*/
.request .cb_type1 input[type="checkbox"].hm-checkbox + label span{display:inline-block; position:relative; top:0; font-size: 20px; font-weight: 500; color:#000; line-height: 30px;}  /*체크박스 텍스트 STYLE*/
.request .cb_type1 input[type="checkbox"].hm-checkbox:checked + label{background-image:url('../images/common/cb2_2.png?240719')}
.request .cb_type1 .btn-view{font-size: 17px; font-weight: bold; color: #0e0e0e; text-decoration: underline; margin-left: 8px; cursor: pointer;}
.request input[type="text"]{display:block; position:relative; width: 100%; height: 66px; font-size: 28px; font-weight: 500; color:#000; line-height: 58px; letter-spacing:-0.3px; padding: 0 52px 0 17px; border: 0; border-top: 1px solid #000; background-color:#fff;}
/* .request .bd01 input[type="text"]{border-top: 2px solid #222;} */
.request textarea{display:block; position:relative; width:100%; height: 320px; font-size: 20px; font-weight:bold; line-height: 30px; color:#000;  letter-spacing:-0.3px; padding: 12px 52px 12px 17px; border-top: 1px solid #000; border-left: 0; border-right: 0; border-bottom:0; background-color:#fff; overflow-y:auto}
.request textarea::-webkit-scrollbar{display: none}
.request textarea.ht1{height:205px}
.request input[type="text"]::-webkit-input-placeholder,
.request textarea::-webkit-input-placeholder{font-size: 28px; font-weight:100; color:#999}
.request select{display: block; width: 100%; height: 66px; font-size: 36px; font-weight:bold; color:#000; line-height: 58px; letter-spacing: -0.3px; padding: 0 52px 0 17px; border: 0; border-top: 2px solid #000; background: #fff url('../images/common/arw3.png') no-repeat calc(100% - 18px) center; background-size: 23px auto;}
.request select option{font-size: 18px; font-weight: bold; color: #fff; background-color: #000;}
/* .request select optgroup{font-size: 18px; font-weight: bold; color: #fff; background-color: #000;}  */
.request select:required:invalid{font-weight: 100; color:#999}
.request .refer-desc{display:flex; align-items: center; position:relative; width: 100%; min-height: 66px; letter-spacing:-0.3px; padding: 10px 17px; border: 0; border-top: 1px solid #000; background-color:#fff;}
.request .refer-desc p{font-size: 16px; font-weight: 400; color:#000; line-height: 24px; padding-left: 20px; text-indent: -20px}

/*드롭다운*/
.request .select-dropdown{position:relative;}
.request .btn-dropdown{position:relative; display: block; width: 100%; height: 66px; font-size: 28px; font-weight: 100; color:#999; line-height: 58px; letter-spacing: -0.3px; padding: 0 52px 0 17px; border: 0; border-top: 1px solid #000; border-bottom: 1px solid #000; background-color:#fff; box-sizing: border-box; cursor: default;  z-index: 10}
.request .btn-dropdown.bd0{border-bottom: 0}
.request .btn-dropdown span{display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 1;}
.request .btn-dropdown:after{content: ""; position:absolute; top: calc(50% - 7px); right: 18px; width: 23px; height: 14px; display: block; background: url('../images/common/arw3.png') no-repeat 0 0; background-size: 100% auto;}
.request .btn-dropdown.active{font-weight: 500; color:#000;}
.request .btn-dropdown.active:after{transform: rotate(180deg);}
.request .list-option{position:absolute; top: 66px; left: 0; width: 100%; max-height: 0; background-color: #fff; overflow:hidden; z-index:12}
.request .list-option.list-up{top: auto; bottom: 66px;}
.request .list-option .inner-option{padding: 6px 0; border-top: 1px solid #000; border-bottom: 1px solid #000;}
.request .select-dropdown .list-option.active{max-height: 320px}
/* .request .select-dropdown:hover .list-option{max-height: 300px} */
.request .item-option{font-size: 18px; font-weight: bold; color: #000; line-height: 32px; padding: 0 18px; background-color: #fff; cursor: pointer;}
.request .item-option:hover{background-color:#00ffff}


.request .file_input label {display:block; float:right; ; position:relative; width: 90px; height: 66px; border: 0; border-top: 1px solid #000; border-left: 1px solid #000; background:#fff url('../images/common/ico_glass1.png') no-repeat center; background-size: 32px auto; text-align:center;  box-sizing:border-box}
.request .file_input label input {position:absolute; width:0; height:0; overflow:hidden;}
.request .file_input input[type=text]{display:block; float:left; width: calc(100% - 90px);}
.request .spam_image span{display:block; float:right; ; position:relative; width: 90px; height: 66px;  overflow:hidden; background-color:#000; box-sizing: border-box;}
.request .spam_image span img{width:100%; height:100%; object-fit:cover; }
.request .spam_image input[type=text]{display:block; float:left; width: calc(100% - 90px);}
.request textarea.terms{height: 196px; font-size:16px; font-weight:bold; line-height:34px; padding: 12px 36px}
.request .req::after{content:"*"; display:block; position:absolute; right: 36px; top: 27px; font-size: 18px; font-weight:bold; color:#000; letter-spacing:-0.25px; z-index: 10}
.request .req:has(.select-dropdown)::after{right: 64px}
.request .req.in_req::after{content:""}
.request .req1::after{content:"*"; display:block; position:absolute; right: 126px; top: 27px; font-size: 18px; font-weight:bold; color:#000; letter-spacing:-0.25px}
.request .req1.in_req::after{content:""}
.request .sc_title{display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; height: 130px; padding: 0; box-sizing: border-box;}
.request .sc_title.bd01{border-top:1px solid #0e0e0e;}
.request .sc_title .circle{margin-bottom: 9px;}
.request .sc_title .circle img{width: 50px}
.request .sc_title p{font-size: 16px; font-weight:400; color:#000; line-height:24px; letter-spacing:-0.3px; margin-top: 4px;}
.request .sc_title .title{font-size:18px; font-weight:bold; color: #0e0e0e;}

.request .form_request1 li{position:relative; padding: 13px 17px; border-top: 1px solid #0e0e0e}
/* .request .form_request1 li:hover{background-color: #00ffff;} */
.request .form_request1 .tit_cat{height: 64px; font-size: 36px; font-weight:100; color:#000; line-height: 58px; letter-spacing:-0.3px; padding: 0 17px; border-top:2px solid #0e0e0e; box-sizing: border-box;}
.request .form_request1 .tit_cat{display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 1;}
.request .form_request1 .tit_cat span{display:inline-block; width: 48px; text-align:center; margin-right: 5px;}
.request .form_request1 li .m_bl{display:none;}
.request .form_request1 .separate{height:52px; border-top:2px solid #0e0e0e}
.request .form_request2 li{position:relative; padding:0 15px;}
.request .form_request2 li.button{margin-bottom: 40px}
.request .form_request2 li.button input[type="button"]{-webkit-appearance: button; display:flex; width:100%; justify-content: center; align-items: center; height: 130px; line-height:20px; margin:0; padding:0; font-size: 20px; font-weight:bold; color: #000; letter-spacing:-0.3px; border: 1px solid #000; background-color:#fff;  cursor: pointer; border-left: 0; border-right: 0;}
.request .form_request2 li.button input[type="button"]:hover{color: #000; background-color: #00ffff;}

.request .form_request3 li{position:relative; padding:0;}
/* .request .form_request3 li.button{margin-bottom: 40px} */
.request .form_request3 li.button input[type="button"]{-webkit-appearance: button; display:flex; width:100%; justify-content: center; align-items: center; height: 130px; line-height:20px; margin:0; padding:0; font-size: 20px; font-weight:bold; color: #000; letter-spacing:-0.3px; border: 0; background-color:#fff; cursor: pointer;}
.request .form_request3 li.button input[type="button"]:hover{color: #000; background-color: #00ffff;}

.request .form_request4{position: relative; padding: 0 0 20px;}
.request .form_request4 .tit_cat{height: 67px; font-size: 18px; font-weight: bold; color: #0e0e0e; line-height: 58px; letter-spacing:-0.3px; padding: 0 17px; border-top:1px solid #0e0e0e; border-bottom:1px solid #ddd; margin-bottom: 20px; box-sizing: border-box;}
.request .form_request4 .tit_cat,
.request .form_request4 .form-unit .tit_unit{display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 1;}
.request .form_request4 .tit_cat span{display:inline-block; width: 48px; text-align:center; margin-right: 5px;}
.request .form_request4 .form-unit{padding: 15px 0;}
.request .form_request4 .form-unit .tit_unit{font-size: 18px; font-weight: bold; color: #0e0e0e; line-height: 1.3; letter-spacing:-0.3px; padding: 0 17px; box-sizing: border-box; margin-bottom: 15px;}
.request .form_request4 .form-unit li{position:relative; padding: 11px 20px;}
.request .form_request4 .form-unit > ul input[type="checkbox"].hm-checkbox + label .txt-ko{display: inline}
.request .form_request4 .separate{height:52px; border-top:2px solid #0e0e0e}

.request .list_contact01 li{position:relative; padding:0;}
.request .list_contact01 .map_area{height: 395px; border-top:1px solid #0e0e0e;}
.request .list_contact01 .grayscale{filter: grayscale(100%);}
.request .list_contact01 #map1,
.request .list_contact01 #map2{width: 100%;; height: 100%;}
.request .list_contact01 .info-map01{border-top:1px solid #0e0e0e; color: #0e0e0e;}
.request .list_contact01 .info-map01 .row-info{display: flex; align-items: center; height: 65px; padding: 0 20px; border-bottom: 1px solid #ddd;}
.request .list_contact01 .info-map01 .row-info:last-child{border-bottom: 0;}
.request .list_contact01 .info-map01 .txt-en{font-family:'Roboto', sans-serif; font-size: 28px; font-weight: bold; margin-right: 14px;}
.request .list_contact01 .info-map01 .txt-tel{font-size: 20px; font-weight: 100;}
.request .list_contact01 .info-map01 .address{font-size:28px; font-weight:100}

.request .list_contact01 .info-map02{border-top:1px solid #0e0e0e; color: #0e0e0e;}
.request .list_contact01 .info-map02 .row-info{padding: 21px 20px 20px; border-bottom: 1px solid #ddd;}
.request .list_contact01 .info-map02 .row-info:last-child{border-bottom: 0;}
.request .list_contact01 .info-map02 .item{font-size:18px; font-weight:bold; margin-bottom: 11px;}
.request .list_contact01 .info-map02 .vl{font-size:28px; font-weight:100}



/* ==========================================================================
   CONTACT
   ========================================================================== */
.main_grid.cnt .half_grid:nth-child(1) .contact,
.main_grid.cnt .half_grid:nth-child(1) .bottom_grid{border-right:1px solid #0e0e0e}
.main_grid.cnt .half_grid:nth-child(2) .bottom_grid,
.main_grid.cnt .half_grid:nth-child(2) .contact{border-left:1px solid #0e0e0e}
.contact .info_contact .inner_sc{display:table; width:100%; table-layout:fixed}
.contact .info_contact .image,
.contact .info_contact .txt_set{display:table-cell; box-sizing:border-box;}
.contact .info_contact .image{width:50%; border-right:1px solid #0e0e0e}
.contact .info_contact .image img{width:100%}
.contact .info_contact .txt_set{text-align:center; border-left:1px solid #0e0e0e}
.contact .info_contact .txt_set .title{font-size:50px; font-weight:100; color:#000; line-height:1; letter-spacing:-0.3px}
.contact .info_contact .txt_set .address{margin-top:22px; font-size:22px; font-weight:300; color:#000; line-height:38px; letter-spacing:0; text-transform:uppercase;}

.contact .info_contact1 .inner_sc{display:table; width:100%; table-layout:fixed}
.contact .info_contact1 .image,
.contact .info_contact1 .txt_set{display:table-cell; width:50%; box-sizing:border-box;}
.contact .info_contact1 .image{position:relative; padding-bottom:71%; /*border-right:1px solid #0e0e0e*/}
.contact .info_contact1 .image img{position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover}
.contact .info_contact1 .txt_set{text-align:center; border-left:1px solid #0e0e0e}
.contact .info_contact1 .txt_set .hm_row{position:relative; padding-bottom:71%; /*border-bottom:1px solid #0e0e0e;*/ box-sizing:border-box;}
.contact .info_contact1 .txt_set .hm_row.bd1{border-bottom:0; border-top:1px solid #0e0e0e;}

.contact .info_contact1 .txt_set .inner_con{position:absolute; left:0; top:0; display:flex; flex-wrap:wrap; justify-content:center; align-items: center; flex-direction: column; width:100%; height:100%}
.contact .info_contact1 .txt_set .title{font-size:50px; font-weight:100; color:#000; line-height:1; letter-spacing:-0.3px}
.contact .info_contact1 .txt_set .address{font-size:22px; font-weight:300; color:#000; line-height:38px; letter-spacing:0; text-transform:uppercase;}
.contact .bt_txt{font-family:'Roboto', sans-serif; font-size:16px; font-weight:500; color:#030000; padding:20px 15px 19px; border-top:1px solid #010101; letter-spacing:0.3px}

.btn_contact a{display: flex; justify-content: center; align-items: center; height: 171px; font-size:50px; font-weight:100; color:#000; text-align:center; border-top:1px solid #010101; letter-spacing:0.3px; background-color: #fff; box-sizing: border-box;}
.btn_contact a:hover{background-color: #00ffff;}