/* banner_Wrap */
.banner_Wrap { width: 100%; height: calc(100vh - 170px) ; position: relative; background: #000; overflow: hidden;}
.banner_Wrap .item {height: 100%;}

.item .fill { width: 100%; height: 100%; background-size: cover; background-position: center center; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; animation: scaleBg both ease-in-out 3.2s; background-image: url(https://lh3.googleusercontent.com/J6ZAnBnrUiR14YoPYFSlmbhFbnt5MPcT1-zrya81vFbQkoQ8dag4xvs9-7m_E9XpeiwBX8CgdglRHs1LLeCa7VoOzqNevhy11cC4hEKN3Q=s0);}
@keyframes scaleBg { 0% {transform: scale(1.4);} 100% {transform: scale(1);}}

.banner_text { width: 1170px; position: absolute; left: 50%; bottom: 50%; display: inline-block; margin: 0 auto; z-index: 9; -webkit-transform: translate(-50%, 25%); -ms-transform: translate(-50%, 25%); -moz-transform: translate(-50%, 25%); -o-transform: translate(-50%, 25%); transform: translate(-50%, 25%);}
.banner_text .head_title { color: #fff; line-height: 1.5; font-size: 52px; margin-bottom: 20px;}
.banner_text .contents_text { color: #fff; font-size: 20px; line-height: 1.5;}
.banner_text .conf-link-button { overflow: hidden; color: #fff; padding: 12px 0px; display: block; max-width: 300px; text-overflow: ellipsis; white-space: nowrap; border-radius: 23px; line-height: 1em; border: 1px solid #ffffff; margin-top: 35px; position: relative; box-sizing: border-box; background: linear-gradient(to left, transparent 50%, transparent 50%); background-origin: border-box; background-size: 200% 100%; background-position: right bottom; transition: all .5s ease-out; text-align: left;}
.banner_text .conf-link-button:hover { color: #fff; border-color: transparent; background-position: left bottom; box-shadow: none; transition: all .4s;}
.banner_text .conf-link-button > div {text-align: center;}
.banner_text .conf-link-button.bg {border: 0; background-image: linear-gradient(to left, #EB00F5 , #2D01EC 50%);}


/* degital */
.degital_Wrap { width: 100%; height: 100%; position: relative;}
.degital_Wrap .container { max-width: 1140px; margin: 0 auto; padding: 0 !important;}
.degital_Wrap .head_title {line-height: 1.5;}
.con_wrap { padding: 0; height: 100%; background-image: url(../images/con_wrap-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; background-color: #ffffff;  display: flex; margin: 0 auto; width: 1140px;}
.con_wrap > div.item { width: 33.33333%; padding: 80px 15px; background-color: transparent; text-align: center; line-height: 1.5;}
.con_wrap > div.item > div span { color: #fff;}
.con_wrap > div.item > div span.fsize16 {letter-spacing: -0.68px;}
.con_wrap > div.item > div span strong { line-height: 1.8;}
.con_wrap > div.item:hover { background-color: rgba(16,16,16,.8); transition: all 1.2s ease;}
.con_wrap > div.item.bg_color { background-color: rgba(16,16,16,.8); transition: all 1.2s ease;}
.degital_Wrap .contact_button {text-align: center; margin: 30px 0;}
.degital_Wrap .contact_button a {color: #fff; font-size: 20px; font-weight: bold; background-color: #01916D; padding: 12px 35px; border-radius: 30px;}

/* dx-change_Wrap */
.dx-change_Wrap { padding: 20px 0;}
.dx-change_Wrap .left { width: 33.33333%; padding-right: 30px;}
.divider-box {position: relative; margin: 0 0 0 auto; width: 25%;}
.divider-box hr {border: 0;border-top: 3px solid #03d663; height: 1px; border-color: #0043c9;}
.dx-change_Wrap .left .head_title {text-align: right; margin: 40px 0 30px 0;}
.dx-change_Wrap .left .head_title strong {line-height: 1.6;}
.dx-change_Wrap .left .contents_text {text-align: right;}
.dx-change_Wrap .left .contents_text > div > span {font-size: 16px; display:inline-block; font-weight: 400;}
.dx-change_Wrap .left .contents_text > div > span.bg_lightblue { color: #000; background-color: rgba(212,233,255); margin-bottom: 5px;}

.dx-change_Wrap .right { width: 66.66666%; padding-left: 30px;}
.dx-change_Wrap .right img {display: block; height: auto; max-width: 100%; margin: 0 auto;}

/* context-solutions_Wrap */
.context-solutions_Wrap {position: relative; z-index: 1;}
.context-solutions_Wrap .container,
.item-lineup_Wrap .container { padding: 0;}

.context-solutions_Wrap .line,
.item-lineup_Wrap .line { width: 100%; padding: 20px 0;}

.context-solutions_Wrap .line hr,
.item-lineup_Wrap .line hr { width: 33px; border-top: 2px solid #979797; margin: 5px auto; border-color: #0043c9;}

.context-solutions_Wrap .container > .head_title,
.item-lineup_Wrap .container > .head_title,
.dx-news_Wrap .container > .head_title {padding: 0 15px;}

.context-solutions_Wrap .box_click_btn,
.item-lineup_Wrap .box_click_btn,
.dx-news_Wrap .box_click_btn {display: flex; padding: 20px 0;}

.context-solutions_Wrap .box_click_btn .item {width: 25%; padding: 0 15px; cursor: pointer;}
.context-solutions_Wrap .box_click_btn .item > div,
.item-lineup_Wrap .box_click_btn .item > div,
.dx-news_Wrap .box_click_btn .item > div {border: 1px solid #e5e5e5;}

.context-solutions_Wrap .box_click_btn .item > div .img {overflow: hidden;}
.context-solutions_Wrap .box_click_btn .item > div .img img {transform: scale(1); transition: .5s ease;}
.context-solutions_Wrap .box_click_btn .item > div:hover .img img {transform: scale(1.2);}

.context-solutions_Wrap .box_click_btn .item .img img {display: block; height: auto; max-width: 100%; margin: 0 auto;}
.context-solutions_Wrap .box_click_btn .item .text,
.item-lineup_Wrap .box_click_btn .item .text,
.dx-news_Wrap .box_click_btn .item .text {padding: 12px 16px; line-height: 1.5;}
.context-solutions_Wrap .box_click_btn .item .text h5,
.item-lineup_Wrap .box_click_btn .item .text h5,
.dx-news_Wrap .box_click_btn .item .text h5 {font-family: "UD Shin Go Hangul DemiBold";}

.context-solutions_Wrap .box_click_btn .item .text h5 {white-space: pre-line; line-height: 1.5;}

.box_content_wrap {padding: 20px 0;}

.box_content_wrap .box {font-size: 13px; font-weight: 300; display: none;}
.box_content_wrap .box .left { width: 33.33333%; padding-right: 15px; padding-left: 15px; text-align: right;}

.box_content_wrap .left .head_title {text-align: right; margin: 40px 0 45px 0;}
.box_content_wrap .left .head_title strong {line-height: 1.6;}
.box_content_wrap .left .contents_text {text-align: right; line-height: 1.5; font-size: 15px;}
.box_content_wrap .left .contents_text div span {display: inline-block; word-break: keep-all;}

.box_content_wrap .box .right { width: 66.66666%; padding: 20px 15px 20px 30px; font-size: 14px;}
.box_content_wrap .box .right > div {display: flex; align-items: flex-start; margin-bottom: 40px;}
.box_content_wrap .box .right .img {width: 33.33333%; display: flex; justify-content: center;}
.box_content_wrap .box .right .img img { width: 150px; height: 100px;}
.box_content_wrap .box .right .text {width: 66.66666%;}
.box_content_wrap .box .right .text > h3 {line-height: normal; margin-top: -10px;}
.box_content_wrap .box .right .text > ul {padding-left: 20px; margin-bottom: 10px;}
.box_content_wrap .box .right .text > ul li {word-break: keep-all; line-height: 1.5; padding: 3px 0;}
.box_content_wrap .box .right .text > div {padding-left: 20px;}
.box_content_wrap .box .right .text > div a {padding: 10px 15px; width: 40%; background: #01916D; text-align: center; font-weight: bold; display: inline-block; margin-right: 20px; border-radius: 5px; color: #fff;}
.box_content_wrap .box .right .text > div a:hover {background: #027256;}

/* bf0603 f18f01 ff81ba ce0000  d1dadb dbdbdb*/


/* item-lineup_Wrap */
.item-lineup_Wrap .box_click_btn .item {width: 25%; padding: 0 15px;}
.item-lineup_Wrap .box_click_btn .item .img img {width: 100%; height: 143px; max-width: 100%;}

.item-lineup_Wrap .box_click_btn .item .text {line-height: 1.6;}
.item-lineup_Wrap .box_click_btn .item .text h5 {}

/* carousel_Wrap */
.carousel_Wrap {margin-top: 100px; display: block; width: 100%; height: 100%;}
.slick-initialized .item { height: 560px; background-position: center center; background-repeat: no-repeat; background-size: cover;}
.slick-initialized .item.bg1 { background-image: url(../images/slide-img-1.jpg);}
.slick-initialized .item.bg2 { background-image: url(../images/slide-img-2.jpg);}
.slick-initialized .item.bg3 { background-image: url(../images/slide-img-3.jpg); position: relative;}
.slick-initialized .item.bg3::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(16,16,16,.1);}

.item .container {height: 100%;}
.item .text_box { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; text-shadow: 0 1px 2px rgb(0 0 0 / 60%);}
.item .text_box span { display: block; text-align: center; color: #fff;}
.item .text_box .slide_title { font-weight: 700; line-height: 1.5; margin-top: 20px; margin-bottom: 40px; text-overflow: ellipsis;}
.item .text_box .slide_caption { margin-bottom: 45px; line-height: 1.5; text-overflow: ellipsis;}
.item .text_box .move_btn a {color: #fff; padding: 10px 30px; border: 1px solid #fff; line-height: 1.5; text-shadow: none;}

.carousel {position: relative;}

.slick-dots { position: absolute; left: 50%; bottom: 20px; z-index: 15; width: 60%; text-align: center; list-style: none; transform: translate(-50%);}
.slick-dots li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; cursor: pointer; background-color: rgba(0, 0, 0, 0); border: 1px solid #ffffff; border-radius: 10px; margin-right: 5px;}
.slick-dots li.slick-active { width: 12px; height: 12px; background-color: #ffffff;}
.slick-dots li button { display: none;}

.slick-arrow {position: absolute; top: 0; width: 15%; height: 100%; background: none; opacity: 0.5; z-index: 15; border: 0; text-indent:-10000px}
.slick-next {right: 0;}
.slick-arrow:hover {opacity: 1;}
.slick-next::before { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 32px; height: 55px; background-image: url(../images/arrow_img.png); background-position: center; background-size: cover; background-repeat: no-repeat;}
.slick-prev::before { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) rotate(180deg); width: 32px; height: 55px; background-image: url(../images/arrow_img.png); background-position: center; background-size: cover; background-repeat: no-repeat;}

/* contact_Wrap */
.contact_Wrap { width: 100%; height: 100%; padding: 6px 0px 6px 0px; background-color: #f3f3f3;}

.contact_box {display: flex; align-items: center;}
.contact_box .left {width: 47%; line-height: 1.5; padding: 0 15px 0 60px; text-align: right; margin-bottom: 60px;}
.contact_box .left strong {color: #333; font-weight: bold; margin-bottom: 20px;  display: block;}
.contact_box .left span {display: block; color: #999;}
.contact_box .left .move_btn a {display: inline-block; width: 262px; text-align: center; padding: 17px 0px; color: #fff; font-weight: 700; line-height: 1.5; background-color: #01916D; user-select: none; transition: .4s ease;}
.contact_box .left .move_btn a:hover {background-color: #027256;}
.contact_box .left .move_btn:last-child {margin-top: 20px;}


.contact_box .right {width: 63%; padding:0 15px; position: relative; }
.image_wrap {max-width: 890px; height: 100%; margin: 0 auto; position: relative;}
.image_wrap .out_box { position: relative; width: 553px; height: 350px; margin: 0 auto; margin-top: 65px; margin-bottom: 70px; background-position: center center; background-repeat: no-repeat; background-size: cover; background-image: url(../images/contact_right_img.jpg); z-index: 1;}
.image_wrap > img { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; top: -65px; z-index: 0;}

/* dx-news */
.dx-news_Wrap .container {padding: 0;}
.dx-news_Wrap .box_click_btn .item {width: 33.33333%; padding: 0 15px; line-height: 1.5;}
.dx-news_Wrap .box_click_btn .item .text h5 {margin-bottom: 20px; display: block;}
.dx-news_Wrap .box_click_btn .item .text div span { color: #999;}

/*media query*/
@media all and (max-width: 1600px) {
    .image_wrap .out_box {width: 62%; height: calc(22vw - 10px);}
}

@media all and (max-width: 1300px) {
    .image_wrap .out_box {height: calc(22vw - 28px);}

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

    .item-lineup_Wrap .box_click_btn .item .img img {height: 110px;}
    .container,
    .degital_Wrap .container,
    .banner_text { width: 940px;}

    .banner_text {transform: translate(-50%, 50%);}
}

@media only screen and (max-width: 991px){
    .container,
    .degital_Wrap .container,
    .banner_text {width: 710px;}

    .item-lineup_Wrap .box_click_btn .item .img img {height: 100%;}

    .banner_text .head_title {font-size: 32px;}

    .head_title span.fsize32 {font-size: 24px !important;}
    .class.newtemp span.fsize18 {font-size: 17px !important;}

    .image_wrap .out_box {height: calc(35vw - 5px);}

    .item-lineup_Wrap .box_click_btn .item > div .text {height: 107px ;} 

    .row.mt100 {margin: 0;}
    .con_wrap {display: block; width: 100%;}
    .con_wrap > div.item {width: 100%;}

    .con_wrap > div.item > div span strong {font-size: 20px;}
    .con_wrap > div.item > div span.fsize16 {font-size: 15px !important; letter-spacing: normal;}

    .dx-change_Wrap .left {width: 50%; padding: 0; margin-left: auto; float: none;}
    .divider-box {width: 50%;}

    .dx-change_Wrap .left .head_title strong {font-size: 22px !important;}
    .dx-change_Wrap .right {width: 100%; padding: 0;}
    
    .context-solutions_Wrap .box_click_btn .item .text h5 {font-size: 16px !important; white-space: normal;}
    .context-solutions_Wrap .box_click_btn, .item-lineup_Wrap .box_click_btn, .dx-news_Wrap .box_click_btn {flex-wrap: wrap;}

    .context-solutions_Wrap .container > .head_title, .item-lineup_Wrap .container > .head_title, .dx-news_Wrap .container > .head_title {font-size: 22px !important;}
    .context-solutions_Wrap .box_click_btn .item .text, .item-lineup_Wrap .box_click_btn .item .text, .dx-news_Wrap .box_click_btn .item .text {padding: 9.6px 15px;}
    .context-solutions_Wrap .box_click_btn .item, .item-lineup_Wrap .box_click_btn .item {width: 50%; padding: 0 10px;}
    .context-solutions_Wrap .box_click_btn .item:nth-child(n + 3),
    .item-lineup_Wrap .box_click_btn .item:nth-child(n + 3) {margin-top: 45px;}
    .context-solutions_Wrap .box_click_btn .item .img img {width: 100%;}

    .box_content_wrap .box .left {width: 50%; float: none; margin-left: auto;}
    .box_content_wrap .box .right {width: 100%; padding: 0px 5px; margin: 50px 0;}
    .box_content_wrap .left .head_title strong {font-size: 24px !important;}
    .box_content_wrap .left .contents_text {font-size: 14px !important;}

    .item .text_box .slide_title {font-size: 30px !important;}
    .item .text_box .slide_caption {font-size: 20px !important;}
    
    .contact_box {flex-direction: column-reverse;}
    .contact_box .right {width: 100%;}
    .image_wrap {width: 90vw;}

    .contact_box .left {width: 100%; text-align: center; padding: 0 15px;}
    .contact_box .left strong {font-size: 29px !important;}
    .contact_box .left span {font-size: 13px !important;}
    .contact_box .left .move_btn a {font-size: 20px !important;}

    .dx-news_Wrap .box_click_btn .item .text h5 {font-size: 14px !important; line-height: 1.5;}
    .dx-news_Wrap .box_click_btn .item .text {padding: 9.6px 14px;}
    .dx-news_Wrap .box_click_btn .item:nth-child(2) {}

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

    .container,
    .degital_Wrap .container,
    .banner_text { width: 100%; padding: 0 15px;}
    .site-header__wrapper.container {padding: 20px 0 0;}

    .item .fill {opacity: .6;}

    .item-lineup_Wrap .box_click_btn .item > div .text {height: auto;}

    .image_wrap {width: 100%;}
    .image_wrap .out_box {height: calc(37vw - 10px);}
    .image_wrap > img {top: -8vw;}
    

    .banner_text .contents_text span {word-break: keep-all;}
    .row {display: block;}
    .col-sm-6 {max-width: 100%;}

    .banner_text {transform: translate(-50%, 80%);}
    .banner_text .head_title {font-size: 26px;}
    .banner_text .contents_text span {font-size: 15px;}

    .degital_Wrap .head_title span.fsize15 {font-size: 13px !important;}
    .degital_Wrap .head_title strong {font-size: 19px !important;}

    .class.newtemp span.fsize18 {font-size: 14px !important;}
    
    .con_wrap > div.item {line-height: 2;}
    .con_wrap > div.item > div span strong {font-size: 18px !important;}
    .con_wrap > div.item > div span.fsize24 {font-size: 16px !important;}
    .con_wrap > div.item > div span.fsize16 {font-size: 14px !important;}

    .dx-change_Wrap .left .head_title strong {font-size: 18px !important;}
    .dx-change_Wrap .left .contents_text > div > span {font-size: 14px;}

    .context-solutions_Wrap .container > .head_title, .item-lineup_Wrap .container > .head_title, .dx-news_Wrap .container > .head_title {font-size: 18px !important;}
    .context-solutions_Wrap .box_click_btn .item .text, .item-lineup_Wrap .box_click_btn .item .text, .dx-news_Wrap .box_click_btn .item .text {padding: 6px 9px;}

    .item-lineup_Wrap .box_click_btn .item {width: 100%;}
    .item-lineup_Wrap .box_click_btn .item:nth-child(n + 2) {margin-top: 45px;}

    .item .text_box .slide_title {font-size: 23px !important; line-height: 2; }
    .item .text_box .slide_caption {font-size: 16px !important;}

    .contact_box .left {margin-bottom: 20px;}
    .contact_box .left strong {font-size: 22px !important;}
    .contact_box .left .move_btn a {font-size: 16px !important;}

    .dx-news_Wrap .box_click_btn .item {width: 100%;}
    .dx-news_Wrap .box_click_btn .item:nth-child( n + 2){margin-top: 40px;}

    .box_content_wrap .left .head_title strong {font-size: 18px !important;}

}
@media all and (max-width: 480px) {
    html {scroll-behavior: smooth !important;}

    .fixed_buttons a {padding: 7px 14px;}

    .banner_text .contents_text {line-height: 1;}
    .banner_text .contents_text span {font-size: 14px !important; word-break: normal;}

    .degital_Wrap .head_title span.fsize15 {font-size: 12px !important;}
    .degital_Wrap .head_title strong {font-size: 17px !important;}
    .class.newtemp span.fsize18 {font-size: 13px !important;}

    .con_wrap > div.item {line-height: 1.5;}
    .con_wrap > div.item > div span strong {font-size: 18px !important;}
    .con_wrap > div.item > div span.fsize16 {letter-spacing: -.1px;}

    .dx-change_Wrap .left .head_title strong {font-size: 16px !important;}
    .dx-change_Wrap .left .contents_text > div > span {font-size: 13px !important;}

    .dx-change_Wrap .left {width: 100%;}
    .divider-box {width: 25%;}

    .dx-change_Wrap .right {margin-top: 20px;}
    .context-solutions_Wrap .box_click_btn {margin: 0 -8px;}
    .context-solutions_Wrap .box_click_btn .item {padding: 0 8px;}
    .item-lineup_Wrap .box_click_btn .item {padding: 0;}
    .context-solutions_Wrap .box_click_btn .item .text {padding: 6px;}
    .context-solutions_Wrap .box_click_btn .item .text h5 {font-size: 13px !important; white-space: pre-line; margin-bottom: 0;}
    .context-solutions_Wrap .box_click_btn .item:nth-child(n + 3), .item-lineup_Wrap .box_click_btn .item:nth-child(n + 3) {margin-top: 40px;}

    .box_content_wrap .box .right > div {display: block;}
    .box_content_wrap .box .right {padding: 0;}
    .box_content_wrap .box .left {width: 100%;}
    .box_content_wrap .left .head_title strong {font-size: 18px !important;}
    .box_content_wrap .box .right .text {width: 100%; margin-top: 15px;}
    .box_content_wrap .box .right .text > ul {font-size: 13px;}

    .box_content_wrap .box .right .text > h3 {font-size: 16px !important; margin-top: 0;}
    
    /* .box_content_wrap .box .right .text > div a */
    .box_content_wrap .box .right .text > div a {display: block; width: 100%; font-size: 12px;}
    .box_content_wrap .box .right .text > div a:first-child {margin-bottom: 15px;}

    .box_content_wrap .box .right .img {width: 100%;}
    .box_content_wrap .box .right .img img {width: 50%; height: auto;}

    .context-solutions_Wrap .container > .head_title, .item-lineup_Wrap .container > .head_title, .dx-news_Wrap .container > .head_title {font-size: 16px !important;}
    .context-solutions_Wrap .container > .head_title { padding: 0; word-break: keep-all; line-height: 1.5;}
    .item-lineup_Wrap .container > .head_title,.dx-news_Wrap .container > .head_title {padding: 0;}

    .item-lineup_Wrap .box_click_btn .item .text h5 {font-size: 14px !important;}

    .item .text_box {width: 75%; margin: 0 auto;}
    .item .text_box .slide_title {font-size: 21px !important; letter-spacing: -2px;}
    .item .text_box .slide_caption {font-size: 14px !important; letter-spacing: -1px;}

    .contact_box .left strong {font-size: 20px !important;}
    .contact_box .left span,.contact_box .left .move_btn a {font-size: 12px !important;}
    
    .dx-news_Wrap .box_click_btn .item {padding: 0;}
    .dx-news_Wrap .box_click_btn .item .text .fsize13 {font-size: 12px !important;}
    
}

@media all and (max-width: 355px) {
    .con_wrap > div.item > div span.fsize16 {font-size: 13px !important; letter-spacing: -.4px;}

}

@media all and (max-width: 345px) {
    .context-solutions_Wrap .box_click_btn .item .text h5 {font-size: 12px !important;}
}