@charset "utf-8";

/* font */
@import url('https://fonts.cdnfonts.com/css/edo');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

@font-face {
    font-family:"SCoreDreamLight";
    src: url("../fonts/SCDream3.eot");
    src: url("../fonts/SCDream3.eot?#iefix") format("embedded-opentype"),
         url("../fonts/SCDream3.ttf") format("truetype"),
         url("../fonts/SCDream3.woff") format("woff"),
         url("../fonts/SCDream3.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:"SCoreDreamRegular";
    src: url("../fonts/SCDream4.eot");
    src: url("../fonts/SCDream4.eot?#iefix") format("embedded-opentype"),
         url("../fonts/SCDream4.ttf") format("truetype"),
         url("../fonts/SCDream4.woff") format("woff"),
         url("../fonts/SCDream4.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
    transform: skew(-0.001deg);
}
@font-face {
    font-family:"SCoreDreamMedium";
    src: url("../fonts/SCDream5.eot");
    src: url("../fonts/SCDream5.eot?#iefix") format("embedded-opentype"),
         url("../fonts/SCDream5.ttf") format("truetype"),
         url("../fonts/SCDream5.woff") format("woff"),
         url("../fonts/SCDream5.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
    transform: skew(-0.001deg);
}
@font-face {
    font-family:"SCoreDreamBold";
    src: url("../fonts/SCDream6.eot");
    src: url("../fonts/SCDream6.eot?#iefix") format("embedded-opentype"),
         url("../fonts/SCDream6.ttf") format("truetype"),
         url("../fonts/SCDream6.woff") format("woff"),
         url("../fonts/SCDream6.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}


/* reset */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,
sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,
figcaption,figure,footer,header,menu,nav,section,summary,time,mark,audio,video {margin:0; padding:0; box-sizing:border-box}
html {-webkit-text-size-adjust:none}
body {margin:0; padding:0; font-family:'SCoreDreamRegular','sans-serif'; font-size:13px; color:#000; line-height:1.4; letter-spacing:-0.03em; box-sizing:border-box}
address, em {font-style:normal}
i, em, u, cite {font-style:normal}
strong, b {font-family:'SCoreDreamMedium','sans-serif'; font-weight:normal;}
fieldset, img {border:0; vertical-align:middle}
img {max-width:100%; width:auto}
caption, legend {overflow:hidden; width:0; height:0; font-size:0; line-height:0}
ul,ol,dl,dt,dd,li {list-style:none}
h1, h2, h3, h4, h5, h6 {font-family:'SCoreDreamMedium','sans-serif'; font-weight:normal;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display:block}
a {color:inherit; text-decoration:none}
input, select, textarea {font-family:'SCoreDreamRegular','sans-serif'; vertical-align:middle; -webkit-box-sizing:border-box; box-sizing:border-box; color:#666; font-size:14px; -webkit-box-shadow:none; box-shadow:none; border-radius:0}
input[type=text] { -webkit-appearance: none; -moz-appearance:none; appearance:none; }
button {cursor:pointer; outline:none; overflow:visible; margin:0; padding:0; border:none; background-color:transparent; font-family:'SCoreDreamRegular','sans-serif'; vertical-align:middle}
button::-moz-focus-inner {margin:0;padding:0;border:0}
button,input[type="submit"], input[type="button"], input[type="reset"] {cursor:pointer; border:0}
figcaption {position:absolute; overflow:hidden; width:0; height:0; font-size:0; line-height:0}
legend {overflow:hidden; width:0; height:0; font-size:0; line-height:0}
textarea { -webkit-box-sizing:border-box; box-sizing:border-box; width:100%; height:63px; padding:8px; border:1px solid #ccc; font-size:14px; line-height:18px; overflow-y:auto; resize:none; color:#000}
table {width:100%; table-layout:fixed}
table, th, td {border-spacing:0; border-collapse:collapse; word-wrap:break-word}
input {padding:0; margin:0; -webkit-box-sizing:border-box; box-sizing:border-box; width:100%; padding:0; font-family:'SCoreDreamRegular', sans-serif; border:1px solid #ccc; color:#000; border:none; -webkit-appearance:none} 
input[type="file"] {display:inline-block; height:38px; border:1px solid #666; line-height:38px; -webkit-box-sizing:border-box; box-sizing:border-box}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance:none;margin:0} /* input number reset*/
input[type="text"]::-ms-clear {display:none;}
input[disabled] {background:#fff;}
*::-webkit-input-placeholder {color:#ababab}
*:-moz-placeholder {color:#ababab} /* FF 4-18 */
*::-moz-placeholder {color:#ababab} /* FF 19+ */
*:-ms-input-placeholder {color:#ababab} /* IE 10+ */
button {border-radius: 4px;}
a { cursor: pointer;}

/*간격 */
.mgt10{margin-top: 10px;}
.mgt20{margin-top: 20px;}
.mgt30{margin-top: 30px;}
.mgb100{margin-bottom: 100px !important;}

/*컬러 팔레트*/
.fc_turquoise { color:#215871 !important;}
.fc_red { color: #f00 !important;}
.fc_yellow {color: #ffc000 !important;}
.fc_orange {color: #f66b20 !important;}
.impct { color: #f00; font-family:"SCoreDreamMedium"  }

/*기타*/
.blind {display: none;}

/* layout */
.warp { width: 100%; position: relative; overflow: hidden; word-break: keep-all; }
.mcontwrp { margin: 50px 0 0 0;}
.inner { max-width:1200px; margin: 0 auto; position: relative;}
.btnbx { width: 100%; display: flex; align-items: center; justify-content: center; gap: 30px;}

/*메인*/
.pgtop { width: 100%; text-align: center; padding-bottom: 80px;}
.pgtop {  background: url(../images/bg_main.jpg) no-repeat center center; background-size: cover; object-fit: cover; z-index: 100;}

.pgtop.main header { display:flex;justify-content: space-between; align-items: center; background:black; border-bottom: none;}
.pgtop.main header .logo { z-index: 200 ; width: 170px; margin-left: 40px; display: flex; gap: 30px;} 
.pgtop.main header .logo span {display: none; z-index: 1000;}
.pgtop.main header .imenu { font-size: 17px; color: #fff; margin-left: 100px; } 
.pgtop.main header .imenu ul li { display: inline; padding: 0 24px 0 0 ; font-family:"SCoreDreamLight" ;}
.pgtop.main header .imenu ul li a { display: inline-block; padding: 5px;}
.pgtop.main header .qbt { display: flex; justify-content: center; align-items: center; }
.pgtop.main header .qbt .qtbx { background: #0096ff;display: flex; align-items: center;justify-content: center;}
.pgtop.main header .qbt .qtbx a { display: inline-block; padding: 0 30px; display: flex; align-items: center; justify-content: center; font-size: 15px; color: #fff; height: 70px; }
.pgtop.main header .qbt .qtbx a.qrt01 { background: #ff535a; }
.pgtop.main header .qbt .qtbx a.qrt02 { background:url(../images/ico_ph.png) no-repeat 20px center #aa1e23; padding-left: 60px;}

.pgtop .main_ban { padding-top: 140px; position: relative !important; } 
.pgtop .main_ban .mban_txt { margin: 0 auto; position: relative; display: block; color: #fff }
.pgtop .main_ban .mban_txt .bantx01 { font-size: 80px; text-shadow: 4px 4px 4px #444; margin-top: 40px; position: relative;font-family: 'Edo', sans-serif; }
.pgtop .main_ban .mban_txt .bantx02 { font-size: 30px; text-shadow: 4px 4px 4px #444; margin-top: 20px; margin-bottom: 80px; color: #cbcbcb;}
.pgtop .main_ban .mban_txt .whbx {height: 4px; width: 20px; background: #fff; position: relative; margin: 0 auto;} 
.pgtop .main_ban .ico { display: flex; gap: 120px; justify-content: center; align-items: center; margin-top: 80px;}
.pgtop .main_ban .ico .icbx { width: 120px; height: 120px; color: #fff;}
.pgtop .main_ban .ico .icbx p {font-size: 36px; font-family:"SCoreDreamMedium";}

.sclbx { margin-top: 80px;}
.mouse_scroll { position: relative; text-align: center; } 
.mouse_scroll p { font-size: 17px; margin: 20px 0 0; color: #999;}

.mouse { display: block; width: 33px; height: 46px; border: 2px solid #999; border-radius: 23px; margin: 0 auto; } 
.mouse::after { content:''; display: block; position: relative; width: 2px; height: 8px; margin: 5px auto; background: #999; animation: mouse-pulse 1.2s ease infinite; } 
.dowm_arrow {margin-top: 16px;}
.dowm_arrow span { display: block; position: relative; left: 50%; width: 8px; height: 8px; margin-bottom: 2px; margin-left: -2px; border-right: 2px solid #999; border-bottom: 2px solid #999; transform: rotate(45deg) translateX(-50%); animation: fade-arrow 1s infinite; } 
.dowm_arrow2:nth-of-type(2) { animation-delay: .2s; animation-direction: alternate; } 
.dowm_arrow3:nth-of-type(3) { animation-delay: .3s; animation-direction: alternate; } 
@keyframes mouse-pulse { 
    0% { opacity: 1; transform: translateY(0); } 
    100% { opacity: 0; transform: translateY(12px); } 
}

@keyframes fade-arrow { 
    0% { opacity: 0; } 
    100% { opacity: 1; } 
}

.inner .sub_ti { text-align: center; margin-bottom: 60px;}
.inner .sub_ti P {  font-family: "Montserrat", sans-serif;  font-optical-sizing: auto; font-weight: 700; font-size: 36px; }
.inner .sub_ti span { font-size: 18px; color: #999; }
.mcontwrp.ourpf { margin-top: 120px;}
.pflistmain { display: flex; align-items: center; flex-wrap: wrap; width: 100%; gap: 0; max-width: 1820px; margin: 0 auto;}
.pflistmain .pfbx { width:25%;position: relative; overflow: hidden;}
.pflistmain .pfbx .imghv { display: none; }
.pflistmain .pfbx:hover .imghv { display: block;  }
.pflistmain .pfbx .imghv a { display: block; background: red; opacity: .5; position: absolute;  width: 100%; height: 100%; top: 0; }
.pflistmain .pfbx .imghv p { text-align: center; color: #fff; position: absolute; z-index: 50; top: 45%; left: 46%; font-family:"SCoreDreamBold"; font-size: 40px; } 
.pflistmain .pfbx .nam { position: absolute; bottom: 20px; left: 20px; color: #fff; font-size: 18px;}

.bt_pric { width: 240px; padding: 20px; display: block; border-radius: 40px; border: 1px solid #ff4909; text-align: center;font-family:"SCoreDreamMedium";  font-size: 19px; color: #ff4909; margin: 70px 0 40px; }
.bt_pric:hover { background: #ff4909; color: #fff;}
.moremain {color: #b3b3b3;}
.btmore { text-align: center;}
.btmore a p { width: 40px; height: 40px; border: 1px solid #b3b3b3; margin: 0 auto; border-radius: 60px; display: flex; align-items: center; justify-content: center; font-size: 28px; color: #b3b3b3;}

.mcontwrp.discv { background: url(../images/bg_mainwp.jpg)no-repeat; padding: 80px; background-size: cover; text-align: center; height: 700px;  margin-top: 130px;}
.mcontwrp.discv .tidiscv { color: #fff; margin-bottom: 50px; }
.mcontwrp.discv .tidiscv p { font-size: 30px; font-family:"SCoreDreamMedium"; margin-bottom: 10px; }
.mcontwrp.discv .tidiscv span { font-size: 17px; }
.mcontwrp.discv .swiper_comptinfo {width: 100%; position: relative; height: 300px;}
.mcontwrp.discv .swiper_comptinfo .digm { width: 320px; height: 320px; border-radius: 320px; background: #ffa200; margin: 0 auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.mcontwrp.discv .swiper_comptinfo .swiper-slide.cominfdsc { color: #fff;}
.mcontwrp.discv .swiper_comptinfo .swiper-slide.cominfdsc .dsecdiscv { margin-top: 100px;} 
.mcontwrp.discv .swiper_comptinfo .swiper-slide.cominfdsc .dsecdiscv .keywod { font-size: 54px; font-family:"SCoreDreamMedium";}
.mcontwrp.discv .swiper_comptinfo .swiper-slide.cominfdsc .dsecdiscv .keywdsec { font-size:19px;}
.mcontwrp.discv .swiper_comptinfo .swiper-slide.cominfdsc .dsecdiscv ul { margin-top: 120px; display: block; position: relative; font-size: 17px; line-height: 31px;}
.swiper-pagination { position: relative; display: none;}
.swiper-button-prev,.swiper-button-next { color: #fff;}

.cuswp { display: flex; justify-content: space-between;}
.cuswp .cusmi { margin: 40px; text-align: left; width: 100%;}
.cuswp .cusmi .notist .ti { border-bottom: 1px solid #d9d9d9; display: flex; justify-content: space-between; padding: 5px 0;  margin-bottom: 20px;  align-items: center; } 
.cuswp .cusmi .notist .ti p { font-size: 17px; font-family:"SCoreDreamMedium";}
.cuswp .cusmi .notist .ti a { text-decoration: underline; color: #939393; font-size: 13px; letter-spacing: 1px;}
.cuswp .cusmi .lstnotimain {line-height: 26px;}
.cuswp .cusmi .lstnotimain li { font-size: 14px; color: #999;}
.cuswp .cusmi .lstnotimain li::before { content: '·'; margin-right: 10px;}
.cuswp .cusmi .qikgocu { margin-top: 20px; display: flex; gap: 30px;}
.cuswp .cusmi .cusinfo { line-height: 24px; margin-bottom: 20px;}
.cuswp .cusmi .cusinfo .telph { font-size: 30px; font-family:"SCoreDreamMedium"; color: #53585e; line-height: 40px;}
.cuswp .cusmi .cusinfo .wtime { font-size: 17px; color: #959595;}
.cuswp .cusmi .cusinfo .impct { font-size: 15px;}
.cuswp .cusmi .bankinfo { background: #f6f7fc; border-radius: 6px; padding: 14px;}
.cuswp .cusmi .bankinfo p { font-size: 14px; margin-bottom: 5px;}
.cuswp .cusmi .bankinfo .bankcunt { display: flex; justify-content: space-between; align-items: center;}
.cuswp .cusmi .bankinfo .bankcunt p span { display: inline-block; padding: 3px 6px; background: #353535; color: #fff; font-size: 13px; margin-right: 10px; position: relative; top: -5px;}
.cuswp .cusmi .bankinfo .bankcunt .contnmu { font-size: 21px; font-family:"SCoreDreamMedium";}
.cuswp .cusmi .bankinfo .bankcunt .namebk {font-family:"SCoreDreamRegular"; font-size: 14px !important; }

footer { background: #282828; color: #858585; position: relative; clear: both; margin-top: 100px;}
footer .inner { width: 1100px; margin: 0 auto;  padding: 30px 0; }
footer .inner .submubx { width: 1100px; margin-bottom: 30px;}
footer .inner .submubx .submu { padding: 0 0 20px; border-bottom:1px solid #5d5d5d ; display: block;}
footer .inner .submubx .submu li { display: inline-block; font-size: 14px;}
footer .inner .submubx .submu li + li { margin-left: 30px;}
footer .inner .ftinfo { display: flex; gap: 30px;  }
footer .inner .ftinfo .infodsc { width: 24%; border-right: 1px solid #515151;}
footer .inner .ftinfo .infodsc:last-child { border: none;}
footer .inner .ftinfo .infodsc .infodsecti { font-size: 19px; color: #fff;}
footer .inner .ftinfo .infodsc .fotpnum { font-size: 24px; color: #979797; font-family:"SCoreDreamBold";}
footer .inner .ftinfo .infodsc .fotfxnum { font-size: 16px;}
footer .inner .ftinfo .infodsc .fotme { font-size: 15px; line-height:28px ; margin-bottom: 10px;}
footer .inner .ftinfo .infodsc .fotbank { font-size: 24px; color: #979797; font-family:"SCoreDreamBold";}
footer .inner .addr { width: 1100px; margin-top: 40px; position: relative;}
footer .inner .addr ul { line-height: 24px;}
footer .inner .addr .impct_b { color: #fff; font-family:"SCoreDreamMedium";  font-size: 19px;}
footer .inner .addr .impct { color: #b5b5b5; font-family:"SCoreDreamMedium"; }
footer .inner .logofot { text-align: right; position: absolute;  top: 50px; right: 0;}
footer .inner .logofot p { font-size: 24px; font-family:"SCoreDreamBold"; margin-bottom: 0; color: #bababa; }
footer .inner .logofot span { font-size: 17px; margin-left: 20px; display: block;}

.topbt { width: 48px; height: 48px; z-index: 2000; background: #fff; opacity: .9; border: 1px solid #101010;position: fixed;right: 3%; bottom: 5%; display: none; text-align: center;  }
.topbt p { font-size: 15px;font-family:"SCoreDreamBold"; position: relative; top: 26%;}
.topbt:hover { background: #ff4909; color: #fff; border: none;} 


/*햄버거 메뉴*/
.hbgmubx {overflow: hidden; display: none;  }

#menu-wrapper .hambgbt,#menu-wrapper .hambgbt2 { position: relative; width: 40px; height: 30px; margin: 30px 10px 20px; cursor: pointer; z-index: 1500;}
#menu-wrapper .hambgbt span {
    opacity: 1;
    left: 0;
    display: block;
    width: 80%;
    height: 4px;
    border-radius: 10px;
    color: black;
    background-color: #fff;
    position: absolute;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
}

#menu-wrapper .hambgbt.bl span {background-color: #000;}

#menu-wrapper .hambgbt span:nth-child(1) {top: 0;}
#menu-wrapper .hambgbt span:nth-child(2) {top: 9px;}
#menu-wrapper .hambgbt span:nth-child(3) {top: 18px;}
#menu-wrapper .hambgbt.open span:nth-child(1) {top: 9px;-webkit-transform: rotate(135deg);transform: rotate(135deg);}
#menu-wrapper .hambgbt.open span:nth-child(2) {opacity: 0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; left: -20px;}
#menu-wrapper .hambgbt.open span:nth-child(3) {top: 9px;-webkit-transform: rotate(-135deg);transform: rotate(-135deg);}

#menu-wrapper .hambgbt2 span:nth-child(1) {top: 0;}
#menu-wrapper .hambgbt2 span:nth-child(2) {top: 9px;}
#menu-wrapper .hambgbt2 span:nth-child(3) {top: 18px;}
#menu-wrapper .hambgbt2.open span:nth-child(1) {top: 9px;-webkit-transform: rotate(135deg);transform: rotate(135deg);}
#menu-wrapper .hambgbt2.open span:nth-child(2) {opacity: 0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; left: -20px;}
#menu-wrapper .hambgbt2.open span:nth-child(3) {top: 9px;-webkit-transform: rotate(-135deg);transform: rotate(-135deg);}


.hbgmubx .menu_list .menu_submenu { padding:0; color: #a2a2a2;}
.hbgmubx .menu_list .menu_submenu li a {display:block; padding:30px 0 30px 40px; -webkit-tap-highlight-color: rgba(0,0,0,0);}
.hbgmubx .menu_list .menu_submenu li a:hover { background:#414141; color: #b0b0b0;}
.hbgmubx .menu_list {
    padding: 120px 0 0 0;
    display: block;
    position: absolute;
    top:0px;
    width: 100%;
    height: 100%;
    opacity: .9;
    background: #000;
    box-shadow: rgba(100,100,100,0.2) 6px 2px 10px;
    z-index: 100;
    overflow-y: auto;
    overflow-x: hidden;
    right: -100%;
}

.hbgmubx .menu_list.wh { background: #fff; opacity: 1;opacity: .95;}

.hbgmubx .menu_list li.accordion-toggle, .hbgmubx .menu_list .menu-login {
    font-size: 16px;
    padding: 20px;
    text-transform: uppercase;
    border-top: 1px solid #353535;
    color: #fff;
}

.hbgmubx .menu_list li.accordion-toggle.wh { color: #000;}

.hbgmubx .menu_list li:first-of-type {
    border-top: 0;
}

.accordion-toggle, .accordion-content {
    cursor: pointer;
    font-size: 16px;
    position: relative;
    letter-spacing: 1px;
}

  .accordion-content {
    display: none;
}

.accordion-toggle a:before, .accordion-toggle a:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 30px;
    width: 15px;
    height: 2px;
    margin-top: -1px;
    background-color: #5a5858;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s ease-out;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    
}

.accordion-toggle a:before {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 1;
    z-index: 2;
}

.accordion-toggle.active-tab {
  background: yellowgreen;
  transition: all 0.3s ease;
}
.accordion-toggle a.active:before {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    background: #fff !important;
}

.accordion-toggle a.active:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    background: #fff !important;
    opacity: 0;
}

/* paging */
.pasing { margin-top: 40px; text-align: center;}
.pasing ul li { display: inline-block; }
.pasing ul li a { display: block; padding: 10px 10px;}
.pasing ul li a:hover { color: red; }
.pasing ul li.divsin {color: #ccc ;}
.bt_more { display: none;}
.tb_btn { display: none;}

/*버튼*/
.lstbtn {  margin-top: 50px; gap: 20px; text-align: center; display: flex; align-items: center; justify-content: center; gap: 20px;}
.lstbtn .btn_s { padding: 15px 40px; border: 1px solid #e2e2e2; display:inline-block; font-size: 15px; border-radius: 4px; }
.lstbtn .btn_s.on { background: #000; color: #fff; border: none;} 
[class^=btn_mid]{ height: 54px; border-radius: 2px; background: #fff; font-family:"SCoreDreamMedium",sans-serif;  border: 1px solid #e1e1e1; color: #666; text-align: center; padding: 20px 50px 20px; display: flex; justify-content: center;align-items: center;}

/*테이블*/
.tb_title { margin-bottom: 20px; font-size: 21px;font-family:"SCoreDreamMedium";}
.tb_title span { font-size: 15px; position: relative; left: 10px;}
.tb_title span i {font-family:"SCoreDreamMedium"; color: #ff4909; }
.tblk { border-top: 2px solid #000; border-bottom: 1px solid #cbcbcb;}
.tblk td { padding: 10px 20px ; font-size: 15px;}
.tblk td input { padding: 10px; border: 1px solid #e1e1e1;}
.tblk td p { position: relative;}
.tblk td p i {font-family:"SCoreDreamMedium"; color: #ff4909; position: absolute; left: -10px; top: -10px;}
.tblk .ed { border-top: 1px solid #ccc;}
.tblk td textarea { min-height: 250px;}

.tb_blk { border-top: 2px solid #000; text-align: center;  }
.tb_blk th,.tb_blk td {padding: 20px 0 20px 10px; border-bottom: 1px solid #ddd; }
.tb_blk th { border-bottom: 1px solid #000;}
.tb_blk td.trd_l { text-align: left;}
.tb_blk td p {   overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis; word-break: break-all;}
.tb_blk td a:hover { text-decoration: underline;}
.tb_blk thead tr:hover { background: #fff;}
.tb_blk tr:hover { background: #f4f4f4;}
.tb_btn { display: none;}


/*게시판*/
.viewbox_blk {  border-top: 2px solid #000; text-align: left; border-bottom: 1px solid #e1e1e1;padding:20px 0 0; }
.viewbox_blk .titbx { border-bottom: 1px solid #e1e1e1;}
.viewbox_blk .titbx .cot { display: flex; justify-content: space-between;}
.viewbox_blk .titbx .bt_lst { float: right}
.viewbox_blk .titbx p { font-size: 17px;font-family:"SCoreDreamMedium"; word-break: keep-all;}
.viewbox_blk .titbx ul { position: relative; margin: 10px 0 15px; }
.viewbox_blk .titbx ul li { line-height: 19px;}
.viewbox_blk .titbx ul.ico { background: url(../images/ico_pp.png) no-repeat center left; padding-left: 50px;}
.view_cont { padding: 40px 20px; font-size: 14px; min-height: 300px;}
.view_cont p { margin: 5px 0;}

.nb_bo { border-top: 1px solid #e1e1e1 ; width: 100%; }
.nb_bo a:hover { text-decoration: underline;}
.nb_bo .bt_pre  { display: flex;}
.nb_bo .bt_pre .ti { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; width: 86%; margin-right: 14px; }
.nb_bo .bt_pre { padding: 20px 0 20px 10px; border-bottom: 1px solid #e1e1e1;}
.nb_bo .bt_pre:hover { background: #f1f1f1;}
.nb_bo .bt_pre .pr { padding:0 20px 0;  color: #b1b1b1; width: 125px}
.nb_bo .bt_pre .pr i::before { content: url(../images/ico_up.png);}
.nb_bo .bt_next { padding: 20px 0 20px 10px;display: flex;}
.nb_bo .bt_next .ti { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all;  width: 86%; margin-right: 14px; }
.nb_bo .bt_next:hover { background: #f1f1f1;}
.nb_bo .bt_next .ne { padding:0 20px 0;  color: #b1b1b1; width: 125px }
.nb_bo .bt_next .ne i::before { content: url(../images/ico_down.png);}
.nb_date {float: right; color: #bbb ;}

.modi_ti { padding: 20px 20px; background: #f1f1f1; font-size: 17px; font-family:"SCoreDreamMedium";}
.modiwrp { text-align: center;}
.modiwrp .modibox {border: 0;text-align: center; padding: 30px 28px; font-size: 14px; max-width: 320px; margin: 0 auto;}
.modiwrp .modibox .comodi_inp { border: 1px solid #e1e1e1; padding: 10px 5px; margin: 20px 0; text-align: center;}
.modiwrp .modibox .btnbx button { padding: 10px 20px; border: 1px solid #e1e1e1; border-radius: 20px;}
.modiwrp .modibox .btnbx button.bg { background: #085f87; color: #fff;}
.modiwrp .modibox .btnbx button + button { margin-left: 5px;}

/*댓글 영역*/
.cometwrap { margin-top: 40px; }
.cometwrap .counti { padding-bottom: 5px; font-family:"SCoreDreamMedium"; font-size: 14px; }
.cometwrap .counti span { color: #f00;}
.cometwrap .writwp { margin-top: 20px;}
.cometwrap .writwp .inp_wrter { display: flex; margin-bottom: 10px; }
.cometwrap .writwp .inp_wrter input { border: 1px solid #e1e1e1; width: 25%; padding: 15px; margin-right: 10px; background: #f1f1f1;}
.cometwrap .writwp textarea { padding: 15px; border: 1px solid #e1e1e1; height: 100px; margin-bottom: 20px;}

.comtviewwp .inf { padding: 20px 0;}
.comtviewwp .inf .wrt { display: flex; justify-content: space-between; text-align: left;}
.comtviewwp .inf +.inf { border-top: 1px solid #e1e1e1;}
.comtviewwp .inf .wrt { margin-bottom: 10px;}
.comtviewwp .inf .wrt p { font-size: 14px; }
.comtviewwp .inf .wrt p span {  color: #999;}
.comtviewwp .inf .wrt .divi { font-size: 10px; color: #282828; display: inline-block; position: relative; margin: 0 10px; top: -2px;}
.comtviewwp .inf .wrt .comt_modi { font-size: 12px; color: #666;}
.comtviewwp .inf .comtview { position: relative;margin: 10px 0 0 0;font-size: 1.1em; line-height: 1.5714; color: #666;}

.modi_ti { padding: 20px 20px; background: #f1f1f1; font-size: 17px; font-family:"SCoreDreamMedium";}
.modiwrp { text-align: center;}
.modiwrp .modibox {border: 0;text-align: center; padding: 30px 28px; font-size: 14px; max-width: 320px; margin: 0 auto;}
.modiwrp .modibox .comodi_inp { border: 1px solid #e1e1e1; padding: 10px 5px; margin: 20px 0; text-align: center;}
.modiwrp .modibox .btnbx button { padding: 10px 20px; border: 1px solid #e1e1e1; border-radius: 20px;}
.modiwrp .modibox .btnbx button.bg { background: #085f87; color: #fff;}
.modiwrp .modibox .btnbx button + button { margin-left: 5px;}


/*댓글 수정 팝업 탭*/
.tab_title { display: flex;}
.tab_title li {cursor: pointer; text-align: center; border: 1px solid #bebebe; justify-content: space-between; width: 50%; padding: 10px 20px; margin-bottom: 30px; border-bottom: none; background: #f1f1f1;}
.tab_title li.on {background-color: #fff;font-weight: bold;}
.tab_cont {clear: both; }
.tab_cont .tb {display: none; text-align: center;}
.tab_cont .tb.on {display: block;}

.tab_cont .comtmodibx { }
.tab_cont .comtmodibx input { padding: 10px; border: 1px solid #ccc; margin-bottom: 10px;}
.tab_cont .comtmodibx textarea { height: 200px;}


/*SUB LAY OUT*/
.pgtopsub { }
.pgtopsub header { display:flex;justify-content: space-between; align-items: center; margin-bottom: 100px; border-bottom: 1px solid #ededed;}
.pgtopsub header .logo { z-index: 200 ; width: 170px; margin-left: 40px; display: flex; gap: 30px}
.pgtopsub header .logo span {display: none; z-index: 1000;}
.pgtopsub header .imenu { font-size: 17px; color: #000; padding: 30px 0; margin-left: -10%; } 
.pgtopsub header .imenu ul li { display: inline; padding: 0 50px 0 0 ; font-family:"SCoreDreamLight" ;}
.pgtopsub header .imenu ul li a { display: inline-block; padding: 5px; }
.pgtopsub header .qbt { display: flex; justify-content: center; align-items: center; }
.pgtopsub header .qbt .qtbx { background: #0096ff;display: flex; align-items: center;justify-content: center;}
.pgtopsub header .qbt .qtbx a { display: inline-block; height: 60px; padding: 0 30px; display: flex; align-items: center; justify-content: center; font-size: 15px; color: #fff; }

.contbx { width: 100%;}
.inner_sub { max-width: 1100px; margin: 0 auto;}

.subp_ti { text-align: center; font-family: "Montserrat", sans-serif;}
.subp_ti p { font-weight: 500; font-size: 50px;}
.subp_ti span { color: #b1b1b1; font-size: 28px;}
.subp_ti span.kordsc { font-size: 21px;font-family:"SCoreDreamLight"; }
.sub_tis { font-size: 17px; font-family:"SCoreDreamMedium"; margin-bottom: 20px;}

.contbx+.contbx { margin-top: 80px;}

.sub_cau {border: 1px solid #f9dad7; background: #fdf5f3; padding: 20px; margin-bottom: 30px;} 
.sub_cau p { font-size: 14px; font-family:"SCoreDreamMedium"; margin-bottom: 10px; }
.sub_cau ul li { line-height: 21px;}

/*회사소개*/
.contbx.bg_comp { background: url(../images/bg_comp_cont01.jpg)no-repeat center center ; background-size: cover; object-fit: cover;  padding: 170px 0;}
.contbx.bg_comp .inner_sub { display: flex; justify-content: center; align-items: center; color: #fff;}
.contbx.bg_comp .inner_sub p { font-size: 36px; font-family:"SCoreDreamMedium";}
.contbx.bg_comp .inner_sub p span { color: #ffc000;}
.comp_desc { font-size: 18px; line-height: 40px; text-align: center; }

.contbx .mapbox {  width: 98%; height: 584px; background: #e1e1e1; border: 1px solid #ccc; overflow: hidden; margin: 0 auto; }
.contbx .adrinfo { line-height: 30px; font-size: 16px; border-bottom: 1px solid #dbdbdb; padding-bottom: 40px; width: 90%; margin: 0 auto;}
.contbx .adrinfo .hd { color: #ff5353;}
.contbx .usesubw { font-size: 16px; width: 90%; margin: 0 auto;}
.contbx .usesubw .ico_l { padding-left: 30px; background: url(../images/ico_sub.png)no-repeat 0 0; line-height: 30px; }
.contbx .usesubw .desc { position: relative; margin-top: 5px; }
.contbx .sortcont { font-size: 14px; color: #8c8c8c; position: relative; margin-bottom: 20px; margin-top: -50px;}
.contbx .sortcont .impct { color: #ff5353;}

/*이용약관*/
.termbx + .termbx { margin-top: 60px;}
.termbx .bigti { font-size: 21px; color: #085f87; font-family:"SCoreDreamMedium"; margin-bottom: 20px;}
.termbx .tmcot + .tmcot { margin-top: 30px;}
.termbx .tmcot .tmtti { font-size: 16px; font-family:"SCoreDreamMedium";  }
.termbx .tmcot .conttm { line-height: 28px; font-size: 15px;}
.trmdt { margin: 50px 0 0; font-size: 19px;}

/*포트폴리오*/
.catemu_pf {text-align: center; margin-top: -40px;}
.catemu_pf ul li { display: inline-block; font-size: 19px; color: #8d8d8d; }
.catemu_pf ul li + li { margin-left: 50px;}
.catemu_pf ul li a.on { color: #ff4909}
.catemu_pf ul li a:hover { color: #000;}

.pf_list { display: flex; flex-wrap: wrap; gap: 10px;   } 
.pf_list .pfbox { width: 24%;margin-bottom: 30px;}
.pf_list .pfbox .lmgct { background: #f2f2f2; width: 100%; height: 210px; margin-bottom: 20px;}
.pf_list .pfbox .ti { font-size: 17px; font-family:"SCoreDreamMedium"; }
.pf_list .pfbox .pfdesc { color: #777; font-size: 15px;}

.pfcont_viewbx { padding: 0 0 30px; border-bottom: 1px solid #e0e0e0; }
.pfcont_viewbx .prodinfo { display: flex; gap: 40px;  border-bottom: 1px solid #e0e0e0; padding-bottom: 30px; }
.pfcont_viewbx .prodinfo .profimg { width: 500px; height: 440px; background: #f5f5f5; border: 1px solid #e2e2e2;}
.pfcont_viewbx .prodinfo .profdesc { padding-top: 20px;}
.pfcont_viewbx .prodinfo .profdesc p { font-size: 28px; font-family:"SCoreDreamMedium"; }
.pfcont_viewbx .prodinfo .profdesc .prdse { font-size: 17px; color: #777; position: relative; margin: 10px 0 20px; display: block;}
.pfcont_viewbx .prodinfo .profdesc ul { line-height: 30px;  font-size: 15px; color: #616161;}
.pfcont_viewbx .prodinfo .profdesc ul .colr { color: #b61609;}
.pfcont_viewbx .prodinfo .profdesc ul span { display: inline-block; margin-right: 20px;}

.pfview { padding: 150px 0 100px; text-align: center;}
.pfview .imgvb + .imgvb { margin-top: 100px;} 

/*견적문의*/
.tb_cls { width: 100%; display: flex; justify-content: space-between; margin-bottom: 20px;}
.tb_cls .srhbx { display: flex; align-items: center; gap: 20px;}
.tb_cls .srhbx input { border: 1px solid #d6d6d6; padding: 10px; width: 400px; height: 50px; border-radius: 4px; }
.tb_cls .srhbx input::placeholder { color: #e1e1e1;}
.tb_cls .srhbx button { background: #085f87; height: 50px; padding: 10px 20px; color: #fff; font-size: 15px;}
.tb_cls .bxest button { border: 1px solid #000; height: 50px; padding:10px 20px ;}

.estimatetb { border-top: 2px solid #000;}
.estimatetb a:hover { color: #ff4909;}
.estimatetb th { padding: 18px 0; background: #fafafa; border-bottom: 1px solid #e0e0e0;}
.estimatetb td { text-align: center; padding: 20px 0; border-bottom: 1px solid #e0e0e0;}
.estimatetb td.trl { text-align: left;}
.estimatetb .rean { padding-left: 30px; background: url(../images/ico_reans.png) no-repeat center left;}
.estimatetb .rean .imp {font-family:"SCoreDreamMedium"; }

.estimcau { padding: 20px 30px; background: #fdf5f3; border: 1px solid #f9dad7; margin-bottom: 20px; line-height: 27px;}
.estimcau p { font-size: 15px; background: url(../images/ico_cau.jpg)no-repeat center left; padding-left: 25px;}
.estimcau ul { margin-left: 5px; color: #646464;}


/*약도검색*/
.tb_clsmp { display: flex; align-items: center; margin-bottom: 30px; gap: 14px; }
.tb_clsmp .seltbx_opbx { border: 1px solid #ccc; padding: 15px; border-radius: 4px;}
.tb_clsmp .seltbx_opbx select { min-width: 150px;  border: none;}
.tb_clsmp .inp_mapseh { padding: 15px; border: 1px solid #ccc; border-radius: 4px;}
.tb_clsmp .srh_mpbt { background: #085f87; height: 50px; padding: 10px 20px; color: #fff; font-size: 15px; }
.totalcount { margin-bottom: 30px; font-family:"SCoreDreamLight"; font-size: 14px;}

.titbx .contetway { margin-left: 20px;}
.view_cont .imgcont { position: relative; width: 100%; text-align: center; margin: 30px;}

/*커뮤니티*/
.selcateg {display: flex; justify-content: center; align-items: center; margin-top: 60px;}
.selcateg .tbsel { width: 17%; text-align: center; border: 1px solid #ccc; padding: 15px;}
.selcateg .tbsel:hover { background: #f5f5f5;}
.selcateg .tbsel.on { background: #000; color: #fff;border: none;}


.tab_qna { width:100%;}
.tabnav{ width:100%; border-bottom:1px solid #000; display: flex; margin-bottom: 50px;}
.tabnav li{ height:48px; text-align:center; border-right:1px solid #ddd;border-top:1px solid #ddd; flex: 1;border-left:1px solid #ddd;}
.tabnav li + li { border-left: none;}
.tabnav li a:before{content:""; position:absolute; left:0; top:0px; width:100%; height:3px; }
.tabnav li a.active{border-bottom:1px solid #fff; border-top: 1px solid #000;border-left: 1px solid #000;border-right: 1px solid #000;}
.tabnav li a{ position:relative; display:block; background: #f8f8f8; color: #000; padding:0 30px; line-height:46px; text-decoration:none; font-size:16px;}
.tabnav li a:hover,
.tabnav li a.active{background:#fff; color:#ff5353; }
.tabcontent{ border:none;}

/* 아코디언 */
[data-role="accordionOpen"] {cursor:pointer;}
[data-role="accordionCont"] {display:none;}
[data-role="accordionCont"].on {display:block;}
table [data-role="accordionCont"].on {display:table-row;}

.qna-list {margin-top:17px; text-align: left; }
.qna-list .ask-wrap {position:relative; border-bottom:1px solid #ddd; text-align: left;}
.qna-list .ask-wrap > a {display:block; padding:17px 10px; font-size:14px; line-height: 26px;}
.qna-list .ask-wrap > a:before {content:"Q"; display:inline-block; width:25px; height:25px; margin-right:10px; line-height:25px; vertical-align:top; text-align:center; border-radius:50%; background:#999; color:#fff; font-family:"SCoreDreamBold",sans-serif;}
.qna-list .ask-wrap .txt-box {display:inline-block; width:75%; vertical-align:middle; font-size: 15px;}
.qna-list .ask-wrap .btn-view {position:absolute; top:50%; right:13px; width:13px; height:7px; margin-top:-4px; background:url('../images/common/ico_next_s.png') no-repeat 0 -1px;}
.qna-list .ask-wrap .btn-view.on {transform:rotate(180deg);}
.qna-list .ask-wrap .date {float:right; margin:4px 35px 0 0; font-size:12px; color:#666; font-family:"SCoreDreamLight",sans-serif;}
.qna-list .reply-wrap {padding:22px 40px; background:#f5f5f5;}
.qna-list .reply-wrap p {line-height:30px; font-size:14px; color:#666; font-family:"SCoreDreamRegular",sans-serif;}
.qna-list .reply-wrap .replay-box { line-height: 24px;}
.qna-list .reply-wrap .replay-multi p:first-child ~ p {padding-left:16px; margin-left:10px; text-indent:-10px;}
.qna-list .reply-wrap .btn-wrap {margin-top:32px; padding-top:30px; text-align:center; border-top:1px solid #ccc;}
.qna-list .reply-wrap .btn-wrap .sub-tit {display:inline-block; margin-right:20px; font-size:13px; color:#101010;}
.qna-list .reply-wrap .btn-wrap a + a {margin-left:6px;}
.qna-list.notice-type .ask-wrap > a:before {display:none;}
.qna-list .reply-wrap .btn-wrap .btn_small.def { padding: 10px 20px 10px; font-size: 13px;}
.qna-list .impc { color: #ff2c2c; font-family:"SCoreDreamMedium",sans-serif;}

.comsenti { display: flex; gap: 30px;}
.comsenti span { font-size: 13px; color: #8b8b8b;}
.comsenti p { font-size: 24px; font-family:"SCoreDreamMedium"; }
.linbx { border-bottom: 2px solid #000; padding: 5px; flex: 1; position: relative; top: -10px;} 
.wayinfo { margin-top: 30px;}
.wayinfo .infobx { display: flex; gap: 40px; word-break: keep-all;}
.wayinfo .infobx + .infobx { margin-top: 50px;}
.wayinfo .infobx .txebx { width: 30%;}
.wayinfo .infobx .txebx .numbxdesc { padding: 15px 20px; border: 3px solid #000; border-radius: 4px; position: relative; display: inline-block; font-family:"SCoreDreamBold"; font-size: 21px; margin-bottom: 20px;}
.wayinfo .infobx .txebx p { font-size: 17px;}
.wayinfo .infobx .txebx span { color: #707070; font-size: 14px; line-height: 24px;}
.wayinfo .infobx .txbxdesc { flex: 1;}
.wayinfo .infobx .txbxdesc .block + .block { margin-top: 30px;}
.wayinfo .infobx .txbxdesc .block p { font-size: 17px; font-family:"SCoreDreamMedium";}
.wayinfo .infobx .txbxdesc .block span { line-height: 29px; font-size: 15px;}
.wayinfo .infobx .txbxdesc .block ul { color: #7e7575; line-height: 21px;}
.wayinfo .infobx .txebx span { color: #707070; font-size: 14px; line-height: 24px;}
.wayinfo .infobx .txbxdesc.ico { display: flex; align-items: center; justify-content: center;}
.wayinfo .infobx .txbxdesc .icobxt { display: flex; justify-content: center; align-items: center; gap: 40px;}
.wayinfo .infobx .txbxdesc .icobxt .snd { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background: #787b89; border-radius: 40px; color: #fff;}



@media screen and (max-width: 1000px) {

}

@media screen and (max-width: 950px) {
    .warp { overflow: hidden;}
    .imenu { display: none;}
    .hbgmubx { display: block;}
    .qtbx { display: none !important; }

    .pgtop.main header .logo { z-index: 200 ; width: 170px; margin-left: 5%; display: flex; gap: 30px;} 
    .pgtopsub header .logo { z-index: 200 ; width: 170px; margin-left: 5%; display: flex; gap: 30px;} 

    .pgtop .main_ban { padding-top: 100px !important; position: relative !important; } 
    .pgtop .main_ban .mban_txt { margin: 0 auto; position: relative; display: block; color: #fff }
    .pgtop .main_ban .mban_txt .bantx01 { font-size: 70px; text-shadow: 4px 4px 4px #444; margin-top: 0px; position: relative;font-family: 'Edo', sans-serif; }
    .pgtop .main_ban .mban_txt .bantx02 { font-size: 21px; text-shadow: 4px 4px 4px #444; margin-top: 20px; margin-bottom: 40px; color: #cbcbcb;}
    .pgtop .main_ban .mban_txt .whbx {height: 4px; width: 20px; background: #fff; position: relative; margin: 0 auto;} 
    .pgtop .main_ban .ico { display: flex; gap: 20px; justify-content: center; align-items: center; margin-top: 40px;}
    .pgtop .main_ban .ico .icbx { width: 100px; height: 120px; color: #fff;}
    .pgtop .main_ban .ico .icbx p {font-size: 24px; font-family:"SCoreDreamMedium";}

    .sclbx { display: none;}

    .pflistmain .pfbx { width:50%;position: relative; overflow: hidden;}
    .mcontwrp.discv { background: url(../images/bg_mainwp.jpg)no-repeat; padding: 80px 40px 0; background-size: cover; text-align: center; margin-top: 100px;}
    .mcontwrp.discv .tidiscv { color: #fff; margin-bottom: 0; }
    .mcontwrp.discv .tidiscv p { font-size: 32px; font-family:"SCoreDreamMedium"; }
    .mcontwrp.discv .tidiscv span { font-size: 15px; }
    .mcontwrp.discv .swiper_comptinfo {width: 90%; position: relative; height: 300px; margin: 0 auto;}
    .mcontwrp.discv .swiper_comptinfo .digm { width: 240px; height: 240px; border-radius: 320px; background: #ffa200; margin: 0 auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
    .mcontwrp.discv .swiper_comptinfo .swiper-slide.cominfdsc { color: #fff;}
    .mcontwrp.discv .swiper_comptinfo .swiper-slide.cominfdsc .dsecdiscv .keywod { font-size: 44px; font-family:"SCoreDreamMedium"; margin-top: -40px;}
    .mcontwrp.discv .swiper_comptinfo .swiper-slide.cominfdsc .dsecdiscv .keywdsec { font-size:15px;}
    .mcontwrp.discv .swiper_comptinfo .swiper-slide.cominfdsc .dsecdiscv ul { margin-top: 50px; display: block; position: relative; font-size: 15px; line-height: 31px;}
    .swiper-pagination { position: relative; display: none;}
    .swiper-button-prev,.swiper-button-next { color: #fff; display: none; }


    .cuswp { display: flex; justify-content: space-between; flex-wrap: wrap;}
    .cuswp .cusmi .bankinfo { background: #f6f7fc; border-radius: 6px; padding: 14px;}
    .cuswp .cusmi .bankinfo p { font-size: 14px; margin-bottom: 5px;}
    .cuswp .cusmi .bankinfo .bankcunt { display: flex; justify-content: space-between; align-items: center;}
    .cuswp .cusmi .bankinfo .bankcunt p span { display: inline-block; padding: 3px 6px; background: #353535; color: #fff; font-size: 13px; margin-right: 10px; position: relative; top: -5px;}
    .cuswp .cusmi .bankinfo .bankcunt .contnmu { font-size: 21px; font-family:"SCoreDreamMedium";}
    .cuswp .cusmi .bankinfo .bankcunt .namebk {font-family:"SCoreDreamRegular"; font-size: 14px !important; }

    footer {padding: 5%;}
    footer .inner { width: 100%; margin: 0 auto;  padding: 30px 0; }
    footer .inner .submubx { width: 100%; margin-bottom: 30px;}
    footer .inner .submubx .submu { padding: 0 0 20px; border-bottom:1px solid #5d5d5d ; display: block;}
    footer .inner .submubx .submu li { display: inline-block; font-size: 16px;}
    footer .inner .submubx .submu li + li { margin-left: 30px;}
    footer .inner .ftinfo { display: flex; gap: 30px; flex-wrap: wrap;  }
    footer .inner .ftinfo .infodsc { width: 100%; border-right: none}
    footer .inner .ftinfo .infodsc:last-child { border: none;}
    footer .inner .ftinfo .infodsc .infodsecti { font-size: 19px; color: #fff;}
    footer .inner .ftinfo .infodsc .fotpnum { font-size: 24px; color: #979797; font-family:"SCoreDreamBold";}
    footer .inner .ftinfo .infodsc .fotfxnum { font-size: 16px;}
    footer .inner .ftinfo .infodsc .fotme { font-size: 15px; line-height:28px ; margin-bottom: 10px;}
    footer .inner .ftinfo .infodsc .fotbank { font-size: 24px; color: #979797; font-family:"SCoreDreamBold";}
    footer .inner .addr { width: 1100px; margin-top: 40px; position: relative;}
    footer .inner .addr ul { line-height: 24px;}
    footer .inner .addr .impct_b { color: #fff; font-family:"SCoreDreamMedium";  font-size: 19px;}
    footer .inner .addr .impct { color: #b5b5b5; font-family:"SCoreDreamMedium"; }
    footer .inner .logofot { text-align: right; position: absolute;  top: 50px; right: 0;}
    footer .inner .logofot p { font-size: 24px; font-family:"SCoreDreamBold"; margin-bottom: 0; color: #bababa; }
    footer .inner .logofot span { font-size: 17px; margin-left: 20px; display: block;}

    .pgtopsub header { margin-bottom: 10%;}

    .subp_ti { text-align: center; font-family: "Montserrat", sans-serif;}
    .subp_ti p { font-weight: 500; font-size: 40px;}
    .subp_ti span { color: #b1b1b1; font-size: 18px;}
    .subp_ti span.kordsc { font-size: 16px;font-family:"SCoreDreamLight"; }
    .sub_tis { font-size: 17px; font-family:"SCoreDreamMedium"; margin-bottom: 20px;}
    .contbx { padding: 0 10px;}
    .contbx+.contbx { margin-top: 40px;}

    .pasing ul { display: none;}
    .tb_btn { display: block; display: flex; gap: 20px; justify-content: center;}
    .tb_btn a {padding: 20px 40px; border: 1px solid #ccc; border-radius: 40px;}

    /*버튼*/
    .lstbtn {  margin-top: 50px; gap: 10px; text-align: center; display: flex; align-items: center; justify-content: center; }
    .lstbtn .btn_s { padding: 15px 20px; border: 1px solid #e2e2e2; display:inline-block; font-size: 15px; border-radius: 4px; }
    .lstbtn .btn_s.on { background: #000; color: #fff; border: none;} 
    [class^=btn_mid]{ height: 54px; border-radius: 2px; background: #fff; font-family:"SCoreDreamMedium",sans-serif;  border: 1px solid #e1e1e1; color: #666; text-align: center; padding: 20px 50px 20px; display: flex; justify-content: center;align-items: center;}

    /*게시판*/
    .nb_date {float: right; color: #bbb ; display: none;}
    .notx { display: none;}

    /*회사소개*/
    .contbx.bg_comp { background: url(../images/bg_comp_cont01.jpg)no-repeat center center ; background-size: cover; object-fit: cover;  padding: 100px 0;}
    .contbx.bg_comp .inner_sub { display: flex; justify-content: center; align-items: center; color: #fff;}
    .contbx.bg_comp .inner_sub p { font-size: 26px; font-family:"SCoreDreamMedium"; text-align: center;}
    .contbx.bg_comp .inner_sub p span { color: #ffc000;}
    .comp_desc { font-size: 15px; line-height: 30px; text-align: center; }

    .contbx .mapbox {  width: 98%; height: 384px; background: #e1e1e1; border: 1px solid #ccc; overflow: hidden; margin: 0 auto; }

    /*포트폴리오*/
    .catemu_pf {text-align: center; margin-top: 0;}
    .catemu_pf ul { white-space:nowrap; overflow-x: auto;}
    .catemu_pf ul li { display: inline-block; font-size: 15px; color: #8d8d8d; }

    .pf_list { display: flex; flex-wrap: wrap; gap: 10px;   } 
    .pf_list .pfbox { width: 48%;margin-bottom: 30px;}
    .pf_list .pfbox .lmgct { background: #f2f2f2; width: 100%; height: 210px; margin-bottom: 20px;}
    .pf_list .pfbox .ti { font-size: 17px; font-family:"SCoreDreamMedium"; }
    .pf_list .pfbox .pfdesc { color: #777; font-size: 15px;}

    .pfcont_viewbx { padding: 0 0 30px; border-bottom: 1px solid #e0e0e0; }
    .pfcont_viewbx .prodinfo { display: flex; gap: 40px;  border-bottom: 1px solid #e0e0e0; padding-bottom: 30px; flex-wrap: wrap; padding: 30px; }
    .pfcont_viewbx .prodinfo .profimg { width: 500px; height: 250px; background: #f5f5f5; border: 1px solid #e2e2e2;}
    .pfcont_viewbx .prodinfo .profdesc { padding-top: 20px;}
    .pfcont_viewbx .prodinfo .profdesc p { font-size: 28px; font-family:"SCoreDreamMedium"; }
    .pfcont_viewbx .prodinfo .profdesc .prdse { font-size: 17px; color: #777; position: relative; margin: 10px 0 20px; display: block;}
    .pfcont_viewbx .prodinfo .profdesc ul { line-height: 30px;  font-size: 15px; color: #616161;}
    .pfcont_viewbx .prodinfo .profdesc ul .colr { color: #b61609;}
    .pfcont_viewbx .prodinfo .profdesc ul span { display: inline-block; margin-right: 20px;}

    .pfview { padding: 150px 20px 100px; text-align: center;}
    .pfview .imgvb + .imgvb { margin-top: 100px;} 

    .tb_clsmp { display: flex; align-items: center; margin-bottom: 30px; gap: 14px; }
    .tb_clsmp .seltbx_opbx { display: none;}

    /*견적문의*/
    .tb_cls { width: 100%; display: flex; justify-content: space-between; margin-bottom: 20px;}
    .tb_cls .srhbx { display: flex; align-items: center; gap: 10px;}
    .tb_cls .srhbx input { border: 1px solid #d6d6d6; padding: 10px; width: 60%; height: 50px; border-radius: 4px; }
    .tb_cls .srhbx input::placeholder { color: #e1e1e1;}
    .tb_cls .srhbx button { background: #085f87; height: 50px; padding: 10px 20px; color: #fff; font-size: 15px;}
    .tb_cls .bxest button { border: 1px solid #000; height: 50px; padding:10px 10px ; background: #000; color: #fff;} 


    /*커뮤니티*/
    .selcateg { margin-top: 30px; margin-bottom: 40px;}
    .selcateg .tbsel { width: 30%; text-align: center; border: 1px solid #ccc; padding: 15px;}
    .selcateg .tbsel:hover { background: #f5f5f5;}
    .selcateg .tbsel.on { background: #000; color: #fff;border: none;}
    .tb_blk .noncol { display: none;}

    .tab_qna { width:100%;}
    .tabnav{ white-space: nowrap; overflow-x: auto; }
    .tabnav::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera */}

    .tabnav li{ height:49px; text-align:center; border-right:1px solid #ddd;border-top:1px solid #ddd; flex: 1;border-left:1px solid #ddd; }
    .tabnav li + li { border-left: none;}
    .tabnav li a:before{content:""; position:absolute; left:0; top:0px; width:100%; height:3px; }
    .tabnav li a.active{border-bottom:1px solid #fff; border-top: 1px solid #000;border-left: 1px solid #000;border-right: 1px solid #000;}
    .tabnav li a{ position:relative; display:block; background: #f8f8f8; color: #000; padding:0 30px; line-height:46px; text-decoration:none; font-size:14px;}
    .tabnav li a:hover,
    .tabnav li a.active{background:#fff; color:#ff5353; }
    .tabcontent{ border:none;}
    .contbx .sortcont {margin-top: 0px;}

    .comsenti { display: flex; gap: 30px;}
    .comsenti span { font-size: 13px; color: #8b8b8b;}
    .comsenti p { font-size: 24px; font-family:"SCoreDreamMedium"; }
    .linbx { border-bottom: 2px solid #000; padding: 5px; flex: 1; position: relative; top: -10px;} 
    .wayinfo { margin-top: 30px;}
    .wayinfo .infobx { display: flex; gap: 40px; word-break: keep-all; flex-wrap: wrap;}
    .wayinfo .infobx + .infobx { margin-top: 50px;}
    .wayinfo .infobx .txebx { width: 100%;}
    .wayinfo .infobx .txebx .numbxdesc { padding: 15px 20px; border: 3px solid #000; border-radius: 4px; position: relative; display: inline-block; font-family:"SCoreDreamBold"; font-size: 21px; margin-bottom: 20px;}
    .wayinfo .infobx .txebx p { font-size: 17px;}
    .wayinfo .infobx .txebx span { color: #707070; font-size: 14px; line-height: 24px;}
    .wayinfo .infobx .txbxdesc { flex: 1;}
    .wayinfo .infobx .txbxdesc .block + .block { margin-top: 30px;}
    .wayinfo .infobx .txbxdesc .block p { font-size: 17px; font-family:"SCoreDreamMedium";}
    .wayinfo .infobx .txbxdesc .block span { line-height: 29px; font-size: 15px;}
    .wayinfo .infobx .txbxdesc .block ul { color: #7e7575; line-height: 21px;}
    .wayinfo .infobx .txebx span { color: #707070; font-size: 14px; line-height: 24px;}

    .wayinfo .infobx .txbxdesc.ico { display: flex; align-items: center; justify-content: center;}
    .wayinfo .infobx .txbxdesc .icobxt { display: flex; justify-content: center; align-items: center; gap: 20px;}
    .wayinfo .infobx .txbxdesc .icobxt img { width: 20%;}
    .wayinfo .infobx .txbxdesc .icobxt .snd { width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; background: #787b89; border-radius: 40px; color: #fff;}


}