@charset "utf-8";

/* =========================== SUB */
#shSubBnr{position:relative;overflow:hidden;height:450px}
#shSubBnr #mainImg{width:100%;height:450px;background-size:cover}

#shSubBnr .sub_nav{position:absolute;z-index:10;left:50%;top:50%;max-width:1300px;margin:0 auto;color:#fff;transform:translate(-50%, -50%)}
#shSubBnr .tit{overflow:hidden;position:relative;z-index:1;margin-top:30px;font-size:46px;font-weight:700;font-family:'SUITE', sans-serif}
#shSubBnr .crumb{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;font-family:'SUITE', sans-serif}
#shSubBnr .crumb svg{width:20px;color:#fff}
/* 반응형 [s] */
@media (max-width:1320px){
#shSubBnr{height:300px;text-align:center;margin-top:60px}
#shSubBnr #mainImg{height:300px}
#shSubBnr .tit{margin-top:20px;font-size:35px}
#shSubBnr .crumb{justify-content:center}
}
@media (max-width:1024px){
#shSubBnr{height:250px;margin-top:0}
#shSubBnr #mainImg{height:250px}
#shSubBnr .sub_nav{padding-left:0;text-align:center}
}
@media (max-width:768px){
#shSubBnr .tit{margin-top:10px;font-size:30px}
}
@media (max-width:480px){
#shSubBnr{height:auto}
#shSubBnr .crumb{display:none}
#shSubBnr .sub_nav{position:unset;color:#111;transform:none}
#shSubBnr .tit{margin-top:0;padding:15px 0;border-block:1px solid #e1e1e1;font-size:16px}
#shSubBnr #mainImg{display:none}
}
/* 반응형 [e] */

/* =========================== SNB */
#shSnb ul{display:flex;justify-content:center;margin-top:50px}
#shSnb ul li+li:before{display:inline-block;content:"";width:1px;height:13px;margin:0 20px;background:#d4d4d4}
#shSnb ul li a{font-size:17px;font-weight:500;color:#999}
#shSnb ul li.on a{position:relative;color:var(--primary)}
#shSnb ul li.on a:after{display:block;content:"";position:absolute;left:0;bottom:-15px;width:100%;height:4px;background:var(--primary)}

/* =========================== PAGE */
#greeting{font-size:15px;font-weight:400;line-height:1.8;letter-spacing:-.2px;color:#777;font-family:'Noto Sans KR'}
#greeting .tit_area{padding:0 0 40px 5%;font-size:38px;font-weight:100;line-height:1.35;letter-spacing:-.5px;color:#222}
#greeting .tit_area p{font-weight:600}
#greeting .img{height:420px;background:url(../img/sub/greeting_img.jpg) center no-repeat;background-size:cover}
#greeting .cont{padding:40px 0 0 25%}
#greeting .cont .pl{white-space:pre-line}
#greeting .cont .sign{margin-top:30px;font-weight:500;color:#222}
#greeting .cont .sign span{margin-left:20px;font-size:17px}
@media(max-width:1024px){
#greeting{padding:20px;font-size:14px;line-height:1.6}
#greeting .tit_area{padding:0;font-size:28px;line-height:1.4;color:#222;word-break:keep-all}
#greeting .img{height:200px;margin:15px 0}
#greeting .cont{padding:0}
#greeting .cont .sign{margin-top:20px}
#greeting .cont .sign span{margin-left:0;font-size:15px}
}
@media(max-width:768px){
#greeting .cont .pl{white-space:normal}	
}
@media(max-width:480px){
#greeting{padding:15px 12px}	
#greeting .tit_area{font-size:22px}
}

/* =========================== PAGE */
.pagecommon{position:relative;font-size:17px;letter-spacing:-.3px;line-height:1.8;color:#555}
.pagecommon *{
	word-break: keep-all;
}

/* 인사말 */
#historyT .tit_box{text-align:center}
#historyT .tit_box .tit{font-size:53px;font-weight:700;color:#000;font-family:'Inter'}
#historyT .tit_box .tit_txt{margin:13px 0 52px;font-size:20px;white-space:pre-line}
#historyT .his_wrap .bg_img{width:100%;height:510px;background:url('../img/sub/historyT_bg.jpg') no-repeat center;background-size:cover}
#historyT .his_wrap .scroll{position:relative;width:65px;height:65px;padding-top:12px;text-align:center;margin:-33px auto 0;border-radius:100%;background:#f37d1e}
#historyT .his_wrap .scroll:before{position:absolute;left:50%;bottom:-5px;transform:translateX(-50%) rotate(45deg);content:'';width:15px;height:15px;border-radius:5px;background:#f37d1e}
#historyT .his_wrap .scroll img{animation: scroll 1s infinite linear}
@keyframes scroll{from{opacity:0;transform:translateY(0)}50%{opacity:1;transform:translateY(6px)}100%{opacity:0;transform:translateY(12px)}}
#historyT .his_list{position:relative;margin-top:6px;padding:72px 0 94px}
#historyT .his_list:before{position:absolute;left:50%;top:0;content:'';width:1px;height:100%;background:#e1e1e1}
#historyT .his_list dl{position:relative;width:50%;margin-left:50%;padding:0 0 67px 90px}
#historyT .his_list dl:nth-child(2n){margin-left:0;margin-right:50%;padding:0 90px 67px 0;text-align:right}
#historyT .his_list dl:before{position:absolute;left:-5px;top:34px;content:'';width:11px;height:11px;border:3px solid #888;border-radius:100%;background:#fff}
#historyT .his_list dl:nth-child(2n):before{left:auto;right:-6px}
#historyT .his_list dl dt{
	font-size: 35px;
	font-weight: 800;
	color: #000;
	font-family: 'Inter'
}
#historyT .his_list dl dd{margin-top:26px}
#historyT .his_list dl dd ul li{position:relative;padding-left:16px;line-height:37px}
#historyT .his_list dl:nth-child(2n) dd ul li{padding-left:0;padding-right:16px}
#historyT .his_list dl dd ul li:before{position:absolute;left:0;top:17px;content:'';width:3px;height:3px;background:#333}
#historyT .his_list dl:nth-child(2n) dd ul li:before{left:auto;right:0}
#historyT .last_year{position:relative;padding-top:47px;text-align:center}
#historyT .last_year:before{position:absolute;left:50%;top:0;transform:translateX(-50%);content:'';width:15px;height:15px;border:5px solid #f37d1e;border-radius:100%;background:#fff}
#historyT .last_year span{display:block;font-size:45px;font-weight:700;line-height:50px;color:#000;font-family:'Inter'}

@media(max-width:1230px){
#historyT .tit_box .tit{font-size:45px}
#historyT .tit_box .tit_txt{font-size:18px}
#historyT .his_wrap .bg_img{height:330px}
#historyT .his_list dl:before{top:26px}
#historyT .his_list dl dt{font-size:35px}
#historyT .last_year span{font-size:35px}
}
@media(max-width:1024px){
.pagecommon{font-size:16px}
#historyT .tit_box .tit{font-size:40px}
#historyT .his_list{padding:72px 15px 65px}
#historyT .his_list dl{padding:0 0 50px 50px}
#historyT .his_list dl:nth-child(2n){padding:0 50px 50px 0}
#historyT .his_list dl dt{font-size:30px}
#historyT .his_list dl dd{margin-top:15px}
#historyT .his_list dl dd ul li{line-height:27px}
#historyT .his_list dl dd ul li+li{margin-top:8px}
#historyT .his_list dl dd ul li:before{top:11px}
#historyT .last_year span{font-size:30px}
}
@media(max-width:768px){
.pagecommon{font-size:14px}
#historyT .tit_box .tit{font-size:30px}
#historyT .tit_box .tit_txt{margin:13px 0 45px;padding:0 30px;font-size:16px;white-space:normal}
#historyT .his_wrap .bg_img{height:220px}
#historyT .his_wrap .scroll{width:45px;height:45px;margin:-22.5px 0 0 8px;padding-top:5px}
#historyT .his_wrap .scroll img{width:12px}
#historyT .his_list{padding:55px 15px 15px}
#historyT .his_list:before{left:30px}
#historyT .his_list dl{width:100%;margin:0 0 0 15px !important;padding:0 0 50px 25px !important;text-align:left !important}
#historyT .his_list dl:before{left:-3px !important;right:auto !important;top:16px;width:7px;height:7px;border:2px solid #888}
#historyT .his_list dl dt{font-size:23px}
#historyT .his_list dl dd ul li{padding:0 0 0 16px !important}
#historyT .his_list dl dd ul li:before{left:0 !important;right:auto !important}
#historyT .last_year{padding:25px 0 0 25px;text-align:left}
#historyT .last_year:before{left:25px;width:11px;height:11px;transform:none;border:3px solid #f37d1e}
#historyT .last_year span{font-size:23px}
}
@media(max-width:480px){
#historyT .tit_box .tit{font-size:25px}
#historyT .tit_box .tit_txt{margin:13px 0 40px;padding:0 15px;font-size:15px;line-height:26px}
#historyT .his_wrap .bg_img{height:150px}
#historyT .his_wrap .scroll{width:35px;height:35px;padding:0}
#historyT .his_wrap .scroll:before{display:none}
#historyT .his_wrap .scroll img{width:9px}
#historyT .his_list{margin-top:0}
#historyT .his_list:before{left:25px}
#historyT .his_list dl{margin-left:11px !important;padding:0 0 40px 17px !important}
#historyT .his_list dl:before{top:13px;width:6px;height:6px}
#historyT .his_list dl dt{font-size:18px}
#historyT .his_list dl dd ul li+li{margin-top:0}
#historyT .last_year{padding:20px 0 0 20px}
#historyT .last_year:before{left:22px;width:7px;height:7px;border:2px solid #f37d1e}
#historyT .last_year span{font-size:18px;line-height:35px}
}

:root{--primary:#f54500;--second:#102e48;--mainsize:1460px;--enfont:'Wix Madefor Display'}
#organizationT{overflow:hidden}
#organizationT .top_area{overflow:hidden;display:flex;align-items:center;position:relative;height:750px;background:#111}
#organizationT .top_area .bg{opacity:0;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(1.1);width:100%;height:100%;background:url(../img/sub/organizationT_top_bg.jpg) center no-repeat;background-size:cover}
#organizationT .top_area .bg.on{opacity:1;transform:translate(-50%,-50%) scale(1);transition:all 1s}
#organizationT .top_area .txt{position:absolute;z-index:1;left:calc((100% - var(--mainsize)) / 2);font-size:20px;color:rgba(255,255,255,.6)}
#organizationT .top_area .txt p{margin-bottom:35px;font-size:56px;font-weight:100;color:#fff;line-height:1.25;letter-spacing:-.5px}
#organizationT .top_area .txt p b{font-weight:700}
#organizationT .top_area .txt span{display:block}
#organizationT .top_area .scroll{display:flex;flex-flow:column;align-items:center;position:absolute;left:50%;bottom:50px;z-index:1;transform:translateX(-50%);font-size:12px;color:#fff;font-family:var(--enfont)}
#organizationT .top_area .scroll svg{width:20px;height:20px;animation:scroll 1s infinite linear}
@keyframes scroll{from{opacity:0;transform:translateY(0)}50%{opacity:1;transform:translateY(6px)}100%{opacity:0;transform:translateY(12px)}}
#organizationT .chart{padding:140px 0 160px;font-weight:700;text-align:center}
#organizationT .chart .top{display:flex;align-items:flex-start;justify-content:center;position:relative}
#organizationT .chart .top .line{position: absolute;top: 145px;z-index: -1;width: 30%;height: 1px;background: #e1e1e1}
#organizationT .chart .top .line.vtc{width:1px;height:100%}
#organizationT .chart .top .line.vtcL{width:1px;height:130px;right:66%}
#organizationT .chart .top .line.vtcR{width:1px;height:130px;left:74%}
#organizationT .chart .top .center{position:relative;margin:0 8%}
#organizationT .chart .top .center p{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:24px;font-weight:800;color:#111}
#organizationT .chart .top .center p  span{display:block;font-size:15px;color:var(--primary)}
#organizationT .chart .top .left, #organizationT .chart .top .right{width:220px;margin-top:110px}
#organizationT .chart .bd_mem{overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative;height:68px;margin-bottom:10px;color:#fff;background:var(--second)}
#organizationT .chart .bd_memR{overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative;height:68px;margin-bottom:10px;color:#fff;background:var(--second);left:90px;}
#organizationT .chart .bd_mem:before{display:block;content:"";position:absolute;left:-25px;top:-25px;width:50px;height:50px;transform:rotate(45deg);background:var(--primary)}
#organizationT .chart .bd_memR:before{display:block;content:"";position:absolute;left:-25px;top:-25px;width:50px;height:50px;transform:rotate(45deg);background:var(--primary)}
#organizationT .chart dl dt{display:flex;align-items:center;justify-content:center;position:relative;height:68px;color:#fff;background:#899199}
#organizationT .chart dl dd{padding:30px 0;color:#899199;background:#f2f2f2;font-family:var(--enfont)}
#organizationT .chart .middle{display:flex;justify-content:space-between;position:relative;max-width:1320px;margin:135px auto 0}
#organizationT .chart .middle .lineR{position:absolute;top:-50px;left:8.5%;z-index:-1;width:41.5%;height:1px;background:#e1e1e1}
#organizationT .chart .middle .lineL{position:absolute;top:-50px;right:8.5%;z-index:-1;width:20.7%;height:1px;background:#e1e1e1}
#organizationT .chart .middle dl{position:relative;width:17%}
#organizationT .chart .middle dl:before{display:block;content:"";position:absolute;top:-50px;z-index:-1;left:50%;width:1px;height:100%;background:#e1e1e1}
#organizationT .chart .middle dl dd p{margin-bottom:5px;color:#111;font-family:'Pretendard' }

@media(max-width:1460px){
#organizationT .top_area .txt{left:50px}	
}
@media(max-width:1024px){
.pagecommon{font-size:17px}
#organizationT .top_area{height:620px}
#organizationT .top_area .txt{left:30px;font-size:18px}
#organizationT .top_area .txt p{font-size:46px}
#organizationT .chart{padding:100px 0 120px;}
#organizationT .chart .top .line{top:115px}
#organizationT .chart .top .center p{font-size:20px}
#organizationT .chart .top .center p span{font-size:13px}
#organizationT .chart .top .center img{width:280px}
#organizationT .chart .top .left, #organizationT .chart .top .right{width:180px;margin-top:80px}
#organizationT .chart .middle{margin-top:100px}
#organizationT .chart .middle .line{left:9.5%;width:81%}
#organizationT .chart .middle dl{width:19%}
}
@media(max-width:768px){
.pagecommon{font-size:15px}
#organizationT .top_area{height:420px}
#organizationT .top_area .txt{left:20px;right:20px;font-size:16px;word-break:keep-all}
#organizationT .top_area .txt p{margin-bottom:20px;font-size:32px;word-break:keep-all}
#organizationT .top_area .scroll{bottom:30px}
#organizationT .chart{padding:80px 20px 100px}
}
@media(max-width:680px){
#organizationT .chart .top{padding-top:250px}
#organizationT .chart .top .line:not(.vtc){top:360px}
#organizationT .chart .top .center{position:absolute;top:0}
#organizationT .chart .top .center img{width:250px}
#organizationT .chart .top .left, #organizationT .chart .top .right{margin-top:50px}
#organizationT .chart .top .right{margin-left:40px}
#organizationT .chart .bd_mem{height:55px}
#organizationT .chart .bd_mem:before{left:-30px;top:-30px}
#organizationT .chart dl dt{height:55px}
#organizationT .chart dl dd{padding:20px 0}
#organizationT .chart .middle{flex-wrap:wrap;justify-content:center;margin-top:50px;padding:20px;border:1px solid #e1e1e1;background:#fff}
#organizationT .chart .middle .line{display:none}
#organizationT .chart .middle dl{width:48%;max-width:180px;margin:1%}
#organizationT .chart .middle dl:before{display:none}
#organizationT .chart .middle dl dd p{margin:0}
}

/* 경영이념 */
#manageT .tit{text-align:center}
#manageT .tit span{font-size:13px;font-weight:700;color:#6e62c3;letter-spacing:0;font-family:'Poppins'}
#manageT .tit p{margin-bottom:40px;font-size:30px;color:#111;font-weight:700}
#manageT .tit .bdr{padding:30px;border-top:3px solid #6e62c3}
#manageT .bdr{padding:50px;border:1px solid #e1e1e1}
#manageT .box{margin-top:50px}
#manageT .s_tit{position:relative;margin-bottom:20px;padding-left:35px;font-size:22px;font-weight:700;color:#111}
#manageT .s_tit:after{position:absolute;content:'';top:50%;left:0;width:25px;height:2px;transform:translateY(-50%);background:#6e62c3}
#manageT .txt img{width:100%}
#manageT .c_box{border:1px solid #e1e1e1}
#manageT .c_box ul{display:grid;grid-template-columns:repeat(3,1fr)}
#manageT .c_box li{display:flex;gap:25px;align-items:flex-start;padding:50px}
#manageT .c_box li:nth-child(even){background:#f2f2f2}
#manageT .c_box li p{margin-bottom:10px;font-size:17px;font-weight:700;color:#111}
#manageT .cle{text-align:center}
#manageT .m_txt{position:relative;width:50%;margin:-50px auto 0;padding:30px 50px;text-align:center;color:#fff;background:#6e62c3}
#manageT .m_txt p{margin-bottom:5px;font-size:23px;font-weight:300;}
#manageT .m_txt span{opacity:.5}
#manageT .list{width:90%;margin:-100px auto 0;padding:140px 50px 50px;border:1px solid #e1e1e1;background:#f2f2f2}
#manageT dl+dl{margin-top:30px;padding-top:30px;border-top:1px dashed #e1e1e1}
#manageT dl dt{font-size:17px;font-weight:700;color:#111}
#manageT .list dl{padding-left:30px}
#manageT .list dl dt{position:relative}
#manageT .list dl dt:after{position:absolute;content:'';top:12px;left:-20px;width:5px;height:5px;background:#6e62c3}
#manageT .tbl_area{border:1px solid #e1e1e1;border-bottom:none}
#manageT .tbl_area table{width:100%}
#manageT .tbl_area table *{padding:20px;border-bottom:1px solid #e1e1e1}
#manageT .tbl_area th{width:25%;font-size:17px;font-weight:500;color:#111;background:#f0eff9}
#manageT .tbl_area td{border-left:1px dashed #e1e1e1}

@media(max-width:1024px){
.pagecommon .pl{white-space:normal}	
#manageT .m_txt{width:100%;margin:0 auto}
#manageT .list{width:100%;margin:0 auto;padding:50px}
#manageT .c_box li{padding:30px}
#manageT .cle img{width:100%}
#manageT .box .txt img{display:none}
}

@media(max-width:768px){
.pagecommon{font-size:14px}
#manageT .c_box li{flex-direction:column;align-items:center;padding:30px}
#manageT .c_box li div{text-align:center}
#manageT .cle{padding:20px}
#manageT .tit p{font-size:27px}
#manageT .tbl_area th{font-size:16px}
#manageT .s_tit{font-size:20px}
#manageT .s_tit:after{width:20px}
}

/* 찾아오시는길 */
#locationT .tit{display:flex;gap:50px;margin-bottom:50px}
#locationT .tit p{padding-top:15px;border-top:3px solid #111;font-size:25px;color:#111;font-family:'NPSfontBold'}
#locationT .tit dl{margin-top:20px}
#locationT .tit dt{margin-bottom:20px;font-size:20px;color:#111}

#locationT .cont01 .map{overflow:hidden;margin-bottom:50px;border-radius:10px}
#locationT .cont01 li{display:flex;align-items:center;gap:50px}
#locationT .cont01 li+li{margin-top:20px}
#locationT .cont01 li div{display:flex;align-items:center;justify-content:center;width:100px;height:100px;border:1px solid #e1e1e1;border-radius:10px}
#locationT .cont01 dl{width:75%}
#locationT .cont01 dl dt{margin-bottom:5px;font-size:20px;font-weight:700;color:#111;font-family:'NPSfontBold'}
#locationT .cont01 dl dd{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
#locationT .cont01 dl dd+dd{margin-top:5px}
#locationT .cont01 dl dd span{display:inline-block;width:80px;border-radius:50px;font-size:13px;color:#fff;text-align:center;font-family:'NPSfontBold'}
#locationT .cont01 dl dd span.line1{background:#395cb4}
#locationT .cont01 dl dd span.line2{background:#10a643}
#locationT .cont01 dl dd span.line3{background:#de6d00}
#locationT .cont01 dl dd span.bus1{background:#395cb4}
#locationT .cont01 dl dd span.bus2{background:#50a332}
#locationT .cont01 dl dd span.bus3{background:#df121a}
#locationT .cont01 dl dd p{display:flex;align-items:center;gap:10px}

#Map_box{width:100%;height:500px}

@media(max-width:768px){
.pagecommon{font-size:14px}
#locationT .tit p{font-size:22px}
#locationT .tit dt{font-size:16px}
#locationT .cont01 .map{margin-bottom:20px}
#locationT .cont01 dl dt{font-size:18px}
#Map_box{height:300px}
}
@media(max-width:480px){
#locationT .cont01 li{display:block}
#locationT .cont01 li+li{margin-top:35px;padding-top:35px;border-top:1px dashed #e1e1e1}
#locationT .cont01 li div{width:60px;height:60px}
#locationT .cont01 li div img{width:25px}
#locationT .cont01 dl{width:100%;margin-top:15px}
}

/* 업무소개*/
#businessT{position:relative;max-width:var(--mainsize);margin:0 auto;padding:80px 0;font-size:15px;line-height:1.5;color:#777;font-family:var(--k-font)}
#businessT *{word-break:keep-all}
#businessT .cont h2{margin-bottom:10px;font-size:20px;font-weight:700;color:#111}
#businessT .cont>div+div{margin-top:70px}
#businessT .box .ntc{display:block;margin-bottom:20px}
#businessT .merit{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
#businessT .merit li{border:1px solid #e1e1e1;margin-bottom:90px}
#businessT .merit li img{width:100%}
#businessT .merit dl{padding:20px}
#businessT .merit dt{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:16px;font-weight:700;color:#111}
#businessT .merit dt span{display:flex;align-items:center;justify-content:center;width:190px;height:30px;font-size:13px;color:#fff;background-color: rgb(85, 20, 63);}
#businessT .merit1{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
#businessT .merit1 li{border:1px solid #e1e1e1;margin-bottom:90px}
#businessT .merit1 li img{width:100%}
#businessT .merit1 dl{padding:20px}
#businessT .merit1 dt{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:16px;font-weight:700;color:#111}
#businessT .merit1 dt span{display:flex;align-items:center;justify-content:center;width:150px;height:30px;font-size:13px;color:#fff;background-color: rgb(30, 32, 139);}
#businessT .merit2{display:grid;grid-template-columns:repeat(1,1fr);gap:10px}
#businessT .merit2 li{border:1px solid #e1e1e1;margin-bottom:90px}
#businessT .merit2 li img{width:100%}
#businessT .merit2 dl{padding:20px}
#businessT .merit2 dt{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:16px;font-weight:700;color:#111}
#businessT .merit2 dt span{display:flex;align-items:center;justify-content:center;width:150px;height:30px;font-size:13px;color:#fff;background-color: rgb(30, 32, 139);}

#businessT .tbl_area table{width:100%;border-bottom:1px solid #e1e1e1;font-size:14px;text-align:center}
#businessT .tbl_area thead th{border-top:1px solid #222;border-bottom:1px solid var(--primary);font-weight:600;color:#111}
#businessT .tbl_area thead th{padding:15px 0;background:#f5f5f5}
#businessT .tbl_area tbody tr>*{padding:15px;vertical-align:middle}
#businessT .tbl_area tbody td{border-left:1px solid #e1e1e1;text-align:left}
#businessT .tbl_area tbody tr+tr>*{border-top:1px solid #e1e1e1}
#businessT .tbl_area th{font-weight:600;color:#111}
#businessT .tbl_area tbody th{background:#f2f2f2}
#businessT .tbl_area .last{text-align:center}
#businessT .tbl_area.center td{text-align:center}

@media(max-width:1024px){
#businessT{padding:100px 15px}
}
@media(max-width:768px){
#businessT{padding:50px 15px;font-size:14px}
#businessT .cont>div+div{margin-top:50px}
#businessT .cont h2{font-size:18px}
#businessT .merit{grid-template-columns:repeat(2,1fr)}
#businessT .prcs dt{font-size:16px}
#businessT .prcs .cir{width:150px;height:150px;border:10px solid var(--primary);font-size:18px}
#businessT .merit dt{font-size:15px}
#businessT .merit dt span{font-size:11px}
}
@media(max-width:580px){
#businessT .cont>div+div{margin-top:30px}
#businessT .prcs{gap:10px}
#businessT .prcs:after{display:none}
#businessT .prcs dl{padding:15px 10px 10px;border:1px solid #e1e1e1}
#businessT .prcs .cir{grid-column:span 2;position:unset;width:100%;height:auto;margin:0 auto;padding:15px 0;border:none;border-radius:0;color:#fff;background:var(--primary);transform:unset}
#businessT .prcs dt{font-size:14px}
#businessT .merit dt{flex-direction:column;text-align:center}
#businessT .merit dd{text-align:center}
}
@media(max-width:390px){
#businessT .prcs{grid-template-columns:repeat(1,1fr)}
#businessT .prcs .cir{grid-column:unset}
}


/* 터미널 특징*/
#terminalT>div{margin:0 50px 10px}
#terminalT>div:after{display:block;clear:both;content:''}
#terminalT .tit{float:left;width:120px;font-weight:700;font-size:14px;line-height:3;color:var(--primary);letter-spacing:0;font-family:'Poppins',sans-serif}
#terminalT .content{float:left;width:calc(100% - 120px)}
#terminalT .tit_area{font-weight:200;line-height:1.4;color:#222}
#terminalT .tit_area b{font-weight:700}
#terminalT .about_area .content .tit_area{margin-bottom:30px;font-size:30px}
#terminalT .about_area .content .txt b{font-weight:700;text-decoration:underline;color:#222}
#terminalT .img_area{position:relative}
#terminalT .img_area:before{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:calc(100% + 140px);height:335px;background-color:#393a46;content:'';z-index:-1}
#terminalT .img_area img{float:left;width:50%}
#terminalT .img_area img:nth-child(2){padding-top:46px;margin-bottom:56px}
#terminalT .img_area p{position:absolute;top:0;right:70px;width:140px;height:120px;background:linear-gradient(135deg,#04305a,var(--primary));background:-o-linear-gradient(135deg,var(--primary),#04305a);background:-moz-linear-gradient(135deg,var(--primary),#04305a);background:-webkit-linear-gradient(135deg,var(--primary),#04305a)}
#terminalT .img_area p span{position:absolute;bottom:25px;left:28px;font-weight:500;font-size:13px;color:#fff;font-family:'Poppins',sans-serif;letter-spacing:0}
#terminalT .investment_area .content .tit_area{margin-bottom:35px;font-size:28px}

#terminalT .investment_area .content .icon_area{overflow:hidden;border:1px solid #e1e1e1;padding:80px 15px 45px}
#terminalT .investment_area .content .icon_area dl{float:left;width:calc(100% / 3 - 72px);margin:0 34px}
#terminalT .investment_area .content .icon_area dl dt{position:relative;padding-bottom:26px;margin-bottom:30px;border-bottom:3px solid #222;font-weight:500;font-size:13px;text-align:right;font-family:'Poppins',sans-serif;color:#222}
#terminalT .investment_area .content .icon_area dl dt:after{position:absolute;left:0;bottom:26px;height:56px;width:65px;background:no-repeat bottom left;content:''}
#terminalT .investment_area .content .icon_area dl:nth-child(1) dt:after{background-image:url(../img/sub/terminalT_icon01.png)}
#terminalT .investment_area .content .icon_area dl:nth-child(2) dt:after{background-image:url(../img/sub/terminalT_icon02.png)}
#terminalT .investment_area .content .icon_area dl:nth-child(3) dt:after{background-image:url(../img/sub/terminalT_icon03.png)}
#terminalT .investment_area .content .icon_area dl dd{color:#555}

@media(max-width:1024px){
.pagecommon{font-size:14px}
.pagecommon .br{white-space:normal;word-break:keep-all}
#terminalT .tit{float:none}
#terminalT .content{float:none;width:100%}
#terminalT .img_area:before{height:225px}
#terminalT .img_area p{width:110px;height:110px}
#terminalT .img_area p span{left:20px;bottom:20px}
}
@media(max-width:768px){
#terminalT .img_area:before{height:175px}
#terminalT .investment_area .content .icon_area{padding:60px 0}
#terminalT .investment_area .content .icon_area dl{float:none;width:calc(100% - 68px)}
#terminalT .investment_area .content .icon_area dl+dl{margin-top:70px}
#terminalT .img_area p{right:30px}
}
@media(max-width:480px){
#terminalT .about_area .content .tit_area{font-size:28px}
#terminalT>div{margin:0 15px 50px}
#terminalT .img_area:before{width:calc(100% + 30px);height:150px}
#terminalT .img_area p{display:none}
}
@media(max-width:380px){
.pagecommon .tit_area p{font-size:24px !important}
#terminalT .about_area .content .tit_area,#terminalT .investment_area .content .tit_area{font-size:24px}
#terminalT .img_area:before{height:calc(100% + 40px);bottom:auto;top:-20px}
#terminalT .img_area img{float:none;width:100%}
#terminalT .img_area img:nth-child(2){padding-top:10px;margin-bottom:0}
}



/* 게시판 */
#boardT{position:relative;max-width:var(--mainsize);margin:30px auto;padding-bottom:100px;font-size:15px;line-height:1.8;color:#777;font-family:var(--k-font)}
#boardT *{word-break:keep-all}

.sh_tbl_common{width:100%;border-top:1px solid #555}
.sh_tbl_common table{width:100%}
.sh_tbl_common th{border-bottom:1px solid #e1e1e1;font-size:15px;font-weight:600;color:#222} 
.sh_tbl_common td{border-bottom:1px solid #e1e1e1;font-size:14px;color:#777}

/* 검색 */
.list_top{margin-bottom:30px;text-align:right}
#sh_bo_sch{display:inline-block;padding-right:10px;border-radius:2px;border:1px solid #e1e1e1}
#sh_bo_sch select{width:90px;height:40px;padding:0 0 0 10px;border:none;font-size:14px;color:#777;-webkit-appearance:none;appearance:none;background:url(../img/sub/select_arr.png) 95% center no-repeat}
#sh_bo_sch input[type=text]{width:150px;height:40px;padding-left:5px;border:none;font-size:14px;color:#777}

/* 리스트 */
#sh_list_tbl tbody tr:hover{background-color:#fafafa}
#sh_list_tbl .bo_notice:hover{background-color:#f5f6f8}
#sh_list_tbl th{height:60px;vertical-align:middle} 
#sh_list_tbl td{height:60px;vertical-align:middle}
#sh_list_tbl td.num{width:10%;text-align:center}
#sh_list_tbl td.num .fa-bell-o{color:#0054a6}
#sh_list_tbl td.subject{font-size:15px;color:#222;font-weight:500}
#sh_list_tbl td.subject .fa-lock{display:inline-block;vertical-align:1px;margin-right:5px;padding:2px 4px 1px;border:1px solid #e1e1e1;border-radius:2px;font-size:12px;color:#bbb;background-color:#f6f6f6}
#sh_list_tbl td.subject .fa-download{padding-left:5px;font-size:14px;color:#bbb}
#sh_list_tbl td.subject .new{display:inline-block;vertical-align:2px;width:14px;height:15px;margin-left:5px;border-radius:2px;font-size:10px;font-weight:500;line-height:15px;color:#fff;text-align:center;background-color:#0054a6;font-family:'Poppins'}
#sh_list_tbl td.subject .new.flash{display:none}
#sh_list_tbl td.subject .fa-long-arrow-right{padding-right:8px;font-size:14px;color:#0054a6}
#sh_list_tbl td.name{width:11%;text-align:center}
#sh_list_tbl td.datetime{width:11%;text-align:center}
#sh_list_tbl .bo_notice{background-color:#f5f6f8}
#sh_list_tbl .notice{color:#0054a6}
#sh_list_tbl .notice:after{display:inline-block;content:"";width:1px;height:10px;margin:0 12px;background-color:#ccc}
#sh_list_tbl .cate_link span{color:#0054a6}
#sh_list_tbl .cate_link span:after{display:inline-block;content:"";width:1px;height:10px;margin:0 12px;background-color:#ccc}
#sh_list_tbl .state{width:10%}
#sh_list_tbl .state span{display:block;padding:10px 0;color:#fff;border-radius:2px;background:#222;text-align:center;font-weight:500}
#sh_list_tbl .state .option01{background:#bdbdbd}
#sh_list_tbl .state .option02{background:#6182a2}
#sh_list_tbl .state .option03{background:#3c93e8}
#sh_list_tbl .state .option04{background:#3c93e8}

/* ===================== 페이징 */
.pg_wrap{margin:20px 0}
.pg_wrap .pg{display:flex;justify-content:center;font-size:12px;font-weight:600;text-align:center}
.pg_page, .pg_current{min-width:28px;height:28px;padding:0 5px;margin:0 2px;border-radius:3px;font-weight:600;color:#999;line-height:28px;background:#f2f2f2;border:none;font-family:'Pretendard'}
.pg_current{color:#fff;background:#333}
.pg_end{text-indent:-999px;overflow:hidden;background:url('../img/sub/btn_end.gif') no-repeat center #fff;border:1px solid #e1e1e1}
.pg_next{text-indent:-999px;overflow:hidden;background:url('../img/sub/btn_next.gif') no-repeat center #fff;border:1px solid #e1e1e1}
@media(max-width:768px){
.pg_page, .pg_current{min-width:24px;height:24px;line-height:24px}
}

.btn_area{margin-top:20px;text-align:right}
.btn_type01{display:inline-block;width:180px;height:55px;margin:0 auto;border-radius:2px;font-size:15px;font-weight:600;color:#fff;text-align:center;line-height:55px;background-color:#0054a6;-webkit-transition:all .2s;transition:all .2s}
.btn_type01:hover{background-color:#0064c5}

@media(max-width:1024px){
#sh_list_tbl td.subject{width:70%}
#sh_list_tbl td.datetime{width:15%}
}
@media(max-width:768px){
#sh_list_tbl th.num{display:none}
#sh_list_tbl td.num{display:none}
#sh_list_tbl th.name{display:none}
#sh_list_tbl td.name{display:none}
#sh_list_tbl td{padding:5px 15px}
#sh_list_tbl td.subject{width:45%}
#sh_list_tbl .state span{padding:5px 0}
.btn_area{padding-right:10px}
.btn_type01{width:100px;height:40px;line-height:40px;font-size:14px}
}
@media(max-width:580px){
.sh_tbl_common td{font-size:13px}
.list_top{padding:0 10px}
#sh_bo_sch{width:100%}
#sh_bo_sch input[type=text]{width:calc(100% - 115px)}
#sh_list_tbl th{line-height:45px;font-size:14px}
#sh_list_tbl td{height:50px}
#sh_list_tbl td.subject{font-size:14px}
#sh_list_tbl td.datetime{width:20%;padding:0}
}
/* 읽기 */
#sh_bo_v{border-top:1px solid #555;font-size:15px;letter-spacing:-.3px;line-height:1.8;color:#666}
#sh_bo_v .tit{min-height:60px;padding:15px;border-bottom:1px solid #eee;font-size:17px;font-weight:600;color:#222;background-color:#f5f6f8}
#sh_bo_v .tit .cate{color:#0054a6}
#sh_bo_v .tit .cate:after{display:inline-block;content:"";width:1px;height:10px;margin:0 12px;background-color:#ccc}

/* 상단 정보 */
#sh_bo_v .info{height:60px;padding:0 15px;border-bottom:1px solid #eee;font-size:14px;line-height:60px}
#sh_bo_v .info:after{display:block;content:"";visibility:hidden;clear:both}
#sh_bo_v .info p{float:left}
#sh_bo_v .info ul{float:right}
#sh_bo_v .info ul li{display:inline-block;margin-left:30px}
#sh_bo_v .info b{font-weight:normal}
#sh_bo_v .info b:after{display:inline-block;content:"";width:1px;height:10px;margin:0 12px;background-color:#ccc}

/* 본문 */
#sh_bo_v .bo_ul{overflow:hidden}
#sh_bo_v .bo_ul li{padding:5px 15px}
#sh_bo_v .bo_ul li:first-child{padding-top:15px}
#sh_bo_v .bo_ul li:last-child{padding-bottom:15px;border-bottom:1px solid #eee}
#sh_bo_v .bo_ul span{display:inline-block;min-width:80px;height:30px;margin-right:15px;border:1px solid #e1e1e1;border-radius:20px;font-size:14px;font-weight:600;text-align:center;color:#222;line-height:30px;background-color:#f5f6f8}
#sh_bo_v .bo_cont{padding:50px 15px;border-bottom:1px solid #d1d1d1}

/* 뷰 버튼 */
#sh_bo_v .btn_area{overflow:hidden;position:relative;margin:20px 0}
#sh_bo_v .btn_area ul{overflow:hidden}
#sh_bo_v .btn_area ul li{float:left}
#sh_bo_v .btn_area .left{float:left}
#sh_bo_v .btn_area .left li{margin-right:4px}
#sh_bo_v .btn_area .right{float:right}
#sh_bo_v .btn_area .right li{margin-left:4px}
#sh_bo_v .btn_area ul li a{height:45px;line-height:45px}
#sh_bo_v .btn_area ul li a.w_btn{width:120px}

/* 이전/다음 글 */
#sh_bo_v .v_page li{min-height:60px;padding:15px;border-bottom:1px solid #eee} 
#sh_bo_v .v_page li i{padding:0 30px 0 15px;font-size:16px;color:#222}
#sh_bo_v .v_page li a{color:#777}
#sh_bo_v .v_page li a:hover{color:#222}

.btn_type01{display:inline-block;width:180px;height:55px;margin:0 auto;border-radius:2px;font-size:15px;font-weight:600;color:#fff;text-align:center;line-height:55px;background-color:var(--primary);-webkit-transition:all .2s;transition:all .2s;}
.btn_type01:hover{background-color:#0064c5}
a.cancel_btn{display:inline-block;vertical-align:top;width:75px;height:55px;border:none;border-radius:2px;font-size:15px;font-weight:600;text-align:center;color:#fff;line-height:55px;background-color:#bbb}
a.btn_normal{display:inline-block;vertical-align:top;width:75px;height:55px;border:none;border-radius:2px;font-size:15px;font-weight:600;text-align:center;color:#fff;line-height:55px;background-color:#bbb}
a.btn_line{display:inline-block;vertical-align:top;width:75px;height:55px;border:none;border-radius:2px;border:1px solid #d1d1d1;font-size:15px;font-weight:600;text-align:center;color:#777;line-height:53px}

@media(max-width:1024px){
}
@media(max-width:768px){
#sh_bo_v{margin:20px 0;font-size:14px}
#sh_bo_v .tit{padding:15px 10px;font-size:15px}
#sh_bo_v .info{height:auto;padding:10px;line-height:1.8}
#sh_bo_v .info p, #sh_bo_v .info ul{float:none}
#sh_bo_v .info ul li:first-child{margin:0}
#sh_bo_v .bo_cont{padding:40px 15px}
#sh_bo_v .btn_area .right{padding-right:10px}
}
@media(max-width:580px){
#sh_bo_v .bo_ul span{min-width:58px;height:25px;line-height:25px;font-size:12px}
#sh_bo_v .bo_cont{padding:30px 15px}
#sh_bo_v .v_page li{padding:15px 10px}
#sh_bo_v .v_page li i{padding:0 20px 0 10px}
#sh_bo_v .btn_area ul li a{width:50px;height:35px;line-height:35px;font-size:13px}
#sh_bo_v .btn_area ul li a.w_btn{width:80px}
}


#sh_bo_w{font-size:15px;letter-spacing:-.3px;line-height:1.8;color:#666}
.required, textarea.required {background-image:url('../customer/img/require.png') !important;background-repeat:no-repeat !important;background-position:right top !important}

/* 라이트 */
#sh_write_tbl label{font-size:15px;font-weight:600}
#sh_write_tbl th{width:16%;padding:10px 0;line-height:1.6;;vertical-align:middle;background-color:#f5f6f8}
#sh_write_tbl td{padding:10px}
#sh_write_tbl .cate_wrap{display:inline-block;min-width:181px;padding-left:10px;border-radius:2px;border:1px solid #e1e1e1}
#sh_write_tbl .sh_select{min-width:160px;height:40px;border:none;font-size:15px;color:#777;background-color:transparent}
#sh_write_tbl .sh_select:focus, #sh_write_tbl .sh_select:active{border:none!important}
#sh_write_tbl .sh_input{height:40px;padding:0 20px 0 12px;border:1px solid #e1e1e1;border-radius:2px;font-size:15px;color:#777}
#sh_write_tbl .sh_input:focus, #sh_write_tbl .sh_input:active{border:1px solid #e1e1e1!important;outline:none}
#sh_write_tbl .frm_address{margin-top:5px}
#sh_write_tbl .zip_btn{width:125px;height:40px;margin-left:2px;border:none;border-radius:2px;font-size:14px;font-weight:600;color:#fff;background-color:#555}
#sh_write_tbl .read{background-color:#f5f6f8}
#sh_write_tbl textarea, #sh_write_tbl .txtarea{width:100%;height:100px;padding:12px;border:1px solid #e1e1e1;border-radius:2px;box-shadow:none}
#sh_write_tbl textarea:focus, #sh_write_tbl textarea:active{border:1px solid #e1e1e1!important}
#sh_write_tbl .frm_file{height:auto;padding:0;font-size:14px}
#sh_write_tbl .ps{font-size:14px;color:#ff567f}
#sh_write_tbl span.ps{padding-left:10px}
#sh_write_tbl .privacy{font-size:13px;background-color:#f5f6f8}
#sh_write_tbl .agr_area{text-align:right}
#sh_write_tbl .agr_area p{display:inline-block;vertical-align:middle}
#sh_write_tbl .agr_area input{margin-left:10px}
#sh_write_tbl .agr_area label{vertical-align:middle;font-size:14px}
.full_input{width:100%}

/* 라이트 버튼 */
#sh_bo_w .btn_area{position:relative;margin:20px 0;text-align:center}

/* 버튼 공통 */
.btn_type01{display:inline-block;width:180px;height:55px;margin:0 auto;border-radius:2px;border:none;font-size:15px;color:#fff;text-align:center;line-height:55px;background-color:#0054a6;-webkit-transition:all .2s;transition:all .2s;font-weight:500}
.btn_type01:hover{background-color:#0064c5}
a.cancel_btn{display:inline-block;vertical-align:top;width:75px;height:55px;border:none;border-radius:2px;font-size:15px;text-align:center;color:#fff;line-height:55px;background-color:#bbb;font-weight:500}
a.btn_normal{display:inline-block;vertical-align:top;width:75px;height:55px;border:none;border-radius:2px;font-size:15px;text-align:center;color:#fff;line-height:55px;background-color:#bbb;font-weight:500}
a.btn_line{display:inline-block;vertical-align:top;width:75px;height:55px;border:none;border-radius:2px;border:1px solid #d1d1d1;font-size:15px;text-align:center;color:#777;line-height:53px;font-weight:500}

@media(max-width:1024px){
#board1013{margin:0 auto;padding:30px 15px}
}

@media(max-width:768px){
.sh_tbl_common th{font-size:14px}
#sh_write_tbl label{font-size:14px}
#sh_write_tbl .sh_input{font-size:14px}
}
@media(max-width:580px){
#board1012{padding:0}
#sh_write_tbl th{font-size:14px}
.sh_tbl_common th{font-size:13px}
#sh_write_tbl label{font-size:13px}
#sh_write_tbl .sh_input{width:100%}
#sh_write_tbl #sh_zip{width:calc(100% - 135px)}
#sh_write_tbl .zip_btn{font-size:13px}
#sh_write_tbl .agr_area p{display:block}
.btn_type01{width:130px;height:45px;line-height:45px;font-size:14px}
a.cancel_btn{width:65px;height:45px;line-height:45px;font-size:14px}
}