@charset "utf-8";

.scrolling-wrapper {
    transition: transform 0.8s ease-in-out;
    will-change: transform;
}
.ch_data_tit,
#myGauge-graph-id0-scale-r-ring-0-path {fill: #358d4d !important;}
#myGauge-graph-id0-scale-r-ring-1-path {fill: #1a65b1 !important;}
#myGauge-graph-id0-scale-r-ring-2-path {fill: #cf7a03 !important;}
#myGauge-graph-id0-scale-r-ring-3-path {fill: #e17344 !important;}
#myGauge-graph-id0-scale-r-ring-4-path {fill: #eb0000 !important;}
@font-face {
    font-family: 'Pretendard';
    font-weight: 100;
    src: url('/font/Pretendard-Thin.woff') format('woff');
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 200;
    src: url('/font/Pretendard-ExtraLight.woff') format('woff');
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 300;
    src: url('/font/Pretendard-Light.woff') format('woff');
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 400;
    src: url('/font/Pretendard-Regular.woff') format('woff');
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 500;
    src: url('/font/Pretendard-Medium.woff') format('woff');
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 600;
    src: url('/font/Pretendard-SemiBold.woff') format('woff');
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 700;
    src: url('/font/Pretendard-Bold.woff') format('woff');
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 800;
    src: url('/font/Pretendard-ExtraBold.woff') format('woff');
}

.sub_skip{display:none}
html, body {height: 100%;}
/*html {overflow: hidden;}*/
body {visibility: hidden; font-family: 'Pretendard', 'sans-serif'; line-height: 1.5;}
body.new {visibility: visible;}
a {color: #444444;}
button {margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border:0 none; background-color:transparent; font-family:inherit; font-size:inherit; cursor:pointer;}
select {font-family: 'Pretendard'; cursor: pointer;}

/* sky banner */
.wrap.main_banner{padding-top:140px}
.sky_banner{position:absolute; top:0; left:0; width:100%; overflow:hidden; min-width:1400px; color:#fff; z-index:2; transition:all 0.5s; -webkit-transition:all 0.5s}
.sky_banner .inner{position:relative; height:140px; margin:0 auto;}
.sky_banner .inner .con li a{display:block}
.sky_banner .inner .con li img{width: 100%; height:140px;}
.sky_banner .inner .con .bx-wrapper .bx-controls-auto, .b_contents .bx-wrapper .bx-pager{bottom:inherit; top:85px; padding-top:0}
.sky_banner .inner .con .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{width:100%; text-align:center}
.sky_banner .inner .con .bx-wrapper .bx-controls-auto .bx-controls-auto-item, .bx-wrapper .bx-pager-item{vertical-align:top}
.sky_banner .inner .con .bx-wrapper .bx-controls-direction a{width:30px; height:42px; top:46px; text-indent:0; font-size:0}
.sky_banner .inner .con .bx-wrapper .bx-prev{left:15px}
.sky_banner .inner .con .bx-wrapper .bx-prev::before{content:''; position:absolute; top:11px; transform:rotate(-45deg); width:24px; height:2px; background:#fff; border-radius:3px}
.sky_banner .inner .con .bx-wrapper .bx-prev::after{content:''; position:absolute; top:27px; transform:rotate(45deg); width:24px; height:2px; background:#fff; border-radius:3px}
.sky_banner .inner .con .bx-wrapper .bx-next{right:15px;}
.sky_banner .inner .con .bx-wrapper .bx-next::before{content:''; position:absolute; top:11px; transform:rotate(45deg); width:24px; height:2px; background:#fff; border-radius:3px}
.sky_banner .inner .con .bx-wrapper .bx-next::after{content:''; position:absolute; top:27px; transform:rotate(-45deg); width:24px; height:2px; background:#fff; border-radius:3px}
.sky_banner .inner .con .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:50%; /*171218 add*/margin-right:-120px; z-index:1}
.sky_banner .inner .con .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto .active{display:none}
.sky_banner .inner .sb_footer{position:absolute; bottom:16px; left:50%; transform:translateX(-50%); text-align:right; width:100%; max-width:1120px; font-size:12px; color:#fff}
.sky_banner .inner .sb_footer .chk1{float:left; padding-right:10px; width:calc(100% - 94px); line-height:32px; box-sizing:border-box}
.sky_banner .inner .sb_footer .chk1 input[type="checkbox"]{overflow:hidden; position:absolute; width:1px; height:1px; padding:0; margin:-1px; border:0; clip:rect(0,0,0,0); -webkit-border-radius:0; border:none; -webkit-appearance:none; -moz-appearance:none; appearance:none}
.sky_banner .inner .sb_footer .chk1 input[type="checkbox"] + label{display:inline-block; position:relative; font-size:13px; color:#ffffff; letter-spacing:-0.030em; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none}
.sky_banner .inner .sb_footer .chk1 input[type="checkbox"] + label:after{content:''; display:inline-block; width:12px; height:12px; margin-left:8px; border:1px solid #ddd; border-radius:2px; background-color:transparent; vertical-align:middle; text-align:center; line-height:16px; box-sizing:border-box}
.sky_banner .inner .sb_footer .chk1 input[type="checkbox"]:checked + label:after{content:''; background:url(/images/new/common/sb_chk.png) no-repeat top 2px right 0px}
.sky_banner .inner .sb_footer button{float:right; padding-right:20px; width:94px; background:rgba(0, 0, 0, 0.5) url("/images/new/common/sb_close.png") no-repeat top 50% right 6px; ; border-radius:15px; color:#fff; font-size:13px; line-height:32px; text-align:center; cursor:pointer; letter-spacing:-0.030em; box-sizing:border-box}

@media only screen and (max-width:1400px) {
    .sky_banner {min-width: auto;}
    .sky_banner .inner {width: 100%;}
    .sky_banner .inner .con li img {width: 100%;}
}
@media only screen and (max-width:1024px) {
    .sky_banner .inner .con .bx-wrapper .bx-prev {display: none;}
    .sky_banner .inner .con .bx-wrapper .bx-next {display: none;}
}
@media only screen and (max-width:768px) {
    .wrap.main_banner {padding-top: 105px;}
    .sky_banner .inner {height: 105px;}
    .sky_banner .inner .con li img {height: 105px;}
    .sky_banner .inner .sb_footer {bottom: 0;}
}

/* 개별 or 독립 레이어 */
.popup_wrap{position:absolute; left:50%; z-index:100; margin-left:-550px; width:1100px; height:auto}
.popup_wrap .divpop{z-index:700; border:1px solid #444}
.popup_wrap .divpopt{background:#fff}
.popup_wrap .divpopt p{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:10px; color:#555; font-size:12px}
.popup_wrap .divpopa img{max-width:700px;}
.popup_wrap .divpopb{position:absolute; bottom:0; overflow:hidden; width:100%; box-sizing:border-box}
.popup_wrap .divpopb div{float:left; padding-left:10px; width:100%; background:rgba(0, 0, 0, 0.4); line-height:30px; box-sizing:border-box}
.popup_wrap .divpopb div input{margin-right:5px}
.popup_wrap .divpopb div label{color:#fff; font-size:12px}
.popup_wrap .divpopb a{display:block; position:absolute; bottom:0; right:0; width:40px; height:30px; padding:8px 0; color:#fff; text-align:center; box-sizing:border-box;}
.popup_wrap .divpopba {float:right; text-align:center; width:40px; background:rgba(0, 0, 0, 0.6); color:#fff; font-size:12px; line-height:30px}
/* 통합 레이어 */
.popup_wrap2{position:fixed; top: 10%; z-index:10000; width: 100%;}
.popup_wrap2::before{content:''; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.7)}
.popup__inner { width:1100px; height:auto; margin: 0 auto;}
.popup__inner.type1 {/*width: 350px;*/ width: 100%; max-width:700px;}
.popup__inner.type2 {max-width: 1100px; width: 100%;}
.popup__inner.type2:focus {border: 2px solid #000000;}
.popup_wrap2 .bx-wrapper{}
.popup_wrap2 .tit{position:relative; text-align:center; margin-bottom:60px; font-size:30px; color:#ddd; font-family:'NS'; letter-spacing:-0.030em}
.popup_wrap2 .tit b{color:#fff; font-size:32px; font-family:'NSB'}
.popup_wrap2 .tit b span{color:#33ccff}
.popup_wrap2 .bx-viewport{z-index:1; max-height: 700px;}
.popup_wrap2 .bx-controls{position: absolute;bottom: -100px;left: 50%;transform: translateX(-50%);}
.popup_wrap2 .bx-wrapper .bx-controls-direction{float:right;}
.popup_wrap2 .bx-wrapper .bx-controls-direction a{display:inline-block; position:relative; top:0; vertical-align:top; width:36px; height:36px; margin:0 4px; border:2px solid #ddd; border-radius:20px}
.popup_wrap2 .bx-wrapper .bx-prev::before{content:''; position:absolute; top:10px; left:13px; width:9px; height:16px; background:url(/images/common/layer_popup_arr.png) no-repeat 0 0}
.popup_wrap2 .bx-wrapper .bx-next::before{content:''; position:absolute; top:10px; right:13px; transform:rotate(180deg); width:9px; height:16px; background:url(/images/common/layer_popup_arr.png) no-repeat 0 0}
.popup_wrap2 .divpop{}
.popup_wrap2 .divpopa{text-align:center}
.popup_wrap2 .divpopa a{display:block; position: relative; padding: 0 0 100%;}
.popup_wrap2 .divpopa a:focus {border: 2px solid #ff0000;}
.popup_wrap2 .divpopa img{position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%;}
.popup_wrap2 .divpopb{overflow:hidden; position:relative; margin:0 auto; background: #fff;}
.popup_wrap2 .divpopb div{float:left; position:relative; z-index:1; height:20px; padding:10px;}

.popup_wrap2 .divpopb div input[type="checkbox"]:focus + label {outline: 2px solid #007aff;}
.popup_wrap2 .divpopb div label{display:inline-block; position:relative; padding-left:24px; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; line-height:20px}

.popup_wrap2 .divpopb div input[type="checkbox"]{position:absolute;top: 3px;left: 0;width:16px;height:16px;margin: 0;border:2px solid #222;border-radius:2px}
.popup_wrap2 .divpopb div input[type="checkbox"]:before {content: ''; position: absolute; width: 12px; height: 12px; border:2px solid #222; background-color: #ffffff; border-radius:2px}
.popup_wrap2 .divpopb div input[type="checkbox"]:checked {position:absolute;top: 3px;left: 6px;bottom: -3px;transform:rotate(45deg);width:9px;height:16px;border-bottom:2px solid #222;border-right:2px solid #222}
.popup_wrap2 .divpopb div input[type="checkbox"]:checked:before{/* right: -13px; *//* bottom: -3px; */width: 7px;height: 13px;border-bottom:2px solid #222;border-right:2px solid #222}


.popup_wrap2 .divpopb div label span{color:#222; font-size:18px; font-family:'NS'; letter-spacing:-0.030em}
.popup_wrap2 .divpopb a{float:right; position:relative; z-index:1; width:40px; height:40px; background:#fff; font-size:0; border-radius:20px}
.popup_wrap2 .divpopb a::before{content:''; position:absolute; top:11px; left:19px; transform:rotate(45deg); width:2px; height:18px; background:#333}
.popup_wrap2 .divpopb a::after{content:''; position:absolute; top:19px; left:11px; transform:rotate(45deg); width:18px; height:2px; background:#333}


@media only screen and (max-width:1100px) {
    .popup__inner,
    .popup__inner.type1{width: 80%;}
    .popup__inner.type2 {width: 80%;}
}

@media only screen and (max-width:768px) {
    .popup__inner,
    .popup__inner.type1 {width: 360px;}
    .popup__inner.type2 {width: 360px;}
    /*.popup_wrap2 .divpopa img {max-width: 300px; max-height: 300px;}*/
    .popup_wrap2 .tit {margin-bottom: 30px; font-size: 20px;}
    .popup_wrap2 .tit b {font-size: 25px;}
    .popup_wrap2 .divpopb div label span {font-size: 16px;}
}


/* banner */
.banner .inner{padding:42px 0 41px!important; height:104px; box-sizing:border-box}
.banner .bx-viewport{margin:0 auto; width:1050px; text-align:center}
.banner .bx-wrapper .bx-controls-direction a{width:50px; height:50px; background:url("/images/new/main/banner_arr.png") no-repeat 50%; border:1px solid #cccfd5; border-radius:50%}
.banner .bx-wrapper .bx-controls-direction a.bx-prev{left:0; top:-16px}
.banner .bx-wrapper .bx-controls-direction a.bx-next{right:0; top:-16px; transform:rotate(180deg)}
.banner .bx-wrapper .bx-controls-direction a.disabled{display:block}
.banner .bx-wrapper .bx-controls-direction a:hover{background-image:url("/images/new/main/banner_arr_on.png")}

.logo__banner-wrap {position: relative; width: 1400px; margin: 0 auto; padding: 20px 40px; border-bottom: 1px solid #eaeaea; box-sizing: border-box;}
.logo__banner-wrap .list_area {overflow: hidden;}
.logo__banner-wrap .swiper-wrapper {align-items: center;}
.logo__banner-wrap a {display: inline-block; width: 100%;}
.logo__banner-wrap img {width: 100%; height: 100%; object-fit: cover;}
.logo__banner-wrap > button {position: absolute; top: 50%; display: block; width: 36px; height: 36px; margin: 0; border: 1px solid #bebebe; background-color: #ffffff; background-position: center; background-repeat: no-repeat; border-radius: 50%; transform: translateY(-50%); font-size: 0; z-index: 2; text-indent: -9999px; box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.11);}
.logo__banner-wrap > button:after {display: none;}
.logo__banner-wrap .swiper-button-prev {left: -18px; background-image: url('/images/new_main/slide_prev.png');}
.logo__banner-wrap .swiper-button-next {right: -18px; background-image: url('/images/new_main/slide_next.png');}

@media only screen and (max-width:1400px) {
    .logo__banner-wrap {width: 100%; box-sizing: border-box;}
}

@media only screen and (max-width:1024px) {
    .logo__banner-wrap {padding: 20px 40px;}
    .logo__banner-wrap .swiper-button-prev {left: -10px;}
    .logo__banner-wrap .swiper-button-next {right: -10px;}
}

@media only screen and (max-width:768px) {
    .logo__banner-wrap {padding: 15px 40px;}
}


/* ////////////메인 헤더 관련///////////*/
header {position: fixed; top: 0; right: 0; left: 0; width: 100%; border-bottom: transparent !important; background-color: transparent; z-index: 100; animation: top 1s ease forwards;}
.main_banner header {top: 140px !important;}
.main_banner header.sty2 {top: 0 !important;}
header .container {width: 100%; max-width: 1400px; margin: 0 auto;}
header .container > .inner_box {display: flex; align-items: center; justify-content: space-between;}
header .container > .inner_box > .box {}
header .container > .inner_box > .box.left {}
header .container > .inner_box > .box.left .logo {}
header .container > .inner_box > .box.left .logo .logo_area { display: block;}
header .container > .inner_box > .box.left .logo .logo_area img {}
header .container > .inner_box > .box.left .logo .logo_area img.off {display: none;}
header .container > .inner_box > .box.left .logo .logo_area img.on {display: block;}
header .container > .inner_box > .box.left .tab_inner {display: none;}
header .container > .inner_box > .box.mid {width: 100%; max-width: 1024px;}
header .container > .inner_box > .box.mid .gnb_area {}
header .container > .inner_box > .box.mid .gnb_area #lnb {}
header .container > .inner_box > .box.mid .gnb_area #lnb > .list { display: flex; justify-content: center; align-items: center;}
header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li {}
header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li > a { display: block; position:relative; padding: 0 15px; font-weight: 700; font-size: 18px; line-height: 100px; color: #ffffff; letter-spacing: -0.01em;}
header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li > a::after {content: ''; width: 0; position: absolute; bottom: -1px; left: 50%; transform: translateX(-50%); height: 2px; background-color: #1b63af; transition: width 0.3s ease-in-out;}
header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li:hover > a { color: #1b63af !important;}
header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li:hover > a::after { width: calc(100% - 64px);}
header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li > div {display: none; align-items: flex-start; justify-content: flex-start; position: absolute;width: 100%; max-width: 1400px; height: 212px;top: 100px;left: 50%;z-index: 55; box-sizing: border-box; transform: translateX(-50%);}
header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li.active > div {display: flex !important;}
header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li > div > ul{width: 850px;}
header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li > div > ul li::before { top: 19px;}
header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li > div > div {float: inherit; width: 400px; height: 100%; padding-bottom: 56px; box-sizing: border-box;}
header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li.l_title1 > div > div {background: url("/images/common/gnb_07.png") no-repeat bottom right 20%;}
header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li.l_title2 > div > div {background: url("/images/common/gnb_06.png") no-repeat bottom right 20%;}
header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li.l_title3 > div > div {background: url("/images/common/gnb_05.png") no-repeat bottom right 20%;}
header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li.l_title4 > div > div {background: url("/images/common/gnb_04.png") no-repeat bottom right 20%;}
header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li.l_title5 > div > div {background: url("/images/common/gnb_03.png") no-repeat bottom right 20%;}
header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li.l_title6 > div > div {background: url("/images/common/gnb_02.png") no-repeat bottom right 20%;}
header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li.l_title7 > div > div {background: url("/images/common/gnb_01.png") no-repeat bottom right 20%;}
header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li > div > div > p:first-child {margin-top: 50px;}
header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li > div > ul {float: inherit; box-sizing: border-box;}

header:not(.eng) .container > .inner_box > .box.mid .gnb_area #lnb > .list > li.l_title4 > a {padding: 0 25px 0 15px; background-image: url('/images/header/head_menu_icon01.png'); background-position: top 15px right; background-repeat: no-repeat; color: #08b2ff !important;}
header:not(.eng) .container > .inner_box > .box.mid .gnb_area #lnb > .list > li.l_title4 > a::after {background-color: #08b2ff;}
header:not(.eng) .container > .inner_box > .box.mid .gnb_area #lnb > .list > li.l_title4:hover > a {color: #08b2ff;}

header .container > .inner_box > .box.right {}
header .container > .inner_box > .box.right .inner_box { display: flex; justify-content: space-between; align-items: center;}
header .sub_logo_area { margin: 0 20px 0 0;}
header .sub_logo_area .sub_logo { display: block;}
header .sub_logo_area .sub_logo  img { display: block;}
header .sub_logo_area .sub_logo img.on { display: none;}
header .lang_area { position: relative; margin: 0 35px 0 0;}
header .lang_area .lang_btn { display: block; padding: 0 25px 0 35px; background-image: url("/images/header/h_lang_ico_on.png"); background-position: left center; background-repeat: no-repeat;}
header .lang_area .lang_btn::after { content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 9px; height: 5px; background-image: url("/images/header/h_lang_arrow_ico_on.png"); background-position: center; background-size: 100%; background-repeat: no-repeat; transition: all 0.3s ease-in-out;}
header .lang_area .lang_btn.on::after { transform: translateY(-50%) rotate(180deg);}
header .lang_area .lang_btn .text { display: inline-block; font-weight: 700; font-size: 15px; line-height: 22px; color: #ffffff; letter-spacing: -0.01em;}
header .lang_area .lang_list_area { display: none; position: absolute; top: 35px; right: 0; width: auto; border: 1px solid #999999; padding: 10px 0; background-color: #ffffff; border-radius: 10px; z-index: 1;}
header .lang_area .lang_list_area .list {}
header .lang_area .lang_list_area .list li { margin: 0 0 5px;}
header .lang_area .lang_list_area .list li:last-child { margin: 0;}
header .lang_area .lang_list_area .list li .link { display: block; padding: 0 25px;}
header .lang_area .lang_list_area .list li .link .text { display: inline-block; font-weight: 600; font-size: 14px; line-height: 21px; color: #999999; letter-spacing: -0.01em; transition: all 0.3s ease-in-out;}
header .lang_area .lang_list_area .list li .link:hover .text,
header .lang_area .lang_list_area .list li .link:focus .text { font-weight: 700; color: #144389;}
header .container > .inner_box > .box.right .inner_box .total_sch_area { position: relative; margin: 0 28px 0 0; padding: 0 28px 0 0;}
header .container > .inner_box > .box.right .inner_box .total_sch_area::after { content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1px; height: 23px; background-color: rgba(255, 255, 255, 0.3);}
header .container > .inner_box > .box.right .inner_box .total_sch_area .head_sch_btn { display: block; width: 21px; height: 21px; background-image: url("/images/header/h_sch_ico_on.png"); background-position: center; background-size: 100%; background-repeat: no-repeat; font-size: 0; text-indent: -999px;}
header .container > .inner_box > .box.right .inner_box .all_menu_area {}
header .container > .inner_box > .box.right .inner_box .all_menu_area.mo { display: none;}
header .container > .inner_box > .box.right .inner_box .all_menu_area .btn { display: block; width: 23px; height: 16px; background-image: url("/images/header/h_all_menu_ico_on.png"); background-position: center; background-size: 100%; background-repeat: no-repeat; font-size: 0; text-indent: -999px;}
div:not(.eng_site) .lnb_bg {top: 101px; height: 212px !important;}
.total__menu-wrap .top { height: 100px;}
.total__menu-wrap .list > li:before { top: 11px;}
.total__menu-wrap .list > li > ol > li:before { top: 11px;}
.total__menu-inner { width: 100%; max-width: 1920px; padding: 0 42px;}
.total__menu-wrap .all-menu-close.pc { top: 73px; right: 42px;}

/*섹션 변경시 sty2 css*/
header.sty2 .container > .inner_box > .box.left .logo .logo_area img.off { display: block;}
header.sty2 .container > .inner_box > .box.left .logo .logo_area img.on { display: none;}
header.sty2 .container > .inner_box > .box.mid .gnb_area #lnb > .list > li > a { color: #666666;}
header.sty2 .sub_logo_area .sub_logo img { display: none;}
header.sty2 .sub_logo_area .sub_logo img.on { display: block;}
header.sty2 .lang_area .lang_btn { background-image: url("/images/header/h_lang_ico.png");}
header.sty2 .lang_area .lang_btn::after { background-image: url("/images/header/h_lang_arrow_ico.png");}
header.sty2 .lang_area .lang_btn .text { color: #999999;}
header.sty2 .container > .inner_box > .box.right .inner_box .total_sch_area::after { background-color: rgba(201, 201, 202, 0.2);}
header.sty2 .container > .inner_box > .box.right .inner_box .total_sch_area .head_sch_btn { background-image: url("/images/header/h_sch_ico.png");}
header.sty2 .container > .inner_box > .box.right .inner_box .all_menu_area .btn { background-image: url("/images/header/h_all_menu_ico.png");}

@keyframes top {
    0% {
        top: -50%;
    }
    100% {
        top: 0;
    }
}
@keyframes top2 {
    from {
        top: 0;
    }

    to {
        top: -50%;
    }
}

header.show {border-bottom: 1px solid #e6e6e6 !important; background-color: #ffffff !important;}
header.show .container > .inner_box > .box.left .logo img.on,
header.kr .container > .inner_box > .box.left .logo img.on {display: none !important;}
header.show .container > .inner_box > .box.left .logo img.off,
header.kr .container > .inner_box > .box.left .logo img.off {display: block !important;}
header.show .container > .inner_box > .box.mid .gnb_area #lnb > .list > li > a {color: #666666;}
header.show .sub_logo_area .sub_logo img.off,
header.kr .sub_logo_area .sub_logo img.off {display: none !important;}
header.show .sub_logo_area .sub_logo img.on,
header.kr .sub_logo_area .sub_logo img.on {display: block !important;}
header.show .lang_area .lang_btn {background-image: url('/images/header/h_lang_ico.png');}
header.show .lang_area .lang_btn::after {background-image: url('/images/header/h_lang_arrow_ico.png');}
header.show .lang_area .lang_btn .text {color: #999999;}
header.show .container > .inner_box > .box.right .inner_box .total_sch_area .head_sch_btn {background-image: url('/images/header/h_sch_ico.png');}
header.show .container > .inner_box > .box.right .inner_box .total_sch_area::after {background-color: rgba(201, 201, 202, 0.2);}
header.show .container > .inner_box > .box.right .inner_box .all_menu_area .btn {background-image: url('/images/header/h_all_menu_ico.png');}


@media only screen and (max-width:1600px) {
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li > a { padding: 0 10px;}
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li:hover > a::after { width: calc(100% - 50px);}
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li > div { padding: 0 20px 0;}
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li > div > div { width: 522px;}
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li.l_title1 > div > div {background-position: bottom right 15%;}
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li.l_title2 > div > div {background-position: bottom right 15%;}
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li.l_title3 > div > div {background-position: bottom right 15%;}
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li.l_title4 > div > div {background-position: bottom right 15%;}
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li.l_title5 > div > div {background-position: bottom right 15%;}
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li.l_title6 > div > div {background-position: bottom right 15%;}
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li.l_title7 > div > div {background-position: bottom right 15%;}
    header .sub_logo_area { margin: 0 30px 0 0;}
    header .lang_area { margin: 0 25px 0 0;}
    header .container > .inner_box > .box.right .inner_box .total_sch_area { margin: 0 20px 0 0; padding: 0 20px 0 0;}
    .total__menu-inner { padding: 0 20px;}
    .total__menu-wrap .all-menu-close.pc { right: 20px;}
}

@media only screen and (max-width:1440px) {
    header .container > .inner_box {flex-wrap: wrap; padding: 20px 20px 0;}
    header .container > .inner_box > .box.left {display: flex; align-items: center; justify-content: space-between; width: 100%; margin: 0 0 10px;}
    header .container > .inner_box > .box.left .tab_inner {display: flex; align-items: center; justify-content: center;}
    header .container > .inner_box > .box.left .tab_inner .lang_area {margin: 0;}
    header .container > .inner_box > .box.mid { max-width: 800px;}
    header .container > .inner_box > .box.mid .gnb_area #lnb { display: block; width: 100%;}
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list {justify-content: flex-start; margin: 0 0 0 -25px;}
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li > a {line-height: 50px;}
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li > div {top: 100px;}
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li > div > div { width: 475px;}
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li.l_title1 > div > div {background-position: bottom right 10%;}
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li.l_title2 > div > div {background-position: bottom right 10%;}
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li.l_title3 > div > div {background-position: bottom right 10%;}
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li.l_title4 > div > div {background-position: bottom right 10%;}
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li.l_title5 > div > div {background-position: bottom right 10%;}
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li.l_title6 > div > div {background-position: bottom right 10%;}
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li.l_title7 > div > div {background-position: bottom right 10%;}
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li > div > ul { width: calc(100% - 475px);}
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li > div > ul > li { margin-right: 40px;}
    header .container > .inner_box > .box.right .inner_box .sub_logo_area {display: none;}
    header .container > .inner_box > .box.right .inner_box .lang_area {display: none;}
    .lnb_bg {display: block !important; top: 100px;}

    header:not(.eng) .container > .inner_box > .box.mid .gnb_area #lnb > .list > li.l_title4 > a {background-position: top right; background-size: 27px auto;}
}

@media only screen and (max-width:1280px) {
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li > div > div { width: 435px;}
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li.l_title1 > div > div {background-position: bottom right 8%;}
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li.l_title2 > div > div {background-position: bottom right 8%;}
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li.l_title3 > div > div {background-position: bottom right 8%;}
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li.l_title4 > div > div {background-position: bottom right 8%;}
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li.l_title5 > div > div {background-position: bottom right 8%;}
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li.l_title6 > div > div {background-position: bottom right 8%;}
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li.l_title7 > div > div {background-position: bottom right 8%;}
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li > div > ul { width: calc(100% - 435px);}
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li > div > ul > li { margin-right: 35px;}
    #lnb .lnb_sub li a {line-height: 1;}
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li.l_title5 > div > ul > li {min-width: inherit; width: 50%; margin: 0;}
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li.l_title5 > div > ul > li:nth-child(3n) { margin-right: 0;}
}

@media only screen and (max-width:1080px) {
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li > div > div { width: 400px;}
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li > div > ul { width: calc(100% - 400px);}
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li > div > ul > li { margin-right: 30px;}
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li.l_title5 > div > ul > li { min-width: 150px;}

    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li.active > div { display: none !important;}
    /*header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li:hover > a { color: #ffffff !important;}*/
    header.sty2 .container > .inner_box > .box.mid .gnb_area #lnb > .list > li:hover > a { color: #1b63af !important;}
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li.l_title4:hover > a {color: #08b2ff !important;}
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li > a::after {display: none;}
    .lnb_bg {display: none !important;}
}

@media screen and (max-width: 1024px) {
    .main_container {padding: 94px 0 0;}
    header .container > .inner_box {flex-wrap: initial; padding: 20px; background-color: #ffffff;}
    header .container > .inner_box > .box.left {width: initial; margin: 0 20px 0 0;}
    header .container > .inner_box > .box.left .tab_inner {display: none;}
    header .container > .inner_box > .box.mid {display: none;}
    header .container > .inner_box > .box.right { flex: 1;}
    header.eng .container > .inner_box > .box.right {flex: initial;}
    header .container > .inner_box > .box.right .inner_box .sub_logo_area {display: block; margin: 0 20px 0 0;}
    header .container > .inner_box > .box.right .inner_box .all_menu_area.mo {display: block;}
    header .container > .inner_box > .box.right .inner_box .all_menu_area.pc {display: none;}
    header .container > .inner_box > .box.right .inner_box .total_sch_area {display: none;}
    .total__menu-wrap { line-height: 1;}
    .total__menu-wrap .top { height: auto;}
    .total__menu-wrap .top .sub_logo {width: 181px; margin-left: 30px;}
    .total__menu-wrap .list > li:before { top: 7px;}
    .total__menu-wrap .list > li > ol > li:before { top: 6px;}

    body.scrolling header { border-bottom: 1px solid #bbc7d3 !important;}
    body header .container > .inner_box > .box.left .logo .logo_area img.off { display: block;}
    body header .container > .inner_box > .box.left .logo .logo_area img.on { display: none;}
    body header .sub_logo_area .sub_logo img.off { display: none;}
    body header .sub_logo_area .sub_logo img.on { display: block;}
    body header .container > .inner_box > .box.right .inner_box .all_menu_area .btn { background-image: url("/images/header/h_all_menu_ico.png");}
}

@media screen and (max-width: 768px) {
    .main_container {padding: 75px 0 0;}
    .main_banner header {top: 113px !important;}
    header .container > .inner_box {padding: 15px;}
    header .container > .inner_box > .box.left { margin: 0 15px 0 0;}
    header .container > .inner_box > .box.left .logo .logo_area { width: 202px;}
    header .container > .inner_box > .box.left .logo .logo_area img { width: 100%;}
    header .container > .inner_box > .box.right .inner_box .sub_logo_area { margin: 0 15px 0 0;}
    header .container > .inner_box > .box.right .inner_box .sub_logo_area .sub_logo {width: 152px;}
    header .container > .inner_box > .box.right .inner_box .sub_logo_area .sub_logo img {width: 100%;}

    .total__menu-wrap .top .sub_logo {width: 150px; margin-left: 15px;}
}

@media screen and (max-width: 480px) {
    header .container > .inner_box > .box.left .logo .logo_area { width: 165px;}
    header .container > .inner_box > .box.right {margin: 0 !important;}
    header .container > .inner_box > .box.right .inner_box .sub_logo_area { margin: 0 15px 0 0;}
    header .container > .inner_box > .box.right .inner_box .sub_logo_area .sub_logo {width: 123px;}
    header .container > .inner_box > .box.right .inner_box .all_menu_area .btn { width: 20px; height: 15px;}
}
/* ////////////메인 헤더 관련///////////*/


/* ////////////메인 푸터 관련///////////*/
footer .f-wrap { padding: 0;}

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


    .frogue-chat {
        right: 10px !important;  /* 채팅창 오른쪽 기준 위치 */
    }
}

@media screen and (max-width: 1024px) {
    .wa_icon { right: 0;}
}

/* ////////////메인 푸터 관련///////////*/


/* ////////////메인 관련///////////*/
/*공통 더보기 버튼*/
.com_link_btn { display: inline-block;}
.com_link_btn.pc {}
.com_link_btn.m {display: none;}
.com_link_btn .text { display: inline-block; position: relative; padding: 0 13px 0 0; font-weight: 500; font-size: 15px; line-height: 26px;}
.com_link_btn .text::after { content: '+'; position: absolute; top: 50%; right: 0; transform: translateY(calc(-50% - 1px)); font-weight: 500; font-size: 15px; line-height: 1; transition: 0.3s ease-in-out;}
.com_link_btn:hover .text::after,
.com_link_btn:focus .text::after { transform: translateY(-50%) rotate(180deg);}
/*공통 더보기 버튼*/

.tab_cont {display: none;}
.tab_cont.on, .tab_cont.active {display: block;}

.main_loading {position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-color: #ffffff; z-index: 99999999; animation: loading 0.5s 1.5s forwards;}
.main_loading .loading_inner_box {}
.main_loading .loading_inner_box .loading_area {position: absolute; top: 50%; left: 50%; overflow: hidden; width: 432px; height: 96px; transform: translate(-50%, -50%); --swiper-theme-color: inherit;}
.main_loading .loading_inner_box .loading_area img {position: absolute; top: 100%; left: 0; right: 0; width: 432px; height: 95px; animation: loadingImg 1s 0.3s forwards;}
@-webkit-keyframes loadingImg { 0% {top: 100%;} 100% {top: -1px;} }
@-webkit-keyframes loading { 0% {top: 0;} 80% {top: -100%;} 100% {display: none;top: -100%;} }

.main_container {}
.main_container .section {}
.main_container .section.fp-auto-height {}
.main_container .section .container {width: 100%; max-width: 1400px; margin: 0 auto;}
.main_container .section .container .main_title_area {margin: 0 0 57px; text-align: center;}
.main_container .section .container .main_title_area .title {font-weight: 400; font-size: 60px; color: #222222; letter-spacing: -0.025em;}
.main_container .section.sen01 .container .main_title_area .title br {display: none;}
.main_container .section .container .main_title_area .title.ft_c {color: #ffffff;}
.main_container .section .container .main_title_area .title.ft_s {font-size: 52px;}
.main_container .section .container .main_title_area .title .ft_b {font-weight: 700;}
.main_container .section .container .main_title_area .title.ft_c .green {color: #39d16c;}

.main_container .section.sen01 .video_btn {display: inline-block; position: absolute; bottom: 40px; right: 40px; padding: 0 20px; background-color: #1a64b0; border-radius: 50px;}
.main_container .section.sen01 .video_btn .text {display: inline-block; padding: 0 0 0 40px; background-image: url('/images/new_main/video_btn_icon.png'); background-position: left center; background-repeat: no-repeat; font-weight: 700; font-size: 20px; line-height: 52px; color: #ffffff;}

@media only screen and (max-width:1920px) {
}

@media screen and (max-width: 1440px) {
    .main_container .section {padding: 0 20px;}
    .main_container .section .container .main_title_area {margin: 0 0 50px;}
    .main_container .section .container .main_title_area .title {font-size: 54px;}
    .main_container .section .container .main_title_area .title.ft_s {font-size: 46px;}
}

@media screen and (max-width: 1280px) {
    .main_loading .loading_inner_box .loading_area {width: 288px; height: 64px;}
    .main_loading .loading_inner_box .loading_area img {width: 288px; height: 64px;}

    .main_container .section .container .main_title_area {margin: 0 0 45px;}
    .main_container .section .container .main_title_area .title {font-size: 48px;}
    .main_container .section .container .main_title_area .title.ft_s {font-size: 40px;}
    .main_container .section.sen01 .video_btn {bottom: 30px; right: 30px; padding: 0 16px;}
    .main_container .section.sen01 .video_btn .text {padding: 0 0 0 32px; background-size: 26px auto; font-size: 18px; line-height: 44px;}

}

@media screen and (max-width: 1024px) {
    html {overflow: visible;}

    .main_container .section {height: auto !important; padding: 50px 20px; overflow: hidden;}
    .main_container .section .container .main_title_area {margin: 0 0 40px;}
    .main_container .section .container .main_title_area .title {font-size: 42px; line-height: 1.2 !important;}
    .main_container .section .container .main_title_area .title.ft_s {font-size: 34px;}

    .fp-tableCell {height: auto !important;}

    .main_container .section.fp-auto-height { padding-top: 0; padding-bottom: 0;}
    /*.main_container .section.fp-auto-height .logo__banner-wrap { padding-left: 0; padding-right: 0;}*/
    .main_container .section.fp-auto-height footer .display_tab_mo { padding-left: 0; padding-right: 0;}
}

@media screen and (max-width: 768px) {
    .main_container .section {padding: 40px 15px;}
    .main_container .section .container .main_title_area {margin: 0 0 35px;}
    .main_container .section .container .main_title_area .title {font-size: 20px; text-align: left;}
    .main_container .section .container .main_title_area .title br {display: block;}
    .main_container .section .container .main_title_area .title.ft_s {font-size: 20px;}

    .main_container .section.sen01 .video_btn {display: none;}
    .main_container .section.sen01 .video_btn .text {background-size: 21px auto; font-size: 16px; line-height: 40px;}
}

@media screen and (max-width: 480px) {
    .com_link_btn.pc {display: none;}
    .com_link_btn.m {display: flex ; margin: 10px 0 0; justify-content: flex-end;}
    .main_container .section { padding: 35px 15px;}
    .main_container .section .container .main_title_area {margin: 0 0 30px;}
}

.main_container .section.sen01 {position: relative; width: 100%; height: 100%;}
.main_container .section.sen01 .fp-tableCell {position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100% !important;}
.main_container .section.sen01 .fp-tableCell .video_val_cont {overflow: hidden; height: 100%;}
.main_container .section.sen01 .fp-tableCell .video_val_cont .video_val_inner {position: relative; height: 100%;}
.main_container .section.sen01 .fp-tableCell .video_val_cont .video_val_inner:focus {border: 2px solid #ff0000;}
.main_container .section.sen01 .fp-tableCell .video_val_cont .video_val_inner.m {display: none;}
.main_container .section.sen01 .fp-tableCell .video_val_cont .video_val_inner video,
.main_container .section.sen01 .fp-tableCell .video_val_cont .video_val_inner iframe {width: 100%; height: 100%; object-fit: cover;}
.main_container .section.sen01 .fp-tableCell .video_val_cont .video_val_inner .pop_video {position: absolute; right: 0; bottom: 0; overflow-y: auto; width: 540px; max-height: 50%; background-color: #ffffff; border-radius: 6px;}
.main_container .section.sen01 .fp-tableCell .video_val_cont .video_val_inner .pop_video:focus {border: 2px solid #000000;}

.main_container .section.sen01 .fp-tableCell .video_val_cont .video_val_inner .pop_video .title {position: relative; padding: 16px; background-color: #1a65b1; font-weight: 700; font-size: 16px; color: #ffffff;}
.main_container .section.sen01 .fp-tableCell .video_val_cont .video_val_inner .pop_video .title .close {display: block; position: absolute; top: 50%; right: 16px; width: 24px; height: 24px; background-image: url('/images/new_main/video_close.svg'); background-position: center; background-repeat: no-repeat; transform: translateY(-50%);}
.main_container .section.sen01 .fp-tableCell .video_val_cont .video_val_inner .pop_video .text_area {padding: 16px; font-weight: 400; font-size: 14px; color: #222222;}

.main_container .section.sen01 .mouse_scroll_area {position: absolute; bottom: 18px; left: 50%; transform: translateX(-50%);}
.main_container .section.sen01 .mouse_scroll_area .text {margin: 0 0 16px; font-weight: 700; font-size: 13px; color: #ffffff; letter-spacing: 0.05em;}
.main_container .section.sen01 .mouse_scroll_area .img_area {position: relative; width: 23px; margin: 0 auto; padding: 0 0 36px;}
.main_container .section.sen01 .mouse_scroll_area .img_area:before {content: ''; position: absolute; top: 5px; left: 50%; width: 2px; height: 6px; background-color: #ffffff; transform: translateX(-50%); animation: mouseScroll 2s infinite;}
.main_container .section.sen01 .mouse_scroll_area .img_area img {}
.main_container .section.sen01 .mouse_scroll_area .img_area .icon {position: absolute; left: 50%; width: 12px; height: 7px; background-position: center; background-repeat: no-repeat; transform: translateX(-50%);}
.main_container .section.sen01 .mouse_scroll_area .img_area .icon.arr {bottom: 20px; background-image: url('/images/new_main/mouse_arr.png'); animation: mouseScrollarr 1s 0.5s infinite;}
.main_container .section.sen01 .mouse_scroll_area .img_area .icon.arr2 {bottom: 10px; background-image: url('/images/new_main/mouse_arr2.png'); animation: mouseScrollarr2 1s 0.5s infinite;}
.main_container .section.sen01 .mouse_scroll_area .img_area .icon.arr3 {bottom: 0; background-image: url('/images/new_main/mouse_arr3.png'); animation: mouseScrollarr3 1s 0.5s infinite;}

@-webkit-keyframes mouseScroll { 0% {top: 5px;} 100% {top: 25%;} }
@-webkit-keyframes mouseScrollarr { 0% {background-image: url('/images/new_main/mouse_arr.png');} 50% {background-image: url('/images/new_main/mouse_arr2.png');} 100% {background-image: url('/images/new_main/mouse_arr3.png');} }
@-webkit-keyframes mouseScrollarr2 { 0% {background-image: url('/images/new_main/mouse_arr2.png');} 50% {background-image: url('/images/new_main/mouse_arr.png');} 100% {background-image: url('/images/new_main/mouse_arr2.png');} }
@-webkit-keyframes mouseScrollarr3 { 0% {background-image: url('/images/new_main/mouse_arr3.png');} 50% {background-image: url('/images/new_main/mouse_arr3.png');} 100% {background-image: url('/images/new_main/mouse_arr.png');} }

@media screen and (max-width: 1600px) {
    .main_container .section.sen01 {padding: 0 !important;}
}

@media screen and (max-width: 1024px) {
    .main_container .section.sen01 .video_val_cont {overflow: hidden; height: 100%;}
    .main_container .section.sen01 .video_val_cont .video_val_inner {position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;}
    .main_container .section.sen01 .video_val_cont .video_val_inner video {display: block; width: 100%; height: 100%; object-fit: cover; object-position: center;}
    .main_container .section.sen01 .mouse_scroll_area {display: none;}
}

@media screen and (max-width: 768px) {
    .main_container .section.sen01 .video_val_cont .video_val_inner {display: none;}
    .main_container .section.sen01 .fp-tableCell .video_val_cont .video_val_inner.m {display: block;}
}

@media screen and (max-width: 480px) {
    /*.main_container .section.sen01 .video_val_cont {height: 340px;}*/
}

.main_container .section.sen02 { background-image: url("/images/new_main/sen02_bg.png"); background-position: bottom center; background-size: cover; background-repeat: no-repeat;}
.main_container .section.sen02 .info_menu_list_area {}
.main_container .section.sen02 .info_menu_list_area .list_area {overflow: hidden; box-shadow: 0 0 21px rgba(0, 0, 0, 0.18); border-radius: 30px;}
.main_container .section.sen02 .info_menu_list_area .list_area .list {display: flex; align-items: stretch; justify-content: space-between;}
.main_container .section.sen02 .info_menu_list_area .list_area .list li {width: 25%; background-position: center; background-repeat: no-repeat; transition: 0.3s ease-in-out;}
.main_container .section.sen02 .info_menu_list_area .list_area .list li.on {width: 32.5%; transition: 0.3s ease-in-out;}
.main_container .section.sen02 .info_menu_list_area .list_area .list li.on2 {width: 16.875%;}
.main_container .section.sen02 .info_menu_list_area .list_area .list li > .title_area {display: flex; align-items: stretch; justify-content: center; min-height: 500px;}
.main_container .section.sen02 .info_menu_list_area .list_area .list li.on > .title_area {display: none;}
.main_container .section.sen02 .info_menu_list_area .list_area .list li > .title_area .inner_box {display: block; width: 100%; font-size: 0;}
.main_container .section.sen02 .info_menu_list_area .list_area .list li > .title_area .inner_box .text {display: inline-block; font-weight: 600; font-size: 28px; color: #ffffff;}
.main_container .section.sen02 .info_menu_list_area .list_area .list li > .info_menu_area {display: none;}
.main_container .section.sen02 .info_menu_list_area .list_area .list li.on > .info_menu_area {display: block;}
.main_container .section.sen02 .info_menu_list_area .list_area .list li > .info_menu_area .box {display: flex; align-items: stretch; justify-content: flex-start; flex-wrap: wrap; width: 100%; max-height: 500px; padding: 92px 0 80px 68px; box-sizing: border-box;}
.main_container .section.sen02 .info_menu_list_area .list_area .list li > .info_menu_area .box:focus {border: 2px solid #ff0000;}
.main_container .section.sen02 .info_menu_list_area .list_area .list li > .info_menu_area .box#fullBtn2 {display: none;}
.main_container .section.sen02 .info_menu_list_area .list_area .list li > .info_menu_area .box .title_area {width: 100%; margin: 0 0 20px;}
.main_container .section.sen02 .info_menu_list_area .list_area .list li > .info_menu_area .box .title_area .title {font-weight: 600; font-size: 52px; line-height: 60px; color: #ffffff;}
.main_container .section.sen02 .info_menu_list_area .list_area .list li > .info_menu_area .box > .text {width: 100%; height: 48px; margin: 0 0 106px; font-weight: 600; font-size: 19px; line-height: 24px; color: rgba(255, 255, 255, 0.5);}
.main_container .section.sen02 .info_menu_list_area .list_area .list li > .info_menu_area .box .link {width: 100%; font-size: 0;}
.main_container .section.sen02 .info_menu_list_area .list_area .list li > .info_menu_area .box .link .text {display: inline-block; padding: 0 26px 10px 0; background-image: url('/images/new_main/info_menu_view.png'); background-position: bottom right; background-repeat: no-repeat; font-weight: 600; font-size: 16px; color: #ffffff; letter-spacing: -0.01em;}

.main_container.eng .section.sen02 .info_menu_list_area .list_area .list li {width: 33.3333%; background-size: cover;}
.main_container.eng .section.sen02 .info_menu_list_area .list_area .list li.on {width: 40%;}
.main_container.eng .section.sen02 .info_menu_list_area .list_area .list li.on2 {width: 30%;}

@media screen and (max-width: 1600px) {
    .main_container .section.sen02 {padding: 0 20px;}
    .main_container .section.sen02 .info_menu_list_area .list_area {box-shadow: 0 0 16px rgba(0, 0, 0, 0.18); border-radius: 24px;}
    .main_container .section.sen02 .info_menu_list_area .list_area .list li > .title_area {min-height: 420px;}
    .main_container .section.sen02 .info_menu_list_area .list_area .list li > .title_area .inner_box .text {font-size: 26px;}
    .main_container .section.sen02 .info_menu_list_area .list_area .list li > .info_menu_area .box {max-height: 420px; padding: 80px 0 70px 60px;}
    .main_container .section.sen02 .info_menu_list_area .list_area .list li > .info_menu_area .box .title_area {margin: 0 0 15px;}
    .main_container .section.sen02 .info_menu_list_area .list_area .list li > .info_menu_area .box .title_area .title {font-size: 42px; line-height: 51px;}
    .main_container .section.sen02 .info_menu_list_area .list_area .list li > .info_menu_area .box > .text {height: 44px; margin: 0 0 93px; font-size: 17px; line-height: 22px;}
    .main_container .section.sen02 .info_menu_list_area .list_area .list li > .info_menu_area .box .link .text {padding: 0 26px 10px 0; font-size: 14px;}

}

@media screen and (max-width: 1440px) {
    .main_container .section.sen02 .info_menu_list_area .list_area {border-radius: 20px;}
    .main_container .section.sen02 .info_menu_list_area .list_area .list li > .title_area {min-height: 360px;}
    .main_container .section.sen02 .info_menu_list_area .list_area .list li > .title_area .inner_box .text {font-size: 22px;}
    .main_container .section.sen02 .info_menu_list_area .list_area .list li > .info_menu_area .box {max-height: 360px; padding: 60px 0 55px 45px;}
    .main_container .section.sen02 .info_menu_list_area .list_area .list li > .info_menu_area .box .title_area .title {font-size: 30px; line-height: 39px;}
    .main_container .section.sen02 .info_menu_list_area .list_area .list li > .info_menu_area .box > .text {margin: 0 0 70px;}
}

@media screen and (max-width: 1280px) {
    .main_container .section.sen02 .info_menu_list_area .list_area .list li > .title_area {min-height: 286px;}
    .main_container .section.sen02 .info_menu_list_area .list_area .list li > .title_area .inner_box .text {font-size: 18px;}
    .main_container .section.sen02 .info_menu_list_area .list_area .list li > .info_menu_area .box {max-height: 286px; padding: 45px 0 35px 30px;}
    .main_container .section.sen02 .info_menu_list_area .list_area .list li > .info_menu_area .box .title_area .title {font-size: 24px; line-height: 33px;}
    .main_container .section.sen02 .info_menu_list_area .list_area .list li > .info_menu_area .box > .text {margin: 0 0 50px; font-size: 15px; line-height: 20px;}
}

@media screen and (max-width: 1024px) {
    .main_container .section.sen02 {padding: 50px 20px 0;}
    .main_container.eng .section.sen02 {padding: 50px 20px;}
    .main_container .section.sen02 .info_menu_list_area { margin: 0 -20px 0 0;}
    .main_container .section.sen02 .info_menu_list_area .list_area {overflow-x: scroll; box-shadow: initial; border-radius: initial;}
    .main_container .section.sen02 .info_menu_list_area .list_area::-webkit-scrollbar {height: 0;}
    .main_container .section.sen02 .info_menu_list_area .list_area .list {}
    .main_container .section.sen02 .info_menu_list_area .list_area .list li {width: 100%; min-width: 325px; margin: 0 20px 0 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.18); border-radius: 20px;}
    .main_container .section.sen02 .info_menu_list_area .list_area .list li:last-child {margin: 0;}
    .main_container .section.sen02 .info_menu_list_area .list_area .list li.on {width: 100%; min-width: 325px; max-width: 325px;}
    .main_container .section.sen02 .info_menu_list_area .list_area .list li > .title_area {display: none;}
    .main_container .section.sen02 .info_menu_list_area .list_area .list li > .info_menu_area,
    .main_container .section.sen02 .info_menu_list_area .list_area .list li.on > .info_menu_area {display: flex;}
    .main_container .section.sen02 .info_menu_list_area .list_area .list li > .info_menu_area .box {height: 240px; padding: 20px 0 20px 20px;}
    .main_container .section.sen02 .info_menu_list_area .list_area .list li > .info_menu_area .box#fullBtn {display: none;}
    .main_container .section.sen02 .info_menu_list_area .list_area .list li > .info_menu_area .box#fullBtn2 {display: block;}
    .main_container .section.sen02 .info_menu_list_area .list_area .list li > .info_menu_area .box .title_area .title {font-size: 22px; line-height: 29px;}
    .main_container .section.sen02 .info_menu_list_area .list_area .list li > .info_menu_area .box > .text {margin: 0 0 30px;}
}

@media screen and (max-width: 768px) {
    .main_container .section.sen02 {padding: 40px 15px 0;}
    .main_container.eng .section.sen02 {padding: 40px 15px;}
    .main_container .section.sen02 .info_menu_list_area { margin: 0 -15px 0 0;}
    .main_container .section.sen02 .info_menu_list_area .list_area .list li {min-width: 300px; margin: 0 15px 0 0;}
    .main_container .section.sen02 .info_menu_list_area .list_area .list li.on {min-width: 300px; max-width: 300px;}
}

@media screen and (max-width: 480px) {
    .main_container .section.sen02 {padding: 35px 15px 0;}
    .main_container.eng .section.sen02 {padding: 35px 15px;}
}

.main_container .section.sen03 { background-image: url("/images/new_main/sen03_bg.png"); background-position: top center; background-size: cover; background-repeat: no-repeat;}
.main_container .section.sen03 .new_energy_info_list_area {}
.main_container .section.sen03 .new_energy_info_list_area .tab_list_area {position: relative; margin: 0 0 36px; border-bottom: 1px solid #e8e8e8;}
.main_container .section.sen03 .new_energy_info_list_area .tab_list_area .list {display: flex; align-items: center; justify-content: flex-start;}
.main_container .section.sen03 .new_energy_info_list_area .tab_list_area .list li {margin: 0 20px 0 0; padding: 0 0 33px;}
.main_container .section.sen03 .new_energy_info_list_area .tab_list_area .list li:last-child {margin: 0;}
.main_container .section.sen03 .new_energy_info_list_area .tab_list_area .list li .tab_btn {display: block; position: relative; width: 100%; padding: 0 20px;}
.main_container .section.sen03 .new_energy_info_list_area .tab_list_area .list li.on .tab_btn {}
.main_container .section.sen03 .new_energy_info_list_area .tab_list_area .list li .tab_btn:before {content: ''; position: absolute; bottom: -33px; left: 50%; width: 1%; height: 2px; background-color: #1a65b1; transform: translateX(-50%); transition: 0.3s ease-in-out; opacity: 0;}
.main_container .section.sen03 .new_energy_info_list_area .tab_list_area .list li.on .tab_btn:before {width: 100%; opacity: 1;}
.main_container .section.sen03 .new_energy_info_list_area .tab_list_area .list li .tab_btn:after {content: ''; position: absolute; bottom: -40px; left: 50%; width: 12px; height: 12px; border: 2px solid #1a65b1; background-color: #ffffff; border-radius: 50%; transform: translateX(-50%); opacity: 0;}
.main_container .section.sen03 .new_energy_info_list_area .tab_list_area .list li.on .tab_btn:after {opacity: 1;}
.main_container .section.sen03 .new_energy_info_list_area .tab_list_area .list li .tab_btn .text {display: inline-block; font-weight: 600; font-size: 20px; color: #888888;}
.main_container .section.sen03 .new_energy_info_list_area .tab_list_area .list li.on .tab_btn .text {color: #1a65b1;}
.main_container .section.sen03 .new_energy_info_list_area .tab_list_area .slt {display: none;}
.main_container .section.sen03 .new_energy_info_list_area .tab_list_area .link {position: absolute; top: 0; right: 0; display: inline-block; padding: 0 13px 0 0; font-weight: 500; font-size: 15px; color: #666666;}
.main_container .section.sen03 .new_energy_info_list_area .tab_list_area .link:after {content: '+'; position: absolute; top: 50%; right: 0; font-weight: 500; font-size: 15px; color: #666666; transform: translateY(calc(-50% - 1px)); transition: all 0.3s ease-in-out;}
.main_container .section.sen03 .new_energy_info_list_area .tab_list_area .link:hover:after,
.main_container .section.sen03 .new_energy_info_list_area .tab_list_area .link:focus:after { transform: translateY(-50%) rotate(180deg);}
.main_container .section.sen03 .new_energy_info_list_area .new_energy_info_slide_area {}
.main_container .section.sen03 .new_energy_info_list_area .new_energy_info_slide_area .new_energy_slide {}
.main_container .section.sen03 .new_energy_info_list_area .new_energy_info_slide_area .new_energy_slide .slick-list {margin: -10px -45px -10px -10px; padding: 10px 0 10px 10px;}
.main_container .section.sen03 .new_energy_info_list_area .new_energy_info_slide_area .new_energy_slide .slick-list .slick-track {}
.main_container .section.sen03 .new_energy_info_list_area .new_energy_info_slide_area .new_energy_slide .slick-list .slick-track li {margin: 0 45px 0 0;}
.main_container .section.sen03 .new_energy_info_list_area .new_energy_info_slide_area .new_energy_slide .slick-list .slick-track li .box {display: block; overflow: hidden; border: 1px solid #e0e0e0; background-color: #ffffff; border-radius: 6px; box-shadow: 5px 5px 9px rgba(0, 0, 0, 0.06); transition: 0.3s ease-in-out;}
.main_container .section.sen03 .new_energy_info_list_area .new_energy_info_slide_area .new_energy_slide .slick-list .slick-track li .box:hover,
.main_container .section.sen03 .new_energy_info_list_area .new_energy_info_slide_area .new_energy_slide .slick-list .slick-track li .box:focus {border: 1px solid #1a65b1; transform: translateY(-10px);}
.main_container .section.sen03 .new_energy_info_list_area .new_energy_info_slide_area .new_energy_slide .slick-list .slick-track li .box .img_area { position: relative; padding: 0 0 100%;}
.main_container .section.sen03 .new_energy_info_list_area .new_energy_info_slide_area .new_energy_slide .slick-list .slick-track li .box .img_area .img_inner { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;}
.main_container .section.sen03 .new_energy_info_list_area .new_energy_info_slide_area .new_energy_slide .slick-list .slick-track li .box .img_area .img_inner img {width: 100%; height: 100%; object-position: center; object-fit: cover;}
.main_container .section.sen03 .new_energy_info_list_area .new_energy_info_slide_area .new_energy_slide .slick-list .slick-track li .box .text_area {padding: 16px 20px;}
.main_container .section.sen03 .new_energy_info_list_area .new_energy_info_slide_area .new_energy_slide .slick-list .slick-track li .box .text_area .text {height: 48px; font-weight: 600; font-size: 18px; line-height: 24px; color: #444444; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; transition: 0.3s ease-in-out;}
.main_container .section.sen03 .new_energy_info_list_area .new_energy_info_slide_area .new_energy_slide .slick-list .slick-track li .box:hover .text_area .text,
.main_container .section.sen03 .new_energy_info_list_area .new_energy_info_slide_area .new_energy_slide .slick-list .slick-track li .box:focus .text_area .text {color: #1a65b1;}
.main_container .section.sen03 .new_energy_info_list_area .new_energy_info_slide_area .new_energy_slide .slick-arrow {position: absolute; top: 50%; display: block; width: 36px; height: 36px; border: 1px solid #bebebe; background-color: #ffffff; background-position: center; background-repeat: no-repeat; border-radius: 50%; transform: translateY(calc(-50% - 22px)); font-size: 0; z-index: 1; text-indent: -9999px; box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.11);}
.main_container .section.sen03 .new_energy_info_list_area .new_energy_info_slide_area .new_energy_slide .slick-arrow.slick-prev {left: -17px; background-image: url('/images/new_main/slide_prev.png');}
.main_container .section.sen03 .new_energy_info_list_area .new_energy_info_slide_area .new_energy_slide .slick-arrow.slick-next {right: -17px; background-image: url('/images/new_main/slide_next.png');}
.main_container .section.sen03 .new_energy_info_list_area .new_energy_info_slide_area .new_energy_slide .slick-arrow.slick-disabled {opacity: 0.8;}
.main_container .section.sen03 .new_energy_info_list_area .new_energy_info_slide_area .new_energy_slide .slick-dots {display: flex; align-items: center; justify-content: center; margin: 45px 0 0;}
.main_container .section.sen03 .new_energy_info_list_area .new_energy_info_slide_area .new_energy_slide .slick-dots li {width: 8px; height: 8px; margin: 0 10px 0 0; border-radius: 50%; transition: 0.3s ease-in-out;}
.main_container .section.sen03 .new_energy_info_list_area .new_energy_info_slide_area .new_energy_slide .slick-dots li:last-child {margin: 0;}
.main_container .section.sen03 .new_energy_info_list_area .new_energy_info_slide_area .new_energy_slide .slick-dots li.slick-active {width: 30px; border-radius: 10px;}
.main_container .section.sen03 .new_energy_info_list_area .new_energy_info_slide_area .new_energy_slide .slick-dots li button {display: block; width: 8px; height: 8px; background-color: #c2c2c2; border-radius: 50%; transition: 0.3s ease-in-out; text-indent: -9999px;}
.main_container .section.sen03 .new_energy_info_list_area .new_energy_info_slide_area .new_energy_slide .slick-dots li.slick-active button {width: 30px; background-color: #1a65b1; border-radius: 10px;}

@media screen and (max-width: 1440px) {
    .main_container .section.sen03 .new_energy_info_list_area .tab_list_area {margin: 0 0 30px;}
    .main_container .section.sen03 .new_energy_info_list_area .tab_list_area .list li {padding: 0 0 30px;}
    .main_container .section.sen03 .new_energy_info_list_area .tab_list_area .list li .tab_btn:before {bottom: -31px;}
    .main_container .section.sen03 .new_energy_info_list_area .tab_list_area .list li .tab_btn:after {bottom: -38px;}
    .main_container .section.sen03 .new_energy_info_list_area .tab_list_area .list li .tab_btn .text {font-size: 18px;}
    .main_container .section.sen03 .new_energy_info_list_area .new_energy_info_slide_area .new_energy_slide .slick-list {margin: -10px -35px -10px -10px;}
    .main_container .section.sen03 .new_energy_info_list_area .new_energy_info_slide_area .new_energy_slide .slick-list .slick-track li {margin: 0 35px 0 0;}
    .main_container .section.sen03 .new_energy_info_list_area .new_energy_info_slide_area .new_energy_slide .slick-list .slick-track li .box .text_area {padding: 15px;}
    .main_container .section.sen03 .new_energy_info_list_area .new_energy_info_slide_area .new_energy_slide .slick-list .slick-track li .box .text_area .text {height: 42px; font-size: 16px; line-height: 21px;}
    .main_container .section.sen03 .new_energy_info_list_area .new_energy_info_slide_area .new_energy_slide .slick-dots {margin: 40px 0 0;}
}

@media screen and (max-width: 1280px) {
    .main_container .section.sen03 .new_energy_info_list_area .tab_list_area .list li {padding: 0 0 25px;}
    .main_container .section.sen03 .new_energy_info_list_area .tab_list_area .list li .tab_btn {padding: 0 10px;}
    .main_container .section.sen03 .new_energy_info_list_area .tab_list_area .list li .tab_btn:before {bottom: -26px;}
    .main_container .section.sen03 .new_energy_info_list_area .tab_list_area .list li .tab_btn:after {bottom: -34px;}
    .main_container .section.sen03 .new_energy_info_list_area .new_energy_info_slide_area .new_energy_slide .slick-list {margin: -10px -25px -10px -10px;}
    .main_container .section.sen03 .new_energy_info_list_area .new_energy_info_slide_area .new_energy_slide .slick-list .slick-track li {margin: 0 25px 0 0;}
    .main_container .section.sen03 .new_energy_info_list_area .new_energy_info_slide_area .new_energy_slide .slick-dots {margin: 35px 0 0;}
}

@media screen and (max-width: 1024px) {
    .main_container .section.sen03 .new_energy_info_list_area .tab_list_area {display: flex; align-items: center; justify-content: space-between; margin: 0 0 25px; border-bottom: none;}
    .main_container .section.sen03 .new_energy_info_list_area .tab_list_area .list {display: none;}
    .main_container .section.sen03 .new_energy_info_list_area .tab_list_area .slt {display: block; width: calc(100% - 60px); height: 50px; border: 1px solid #dddddd; padding: 0 35px 0 15px; background-color: #ffffff; background-image: url('/images/new_main/slt_ico.png'); background-position: right 10px center; background-size: 20px auto; background-repeat: no-repeat; font-weight: 600; font-size: 16px; line-height: 24px; color: #666666; border-radius: 6px;}
    .main_container .section.sen03 .new_energy_info_list_area .tab_list_area .slt option {font-size: 14px; line-height: 21px;}
    .main_container .section.sen03 .new_energy_info_list_area .tab_list_area .link {display: inline-block; position: relative; top: initial; right: initial;}
    .main_container .section.sen03 .new_energy_info_list_area .new_energy_info_slide_area .new_energy_slide .slick-list {margin: -10px -20px -10px -10px;}
    .main_container .section.sen03 .new_energy_info_list_area .new_energy_info_slide_area .new_energy_slide .slick-list .slick-track li { margin: 0 20px 0 0;}
    .main_container .section.sen03 .new_energy_info_list_area .new_energy_info_slide_area .new_energy_slide .slick-list .slick-track li .box:hover,
    .main_container .section.sen03 .new_energy_info_list_area .new_energy_info_slide_area .new_energy_slide .slick-list .slick-track li .box:focus {transform: unset;}
    .main_container .section.sen03 .new_energy_info_list_area .new_energy_info_slide_area .new_energy_slide .slick-arrow.slick-prev {left: 10px;}
    .main_container .section.sen03 .new_energy_info_list_area .new_energy_info_slide_area .new_energy_slide .slick-arrow.slick-next {right: 10px;}

    .main_container .section.sen03 .new_energy_info_list_area .new_energy_info_slide_area .new_energy_slide .slick-list .slick-track li .box:hover,
    .main_container .section.sen03 .new_energy_info_list_area .new_energy_info_slide_area .new_energy_slide .slick-list .slick-track li .box:focus {border: 1px solid #e0e0e0;}

    .main_container .section.sen03 .new_energy_info_list_area .new_energy_info_slide_area .new_energy_slide .slick-list .slick-track li .box:hover .text_area .text,
    .main_container .section.sen03 .new_energy_info_list_area .new_energy_info_slide_area .new_energy_slide .slick-list .slick-track li .box:focus .text_area .text {color: #444444;}
}

@media screen and (max-width: 767px) {
    .main_container .section.sen03 .new_energy_info_list_area .tab_list_area {display: block; align-items: initial; justify-content: initial; margin: 0 0 20px;}
    .main_container .section.sen03 .new_energy_info_list_area .tab_list_area .slt {width: 100%;}
    .main_container .section.sen03 .new_energy_info_list_area .tab_list_area .link {position: absolute; top: -50px; right: 0;}
    .main_container .section.sen03 .new_energy_info_list_area .new_energy_info_slide_area .new_energy_slide .slick-list { margin: -10px -15px -10px -10px;}
    .main_container .section.sen03 .new_energy_info_list_area .new_energy_info_slide_area .new_energy_slide .slick-list .slick-track li { margin: 0 15px 0 0;}
}

@media screen and (max-width: 480px) {
    .main_container .section.sen03 .new_energy_info_list_area .tab_list_area .slt { height: 45px; padding: 0 32px 0 12px; background-position: right 7px center;font-size: 15px; line-height: 22px;}
}

/* 에너지 현황 */
.main_container .section.sen06 {}
.main_container .section.sen06 .real_time_energy_cont {}
.main_container .section.sen06 .real_time_energy_cont > .inner_box {display: flex; align-items: flex-start; justify-content: stretch;}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box {}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right {width: calc(50% - 45px);}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right > .title_area {margin: 0 0 37px;}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right > .title_area .title {font-weight: 600; font-size: 32px; color: #222222;}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right > .title_area .title .ft_s {margin: 0 0 0 25px; font-size: 16px; color: #888888;}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .total_list_area {margin: 0 0 48px; border-bottom: 1px solid #dbdbdb; padding: 0 0 44px;}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .total_list_area .list {display: flex; align-items: center; justify-content: space-between;}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .total_list_area .list li {margin: 0 45px 0 0;}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .total_list_area .list li:last-child {margin: 0;}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .total_list_area .list li .text_area {padding: 0 0 0 70px; background-position: left center; background-repeat: no-repeat;}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .total_list_area .list li .text_area.icon01 {background-image: url('/images/new_main/total_icon01.png');}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .total_list_area .list li .text_area.icon02 {background-image: url('/images/new_main/total_icon02.png');}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .total_list_area .list li .text_area.icon03 {background-image: url('/images/new_main/total_icon03.png');}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .total_list_area .list li .text_area .title {margin: 0 0 4px; font-weight: 500; font-size: 18px; color: #666666;}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .total_list_area .list li .text_area .text {font-weight: 700; font-size: 17px; color: #222222;}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont {padding: 0 35px;}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner {display: flex; align-items: flex-start; justify-content: space-between;}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box {}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.left {width: 333px; margin: 0 50px 0 0;}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.left .map_area {position: relative; width: 100%; max-width: 333px; font-size: 0;}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.left .map_area .map {}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.left .map_area .btn {display: inline-block; position: absolute; font-size: 0; transition: 0.3s ease-in-out;}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.left .map_area .btn.uj {top: 60px; right: 30px;}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.left .map_area .btn.ws {bottom: 198px; right: 15px;}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.left .map_area .btn.ws.active {bottom: 195px; right: 8px;}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.left .map_area .btn.yk {bottom: 155px; left: 52px;}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.left .map_area .btn.yk.active {bottom: 150px; left: 45px;}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.left .map_area .btn.su {bottom: 170px; right: 27px;}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.left .map_area .btn.su.active {bottom: 163px; right: 18px;}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.left .map_area .btn.kr {bottom: 123px; right: 35px;}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.left .map_area .btn.kr.active {bottom: 135px; right: 28px;}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.left .map_area .btn .text {display: inline-block; background-image: url('/images/new_main/map_pin.png'); background-repeat: no-repeat; font-weight: 500; font-size: 16px; line-height: 43px; color: #666666; transition: 0.3s ease-in-out;}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.left .map_area .btn.uj .text {padding: 0 0 0 26px; background-position: left bottom;}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.left .map_area .btn.uj.active .text {padding: 0 0 0 40px}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.left .map_area .btn.ws .text {padding: 0 26px 0 0; background-position: right bottom;}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.left .map_area .btn.ws.active .text {padding: 0 40px 0 0;}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.left .map_area .btn.yk .text {padding: 0 0 0 26px; background-position: left bottom;}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.left .map_area .btn.yk.active .text {padding: 0 0 0 40px;}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.left .map_area .btn.su .text {padding: 0 26px 0 0; background-position: right bottom;}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.left .map_area .btn.su.active .text {padding: 0 40px 0 0;}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.left .map_area .btn.kr .text {padding: 0 26px 0 0; background-position: right top;}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.left .map_area .btn.kr.active .text {padding: 0 40px 0 0;}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.left .map_area .btn.active .text {background-image: url('/images/new_main/map_pin_on.png'); color: #2462c8;}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.right {width: calc(100% - 383px); padding: 10px 0 0;}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.right .map_info_area {}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.right .map_info_area .tab_cont {}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.right .map_info_area .tab_cont .title_area {margin: 0 0 20px; border-bottom: 1px solid #dbdbdb; padding: 0 0 21px;}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.right .map_info_area .tab_cont .title_area .title {margin: 0 0 6px; font-weight: 700; font-size: 24px; color: #2462c8;}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.right .map_info_area .tab_cont .title_area .text {font-weight: 500; font-size: 16px; color: #888888;}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.right .map_info_area .tab_cont .map_info_list_area {}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.right .map_info_area .tab_cont .map_info_list_area .list {display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.right .map_info_area .tab_cont .map_info_list_area .list li {width: 50%; margin: 17px 0 0;}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.right .map_info_area .tab_cont .map_info_list_area .list li:nth-child(-n+2) {margin: 0;}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.right .map_info_area .tab_cont .map_info_list_area .list li .tit {margin: 0 0 2px; font-weight: 500; font-size: 18px; color: #666666;}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.right .map_info_area .tab_cont .map_info_list_area .list li .txt {font-weight: 500; font-size: 16px; color: #999999;}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left {width: calc(50% - 45px); margin: 0 90px 0 0;}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .supply_cont {}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .supply_cont > .title_area {margin: 0 0 37px;}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .supply_cont > .title_area .title {font-weight: 600; font-size: 32px; color: #222222;}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .supply_cont > .title_area .title .ft_s {margin: 0 0 0 25px; font-size: 16px; color: #888888;}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .supply_cont .supply_info_area {}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .supply_cont .supply_info_area .inner_box {display: flex; align-items: flex-start; justify-content: space-between;}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .supply_cont .supply_info_area .inner_box .box {}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .supply_cont .supply_info_area .inner_box .box.left {width: calc(50% - 25px); margin: 0 50px 0 0;}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .supply_cont .supply_info_area .inner_box .box.left .supply_list_area {}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .supply_cont .supply_info_area .inner_box .box.left .supply_list_area .list {display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .supply_cont .supply_info_area .inner_box .box.left .supply_list_area .list li {width: calc(50% - 20px); margin: 14px 40px 0 0;}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .supply_cont .supply_info_area .inner_box .box.left .supply_list_area .list li:nth-child(-n+2) {margin: 0 40px 0 0;}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .supply_cont .supply_info_area .inner_box .box.left .supply_list_area .list li:nth-child(2n) {margin: 14px 0 0;}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .supply_cont .supply_info_area .inner_box .box.left .supply_list_area .list li:nth-child(2) {margin: 0;}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .supply_cont .supply_info_area .inner_box .box.left .supply_list_area .list li .tit {font-weight: 500; font-size: 18px; color: #222222;}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .supply_cont .supply_info_area .inner_box .box.left .supply_list_area .list li .text {margin: 0 0 9px; font-weight: 500; font-size: 18px; color: #222222;}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .supply_cont .supply_info_area .inner_box .box.left .supply_list_area .list li .text.ft_c1 {color: #eb0000;}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .supply_cont .supply_info_area .inner_box .box.left .supply_list_area .list li .text.ft_c2 {color: #1a65b1;}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .supply_cont .supply_info_area .inner_box .box.left .supply_list_area .list li .text.ft_c3 {color: #6e1fc1;}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .supply_cont .supply_info_area .inner_box .box.left .supply_list_area .list li .text.ft_c4 {color: #358d4d;}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .supply_cont .supply_info_area .inner_box .box.left .supply_list_area .list li .bar {position: relative; width: 100%; height: 3px; background-color: #dddddd;}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .supply_cont .supply_info_area .inner_box .box.left .supply_list_area .list li .bar span {position: absolute; top: 0; left: 0; height: 3px;}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .supply_cont .supply_info_area .inner_box .box.left .supply_list_area .list li .bar span#bar1 {background-color: #eb0000;}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .supply_cont .supply_info_area .inner_box .box.left .supply_list_area .list li .bar span#bar2 {background-color: #1a65b1;}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .supply_cont .supply_info_area .inner_box .box.left .supply_list_area .list li .bar span#bar3 {background-color: #6e1fc1;}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .supply_cont .supply_info_area .inner_box .box.left .supply_list_area .list li .bar span#bar4 {background-color: #358d4d;}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .supply_cont .supply_info_area .inner_box .box.right {width: calc(50% - 25px);}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .supply_cont .supply_info_area .inner_box .box.right #myGauge {}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .supply_cont .supply_info_area .inner_box .box.right #myGauge #myGauge-wrapper {}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .supply_cont .supply_info_area .inner_box .box.right #myGauge #myGauge-wrapper #myGauge-top {}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .supply_cont .supply_info_area .inner_box .box.right #myGauge #myGauge-wrapper #myGauge-top .zc-svg {}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .major_cont {display: flex; align-items: center; justify-content: space-between;}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .major_cont.pc {}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .major_cont.m {display: none;}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .major_cont .tab_list_area {margin: 0 0 28px;}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .major_cont .tab_list_area .list {display: flex; align-items: center; justify-content: flex-start;}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .major_cont .tab_list_area .list li {position: relative; margin: 0 33px 0 0; padding: 0 34px 0 0;}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .major_cont .tab_list_area .list li:after {content: ''; position: absolute; top: 50%; right: 0; width: 1px; height: 21px; border-right: 1px dotted #888888; transform: translateY(calc(-50% - 6px));}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .major_cont .tab_list_area .list li:last-child {margin: 0; padding: 0;}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .major_cont .tab_list_area .list li:last-child:after {display: none;}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .major_cont .tab_list_area .list li .tab_btn {display: block; position: relative; padding: 0 0 8px; width: 100%;}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .major_cont .tab_list_area .list li.on .tab_btn:before {content: ''; position: absolute; bottom: 0; left: 50%; width: 9px; height: 5px; background-image: url('/images/new_main/tab_arr_icon.png'); background-position: center; background-repeat: no-repeat; transform: translateX(-50%);}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .major_cont .tab_list_area .list li .tab_btn .text {display: inline-block; font-weight: 600; font-size: 24px; color: #888888;}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .major_cont .tab_list_area .list li.on .tab_btn .text {font-size: 32px; color: #222222;}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .major_cont .major_chart_area {position: relative;}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .major_cont .major_chart_area .pop_chart {position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow-y: scroll; width: 100%; height: 100%; padding: 15px; background-color: #ffffff;}

.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .major_cont .major_chart_area .title_area {margin: 0 0 10px;}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .major_cont .major_chart_area .title_area .title {margin: 0 0 7px; font-weight: 600; font-size: 20px; color: #333333; text-align: center;}
.main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .major_cont .major_chart_area .title_area .text {font-weight: 400; font-size: 14px; color: #666666; text-align: right;}

@media screen and (max-width: 1440px) {
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right {width: calc(50% - 35px);}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right > .title_area {margin: 0 0 30px;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right > .title_area .title {font-size: 26px;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right > .title_area .title .ft_s {margin: 0 0 0 20px; font-size: 14px;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .total_list_area {margin: 0 0 40px; padding: 0 0 32px;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .total_list_area .list li {margin: 0 35px 0 0;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .total_list_area .list li .text_area {padding: 0 0 0 55px; background-size: 37px auto;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .total_list_area .list li .text_area .title {font-size: 16px;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .total_list_area .list li .text_area .text {font-size: 15px;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont {padding: 0 30px;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.left {width: 300px; margin: 0 40px 0 0;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.left .map_area {max-width: 300px;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.left .map_area .map img {width: 300px;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.left .map_area .btn.uj {top: 50px; right: 20px;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.left .map_area .btn.ws {bottom: 177px; right: 15px;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.left .map_area .btn.ws.active {bottom: 177px; right: 5px;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.left .map_area .btn.yk {bottom: 138px; left: 48px;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.left .map_area .btn.yk.active {bottom: 134px; left: 40px;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.left .map_area .btn.su {bottom: 152px; right: 20px;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.left .map_area .btn.su.active {bottom: 145px; right: 13px;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.left .map_area .btn.kr {bottom: 108px; right: 30px;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.left .map_area .btn.kr.active {bottom: 120px; right: 23px;}

    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.right {width: calc(100% - 340px);}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.right .map_info_area .tab_cont .title_area {margin: 0 0 15px; padding: 0 0 16px;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.right .map_info_area .tab_cont .title_area .title {font-size: 20px;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.right .map_info_area .tab_cont .title_area .text {font-size: 14px;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.right .map_info_area .tab_cont .map_info_list_area .list li {margin: 12px 0 0;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.right .map_info_area .tab_cont .map_info_list_area .list li .tit {font-size: 16px;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.right .map_info_area .tab_cont .map_info_list_area .list li .txt {font-size: 14px;}

    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left {width: calc(50% - 35px); margin: 0 70px 0 0;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .supply_cont > .title_area {margin: 0 0 30px;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .supply_cont > .title_area .title {font-size: 26px;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .supply_cont > .title_area .title .ft_s {margin: 0 0 0 20px; font-size: 14px;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .supply_cont .supply_info_area .inner_box .box.left {width: calc(50% - 20px); margin: 0 40px 0 0;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .supply_cont .supply_info_area .inner_box .box.left .supply_list_area .list li {width: calc(50% - 15px); margin: 10px 30px 0 0;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .supply_cont .supply_info_area .inner_box .box.left .supply_list_area .list li:nth-child(-n+2) {margin: 0 30px 0 0;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .supply_cont .supply_info_area .inner_box .box.left .supply_list_area .list li:nth-child(2n) {margin: 10px 0 0;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .supply_cont .supply_info_area .inner_box .box.left .supply_list_area .list li:nth-child(2) {margin: 0;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .supply_cont .supply_info_area .inner_box .box.left .supply_list_area .list li .tit {font-size: 16px; color: #666666;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .supply_cont .supply_info_area .inner_box .box.left .supply_list_area .list li .text {font-size: 16px;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .supply_cont .supply_info_area .inner_box .box.right {width: calc(50% - 20px);}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .supply_cont .supply_info_area .inner_box .box.right #myGauge {}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .supply_cont .supply_info_area .inner_box .box.right #myGauge #myGauge-wrapper {height: 180px !important;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .supply_cont .supply_info_area .inner_box .box.right #myGauge #myGauge-wrapper #myGauge-top {height: 180px !important;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .supply_cont .supply_info_area .inner_box .box.right #myGauge #myGauge-wrapper #myGauge-top .zc-svg {height: 180px !important;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .supply_cont .supply_info_area .inner_box .box.right #myGauge #myGauge-wrapper #myGauge-top img {height: 180px !important;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .major_cont {}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .major_cont .tab_list_area {margin: 0 0 20px;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .major_cont .tab_list_area .list li {margin: 0 28px 0 0; padding: 0 29px 0 0;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .major_cont .tab_list_area .list li:after {height: 17px;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .major_cont .tab_list_area .list li .tab_btn .text {font-size: 20px;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .major_cont .tab_list_area .list li.on .tab_btn .text {font-size: 26px;}
}

@media screen and (max-width: 1280px) {
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right {width: calc(50% - 25px);}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right > .title_area {margin: 0 0 25px;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right > .title_area .title {font-size: 22px;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .total_list_area {margin: 0 0 36px; padding: 0 0 28px;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .total_list_area .list li {margin: 0 15px 0 0;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .total_list_area .list li .text_area {padding: 0 0 0 50px; background-size: 30px auto;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont {padding: 0;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.left {width: 260px;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.left .map_area {max-width: 260px;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.left .map_area .map img {width: 260px;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.left .map_area .btn.uj {top: 35px; right: 20px;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.left .map_area .btn.ws {bottom: 155px; right: 10px;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.left .map_area .btn.ws.active {bottom: 155px; right: 5px;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.left .map_area .btn.yk {bottom: 120px; left: 43px;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.left .map_area .btn.yk.active {bottom: 115px; left: 36px;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.left .map_area .btn.su {bottom: 135px; right: 20px;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.left .map_area .btn.su.active {bottom: 128px; right: 10px;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.left .map_area .btn.kr {bottom: 87px; right: 27px;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.left .map_area .btn.kr.active {bottom: 100px; right: 20px;}

    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.left .map_area .btn .text {line-height: 43px; background-size: 15px auto;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.left .map_area .btn.active .text {background-size: 30px auto;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.left .map_area .btn.uj .text {padding: 0 0 0 20px;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.left .map_area .btn.uj.active .text {padding: 0 0 0 33px}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.left .map_area .btn.ws .text {padding: 0 20px 0 0;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.left .map_area .btn.ws.active .text {padding: 0 33px 0 0;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.left .map_area .btn.yk .text {padding: 0 0 0 20px;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.left .map_area .btn.yk.active .text {padding: 0 0 0 33px;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.left .map_area .btn.su .text {padding: 0 20px 0 0;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.left .map_area .btn.su.active .text {padding: 0 33px 0 0;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.left .map_area .btn.kr .text {padding: 0 20px 0 0;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.left .map_area .btn.kr.active .text {padding: 0 33px 0 0;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.right {width: calc(100% - 330px);}

    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left {width: calc(50% - 25px); margin: 0 50px 0 0;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .supply_cont > .title_area {margin: 0 0 25px;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .supply_cont > .title_area .title {font-size: 22px;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .supply_cont .supply_info_area .inner_box .box.left {width: calc(50% - 15px); margin: 0 30px 0 0;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .supply_cont .supply_info_area .inner_box .box.right {width: calc(50% - 15px);}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .supply_cont .supply_info_area .inner_box .box.right #myGauge {}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .supply_cont .supply_info_area .inner_box .box.right #myGauge #myGauge-wrapper {height: 160px !important;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .supply_cont .supply_info_area .inner_box .box.right #myGauge #myGauge-wrapper #myGauge-top {height: 160px !important;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .supply_cont .supply_info_area .inner_box .box.right #myGauge #myGauge-wrapper #myGauge-top .zc-svg {height: 160px !important;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .supply_cont .supply_info_area .inner_box .box.right #myGauge #myGauge-wrapper #myGauge-top img {height: 160px !important;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .major_cont .tab_list_area .list li {margin: 0 22px 0 0; padding: 0 23px 0 0;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .major_cont .tab_list_area .list li:after {height: 17px;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .major_cont .tab_list_area .list li .tab_btn .text {font-size: 18px;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .major_cont .tab_list_area .list li.on .tab_btn .text {font-size: 22px;}
}

@media screen and (max-width: 1024px) {
    .main_container .section.sen06 .real_time_energy_cont > .inner_box {display: block; align-items: initial; justify-content: initial;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right {width: 100%; margin: 0;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left {width: 100%; margin: 0 0 40px;}

    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .major_cont.pc {display: none;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .major_cont.m {display: block;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .major_cont .chartjs-render-monitor.m {display: block !important;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .major_cont .tab_list_area {margin: 0 0 50px;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .major_cont .tab_list_area .list {overflow: hidden; background-color: #f8f8f8; border-radius: 6px;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .major_cont .tab_list_area .list li {width: 50%; margin: 0; padding: 0;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .major_cont .tab_list_area .list li:after {display: none;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .major_cont .tab_list_area .list li .tab_btn {padding: 0;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .major_cont .tab_list_area .list li.on .tab_btn { background-color: #2462c8;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .major_cont .tab_list_area .list li .tab_btn:before {display: none;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .major_cont .tab_list_area .list li .tab_btn .text {line-height: 44px;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .major_cont .tab_list_area .list li.on .tab_btn .text {font-size: 18px; color: #ffffff;}

    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .supply_cont {margin: 0 0 30px;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .supply_cont .supply_info_area .inner_box {display: block; align-items: initial; justify-content: initial;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .supply_cont .supply_info_area .inner_box .box.left {width: 100%; margin: 0 0 30px;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .supply_cont .supply_info_area .inner_box .box.right {width: 100%;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .supply_cont .supply_info_area .inner_box .box.right #myGauge #myGauge-wrapper {height: 250px !important;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .supply_cont .supply_info_area .inner_box .box.right #myGauge #myGauge-wrapper #myGauge-top {position: initial !important; overflow: initial !important; height: 250px !important; margin: 0 auto;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .supply_cont .supply_info_area .inner_box .box.right #myGauge #myGauge-wrapper #myGauge-top .zc-svg {height: 250px !important;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .supply_cont .supply_info_area .inner_box .box.right #myGauge #myGauge-wrapper #myGauge-top img {position: initial !important; height: 250px !important; margin: 0 auto;}
}

@media screen and (max-width: 768px) {
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right {border-bottom: 1px solid #dbdbdb; padding: 0 0 30px;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .total_list_area {border-bottom: initial; padding: 0;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .total_list_area .list li {width: 33.3333%; margin: 0;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .total_list_area .list li .text_area {padding: 50px 0 0; background-position: top center; text-align: center;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.right .map_info_area .tab_cont .map_info_list_area .list li .tit {font-size: 20px;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner {}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.left {width: calc(40% - 10px); margin: 0 20px 0 0;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.left .map_area {max-width: 100%;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.left .map_area .map {display: none;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.left .map_area .btn {display: block; width: 100%; position: relative; top: initial !important; left: initial !important; right: initial !important; bottom: initial !important; margin: 0 0 10px; border: 1px solid #dddddd; padding: 0 30px 0 15px; text-align: left; border-radius: 6px;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.left .map_area .btn:after {content: ''; position: absolute; top: 50%; right: 10px; width: 24px; height: 24px; background-color: #f8f8f8; background-image: url('/images/new_main/slide_next.png'); background-position: center right 7px; background-repeat: no-repeat; border-radius: 50%; transform: translateY(-50%);}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.left .map_area .btn:last-child {margin: 0;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.left .map_area .btn.active {border: 1px solid #2462c8; background-color: #2462c8;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.left .map_area .btn .text {padding: 0 !important; background-image: initial;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.left .map_area .btn.active .text {padding: 0 !important; background-image: initial; color: #ffffff;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.right {width: calc(60% - 10px); padding: 0;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.right .map_cont .map_inner .box.right .map_info_area .tab_cont .map_info_list_area .list li .tit {font-size: 14px;}

    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left {margin: 0 0 30px;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .major_cont .tab_list_area .list li .tab_btn .text {font-size: 16px;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .major_cont .tab_list_area .list li.on .tab_btn .text {font-size: 16px;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .supply_cont {margin: 0 0 30px; border-bottom: 1px solid #dbdbdb; padding: 0 0 30px;}
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .supply_cont .supply_info_area .inner_box .box.left { margin: 0 0 20px;}
}

@media screen and (max-width: 480px) {
    .main_container .section.sen06 .real_time_energy_cont > .inner_box > .box.left .supply_cont .supply_info_area .inner_box .box.left { margin: 0 0 10px;}
}

.main_container .section.sen04 { background-image: url("/images/new_main/sen04_bg.png"); background-position: center; background-size: cover; background-repeat: no-repeat;}
.main_container .section.sen04 .container {}
.main_container .section.sen04 .container .board_cont {}
.main_container .section.sen04 .container .board_cont .inner_box {}
.main_container .section.sen04 .container .board_cont .inner_box > .box.top { margin: 0 0 83px;}
.main_container .section.sen04 .container .board_cont .inner_box > .box.bot {}
.main_container .section.sen04 .container .board_cont .inner_box > .box {}
.main_container .section.sen04 .container .board_cont .inner_box > .box > .row { display: flex; justify-content: space-between; align-items: flex-end; gap: 0 77px;}
.main_container .section.sen04 .container .board_cont .inner_box > .box .notice_area { flex : 1; padding: 4px 24px 24px; background-color: #ffffff; border-radius: 8px;}
.main_container .section.sen04 .container .board_cont .inner_box > .box .notice_area .title_area { display: flex; justify-content: space-between; align-items: center; margin: 0 0 18px; border-bottom: 1px solid #d6d7d9;}
.main_container .section.sen04 .container .board_cont .inner_box > .box .notice_area .title_area .notice_tab_area {}
.main_container .section.sen04 .container .board_cont .inner_box > .box .notice_area .title_area .notice_tab_area > .list { font-size: 0;}
.main_container .section.sen04 .container .board_cont .inner_box > .box .notice_area .title_area .notice_tab_area > .list > li { display: inline-block; margin: 0 22px 0 0; vertical-align: middle;}
.main_container .section.sen04 .container .board_cont .inner_box > .box .notice_area .title_area .notice_tab_area > .list > li:last-child { margin: 0;}
.main_container .section.sen04 .container .board_cont .inner_box > .box .notice_area .title_area .notice_tab_area > .list > li .tab_btn { display: block; position: relative; padding: 0 13px; text-align: center;}
.main_container .section.sen04 .container .board_cont .inner_box > .box .notice_area .title_area .notice_tab_area > .list > li .tab_btn::before { content: ''; position: absolute; bottom: -1px; left: 50%; transform: translateX(-50%); width: 0; height: 2px; background-color: #1a4da0; transition: all 0.3s ease-in-out;}
.main_container .section.sen04 .container .board_cont .inner_box > .box .notice_area .title_area .notice_tab_area > .list > li.on .tab_btn::before { width: 100%;}
.main_container .section.sen04 .container .board_cont .inner_box > .box .notice_area .title_area .notice_tab_area > .list > li .tab_btn .text { display: inline-block; font-weight: 600; font-size: 21px; line-height: 77px; color: #888888; transition: all 0.3s ease-in-out;}
.main_container .section.sen04 .container .board_cont .inner_box > .box .notice_area .title_area .notice_tab_area > .list > li .tab_btn:hover .text,
.main_container .section.sen04 .container .board_cont .inner_box > .box .notice_area .title_area .notice_tab_area > .list > li .tab_btn:focus .text { color: #144389;}
.main_container .section.sen04 .container .board_cont .inner_box > .box .notice_area .title_area .notice_tab_area > .list > li.on .tab_btn .text { font-weight: 700; color: #144389;}
.main_container .section.sen04 .container .board_cont .inner_box > .box .notice_area .title_area .com_link_btn {}
.main_container .section.sen04 .container .board_cont .inner_box > .box .notice_area .title_area .com_link_btn .text {color: #666666;}
.main_container .section.sen04 .container .board_cont .inner_box > .box .notice_area .notice_tab_cont { display: none;}
.main_container .section.sen04 .container .board_cont .inner_box > .box .notice_area .notice_tab_cont.on { display: block;}
.main_container .section.sen04 .container .board_cont .inner_box > .box .notice_area .notice_list_area {}
.main_container .section.sen04 .container .board_cont .inner_box > .box .notice_area .notice_list_area > .list {}
.main_container .section.sen04 .container .board_cont .inner_box > .box .notice_area .notice_list_area > .list > li {}
.main_container .section.sen04 .container .board_cont .inner_box > .box .notice_area .notice_list_area > .list > li:not(:nth-child(-n+6)) { display: none;}
.main_container .section.sen04 .container .board_cont .inner_box > .box .notice_area .notice_list_area > .list > li .box { position: relative; display: block; padding: 0 0 0 15px;}
.main_container .section.sen04 .container .board_cont .inner_box > .box .notice_area .notice_list_area > .list > li .box::before { content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 4px; height: 4px; background-color: #d6d7d9; border-radius: 50%;}
.main_container .section.sen04 .container .board_cont .inner_box > .box .notice_area .notice_list_area > .list > li .box .inner { display: flex; justify-content: space-between; align-items: center;}
.main_container .section.sen04 .container .board_cont .inner_box > .box .notice_area .notice_list_area > .list > li .box .inner .tit { font-weight: 600; font-size: 17px; line-height: 38px; color: #444444; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: keep-all;}
.main_container .section.sen04 .container .board_cont .inner_box > .box .notice_area .notice_list_area > .list > li .box:hover .inner .tit,
.main_container .section.sen04 .container .board_cont .inner_box > .box .notice_area .notice_list_area > .list > li .box:focus .inner .tit { text-decoration: underline;}
.main_container .section.sen04 .container .board_cont .inner_box > .box .notice_area .notice_list_area > .list > li .box .inner .new { width: 17px; height: 18px; margin: 0 0 0 14px;}
.main_container .section.sen04 .container .board_cont .inner_box > .box .notice_area .notice_list_area > .list > li .box .inner .date { flex: auto; padding: 0 0 0 20px; font-weight: 500; font-size: 14px; line-height: 38px; color: #999999; text-align: right; white-space: nowrap;}
.main_container .section.sen04 .container .board_cont .inner_box > .box .news_area { width: 657px;}
.main_container .section.sen04 .container .board_cont .inner_box > .box .news_area .title_area { display: flex; justify-content: space-between; align-items: center; margin: 0 0 20px;}
.main_container .section.sen04 .container .board_cont .inner_box > .box .news_area .title_area .title { font-weight: 600; font-size: 26px; line-height: 39px; color: #ffffff;}
.main_container .section.sen04 .container .board_cont .inner_box > .box .news_area .title_area .com_link_btn {}
.main_container .section.sen04 .container .board_cont .inner_box > .box .news_area .title_area .com_link_btn .text,
.main_container .section.sen04 .container .board_cont .inner_box > .box .news_area .title_area .com_link_btn .text::after { color: #c5e2ff;}
.main_container .section.sen04 .container .board_cont .inner_box > .box .news_area .news_list_area {}
.main_container .section.sen04 .container .board_cont .inner_box > .box .news_area .news_list_area > .list { font-size: 0;}
.main_container .section.sen04 .container .board_cont .inner_box > .box .news_area .news_list_area > .list > li { display: inline-block; width: calc(50% - 10px); margin: 0 0 0 20px; vertical-align: top;}
.main_container .section.sen04 .container .board_cont .inner_box > .box .news_area .news_list_area > .list > li:first-child { margin: 0;}
.main_container .section.sen04 .container .board_cont .inner_box > .box .news_area .news_list_area > .list > li:not(:nth-child(-n+2)) { display: none;}
.main_container .section.sen04 .container .board_cont .inner_box > .box .news_area .news_list_area > .list > li .box { display: block; position: relative; overflow: hidden; padding: 0 0 85%; border-radius: 6px; transition: all 0.3s ease-in-out;}
.main_container .section.sen04 .container .board_cont .inner_box > .box .news_area .news_list_area > .list > li .box:hover,
.main_container .section.sen04 .container .board_cont .inner_box > .box .news_area .news_list_area > .list > li .box:focus { transform: translateY(-10px); box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);}
.main_container .section.sen04 .container .board_cont .inner_box > .box .news_area .news_list_area > .list > li .box .inner { display: flex; justify-content: flex-end; align-items: stretch; flex-direction: column; position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 12px 20px;}
.main_container .section.sen04 .container .board_cont .inner_box > .box .news_area .news_list_area > .list > li .box .img_area { position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.main_container .section.sen04 .container .board_cont .inner_box > .box .news_area .news_list_area > .list > li .box .img_area::before { content: ''; position: absolute; right: 0; bottom: 0; left: 0; width: 100%; height: 85%; background-image: linear-gradient(to bottom, transparent 0%, rgba(1, 2, 2, 0.7) 100%); z-index: 1;}
.main_container .section.sen04 .container .board_cont .inner_box > .box .news_area .news_list_area > .list > li .box .img_area img { display: block; width: 100%; height: 100%; object-position: center; object-fit: cover;}
.main_container .section.sen04 .container .board_cont .inner_box > .box .news_area .news_list_area > .list > li .box .text_area { position: relative; z-index: 1;}
.main_container .section.sen04 .container .board_cont .inner_box > .box .news_area .news_list_area > .list > li .box .text_area .tit { margin: 0 0 5px; max-height: calc(24px * 2); font-weight: 500; font-size: 18px; line-height: 24px; color: #f7f7fb; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: keep-all;}
.main_container .section.sen04 .container .board_cont .inner_box > .box .news_area .news_list_area > .list > li .box .text_area .date { font-weight: 500; font-size: 14px; line-height: 26px; color: rgba(255, 255, 255, 0.5);}
.main_container .section.sen04 .container .board_cont .inner_box > .box .global_notice_area { position: relative; height: 150px; padding: 0 27px 0 40px; background-image: url("/images/new_main/global_notice_bg.png"); background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 8px;}
.main_container .section.sen04 .container .board_cont .inner_box > .box .global_notice_area .row { display: flex; justify-content: space-between; align-items: flex-start; margin: -27px 0 0; padding: 27px 0 0;}
.main_container .section.sen04 .container .board_cont .inner_box > .box .global_notice_area .row .title_area { width: 252px;}
.main_container .section.sen04 .container .board_cont .inner_box > .box .global_notice_area .row .title_area .title { margin: 0 0 23px; font-weight: 700; font-size: 25px; line-height: 44px; color: #ffffff;}
.main_container .section.sen04 .container .board_cont .inner_box > .box .global_notice_area .row .title_area .com_link_btn {}
.main_container .section.sen04 .container .board_cont .inner_box > .box .global_notice_area .row .title_area .com_link_btn .text,
.main_container .section.sen04 .container .board_cont .inner_box > .box .global_notice_area .row .title_area .com_link_btn .text::after { color: #5592e6;}
.main_container .section.sen04 .container .board_cont .inner_box > .box .global_notice_area .row .global_notice_list_area { flex: 1; background-color: #ffffff; border-radius: 8px;}
.main_container .section.sen04 .container .board_cont .inner_box > .box .global_notice_area .row .global_notice_list_area .list { display: flex; justify-content: space-between; align-items: stretch;}
.main_container .section.sen04 .container .board_cont .inner_box > .box .global_notice_area .row .global_notice_list_area .list li { display: inline-block; width: 33.333%; vertical-align: top;}
.main_container .section.sen04 .container .board_cont .inner_box > .box .global_notice_area .row .global_notice_list_area .list li:not(:nth-child(-n+3)) { display: none;}
.main_container .section.sen04 .container .board_cont .inner_box > .box .global_notice_area .row .global_notice_list_area .list li > .box { display: block; position: relative; padding: 26px 30px;}
.main_container .section.sen04 .container .board_cont .inner_box > .box .global_notice_area .row .global_notice_list_area .list li > .box::before { content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 1px; height: 106px; border-left: 1px dashed #d6d6d6;}
.main_container .section.sen04 .container .board_cont .inner_box > .box .global_notice_area .row .global_notice_list_area .list li:first-child .box::before { display: none;}
.main_container .section.sen04 .container .board_cont .inner_box > .box .global_notice_area .row .global_notice_list_area .list li > .box .inner {}
.main_container .section.sen04 .container .board_cont .inner_box > .box .global_notice_area .row .global_notice_list_area .list li > .box .inner .tit { height: calc(26px * 2); margin: 0 0 26px; font-weight: 600; font-size: 21px; line-height: 26px; color: #444444; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: keep-all;}
.main_container .section.sen04 .container .board_cont .inner_box > .box .global_notice_area .row .global_notice_list_area .list li > .box:hover .inner .tit,
.main_container .section.sen04 .container .board_cont .inner_box > .box .global_notice_area .row .global_notice_list_area .list li > .box:focus .inner .tit { text-decoration: underline;}
.main_container .section.sen04 .container .board_cont .inner_box > .box .global_notice_area .row .global_notice_list_area .list li > .box .inner .date { font-weight: 500; font-size: 15px; line-height: 20px; color: #999999;}

.main_container .section.sen05 { background-image: url("/images/new_main/sen05_bg.png"); background-position: center; background-size: cover; background-repeat: no-repeat;}
.main_container .section.sen05 .container {}
.main_container .section.sen05 .container .main_title_area { text-align: left;}
.main_container .section.sen05 .container .policy_info_cont {}
.main_container .section.sen05 .container .policy_info_cont .policy_slt_area { margin: 0 0 36px;}
.main_container .section.sen05 .container .policy_info_cont .policy_slt_area .inner_box { display: flex; justify-content: space-between; align-items: center;}
.main_container .section.sen05 .container .policy_info_cont .policy_slt_area .inner_box .policy_slt_list_area { display: flex; gap: 10px;}
.main_container .section.sen05 .container .policy_info_cont .policy_slt_area .inner_box .policy_slt_list_area .policy_slt_list { font-size: 0;}
.main_container .section.sen05 .container .policy_info_cont .policy_slt_area .inner_box .policy_slt_list_area .policy_slt_list > li { display: inline-block; margin: 0 10px 0 0; vertical-align: middle;}
.main_container .section.sen05 .container .policy_info_cont .policy_slt_area .inner_box .policy_slt_list_area .policy_slt_list > li:last-child { margin: 0;}
.main_container .section.sen05 .container .policy_info_cont .policy_slt_area .inner_box .policy_slt_list_area .policy_slt_list > li .policy_slt { display: block; width: 200px; height: 66px; border: 1px solid #dddddd; padding: 0 45px 0 25px; background-color: #ffffff; background-image: url("/images/new_main/slt_ico.png"); background-position: right 15px center; background-repeat: no-repeat; font-weight: 600; font-size: 20px; line-height: 30px; color: #666666; border-radius: 6px;}
.main_container .section.sen05 .container .policy_info_cont .policy_slt_area .inner_box .policy_slt_list_area .policy_slt_list > li .policy_slt option { font-size: 18px;}
.main_container .section.sen05 .container .policy_info_cont .policy_slt_area .inner_box .policy_slt_list_area .policy_sch_btn { display: block; border: 1px solid #26a751; padding: 0 32px; background-color: #26a751; text-align: center; border-radius: 6px; transition: all 0.3s ease-in-out;}
.main_container .section.sen05 .container .policy_info_cont .policy_slt_area .inner_box .policy_slt_list_area .policy_sch_btn:hover,
.main_container .section.sen05 .container .policy_info_cont .policy_slt_area .inner_box .policy_slt_list_area .policy_sch_btn:focus { background-color: #ffffff;}
.main_container .section.sen05 .container .policy_info_cont .policy_slt_area .inner_box .policy_slt_list_area .policy_sch_btn .text { display: inline-block; font-weight: 600; font-size: 22px; line-height: 64px; color: #ffffff;}
.main_container .section.sen05 .container .policy_info_cont .policy_slt_area .inner_box .policy_slt_list_area .policy_sch_btn:hover .text,
.main_container .section.sen05 .container .policy_info_cont .policy_slt_area .inner_box .policy_slt_list_area .policy_sch_btn:focus .text { color: #26a751;}
.main_container .section.sen05 .container .policy_info_cont .policy_slt_area .inner_box .com_link_btn .text,
.main_container .section.sen05 .container .policy_info_cont .policy_slt_area .inner_box .com_link_btn .text:before { color: #bebebe;}
.main_container .section.sen05 .container .policy_info_cont .policy_cont_area {}
.main_container .section.sen05 .container .policy_info_cont .policy_cont_area .text_area { margin: 0 0 36px;}
.main_container .section.sen05 .container .policy_info_cont .policy_cont_area .text_area > .text { font-weight: 600; font-size: 26px; line-height: 39px; color: #ffffff;}
.main_container .section.sen05 .container .policy_info_cont .policy_cont_area .text_area > .text .num { color: #26a751;}
.main_container .section.sen05 .container .policy_info_cont .policy_cont_area .policy_info_slide_area {}
.main_container .section.sen05 .container .policy_info_cont .policy_cont_area .policy_info_slide_area #policy_info_slide { position: relative;}
.main_container .section.sen05 .container .policy_info_cont .policy_cont_area .policy_info_slide_area #policy_info_slide .slick-list { overflow: hidden; margin: -28px; padding: 28px 0 28px 28px; border-radius: 4px;}
.main_container .section.sen05 .container .policy_info_cont .policy_cont_area .policy_info_slide_area #policy_info_slide .slick-list li { margin: 0 28px 0 0;}
.main_container .section.sen05 .container .policy_info_cont .policy_cont_area .policy_info_slide_area #policy_info_slide .slick-list li .box { display: block; position: relative; padding: 20px; background-color: #ffffff; border-radius: 6px; transition: all 0.3s ease-in-out;}
.main_container .section.sen05 .container .policy_info_cont .policy_cont_area .policy_info_slide_area #policy_info_slide .slick-list li.curating__con.on .box { opacity: 0.6;}
.main_container .section.sen05 .container .policy_info_cont .policy_cont_area .policy_info_slide_area #policy_info_slide .slick-list li .box:hover,
.main_container .section.sen05 .container .policy_info_cont .policy_cont_area .policy_info_slide_area #policy_info_slide .slick-list li .box:focus { box-shadow: 0 0 0 3px #26a751; transform: translateY(-10px);}
.main_container .section.sen05 .container .policy_info_cont .policy_cont_area .policy_info_slide_area #policy_info_slide .slick-list li .box .inner_box {}
.main_container .section.sen05 .container .policy_info_cont .policy_cont_area .policy_info_slide_area #policy_info_slide .slick-list li .box .inner_box .title_area {}
.main_container .section.sen05 .container .policy_info_cont .policy_cont_area .policy_info_slide_area #policy_info_slide .slick-list li .box .inner_box .title_area .inner { display: flex; justify-content: space-between; align-items: center;}
.main_container .section.sen05 .container .policy_info_cont .policy_cont_area .policy_info_slide_area #policy_info_slide .slick-list li .box .inner_box .title_area .inner .img_area { width: 80px; height: 80px; border: 1px solid #dbdbdb; padding: 4px; border-radius: 4px; box-sizing: border-box;}
.main_container .section.sen05 .container .policy_info_cont .policy_cont_area .policy_info_slide_area #policy_info_slide .slick-list li .box .inner_box .title_area .inner .img_area .img_inner { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%;}
.main_container .section.sen05 .container .policy_info_cont .policy_cont_area .policy_info_slide_area #policy_info_slide .slick-list li .box .inner_box .title_area .inner .img_area .img_inner img { width: 100%; height: 100%;}
.main_container .section.sen05 .container .policy_info_cont .policy_cont_area .policy_info_slide_area #policy_info_slide .slick-list li .box .inner_box .title_area .inner .txt_area { flex: 1; padding: 0 0 0 20px; overflow: hidden;}
.main_container .section.sen05 .container .policy_info_cont .policy_cont_area .policy_info_slide_area #policy_info_slide .slick-list li .box .inner_box .title_area .inner .txt_area .mark { overflow: hidden; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; margin: 0 0 6px; font-weight: 500; font-size: 18px; line-height: 26px; color: #158e3d;}
.main_container .section.sen05 .container .policy_info_cont .policy_cont_area .policy_info_slide_area #policy_info_slide .slick-list li .box .inner_box .title_area .inner .txt_area .tit { height: calc(24px * 2); font-weight: 500; font-size: 20px; line-height: 24px; color: #222222; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all;}
.main_container .section.sen05 .container .policy_info_cont .policy_cont_area .policy_info_slide_area #policy_info_slide .slick-list li .box .inner_box .info_txt_area { margin: 20px 0 0; border-top: 1px solid #e9e9e9; padding: 20px 0 0;}
.main_container .section.sen05 .container .policy_info_cont .policy_cont_area .policy_info_slide_area #policy_info_slide .slick-list li .box .inner_box .info_txt_area > .list {}
.main_container .section.sen05 .container .policy_info_cont .policy_cont_area .policy_info_slide_area #policy_info_slide .slick-list li .box .inner_box .info_txt_area > .list > li { margin: 0 0 20px;}
.main_container .section.sen05 .container .policy_info_cont .policy_cont_area .policy_info_slide_area #policy_info_slide .slick-list li .box .inner_box .info_txt_area > .list > li:last-child { margin: 0;}
.main_container .section.sen05 .container .policy_info_cont .policy_cont_area .policy_info_slide_area #policy_info_slide .slick-list li .box .inner_box .info_txt_area > .list > li .tit { margin: 0 0 10px; font-weight: 500; font-size: 20px; line-height: 24px; color: #222222;}
.main_container .section.sen05 .container .policy_info_cont .policy_cont_area .policy_info_slide_area #policy_info_slide .slick-list li .box .inner_box .info_txt_area > .list > li .txt { font-weight: 500; font-size: 16px; line-height: 26px; color: #999999; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all;}
.main_container .section.sen05 .container .policy_info_cont .policy_cont_area .policy_info_slide_area #policy_info_slide .slick-arrow { position: absolute; top: 50%; display: block; width: 36px; height: 36px; border: 1px solid #bebebe; background-color: #ffffff; background-position: center; background-repeat: no-repeat; border-radius: 50%; transform: translateY(-50%); font-size: 0; z-index: 1; text-indent: -9999px; box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.11);}
.main_container .section.sen05 .container .policy_info_cont .policy_cont_area .policy_info_slide_area #policy_info_slide .slick-arrow.slick-prev { left: -17px; background-image: url('/images/new_main/slide_prev.png');}
.main_container .section.sen05 .container .policy_info_cont .policy_cont_area .policy_info_slide_area #policy_info_slide .slick-arrow.slick-next { right: -17px; background-image: url('/images/new_main/slide_next.png');}
.main_container .section.sen05 .container .policy_info_cont .policy_cont_area .policy_info_slide_area #policy_info_slide .slick-arrow.slick-disabled { opacity: 0.8;}
.main_container .section.sen05 .container .policy_info_cont .policy_cont_area .policy_info_slide_area .no_date_area { width: 100%; height: 380px;}
.main_container .section.sen05 .container .policy_info_cont .policy_cont_area .policy_info_slide_area .no_date_area .inner_box { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; padding: 20px; box-sizing: border-box;}
.main_container .section.sen05 .container .policy_info_cont .policy_cont_area .policy_info_slide_area .no_date_area .inner_box .txt { font-weight: 600; font-size: 24px; line-height: 36px; color: #ffffff;}

.main_container .section.sen07 { background-image: url("/images/new_main/sen07_bg.png"); background-position: center; background-size: cover; background-repeat: no-repeat;}
.main_container .section.sen07 .container {}
.main_container .section.sen07 .container .sns_cont {}
.main_container .section.sen07 .container .sns_cont .sns_tab_area { margin: 0 0 68px; text-align: center;}
.main_container .section.sen07 .container .sns_cont .sns_tab_area > .list { font-size: 0;}
.main_container .section.sen07 .container .sns_cont .sns_tab_area > .list > li { display: inline-block; margin: 0 20px 0 0; vertical-align: middle;}
.main_container .section.sen07 .container .sns_cont .sns_tab_area > .list > li:last-child { margin: 0;}
.main_container .section.sen07 .container .sns_cont .sns_tab_area > .list > li .sns_tab_btn { display: flex; justify-content: center; align-items: center; width: 46px; height: 46px; background-color: rgba(255, 255, 255, 0.2); border-radius: 50%;}
.main_container .section.sen07 .container .sns_cont .sns_tab_area > .list > li .sns_tab_btn.item01:hover { background-color: #e53939;}
.main_container .section.sen07 .container .sns_cont .sns_tab_area > .list > li .sns_tab_btn.item02:hover { background-color: #3366cc;}
.main_container .section.sen07 .container .sns_cont .sns_tab_area > .list > li .sns_tab_btn.item03:hover { background-color: #358d4d;}
.main_container .section.sen07 .container .sns_cont .sns_tab_area > .list > li .sns_tab_btn.item04:hover { background-image: radial-gradient(circle at 0% 110%, #ffdb8b 0%, #ee653d 25%, #d42e81 50%, #a237b6 75%, #3e57bc 100%);}
.main_container .section.sen07 .container .sns_cont .sns_slide_area {}
.main_container .section.sen07 .container .sns_cont .sns_slide_area .sns_slide {position: relative; padding: 0 25px;}
.main_container .section.sen07 .container .sns_cont .sns_slide_area .sns_slide .slick-list { margin: -10px -23px -10px -10px; padding: 10px 0 10px 10px; border-radius: 6px;}
.main_container .section.sen07 .container .sns_cont .sns_slide_area .sns_slide .slick-list li { margin: 0 25px 0 0;}
.main_container .section.sen07 .container .sns_cont .sns_slide_area .sns_slide .slick-list li:not(.slick-active) .box .inner_box .img_area {box-shadow: initial;}
.main_container .section.sen07 .container .sns_cont .sns_slide_area .sns_slide .slick-list li .box { display: block; transition: all 0.3s ease-in-out;}
.main_container .section.sen07 .container .sns_cont .sns_slide_area .sns_slide .slick-list li .box:hover,
.main_container .section.sen07 .container .sns_cont .sns_slide_area .sns_slide .slick-list li .box:focus { transform: translateY(-10px);}
.main_container .section.sen07 .container .sns_cont .sns_slide_area .sns_slide .slick-list li .box .inner_box {position: relative;}
.main_container .section.sen07 .container .sns_cont .sns_slide_area .sns_slide .slick-list li .box .inner_box .img_area { position: relative; overflow: hidden; padding: 0 0 100%; border-radius: 40px; box-shadow: 0 5px 9px 0 rgba(0, 0, 0, 0.06); z-index: 0;}
.main_container .section.sen07 .container .sns_cont .sns_slide_area .sns_slide .slick-list li .box .inner_box .img_area:before { content: ""; position: absolute; top: 15px; right: 25px; z-index: 1; width: 100%; max-width: 40px; height: 100%; max-height: 28px; background: url("/images/sub/sns_ytb.png") no-repeat center/100% auto;}
.main_container .section.sen07 .container .sns_cont .sns_slide_area .sns_slide .slick-list li .box .inner_box .img_area.in:before {background: url("/images/sub/sns_insta.png") no-repeat center/100% auto;}
.main_container .section.sen07 .container .sns_cont .sns_slide_area .sns_slide .slick-list li .box .inner_box .img_area.nb:before {background: url("/images/sub/sns_blog.png") no-repeat center/100% auto;}
.main_container .section.sen07 .container .sns_cont .sns_slide_area .sns_slide .slick-list li .box .inner_box .img_area .img_inner { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;}
.main_container .section.sen07 .container .sns_cont .sns_slide_area .sns_slide .slick-list li .box .inner_box .img_area .img_inner img { display: block; width: 100%; height: 100%; object-position: center; object-fit: cover;}
.main_container .section.sen07 .container .sns_cont .sns_slide_area .sns_slide .slick-list li .box .inner_box .img_area .img_inner iframe { position: relative; z-index: 11;}
.main_container .section.sen07 .container .sns_cont .sns_slide_area .sns_slide .slick-list li .box .inner_box .tit_area { margin: 25px 0 0;}
.main_container .section.sen07 .container .sns_cont .sns_slide_area .sns_slide .slick-list li .box .inner_box .tit_area .tit { height: calc(26px * 2); font-weight: 700; font-size: 20px; line-height: 26px; color: #ffffff; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: keep-all;}

.main_container .section.sen07 .container .sns_cont .sns_slide_area .sns_slide .slick-list li .box .inner_box .video_btn_area {margin: 10px 0 0;}
.main_container .section.sen07 .container .sns_cont .sns_slide_area .sns_slide .slick-list li .box .inner_box .video_btn_area button {padding: 0 10px; background-color: #3366cc; font-weight: 500; font-size: 16px; line-height: 30px; color: #ffffff; border-radius: 6px;}
.main_container .section.sen07 .container .sns_cont .sns_slide_area .sns_slide .slick-list li .box .inner_box .pop_txt_cont {display: none; position: absolute; bottom: 0; left: 0; right: 0; overflow: hidden; overflow-y: auto; width: 100%; height: 30%; margin: 10px 0 0; padding: 16px; background-color: #ffffff; border-radius: 6px; box-sizing: border-box; z-index: 1;}
.main_container .section.sen07 .container .sns_cont .sns_slide_area .sns_slide .slick-list li .box .inner_box .pop_txt_cont:focus {border: 2px solid #000000;}
.main_container .section.sen07 .container .sns_cont .sns_slide_area .sns_slide .slick-list li .box .inner_box .pop_txt_cont .text {font-weight: 400; font-size: 14px; color: #222222;}

.main_container .section.sen07 .container .sns_cont .sns_slide_area .sns_slide .slick-arrow { position: absolute; top: 50%; display: block; width: 36px; height: 36px; border: 1px solid #bebebe; background-color: #ffffff; background-position: center; background-repeat: no-repeat; border-radius: 50%; transform: translateY(calc(-50% - 52px - 25px + 18px - 10px)); font-size: 0; z-index: 1; text-indent: -9999px; box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.11);}
.main_container .section.sen07 .container .sns_cont .sns_slide_area .sns_slide .slick-arrow.slick-prev { left: 10px; background-image: url('/images/new_main/slide_prev.png');}
.main_container .section.sen07 .container .sns_cont .sns_slide_area .sns_slide .slick-arrow.slick-next { right: 10px; background-image: url('/images/new_main/slide_next.png');}
.main_container .section.sen07 .container .sns_cont .sns_slide_area .sns_slide .slick-arrow.slick-disabled { opacity: 0.8;}
.main_container .section.sen07 .container .sns_cont .sns_slide_area .sns_slide .slick-dots { margin: 67px 0 0; font-size: 0; text-align: center;}
.main_container .section.sen07 .container .sns_cont .sns_slide_area .sns_slide .slick-dots li { display: inline-block; margin: 0 10px 0 0; vertical-align: middle;}
.main_container .section.sen07 .container .sns_cont .sns_slide_area .sns_slide .slick-dots li:last-child { margin: 0;}
.main_container .section.sen07 .container .sns_cont .sns_slide_area .sns_slide .slick-dots li button { display: block; width: 8px; height: 8px; background-color: rgba(255, 255, 255, 0.5); border-radius: 50%; text-indent: -9999px; transition: all 0.3s ease-in-out;}
.main_container .section.sen07 .container .sns_cont .sns_slide_area .sns_slide .slick-dots li.slick-active button { width: 30px; background-color: #ffde00; border-radius: 4px;}

.main_container .section.sen08{background-image: url('/images/sub/sub_main_bg.jpg');background-position: center;background-size: cover;background-repeat: no-repeat;}
.main_container .section.sen08 .container .main_title_area{margin: 0 0 5.28vh;}
.main_container .section.sen08 .container .main_title_area .title{padding-bottom: 0.78125vw;font-size: clamp(28px, 4.8vh, 52px);font-weight: 600;line-height: 1.3;color:#fff;}
.section.sen08 .main_title_area p{font-size: clamp(16px, 2.04vh, 22px);color:#fff;opacity: .5;}
.section.sen08 .standard-data{display: flex;flex-wrap: wrap;}
.section.sen08 .item{flex: auto;width: 50%;}
.section.sen08 .ai-wrap{padding-right: 3.13vw;}
.section.sen08 .info-wrap{padding-left: 3.13vw;border-left: 1px solid rgba(255, 255, 255, .5);}
.section.sen08 .chat-wrap{position: relative;overflow: hidden;height: calc(100% - 45px);border-radius: 16px;background:#fff;}
.section.sen08 .standard-data .title{padding-bottom: 2.41vh;font-size: clamp(18px, 2.31vh, 25px);font-weight: 600;color: #fff;}
.section.sen08 .chat-wrap .top{padding: 3.24vh 1.15vw 2.78vh;}
.section.sen08 .chat-wrap .top span{padding: 10px 0 10px 57px;font-size: clamp(16px, 1.85vh, 20px);font-weight: 600;color: #222222;background-image: url(/images/new_main/enerbee-ic.png);background-repeat: no-repeat;background-position: 0 50%;}
.section.sen08 .chat-wrap .cont{overflow-y: auto; max-height: 313px;padding: 0 22px;}
.section.sen08 .chat-wrap li{padding: 2.04vh;border-radius: 13px;background:#efefef;}
.section.sen08 .chat-wrap li + li{margin-top: 15px;}
.section.sen08 .chat-wrap li p{font-size: clamp(15px, 1.67vh, 18px);font-weight: 600;color: #444444;background-image: url(/images/new_main/chat-ic.png);background-repeat: no-repeat;}
.section.sen08 .chat-wrap li.ai{border-top-left-radius: 0;}
.section.sen08 .chat-wrap li.me{border-top-right-radius: 0;text-align: right;}
.section.sen08 .chat-wrap li.ai p{padding-left: 40px;background-position: top 2px left;}
.section.sen08 .chat-wrap li.me p{padding-right: 40px;background-position: top 2px right;}
.section.sen08 .chat-wrap .write-box{position: absolute;bottom: 0;left: 0;width: 100%;height: 7.6vh;background-color: #fff;}
.section.sen08 .write-box input{width: 100%;height: 100%; padding: 0 88px 0 30px;box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08), 0 2px 6px rgba(0, 0, 0, 0.04); font-size: clamp(16px, 1.85vh, 20px);font-weight: 600;color: #666666;}
.section.sen08 .write-box button{position: absolute;top: 50%;transform: translateY(-50%);right: 23px;width: 4.8vh;height: 4.8vh;border-radius: 100%; background: url(/images/new_main/chat-send-ic.png) no-repeat center, linear-gradient(to right, #338949, #3BAD62);background-size: 2.6vh 2.6vh, 100% 100%;}
.section.sen08 .info-wrap .list > ul > li{border-radius: 13px;background:rgba(0,0,0,.3)}
.section.sen08 .info-wrap .list > ul > li + li{margin-top: 10px;}
.section.sen08 .info-wrap .list > ul > li.on{border: 1px solid rgba(255, 232, 124, .7);background:rgba(0,0,0,.7)}
.section.sen08 .info-wrap button{position: relative;width: 100%;/*height:77px;*/height: 7.13vh;padding: 0 clamp(14px, 1.56vw, 30px);  font-size: clamp(15px, 1.94vh, 21px); font-weight: 600;color: #fff; text-align: left;transition: font-size .3s ease, color .3s ease;}
.section.sen08 .info-wrap .on button{font-size: clamp(16px, 2.22vh, 24px);color:#ffd200}
.section.sen08 .info-wrap button:after{content:'';position: absolute;top: 50%;transform: translateY(-50%);right: 22px;width: 3.33vh;height: 3.33vh;border-radius: 100%;background-color:#fff;background-image: url(/images/new_main/standard-data-info-btn-ic.png);background-repeat: no-repeat;background-position: center; transition: transform .3s ease;}
.section.sen08 .info-wrap .on button:after{transform: translateY(-50%) rotate(180deg);background-color: #ffd200;}
.section.sen08 .info-wrap button span{padding: 5px 0 5px 57px;background-repeat: no-repeat;background-position: 0 50%;}
.section.sen08 .info-wrap button span.type1{background-image: url(/images/new_main/standard-data-info-ic1.png)}
.section.sen08 .info-wrap button span.type2{background-image: url(/images/new_main/standard-data-info-ic2.png)}
.section.sen08 .info-wrap button span.type3{background-image: url(/images/new_main/standard-data-info-ic3.png)}
.section.sen08 .info-wrap button span.type4{background-image: url(/images/new_main/standard-data-info-ic4.png)}
.section.sen08 .info-wrap .on button span.type1{background-image: url(/images/new_main/standard-data-info-on-ic1.png)}
.section.sen08 .info-wrap .on button span.type2{background-image: url(/images/new_main/standard-data-info-on-ic2.png)}
.section.sen08 .info-wrap .on button span.type3{background-image: url(/images/new_main/standard-data-info-on-ic3.png)}
.section.sen08 .info-wrap .on button span.type4{background-image: url(/images/new_main/standard-data-info-on-ic4.png)}
.section.sen08 .info-wrap .con-box{overflow: hidden;max-height: 0;margin: 0 24px;padding: 0 8px;border-top: 1px solid rgba(255,255,255,.3);opacity: 0;transition: max-height .35s ease, padding .35s ease, opacity .2s ease;}
.section.sen08 .info-wrap .on .con-box{opacity: 1;/*padding: 25px 8px 30px;*/padding: clamp(16px, 2.31vh, 40px) clamp(6px, 0.42vw, 16px) clamp(20px, 2.78vh, 50px);}

.section.sen08 .info-wrap li.type1.on .con-box{/*max-height: 142px;*/max-height: 13.15vh;}
.section.sen08 .info-wrap li.type2.on .con-box,
.section.sen08 .info-wrap li.type3.on .con-box,
.section.sen08 .info-wrap li.type4.on .con-box{/*max-height: 348px;*/max-height: 32.22vh;}

.section.sen08 .info-wrap .con-box li:before{content:'';display: inline-block;width: 6px;height: 6px;margin-top: 13px;margin-right: 15px;border-radius: 100%;background: #b8bcba;vertical-align: top;}
.section.sen08 .info-wrap .con-box li + li{margin-top: 1vh;}
.section.sen08 .info-wrap .con-box li a{display: inline-block;position: relative;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: calc(100% - 21px);padding-right: 30px;font-size: clamp(15px, 1.94vh, 17px);font-weight: 600;color: #c8c8c8;}
.section.sen08 .info-wrap .con-box li a:after{content:'';position: absolute;top: 50%;transform: translateY(-50%);right: 8px;width: 7px;height: 10px;background-image: url(/images/new_main/standard-data-link-ic.png);background-repeat: no-repeat;background-position: 0 0;transition: opacity .3s ease;}
.section.sen08 .info-wrap .con-box li a:hover:after{background-image: url(/images/new_main/standard-data-link-hover-ic.png);}
.section.sen08 .info-wrap .con-box li strong{font-size: clamp(16px, 1.95vh, 20px);color: #fff;}
.section.sen08 .info-wrap .con-box li a:hover strong {color: #ffd200;}

@media screen and (max-width: 1680px) {
    .section.sen08 .chat-wrap .top span{background-size: 2.56vw auto;}
    .section.sen08 .info-wrap button:after{background-size: 0.54vw auto;}
    .section.sen08 .info-wrap button span{padding: 5px 0 5px 34px;background-size: 1.37vw auto;}
}

@media screen and (max-width: 1440px) {
    .main_container .section.sen04 .container .board_cont .inner_box > .box.top { margin: 0 0 75px;}
    .main_container .section.sen04 .container .board_cont .inner_box > .box > .row { gap: 60px;}
    .main_container .section.sen04 .container .board_cont .inner_box > .box .notice_area { padding: 4px 20px 20px;}
    .main_container .section.sen04 .container .board_cont .inner_box > .box .notice_area .title_area { margin: 0 0 15px;}
    .main_container .section.sen04 .container .board_cont .inner_box > .box .notice_area .title_area .notice_tab_area > .list > li { margin: 0 20px 0 0;}
    .main_container .section.sen04 .container .board_cont .inner_box > .box .notice_area .title_area .notice_tab_area > .list > li .tab_btn { padding: 0 10px;}
    .main_container .section.sen04 .container .board_cont .inner_box > .box .notice_area .title_area .notice_tab_area > .list > li .tab_btn .text { font-size: 19px; line-height: 64px;}
    .main_container .section.sen04 .container .board_cont .inner_box > .box .notice_area .notice_list_area > .list > li .box { padding: 0 0 0 12px;}
    .main_container .section.sen04 .container .board_cont .inner_box > .box .notice_area .notice_list_area > .list > li .box .inner .tit { font-size: 16px; line-height: 36px;}
    .main_container .section.sen04 .container .board_cont .inner_box > .box .notice_area .notice_list_area > .list > li .box .inner .new { margin: 0 0 0 10px;}
    .main_container .section.sen04 .container .board_cont .inner_box > .box .notice_area .notice_list_area > .list > li .box .inner .date { padding: 0 0 0 15px;}
    .main_container .section.sen04 .container .board_cont .inner_box > .box .news_area { width: 630px;}
    .main_container .section.sen04 .container .board_cont .inner_box > .box .news_area .title_area { margin: 0 0 15px;}
    .main_container .section.sen04 .container .board_cont .inner_box > .box .news_area .title_area .title { font-size: 24px; line-height: 36px;}
    .main_container .section.sen04 .container .board_cont .inner_box > .box .news_area .news_list_area > .list > li .box:hover,
    .main_container .section.sen04 .container .board_cont .inner_box > .box .news_area .news_list_area > .list > li .box:focus { transform: unset; box-shadow: none;}
    .main_container .section.sen04 .container .board_cont .inner_box > .box .news_area .news_list_area > .list > li .box .inner { padding: 12px 15px;}
    .main_container .section.sen04 .container .board_cont .inner_box > .box .news_area .news_list_area > .list > li .box .text_area .tit { max-height: calc(21px* 2); font-size: 16px; line-height: 21px;}
    .main_container .section.sen04 .container .board_cont .inner_box > .box .global_notice_area { height: 131px; padding: 0 25px 0 35px;}
    .main_container .section.sen04 .container .board_cont .inner_box > .box .global_notice_area .row { margin: -25px 0 0; padding: 25px 0 0;}
    .main_container .section.sen04 .container .board_cont .inner_box > .box .global_notice_area .row .title_area { width: 231px;}
    .main_container .section.sen04 .container .board_cont .inner_box > .box .global_notice_area .row .title_area .title { margin: 0 0 15px; font-size: 23px; line-height: 41px;}
    .main_container .section.sen04 .container .board_cont .inner_box > .box .global_notice_area .row .global_notice_list_area .list li > .box { padding: 20px 25px;}
    .main_container .section.sen04 .container .board_cont .inner_box > .box .global_notice_area .row .global_notice_list_area .list li > .box::before { height: 99px;}
    .main_container .section.sen04 .container .board_cont .inner_box > .box .global_notice_area .row .global_notice_list_area .list li > .box .inner .tit { height: calc(23px * 2); margin: 0 0 25px; font-size: 19px; line-height: 23px;}

    .main_container .section.sen05 .container .policy_info_cont .policy_slt_area { margin: 0 0 30px;}
    .main_container .section.sen05 .container .policy_info_cont .policy_slt_area .inner_box .policy_slt_list_area .policy_slt_list > li .policy_slt { width: 175px; height: 60px; padding: 0 40px 0 20px; background-position: right 12px center; background-size: 24px auto; font-size: 18px; line-height: 27px;}
    .main_container .section.sen05 .container .policy_info_cont .policy_slt_area .inner_box .policy_slt_list_area .policy_slt_list > li .policy_slt option { font-size: 16px;}
    .main_container .section.sen05 .container .policy_info_cont .policy_slt_area .inner_box .policy_slt_list_area .policy_sch_btn { padding: 0 25px;}
    .main_container .section.sen05 .container .policy_info_cont .policy_slt_area .inner_box .policy_slt_list_area .policy_sch_btn .text { font-size: 20px; line-height: 58px;}
    .main_container .section.sen05 .container .policy_info_cont .policy_cont_area .text_area { margin: 0 0 30px;}
    .main_container .section.sen05 .container .policy_info_cont .policy_cont_area .text_area > .text { font-size: 24px; line-height: 36px;}
    .main_container .section.sen05 .container .policy_info_cont .policy_cont_area .policy_info_slide_area #policy_info_slide { padding: 0 0 56px;}
    .main_container .section.sen05 .container .policy_info_cont .policy_cont_area .policy_info_slide_area #policy_info_slide .slick-list { margin: -25px; padding: 25px 0 25px 25px;}
    .main_container .section.sen05 .container .policy_info_cont .policy_cont_area .policy_info_slide_area #policy_info_slide .slick-list li { margin: 0 25px 0 0;}
    .main_container .section.sen05 .container .policy_info_cont .policy_cont_area .policy_info_slide_area #policy_info_slide .slick-list li .box { padding: 15px;}
    .main_container .section.sen05 .container .policy_info_cont .policy_cont_area .policy_info_slide_area #policy_info_slide .slick-list li .box .inner_box .title_area .inner .img_area { width: 75px; height: 75px;}
    .main_container .section.sen05 .container .policy_info_cont .policy_cont_area .policy_info_slide_area #policy_info_slide .slick-list li .box .inner_box .title_area .inner .txt_area { padding: 0 0 0 15px;}
    .main_container .section.sen05 .container .policy_info_cont .policy_cont_area .policy_info_slide_area #policy_info_slide .slick-list li .box .inner_box .title_area .inner .txt_area .mark { font-size: 16px; line-height: 23px;}
    .main_container .section.sen05 .container .policy_info_cont .policy_cont_area .policy_info_slide_area #policy_info_slide .slick-list li .box .inner_box .title_area .inner .txt_area .tit { height: calc(21px * 2); font-size: 18px; line-height: 21px;}
    .main_container .section.sen05 .container .policy_info_cont .policy_cont_area .policy_info_slide_area #policy_info_slide .slick-list li .box .inner_box .info_txt_area { margin: 15px 0 0; padding: 15px 0 0;}
    .main_container .section.sen05 .container .policy_info_cont .policy_cont_area .policy_info_slide_area #policy_info_slide .slick-list li .box .inner_box .info_txt_area > .list > li { margin: 0 0 15px;}
    .main_container .section.sen05 .container .policy_info_cont .policy_cont_area .policy_info_slide_area #policy_info_slide .slick-list li .box .inner_box .info_txt_area > .list > li .tit { margin: 0 0 10px; font-size: 18px; line-height: 21px;}
    .main_container .section.sen05 .container .policy_info_cont .policy_cont_area .policy_info_slide_area #policy_info_slide .slick-list li .box .inner_box .info_txt_area > .list > li .txt { font-size: 14px; line-height: 23px;}
    .main_container .section.sen05 .container .policy_info_cont .policy_cont_area .policy_info_slide_area #policy_info_slide .slick-arrow { top: unset; bottom: 0; right: unset !important; left: 50% !important;}
    .main_container .section.sen05 .container .policy_info_cont .policy_cont_area .policy_info_slide_area #policy_info_slide .slick-arrow.slick-prev { transform: translateX(calc(50% - 61px));}
    .main_container .section.sen05 .container .policy_info_cont .policy_cont_area .policy_info_slide_area #policy_info_slide .slick-arrow.slick-next { transform: translateX(calc(50% - 13px));}
    .main_container .section.sen05 .container .policy_info_cont .policy_cont_area .policy_info_slide_area .no_date_area { height: 350px;}
    .main_container .section.sen05 .container .policy_info_cont .policy_cont_area .policy_info_slide_area .no_date_area .inner_box .txt { font-size: 22px; line-height: 33px;}

    .main_container .section.sen07 .container .sns_cont .sns_tab_area { margin: 0 0 60px;}
    .main_container .section.sen07 .container .sns_cont .sns_tab_area > .list > li { margin: 0 15px 0 0;}
    .main_container .section.sen07 .container .sns_cont .sns_tab_area > .list > li .sns_tab_btn { width: 45px; height: 45px;}
    .main_container .section.sen07 .container .sns_cont .sns_slide_area .sns_slide { padding: 0;}
    .main_container .section.sen07 .container .sns_cont .sns_slide_area .sns_slide .slick-list { margin: -10px -18px -10px -10px;}
    .main_container .section.sen07 .container .sns_cont .sns_slide_area .sns_slide .slick-list li { margin: 0 20px 0 0;}
    .main_container .section.sen07 .container .sns_cont .sns_slide_area .sns_slide .slick-list li .box .inner_box .img_area {border-radius: 30px;}
    .main_container .section.sen07 .container .sns_cont .sns_slide_area .sns_slide .slick-list li .box .inner_box .tit_area {margin: 20px 0 0;}
    .main_container .section.sen07 .container .sns_cont .sns_slide_area .sns_slide .slick-list li .box .inner_box .tit_area .tit { height: calc(23px * 2); font-size: 18px; line-height: 23px;}
    .main_container .section.sen07 .container .sns_cont .sns_slide_area .sns_slide .slick-arrow { transform: translateY(calc(-50% - 46px - 20px + 18px - 10px));}
    .main_container .section.sen07 .container .sns_cont .sns_slide_area .sns_slide .slick-arrow.slick-prev { left: -17px;}
    .main_container .section.sen07 .container .sns_cont .sns_slide_area .sns_slide .slick-arrow.slick-next { right: -17px;}
    .main_container .section.sen07 .container .sns_cont .sns_slide_area .sns_slide .slick-dots { margin: 60px 0 0;}

    .main_container .section.sen08 .container .main_title_area .title{padding-bottom: 10px;font-size: 48px;}
    .section.sen08 .main_title_area p{font-size: 20px;}
    /*.section.sen08 .standard-data .title{padding-bottom: 24px;font-size: 23px;}*/
    /*.section.sen08 .info-wrap button{font-size: 20px;}*/
    /*.section.sen08 .info-wrap .on button{font-size: 22px;}*/
}


@media screen and (max-width: 1280px) {
    .main_container .section.sen04 .container .board_cont .inner_box > .box > .row { gap: 40px;}
    .main_container .section.sen04 .container .board_cont .inner_box > .box .news_area { width: 603px;}

    .main_container .section.sen05 .container .policy_info_cont .policy_slt_area { margin: 0 0 25px;}
    .main_container .section.sen05 .container .policy_info_cont .policy_cont_area .text_area { margin: 0 0 25px;}
    .main_container .section.sen05 .container .policy_info_cont .policy_cont_area .policy_info_slide_area #policy_info_slide .slick-list { margin: -20px; padding: 20px 0 20px 20px;}
    .main_container .section.sen05 .container .policy_info_cont .policy_cont_area .policy_info_slide_area #policy_info_slide .slick-list li { margin: 0 20px 0 0;}
    .main_container .section.sen05 .container .policy_info_cont .policy_cont_area .policy_info_slide_area .no_date_area { height: 300px;}
    .main_container .section.sen05 .container .policy_info_cont .policy_cont_area .policy_info_slide_area .no_date_area .inner_box .txt { font-size: 20px; line-height: 30px;}

    .main_container .section.sen07 .container .sns_cont .sns_tab_area { margin: 0 0 55px;}
    .main_container .section.sen07 .container .sns_cont .sns_slide_area .sns_slide .slick-list { margin: -10px -13px -10px -10px;}
    .main_container .section.sen07 .container .sns_cont .sns_slide_area .sns_slide .slick-list li { margin: 0 15px 0 0;}
    .main_container .section.sen07 .container .sns_cont .sns_slide_area .sns_slide .slick-list li .box .inner_box .tit_area { margin: 15px 0 0;}
    .main_container .section.sen07 .container .sns_cont .sns_slide_area .sns_slide .slick-arrow { transform: translateY(calc(-50% - 46px - 15px + 18px - 10px));}
    .main_container .section.sen07 .container .sns_cont .sns_slide_area .sns_slide .slick-dots { margin: 55px 0 0;}

    .main_container .section.sen08 .container .main_title_area .title{font-size: 45px;}
    .section.sen08 .main_title_area p{font-size: 19px;}
    .section.sen08 .standard-data .title{padding-bottom: 20px;font-size: 20px;}
    .section.sen08 .chat-wrap{}
    .section.sen08 .chat-wrap .top span{font-size: 19px;}
    .section.sen08 .chat-wrap li{padding: 20px;}
    .section.sen08 .chat-wrap li p{font-size: 17px;}
    .section.sen08 .chat-wrap .write-box{height: 68px;}
    .section.sen08 .write-box input{padding: 0 80px 0 25px;font-size: 18px;}
    .section.sen08 .write-box button{right: 16px;background-size: 25px 25px, cover;}

    /*.section.sen08 .info-wrap{padding-left: 45px;}*/
    /*.section.sen08 .info-wrap button{font-size: 19px;}*/
    /*.section.sen08 .info-wrap .on button{font-size: 21px;}*/
    /*.section.sen08 .info-wrap button span{padding: 5px 0 5px 48px; background-size: 31px auto;}*/
    /*.section.sen08 .info-wrap button:after{width: 32px;height: 32px;}*/
    /*.section.sen08 .info-wrap .on .con-box{max-height: 122px;padding: 20px 8px;}*/
    /*.section.sen08 .info-wrap .con-box li + li{margin-top: 10px;}*/
    /*.section.sen08 .info-wrap .con-box li a{font-size: 16px;}*/
    /*.section.sen08 .info-wrap .con-box li strong{font-size: 19px;}*/
}

@media screen and (max-width: 1024px) {
    /*공통 더보기 버튼*/
    .com_link_btn .text { font-size: 15px; line-height: 24px;color: #bebebe;}
    /*공통 더보기 버튼*/

    .main_container .section.sen01 .fp-tableCell {position: initial;}

    .main_container .section.sen04 { padding-bottom: 50px;}
    .main_container .section.sen04 .container .board_cont .inner_box { display: flex; flex-direction: column; gap: 40px 0;}
    .main_container .section.sen04 .container .board_cont .inner_box > .box.top { margin: 0;}
    .main_container .section.sen04 .container .board_cont .inner_box > .box > .row { align-items: stretch; flex-direction: column-reverse; gap: 40px 0;}
    .main_container .section.sen04 .container .board_cont .inner_box > .box .news_area { width: 100%;}
    .main_container .section.sen04 .container .board_cont .inner_box > .box .news_area .title_area .title { font-size: 22px; line-height: 33px;}
    .main_container .section.sen04 .container .board_cont .inner_box > .box .notice_area { padding: 4px 15px 15px;}
    .main_container .section.sen04 .container .board_cont .inner_box > .box .notice_area .title_area .notice_tab_area > .list > li { margin: 0 15px 0 0;}
    .main_container .section.sen04 .container .board_cont .inner_box > .box .notice_area .title_area .notice_tab_area > .list > li .tab_btn .text { font-size: 17px; line-height: 54px;}
    .main_container .section.sen04 .container .board_cont .inner_box > .box .global_notice_area { height: 100%; padding: 20px 25px 25px;}
    .main_container .section.sen04 .container .board_cont .inner_box > .box .global_notice_area .row { flex-direction: column; margin: 0; padding: 0;}
    .main_container .section.sen04 .container .board_cont .inner_box > .box .global_notice_area .row .title_area { display: flex; justify-content: space-between; align-items: center; width: 100%; margin: 0 0 15px;}
    .main_container .section.sen04 .container .board_cont .inner_box > .box .global_notice_area .row .title_area .title { margin: 0; font-size: 20px; line-height: 30px;}
    .main_container .section.sen04 .container .board_cont .inner_box > .box .global_notice_area .row .global_notice_list_area {width: 100%;}
    .main_container .section.sen04 .container .board_cont .inner_box > .box .global_notice_area .row .global_notice_list_area .list { flex-direction: column;}
    .main_container .section.sen04 .container .board_cont .inner_box > .box .global_notice_area .row .global_notice_list_area .list li { display: block; width: 100%;}
    .main_container .section.sen04 .container .board_cont .inner_box > .box .global_notice_area .row .global_notice_list_area .list li > .box { padding: 15px;}
    .main_container .section.sen04 .container .board_cont .inner_box > .box .global_notice_area .row .global_notice_list_area .list li > .box::before { top: 0; left: 50%; transform: translateX(-50%); width: calc(100% - 30px); height: 1px; border-left: none; border-top: 1px dashed #d6d6d6;}
    .main_container .section.sen04 .container .board_cont .inner_box > .box .global_notice_area .row .global_notice_list_area .list li > .box .inner .tit { height: calc(20px * 2); margin: 0 0 15px; font-size: 17px; line-height: 20px;}
    .main_container .section.sen04 .container .board_cont .inner_box > .box .global_notice_area .row .global_notice_list_area .list li > .box .inner .date { font-size: 14px; line-height: 19px;}

    .main_container .section.sen05 .container .policy_info_cont .policy_slt_area { position: relative;}
    .main_container .section.sen05 .container .policy_info_cont .policy_slt_area .inner_box { align-items: flex-end; flex-direction: column;}
    .main_container .section.sen05 .container .policy_info_cont .policy_slt_area .inner_box .policy_slt_list_area form { flex: 1;}
    .main_container .section.sen05 .container .policy_info_cont .policy_slt_area .inner_box .policy_slt_list_area { width: 100%;}
    .main_container .section.sen05 .container .policy_info_cont .policy_slt_area .inner_box .policy_slt_list_area .policy_slt_list > li { width: calc(50% - 5px); margin: 10px 10px 0 0;}
    .main_container .section.sen05 .container .policy_info_cont .policy_slt_area .inner_box .policy_slt_list_area .policy_slt_list > li:nth-child(-n+2) { margin: 0 10px 0 0;}
    .main_container .section.sen05 .container .policy_info_cont .policy_slt_area .inner_box .policy_slt_list_area .policy_slt_list > li:nth-child(2n) { margin: 10px 0 0;}
    .main_container .section.sen05 .container .policy_info_cont .policy_slt_area .inner_box .policy_slt_list_area .policy_slt_list > li:nth-child(2) { margin: 0;}
    .main_container .section.sen05 .container .policy_info_cont .policy_slt_area .inner_box .policy_slt_list_area .policy_slt_list > li .policy_slt { width: 100%; height: 50px; padding: 0 35px 0 15px; background-position: right 10px center; background-size: 20px auto; font-size: 16px; line-height: 24px;}
    .main_container .section.sen05 .container .policy_info_cont .policy_slt_area .inner_box .policy_slt_list_area .policy_slt_list > li .policy_slt option { font-size: 14px; line-height: 21px;}
    .main_container .section.sen05 .container .policy_info_cont .policy_slt_area .inner_box .policy_slt_list_area .policy_sch_btn { padding: 0 20px;}
    .main_container .section.sen05 .container .policy_info_cont .policy_slt_area .inner_box .policy_slt_list_area .policy_sch_btn .text { font-size: 18px; line-height: 48px;}
    .main_container .section.sen05 .container .policy_info_cont .policy_slt_area .inner_box .com_link_btn { position: absolute; bottom: -52px; right: 0;}
    .main_container .section.sen05 .container .policy_info_cont .policy_cont_area .text_area > .text { font-size: 22px; line-height: 33px;}
    .main_container .section.sen05 .container .policy_info_cont .policy_cont_area .policy_info_slide_area #policy_info_slide .slick-list li .box:hover,
    .main_container .section.sen05 .container .policy_info_cont .policy_cont_area .policy_info_slide_area #policy_info_slide .slick-list li .box:focus { transform: unset;}
    .main_container .section.sen05 .container .policy_info_cont .policy_cont_area .policy_info_slide_area .no_date_area { height: 250px;}
    .main_container .section.sen05 .container .policy_info_cont .policy_cont_area .policy_info_slide_area .no_date_area .inner_box .txt { font-size: 18px; line-height: 27px;}

    .main_container .section.sen05 .container .policy_info_cont .policy_cont_area .policy_info_slide_area #policy_info_slide .slick-list li .box:hover,
    .main_container .section.sen05 .container .policy_info_cont .policy_cont_area .policy_info_slide_area #policy_info_slide .slick-list li .box:focus {box-shadow: initial;}

    .main_container .section.sen07 .container .sns_cont .sns_tab_area { margin: 0 0 50px;}
    .main_container .section.sen07 .container .sns_cont .sns_tab_area > .list > li .sns_tab_btn { width: 40px; height: 40px;}
    .main_container .section.sen07 .container .sns_cont .sns_tab_area > .list > li .sns_tab_btn.item01 img { width: 19px;}
    .main_container .section.sen07 .container .sns_cont .sns_tab_area > .list > li .sns_tab_btn.item02 img { width: 9px;}
    .main_container .section.sen07 .container .sns_cont .sns_tab_area > .list > li .sns_tab_btn.item03 img { width: 13px;}
    .main_container .section.sen07 .container .sns_cont .sns_tab_area > .list > li .sns_tab_btn.item04 img { width: 18px;}
    .main_container .section.sen07 .container .sns_cont .sns_slide_area .sns_slide .slick-list { margin: 0 -40% 0 0; padding: 0;}
    .main_container .section.sen07 .container .sns_cont .sns_slide_area .sns_slide .slick-list li .box:hover,
    .main_container .section.sen07 .container .sns_cont .sns_slide_area .sns_slide .slick-list li .box:focus { transform: unset;}
    .main_container .section.sen07 .container .sns_cont .sns_slide_area .sns_slide .slick-list li .box .inner_box .img_area {border-radius: 24px;}
    .main_container .section.sen07 .container .sns_cont .sns_slide_area .sns_slide .slick-arrow.slick-prev { left: 10px;}
    .main_container .section.sen07 .container .sns_cont .sns_slide_area .sns_slide .slick-arrow.slick-next { right: 0;}
    .main_container .section.sen07 .container .sns_cont .sns_slide_area .sns_slide .slick-dots { margin: 50px 0 0;}

    .main_container .section.sen08 .container .main_title_area .title{font-size: 36px;}
    .section.sen08 .main_title_area p{font-size: 17px;}
    .section.sen08 .standard-data .title{padding-bottom: 16px;font-size: 19px;}
    .section.sen08 .item{width: 100%}
    .section.sen08 .ai-wrap{padding-bottom: 30px;padding-right: 0;}
    .section.sen08 .info-wrap{padding-top: 30px;padding-left:0;border-top: 1px solid rgba(255, 255, 255, .5);border-left: none;}
    .section.sen08 .chat-wrap{}
    .section.sen08 .chat-wrap .top{padding: 28px 22px 24px;}
    .section.sen08 .chat-wrap .top span{padding: 10px 0 10px 52px;font-size: 18px;background-size: 40px auto;}
    .section.sen08 .chat-wrap .cont{min-height: 260px;padding: 0 18px;}
    .section.sen08 .chat-wrap li{padding: 16px;}
    .section.sen08 .chat-wrap li p{font-size: 16px;background-size: 20px auto;}
    .section.sen08 .chat-wrap li.ai p{padding-left: 34px;}
    .section.sen08 .chat-wrap li.me p{padding-right: 34px;}
    .section.sen08 .write-box{height: 60px;}
    .section.sen08 .write-box input{padding: 0 80px 0 18px;font-size: 16px;}
    .section.sen08 .write-box button{right: 15px;width: 42px;height: 42px;background-size: 20px 20px, cover;}
    .section.sen08 .info-wrap button{height: 70px;padding: 0px 20px;font-size: 17px;}
    .section.sen08 .info-wrap button:after{width: 32px;height: 32px;background-size: 9px auto;}
    .section.sen08 .info-wrap .on button{font-size: 19px;}
    .section.sen08 .info-wrap button span{padding: 5px 0 5px 38px;background-size: 26px auto;}
    .section.sen08 .info-wrap .con-box{margin: 0 18px;}
    .section.sen08 .info-wrap .on .con-box{padding: 20px 5px;}
    .section.sen08 .info-wrap li.type1.on .con-box{max-height: 140px;height: auto;}
    .section.sen08 .info-wrap li.type2.on .con-box,
    .section.sen08 .info-wrap li.type3.on .con-box,
    .section.sen08 .info-wrap li.type4.on .con-box{max-height: 378px;}
    .section.sen08 .info-wrap .con-box li + li {margin-top: 8px;}
    .section.sen08 .info-wrap .con-box li:before{width: 5px;height: 5px;margin-top: 9px;margin-right: 10px;}
    .section.sen08 .info-wrap .con-box li a{overflow: initial;text-overflow: initial;white-space: normal;font-size: 15px;}
    .section.sen08 .info-wrap .con-box li strong{display: block;font-size: 17px;}
}

.chartjs-render-monitor.pc {}
.chartjs-render-monitor.m {display: none !important;}

@media screen and (max-width: 768px) {
    .main_container .section.sen04 { padding-bottom: 40px;}
    .main_container .section.sen04 .container .board_cont .inner_box { gap: 35px 0;}
    .main_container .section.sen04 .container .board_cont .inner_box > .box > .row { gap: 35px;}
    .main_container .section.sen04 .container .board_cont .inner_box > .box .notice_area .title_area { margin: 0 0 10px;}
    .main_container .section.sen04 .container .board_cont .inner_box > .box .news_area .title_area .title { font-size: 20px; line-height: 30px;}
    .main_container .section.sen04 .container .board_cont .inner_box > .box .news_area .news_list_area > .list > li { width: calc(50% - 7.5px); margin: 0 0 0 15px;}
    .main_container .section.sen04 .container .board_cont .inner_box > .box .notice_area .notice_list_area > .list > li:not(:nth-child(-n+5)) { display: none;}
    .main_container .section.sen04 .container .board_cont .inner_box > .box .global_notice_area { padding: 15px 20px 20px;}
    .main_container .section.sen04 .container .board_cont .inner_box > .box .global_notice_area .row .global_notice_list_area .list li > .box .inner .tit { height: calc(18px* 2); margin: 0 0 10px; font-size: 16px; line-height: 18px;}

    .main_container .section.sen05 .container .policy_info_cont .policy_cont_area .text_area > .text { font-size: 20px; line-height: 30px;}
    .main_container .section.sen05 .container .policy_info_cont .policy_cont_area .policy_info_slide_area #policy_info_slide .slick-list { margin: -15px; padding: 15px 0 15px 15px;}
    .main_container .section.sen05 .container .policy_info_cont .policy_cont_area .policy_info_slide_area #policy_info_slide .slick-list li { margin: 0 15px 0 0;}
    .main_container .section.sen05 .container .policy_info_cont .policy_cont_area .policy_info_slide_area .no_date_area { height: 200px;}
    .main_container .section.sen05 .container .policy_info_cont .policy_cont_area .policy_info_slide_area .no_date_area .inner_box .txt { font-size: 16px; line-height: 24px;}

    .main_container .section.sen07 .container .sns_cont .sns_tab_area { margin: 0 0 45px;}
    .main_container .section.sen07 .container .sns_cont .sns_slide_area .sns_slide .slick-list { margin: 0 -60% 0 0;}
    .main_container .section.sen07 .container .sns_cont .sns_slide_area .sns_slide .slick-dots { margin: 45px 0 0;}

    .chartjs-render-monitor.pc {display: none !important;}
    .chartjs-render-monitor.m {display: block !important; margin: 0 auto;}

    .main_container .section.sen07 .container .sns_cont .sns_slide_area .sns_slide .slick-list li .box .inner_box .video_btn_area button {font-size: 14px; line-height: 26px;}
    .main_container .section.sen07 .container .sns_cont .sns_slide_area .sns_slide .slick-list li .box .inner_box .pop_txt_cont {padding: 12px;}

    .main_container .section.sen08 .container .main_title_area .title{font-size:30px;}
    .section.sen08 .main_title_area p{font-size: 16px;text-align: left;}
    .section.sen08 .ai-wrap{padding-bottom: 20px;}
    .section.sen08 .info-wrap{padding-top: 20px;}
    .section.sen08 .chat-wrap {}
    .section.sen08 .chat-wrap li{padding: 14px;}
    .section.sen08 .chat-wrap li p{font-size: 15px;}
    .section.sen08 .chat-wrap .write-box{height: 60px;}
    .section.sen08 .chat-wrap .top span{padding: 10px 0 10px 48px;font-size: 17px;background-size: 38px auto;}
    .section.sen08 .write-box input{padding: 0 68px 0 18px;font-size: 15px;}
    .section.sen08 .write-box button{width: 40px;height: 40px;}
    .section.sen08 .info-wrap button{height: 68px;font-size: 16px;}
    .section.sen08 .info-wrap .on button{font-size: 17px;}
    .section.sen08 .info-wrap button span{padding: 5px 0 5px 35px;background-size: 24px auto;}
    .section.sen08 .info-wrap button:after{width: 30px;height: 30px;background-size: 8px auto;}
    .section.sen08 .info-wrap .con-box li + li {margin-top: 6px;}

}

@media screen and (max-width: 480px) {
    .main_container .section.sen04 { padding-bottom: 35px;}
    .main_container .section.sen04 .container .board_cont .inner_box { gap: 30px 0;}
    .main_container .section.sen04 .container .board_cont .inner_box > .box > .row { gap: 30px;}
    .main_container .section.sen04 .container .board_cont .inner_box > .box .notice_area .title_area .notice_tab_area > .list > li { margin: 0 10px 0 0;}
    .main_container .section.sen04 .container .board_cont .inner_box > .box .notice_area .title_area .notice_tab_area > .list > li .tab_btn { padding: 0 5px;}
    .main_container .section.sen04 .container .board_cont .inner_box > .box .notice_area .notice_list_area > .list > li .box .inner .tit { font-size: 15px; line-height: 35px;}
    .main_container .section.sen04 .container .board_cont .inner_box > .box .notice_area .title_area .notice_tab_area > .list > li .tab_btn .text { font-size: 16px; line-height: 50px;}
    .main_container .section.sen04 .container .board_cont .inner_box > .box .news_area .news_list_area { overflow-x: scroll; margin: 0 -15px 0 0;}
    .main_container .section.sen04 .container .board_cont .inner_box > .box .news_area .news_list_area > .list { display: flex; margin: 0 -70% 0 0;}
    .main_container .section.sen04 .container .board_cont .inner_box > .box .global_notice_area { padding: 15px 15px 20px;}
    .main_container .section.sen04 .container .board_cont .inner_box > .box .global_notice_area .row .global_notice_list_area .list li > .box .inner .tit { height: calc(17px* 2); font-size: 15px; line-height: 17px;}

    .main_container .section.sen05 .container .policy_info_cont .policy_slt_area { margin: 0 0 15px;}
    .main_container .section.sen05 .container .policy_info_cont .policy_slt_area .inner_box .policy_slt_list_area { flex-direction: column; margin: 0 0 10px;}
    .main_container .section.sen05 .container .policy_info_cont .policy_slt_area .inner_box .policy_slt_list_area .policy_slt_list > li .policy_slt { height: 45px; padding: 0 32px 0 12px; background-position: right 7px center; font-size: 15px; line-height: 22px;}
    .main_container .section.sen05 .container .policy_info_cont .policy_slt_area .inner_box .policy_slt_list_area .policy_sch_btn { padding: 0 15px;}
    .main_container .section.sen05 .container .policy_info_cont .policy_slt_area .inner_box .policy_slt_list_area .policy_sch_btn .text { font-size: 16px; line-height: 43px;}
    .main_container .section.sen05 .container .policy_info_cont .policy_slt_area .inner_box .com_link_btn { position: inherit;}
    .main_container .section.sen05 .container .policy_info_cont .policy_cont_area .text_area { margin: 0 0 10px;}
    .main_container .section.sen05 .container .policy_info_cont .policy_cont_area .policy_info_slide_area #policy_info_slide .slick-list li .box .inner_box .title_area .inner .img_area { width: 70px; height: 70px;}
    .main_container .section.sen05 .container .policy_info_cont .policy_cont_area .policy_info_slide_area #policy_info_slide .slick-list li .box .inner_box .title_area .inner .txt_area .mark { font-size: 15px; line-height: 22px;}
    .main_container .section.sen05 .container .policy_info_cont .policy_cont_area .policy_info_slide_area #policy_info_slide .slick-list li .box .inner_box .title_area .inner .txt_area .tit { height: calc(18px* 2); font-size: 16px; line-height: 18px;}
    .main_container .section.sen05 .container .policy_info_cont .policy_cont_area .policy_info_slide_area #policy_info_slide .slick-list li .box .inner_box .info_txt_area > .list > li .tit { font-size: 16px; line-height: 18px;}
    .main_container .section.sen05 .container .policy_info_cont .policy_cont_area .policy_info_slide_area #policy_info_slide .slick-list li .box .inner_box .info_txt_area > .list > li .txt { overflow: inherit; text-overflow: inherit; display: inherit; -webkit-line-clamp: inherit; -webkit-box-orient: inherit; word-break: inherit;}

    .main_container .section.sen07 .container .sns_cont .sns_tab_area { margin: 0 0 40px;}
    .main_container .section.sen07 .container .sns_cont .sns_tab_area > .list > li .sns_tab_btn { width: 35px; height: 35px;}
    .main_container .section.sen07 .container .sns_cont .sns_tab_area > .list > li .sns_tab_btn.item01 img { width: 16px;}
    .main_container .section.sen07 .container .sns_cont .sns_tab_area > .list > li .sns_tab_btn.item03 img { width: 10px;}
    .main_container .section.sen07 .container .sns_cont .sns_tab_area > .list > li .sns_tab_btn.item04 img { width: 15px;}
    .main_container .section.sen07 .container .sns_cont .sns_slide_area .sns_slide .slick-list { margin: 0 -80% 0 0;}
    .main_container .section.sen07 .container .sns_cont .sns_slide_area .sns_slide .slick-list li .box .inner_box .img_area {border-radius: 12px;}
    .main_container .section.sen07 .container .sns_cont .sns_slide_area .sns_slide .slick-list li .box .inner_box .tit_area .tit { height: calc(20px* 2); font-size: 16px; line-height: 20px;}
    .main_container .section.sen07 .container .sns_cont .sns_slide_area .sns_slide .slick-arrow { transform: translateY(calc(-50% - 40px - 15px + 18px - 10px));}
    .main_container .section.sen07 .container .sns_cont .sns_slide_area .sns_slide .slick-dots { margin: 40px 0 0;}
    .main_container .section.sen07 .container .sns_cont .sns_slide_area .sns_slide .slick-dots li {margin: 0 5px 0 0;}
}
/* ////////////메인 관련///////////*/

.ft_iframe_cont {padding: 40px 0 0;}
.ft_iframe_cont .container {border-bottom: 1px solid #eaeaea;}


@media screen and (max-width: 1270px) {
    .ft_iframe_cont .container {padding: 0 0 40px;}
}

@media screen and (max-width: 1080px) {
    .ft_iframe_cont {padding: 30px 0 0;}
    .ft_iframe_cont .container {padding: 0 0 30px;}
}

@media screen and (max-width: 768px) {
    .ft_iframe_cont {padding: 20px 0 0;}
    .ft_iframe_cont .container {padding: 0 0 20px;}
}

.sub_main_cont {display: block; width: 100%;}
.sub_main_cont .title_cont {margin: 0 0 70px; text-align: center;}
.sub_main_cont .title_cont .title_area {margin: 0 0 35px;}
.sub_main_cont .title_cont .title_area .title {font-weight: 600; font-size: 52px; line-height: 68px; color: #000000;}
.sub_main_cont .title_cont .title_area .title span {}
.sub_main_cont .title_cont .text_area {}
.sub_main_cont .title_cont .text_area .text {font-weight: 600; font-size: 22px; line-height: 36px; color: #666666;}
.sub_main_cont .data_slide_cont {}
.sub_main_cont .data_slide_cont .list {margin: 0 -20px 0 0; padding: 0 50px;}
.sub_main_cont .data_slide_cont .list li {}
.sub_main_cont .data_slide_cont .list .slick-list {margin: 0 0 36px;}
.sub_main_cont .data_slide_cont .list .slick-list .slick-track {}
.sub_main_cont .data_slide_cont .list .slick-list .slick-track li {margin: 0 20px 0 0;}
.sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box {display: block; font-size: 0; text-align: center;}
.sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box .img_area {display: inline-block; width: 176px; height: 176px; margin: 0 0 28px; border-radius: 50%; box-shadow: 7px 7px 12px rgba(0, 0, 0, 0.08);}
.sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box .img_area .img_inner {display: flex; align-items: center; justify-content: center;}
.sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box .img_area .img_inner img {width: 100%; height: 100%; object-fit: cover; opacity: 0.6; transition: 0.3s ease-in-out;}
.sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box .mark {margin: 0 0 20px; padding: 10px; background-color: #cccccc; font-weight: 600; font-size: 16px; color: #ffffff; border-radius: 50px; text-align: center; transition: 0.3s ease-in-out;}
.sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box .title_area {margin: 0 0 9px;}
.sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box .title_area .title {display: flex; align-items: center; justify-content: center; height: 56px; font-weight: 600; font-size: 22px; line-height: 28px; color: #000000; transition: 0.3s ease-in-out;}
.sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box .text_area {}
.sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box .text_area .tit {font-weight: 600; font-size: 18px; color: #222222;}
.sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box .text_area .txt {font-weight: 600; font-size: 16px; color: #888888;}
.sub_main_cont .data_slide_cont .list .slick-arrow {position: absolute; top: 50%; width: 13px; height: 24px; background-position: center; background-size: contain; background-repeat: no-repeat; z-index: 1; text-indent: -9999px; transform: translateY(-50%);}
.sub_main_cont .data_slide_cont .list .slick-arrow.slick-prev {left: 0; background-image: url('/images/sub/data_slide_prev.png');}
.sub_main_cont .data_slide_cont .list .slick-arrow.slick-next {right: 0; background-image: url('/images/sub/data_slide_next.png');}
.sub_main_cont .data_slide_cont .list .slick-dots {display: flex; align-items: center; justify-content: center;}
.sub_main_cont .data_slide_cont .list .slick-dots li {margin: 0 15px 0 0;}
.sub_main_cont .data_slide_cont .list .slick-dots li:last-child {margin: 0;}
.sub_main_cont .data_slide_cont .list .slick-dots li button {display: block; width: 8px; height: 8px; background-color: #7b7b7b; border-radius: 50%; text-indent: -9999px;}
.sub_main_cont .data_slide_cont .list .slick-dots li.slick-active button {width: 10px; height: 10px; background-color: #1e43a0;}




@media only screen and (min-width: 1024px) {
    .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box:hover .img_area .img_inner img,
    .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box:focus .img_area .img_inner img {opacity: 1;}
    .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box.blue:hover .mark,
    .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box.blue:focus .mark {background-color: #1e43a0;}
    .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box.green:hover .mark,
    .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box.green:focus .mark {background-color: #1e89a0;}
    .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box.green2:hover .mark,
    .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box.green2:focus .mark {background-color: #298478;}
    .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box.purple:hover .mark,
    .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box.purple:focus .mark {background-color: #6c5ecc;}
    .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box.blue:hover .title_area .title,
    .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box.blue:focus .title_area .title {color: #1e43a0;}
    .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box.green:hover .title_area .title,
    .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box.green:focus .title_area .title {color: #1e89a0;}
    .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box.green2:hover .title_area .title,
    .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box.green2:focus .title_area .title {color: #298478;}
    .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box.purple:hover .title_area .title,
    .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box.purple:focus .title_area .title {color: #6c5ecc;}
}

@media only screen and (max-width:1440px) {
    .sub_main_cont .title_cont {margin: 0 0 60px;}
    .sub_main_cont .title_cont .title_area {margin: 0 0 30px;}
    .sub_main_cont .title_cont .title_area .title {font-size: 46px; line-height: 62px;}
    .sub_main_cont .title_cont .text_area .text {font-size: 20px; line-height: 34px;}
    .sub_main_cont .data_slide_cont .list {margin: 0 -15px 0 0; padding: 0 45px;}
    .sub_main_cont .data_slide_cont .list .slick-list {margin: 0 0 30px;}
    .sub_main_cont .data_slide_cont .list .slick-list .slick-track li {margin: 0 15px 0 0;}
    .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box .img_area {width: 146px; height: 146px; margin: 0 0 23px;}
    .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box .mark {margin: 0 0 16px; padding: 7px; font-size: 15px;}
    .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box .title_area {margin: 0 0 5px;}
    .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box .title_area .title {height: 52px; font-size: 20px; line-height: 26px;}
    .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box .text_area .tit {font-size: 16px;}
    .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box .text_area .txt {font-size: 15px;}
    .sub_main_cont .data_slide_cont .list .slick-arrow {width: 10px; height: 20px;}
    .sub_main_cont .data_slide_cont .list .slick-dots li {margin: 0 10px 0 0;}
    .sub_main_cont .data_slide_cont .list .slick-dots li button {width: 6px; height: 6px;}
    .sub_main_cont .data_slide_cont .list .slick-dots li.slick-active button {width: 8px; height: 8px;}

}

@media only screen and (max-width:1400px) {
    .sub_main_cont .title_cont {margin: 0 0 55px;}
    .sub_main_cont .title_cont .title_area {margin: 0 0 26px;}
    .sub_main_cont .title_cont .title_area .title {font-size: 42px; line-height: 58px;}
    .sub_main_cont .title_cont .text_area .text {font-size: 18px; line-height: 30px;}
    .sub_main_cont .data_slide_cont .list {padding: 0 40px;}
    .sub_main_cont .data_slide_cont .list .slick-list {margin: 0 0 26px;}
    .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box .img_area {width: 121px; height: 121px; margin: 0 0 20px;}
    .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box .mark {margin: 0 0 13px; padding: 5px;}
    .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box .title_area .title {height: 48px; font-size: 18px; line-height: 24px;}

}

@media only screen and (max-width:1280px) {
    .sub_main_cont .title_cont {margin: 0 0 50px;}
    .sub_main_cont .title_cont .title_area {margin: 0 0 23px;}
    .sub_main_cont .title_cont .title_area .title {font-size: 36px; line-height: 50px;}
    .sub_main_cont .title_cont .text_area .text {font-size: 16px; line-height: 27px;}
    .sub_main_cont .data_slide_cont .list .slick-arrow {top: calc(50% - 16px) !important;}


}

@media only screen and (max-width:1024px) {
    .sub_main_cont .title_cont {margin: 0 0 40px;}
    .sub_main_cont .title_cont .title_area {margin: 0 0 20px;}
    .sub_main_cont .title_cont .title_area .title {font-size: 32px; line-height: 46px;}
    .sub_main_cont .data_slide_cont .list .slick-arrow {top: 50% !important;}

    .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box .img_area .img_inner img {opacity: 1;}
    .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box.blue .mark {background-color: #1e43a0;}
    .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box.green .mark {background-color: #1e89a0;}
    .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box.green2 .mark {background-color: #298478;}
    .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box.purple .mark {background-color: #6c5ecc;}
    .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box.blue .title_area .title {color: #1e43a0;}
    .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box.green .title_area .title {color: #1e89a0;}
    .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box.green2 .title_area .title {color: #298478;}
    .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box.purple .title_area .title {color: #6c5ecc;}

}

@media only screen and (max-height:1100px) {
    .sub_main_cont .title_cont {margin: 0 0 40px;}
    .sub_main_cont .title_cont .title_area {margin: 0 0 20px;}
    .sub_main_cont .title_cont .title_area .title {font-size: 32px; line-height: 46px;}
    .sub_main_cont .title_cont .text_area .text {font-size: 16px; line-height: 27px;}
    .sub_main_cont .data_slide_cont .list {padding: 0 40px;}
    .sub_main_cont .data_slide_cont .list .slick-list {margin: 0 0 26px;}
    .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box .img_area {width: 121px; height: 121px; margin: 0 0 20px;}
    .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box .mark {margin: 0 0 13px; padding: 5px;}
    .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box .title_area .title {height: 48px; font-size: 18px; line-height: 24px;}
    .sub_main_cont .data_slide_cont .list .slick-arrow {top: 50%;}
}

@media only screen and (max-width:767px) {
    .sub_main_cont .title_cont {margin: 0 0 30px;}
    .sub_main_cont .title_cont .title_area .title {font-size: 28px; line-height: 42px;}
    .sub_main_cont .data_slide_cont .list {margin: 0;}
    .sub_main_cont .data_slide_cont .list .slick-list .slick-track li {margin: 0;}
    .sub_main_cont .data_slide_cont .list .slick-dots {display: none !important;}

}

@media only screen and (max-width:480px) {
    .sub_main_cont .title_cont .title_area .title {font-size: 22px; line-height: 38px;}

}