/* 서브 디자인 스타일 */
body {overflow-x: hidden;}
em {font-style: normal;}
select, input, button, textarea {font-family: "Noto Sans KR", sans-serif;font-size:1rem;outline: none;}
button {cursor: pointer;}
img {max-width:100%;}
.quick-nav {z-index:100;}
.sub-vis {text-align:center;}
.sub-vis .txt2 {font-weight: normal;}
.mt-0 {margin-top:0 !important;}
.mb-0 {margin-bottom:0 !important;}
.txt-right {text-align:right;}
.dot-list li {margin-top:10px;padding-left:15px;position: relative;}
.dot-list li:before {content:'';display:inline-block;width:5px;height:5px;background-color: #326aff;border-radius: 50%;position: absolute;left:0;top:12px;}
.txt-list li {margin-top:10px;padding-left:0;position: relative;}
hr {margin-top:5.5rem;margin-bottom:5.5rem;border: 0;border-top: 1px solid #cdcdcd;}
.m-br {display: none;}

.brd-sub {margin-bottom:90px;}
.sub-vis.type1 {background: url(../img/sub/sub-vis1.png) 50% 80px;}
.sub-vis.type3 {background: url(../img/sub/sub-vis3.png) 50% 0;}
.sub-vis.type4 {background: url(../img/sub/sub-vis4.png) 50% 0;}
.sub-vis.type5 {background: url(../img/sub/sub-vis5.png) 50% 0;}
.sub-vis.type6 {background: url(../img/sub/sub-vis6.png) 50% 0;}

@media screen and (min-width: 1024px) {
    .sub-vis .txt1 {font-size: 3.7rem;}
    .sub-vis .txt2 {font-size: 1.9rem;}
}


.sub-inner, .sub-inner-xl {width: 100%;margin-left: auto;margin-right: auto;padding-left: 15px;padding-right: 15px;box-sizing: border-box;}
.sub-inner *, .sub-inner-xl * {box-sizing: border-box;}
.sub-inner-xl {max-width: 1674px;}
.sub-inner {max-width: 1554px;}

@media screen and (max-width: 1199px) {
    .sub-inner{padding-left: 24px;padding-right: 24px;}
}


.badge {vertical-align:top;display:inline-block;background-color: #326aff;color:#fff;min-width:60px;text-align:center;height:26px;line-height: 24px;padding:0 8px;border-radius:3px;font-size:.9rem;}

.sub-tabs-area {margin: 100px 0 100px 0; font-size:1.2rem;}
.sub-tabs-area ul {display: flex; flex-wrap: wrap; border: 1px solid #cdcdcd; border-width: 1px 0 0 1px;}
.sub-tabs-area ul li {width:16.6666%; border:1px solid #cdcdcd; border-width: 0 1px 1px 0; text-align: center;}
.sub-tabs-area ul a {width: 100%; padding: 12.5px 5px; min-height: 70px;height: 100%;display: flex;align-items: center;justify-content: center; font-size: 20px; color: #666; font-weight: 300; word-break: keep-all;}
.sub-tabs-area .active a {background-color:#326aff;color:#fff;}

@media (max-width: 1023px){
    .m-br {content: ""; display: block;}
    .sub-tabs-area{font-size: 1rem;}
    .sub-tabs-area ul li{width: 33.33%;}
    .sub-tabs-area ul a{flex-direction: column; min-height: 60px;}
}

@media (max-width: 575px){
    .sub-tabs-area{margin-top: 32px;}
}
@media (max-width: 479px){
    .sub-tabs-area{font-size: 0.9rem;}
}

.srch-box {max-width:560px;margin:80px auto 60px;display: flex;justify-content: space-between;font-size:1.3rem;border-bottom:2px solid #222;}
.srch-box .col1 {max-width: 130px;}
.srch-box .col2 {flex-grow: 1;}
.srch-box .col3 {width: 50px;}
.srch-box select{background-color: #fff;}
.srch-box select, .srch-box input, .srch-box button {height:44px;border:none;}
.srch-box .col2 input {padding-left:8px;width:100%;}
.srch-box .col3 button {width:100%;font-size:1.5rem;background: transparent;}

@media (max-width: 413px){

    .srch-box{margin: 50px auto 60px;}

}

.thumb-area{position: relative; padding-bottom: 0;}
.thumb-area .slick-dots li{width: auto;}
.thumb-area > ul {display: flex; flex-wrap: wrap; gap: 30px 1%;}
.thumb-area > ul li{width: 24.2%;}
.thumb-area > ul li a{border:1px solid #cdcdcd; display:block;}
.thumb-area > ul li a img{transition: all .3s;}
.thumb-area > ul li a:hover img{transform: scale(1.3);}
.thumb-area > ul li.slide{/* width: 365px;width: 366px; */  width: 24.2%; margin:0 0 30px;}
.thumb-area > ul li .img_box{overflow: hidden;}
.thumb-area > ul li.slide .img_box{background-color: #ddd;}
.thumb-area > ul li.slide .img{width: auto; height: auto; max-width: 100%; max-height: 100%; margin: auto;}
.thumb-area .thumb-body {height: 200px; padding:23px 20px;border-top:1px solid #cdcdcd;}
.thumb-area .img_box{height: 258px;}
.thumb-area .img {display: block; width:100%; height: 100%; object-fit: cover;}
.thumb-area .tit {display:block;color:#070707;font-size:1.3rem;line-height: 1.3;margin-bottom:10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.thumb-area .badge + .tit {margin-top:5px;}
.thumb-area .desc {color:#707070;margin-bottom:10px;letter-spacing: -.05em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.thumb-area .date {color:#707070;}
.thumb-area ul.slick-dots{margin-top: 55px; width: 100%; display: flex; gap: 0 25px; align-items: center; justify-content: flex-start;}
.thumb-area ul.slick-dots li{}
.thumb-area ul.slick-dots li.slick-active button{width: 30px; height: 30px; border: 1px solid #326aff; background-color: transparent;}
.thumb-area ul.slick-dots li button{display: block; width: 8px; height: 8px; background-color: #326aff; text-indent: -9999px; border-radius: 50%; vertical-align: middle; border: 0;}
.thumb-area .control{display: none; position: absolute; right:0; bottom: 0;}
.thumb-area .control button{ width: 60px; height: 60px; font-size: 1.5rem; background:transparent; border: 1px solid #326aff; color: #326aff; border-radius: 50%;margin-left: 15px;

}

@media (min-width: 1700px){
    
/*
    .thumb-area .slick-slider .slick-track, .slick-slider .slick-list{

        transform: translate3d(0,0,0)!important;

    }
*/

}

@media (max-width: 1699px){
    .thumb-area .img_box {height: auto;}
    .thumb-area > ul li.slide .img{width: 100%;}
}

@media (max-width: 1023px){

    .thumb-area{padding-bottom: 10px;}
    .thumb-area > ul li{width: 32.6%;}
    .thumb-area > ul li.slide{width: 49.5%;}
    .thumb-area ul.slick-dots{margin-top: 34px;}

}

@media (max-width: 767px){

    .thumb-area .control{display: block;}
    .thumb-area .img_box {height: auto;}
    .thumb-area > ul li{width: 49.5%;}
    .thumb-area > ul li.slide .img{width: 100%;}

}

@media (max-width: 575px){


    .thumb-area > ul li.slide{width: 100%;}
    .thumb-area .thumb-body{height: 162px;}
    .thumb-area ul.slick-dots{gap: 0 40px;}

}

@media (max-width: 479px){

    .thumb-area{padding-bottom: 0;}
    .thumb-area ul.slick-dots{gap: 0 20px; margin-top: 12px;}
    .thumb-area .control button,
    .card-list-wrap .card-slide-control button{margin-left: 5px!important; width: 40px!important; height: 40px!important;}
    .thumb-area ul.slick-dots li.slick-active button{width: 26px; height: 26px;}

}

@media (max-width: 413px){

    .thumb-area > ul{gap:0;}   
    .thumb-area > ul li{width: 100%;}

}

.media-list-area {margin-top:100px;}
.media-list-area > ul {border-top:2px solid #070707;}
.media-list-area > ul > li {display: flex;align-items:center;border-bottom:1px solid #cbcbcb;padding:38px 0; background-color: #fff!important; transition: all .1s;} 
.media-list-area > ul > li:hover{background-color: #fafafa!important;}
.media-list-area > ul > li:hover .bt button{background-color:#326aff; border: 0;}
.media-list-area .media-body {width: 100%; padding:0 10px;}
.media-list-area .date, .media-list-area .bt {width:14%;text-align:center;}
.media-list-area .date {color:#070707;line-height: 1.2;}
.media-list-area .date em {display:block;font-size:3rem;font-weight:900;}
.media-list-area .date span {font-weight:700;}
.media-list-area .tit {color:#070707;font-size:1.3rem;line-height: 1.1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.media-list-area .desc {color:#707070;margin-top:15px;letter-spacing: -.05em; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.media-list-area .bt button { border:1px solid #cdcdcd;color:#cdcdcd;width:50px;height: 50px;background: transparent;font-size:1.2rem;}
.media-list-area li.active {background-color:#fafafa;}
.media-list-area li.active .bt button {color:#cdcdcd; transition: all .1s;}
.page-nav {text-align:center;margin-top:60px;margin-bottom:6vh;}
.page-nav > ul {display:flex;align-items: center;justify-content: center;font-size:1.1rem;}
.page-nav .lnk {display:block;width:36px;height:36px;line-height: 34px;}
.page-nav .ico {margin:0 5px;}
.page-nav .ico .lnk {border:1px solid #326aff;color:#326aff;border-radius:50%;font-size:1.5rem;}
.page-nav .active .lnk {color:#326aff;font-weight:700;}

.card-list-slide {margin:0 -30px;}
.card-list .item {margin:0 30px;}
.card-list-slide .intro-wrap {display: block; margin-bottom:0;}
.sub-inner-xl.card-list-wrap{padding-left:30px;}

.card-list-wrap .slick-dots {display: flex;margin:30px 0 30px 10px;padding: 1rem 0;list-style-type: none;position: relative;z-index:999;}
.card-list-wrap .slick-dots li {margin: 0 0.25rem;}
.card-list-wrap .slick-dots li button { position: relative;display: block;width: 1.8rem;height: 1.8rem;padding: 0;border: 1px solid transparent;border-radius: 100%;background-color: transparent;text-indent: -9999px;}
.card-list-wrap .slick-dots li button:after {display:block;content:'';width:8px;height:8px;background-color:#326aff;position: absolute;top:50%;left:50%;margin-top:-4px;margin-left:-4px;border-radius:50%;}
.card-list-wrap .slick-dots li.slick-active button {border:1px solid #326aff;}
.card-list-wrap .slick-dots li.slick-active button:after {background-color: transparent;}
.card-list-wrap .card-slide-control {text-align:right;position: relative;top:-90px;z-index:10;}
.card-list-wrap .card-slide-control button {width:60px;height:60px;font-size:1.5rem;background: transparent;border:1px solid #326aff;color:#326aff;border-radius: 50%;margin-left:15px;}

@media (max-width: 1023px){

    .media-list-area .date{flex-shrink: 0; width: 90px;}
    .media-list-area .bt{display: none;}
    .media-list-area > ul > li{padding:20px 0 20px 0;}
    .media-list-area .media-body{padding: 0; overflow: hidden;}
    .media-list-area strong.tit{margin-top: 12px; display: block;}
    .media-list-area > ul > li{background-color: #fff!important;}
    

}

@media (max-width: 413px) {

    .media-list-area{margin-top:60px;}
    
}

/*******************************************************************
*	게시판 뷰페이지 --- notice_view
********************************************************************/
.board_view .tit_wrap{padding:45px 0; text-align: center; border-top:1px solid #333; border-bottom:1px solid #d9d9d9;}
.board_view .tit_wrap .tit{font-size:40px; color:#333; font-weight: 700; margin-bottom: 20px;}
.board_view .tit_wrap .date{font-size:16px; color:#333; font-weight: 300;}
.board_view .con{font-size:15px; color:#666; font-weight:300; padding:25px 10px; border-bottom:1px solid #d9d9d9;}
.board_view .file{margin-top: 30px; margin-bottom: 30px;}
.board_view .file .tit{font-size:24px; color:#333; font-weight: 500; margin-bottom: 15px;}
.board_view .file .down a{display: block; font-size:18px; color:#333; font-weight:300; margin-bottom: 5px;}
.board_view .file .down a i{margin-right: 5px;}
.board_view .page_navi{background: #f7f7f7; padding:30px 40px;}
.board_view .page_navi > a{display:flex; align-items:center; justify-content:space-between; margin-bottom: 10px;}
.board_view .page_navi > a:last-child{margin-bottom:0;}
.board_view .page_navi .contents{display:flex; align-items:center; width:calc(100% - 100px);}
.board_view .page_navi .contents i{font-size:20px; color:#333; margin-right: 5px;}
.board_view .page_navi .contents span{color:#333; font-weight:500; margin-right: 10px;}
.board_view .page_navi .contents p{font-weight:300; }
.board_view .page_navi .date{width:100px;text-align: right;font-size:16px;font-weight: 300;color:#999;}

@media(max-width:768px){

.board_view .tit_wrap{padding: 25px 0;}
.board_view .tit_wrap .tit{font-size: 20px;line-height: 150%;margin-bottom: 10px;}
.board_view .con{font-size:15px; color:#666; font-weight:300; padding:25px 10px; border-bottom:1px solid #d9d9d9;}
.board_view .file{margin-top: 20px;margin-bottom: 20px;}
.board_view .file .tit{font-size: 17px;}
.board_view .file .down a{font-size: 14px;}
.board_view .file .down a i{margin-right: 5px;}
.board_view .page_navi{padding: 20px 20px;}
.board_view .page_navi > a:last-child{margin-bottom:0;}
.board_view .page_navi .contents{width: 100%;}
.board_view .page_navi .contents i{font-size:20px; color:#333; margin-right: 5px;}
.board_view .page_navi .contents span{width: 70px;}
.board_view .page_navi .contents p{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.board_view .page_navi .date{display:none;}    
}
/*******************************************************************
*	End 게시판 뷰페이지 --- notice_view
********************************************************************/

.page-title {margin-top:100px;}
.page-title .tit {font-size:3.2rem;letter-spacing: -.05em;color:#070707;}

@media (max-width: 1023px){

    #writeForm .page-title{margin-top: 52px;}
    #writeForm .page-title .tit{font-size: 35px; color: #070707;}
    #writeForm .sub-set{margin-top: 28px;}
    #writeForm .sub-title .tit{font-size: 22px;}
    #writeForm .frm-row{display: block;}
    #writeForm .frm-row .box{max-width: none; width: 100%;}
    #writeForm .frm-row .box .tit{width: 95px; color: #313896; font-weight: 500;}
    #writeForm .frm-row .file-up .bt,
    #writeForm .frm-row .el-set .num{width: 95px;}
    #writeForm .frm-row .inp-set{margin-bottom: 20px!important;}
    #writeForm .frm-row .inp-txt.txtarea{height: 170px;}
    #writeForm .ft-btns{display: flex; gap: 0 11px; justify-content: center; }
}

@media (max-width: 479px){
    #writeForm .frm-row .box .info input{font-size: 16px!important;}
}

@media (max-width: 413px){
    #writeForm .ft-btns{gap: 0 15px;}
    #writeForm .ft-btns .bt{margin: 0;}
}

.sub-title .tit {font-size:1.8rem;letter-spacing: -.05em;color:#070707;}
.sub-title {margin-bottom:17px;}
.sub-set {margin-top:50px;font-size:1.1rem;}
.frm-row {display:flex;flex-wrap: wrap;margin-left:-11px;margin-right:-11px;}
.frm-row .box {flex: 0 0 50%;max-width: 50%;padding-right:11px;padding-left:11px;}
.frm-row .box.line {flex: 0 0 100%;max-width: 100%;}
.frm-row .inp-set {display:flex;align-items: center;}
.frm-row .box .tit {flex: 0 0 auto;width: auto;max-width: 100%;width:140px;}
.frm-row .box .info {-ms-flex-preferred-size: 0;flex-basis: 0;-ms-flex-positive: 1;flex-grow: 1;max-width: 100%;}
.frm-row .el-set {display:flex;flex-wrap: wrap;justify-content: space-between;}
.frm-row .box .info input {width:100%;}
.frm-row .box .tel {display: flex; justify-content: space-between;}
.frm-row .box .tel input {width:32%;}
.frm-row .el-set input {border:1px solid #ddd;-ms-flex-preferred-size: 0;flex-basis: 0;-ms-flex-positive: 1;flex-grow: 1;max-width: 100%;}
.frm-row .file-up .bt {width:160px;margin-left:10px;background-color:#326aff;color:#fff;border-radius:4px;border:none;display:flex;justify-content: center;align-items: center;cursor: pointer;}
.frm-row .file-up input[type="file"] {position: absolute;width: 0;height: 0;padding: 0;overflow: hidden;border: 0;}
@media (max-width: 991px) {
    .frm-row .box {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
}

.sub-set .agree-txt {width:100%;border:1px solid #e7e7e7;background-color: #f9f7f8;border-radius:4px;padding:20px 20px;min-height:250px;font-size:1.1rem;color:#777;}
.frm-row .chk-inp-txt {margin-top:8px;}
.frm-row .inp-chk {	transform: scale(1.5);margin-right:3px;}
.frm-row .inp-txt {border:1px solid #e7e7e7;background-color:#f9f7f8;font-size:1.1rem;display: block;width: 100%;height: calc(3.4rem + 2px);padding: 0.7rem 1rem;}
.frm-row .inp-txt.txtarea {height:100%;resize: none;}
.frm-row .el-set .num {width:160px;background-color:#326aff;color:#fff;border-radius:4px;vertical-align: middle;display:flex;align-items: center;justify-content: center;margin-right:10px;}
.frm-row .inp-set {margin-bottom:30px;}

.ft-btns {text-align:center;margin:50px 0 100px;}
.ft-btns .bt {text-align: center;white-space: nowrap;vertical-align: middle;width:19rem;margin:0 10px;border:none;padding:1.6rem 2rem;font-size: 1.1rem;line-height: 1;border-radius: 4px;background-color: #326aff;color:#fff;}
.ft-btns .bt.type2 {background-color:#9daed9;}
.ft-btns.line {margin:50px 0 100px; width: 100%;}
.ft-btns.line .bt {width:100%;margin:0;padding:1.6rem 2rem;}
.step-vis-area {background-color:#326aff;padding:130px 0;}
.step-vis-area ol {display: flex;    justify-content: space-between;align-items: flex-start;flex-wrap: wrap;font-size:1.3rem;}
.step-vis-area ol li {display: flex;justify-content: center;align-items: flex-start;background: #fff;height:360px;position: relative;width: calc( ( 100% - 230px ) / 4 );position: relative;text-align: center; z-index: 1;}

.step-vis-area ol li:after {content: '';width: 92%;height: 92%;border: 1px solid #fff;position: absolute;left: -20px;top: -20px; z-index: -1;}
.step-vis-area ol .frame strong {display: block;padding:60px 0 10px;color:#313896;font-size:110%;font-weight:700;}
.step-vis-area ol .ico {display:flex; justify-content: center; align-items: center; width:130px;height:130px;text-align:center;margin:0 auto;}
.step-vis-area ol .ico img {vertical-align: middle;}
.step-vis-area ol .frame p {margin-top:8px;color:#666;}

@media (max-width: 1199px){

    .step-vis-area ol li{width: calc( ( 100% - 140px ) / 4 ); height: 276px;}
    
    .step-vis-area.st2 ol li{height: 270px;}
    .step-vis-area.st2 ol li strong{padding: 40px 0 0;}
    .step-vis-area.st2 ol .frame p{margin-top: 0;}
    .step-vis-area.st2 ol .ico{height: 114px;}
    .step-vis-area.st2 ol .ico img{transform: scale(0.8);}

}

@media (max-width: 1023px){
    
    .step-vis-area.st2 ol li{height: 260px;}
    .step-vis-area.st2 ol .ico{height: 100px;}
    .step-vis-area.st2 ol .ico img{transform: scale(0.7);}

}

@media (max-width: 767px){
    
    .step-vis-area.st2 ol li p{line-height: 1.3;}
    .step-vis-area.st2 ol li strong{padding: 30px 0 0;}
    .step-vis-area.st2 ol .ico{height: 80px;}
    .step-vis-area.st2 ol .ico img{transform: scale(0.6);}

}

@media (max-width: 575px){
    
    .step-vis-area.st2 ol li{height: 216px!important;}

}

@media (max-width: 413px){
    
    .step-vis-area.st2 ol li p{font-size: 14px!important;}
    .step-vis-area.st2 ol .ico img{transform: scale(0.5);}

}

.basic-tab-area {font-size: 1.2rem;margin:130px 0 60px;}
.basic-tab-area .tab-list {display: flex; table-layout: fixed;width: 100%;text-align:center;}
.basic-tab-area .tab-list li {flex: 1; display: flex; align-items: center; justify-content: center; border:1px solid #cdcdcd;border-left:none;}
.basic-tab-area .tab-list li:first-child {border-left:1px solid #cdcdcd;}
.basic-tab-area .tab-list li a {display:block;padding:20px 10px; word-break: keep-all;}
.basic-tab-area .tab-list li.active{background-color:#326aff;color:#fff;}
.basic-tab-area .tab-list li.active a {}

@media (max-width: 767px){
    
    .basic-tab-area{margin-top: 78px;}
    .basic-tab-area .tab-list li a{padding: 15px 5px; font-size: 16px;}

}

@media (max-width: 479px){
    
    .basic-tab-area .tab-list li a{padding: 10px 5px; font-size: 14px;}

}

.sub_contents_tit {font-size:40px;color:#000;font-weight: 700;position: relative;text-align: center;padding-bottom: 60px;}
.sub_contents_tit::after{width:1px;background:  #e5e5e5;height: 40px;content: '';position: absolute;left: 50%;transform: translateX(-50%);bottom:0px;display: none;}
@media(max-width:1024px){
    .sub-inner.greeting{padding-top:40px; padding-bottom:40px;}
    .sub_contents_tit {font-size:22px;}

}

/* 230627 sic - 실시간 상담 */
.call-wrap .frm-row {}
.call-wrap .frm-row .box textarea {height: 206px}
.call-wrap .ft-btns.line {margin: 40px 0 100px;}
.call-wrap .box .pic {}
.call-wrap .box .pic img {}

@media (max-width: 1700px) {
  .call-wrap .ft-btns.line {margin: 50px 0 100px;}
}
@media (max-width: 1599px) {
  .call-wrap .frm-row .box textarea {height: 13vw;}
}
@media (max-width: 1023px){
  .call-wrap .page-title{margin-top: 52px;}
  .call-wrap .page-title .tit{font-size: 35px; color: #070707;}
  .call-wrap .sub-set{margin-top: 28px;}
  .call-wrap .sub-title .tit{font-size: 22px;}
  .call-wrap .frm-row{display: flex; flex-direction: column-reverse;}
  .call-wrap .frm-row .box{max-width: none; width: 100%;}
  .call-wrap .frm-row .box .tit{width: 95px; color: #313896; font-weight: 500;}
  .call-wrap .frm-row .file-up .bt,
  .call-wrap .frm-row .el-set .num{width: 95px;}
  .call-wrap .frm-row .inp-set{margin-bottom: 20px!important;}
  .call-wrap .frm-row .inp-txt.txtarea{height: 170px;}
  .call-wrap .ft-btns{display: flex; gap: 0 11px; justify-content: center; }
  .call-wrap .box .pic {margin: 0 0 20px 0;}
  .call-wrap .box .pic img {width: 100%;}
}
@media (max-width: 479px){
  .call-wrap .frm-row {}
  .call-wrap .frm-row .box .info input{font-size: 16px!important;}
}
@media (max-width: 413px){
  .call-wrap .ft-btns{gap: 0 15px;}
  .call-wrap .ft-btns .bt{margin: 0;}
}
/* end 230627 sic - 실시간 상담 */


/* 인사말 가져온 스타일 시작 */
.sub-inner.greeting {
    padding-top: 60px;
    padding-bottom: 60px;
}
.auto {
    max-width: 1554px;
    margin: 0 auto;
}

.auto .board_view{padding-bottom: 100px;}
.greeting_wrap {display:flex; align-items: center;}
.greeting_wrap>div{width:50%;}
.greeting_wrap>.txt{width: 70%;}
.greeting_wrap .txt{padding-right:64px; letter-spacing: -1px;}
.greeting_wrap .txt .tit{font-size:38px; color:#333; font-weight:700; line-height: 130%; margin-bottom: 21px;}
.greeting_wrap .txt .tit span{color:#326aff;}
.greeting_wrap .txt .con p{font-size:18px; color:#666; margin-bottom: 20px; line-height: 140%;}
.greeting_wrap .txt .con p:last-child{margin-bottom: 0;}
.greeting_wrap .txt .name{display:flex; align-items: baseline; margin-top: 40px;}
.greeting_wrap .txt .name p{font-size:18px; color:#666; font-weight: 300;}
.greeting_wrap .txt .name span{margin-left: 10px; display: block; font-size:24px; color:#333; font-weight:500;}
.greeting_wrap .img_box{ padding-top:100%;}

@media(max-width:1024px){

    .greeting_wrap {flex-direction: column-reverse;}
    .greeting_wrap>div{width: 100%;}
    .greeting_wrap .txt{padding-right:0; margin-top: 20px;}
    .greeting_wrap .txt .tit{font-size: 26px; line-height: 130%;margin-bottom: 15px;}
    .greeting_wrap .txt .con p{font-size: 14px; margin-bottom: 10px;}
    .greeting_wrap .txt .name{margin-top: 20px;}
    .greeting_wrap .txt .name p{font-size: 14px; }
    .greeting_wrap .txt .name span{font-size: 20px; }
    .greeting_wrap>.txt{width: 100%;}

}

.greeting-three{padding-top:80px;}
.greeting-three .three-wrap{margin-top:40px; font-size:26px; color:#fff; font-weight:700; display:grid; grid-template-columns:1fr 1fr 1fr; gap:50px; }
.greeting-three .three-wrap .item{padding-top: 63%; position: relative;}
.greeting-three .three-wrap .item span{width:calc(100% - 30px); height:calc(100% - 30px); border:1px solid #fff; display: flex; align-items:center; justify-content:center; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.greeting-three .three-wrap .item:nth-child(1){background:url(https://picsum.photos/400/400)no-repeat center / cover;}
.greeting-three .three-wrap .item:nth-child(2){background:url(https://picsum.photos/400/402)no-repeat center / cover;}
.greeting-three .three-wrap .item:nth-child(3){background:url(https://picsum.photos/400/403)no-repeat center / cover;}

@media(max-width:1024px){
    .greeting-three{padding-top:30px;}
    .greeting-three .three-wrap{font-size:18px; grid-template-columns:100%; gap:20px;}
    .greeting-three .three-wrap .item{padding-top:33%;}
}

.greeting-three02{padding-top: 0px;}
.greeting-three02 .three-wrap{margin-top:40px;font-size: 24px;color: #333;font-weight:300;display:grid;grid-template-columns:1fr 1fr 1fr;gap:50px;}
.greeting-three02 .three-wrap .item{padding-top: 53%;position: relative;border-radius: 10px;}
.greeting-three02 .three-wrap .item span .num{display: block; text-align: center; margin-bottom:30px; font-size:36px; color:#326aff; font-weight:700;}
.greeting-three02 .three-wrap .item span{width: 100%; height:100%; flex-direction:column;  /* width:calc(100% - 30px); *//* height:calc(100% - 30px); *//* border:1px solid #fff; */display: flex;align-items:center;justify-content:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.greeting-three02 .three-wrap .item span b{ margin-left: 10px; font-weight:700;}
.greeting-three02 .three-wrap .item:nth-child(1){background:#d9d9d9;}
.greeting-three02 .three-wrap .item:nth-child(2){background:#d9d9d9;}
.greeting-three02 .three-wrap .item:nth-child(3){background:#d9d9d9;}

@media(max-width:1024px){
    .greeting-three02{padding-top:30px;}
    .greeting-three02 .three-wrap{font-size:18px; grid-template-columns:100%; gap:20px;}
    .greeting-three02 .three-wrap .item{padding-top:33%;}
    .greeting-three02 .three-wrap .item span .num{margin-bottom:13px; font-size:18px;}
}
/* 인사말 가져온 스타일 종료 */

.loca-set {display:flex;flex-wrap: wrap;margin:100px auto;}
.loca-set > div {flex: 0 0 50%;max-width: 50%;}
.loca-set .root_daum_roughmap  {width:100% !important;height:100% !important;}
.loca-set .box1 {padding-right:70px;}
.loca-set .box2 * {box-sizing: border-box !important;}
.loca-set .wrap_map {height:100% !important;border-bottom:1px solid #ddd;}

.loca-set .tit {font-size:2.5rem;border-top:1px solid #000;border-bottom:1px solid #cdcdcd;padding:1rem 0;}
.loca-set .box1 dl {background-color:#fafafa;padding:2.2rem 2.3rem;font-size:1.25rem;line-height:1.4;}
.loca-set .box1 dt {margin-top:1.6rem;margin-bottom:10px;font-weight:700;}
.loca-set .box1 dd {color:#303030;}
.loca-set .box1 dt:first-child {margin-top:0;}
.loca-set .box1 strong {display:block;color:#37b42d;}

@media (max-width: 1023px){

    .loca-set .tit{font-size: 35px;}
    .loca-set .box1 dl{ padding-top: 1.2rem; padding-left: 16px;}
    .loca-set .box1 dt{font-size: 18px;}
    .loca-set .box1 dd{font-size: 18px;}
    .loca-set{flex-direction: column-reverse;}
    .loca-set .wrap_map{height: 455px!important;}
    .loca-set > div{padding: 0!important; max-width: none; width: 100%;}

}

@media (max-width: 413px){

    .loca-set .tit{font-size: 26px;}


}

.sub.about-page {padding-top:130px;}
.sub.about-page .cont-grp {display:flex;justify-content: space-between;align-items: center;font-size:1.3rem;color:#070707;margin-bottom:80px;}
.sub.about-page .cont-grp .tit {font-size:2.9rem;letter-spacing: -.05em;margin-bottom:1rem;}
.sub.about-page .cont-grp .box1 {padding-right:110px;}
.sub.about-page .cont-grp .box2 { flex: 0 0 38%;max-width: 38%;}
.sub.about-page .cont-grp .box1 p {word-break: keep-all;}
.sub.about-page .cont-grp .box1 p {word-break: keep-all;}

.sub.about-page .step-vis-area ol li {align-items: center;}
.sub.about-page .step-vis-area .frame {transform: translateY(-20px);}
.sub.about-page .step-vis-area .frame strong {padding:0;font-weight:700;letter-spacing: -.05em;}
.sub.about-page .step-vis-area .frame p {font-size:3.5rem;line-height: 1;font-weight:700;color:#313896; letter-spacing: -1px;}


@media (max-width: 1199px){

    .sub-inner-xl{padding: 0 24px;}
    .sub.about-page .cont-grp .tit{font-size: 2.6rem;}
    .sub.about-page .step-vis-area .frame p{font-size: 36px!important;}

}

@media (max-width: 1023px){

    .step-vis-area ol{gap: 0 3.2%; flex-wrap: wrap;}
    .step-vis-area ol li{width: 48.4%; height: 271px; margin-bottom: 29px;}
    .step-vis-area ol .ico img{transform: scale(0.8);}
    .sub.about-page .step-vis-area .frame p{font-size: 34px!important;}
    .step-vis-area ol li:after{left: -14px; top: -13px;}

    .sub.about-page{padding-top: 95px;}
    .sub.about-page .cont-grp .tit{margin-bottom: 9px; font-size: 30px;}
    .sub.about-page .cont-grp{display: block;}
    .sub.about-page .cont-grp .box1{padding-right: 0;}
    .sub.about-page .cont-grp .box2{max-width: none; margin: 50px 0;}
    .sub.about-page .cont-grp .box2 img{display: block; margin: 0 auto;}
    .sub.about-page .cont-grp .box1 p{font-size: 18px;}


    .frm-step-list li p{margin-top: 0!important; font-size: 18px!important;}
    .frm-step-list li .ico{height: 110px;}
    
}


@media (max-width: 767px){

    .frm-step-list li{height: 216px!important;}
    .frm-step-list li p{font-size: 16px!important;}
    .frm-step-list ol .ico img{transform: scale(0.5)!important;}

    .step-vis-area ol .ico img{transform: scale(0.6);}
    .step-vis-area ol li{width: 48.4%; height: 270px; margin-bottom: 29px;}
    .sub.about-page .step-vis-area .frame p{font-size: 2rem!important;}

}

@media (max-width: 575px){

    .step-vis-area{padding: 110px 0 72px;}
    .step-vis-area ol .ico img{transform: scale(0.6);}
    .step-vis-area ol li{width: 47.16%; height: 200px; margin-bottom: 29px;}
    .sub.about-page .step-vis-area .frame p{font-size: 2rem!important;}
    .sub.about-page .step-vis-area .frame strong{font-size: 16px;}
    .sub.about-page .step-vis-area .frame p{font-size: 30px;}
    .step-vis-area ol .ico{height: 93px;}

    .frm-step-list li{height: 189px!important;}

}

@media (max-width: 413px){

    .step-vis-area{padding: 100px 0 60px;}
    .step-vis-area ol{gap: 0;}
    .step-vis-area ol li{width: 46.16%;}

    .sub.about-page{padding-top: 59px;}
    .sub.about-page .cont-grp{margin-bottom: 0;}
    .sub.about-page .cont-grp .tit{font-size: 25px;}
    .sub.about-page .cont-grp .box2{margin-top: 24px;}
    .sub.about-page .cont-grp .box1 p{font-size: 16px;}

}


.bnr-area {padding:90px 0 70px;}
.bnr-area .title-bar {text-align:center;padding-bottom:60px;}
.bnr-area .title-bar h2 {font-size:2.5rem;}

@media (max-width: 1199px){

    .bnr-area .title-bar h2{font-size: 40px;}

}

@media (max-width: 1023px){

    .bnr-area{padding: 55px 0;}
    .bnr-area .title-bar h2{font-size: 35px;}

}

@media (max-width: 413px){

    .bnr-area .title-bar h2{font-size: 30px;}

}

@keyframes marqueeToL {
    0% { left: 0; }
    100% { left: -100%; }
}
@keyframes marqueeToR {
    0% { right: 0; }
    100% { right: -100%; }
}
.marq {height: 170px;margin-bottom:38px;overflow: hidden;position: relative;}
.marq li {margin-right:36px;float:left;}
.marq.toR ul li {margin-left:36px;margin-right:0;}
.marq.toL {transform: translateX(130px);}
.marq.toR {transform: translateX(-130px);}
.marq.toL ul {animation: marqueeToL 22s linear infinite;}
.marq.toR ul {animation: marqueeToR 22s linear infinite;}
.marq ul {display: block;width:200%;position: absolute;overflow: hidden;}

@media (max-width: 1199px){

    .marq.toL{transform: translateX(64px);}
    .marq.toR{transform: translateX(-64px);}

}

@media (max-width: 1023px){

    .bnr-area .title-bar{padding-bottom: 28px;}
    .marq li{margin: 0 -35px!important;}
    .marq li img{transform: scale(0.7);}
    .marq.toL{margin-bottom: -25px; transform: translateX(39px);}
    .marq.toR{transform: translateX(-39px);}

}

@media (max-width: 767px){
   
    .marq li{margin: 0 -60px!important;}
    .marq li img{transform: scale(0.6);}
    .marq.toL{margin-bottom: -50px; transform: translateX(39px);}
    .marq.toR{transform: translateX(-39px);}

}

@media (max-width: 479px){
   

    .marq.toL{transform: translateX(29px);}
    .marq.toR{transform: translateX(-29px);}

}

.sub.work {padding:130px 0 0;color:#070707;font-size:1.25rem;word-break: keep-all;}
.sub.work .tit-txt {margin-bottom: 30px; font-size:30px;font-weight:500;line-height:1.4;letter-spacing: -.05em;word-break: keep-all;}
.sub.work .top-txt{font-size:34px; font-weight:500; text-align:center;}
.sub.work .tit-txt.big {margin-bottom:50px;font-size:2.8rem;}
.sub.work .row-grp {display: flex;flex-wrap: wrap;align-items: center;margin-bottom:80px;margin-left:-10px;margin-right:-10px;}
.sub.work .row-grp > div {flex: 0 0 50%;max-width: 50%;padding-right:10px;padding-left:10px;}
.sub.work .row-grp .tit-txt {margin-bottom:25px;}
.sub.work .row-grp .space-txt {margin-top: 3.2rem;}

.sub.work .page-txt-box {color:#070707;margin-bottom:80px;}
.sub.work .page-txt-box .tit {font-size:2.6rem;font-weight:700;letter-spacing: -.05em;margin-bottom:8px;}
.sub.work .page-txt-box .para {font-size:1.65rem;word-break: keep-all;font-weight:500;letter-spacing: -.05em;line-height: 1.5;margin-bottom:18px;}

.sub.work .page-txt-grp .page-txt-box {margin-bottom:40px;}
.sub.work .page-txt-grp .page-txt-box .tit {font-size:2.4rem;margin-bottom:4px;}
.sub.work .page-txt-grp .page-txt-box .para {font-size:1.6rem;}
.page-txt-grp .page-txt-box .txt-list p {margin-top:25px;}
.sub.work .col2.pc{display: none;}

@media (max-width: 1024px) {
    
    .sub.work .col2.m{display: none;}
    .sub.work .col2.pc{display: block;}
    .sub.work .col2.pc img{width: 100%;}
    .sub.work{padding:92px 0 0 ;}
    .sub.work .tit-txt.big{margin-bottom: 30px; font-size: 30px;}
    .sub.work .row-grp{display: block;}
    .sub.work .row-grp > div{margin-bottom: 40px; max-width: none; width: 100%;}
    .sub.work .row-grp > div img{display: block; width: 100%;}
    .sub.work .row-grp .tit-txt{font-size: 30px;}
    .dot-list li{font-size: 18px;}
    .sub.work .row-grp{margin-bottom: 60px;}
    .sub.work .row-grp > div.col1{margin-bottom: 50px;}
    .sub.work .row-grp > div.col1 .tit-txt{font-size: 24px;}
    .sub.work .page-txt-box .tit{font-size: 30px!important;}
    .sub.work .page-txt-box .para{font-size: 21px!important;}
    .sub.work .page-txt-box{margin-bottom: 48px;}
    .page-txt-grp .page-txt-box .txt-list p{font-size: 18px;}

	

}

@media (max-width: 767px) {
    
    .card-list-wrap .card-slide-control{position: absolute; top: auto; bottom: 9%; right:24px;}
    .sub-inner-xl.card-list-wrap{position: relative; padding-bottom: 100px;}
	.sub-tabs-area ul a{font-size:13px;}
	.sub-tabs-area{margin-bottom:50px;}
  
}

@media (max-width: 575px) {
    
    .sub.work .card-list-wrap .card-slide-control{bottom: 12%;}
    .sub.work .card-list-wrap .card-slide-control button{width: 50px; height: 50px;}
  
}

@media (max-width: 479px) {
    
    .sub.work{padding:60px 0 0 ;}
    .sub.work .tit-txt.big{margin-bottom: 26px; font-size: 24px;}
    .sub.work .page-txt-box .tit{font-size: 24px!important;}
    .sub.work .tit-txt{margin-bottom: 38px;}
    .sub.work .row-grp{margin-bottom: 0;}
    .sub.work .row-grp > div.col1{margin-bottom: 30px;}
    .sub.work .row-grp .tit-txt{margin-bottom: 18px; font-size: 22px;}
    .dot-list li{font-size: 16px;}
    .sub.work .page-txt-box .para{font-size: 18px!important;}
    .sub.work hr{margin-top: 3rem; margin-bottom: 3rem;}
    .sub.work .card-list-wrap .card-slide-control{bottom: 14%;}

}

@media (max-width: 413px) {
    
    .sub.work{padding:60px 0 0 ;}
    .sub.work .tit-txt.big{margin-bottom: 20px; font-size: 22px;}
    .sub.work .page-txt-box .tit{font-size: 22px!important;}
    .sub.work .tit-txt{margin-bottom: 38px;}
    .sub.work .row-grp{margin-bottom: 0;}
    .sub.work .row-grp > div.col1{margin-bottom: 30px;}
    .sub.work .row-grp .tit-txt{margin-bottom: 18px; font-size: 20px;}
    .dot-list li{font-size: 16px;}
    .sub.work hr{margin-top: 3rem; margin-bottom: 3rem;}
    .sub.work .card-list-wrap .card-slide-control{bottom: 16%;}

}

.box1_m{display: none;}
.work-step-area {display:flex;}
.work-step-area .box1 {padding-right:50px;}
.work-step-area .box1 ul {position: relative;}
.work-step-area .box1 ul::after {content: '';display:block;width:1px;height:100%;position: absolute;background-color: #cdcdcd;top:0;left:50%;z-index:-1;}
.work-step-area .box1 li {width:220px;height:220px;background-color:#326aff;color:#fff;border-radius:50%;display:flex;justify-content: center;align-items: center;font-size:1.9rem;font-weight:700;margin-top:50px;}
.work-step-area .box1 li:first-child {margin-top:0;}
.work-step-area .box1 li.step1 {background-color:#eaf0ff;color:#326aff;}
.work-step-area .box1 li.step3 {background-color:#002a9a;}
.work-step-area .tit-grp {margin-top:35px;word-break: keep-all;}
.work-step-area .tit-grp .tit {font-size:2.1rem;font-weight:700;letter-spacing: -.05em;margin-bottom:4px;}
.work-step-area .tit-grp.mid {margin:80px 0 60px;}
.work-step-area .col-list {overflow:hidden;margin-left:-15px;margin-right:-15px;}
.work-step-area .col-list > li {float:left;width:33.33333333%;padding-left:15px;padding-right:15px;}
.work-step-area .col-list strong {display:block;font-size:1.6rem;letter-spacing: -.05em;font-weight: 500;}
.work-step-area .col-list > li:nth-child(1) {width:31%;}
.work-step-area .col-list > li:nth-child(2) {width:35%;}
.work-step-area .col-list > li:nth-child(3) {width:34%;}

@media (max-width: 1023px){

    .sub.work .tit-txt{font-size: 26px;}

    .work-step-area .box1,
    .work-step-area .box2{display: none;}
    .box1_m{display: block;}
    .box1_m .tit{font-size: 26px; font-weight: 700; color: #070707;}
    .box1_m .box{margin-bottom: 60px;}
    .box1_m .box > span{margin-bottom: 25px; display: block; width: 170px; height: 170px; line-height: 170px; border-radius: 50%; text-align: center; font-size: 25px; font-weight: 700;}
    .box1_m .box_1 > span{background-color: #eaf0ff!important; color: #326aff;}
    .box1_m .box_2 > span{background-color: #326aff!important; color: #fff;}
    .box1_m .box_3 > span{background-color: #002a9a!important; color: #fff;}
    .box1_m .tit2{margin: 18px 0 15px; font-size: 24px; font-weight: 700; color: #000;}
    .box1_m .tit3{margin: 13px 0 10px; font-size: 21px; font-weight: 500; color: #000;}
    .work-step-area{display: block;}
    .sub.work hr{margin-top: 4.5rem; margin-bottom: 3.5rem;}

}

@media (max-width: 479px){

    .box1_m .box{margin-bottom: 34px;}

}


ul.FAQ {padding: 100px 0; border-top: 1px solid #333;overflow:hidden;}
.FAQ dd {padding:24px 10px 20px 30px;border-bottom:1px solid #ddd}
.FAQ dt {border-bottom:1px solid #ddd;padding:0 30px;position:relative;}
.FAQ dt a {display:block;padding:20px 10px 20px 50px;font-size:18px;font-weight:500;color:#333;}
.FAQ dd {font-size:16px;font-weight:300;line-height:1.8;display:none;padding-left:85px;background:#f8f8f8;color:#333;position:relative;}
.FAQ dt .faq-q {position:absolute;top:15px;left:30px;width:35px;height:35px;border-radius:50%;background: #333;text-align:center;font-size:18px;color:#fff;font-weight:500;padding-top:2px;}
.FAQ dd .faq-a {position:absolute;top:20px;left:30px;width:35px;height:35px;border-radius:50%;background: #fff;text-align:center;font-size:18px;border: 1px solid #d9d9d9;color: #333;font-weight:500;}
.FAQ dd .img {display: flex;flex-wrap: wrap;border: 1px solid #d9d9d9;margin-top:30px;}
.FAQ dd .img > div {text-align: center;width:50%;position: relative;}
.FAQ dd .img > div:first-child:after {content:"";position:absolute;top:0;bottom:0;right:0;width:1px;background-color: #d9d9d9;}
.FAQ dd .img > div .imgBox {padding:10px;}
.FAQ dd .img > div p {border-top: 1px solid #d9d9d9;padding:10px 10px;}
.FAQ br {content:normal;}
.FAQ dt i {position:absolute;top:21px;right:10px; font-size:26px;}
.FAQ dt.on .material-icons {transform:rotate(-180deg);}

@media all and (max-width:1023px){

    ul.FAQ{padding: 50px 0;}
	.FAQ dt {padding:0 10px;}
	.FAQ dt a {padding:10px 10px 10px 30px;font-size:14px;}
	.FAQ dt .faq-q {top:8px;left:10px;width:25px;height:25px;font-size:13px;}
	.FAQ dt i {top:8px;right:0;}
	.FAQ dd {padding:10px 10px 10px 40px;font-size:13px;}
	.FAQ dd .faq-a {top:8px;left:10px;width:25px;height:25px;font-size:13px;}
	
}