/*=====해상도 3가지 구분=====*/
/*+++++
768이하
768~1440(컨텐츠는 1400 / 스크롤때문에 여유있게 작업)
1440 이상
+++++*/

@charset "UTF-8";

/*:::::::::::::::::::::::::::여기부터 작업:::::::::::::::::::::::::::*/
body {
    font-size: 17px;
}

.line_break {
    display: block;
}

#wrap { 
    /*overflow: hidden;*/ 
    display: flex;
    flex-direction: column; 
    width: 100%;
    margin-top: 100px;
    /*min-height: 100vh*/
}


/*#wrap>#ft {display: none}
#ct {padding-top: 0}*/

.main-visual>.btn {
    position: absolute;
    right: 30px;
    bottom: 7.222rem;
    z-index: 10
}

/*섹션*/
#section1 {
    background: transparent;
}

#section2 {
    background: #ffffff;
}

#section3 {
    position: relative;
    background: url('../images/main/section3_bg.png') no-repeat center;
    background-size: cover;
    /*animation: bg_zoom 5s ease-in-out infinite alternate;*/
}

#section4 {
    background: url('../images/main/section4_bg.png') no-repeat center;
    background-size: cover;
}

#section5 {
    position: relative;
    background: #f7f7f7;
}

/*@keyframes bg_zoom {
  0% {
    background-size: 100%;
  }
  100% {
    background-size: 120%; 
  }
}*/

.direction_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 30px;
}

img.direction_p {}

img.direction_m {
    display: none;
}

.direction_wrap2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 4%;
    background: #ffffff;
    border-radius: 20px;
    box-shadow: 0px 0px 10px 0px rgb(0, 0, 0, .2);
}

/*섹션타이틀*/
.section_title {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin: 0px 0px 60px 0px;
    padding: 0px 0px;
    text-align: center;
    z-index: 1;
    border: 0px solid red;
}

.section_title.pad {
    padding: 0px 15px;
}

.section_title h1 {
    font-size: 17px;
    color: #0084E9;
}

.section_title h2 {
    font-size: 55px;
}

.section_title h3 {
    margin-top: 20px;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.3;
    word-break: keep-all;
}

.section_title h3.wh {
    color: rgb(255, 255, 255, .6)
}

.section_title h3.gr {
    color: rgb(0, 0, 0, .6)
}

.section_title h3.bk {
    color: rgb(0, 0, 0, 1);
    font-weight: 500;
    word-break: keep-all;
}

.section_title h4 {
    margin-top: 15px;
    font-size: 17px;
    font-weight: 400;
    color: rgb(0, 0, 0, .6);
    line-height: 1.3;
    word-break: keep-all;
}


.section_title.copy {
    display: flex;
    align-items: flex-start;
    margin: 0px 0px 0px 0px !important;
    text-align: left;
}

.section_title.copy2 {
    display: flex;
    align-items: flex-start;
    width: auto;
    margin: 50px 0px 0px 0px !important;
    text-align: left;
}

/*home*/
/*메인비주얼*/
.section-title {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 35px;
}

.section-title h3 {
    margin-bottom: -18px;
    line-height: 1.45;
    font-size: 56px;
    color: #111;
    font-weight: bold;
    letter-spacing: -0.0625em;
}

.section-title h3+.text {
    margin-top: 34px;
    font-size: 20px;
}

.section-main-visual {
    /*height: 100vh !important;*/
    height: 100% !important;
}

.section-main-visual .swiper {
    height: 600px;
    /*height: 100%;*/
}

.section-main-visual .background {
    height: 600px;
    /*height: 100%;*/
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover !important;
    transform: scale(1.5);
}

/*animation.asp에서 gsap.set 값이 동일해야함 현재:1.5 */

/*pc용이미지*/
.section-main-visual .background.bg1 {
    background: url('../images/main/visual_bg1.png') no-repeat center;
}

.section-main-visual .background.bg2 {
    background: url('../images/main/visual_bg2.png') no-repeat center;
}

/*메인비주얼이너*/
.section-main-visual .inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    width: 80%;
    /*max-width:1400px;*/
    margin: auto;
    padding: 0px 0px;
    text-align: center;
    border: 0px solid red
}

.section-main-visual .text-wrap {
    display: inline-block;
    text-align: center;
}

.section-main-visual .text-wrap .title {
    margin-bottom: 10px;
    font-size: 65px;
    color: #004D9A;
    font-weight: 500;
    line-height: 140%;
}

.section-main-visual .text-wrap .text {
    margin-bottom: 70px;
    font-size: 30px;
    /*color: #3A3A3A;*/
    font-weight: 400;
    word-break: keep-all;
        text-shadow:
        -1px -1px 5px rgb(255,255,255,.5),
         1px -1px 5px rgb(255,255,255,.5),
        -1px  1px 5px rgb(255,255,255,.5),
         1px  1px 5px rgb(255,255,255,.5);
}

.section-main-visual .text-wrap .view {
    display: flex;
    justify-content: center;
}

.section-main-visual .control {
    z-index: 2;
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: 50px;
    /*bottom: 140px;*/
    left: 0;
    right: 0;
    margin: auto;
    /* max-width: 1500px; */
    width: 100%;
    align-items: center;
    /*background: blue;*/
}


.section-main-visual .control-wrap {
    display: flex;
    /* align-items: center; */
    /* max-width: 100%; */
    width: 100%;
    justify-content: center;
}

.section-main-visual .control .toggle {
    display: block;
    position: relative;
    margin-right: 0px;
    width: 35px;
    height: 35px;
    border-radius: 100%;
}

.section-main-visual .control .toggle::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 16px;
    height: 16px;
    background: url('../images/main/icon-pause.svg') no-repeat center / auto 100%;
    pointer-events: none;
}

.section-main-visual .control .toggle[data-state="pause"]::before {
    background-image: url('../images/main/icon-play.svg');
}

.section-main-visual .control .toggle svg {
    display: block;
    width: 100%;
    height: auto;
    pointer-events: none;
}

.section-main-visual .control .toggle .path {
    display: block;
    transform: rotateZ(-90deg);
    transform-origin: center;
    stroke-dasharray: 250;
}

.section-main-visual .pager-container {
    display: flex;
    align-items: center;
}

.swiper_arrow_wrap {
    position: absolute;
    top: 46%;
    left: 0;
    right: 0;
    width: 82%;
    margin: 0 auto;
    transform: translateY(-50%);
    z-index: 1;
}

.section-main-visual .swiper-button-prev {
    position: absolute;
    left: 0%;
    top: 0;
    margin: 0;
    width: 55px;
    height: 55px;
}

.section-main-visual .swiper-button-next {
    position: absolute;
    right: 0%;
    top: 0;
    margin: 0;
    width: 55px;
    height: 55px;
}

.section-main-visual .swiper-button-next::after,
.section-main-visual .swiper-button-prev::after {
    content: none;
}

.section-main-visual .swiper-button-next {
    background: rgb(0, 0, 0, .0) url('../images/main/arrow_next.svg') no-repeat center;
    border-radius: 100%;
    background-size: 40%;
}

.section-main-visual .swiper-button-prev {
    background: rgb(0, 0, 0, .0) url('../images/main/arrow_prev.svg') no-repeat center;
    border-radius: 100%;
    background-size: 40%;
}

.section-main-visual .swiper-pagination {
    position: static;
    margin: 0 6px;
    width: 64px;
    text-align: center;
    font-size: 16px;
    /*color: rgba(0, 0, 0, 0.6);*/
    color: rgba(255, 255, 255, 0.6);
    font-weight: 600;
}

.section-main-visual .swiper-pagination-current {
    /*color: rgba(0, 0, 0, 1);*/
    color: rgba(255, 255, 255, 1);
}

/*스크롤애니 아이콘*/
.scroll-icon {
    display: none;
    position: absolute;
    bottom: 50px;
    right: 0;
    left: 0;
    margin: auto;
    width: 20px;
    height: 35px;
    z-index: 1;
}

.scroll-icon span {
    display: block;
}

.scroll-icon>span {
    width: 20px;
    height: 35px;
    border-radius: 100px;
    border: 2px solid rgba(255, 255, 255, 0.8);
    margin: 0px;
}

.scroll-icon>span>span {
    width: 2px;
    height: 6px;
    border-radius: 100px;
    margin: 6px auto 0;
    background: rgba(255, 255, 255, 0.7);
    animation: scroll-on 2s infinite;
}

@keyframes scroll-on {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(8px);
    }

    100% {
        transform: translateY(0px);
    }
}

a.more {
    display: flex;
    width: 120px;
    font-size: 18px;
    /*color: #ffffff;*/
    font-weight: 400;
    background: url('../images/main/ar_more.svg') no-repeat right 13px;
    z-index: 1;
    transition: all 0.3s;
        text-shadow:
        -1px -1px 5px rgb(255,255,255,.5),
         1px -1px 5px rgb(255,255,255,.5),
        -1px  1px 5px rgb(255,255,255,.5),
         1px  1px 5px rgb(255,255,255,.5);
}

a.more:hover {
    width: 126px;
}



/*이전 Our Service*/


.m_ar2 {
    display: none;
}

/*이전 News & Insight*/
.section4_con {
    display: flex;
    justify-content: space-between;
    /*border:1px solid red;*/
}

.section4_con .item {
    position: relative;
    width: 30%;
    /*height:450px;*/
    height: 45vh;
    border-radius: 15px;
    box-shadow: 15px 15px #E5E9F2;
}

.img_area img {
    width: 100%;
    /*height:450px;*/
    height: 45vh;
    object-fit: cover;
    border-radius: 15px;
}

.section4_con .item .text {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 0px 40px 40px 40px;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
}

.section4_con .item .text::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: -1;
    opacity: 0;
    transition: all 0.3s;
    transform: translate(-50%, -50%);
    border-radius: 15px;
}

.section4_con .item .text * {
    color: #ffffff;
}

.section4_con .item h5 {
    font-size: 32px;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 10px;
}

.section4_con .item p {
    font-size: 18px;
    height: 80px;
    font-weight: 300;
    line-height: 1.4;
    word-break: keep-all;
}

.section4_con .arrow {
    flex-shrink: 0;
    margin: 0px 0px 0px 0px;
    opacity: 0;
    transition: all 0.3s;
}

.section4_con .item:hover .text::before {
    opacity: 1;
}

.section4_con .item:hover .arrow {
    margin: 35px 0 0;
    opacity: 1;
}

.more_color {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 80px;
    height: 30px;
    padding: 0px 12px;
    background: #0084E9;
    border-radius: 100px;
}

.more_color span.more {
    position: relative;
    top: -2px;
    font-size: 16px;
}

.more_color img {
    width: 15px
}

/*이전 Client&Location*/
.Client_Location_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    float: left;
    width: 100%;
    height: 100%;
}

.client_wrap {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: 100%;
    padding-top: 10vh;
    background: url('../images/section5_client_bg.png') no-repeat center;
    background-size: cover;
}

.location_wrap {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 100%;
    padding-top: 10vh;
    background: url('../images/section5_location_bg.png') no-repeat center;
    background-size: cover;
}

.client_area {
    width: 580px;
    margin-right: 60px;
    margin-left: 15px;
}

.location_area {
    width: 580px;
    margin-left: 60px;
    margin-right: 15px;
}

.line_title {
    width: 100%;
    margin-bottom: 5vh;
}

.wh_top_line {
    width: 65px;
    height: 1px;
    margin-bottom: 1vh;
    background: #ffffff
}

.line_title h3 {
    font-size: 50px;
    color: #ffffff;
    font-weight: 500;
    text-align: left;
}

.client_box {
    width: 100%;
    height: 32vh;
    margin-bottom: 10px;
    background: #ffffff;
    border-radius: 20px
}

ul.box_bot_txt {
    display: flex;
    flex-direction: column;
    width: 100%;
}

ul.box_bot_txt li {
    display: flex;
    width: 100%;
    text-align: left;
}

ul.box_bot_txt li span {
    display: flex;
    align-items: center;
    margin-top: 0px;
    line-height: 1.5;
}

ul.box_bot_txt li span.space {
    width: 100%;
    height: 24px
}

ul.box_bot_txt li a span.client {
    padding-right: 45px;
    font-size: 20px;
    font-weight: 500;
    color: #ffffff;
    background: url('../images/wh_ar_long.svg') no-repeat right 13px;
}

ul.box_bot_txt li span.txt1 {
    width: 110px;
    font-weight: 500;
}

ul.box_bot_txt li span.txt2 {
    width: calc(100% - 110px);
    font-weight: 300;
}



/*이전 메인찾아오시는길*/
.map_wrap {
    float: left;
    width: 100%;
    height: 32vh !important;
    margin-bottom: 10px;
    background: #ffffff;
    border-radius: 20px;
}

/*카카오맵 외부CSS속성 강제로 height:32vh 설정(상하반응형)*/
.root_daum_roughmap {
    width: 100% !important;
    height: 100% !important;
    border-radius: 20px;
}

/*카카오맵 외부CSS속성 강제로 height:32vh 설정(상하반응형)*/

/*사이드SNS*/
.side_btn_wrap {
    position: fixed;
    right: 20px;
    bottom: 30px;
    display: flex;
    flex-direction: column;
    z-index: 20
}

a.side_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    margin-top: 10px;
    cursor: pointer;
}

a.sns1 {
    background: #1877F2 url('../images/facebook.svg') no-repeat center;
    border-radius: 100%;
}

a.sns2 {
    background: transparent url('../images/naver.svg') no-repeat center;
}

a.sns3 {
    background: #f7a225 url('../images/inquiry.svg') no-repeat center;
    background-size: 34px;
    border-radius: 100%;
}

a.top_btn {
    background: rgb(255, 255, 255, .8) url('../images/include/top_arrow.svg') no-repeat center;
    background-size: 24px;
    border-radius: 100%;
    border: 1px solid rgb(0, 0, 0, .2)
}




/*반응형 wrap*/
.res_wrap {
    width: 1400px;
    z-index: 1;
    border: 0px solid blue
}

.res_wrap100 {
    width: 100%;
    /*background:red*/
}

/*사이드파랄렉스네비*/
.is-wheel {
    overflow: hidden
}

#lnb {
    position: fixed;
    top: 50%;
    right: 45px;
    z-index: 99;
    transform: translateY(-50%)
}

#lnb .nav-link {
    position: relative;
    display: block;
    width: 12px;
    height: 12px;
    margin: 10px 0;
    padding: 0;
    border-radius: 100%;
    border: 2px solid #bdbdbd;
    background: none;
    font-size: 20px;
    outline: 0
}

#lnb .nav-link.active {
    height: 20px;
    background: #0084E9;
    border-radius: 20px;
    border: 2px solid #0084E9;
}

#lnb span {
    position: absolute;
    top: 45%;
    right: 100%;
    margin-right: 10px;
    white-space: nowrap;
    line-height: 1;
    transform: translateY(-50%);
    opacity: 0;
    transition: opacity .4s;
    font-size: 13px;
    font-weight: 700;
    color: #0084E9
}

#lnb .active span {
    opacity: 1
}

/*구역별로 색깔 다르게 입히기
[data-theme="primary"] #lnb .nav-link {border-color: #0084E9}
[data-theme="primary"] #lnb .nav-link.active {background: #0084E9}
[data-theme="primary"] #lnb span {color: #0084E9}
[data-target="#ft"] {width: 0;height: 0;visibility: hidden;margin: 0}*/

.swiper_vh {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
    width: 100%;
    height: 100vh;
    padding-top: 0%;
}

.section_top {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    position: relative;
    width: 100%;
    height: 100vh;
    padding: 16vh 0px 0px 0px;
    border: 0px solid blue;
}

/*수직 상단 정렬*/


/*기본화면*/
.con_wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    /*margin-top:100px*/
}

.sub_area {
    display: flex;
    flex-direction: column;
    width: 1400px;
    padding: 50px 0px;
    border: 0px solid red;
}

.sub_area_row {
    display: flex;
    width: 1400px;
    padding: 50px 0px;
    border: 0px solid blue;
}

/*서브상단비주얼*/
.sub_common {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    height: 350px;
    /*padding-top: 1.5%;*/
}

.sub_common a {
    /*display: flex; width:170px;*/
}

/*.sub_visual_01 { background: url('../images/include/sub_visual_01.png') no-repeat center; background-size:cover;  }
.sub_visual_02 { background: url('../images/include/sub_visual_02.png') no-repeat center; background-size:cover;  } 
.sub_visual_03 { background: url('../images/include/sub_visual_03.png') no-repeat center; background-size:cover;  } 
.sub_visual_04 { background: url('../images/include/sub_visual_04.png') no-repeat center; background-size:cover;  } 
.sub_visual_05 { background: url('../images/include/sub_visual_05.png') no-repeat center; background-size:cover;  } */

/* 서브상단비주얼 기본 설정 */
.sub_visual_01,
.sub_visual_02,
.sub_visual_03,
.sub_visual_04,
.sub_visual_05,
.sub_visual_06 {
    position: relative;
    overflow: hidden;
    /* 확대된 가상요소가 넘치지 않도록 */
}

/* 서브상단비주얼 가상요소에 배경 이미지 넣기 (원래 배경 대체) */
.sub_visual_01::before {
    content: "";
    position: absolute;
    inset: 0;
    transform-origin: center center;
    will-change: transform;
    transform: scale(1.15);
    animation: bg-zoom-out 2s ease-in-out forwards;
}

.sub_visual_02::before {
    content: "";
    position: absolute;
    inset: 0;
    transform-origin: center center;
    will-change: transform;
    transform: scale(1.15);
    animation: bg-zoom-out 2s ease-in-out forwards;
}

.sub_visual_03::before {
    content: "";
    position: absolute;
    inset: 0;
    transform-origin: center center;
    will-change: transform;
    transform: scale(1.15);
    animation: bg-zoom-out 2s ease-in-out forwards;
}

.sub_visual_04::before {
    content: "";
    position: absolute;
    inset: 0;
    transform-origin: center center;
    will-change: transform;
    transform: scale(1.15);
    animation: bg-zoom-out 2s ease-in-out forwards;
}

.sub_visual_05::before {
    content: "";
    position: absolute;
    inset: 0;
    transform-origin: center center;
    will-change: transform;
    transform: scale(1.15);
    animation: bg-zoom-out 2s ease-in-out forwards;
}

.sub_visual_01::before {
    background: url('../images/include/sub_visual_01.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.sub_visual_02::before {
    background: url('../images/include/sub_visual_02.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.sub_visual_03::before {
    background: url('../images/include/sub_visual_03.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.sub_visual_04::before {
    background: url('../images/include/sub_visual_04.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.sub_visual_05::before {
    background: url('../images/include/sub_visual_05.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

/* 서브상단비주얼 keyframes: 크게 → 정상 크기 */
@keyframes bg-zoom-out {
    0% {
        transform: scale(1.15);
    }

    100% {
        transform: scale(1);
    }

    /* 정상 크기 */
}


.sub_visual_txt {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.visual_tit_wrap {
    display: flex;
    flex-direction: column;
}

h1.visual_tit {
    margin: -3% auto 0% auto;
    font-size: 55px;
    color: #004D9A;
    font-weight: 600;
    text-align: center;
    word-break: keep-all;
    z-index: 1;
}

ul.sub_path {
    display: flex;
    align-items: center;
    z-index: 1;
}

ul.sub_path li:first-child {
    width:23px;
    height:23px;
    padding:0px 17px 0px 12px;
    background: url('../images/include/icon_home.svg') no-repeat center;
    background-size: 13px;
}

ul.sub_path li {
    display: flex;
    color:rgb(0, 0, 0, .65);
    font-size: 14px;
    font-weight: 500;
    padding:0px 5px 0px 12px;
    background: url('../images/include/icon_path.svg') no-repeat left center;
}

ul.sub_path li:last-child {
    padding:0px 0px 0px 12px;
}

p.sub_tit {
    /*display:none;*/
    width: 100%;
    margin-top: 0px;
    padding: 0px 15px;
    font-size: 16px;
    color: rgb(0, 0, 0.1);
    font-weight: 300;
    text-align: center;
    word-break: keep-all;
    z-index: 1;
}


/*서브네이게이션 양쪽 화살표*/
a span.black_one_prev {
    float: left;
    width: 54px;
    height: 54px;
    background: rgba(0, 0, 0, .15) url('../images/include/sv_ar_prev.svg') no-repeat center;
    border-radius: 100%;
    transition: all 0.3s;
}

a:hover span.black_one_prev {
    background: rgba(0, 0, 0, .3) url('../images/include/sv_ar_prev.svg') no-repeat center;
}

a span.black_one_next {
    float: right;
    width: 54px;
    height: 54px;
    background: rgba(0, 0, 0, .15) url('../images/include/sv_ar_next.svg') no-repeat center;
    border-radius: 100%;
    transition: all 0.3s;
}

a:hover span.black_one_next {
    background: rgba(0, 0, 0, .3) url('../images/include/sv_ar_next.svg') no-repeat center;
}

span.s_nav_txt_left {
    float: left;
    padding: 0px 15px;
    font-size: 18px;
    font-weight: 500;
    color: #ffffff;
    line-height: 54px;
}

span.s_nav_txt_right {
    float: right;
    padding: 0px 15px;
    font-size: 18px;
    font-weight: 500;
    color: #ffffff;
    line-height: 54px;
}

/*페이지타이틀*/
.page_title_wrap {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 0px 0px;
}

.page_title_area {


    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: flex-start;
    width: 1400px;
    padding: 70px 0px 0px 0px;
    word-break: keep-all;
    border: 0px solid red;
}

.page_title_area h1.title {
    padding-top: 15px;
    font-size: 50px;
    line-height: 1.3;
    font-weight: 500;
    text-align: center;
    background: url('../images/sub/page_line.svg') no-repeat left top;
}


/*=====new푸터=====*/
footer {
    display: flex;
    flex-direction: column;
    width: 100%;
    font-size: 15px;
    color: rgb(0, 0, 0, .7);
    background: rgb(0, 0, 0, .03);
    border-top: 1px solid rgb(0, 0, 0, .1);
}

.ft_center {
    display: flex;
    width: 1400px;
    padding: 0px 0px;
}

/*상단*/
.ft_top {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px 0px;
}

/*왼쪽*/
.ft_top_left {
    display: flex;
    flex-direction: column;
    width: calc(100% - 200px);
}

a.bottom_logo {
    display: inline-block;
    width: 107px;
    height: 38px;
    margin-bottom: 25px;
    background: url('../images/logo_wh.svg') no-repeat center;
    background-size: cover;
}

.ft_info_wrap {
    display: flex;
    flex-direction: column;
}

.ft_info_wrap .line2 {
    display: flex;
}

.ft_info_wrap .line2 .area {
    display: flex;
}

dl.ft_info {
    display: flex;
    align-items: center;
    height: 13px;
    margin: 13px 15px 0px 0px;
    padding-right: 15px;
    /*color: rgb(0, 0, 0, .7);*/
    border-right: 1px solid rgb(0, 0, 0, .3);
    white-space: nowrap;
    word-break: keep-all;
}

dl.ft_info.none {
    margin: 13px 0px 0px 0px;
    padding-right: 0px;
    border-right: none;
}

dl.ft_info dt {
    margin-right: 15px;
    color: rgb(0, 0, 0, 1);
    font-weight: 500;
}

dl.ft_info dd {
    /*color: rgb(255, 255, 255, .6)*/
}

/*오른쪽*/
.ft_top_right {
    display: none;
    /*display: flex;
    align-items: center;
    width: 200px;*/
}

/* 하단 Contact Us 버튼 */
a.btn_round_us {
    position: relative;
    display: flex;
    align-items: center;
    width: 200px;
    height: 50px;
    padding-left: 30px;
    font-size: 15px;
    font-weight: 500;
    background: #ffffff url('../images/include/icon_contact.svg') no-repeat right 30px center;
    border:1px solid #646464;
    border-radius: 100px;
    overflow: hidden;
    transition: padding-left 0.3s, background-position 0.3s;
}

a.btn_round_us:hover {
    color:#000000;
}

/* 45도 화이트 그라데이션(안함,색깔있을때만 사용) */
/*a.btn_round_us::before {
    content: "";
    position: absolute;
    top: 0%;
    left: -200%;
    width: 200%;

    height: 100%;

    background: linear-gradient(-45deg,
            rgba(255, 255, 255, 0.0) 0%,
            rgba(255, 255, 255, 0.35) 50%,
            rgba(255, 255, 255, 0.0) 100%);
    transform: translateX(0);
    transition: transform 0.7s ease;
    pointer-events: none;
}8/

/* hover 시 오른쪽 대각선으로 지나감(안함,색깔있을때만 사용) */
/*a.btn_round_us:hover::before {
    transform: translateX(200%);
}*/

/*(안함,색깔있을때만 사용)*/
/*a.btn_round_us:hover {
    padding-left: 25px;
    background: #0084E9 url('../images/include/icon_contact.svg') no-repeat right 25px center;
}*/


/*하단*/
.ft_bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 13px 0px;
    border-top: 1px solid rgb(0, 0, 0, .1);
}

p.copy {
    width: 100%;
    /*color: rgb(0, 0, 0, .7);*/
}

/*광고심의문구*/
ul.ad_review {
	display: flex;
	flex-direction: column;
}

ul.ad_review li {
	display: flex;
    align-items: flex-start;
    position: relative;
    padding-left: 8px;
    text-align: left;
}

ul.ad_review li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 4px;
    height: 1px;
    background: rgb(0, 0, 0, .7);
}

/*new서브비주얼+서브메뉴*/
.sub_top_wrap {
    position: relative;
    width: 100%;
}

.sub_top_wrap .dimmed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0, 0, 0, .1);
}

/* 서브 3depth 탭 */
ul.depth3_tab {
    display: flex;
    width: 100%;
    margin-bottom: 50px;
    padding: 0px 0px 0px 0px;
    border: 0px solid blue;
}

ul.depth3_tab li {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    height: 50px;
    margin: 0px 0px 5px 5px;
    color: #999999;
    font-weight: 500;
    background: #ffffff;
    border: 1px solid #D9D9D9;
    border-radius: 100px;
    cursor: pointer;
}

ul.depth3_tab li:first-child {
    margin: 0px 0px 5px 0px;
}

ul.depth3_tab li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 0px 10px;
    text-align: center;
    transition: all 0.3s;
}

/*ul.depth3_tab li.on {
	color:#0084E9;
	background: #ffffff;
	border:1px solid #0084E9;
}*/

ul.depth3_tab li.on {
    color: #ffffff;
    background: #0084E9;
    border: 1px solid #0084E9;
}

ul.depth3_tab li a:hover {
    background: rgb(0, 0, 0, .03);
    border-radius: 100px;
}

/*+++++게시판+++++*/
/*게시판 검색*/
.board_search_box{text-align:center; background-color:#f9f9f9; padding:10px 0px 7px 0px; margin-bottom:20px; border:1px solid #d3d3d3; }
.board_search_con {  margin:0 auto; width:510px;  }
.board_search_box select{ float:left; width:20%; max-width:100px; height:38px; border:1px solid #ccc;  }
.board_search_box .search_word_con { position:relative;top:0px; display:inline-block; height:38px; width:400px; border:1px solid #ccc; background:#ffffff; }
.board_search_box .search_word { float:left; width:85%; height:36px; border:0; padding:0; text-indent:10px; }
.board_search_box .search_word:focus {color:#333;}
.board_search_box .bbs-search-btn {float:right; margin:0px; border:0; width:36px; height:36px;  background:#4d4d4d url('../images/sub/btn_confirm_bg.svg') no-repeat center; color:#fff; cursor:pointer;  }

.total_wrap {  float: left; position: relative; top: 0px;  width: 100%;  margin-bottom: 0px;   }
.total_wrap2 {  display: flex; align-items: center;  justify-content: space-between; width:100%; margin-bottom:5px;   }
.total_wrap2 p {  float:left; position:relative;top:3px !important;   }
p.total_txt { 
	position:relative;
	top:11px; 
	height:35px; 
	letter-spacing:-0.06em; 
} 

.total_wrap.bottom_brd {
    border-bottom: 1px solid #3e3e3e;
}

/*게시판 검색 수정*/
.board_search2_box{ text-align:right;  padding:0px; margin-bottom:0px; border:0px solid #d3d3d3;  }
.board_search2_con {   float:right; width:410px;  }
.board_search2_box select{ float:left; width:105px; height:35px; border:1px solid #d3d3d3; background:#ffffff;  }
.board_search2_box .search_word_con { position:relative;top:0px; display:inline-block; height:36px; width:300px; /*border:1px solid #d3d3d3;*/  }
.board_search2_box .search_word { float: left; width: calc(100% - 40px);height: 35px;border: 0; padding: 0px 8px; border: 1px solid #d3d3d3; }
.board_search2_box .search_word:focus {color:#333;}
.board_search2_box .bbs-search-btn {float:right; margin:0px; border-radius:5px; width:35px; height:35px;  background:#4d4d4d url('../images/sub/btn_confirm_bg.svg') no-repeat center; color:#fff; cursor:pointer;  }

/* 게시판 검색창 클릭 가능하도록 z-index 조정 */
.board_search2_box {
    position: relative;
    z-index: 10;
}
.total_txt {
    pointer-events: none; /* "전체 n건" 텍스트는 클릭 이벤트 무시 */
}

/*전문의검색*/
.board_search3_box{ display: flex; align-items: center;  justify-content: center;width:100%; background-color:#f9f9f9; padding:6px; margin-bottom:20px; border:1px solid #d3d3d3; }
.board_search3_box select{ height:38px; border:1px solid #d3d3d3; background:#ffffff;  }
.board_search3_box .select_1 { width:24%; margin:0px 0.5%; }
.board_search3_box .select_2 { width:24%;  margin:0px 0.5%; }
.board_search3_box .search_word_con1 { position:relative;top:0px; display:inline-block; height:38px; margin:0px 0.5%; width:40%; border:1px solid #ccc; background:#ffffff; } /*전문의 이름검색*/
.board_search3_box .search_word_con2 { position:relative;top:0px; display:inline-block; height:38px; margin:0px 0.5%; width:50%; border:1px solid #ccc; background:#ffffff; }  /*전문의 주소검색*/
.board_search3_box .search_word { width:70%; height:36px; border:0; padding:0; text-indent:10px;  }
.board_search3_box .search_word:focus {color:#333;}
.board_search3_box .bbs-search-btn {float:right; margin:0px; border:0; width:36px; height:36px;  background:#4d4d4d url('../images/sub/btn_confirm_bg.svg') no-repeat center; color:#fff; cursor:pointer;  }

/*게시판유형1*/
.bbs-no-list center {
    padding: 10px 0px;
    border-bottom: 1px solid #d3d3d3;
}

.bbs-list-tbl{display:table; width:100%; table-layout:fixed; margin:0px 0px 0px 0px;}
.bbs-list-head{display:table-header-group; }
.bbs-list-head span{display:table-cell; text-align:center; background:#fff; color:inherit; font-weight:500; letter-spacing:-0.05em; padding:12px 0; border-top:1px solid #3e3e3e;  border-bottom:1px solid #d3d3d3; background:#F6F7FB;}
.bbs-list-row{display:table-row; width:100%;}
.bbs-list-row .column{display:table-cell; vertical-align:middle; padding:10px 0px; letter-spacing:-0.05em; text-align:center; border-bottom:1px solid #d3d3d3; }

/*.bbs-list-row.notice-row .column,.bbs-list-row.notice-row .bbs-subject-con .bbs-subject-txt{font-weight:500 !important;}*/
.bbs-list-row .bbs-title{text-align:left;}
.bbs-list-row .bbs-title a{display:block; position:relative; padding:0 0px 0 0; overflow:hidden;}	
/*.bbs-list-row .bbs-title a:hover{color:#19a5ee; }*/
.bbs-subject-con{display:inline-block; position:relative; max-width:100%;}
.bbs-subject-con span.top { 
    margin-right: 4px;
    color: #ffffff;
    font-weight: 500;
    background: #0093D5;
    border-radius: 5px;
    padding: 1px 5px;
    font-size: 13px;
}
.bbs-subject-con .bbs-subject-txt{display: inline-block; padding-right: 0px;  padding-bottom: 3px; overflow: hidden; width: 100%; text-overflow: ellipsis; white-space: nowrap;  vertical-align:middle; }


/*게시판리스트링크(반응형말줄임적용)*/
a.bor_link {  display: flex; justify-content: space-between; width: 100%;  } 
div.tword_wrap { float: left;width: 100%; font-size: 16px; }
span.tword_area { float: left; max-width: 93%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
span.re_nom { position:relative;top:2px; margin-left: 0px; font-size: 14px; font-weight: 500; color: #0389a5 }
img.new { margin-right: 3px; }

/*게시판리스트 데이터 없음*/
.no_data_wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	vertical-align: middle;
	width:100%; 
	padding: 10px 0px;
	text-align: center;
	border-bottom: 1px solid #d3d3d3;
    border-top: 1px solid #3e3e3e;
    position: relative;
    top: -1px;
}

/*게시판 상세보기*/
.bbs-view-top{width: 100%; padding:15px;border-top:1px solid #3e3e3e;  border-bottom:1px solid #d3d3d3; background:#f9f9f9;}
.bbs-view-top .bbs-tit{color:inherit; font-size:20px; font-weight:500; margin-bottom:10px; }
.bwi1 {  width:110px;  }
.bwi2 {  width:235px;  }
.bwi3 {  width:110px;  }
dl.bbs-write-info { display: flex; gap:30px;}
dl.bbs-write-info .if_row { display: flex;  }
.mo_bwi {  display: flex; }
.bbs-view-top .bbs-write-info dt { width:50px; margin-right:3px }
.bbs-view-top .bbs-write-info dt,.bbs-view-top .bbs-write-info dd{display:inline-block; vertical-align:middle; font-weight:500; color:#aaaaaa;}
.bbs-view-top .bbs-write-info dt i{ font-size:20px; color:#808080; vertical-align:middle;}
.bbs-view-top .bbs-write-info dd{ /*margin:0 2% 0 0.5%;*/ font-weight:400;color:inherit; }
.bbs-view-content {display:inline-block;width:100%; padding:15px; border-bottom:1px solid #d3d3d3; }
.bbs-view-content img {max-width:100% !important; margin-bottom:10px; }

/*게시판 첨부파일*/
.bbs-view-file-info-box{line-height:20px; border-bottom:1px solid #d3d3d3; background-color:#f9f9f9; padding:10px 3%; margin-bottom:10px;}
.bbs-view-file-info-box .bbs-file-list{overflow:hidden; padding-top:5px;}
.bbs-view-file-info-box .bbs-file-list:first-child{padding-top:0;}
.bbs-view-file-info-box .bbs-file-list dt{float:left; width:25%; font-weight:600; color:inherit; }
.bbs-view-file-info-box .bbs-file-list dd{float:left; width:75%; text-align:left }
.bbs-view-file-info-box .bbs-file-list dd a:hover{text-decoration:underline;}
.bbs-view-file-info-box .bbs-file-list dd i{vertical-align:middle; font-size:14px;}

/*첨부파일*/
.file_txt { float:left; width:100%; padding:15px;border-bottom:1px solid #d3d3d3; }
.file_txt1 { float:left; width:80px;   }
.file_txt2 {  float:left; width:calc(100% - 80px);   }
.file_viw {  display:inline-block;width:100%; }
.file_viw img {  position:relative; top:-2px; margin-right:5px; }

/*모바일용 항목*/
.mtit_info {   display:none; }

/*게시판 공지아이콘*/
span.not_w {  display:inline-block;margin:0 auto; color:#ffffff; width:40px; padding:0px 0px 0px 0px; background:#18B6F7; text-align:center; border-radius:5px; font-size:14px; line-height:22px;}
span.not_m {  display:none }

/* 페이징 */
.paging {
    float: left;
    width: 100%;
    text-align: center;
    margin: 10px 0px 0px 0px;
}

.paging a, .paging strong {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 28px;
    margin: 0px 1px;
	font-size: 13px;
    border-radius: 5px;
	text-align: center;
}

.paging a {
    border: 1px solid #d3d3d3;
	background-color: #ffffff;  
}

.paging strong {
    position: relative;
    top: 0px;
    margin: 0px 1px;
    border: 1px solid #4d4d4d;
    background-color: #4d4d4d;
    color: #fff;
    font-weight: 400;
}


/*정보입력폼*/
table.type_info  {  float:left;  width:100%; margin:0px 0px 0px 0px; border-top:1px solid #3e3e3e; border-bottom:1px solid #3e3e3e; }

table.type_info th  {  padding:8px 10px; border-bottom:1px solid #d3d3d3; background: url('../images/sub/board_line.png') right bottom no-repeat; }
table.type_info td  {  padding:8px 10px; border-bottom:1px solid #d3d3d3;  }
table.type_info td:first-child  {  border-left:0;  }
table.type_info td:last-child  {  border-right:0;  }

/*파일업로드*/
.file_input_textbox { float: left; position: relative; left:-1px; height:28px; padding:8px 5px; border:1px solid #d3d3d3; }
.file_input_div { float: left; position: relative;top:0px; width: 100px; height:35px; overflow: hidden; }
.file_input_button { width: 80px; position: absolute; top: 0px; height:35px; background:#f5f5f5 !important; border: 1px solid #d3d3d3 ; cursor:pointer !important; }
.file_input_hidden { position: absolute; right: 0px; top: 0px; cursor:pointer; opacity: 0;
 filter: alpha(opacity=0);
-ms-filter: "alpha(opacity=0)";
-khtml-opacity: 0;
-moz-opacity: 0;
}

/*파일업로드 버튼*/
.evfile_wrap {  float:left; width:50%; position:relative;  }
.evfile_input_textbox { float: left; position: absolute; left:0px; top:0px; width:100%;height:35px; border:1px solid #B8B8B8; }
.evfile_input_div { float: left; position: relative;top:0px; width:100%;  height:35px; overflow: hidden;  }
.evfile_input_button {  width: 80px; position: absolute; top: 0px; right:0px; height:35px; background:#f5f5f5 !important; border: 1px solid #b8b8b8; cursor:pointer; }
.evfile_input_hidden { position: absolute; right: 0px; top: 0px; cursor:pointer; opacity: 0;
 filter: alpha(opacity=0);
-ms-filter: "alpha(opacity=0)";
-khtml-opacity: 0;
-moz-opacity: 0;
}

/*테이블*/
.necessary:before { display:inline-block; content:"*"; position:relative;top:2px; right:4px; margin:0px 0px 0px 14px;  color:red;  }
.necessary2:before { display:inline-block; content:"*"; position:relative;top:2px; right:4px; margin:0px 0px 0px 0px;  color:red;  }
.not_necessary:before { display:inline-block; content:""; position:relative;top:2px; right:4px; margin:0px 0px 0px 20px;  color:none; }
.not_necessary2:before { display:inline-block; content:""; position:relative;top:2px; right:4px; margin:0px 0px 0px 10px;  color:none; }

.necessary_back:after { display:inline-block; content:"*"; position:relative;top:2px; right:0px; margin:0px 0px 0px 2px;  color:red;  }

/*게시판유형2*/
.program_list_line {  float:left; width:100%; border-top:1px solid #3e3e3e; }
a.hos_link {text-decoration:underline }
a.hos_link:hover {color:#1869b2; }

/*데이터없음*/
ul.program_no_list { float:left; width:100%;  }
ul.program_no_list li { float:left; width:100%; text-align:center !important; border-bottom:1px solid #d3d3d3; line-height:43px;  }

.form_ul {  float:left; width:100%; margin-bottom:0px }
.form_ul_title {  width: 90%; overflow: hidden;  white-space: nowrap; text-overflow: ellipsis;  }

/*항목8개*/
ul.board_h8 {  float:left; width:100%;  border-top:0;  border-bottom:1px solid #d3d3d3; background:#f9f9f9;}
ul.board_h8 li {  float:left; text-align:center; font-weight:600;  padding-top:0px; padding: 12px 0px; }
ul.board_h8 li:last-child {  background: none; }
ul.board_h8 li:nth-child(1) { width:12%; }
ul.board_h8 li:nth-child(2) { width:25%; }
ul.board_h8 li:nth-child(3) { width:10%; }
ul.board_h8 li:nth-child(4) { width:8%; }
ul.board_h8 li:nth-child(5) { width:17%; }
ul.board_h8 li:nth-child(6) { width:10%; }
ul.board_h8 li:nth-child(7) { width:8%; }
ul.board_h8 li:nth-child(8) { width:10%; }

ul.board_h8_list { margin:0 auto; display:table; width:100%; border-bottom:1px solid #d3d3d3; cursor:pointer !important; }
ul.board_h8_list li {  display:table-cell; text-align:center; vertical-align:middle; padding:10px 0px 10px 0px; position:relative; }
ul.board_h8_list li:nth-child(1) { width:12%; }
ul.board_h8_list li:nth-child(2) { width:25%; }
ul.board_h8_list li:nth-child(3) { width:10%; }
ul.board_h8_list li:nth-child(4) { width:8%; }
ul.board_h8_list li:nth-child(5) { width:17%; }
ul.board_h8_list li:nth-child(6) { width:10%; }
ul.board_h8_list li:nth-child(7) { width:8%; }
ul.board_h8_list li:nth-child(8) { width:10%; }

.name_left { display:none;  }
.name_center { display:none; }
.name_right {  }
.name_left2 { display:none;  }
.name_right2 {  }

.rap90 {  float: left;  width: 90%; overflow: hidden; white-space: nowrap;   text-overflow: ellipsis;  }
img.re {  margin-top:3px;  }
.comment_no {  margin-left:4px; font-size:14px;  font-weight:500;  }

/*3뎁스 탭디자인*/
.tab_wrap {
    display: flex;
    justify-content: center;
    width:100%;
    margin-top: 50px;
} 

ul.tab_area {
    display: flex;
    padding:8px;
    background: rgb(0,0,0,.04);
    border:1px solid rgb(0,0,0,.1);
    border-radius: 100px;
}

ul.tab_area li a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 220px;
    height:50px;
    color:rgb(0,0,0,.8);
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    background: transparent;
    border-radius: 100px;
}

ul.tab_area li a.on {
    color:#ffffff;
    background: #3973B9;
    pointer-events: none;
    cursor: default;
}

/*contact*/
ul.company_contact_banner {
	display: flex;
	gap: 20px;
	margin-bottom: 30px;
}

ul.company_contact_banner li {
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: 10px;
	width: 100%;
	padding: 25px 10px;
	border: 1px solid #CCCCCC;
	border-radius: 15px;
	text-align: center;
	word-break: keep-all;
}

ul.company_contact_banner li .icon {
	width: 75px;
	height: 75px;
	border-radius: 100px;
}

ul.company_contact_banner li .icon.ico1 {
	background: #F0F7FA url('../images/sub/ico_con_01.svg') no-repeat center;
}

ul.company_contact_banner li .icon.ico2 {
	background: #F0F7FA url('../images/sub/ico_con_02.svg') no-repeat center;
}

ul.company_contact_banner li .icon.ico3 {
	background: #F0F7FA url('../images/sub/ico_con_03.svg') no-repeat center;
}

.contact_title {
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: 5px;
}

.contact_title h4 {
	font-size: 22px;
	font-weight: 600;
}

.contact_title span.line {
	width: 25px;
	height: 1px;
	background: #000000;
}

/*찾아오시는길*/
.sub_map_wrap {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	position: relative;
	float: left;
	width: 100%;
	height: 500px;
	border-bottom: 1px solid #cccccc;
	border-radius: 15px;
}

.contact_wrap {
	float: left;
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin-bottom: 40px;
}

.contact_wrap .box {
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	width: 32.5%;
	padding: 20px 10px;
	font-size: 18px;
	border: 1px solid #d3d3d3;
	border-radius: 5px;
	text-align: center;
}

.contact_wrap .box p.icon {
	width: 65px;
	height: 65px;
	margin-bottom: 0px;
}

.contact_wrap .box p.bg1 {
	background: url('../../images/sub/tel.svg') no-repeat center;
	background-size: 100%;
}

.contact_wrap .box p.bg2 {
	background: url('../../images/sub/fax.svg') no-repeat center;
	background-size: 100%;
}

.contact_wrap .box p.bg3 {
	background: url('../../images/sub/mail.svg') no-repeat center;
	background-size: 100%;
}

/*지도 강제 적용*/
.root_daum_roughmap .cont {
	display: none;
}

.root_daum_roughmap {
	width: 100%;
	border-radius: 15px;
	border: 0;
}

.roughmap_maker_label .roughmap_lebel_text {
	padding: 7px 10px !important;
	font-size: 12px !important;
	border: 1px solid #22355d;
	border-radius: 100px !important;
	color: #000000 !important;
	background: #ffffff !important;
}

.roughmap_maker_label:after {
	background: none !important;
}

.roughmap_maker_label a {
	text-decoration: none !important;
}

/*화이트박스리스트배너 2등분*/
ul.box_list_banner.half {
	display: flex;
    flex-direction: row;
	gap: 20px;
    flex-wrap: wrap; 
}

ul.box_list_banner.half li {
	display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    width: calc(50% - 10px); /* 2개씩 한 줄 */
    padding: 25px 50px;
    border: 1px solid #CCCCCC;
    border-radius: 15px;
    word-break: keep-all;
}

ul.box_list_banner.half li .icon {
	flex-shrink: 0;
	width: 70px;
	height: 70px;
	border-radius: 100px;
}


/*화이트박스리스트배너*/
ul.box_list_banner {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

ul.box_list_banner li {
	display: flex;
	align-items: center;
	gap: 30px;
	width: 100%;
	padding: 25px 50px;
	border: 1px solid #CCCCCC;
	border-radius: 15px;
	word-break: keep-all;
}

ul.box_list_banner li .icon {
	flex-shrink: 0;
	width: 70px;
	height: 70px;
	border-radius: 100px;
}

/*거래안내 아이콘*/
ul.box_list_banner li .icon.ico_pro1 {
	background: #F0F7FA url('../images/sub/ico_pro_01.svg') no-repeat center;
}

ul.box_list_banner li .icon.ico_pro2 {
	background: #F0F7FA url('../images/sub/ico_pro_02.svg') no-repeat center;
}

ul.box_list_banner li .icon.ico_pro3 {
	background: #F0F7FA url('../images/sub/ico_pro_03.svg') no-repeat center;
}

ul.box_list_banner li .icon.ico_pro4 {
	background: #F0F7FA url('../images/sub/ico_pro_04.svg') no-repeat center;
}

ul.box_list_banner li .icon.ico_pro5 {
	background: #F0F7FA url('../images/sub/ico_pro_05.svg') no-repeat center;
}

ul.box_list_banner li .icon.ico_pro6 {
	background: #F0F7FA url('../images/sub/ico_pro_06.svg') no-repeat center;
}

/*탄소배출권의 정의 아이콘*/
ul.box_list_banner.half li .icon.ico_abt1 {
	background: #F0F7FA url('../images/sub/ico_about_01.svg') no-repeat center;
}

ul.box_list_banner.half li .icon.ico_abt2 {
	background: #F0F7FA url('../images/sub/ico_about_02.svg') no-repeat center;
}

ul.box_list_banner.half li .icon.ico_abt3 {
	background: #F0F7FA url('../images/sub/ico_about_03.svg') no-repeat center;
}

ul.box_list_banner.half li .icon.ico_abt4 {
	background: #F0F7FA url('../images/sub/ico_about_04.svg') no-repeat center;
}

/*탄소시장구성 아이콘*/
ul.box_list_banner li .icon.ico_abt5 {
	background: #F0F7FA url('../images/sub/ico_about_05.svg') no-repeat center;
}

ul.box_list_banner li .icon.ico_abt6 {
	background: #F0F7FA url('../images/sub/ico_about_06.svg') no-repeat center;
}

ul.box_list_banner li .icon.ico_abt7 {
	background: #F0F7FA url('../images/sub/ico_about_07.svg') no-repeat center;
}

ul.box_list_banner li .icon.ico_abt8 {
	background: #F0F7FA url('../images/sub/ico_about_08.svg') no-repeat center;
}

ul.box_list_banner li .icon.ico_abt9 {
	background: #F0F7FA url('../images/sub/ico_about_09.svg') no-repeat center;
}



.box_list_title {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	gap: 2px;
}

.box_list_title h4 {
    margin-bottom: 5px;
	font-size: 22px;
	font-weight: 600;
}

.box_list_title p {
  	font-size: 18px;
}

p.important {
	position: relative;
  	padding-left: 18px;
}

p.important::before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 14px;
  height: 14px;
  background: url('../images/sub/ico_important_red.svg') no-repeat center;
}

/*탄소시장구성테이블*/
.c_section {
	display: flex;
	flex-direction: column;
	gap:5px;
	margin: 20px 0px 20px;
	word-break: keep-all;
}

.c_section_area {
	display: flex;
	gap:5px;
}

.c_title_bg1, .c_title_bg2, .c_title_bg3 {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height:50px;
	padding:12px 10px;
	color:#ffffff; 
	font-size:18px;
	font-weight: 500;
	text-align: center;
	line-height: 1.3;
	border-radius: 10px;
}

.c_title_bg1 { flex: 0 0 140px; background:#46B1F7; }
.c_title_bg2 { flex: 1 1 0; min-width: 0; background:#0093D5; }
.c_title_bg3 { flex: 1 1 0; min-width: 0; background:#004D9A; }

.c_list_bg1, .c_list_bg2, .c_list_bg3 {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height:50px;
	padding:12px 10px;
	font-size:18px;
	text-align: center;
	border-radius: 10px;
}

.c_list_bg1 { flex: 0 0 140px; font-weight: 500; background:#DEEFFF; }
.c_list_bg2 { flex: 1 1 0; min-width: 0; background:#F6F7FB; }
.c_list_bg3 { flex: 1 1 0; min-width: 0; background:#F6F7FB; }

.line_direction {
	display: flex;
	flex-direction: column;
}

.s_bullet {
    position: relative;
    padding-left: 10px;   /* 불릿과 텍스트 간격 */
}

.s_bullet::before {
    content: "";
    position: absolute;
    left: 0;
    top: 13px;
    width: 5px;
    height: 1px;
    background: #000000;
}

/*일반페이지*/
h3.paragrap_title {
	margin-bottom: 10px;
	font-size: 40px;
	font-weight: 600;
	color:#004D9A;
}

.paragraph_word {
	display: flex;
	flex-direction: column;
	width: 100%;
	padding:15px 0px;
}

.paragraph_word.brd {
	border-bottom:1px dashed #CCCCCC;
}

.paragraph_word h4 {
	position: relative;
	padding-left: 26px;
	font-size: 32px;
	font-weight: 500;
}

.paragraph_word h4::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    background: url('../images/sub/ico_circle_bl.svg') no-repeat center;
	background-size: 98%;
}

.paragraph_word p {
    display: flex;
    flex-direction: column;
	margin-top: 10px;
	font-size: 20px;
}

.image_box {
    display: flex;
    align-items: center;
    justify-content: center;
    width:100%;
    margin-bottom:20px;
    padding:40px 0px;
    border:1px solid #cccccc;
    border-radius: 15px;
}

/*탄소금융본부소개*/
ul.mvp_banner {
	display:flex;
	justify-content:space-between;
	gap:4%;
}

ul.mvp_banner li {
	display:flex;
	align-items: center;
	flex-direction: column;
	width:100%;
	word-break: keep-all;
}

ul.mvp_banner li .title {
	display:flex;
	justify-content: center;
	min-height:85px;
	width:100%;
	font-size: 24px;
	font-weight: 500;
	color: #ffffff;
	border-radius: 15px;
}

ul.mvp_banner li .title .text {
	display: flex;
    align-items: center;
    gap: 5px;
	line-height: 1.2;
}

ul.mvp_banner li .title .text img {
	width:60px;
}

ul.mvp_banner li .title.col1 { background: #3973B9; }
ul.mvp_banner li .title.col2 { background: #0093D5; }
ul.mvp_banner li .title.col3 { background: #004D9A; }

ul.mvp_banner li .sub {
	display: flex;
	flex-direction: column;
	gap: 20px;
    width: 100%;
	height: 100%;
	margin-top:3px;
	padding:30px 40px;
    border: 1px solid #CCCCCC;
    border-radius: 15px;
}

.mvp_list {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.mvp_list p {
	display: flex;
	align-items: flex-start;
	gap:8px;
	font-size: 20px;
	font-weight: 500;
}

.mvp_list p span {
	display:flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	width:30px;
	height:30px;
	color:#ffffff;
	font-size: 18px;
	text-align: center;
	border-radius: 6px;
}

.mvp_list p span.col1 { background: #3973B9; }
.mvp_list p span.col2 { background: #0093D5; }
.mvp_list p span.col3 { background: #004D9A; }

.mvp_list ul {
	display: flex;
	flex-direction: column;
}

.mvp_list ul li {
	display: flex;
    align-items: flex-start;
	position: relative;
    padding-left: 10px;
	font-size: 17px;
	text-align: left;
}

.mvp_list ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 12px;
    width: 5px;
    height: 1px;
    background: #000000;
}

.triangle {
  width: 24px;
  height: 20px;
}

.triangle.col1 { color: #3973B9; }
.triangle.col2 { color: #0093D5; }
.triangle.col3 { color: #004D9A; }

.triangle polygon {
  fill: currentColor; /* CSS color를 그대로 사용 */
}

/*상세보기 첨부파일*/
.file_attach_wrap {
	display: flex;
	width: 100%;
	padding: 15px;
	color:#004D9A;
	font-size: 16px;
	border-bottom: 1px solid #d3d3d3;
}

.file_attach_wrap .left {
	flex-shrink: 0;
	width: 70px;
	padding-top:3px;
	font-weight: 500;
}

.file_attach_wrap .right {
	width: 100%;
}

ul.file_attach_list {
	display: flex;
	flex-direction: column;
}

ul.file_attach_list li a {
	display: inline-block;
	padding:3px 0px 0px 20px;
	background: url('../images/sub/file_default.svg') no-repeat left 5px;
}

/*광고배너*/
.ad_banner_wrap {
    display: inline-block;
    width:100%;
    margin-top:30px;
    border:1px solid #d3d3d3;
}

.ad_banner_wrap img {
    width:100%;
}

/*pc,mo 이미지 노출*/
img.pc {
    display: block;
}

img.ta {
    display: none;
}

img.mo {
    display: none;
}

/*상품안내메인*/
.product_category {
    display: flex;
    flex-direction: column;
    gap:15px;
}

.category_title {
    position: relative;
    padding: 0px 0px 8px 12px;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 0px;
    border-bottom: 1px solid #3e3e3e;
}

.category_title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 13px;
  width: 5px;
  height: 20px;
  background: #004D9A;
  border-radius: 100px;
  transform: translateY(-50%);
}

h3.sbullet {
    position: relative;
    padding: 0px 0px 3px 12px;
}

h3.sbullet::before {
    content: "";
    position: absolute;
    left: 0;
    top: 12px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #004D9A;
    transform: translateY(-50%);
}

/*상품안내차트*/
.chart_wrap {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 40px;
    background: url('../images/sub/bg_chart.png') no-repeat center;
    border-radius: 8px;
}

.chart_wrap .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding:15px 30px;
    font-size: 16px;
    color:#ffffff;
    background: rgb(0,0,0,.3);
    border-radius: 8px 8px 0px 0px;
}

.chart_wrap .top h3 {
    font-size: 22px;
    font-weight: 500;
}

.chart_wrap .bottom {
    display: flex;
    gap:30px;
    padding:30px;
    border-top:none;
}

.chart_box {
    display: flex;
    align-items: center;
    justify-content: center;
    width:100%;
    height:300px;
    padding:20px;
    background: #ffffff;
    border:0px solid #d3d3d3;
    border-radius: 8px;
}

/*차트캔버스 가로 100% 강제 처리*/
.chart_box canvas {
    width: 100% !important;
}

/*메인컨텐츠*/
.main_con_wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 100%;
	padding:80px 0px;
}

.main_con_wrap .bottom_blue_bg {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height:300px;
	background: #0093D5;
}

.main_banner_area {
	display: flex;
	flex-direction: column;
	gap:60px;
	width: 1400px;
	z-index: 1;
}

.section_main_title {
	display: flex;
	flex-direction: column;
	gap:10px;
	text-align: center;
	word-break: keep-all;
}

.section_main_title p {
	font-size: 18px;
	color: #0093D5;
	font-weight: 600;
}

.section_main_title h2 {
	font-size: 36px;
}

.section_main_title span {
	font-size: 20px;
	color: #5E5E5E;
}

/*주요배너리스트*/
ul.main_banner {
	display: flex;
	flex-wrap: wrap;      /* 줄바꿈 허용 */
	gap: 25px;
	width: 100%;
}

ul.main_banner li {
	flex: 1 0 0;                 /* 모든 li 동일 비율 */
	flex: 0 0 calc((100% - 50px) / 3);/* gap 25px × 2 = 50px */
}

ul.main_banner li a {
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: 10px;
	width: 100%;
	height: 100%;
	padding:40px 20px;
	text-align: center;
	word-break: keep-all;
	background:#ffffff;
	border: 1px solid #CCCCCC;
	border-radius: 15px;
	transition: all 0.3s;
}

ul.main_banner li a.col1:hover { background: #f2f8ff; border: 1px solid #004D9A; }
ul.main_banner li a.col2:hover { background: #fff6f3; border: 1px solid #EC6730; }
ul.main_banner li a.col3:hover { background: #f2fbff; border: 1px solid #0093D5; }
ul.main_banner li a.col4:hover { background: #f1fffd; border: 1px solid #00A18C; }
ul.main_banner li a.col5:hover { background: #fdf6ff; border: 1px solid #9460A4; }
ul.main_banner li a.col6:hover { background: #fff4f6; border: 1px solid #EA5172; }

.bnr_icon {
	width: 140px;
	height: 140px;
}

.bnr_icon.ic1 {
	background: url('../images/main/icon_main1.svg') no-repeat center center;
	background-size: cover;
}
.bnr_icon.ic2 {
	background: url('../images/main/icon_main2.svg') no-repeat center center;
	background-size: cover;
}
.bnr_icon.ic3 {
	background: url('../images/main/icon_main3.svg') no-repeat center center;
	background-size: cover;
}
.bnr_icon.ic4 {
	background: url('../images/main/icon_main4.svg') no-repeat center center;
	background-size: cover;
}
.bnr_icon.ic5 {
	background: url('../images/main/icon_main5.svg') no-repeat center center;
	background-size: cover;
}
.bnr_icon.ic6 {
	background: url('../images/main/icon_main6.svg') no-repeat center center;
	background-size: cover;
}

.bnr_text {
	display: flex;
	flex-direction: column;
	gap:5px;
	font-weight: 600;
}

.bnr_text p {
	display: flex;
	justify-content: center;
	align-items: center;
    text-align: center;
    gap: 5px;
    font-size: 17px;
}

.bnr_text p span.line {
	width:1px;
	height:10px;
	background:rgb(0, 0, 0, .3)
}

.bnr_text p.col1 { color: #004D9A; }
.bnr_text p.col2 { color: #EC6730; }
.bnr_text p.col3 { color: #0093D5; }
.bnr_text p.col4 { color: #00A18C; }
.bnr_text p.col5 { color: #9460A4; }
.bnr_text p.col6 { color: #EA5172; }

.bnr_text h3 {
	font-size: 26px;
}

ul.main_banner li a .more { 
	display: flex;
    align-items: center;
	margin-top: 5px;
	font-size: 16px;
	color:rgb(0, 0, 0, .5);
	font-weight: 500;
}

ul.main_banner li a .more span.arrow { 
	display: inline-block;
	width:22px;
	height:10px;
	margin-left: 6px;
	background: url('../images/main/ar_more.svg') no-repeat center;
	background-size: 100%;
	transition: all 0.3s;
}

ul.main_banner li a:hover .more span.arrow { 
	margin-left: 12px;

}

.inline {
	display: inline;
}


/*공지사항, Q&A*/
.bg_notice {
	background: url('../images/main/bg_notice.png') no-repeat center;
	background-size: cover;
}
.notice_wrap {
	display: flex;
	gap:30px;
}

.notice_area {
	display: flex;
	flex-direction: column;
	position: relative;
	width:70%;
	padding:40px;
	background: #ffffff;
	border: 1px solid rgb(0, 0, 0, .1);
    border-radius: 15px;
	box-shadow: 0 0 10px 0 rgb(0, 0, 0, 0.10);
}

h3.notice_title {
	margin-bottom: 20px;
	font-size: 28px;
	font-weight: 500;
}

.notice_list {
	display: flex;
	align-items: center;
	gap:30px;
}

a.n_list {
	display: flex;
	flex-direction: column;
	position: relative;
	width: calc(50% - 15px);
	padding-bottom: 70px;
	word-break: keep-all;
	overflow: hidden;
}

a.n_list span.date {
	position: absolute;
	bottom: 0;
	left: 0;
	color:#0093D5;
	font-size: 16px;
}

.n_line {
	width: 1px;
	height: 170px;
	background: rgb(0, 0, 0, .15);
	flex: 0 0 auto;
}

.n_title {
	height:58px;
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: 500;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
    word-break: break-all;
	transition: all 0.3s;
}

a.n_list:hover .n_title {
	color:#004D9A;
}


.n_sub {
	height:70px;
	font-size: 16px;
	color:rgb(0, 0, 0, .8);
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
    word-break: break-all;
}

/*Q&A*/
a.qa_area {
	display: flex;
	flex-direction: column;
	position: relative;
	width:30%;
	padding:40px;
	border: 1px solid rgb(0, 0, 0, .05);
    border-radius: 15px;
	box-shadow: 0 0 10px 0 rgb(0, 0, 0, 0.10);
	background: #DEEFFF url('../images/main/ico_qna.svg') no-repeat right 40px bottom 40px;
	background-size: 115px;
	transition: all 0.3s;
}

a.qa_area:hover {
	background: #d1e9ff url('../images/main/ico_qna.svg') no-repeat right 40px bottom 40px;
	background-size: 115px;
}

.qa_text {
	display: flex;
	flex-direction: column;
	margin-bottom: 80px;
}

.qa_text h4 {
	color:#004D9A;
	font-size: 26px;
	font-weight: 500;
	margin-bottom: 15px;
}

.qa_text p {
	color: rgb(0, 0, 0, .8);
	font-size: 16px;
}

.qa_more {
	position: absolute;
	bottom: 40px;
	left: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap:8px;
	width:120px;
	height:30px;
	padding:0px 0px;
	font-size: 16px;
	color:#004D9A;
	font-weight: 500;
	border:1px solid #004D9A;
	border-radius: 100px;
	transition: all 0.3s;
}

.qa_more span.arrow {
	width:6px;
	height:11px;
	background: url('../images/main/ico_right_arrow_bl.svg') no-repeat center;
}

a.qa_area:hover .qa_more {
	gap:12px;
}

.notice_title_wrap {
	display: flex;
	justify-content: space-between;
}

.notice_title_wrap a.more {
	width:28px;
	height:28px;
	background: url('../images/main/ico_more_bk.svg') no-repeat center;
}

/*기타배너*/
.etc_banner {
	display: flex;
	flex-direction: row !important;
	gap:40px;
}

a.etcbnr {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width:100%;
	height:110px;
	border-radius: 15px;
	transition: all 0.3s;
}

a.etcbnr.col1 {
	background: #3CC8FA;
}

a.etcbnr.col2 {
	background: #23C8DA;
}

.etc_left {
	display: flex;
	align-items: center;
	height:55px;
	margin-left:60px;
	padding-left:70px;
	font-size: 28px;
	font-weight: 500;
	color:#ffffff;
	line-height: 1.2;
	transition: all 0.3s;
}

.etc_left.ic1 {
	background: url('../images/main/icon_co1.svg') no-repeat left center;
	background-size: 55px;
}

.etc_left.ic2 {
	background: url('../images/main/icon_co2.svg') no-repeat left center;
	background-size: 55px;
}

.etc_right {
	width:72px;
	height:22px;
	margin-right:60px;
	background: url('../images/main/ico_more_wh.svg') no-repeat;
	background-size: cover;
	transition: all 0.3s;
}

/*hover*/
a.etcbnr:hover .etc_left{
	margin-left:52px;
}

a.etcbnr:hover .etc_right{
	margin-right:52px;
}

a.etcbnr:hover.col1 {
    background: #3CC8FA;
}

a.etcbnr:hover.col2 {
    background: #23C8DA;
}

/* ◆◆◆◆◆◆◆◆◆◆ 1280px이하 ◆◆◆◆◆◆◆◆◆◆ */
@media only screen and (max-width:1280px) {
/*+++++게시판+++++*/
/*게시판 검색*/
.board_search_box{text-align:center; background-color:#f9f9f9; padding:10px 0px 7px 0px; margin-bottom:20px; border:1px solid #d3d3d3; }
.board_search_con {  margin:0 auto; width:80%; }
.board_search_box select{ float:left; width:22%; height:38px; border:1px solid #ccc;  }
.board_search_box .search_word_con { position:relative;top:0px; width:76%;display:inline-block; height:38px; border:1px solid #ccc; background:#ffffff; }
.board_search_box .search_word { float:right; width:75%; height:36px; border:0; padding:0; text-indent:10px; }
.board_search_box .search_word:focus {color:#333;}
.board_search_box .bbs-search-btn {float:right; margin:0px; border:0; width:36px; height:36px;  background:#4d4d4d url('../images/sub/btn_confirm_bg.svg') no-repeat center; color:#fff; cursor:pointer;  }

/*게시판 검색 수정*/
.total_wrap2 p {  float:left; position:relative;top:18px !important;   }
p.total_txt { float:left;   padding-bottom:10px;  letter-spacing:-0.06em; } 


/*게시판 상세보기*/
.bbs-view-top .bbs-tit { font-size:16px; }
dl.bbs-write-info { display: flex; gap:30px;font-size:14px;}

/*첨부파일*/
.file_txt { float:left; width:100%; padding:15px; border-bottom:1px solid #d3d3d3; }
.file_txt1 { display:none;   }
.file_txt2 {  float:left; width:100%;  }
.file_viw {  display:inline-block;width:100%; font-size: 14px; }

/*게시판유형2*/
/*항목8개*/
ul.board_h8 {  display:none; }
ul.board_h8_list { margin:0 auto; padding:10px 0px;display:table; width:100%; border-top:0px solid #000000;  border-bottom:1px solid #d3d3d3; }
ul.board_h8_list li {  float:left;  width:100% !important;  padding:1px 0px 1px 0px !important; text-align:left !important; vertical-align:middle;  position:relative;   }

.name_left { display:inline-block; width:60px; color:#aaaaaa;  }
.name_center { display:inline-block; width:20px; text-align:center; color:#aaaaaa;  }
.name_right {float:right; width:calc(100% - 85px); }
.name_left2 { display:none;  }
.name_right2 { float:left; width:100%  }


/*+++++상품관리+++++*/
.con_left {
    display: none;
}

/*상단 필터 타이틀*/
.filter_ico {
    width:22px;
    height:22px;
    background-size: 13px;
}

/*처음과 마지막을 제외한 li는 말줄임 사용*/
ul.filter_path li {
    display: inline-block;
    /*max-width: 60px;*/
}

/* li 안의 a 또는 span */
ul.filter_path li > a,
ul.filter_path li > span {
    display: block;
    max-width: 100%;
    font-size: 13px;
    background-size: 7px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

ul.filter_path li:last-child {
    max-width: 100%;
}


button.mo_filter_btn,
a.mo_filter_btn {
    display: block !important;
    flex-shrink: 0;
    position: absolute;
    top: 0px;
    right: 0;
    width: 25px;
    height: 25px;
    background: #000000 url('../images/sub/vector_filter.svg') no-repeat center;
    background-size: 13px;
    border-radius: 5px;
}

/*mo_filter_menu안에서 속성 변경*/
.mo_filter_menu .tree_box {
    max-height: calc(100dvh - 60px); /*  60px 제외 */
    overflow-y: auto;
    border: 0;
  }

.mo_filter_menu .filter_top {
    border-top: 0;
    border-left: 0;
    border-right: 0;
  }

.filter_top_wrap {
    margin-bottom: 0px !important;
}

button.mo_filter_close {
    display: block !important;
    width:18px;
    height:18px;
    background: url('../images/sub/icon_close_bk.svg') no-repeat center;
    background-size: 100%;
}

.mo_filter_menu .tree_box .tree .left {
    font-size: 14px;
}

.mo_filter_menu .ico {
    position: relative;
    top: 3px;
}

/*이동된 con_left 노출하기위해 위치잡기*/
.mo_filter_menu .con_left {
    position: static !important;
    width: 100% !important;
    height: auto !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block;
    overflow: visible; /* 자식은 스크롤 X */
  }

h3.product_name {
    font-size: 17px !important;
}

h3.product_title {
    font-size: 24px !important;
}

h3.product_title span {
    font-size: 14px;
}

/*3뎁스 탭디자인*/
.tab_wrap {
    margin-top: 30px;
} 

ul.tab_area {
    padding:5px;
}

ul.tab_area li a {
    min-width: 135px;
    height:33px;
    font-size: 15px;
    letter-spacing: -0.05em;
}

/*탄소금융본부소개*/
ul.mvp_banner {
	display:flex;
	flex-direction: column;
	gap:30px;
}

ul.mvp_banner li .title {
	min-height:55px;
	font-size: 18px;
}


ul.mvp_banner li .title .text img {
	width:38px;
}

ul.mvp_banner li .sub {
	padding:20px 15px;
}

.mvp_list {
    gap: 8px;
}

.mvp_list p {
	font-size: 15px;
}

.mvp_list ul li {
	font-size: 15px;
}

.mvp_list p span {
	width:21px;
	height:21px;
	font-size: 14px;
}

.mvp_list ul li::before {
    top: 9px;
}

.triangle {
  width: 16px;
  height: 12px;
}

/*상품안내메인*/
.product_category {
    gap:10px;
}

.category_title {
    padding: 0px 0px 5px 10px;
    font-size: 19px;
}

.category_title::before {
  left: 0;
  top: 11px;
  width: 5px;
  height: 17px;
}

h3.sbullet {
    position: relative;
    padding: 0px 0px 0px 10px;
}

h3.sbullet::before {
    top: 11px;
}

.chart_wrap .top {
    padding: 15px 15px;
    font-size: 14px;
}

.chart_wrap .top h3 {
    font-size: 19px;
}

.chart_wrap .bottom {
    gap: 15px !important;
    padding: 15px;
}

/*공지사항 말줄임표 (1280px 이하 2줄)*/
.n_sub {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
	text-overflow: ellipsis;
}

/*메인컨텐츠*/
.section_main_title p {
	font-size: 16px;
}

.section_main_title h2 {
	font-size: 24px;
}

.section_main_title span {
	font-size: 16px;
}

.main_banner_area {
	gap:30px;
}

/*주요배너리스트*/
.main_con_wrap .bottom_blue_bg {
    height: 200px;
}

ul.main_banner {
	gap: 15px;
}

ul.main_banner li {
    flex: 0 0 calc((100% - 30px) / 3);
}

ul.main_banner li a {
    padding: 15px 10px;
}

ul.main_banner li a .more {
    font-size: 15px;
}

ul.main_banner li a .more span.arrow  {
    width: 18px;
    height: 8px;
    margin-left: 8px;
}

.bnr_icon {
    width: 100px;
    height: 100px;
}

.bnr_text p {
    font-size: 15px;
}

.bnr_text h3 {
	font-size: 18px;
}

.inline {
	display: block;
}

ul.main_banner li a.col1:hover,
ul.main_banner li a.col2:hover, 
ul.main_banner li a.col3:hover, 
ul.main_banner li a.col4:hover, 
ul.main_banner li a.col5:hover, 
ul.main_banner li a.col6:hover { background: #ffffff; border: 1px solid #CCCCCC; }


ul.main_banner li a .more span.arrow { 
	display: inline-block;
	width:22px;
	height:10px;
	margin-left: 6px;
	background: url('../images/main/ar_more.svg') no-repeat center;
	background-size: 100%;
}

ul.main_banner li a:hover .more span.arrow { 
	margin-left: 6px;

}

/*공지사항, Q&A*/
.notice_wrap {
	display: flex;
	gap:15px;
} 

.notice_area {
	width:65%;
	padding:20px;
}

h3.notice_title {
	margin-bottom: 10px;
	font-size: 22px ;
}

.notice_list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

a.n_list {
	width:100%;
	padding-bottom: 30px;
}

a.n_list span.date {
	font-size: 14px;
}

.n_title {
	height: 22px;
    margin-bottom: 10px;
    font-size: 15px;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

a.n_list:hover .n_title {
	color:inherit;
}

.n_sub {
	height:40px;
	font-size: 14px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.n_line {
	display: none;
}

/*Q&A*/
a.qa_area {
	width:35%;
	padding:20px;
	background: #DEEFFF url('../images/main/ico_qna.svg') no-repeat right 30px bottom 30px;
	background-size: 90px;
}

a.qa_area:hover {
	background: #DEEFFF url('../images/main/ico_qna.svg') no-repeat right 30px bottom 30px;
	background-size: 90px;
}

.qa_text {
	margin-bottom: 70px;
}

.qa_text h4 {
	font-size: 22px;
}

.qa_text p {
	font-size: 14px;
}

.qa_more {
	bottom: 20px;
	left: 20px;
	gap:8px;
	width:100px;
	font-size: 14px;
}

a.qa_area:hover .qa_more {
	gap:8px;
}

.notice_title_wrap a.more {
	position: relative;
    top: 2px;
	width:18px;
	height:18px;
}

/*기타배너*/
.etc_banner {
	gap:20px;
}

a.etcbnr {
	height:85px;
	padding:0px 30px;
}

.etc_left {
	height:40px;
	margin-left:0px;
	padding-left:50px;
	font-size: 22px;
}

.etc_left.ic1 {
	background: url('../images/main/icon_co1.svg') no-repeat left center;
	background-size: 40px;
}

.etc_left.ic2 {
	background: url('../images/main/icon_co2.svg') no-repeat left center;
	background-size: 40px;
}

.etc_right {
	width:52px;
	height:16px;
	margin-right:0px;
	background: url('../images/main/ico_more_wh.svg') no-repeat;
	background-size: cover;
}

/*hover*/
a.etcbnr:hover .etc_left{
	margin-left:0px;
}

a.etcbnr:hover .etc_right{
	margin-right:0px;
}

a.etcbnr:hover.col1 {
	background: #3CC8FA;
}

a.etcbnr:hover.col2 {
	background: #23C8DA;
}

.filter_top_wrap {
    margin-bottom: 10px !important;
}

/*=====new푸터=====*/
footer {
    font-size: 14px;
}

/*왼쪽*/
.ft_top_left {
    align-items:flex-start;
    width: 100%;
    margin-bottom: 20px;
}

a.bottom_logo {
    width: 84px;
    height: 30px;
    margin-bottom: 20px;
}

.ft_info_wrap {
    align-items: center;
}

.ft_info_wrap .line2 {
    /*display: flex;
    flex-direction: column;
    align-items: center;*/
    width: 100%;
}

.ft_info_wrap .line2 .area {
    display: flex;
    /*flex-direction: column;*/
    align-items: center;
}

dl.ft_info {
    margin: 10px 15px 0px 0px;
    /*padding-right: 0px;*/
    font-size: 13px;
    /*border-right: 0px;*/
}

dl.ft_info dd {
    letter-spacing: -0.05em;
}

dl.ft_info.none {
    margin: 10px 0px 0px 0px;
}

/*dl.ft_info dt {
    margin-right: 5px;
}*/

/*오른쪽*/
.ft_top_right {
    width: auto;
}

/* 하단 Contact Us 버튼 */
a.btn_round_us {
    position: relative;
    display: flex;
    align-items: center;
    width: 115px;
    height: 35px;
    padding-left: 15px;
    font-size: 13px;
    background: #ffffff url('../images/include/icon_contact.svg') no-repeat right 15px center;
    background-size: 13px;
}

/* 45도 화이트 그라데이션 비활성*/
/*a.btn_round_us::before {
    display: none !important;
}*/

/*a.btn_round_us:hover {
    padding-left: 15px;
    background: #0084E9 url('../images/include/icon_contact.svg') no-repeat right 15px center;
    background-size: 13px;
}*/


/*하단*/
p.copy {
    text-align: center;
    font-size: 12px;
    letter-spacing: -0.05em;
}

/*광고심의문구*/
ul.ad_review {
    padding: 0px 0px;
}

ul.ad_review li::before {
    top: 9px;
}


}

/* ◆◆◆◆◆◆◆◆◆◆ 1400px이하 ◆◆◆◆◆◆◆◆◆◆ */
@media only screen and (max-width:1400px) {

#wrap { 
    margin-top: 60px;
}

/*서브상단 경로*/
ul.sub_path {
    display: none;
}

.swiper_vh {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 60px 0px;
}

.swiper_vh.nopadding {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 0px 0px !important;
}

.section_top {
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 0vh 0px 0px 0px;
    border: 0px solid blue;
}

/*수직 상단 정렬*/

/*섹션타이틀*/
/*.section_title {  margin:0vh 0px 3vh 0px;}*/
.section_title h1 {
    font-size: 16px;
}

.section_title h2 {
    font-size: 40px;
    line-height: 1;
}

.section_title h3 {
    margin-top: 18px;
    font-size: 18px;
}

.section_title h3.bk {
    margin-top: 18px;
    font-size: 18px;
}

.section_title h4 {
    margin-top: 15px;
    font-size: 16px;
}

.section_title.copy {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0px 0px 30px 0px !important;
    text-align: center;
}

.section_title.copy2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0px 0px 30px 0px !important;
    text-align: center;
}

/*사이드 파랄렉스*/
.d-none {
    display: none !important;
}

/*반응형 wrap*/
.res_wrap {
    width: 100%;
    padding: 0px 15px;
}

/*스크롤 내비*/
.m_nav {
    position: fixed;
    right: 22px;
}

.m_nav .active em {
    display: none;
}

/*사이드SNS*/
.side_btn_wrap {
    right: 15px;
    bottom: 50px;
}

a.side_btn {
    width: 35px;
    height: 35px;
}

a.sns1 {
    background-size: 10px;
}

a.sns2 {
    background-size: 100%;
}

a.sns3 {
    background-size: 20px;
}

a.top_btn {
    background-size: 15px;
}


/*mo용이미지*/
.section-main-visual .background.bg1 {
    background: url('../images/main/visual_bg1.png') no-repeat center;
}

.section-main-visual .background.bg2 {
    background: url('../images/main/visual_bg2.png') no-repeat center;
}

/*.section-main-visual .swiper-button-prev { display: block; position: absolute; left:3%; top:0; margin: 0; width: 35px; height: 35px;   }
.section-main-visual .swiper-button-next { display: block; position: absolute; right:3%; top:0;  margin: 0; width: 35px; height: 35px; }*/

.section-main-visual .control {
    bottom: 4vh;
}

.scroll-icon {
    display: none;
}


/*타이틀*/
.tit_big_nbrd h3 {
    font-size: 18px;
    font-weight: 600;
    background: url('/images/sub/tit_arrow.svg') no-repeat 0px 4px;
    background-size: 4px;
}

.tit_big_brd h3 {
    font-size: 18px;
    font-weight: 600;
    background: url('/images/sub/tit_arrow.svg') no-repeat 0px 4px;
    background-size: 4px;
}

.tit_big_client {
    font-size: 20px;
}





/*기본화면*/
.sub_area, .sub_area_row  {
    width: 100%;
    padding: 30px 15px;
}

/* 서브 3depth 탭 */
ul.depth3_tab {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 30px;
}

ul.depth3_tab li {
    flex: 0 0 49.5%;
    /* 너비 50% 고정 */
    margin: 0px 0px 5px 1%;
    height: 40px;
}

ul.depth3_tab li:nth-child(odd) {
    margin: 0px 0px 5px 0%;
}

.image_box {
    margin-bottom:10px;
    padding:20px 10px;
}

.image_box img {
    width:100%;
}

/*메인컨텐츠*/
.main_con_wrap {
	padding: 50px 15px;
}

.main_banner_area {
	width: 100%;
}

.ft_center {
    display: flex;
    flex-direction: column;
    padding:0px 15px;
}

}

/* ◆◆◆◆◆◆◆◆◆◆ 768px~1400px ◆◆◆◆◆◆◆◆◆◆ */
@media only screen and (min-width:768px) and (max-width:1400px) {
.section-main-visual .swiper {
    height: 500px;
}

.section-main-visual .background {
    height: 500px;
}

/*서브상단비주얼*/
.sub_common {
    height: 300px;
}

    h1.visual_tit {
    margin: -2% auto 0% auto;
    font-size: 45px;
}

.line_break {
    display: inline;
}

/*메인비주얼이너*/
.section-main-visual .inner {
    width: 72%
}

.section-main-visual .text-wrap .title {
    font-size: 4.7vw;
    font-weight: 600;
}

.section-main-visual .text-wrap .text {
    font-size: 20px;
    font-weight: 500;
}

.w_user {
    display: inline
}

.m_user {
    display: none
}

/*페이지타이틀*/
.page_title_area {
    padding: 50px 10px 0px 10px;
}

.page_title_area h1.title {
    font-size: 40px;
    background: url('../images/sub/page_line.svg') no-repeat left top;
}

/*일반페이지*/
h3.paragrap_title {
	font-size: 30px;
}

.paragraph_word h4 {
	font-size: 24px;
}

.paragraph_word h4 {
	padding-left: 22px;
}

.paragraph_word h4::before {
    width: 16px;
    height: 16px;
}

.paragraph_word p {
	font-size: 18px;
}

/*pc,mo 이미지 노출*/
img.pc {
    display: none;
}

img.ta {
    display: block;
    width:85%;
}

img.mo {
    display: none;
}

}

/* ◆◆◆◆◆◆◆◆◆◆ 768px이하 ◆◆◆◆◆◆◆◆◆◆ */
@media only screen and (max-width:768px) {
body {
    min-width: 100%;
    font-size: 14px;
}

.line_break {
    display: inline;
}

/*서브상단비주얼*/
.sub_common {
    height: 200px;
}

h1.visual_tit {
    margin: -10% auto 0% auto;
    font-size: 30px;
}

.section-main-visual .swiper {
    height: 400px;
}

.section-main-visual .background {
    height: 400px;
}

/*메인비주얼이너*/
.section-main-visual .text-wrap .title {
    margin-bottom: 20px;
    font-size: 5.5vw;
    font-weight: 600;
}

.section-main-visual .text-wrap .text {
    margin-bottom: 40px;
    font-size: 3.5vw;
    font-weight: 500;
}

.swiper_arrow_wrap {
    width: 100%;
}

.section-main-visual .swiper-button-prev {
    display: block;
    position: absolute;
    left: 3%;
    top: 0;
    margin: 0;
    width: 35px;
    height: 35px;
}

.section-main-visual .swiper-button-next {
    display: block;
    position: absolute;
    right: 3%;
    top: 0;
    margin: 0;
    width: 35px;
    height: 35px;
}

a.more {
    display: flex;
    width: 87px;
    font-size: 14px;
    background: url('../images/main/ar_more.svg') no-repeat right 10px;
    background-size: 20px
}

a.more:hover {
    width: 87px;
}

/*섹션타이틀*/
.section_title {
    margin: 0vh 0px 3vh 0px;
}

.section_title h1 {
    font-size: 15px;
}

.section_title h2 {
    font-size: 26px;
    line-height: 1;
}

.section_title h3 {
    margin-top: 15px;
    font-size: 14px;
}

.section_title h3.bk {
    margin-top: 15px;
    font-size: 14px;
}

.section_title h4 {
    margin-top: 10px;
    font-size: 13px;
}

p.sub_tit {
    font-size: 13px;
}

.w_user {
    display: none
}

.m_user {
    display: inline
}

h3.brd_left {
    margin-bottom: 10px;
    padding: 0px 0px 2px 5px;
    height: 17px;
    font-size: 16px;
}

/*페이지타이틀*/
.page_title_area {
    padding: 30px 10px 0px 10px;
}

.page_title_area h1.title {
    font-size: 25px;
    background: url('../images/sub/page_line.svg') no-repeat left top;
    background-size: 26px;
}

/*+++++게시판+++++*/
/*게시판유형1*/
.bbs-list-tbl{float:left; width:100%; border-top:1px solid #d7d7d7;}
.bbs-list-tbl,.bbs-list-row,.bbs-list-row .column{display:block;}
.bbs-list-head{display:none; position:absolute; top:-1000em; left:-1000em;}
.bbs-list-row{position:relative; width:100%; padding:10px 0%; border-bottom:1px solid #d3d3d3; overflow:hidden;}
.bbs-list-row .column{clear:both; border-bottom:0; text-align:left; padding:0px 0; font-size:12.5px;}
	
.bbs-relative-row{padding-top:40px}
.bbs-list-row .column.bbs-no-data{display:none;}
.bbs-list-row .column.bbs-block{clear:both; width:100%;}
.bbs-list-row .column.bbs-inline{display:inline-block; width:auto; margin-right:3px; letter-spacing: -0.05em;}
.bbs-list-row .column.bbs-absolute{position:absolute; top:10px; left:2%;}
.bbs-list-row .column:not(.bbs-title):not(.bbs-no-data):before{padding-right:5px; color:#aaa; content: attr(data-label);}
.bbs-list-row .column[data-label="no"]:before{padding-right:0px; display:none;}
.bbs-list-row .column .bbs-subject-txt{ font-size:14px;}
.bbs-subject-con .bbs-subject-txt{ font-size:14px; }
.bbs-list-row .bbs-title a{padding:0 0px 0 0; }

/*게시판리스트 데이터 없음*/
.no_data_wrap {
	font-size:14px;
}

/*게시판리스트링크(반응형말줄임적용)*/
div.tword_wrap { font-size: 14px; }
span.tword_area { max-width: 90%; }

.board_search2_box{  float:left; width:100%;   margin-bottom:0px; padding: 10px 10px 5px 10px; background-color:#F6F7FB;  border:1px solid #d3d3d3; border-radius:5px; }
.board_search2_con {   float:left; width:100%;  }
.board_search2_box select{ float:left; width:100px; height:36px; margin-bottom:5px;border:1px solid #d3d3d3; background:#ffffff;  }
.board_search2_box .search_word_con { float:right; width: calc(100% - 105px); margin-left:2px; /*border:1px solid #d3d3d3;*/ }
.board_search2_box .search_word { float:left; width: calc(100% - 41px); margin-right:5px; height:36px;  padding: 0px 8px; border: 1px solid #d3d3d3;  }

.board_search2_box .search_word:focus {color:#333;}
.board_search2_box .bbs-search-btn {float:right; position:relative; top:0px; margin:0px; border:0; width:36px; height:36px;  background:#4d4d4d url('../images/sub/btn_confirm_bg.svg') no-repeat center; color:#fff; cursor:pointer;  }

/* 페이징 */
.paging a, .paging strong {
	width: 18px;
	height: 18px;
	margin: 0px 0px;
	line-height: 17px;
	font-size: 10px;
	letter-spacing: -0.15em;
}

/*게시판 상세보기*/
.bwi1 {  width:85px;  }
.bwi2 {  width:185px;  }
.bwi3 {  width:85px;  }
dl.bbs-write-info { display: flex; flex-direction: column;gap:0px; font-size:13px; }
.bbs-view-top .bbs-write-info dt { min-width:50px; margin-right:0px }

/*모바일용 항목*/
.mtit_info {   display:block; margin:0px 0px 5px 0px; font-weight:600; }

/*게시판 공지아이콘*/
span.not_w {  display:none;}
span.not_m {  display:block;float:left; color:#ffffff; width:38px; margin-right:5px; background:#18B6F7; text-align:center; border-radius:5px; font-size:14px; line-height:21px;}

/*정보입력폼*/
table.type_info  {  float:left;  width:100%; margin:0px 0px 0px 0px; border-top:1px solid #3e3e3e; border-bottom:1px solid #3e3e3e; }
table.type_info th  {  width: 100%;padding:8px 0px; border-bottom:1px solid #d3d3d3;  }
table.type_info td  {  width: 100%;padding:8px 0px; border-bottom:1px solid #d3d3d3;  }
table.type_info td:first-child  {  border-left:0;  }
table.type_info td:last-child  {  border-right:0;  }

table th.del  {   display:none}

/*contact*/
ul.company_contact_banner {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

ul.company_contact_banner li {
	gap: 5px;
	padding: 15px 10px;
}

ul.company_contact_banner li .icon {
	width: 60px;
	height: 60px;
}

ul.company_contact_banner li .icon.ico1,
ul.company_contact_banner li .icon.ico2,
ul.company_contact_banner li .icon.ico3 {
	background-size: 35px;
}

.contact_title h4 {
	font-size: 18px;
}

/*찾아오시는길*/
.sub_map_wrap {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	float: left;
	width: 100%;
	height: 100%;
}

.contact_wrap {
	display: flex;
	flex-direction: column;
	width: 100%;
	margin-bottom: 30px;
}

.contact_wrap .box {
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	width: 100%;
	margin-bottom: 10px;
	font-size: 16px;
	padding: 10px 0px;
}

.contact_wrap .box p.icon {
	width: 50px;
	height: 50px;
	margin-bottom: 0px;
}

/*화이트박스리스트배너 2등분*/
ul.box_list_banner.half {
	display: flex;
    flex-direction: column;
	gap: 10px;
}

ul.box_list_banner.half li {
    width: 100%;
    padding: 15px;
}

/*화이트박스리스트배너*/
ul.box_list_banner {
	gap: 10px;
}

ul.box_list_banner li {
	gap: 10px;
	padding: 15px;
}

ul.box_list_banner li .icon {
	width: 50px;
	height: 50px;
}

ul.box_list_banner.half li .icon {
	width: 50px;
	height: 50px;
}

ul.box_list_banner li .icon.ico_pro1,
ul.box_list_banner li .icon.ico_pro2,
ul.box_list_banner li .icon.ico_pro3,
ul.box_list_banner li .icon.ico_pro4,
ul.box_list_banner li .icon.ico_pro5,
ul.box_list_banner li .icon.ico_pro6,

ul.box_list_banner.half li .icon.ico_abt1,
ul.box_list_banner.half li .icon.ico_abt2,
ul.box_list_banner.half li .icon.ico_abt3,
ul.box_list_banner.half li .icon.ico_abt4,
ul.box_list_banner li .icon.ico_abt5,
ul.box_list_banner li .icon.ico_abt6,
ul.box_list_banner li .icon.ico_abt7,
ul.box_list_banner li .icon.ico_abt8,
ul.box_list_banner li .icon.ico_abt9 {
	background-size: 30px;
}



.box_list_title h4 {
	font-size: 16px;
}

.box_list_title p {
  	font-size: 14px;
}

p.important {
  	padding-left: 15px;
}

p.important::before {
	left: 0;
	top: 4px;
	width: 12px;
	height: 12px;
	background-size:12px;
}

/*탄소시장구성테이블*/
.c_section {
	gap:3px;
}

.c_section_area {
	gap:3px;
}

.c_title_bg1, .c_title_bg2, .c_title_bg3,
.c_list_bg1, .c_list_bg2, .c_list_bg3 {
	padding:8px 10px;
	font-size:13px;
}

.c_title_bg1, .c_list_bg1 { flex: 0 0 70px; }

.s_bullet::before {
    top: 9px;
}

/*일반페이지*/
h3.paragrap_title {
    margin-bottom: 0px;
	font-size: 22px;
}

.paragraph_word h4 {
	font-size: 16px;
}

.paragraph_word h4 {
	padding-left: 18px;
}

.paragraph_word h4::before {
    width: 13px;
    height: 13px;
}

.paragraph_word p {
	font-size: 14px;
}


/*상세보기 첨부파일*/
.file_attach_wrap {
	display: flex;
	flex-direction: column;
	font-size: 13px;
}
ul.file_attach_list li a {
	padding:3px 0px 0px 18px;
	background-size: 14px;
}

/*pc,mo 이미지 노출*/
img.pc {
    display: none;
}

img.ta {
    display: none;
}

img.mo {
    display: block;
    width:95%;
}

p.impotant {
    background: url('../images/sub/icon_important.svg') no-repeat left 2px !important;
    background-size: 16px !important;
}

.product_info_wrap .icon img {
    width: 85% !important;
}

.product_info_wrap .icon {
    justify-content: flex-end !important;
    width:70px !important;
}

.product_info_area {
    width: calc(100% - 70px) !important;
}

/*상품안내메인*/
.chart_wrap {
    background: url('../images/sub/bg_chart_mo.png') no-repeat center;
}

.chart_wrap .bottom {
    display: flex;
    flex-direction: column;
    gap:20px;
}

/*메인컨텐츠*/
.section_main_title p {
	font-size: 13px;
}

.section_main_title h2 {
	font-size: 20px;
}

.section_main_title span {
	font-size: 14px;
}

/*주요배너리스트*/
.main_con_wrap .bottom_blue_bg {
    height: 170px;
}

ul.main_banner {
	gap: 10px;
}

ul.main_banner li {
    flex: 0 0 calc((100% - 10px) / 2);
}

ul.main_banner li a .more {
    font-size: 12px;
}

ul.main_banner li a .more span.arrow  {
    width: 18px;
    height: 8px;
    margin-left: 8px;
}

.bnr_icon {
    width: 65px;
    height: 65px;
}

.bnr_text p {
    font-size: 11px;
}

.bnr_text h3 {
	font-size: 16px;
}

/*공지사항, Q&A*/
.notice_wrap {
	display: flex;
	flex-direction: column;
	gap:20px;
}

.notice_area {
	width:100%;
}

h3.notice_title {
	font-size: 19px ;
}

a.n_list {
	width:100%;
	padding-bottom: 30px;
}

a.n_list span.date {
	font-size: 13px;
}

.n_title {
	height: 40px;
    font-size: 15px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/*Q&A*/
a.qa_area {
	width:100%;
	background: #DEEFFF url('../images/main/ico_qna.svg') no-repeat right 20px bottom 20px;
	background-size: 75px;
    height: 210px;
}

a.qa_area:hover {
	background: #DEEFFF url('../images/main/ico_qna.svg') no-repeat right 20px bottom 20px;
	background-size: 75px;
}

.qa_text h4 {
	margin-bottom: 10px;
	font-size: 20px;
}

.qa_more {
    gap:5px;
	width:90px;
	font-size: 13px;
}

.notice_title_wrap a.more {
	position: relative;
    top: 4px;
	width:14px;
	height:14px;
}

/*기타배너*/
.etc_banner {
	display: flex;
	flex-direction: column !important;
	gap:10px;
}

a.etcbnr {
	height:65px;
	padding:0px 20px;
}

.etc_left {
	height:30px;
	margin-left:0px;
	padding-left:40px;
	font-size: 20px;
}

.etc_left.ic1 {
	background: url('../images/main/icon_co1.svg') no-repeat left center;
	background-size: 30px;
}

.etc_left.ic2 {
	background: url('../images/main/icon_co2.svg') no-repeat left center;
	background-size: 30px;
}

.etc_right {
	width:46px;
	height:14px;
	margin-right:0px;
	background: url('../images/main/ico_more_wh.svg') no-repeat;
	background-size: cover;
}

/*푸터*/
ul.ad_review li {
    font-size: 13px;
}

.ft_info_wrap .line2 {
    margin-top: 5px;
}

.ft_info_wrap .line2 .area {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

dl.ft_info {
    margin: 5px 0px 0px 0px !important;
    padding-right: 0px;
    border-right: 0px;
}

dl.ft_info dt {
    margin-right: 5px;
    font-size: 12px;
}

dl.ft_info dd {
    font-size: 12px;
}

}

/* ◆◆◆◆◆◆◆◆◆◆ 320px이하 ◆◆◆◆◆◆◆◆◆◆ */
@media only screen and (max-width:320px) {

/*게시판 상세보기*/
.mo_bwi {
    display: flex;
    flex-direction: column;
}

}



.ready {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    height: 350px;
    text-align: center;
    background: rgb(0, 0, 0, .04);
    border-radius: 20px;
}



/*+++++20260108 추가+++++*/

/*버튼*/
.btn_wrap {
    margin-top:10px
}

.btn_wrap.center {
    display: flex;
    align-items: center;
    justify-content: center;
}

button.normal, a.normal {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 65px;
    height:35px;
    padding:0px 5px;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 500;
    white-space: nowrap;
}

button.normal:hover, a.normal:hover {

    color: #ffffff;

}

.col_indigo {
    color:#ffffff;
    background: #163A82;
    border: 1px solid #0a1f49;
}

.col_blue {
    color:#ffffff;
    background:#0093D5;
    border:1px solid #0093D5;
}

.col_skyblue {
    color:#828282;
    background:#F6F7F9;
    border:1px solid #BDC3CA;
}

.col_gray {
    color:#ffffff;
    background:#A1A1A1;
    border:1px solid #A1A1A1;
}

.col_white {
    color:#666666;
    background:#ffffff;
    border:1px solid #C4C4C4;
}

.col_brdblue {
    color:#2157BC;
    background:#f2f8ff;
    border:1px solid #2157BC;
}

.col_brdgray {
    color:#828282;
    background:#f5f5f5;
    border:1px solid #828282;
}



/*Q&A*/
/*FAQ리스트*/
.faq_wrap {
    float: left;
    width: 100%;
    margin: 0px 0px 0px 0px;
    border-top: 1px solid #3e3e3e;
}

.faq_list {
    float: left;
    width: 100%;
    margin: 0px 0px 0px 0px;
    border-bottom: 1px solid #d3d3d3;
}

.faq_toggle {
    background: url('../images/sub/icon_ar_down_gr.svg') no-repeat right 15px top 25px;
}

.faq_toggle.on {
    /* color:#004D9A; */
    font-weight: 600;
    background: #F2F8FF url('../images/sub/icon_ar_down_gr.svg') no-repeat right 15px top 25px;
}

.faq_toggle a:hover {
    color:inherit !important;
}

.faq_q a {
    display: flex;
    width: 100%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.faq_a {
    display: none;
    position: relative;
    /*display: flex; align-items: center;*/
    float: left;
    width: 100%;
    border-top: 1px solid #d3d3d3;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: rgb(0, 0, 0, .02);
}

.faq_list.open .faq_a {
  display: block;
}

.faq_list .number {
    float: left;
    flex-shrink: 0;
    width: 60px;
}

.faq_list .substance1 {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 8px 15px 8px 0px;
}

.faq_list span.ico {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 60px;
    height: 60px;
    background:  url('../images/sub/icon_ar_down_bl.svg') no-repeat center;
    background-size: 13px;
}

.faq_list span.ico.close {
    background:  url('../images/sub/sub_dropdown_grey.svg') no-repeat center;
}

.faq_list .substance2 {
    padding: 10px 15px 12px 0px;
}

.q_txt {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    margin: 15px auto 0px auto;
    padding: 0px 0px 2px 0px;
    background: #0093D5;
    color: #ffffff;
    text-align: center;
    font-weight: 400;
    border-radius: 100px;
    font-size: 18px;
}

.a_txt {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    padding: 0px 0px 2px 0px;
    background: #bcbcbc;
    color: #ffffff;
    text-align: center;
    font-weight: 400;
    border-radius: 100px;
    font-size: 18px;
    margin-top: 15px;
}

.con_txt {
    padding: 10px 30px 10px 0px;
    /* font-weight: 600; */
}

.fword {
    float: left;
    width: calc(100% - 60px);
    padding: 8px 0px;
}

/*faq리스트 모두열기닫기 위치*/
.btn_open_close {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin-bottom: 5px;
}

a.all_open {
    float: left;
    width: 90px;
    color: #ffffff;
    line-height: 28px;
    padding: 0px 0px 2px 21px;
    background: #0093D5 url('../images/sub/ico_plus.svg') no-repeat 8px center;
}

a.all_close {
    float: left;
    width: 90px;
    color: #ffffff;
    line-height: 28px;
    padding: 0px 0px 2px 21px;
    background: #bcbcbc url('../images/sub/ico_minus.svg') no-repeat 8px center;
}



/*+++++상품관리+++++*/
.con_left {
    flex-shrink: 0;
    width:270px;
    height: 100%;
    margin-right: 40px;
    padding: 0px;
    border: 0px solid #ccdbe8;
    background: #edf6ff;
    border-radius: 8px;
    /*overflow: auto;
    height: calc(100vh - 150px);*/
}

.con_right {
    width:100%;
    border:0px solid blue;
}

/*트리메뉴*/
/*필터타이틀*/
.filter_top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 60px;
  padding: 0px 15px;
  border-bottom: 1px solid #ccdbe8;
  border-radius: 8px 8px 0px 0px;
}

button.mo_filter_close {
    display: none;
}

.filter_top_left {
  display: flex;
  align-items: center;
}

.filter_top p {
    margin-right: 3px;
    /*color:#004D9A;*/
    font-size: 17px;
    font-weight: 600;
}

/*필터탭*/
.filter_tab {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  margin-bottom: 5px;
  padding: 0px;
  background: rgb(0, 0, 0, .08);
  border-radius: 8px;
}

.tree_box {
  padding: 10px;
  /*border: 1px solid #d3d3d3;*/
  border-top: 0px;
  border-radius: 0px 0px 8px 8px;
}

.tree {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
  border: 0px solid red;
}

.tree ul {
  list-style: none;
  margin: 0;
  padding-left: 16px;
  display: none;
  /* 기본 닫힘 */
}

.tree li {
    letter-spacing: -0.05em;
    border-left: 0px solid #e0e0e0;
    word-break: break-word;
}

.tree a {
  width: 100%;
  padding: 4px 10px;
  border: 0;
  background: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  text-align: left;
  line-height: 1.3;
  gap: 5px;
}

.tree button {
  width: 100%;
  padding: 4px 10px;
  border: 0;
  background: none;
  cursor: pointer;
  display: flex;
  /*align-items: center;*/
  justify-content: space-between;
  text-align: left;
}

/* 왼쪽 영역 */
.tree .left {
    display: flex;
    gap: 5px;
    padding-right: 5px;
    font-size: 15px;
    letter-spacing: -0.03em;
}

/* 아이콘 */
.ico {
  position: relative;
  top: 4px;
  width: 9px;
  height: 12px;
  flex-shrink: 0;
}

.ico.folder {
  background: url('../images/sub/ico_tree_plus.svg') no-repeat center;
}

.ico.file {
  background: url('../images/sub/ico_tree_plus.svg') no-repeat center;
}

/* + / - */
.toggle_sign {
  flex-shrink: 0;
  /* flex 줄어듦 방지 */
  font-size: 15px !important;
}


/* 열림 */
.tree li.open>ul {
  display: block;
}

/* hover */
.tree a:hover,
.tree button:hover {
  background: rgb(213, 235, 255, .5);
border-radius: 5px;
}

/* 닫힘 */
.tree li.has_sub>button .ico.folder {
  background: url('../images/sub/ico_tree_plus.svg') no-repeat center;
}

/* 열림 */
.tree li.has_sub.open>button .ico.folder {
  background: url('../images/sub/ico_tree_minus.svg') no-repeat center;
}

/* 활성 메뉴 배경 */
.tree li.active>button,
.tree li.active>a {
  background: rgb(213, 235, 255, 1);
  /* 활성 배경색 */
  color: #004D9A;
  font-weight: 500;
    border-radius: 5px;
}

/* 활성 + hover */
.tree li.active>button:hover,
.tree li.active>a:hover {
  background: rgb(213, 235, 255, 1);
}

/*전체열기닫기*/
.tree_control {
    display: flex;
    position: relative;
    top: 0px;
}

.tree_control button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  margin-left: 4px;
  color: #ffffff;
  font-size: 16px;
  background: #004D9A;
  border-radius: 5px;
}

/* 활성(선택) 상태 */
.tree_control .toggle_btn.active {
  opacity: 0.5;
  pointer-events: none;
  /*같은 버튼 연속 클릭 방지 */
}

.tree_title {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  /* justify-content: space-between; */
  margin-bottom: 0px;
}

.tree_title h3 {
  position: relative;
  top: 3px;
  font-size: 15px;
}

/*상단 필터 타이틀*/
.filter_top_wrap {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
    width: 100%;
    min-height: 36px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    /*font-size: 14px;*/
    border-bottom: 1px solid #3e3e3e;
}

.filter_left {
    display: flex;
    padding-right: 25px;
    width: 100%;
}

.filter_ico {
    flex-shrink: 0;
    width:25px;
    height:25px;
    margin-right:0px;
    background: #ffffff url('../images/sub/icon_filter.svg') no-repeat center;
    border:1px solid #BBBBBB;
    border-radius: 5px;
}

ul.filter_path {
    display: flex;
    align-items: center;
    flex-wrap: wrap;     /* 줄바꿈 허용 */
    width:100%;
    margin-top: 0px;
    padding-right: 10px;
    z-index: 1;
    border:0px solid red;
}

ul.filter_path li {
    display: flex;
    align-items: center;
    height: 25px;
    color:rgb(0, 0, 0, .65);
    font-size: 14px;
    padding:0px 12px 0px 5px;
    background: url('../images/include/icon_path.svg') no-repeat right center;
    border:0px solid red;
}

ul.filter_path li:last-child {
    padding:0px 0px 0px 5px;
    color:#004D9A;
    font-weight: 500;
    background: none;
}

button.mo_filter_btn,
a.mo_filter_btn {
    display: none;
}

/*모바일필터레이어*/
.mo_filter_menu {
    position: fixed;
    top: 0;
    right: -250px;              /* 화면 밖 */
    width: 250px;
    height: 100vh;
    background: #edf6ff;
    border-left: 0px solid #ddd;
    z-index: 102;

    transition: right 0.3s ease;
}

/* 열림 */
.mo_filter_menu.active {
    right: 0;
}

.mo_filter_menu .con_left{
    border: 0;
}

/*모파일필터 상단*/
.mo_fl_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height:60px;
    border-bottom:1px solid #d3d3d3;
}

/*모바일필터딤드*/
/* overlay */
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    z-index: 101;

    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
}

.overlay.active {
    opacity: 1;
    visibility: visible;
}

/*상품,거래 컨텐츠*/
.product_wrap {
    display: flex;
    flex-direction: column;
    width:100%;
    gap:30px;
}

.product_box {
    padding: 15px 10px;
    background:#F6F7FB;
    border-top: 1px solid #101010;
    border: 1px solid #d3d3d3;
}

.product_box_none {
    padding:0px;
}

h3.product_name {
    width: 100%;
    margin-bottom: 12px;
    font-size: 20px;
    font-weight: 600;
    word-break: keep-all;
}

ul.product_list {
    display: flex;
    flex-wrap: wrap;
    margin-top:2px;
    padding: 15px 10px;
    background: #ffffff;
    border: 1px solid #d3d3d3;
}

ul.product_list.bgcolor {
    background: #F6F7FB !important;
}

ul.product_list li {
    position: relative;
    padding: 0px 25px 0px 10px; /* 사각형 자리 확보 */
}

ul.product_list li::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 50%;
    width: 4px;
    height: 4px;
    background: #000000;   /* 사각형 색상 */
    transform: translateY(-50%);
}

h3.product_title {
    width: 100%;
    margin-bottom: 12px;
    color:#004D9A;
    font-size: 32px;
    font-weight: 600;
    line-height: 1;
    word-break: keep-all;
}

h3.product_title span {
    margin-left:3px;
    font-size: 18px;
    font-weight: 400;
    color: #3a3a3a;
}

.product_info_wrap {
    display: flex;
}

.product_info_wrap .icon {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    flex-shrink: 0;
    width:110px;
}


.product_info_wrap .icon img {
    width:65%;
}


.product_info_area {
    display: flex;
    flex-direction: column;
    width: calc(100% - 110px);
}



p.product_txt {
    padding: 15px 10px;
    background: #ffffff;
    border: 1px solid #d3d3d3;
}

/*테이블*/
table.detail {
    width: 100%;
    border-top: 1px solid #3e3e3e;
    table-layout: fixed;
}

table th {
    padding: 15px 10px;
    font-weight: 500;
    text-align: left;
    background:#F6F7FB;
}

table td {
    padding: 15px 10px;;
    background:#ffffff;
}

table th, table td {
    border: 1px solid #d3d3d3;
    /*word-break: keep-all;*/
}


table th.top_line, table td.top_line {
    border-top: 1px solid #101010;
}

table.detail th, table.detail td { 
    min-height:32px; 
}

p.impotant {
    margin-top: 5px;
    padding-left:20px;
    background: url('../images/sub/icon_important.svg') no-repeat left 3px;
    background-size: 16px;
    word-break: keep-all;
}

p.total_txt2 {
    position: relative;
    top: 0px;
    letter-spacing: -0.06em;
}

button.refresh, a.refresh {
    position: relative;
    top: 4px;
    width: 14px;
    height: 14px;
    margin-left: 5px;
    background: url('../images/sub/icon_reset_gr.svg') no-repeat left center;
}





/* ++++++++++++++++++++ 거래안내 모바일 ≤769px 이하)++++++++++++++++++++ */
/* 거래안내 항목 */
ul.program_header {display: none;}

/* 거래안내 목록 */
.program_list_line {
    float: left;
    width: 100%;
    border-top: 0px solid #cccccc;
    word-break: keep-all;
}

ul.program_list {
    margin: 0 auto;
    display: table;
    width: 100%;
    padding: 5px 0px;
    border-bottom: 1px solid #cccccc;
    word-break: keep-all;
}

ul.program_list li {
    display: flex;
    float: left;
    width: 100%;
    margin: 1px 0px;
    text-align: left !important;
    vertical-align: middle;
    position: relative;
}

.edu_name1 {
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    width: 90px;
    margin-right: 5px;
    padding: 0px;
    color: #ffffff;
    line-height: 1.2;
    text-align: center;
    background: #0093D5;
    border-radius: 5px;
}

.edu_name2 {
    float: left;
    width: calc(100% - 95px);
    padding:2px 5px;
    line-height: 1.2;
    background: #F6F7FB;
    border-radius: 5px;
}

/*+++++ 거래안내 769px 이상 +++++*/
@media screen and (min-width: 769px) {

/* 거래안내 항목 */
ul.program_header {
    display: flex;
    width: 100%;
    margin-bottom: 1px;
    border-top: 0px solid #000000;
    border-bottom: 0px solid #000000;
}

ul.program_header li {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px 1px;
    min-height: 45px;
    padding: 0px 10px;
    text-align: center;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -0.05em;
    word-break: keep-all;
    background: #0093D5;
    color: #ffffff;
    border-radius: 8px;
}

ul.program_header li:nth-child(1) { width:8%; }
ul.program_header li:nth-child(2) { width:16%; }
ul.program_header li:nth-child(3) { width:16%; }
ul.program_header li:nth-child(4) { width:10%; }
ul.program_header li:nth-child(5) { width:10%; }
ul.program_header li:nth-child(6) { width:10%; }
ul.program_header li:nth-child(7) { width:10%; }
ul.program_header li:nth-child(8) { width:10%; }
ul.program_header li:nth-child(9) { width:10%; }

/* 거래안내 목록 */
.program_list_line {border-top: 0;}

ul.program_list {
    padding: 0px 0px;
    border-bottom: 0px solid #cccccc;
}


ul.program_list li {
    display: table-cell;
    float: none;
    min-height: 50px;
    text-align: center !important;
    margin: 0px 1px;
    padding: 14px 10px;
    border: 0;
    line-height: 1.2;
    letter-spacing: -0.05em;
    word-break: keep-all;
    background: #F6F7FB;
    border: 1px solid #ffffff;
    border-radius: 8px;
}

ul.program_list li:nth-child(1) { width:8%; }
ul.program_list li:nth-child(2) { width:16%; }
ul.program_list li:nth-child(3) { width:16%; }
ul.program_list li:nth-child(4) { width:10%; }
ul.program_list li:nth-child(5) { width:10%; }
ul.program_list li:nth-child(6) { width:10%; }
ul.program_list li:nth-child(7) { width:10%; }
ul.program_list li:nth-child(8) { width:10%; }
ul.program_list li:nth-child(9) { width:10%; }

ul.program_list li span {
    display: none;
}

li.no_list {
    display: inline-block;
    width: 100%;
    line-height: 30px;
    text-align: center !important;
}

.edu_name1 {display: none;}
.edu_name2 {width: 100%; }
}


.product_txt {
    white-space: pre-wrap !important; 
    word-break: break-all;
    line-height: 1.6; 
}

@media only screen and (min-width:768px) and (max-width:1280px) {
.market_wrap {
    font-size: 15px;
}

}

/* +++++ 메인 레이어 팝업 추가 +++++ */
/*커스텀체크박스*/
.checkbox_wrap {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    user-select: none;
}

.label_text {
    color: rgb(0, 0, 0, 1);
	font-size: 13px;
	font-weight: 500;
}

/* 실제 checkbox 숨김 */
.checkbox_wrap input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

/* 커스텀 체크박스 */
.custom_checkbox {
    width: 18px;
    height: 18px;
    border: 1px solid #bbb;
    border-radius: 3px;
    background-color: #fff;
    box-sizing: border-box;
    transition: all 0.2s ease;
    position: relative;
}

/* hover */
.checkbox_wrap:hover .custom_checkbox {
    flex-shrink: 0 !important;
    /* border-color: #606CFD; */
}

/* checked 상태 */
.checkbox_wrap input[type="checkbox"]:checked + .custom_checkbox {
	border: 1px solid #004D9A;
    background-color: #004D9A;
    /* border-color: #606CFD; */
}

/* 체크 표시 */
.checkbox_wrap input[type="checkbox"]:checked + .custom_checkbox::after {
    content: "";
    position: absolute;
    left: 5px;
    top: 1px;
    width: 6px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

/* 팝업 전체 */
.ibks_popup_wrap {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 500px;
    z-index: 10;
}

/* 팝업 본체 */
.ibks_popup_area {
    width: 100%;
    background: #fff;
    box-shadow: 0 0px 30px rgba(0,0,0,0.2);
    overflow: hidden;
}

/* 슬라이드 트랙 */
.popup_track {
    display: flex;
    transition: transform 0.5s ease;
}

/* 개별 팝업 */
.popup_one {
	position: relative;
    flex: 0 0 100%;
    display: flex;
    flex-direction: column;
	border:0px solid red;
}

/* 이미지 영역 */
.popup_image {
    max-height: 600px;     /* 넘으면 세로 스크롤 */
	padding-bottom: 30px;
    overflow-x: hidden;    /* 가로 스크롤 금지 */
    overflow-y: auto;      /* 세로 스크롤 */
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.popup_image img {
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
    display: block !important;
}

/* 팝업 이미지 리사이징 미작동시 사용 */
/* .popup_image > img { 
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
    display: block !important;
} */

/*스크롤디자인*/
.popup_image::-webkit-scrollbar {
    width: 5px; /* 세로 스크롤바 너비 */
    height: 5px; /* 가로 스크롤바 높이 */
}

.popup_image::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.3); /* 스크롤바 색상 */
    border-radius: 0px; /* 모서리 둥글게 */
}

.popup_image::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.15); /* 트랙 색상, 필요 시 수정 */
}

/* 이미지 */
img.pop_img {
    max-width: 100%;
    width: auto;
    height: auto;
    display: block;
}

/* 하단 영역 */
.pop_close {
	position: absolute;
    bottom: 0px;
    left: 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
	width: 100%;
    height: 30px;
    padding: 0 10px;
	background: #ffffff;
    border-top: 1px solid #eee;
}

/* 좌우 버튼 */
.slide_btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    border: none;
    background: rgba(0,0,0,0.5);
    color: #fff;
    font-size: 22px;
    cursor: pointer;
    z-index: 20;
}

.slide_btn.prev { left: -40px; }
.slide_btn.next { right: -40px; }

.arrow {
	position: relative;
    top: -1px;
    width: 30px;
    height: 30px;
    fill: none;
    stroke: currentColor;
    stroke-width: 3px;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.prev .arrow {
  transform: rotate(180deg);
}

.slide_btn {
  color: #ffffff;
}

.btn_close_pop svg {
  width: 24px;
  height: 24px;
  stroke: #222222;
  stroke-width: 2;
  stroke-linecap: round;
  fill: none;
}

/* ◆◆◆◆◆◆◆◆◆◆ 580px이하 ◆◆◆◆◆◆◆◆◆◆ */
@media only screen and (max-width:580px) {
.ibks_popup_wrap {
	width: calc(100% - 100px);
}

.popup_image {
    max-height: 400px; /* 넘으면 세로 스크롤 */
}

.slide_btn.prev { left: -40px; }
.slide_btn.next { right: -40px; }
}