@charset "utf-8";
/* CSS Document */
/* ------------------------------------------------------------
 * Name      :web_layout.css    
 * Desc      :page layout 
 * Created   :
 * Updated   :
 ------------------------------------------------------------ */
body.fixe {overflow:hidden;}
.m_gnb .sub_menu {display:none !important;}
.web_dis {display:block;}
.mb_dis {display:none;}
.search_btn {display:none; position:absolute; right:65px; top:26px;}
img {max-width:100%}
.pc_view {display:block}
.mb_view {display:none}
.mont {font-family:'Montserrat', sans-serif; }


#header.down, #header.over {background:#fff; box-shadow:0px 0px 13px rgba(0, 0, 0, 20%);}

#header.down h1 img {-webkit-filter:brightness(1) invert(0); filter:brightness(1) invert(0);}
.sub_wrap #header h1 img {-webkit-filter:brightness(1) invert(0); filter:brightness(1) invert(0);}

.down .w_gnb .gnb > ul > li > a, .over .w_gnb .gnb > ul > li > a {color:#000 !important;}
.down .top_search > button, .over .top_search > button {color:#000;}
.down .top_search > button img, .over .top_search > button img {-webkit-filter:brightness(1) invert(0.9); filter:brightness(1) invert(1);}
.down .top_search:before, .over .top_search:before {background:#000;}
.down .top_lang > a, .over .top_lang > a  {color:#000;}
.down .top_lang > a img, .over .top_lang > a img  {webkit-filter:brightness(1) invert(0.9); filter:brightness(1) invert(1);}
.down .top_menu > li a.txt_bt, .over .top_menu > li a.txt_bt {border:1px solid #cccccc; color:#000;}
#header.over h1 img  {-webkit-filter:brightness(1) invert(0); filter:brightness(1) invert(0) !important;}


.down .menu_btn a span, .over .menu_btn a span {background: #000 !important}
.down .menu_btn span:before, .down .menu_btn span:after, .over .menu_btn span:before, .over .menu_btn span:after  {background: #000 !important}
.down .menu_btn a img, .over .menu_btn a img {-webkit-filter:brightness(1) invert(0.9); filter:brightness(1) invert(1) !important;}



/* header */
#header {width:100%; position:fixed; padding:0px 10px; left:0px; top:0px; z-index:9999; box-sizing:border-box; transition:all 0.3s 0s ease-in-out; /*border-bottom:1px solid rgba(255, 255, 255, 20%);*/}
.in_header {max-width:1440px; width:100%; height:100px; box-sizing:border-box; margin:0 auto; position:relative; z-index:9;}
#header h1 {position:absolute; left:0px; top:50%; transform:translateY(-50%); -wbkit-transform:translateY(-50%); overflow:hidden; transition:all 0.3s 0s ease-in-out; z-index:10;  }
#header h1 a {display:flex; color:#fff; font-size:18px; align-items:center; transition:all 0.3s 0s ease-in-out;}
#header h1 a img { }
#header h1 a .ico {width:68px}
#header h1 a > strong {padding-left:10px;}
.top_search:before {display:none; content:""; width:1px; height:20px; background:#000; position:absolute; left:-25px; top:50%; transform:translateY(-50%); opacity:0.4; transition:all 0.3s 0s ease-in-out;}
.top_search {position:absolute; right:190px; top:50%; transform:translateY(-50%);}
.top_search img {transition:all 0.3s 0s ease-in-out;}
.top_menu {display:flex; align-items:center; position:absolute; right:0px; top:50%; transform:translateY(-50%); }
/*.top_menu > li:not(:first-child):before {display:block; content:""; width:2px; height:2px; border-radius:100%; border-radius:100%; background:#333; position:absolute; left:-1px; top:50%; margin-top:-1px;}*/
.top_menu > li:not(:first-child) {position:relative; margin-left:13px;}
.top_menu > li a.txt_bt {display:flex; height:32px; border:1px solid #fff; color:#fff; padding:0px 10px; align-items:center; font-size:16px; font-weight:500; transition:all 0.3s 0s ease-in-out;}
.top_lang {padding-right:0px; position:absolute; right:240px; top:50%; transform:translateY(-50%);}

.top_lang > a {display:flex; height:26px; align-items:center; color:#fff; font-weight:400; font-size:18px; transition:all 0.3s 0s ease-in-out;}
.top_lang > a img {margin-right:8px; transition:all 0.3s 0s ease-in-out;}



.searchPop {width:100%; position:absolute; left:0px; top:100%; background:#fff; border-top:1px solid #000; border-bottom:1px solid #eee; box-shadow:0px 3px 5px rgba(0, 0, 0, 10%); padding:0px 5vw; font-size:18px;}
.searchPop .inner {width:100%; max-width:1400px; position:relative; height:240px; display:flex; justify-content:center; align-items:center;}
.searchPop .search_area_wrap {width:100%; margin-top:0px;}

.searchPop .search_area .input {background:none} 
.searchPop .close {position:absolute; right:0px; bottom:30px;} 
.searchPop .close a {color:#181818; font-weight:400; line-height:1.4em; height:24px; text-indent:-999999px; display:block; font-size:0px;} 
.searchPop .x_btn {padding-left:24px;}
.searchPop .x_btn:after {display:block; content:""; width:20px; height:4px; background:#333; transform-origin:center; transform:translate(-50%, -50%) rotate(45deg); position:absolute; top:55%; left:10px}
.searchPop .x_btn:before {display:block; content:""; width:20px; height:4px; background:#333; transform-origin:center; transform:translate(-50%, -50%) rotate(135deg); position:absolute; top:55%; left:10px;}
.search_area_wrap {margin:20px auto 0px auto; max-width:925px; position:relative;}
.search_area {display:flex; overflow:hidden; border-bottom:4px solid #000; height:52px; align-items:center; position:relative; z-index:1; font-weight:500; margin-bottom:25px;}
.search_area:before {content:""; width:calc(100% - 105px); background:#fff; position:absolute; left:0px; top:0px; bottom:0px; z-index:-1; }
.search_area .input {border:none; outline:none; flex:1; width:100%;}
.search_area .check {min-width:160px; color:#999999;}
.search_area .btn {min-width:40px; height:100%; display:flex; justify-content:center ;align-items:center; color:#fff; font-size:1.444em; line-height:1.3em; font-weight:600; background:url(../img/common/search.png) no-repeat center center; text-indent:-99999px;}



/* wrap */
#wrap {width:100%; overflow:hidden; margin:0 auto; transition:all 0.3s 0s ease-in-out;}
#inner_wrap {max-width:100%; margin:0 auto; position:relative; padding:50px 10px 100px 10px;}
#inner_wrap:after {clear:both; content:""; display:block;}
#inner_wrap.no_visual {padding-top:70px;}

.inner {max-width:1440px; margin:0 auto;}
.inner:after { clear:both; content:""; display:block;}
.bg_wrap {background:#f2f2f2}




.m_gnb_on {display:none;  position:absolute; right:10px; top:50%; box-sizing:border-box; transform:translateY(-50%);}
.m_gnb_on .menu_btn {margin:0 auto;}
.menu_btn {position:absolute; right:10px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); box-sizing:border-box; display:block; }
.menu_btn a {width:33px; height:22px;}
.menu_btn a img { transition:all 0.3s 0s ease-in-out;}


/*.menu_btn a:before {display:block; content:"Menu"; position:absolute; right:100%; top:0px; line-height:20px; color:#fff; font-size:16px; padding-right:10px; font-weight:400;}*/





/* GNB */
.w_gnb {padding:0px 200px;}
.w_gnb .gnb {max-width:710px; margin:0 auto; box-sizing:border-box; padding:0px;}
.w_gnb .gnb > ul {display:flex; flex-wrap:wrap; justify-content:space-around}
.w_gnb .gnb > ul > li {text-align:center; flex:auto; padding:0px 5px; vertical-align:top; }

.w_gnb .gnb > ul > li > a {display:block; color:#000;}
.w_gnb .gnb > ul > li > a > span {display:flex; justify-content:center; align-items:center; box-sizing:border-box; font-size:23px; font-weight:600; height:100px; transition:all 0.2s 0s ease-in-out; position:relative;}

.w_gnb .gnb > ul > li:hover > a > span { color:#000;}
/*.w_gnb .gnb > ul > li:hover > a:after {display:block; content:""; width:8px; height:8px; border-left:1px solid #333; border-top:1px solid #333; position:absolute; left:50%; top:100%; margin:-4px 0px 0px -4px; background:#fff; transform:rotate(45deg); -webkit-transform:rotate(45deg); z-index:99}*/


.w_gnb .sub_menu {display:none; position:absolute; left:0%; width:100%; box-sizing:border-box; overflow:hidden; top:100%; padding:25px 0px 105px 385px; padding-left:min(385px, 26.73vw); box-sizing:border-box; overflow:hidden; background:url(../img/common/gnb_bar.jpg) no-repeat min(387px, 26.875vw) calc(100% - 25px);}
.w_gnb .sub_menu:after {display:block; content:""; width:1px; height:100%; position:absolute; left:min(360px, 25vw); top:0px; background:#ccc; opacity:0.5;}
.w_gnb .sub_menu > li {float:left; width:20%; padding:4px 4px;}
.w_gnb .sub_menu > li > a {display:flex; height:50px; align-items:center; border:1px solid #ccc; border-radius:6px; font-size:16px; color:#666666; font-weight:600; padding:0px 20px; transition:all 0.2s 0s ease-in-out; word-break:keep-all;}
.w_gnb .sub_menu > li > a:hover {color:#009477; border-color:#009477;}


/*
.w_gnb .sub_menu  {position:absolute; left:50%; width:140%; transform:translateX(-50%);padding-top:20px; box-sizing:border-box; overflow:hidden; top:100%; display:none; padding-bottom:20px;}
.w_gnb .sub_menu > li {padding:5px 0px 5px 0; letter-spacing:-0.5px;}
.w_gnb .sub_menu > li > a {display:block; font-size:15px; text-align:center; color:#cccccc; font-weight:400; padding:3px 0px;  line-height:18px;}
.w_gnb .sub_menu > li > a:hover {color:#fff; text-decoration:underline;}
*/


/*:where(.gnb02, .gnb03, .gnb04) .sub_menu {display:none !important}*/



.gnb08 {display:none !important;}
.gnb09 {display:none !important;}
.w_gnb .m_gnb_on {position:absolute; right:0px; top:-1px; padding:21px; background:#2d3749}
#gnb_bar {border-top:1px solid #ccc;position:absolute; display:none; left:0%; top:100%; width:100%; background:#fff; box-shadow:0px 2px 5px rgba(0, 0, 0, 10%)}
.gnb_bar_in {max-width:1440px; margin:0 auto; box-sizing:border-box; padding-left:min(360px, 25vw); position:relative; }
.gnb_bar_in > span {font-size:36px; color:#000000; line-height:140%; position:absolute; left:10px; top:0%; height:100%; display:flex; padding-top:25px; z-index:9; font-weight:700; cursor:default;  font-family:'Hana2';}
.gnb_bar_in .txt_s {font-size:16px; color:#343434; line-height:140%; position:absolute; left:30px; top:105px; z-index:9; font-weight:300}
.gnb_bar_in .sub_menu {display:block !important; }




.slide_menu_wrap {width:80%; max-width:510px; box-sizing:border-box; height:100%;  z-index:998; position:fixed; right:-90%; top:0px; bottom:0px; box-shadow:-1px 0px 5px rgb(0, 0, 0, 0.25); }
.slide_menu_wrap:after {display:block; content:""; width:0%; height:100%; background:#000; position:fixed; left:0%; top:0px; opacity:0.2;  transition:all 0.3s 0s ease-in-out;}
.slide_menu_wrap.on:after {width:100%}
.slide_menu_inner {height:100%; padding-top:70px; background:#fff; box-sizing:border-box; overflow-y:auto; overflow-x:inherit; -webkit-overflow-scrolling:touch; z-index:2; position:relative;}

.slide_menu_wrap .m_gnb_on {display:none !important}
.slide_menu_wrap .top_menu_wrap {text-align:center; position:relative; right:auto; top:auto; display:block; transform:none;}
.slide_menu_wrap .top_menu_wrap > .top_menu > li svg .white {fill:#333}
.slide_menu_wrap .top_menu {padding:0px 10px;}
.slide_menu_wrap .top_menu > li a .lang {background:url(../img/common/ico_lang.png) no-repeat left center !important;  background-size:14px auto; color:#fff; font-weight:600;}
.slide_menu_wrap .top_menu > li:nth-child(2):before {display:block;}
.slide_menu_wrap .top_menu > li:before {background:#fff !important;}
.slide_menu_wrap .top_menu {transform:none; margin-bottom:5px; right:auto; top:auto; position:relative; display:flex;}
.slide_menu_wrap .top_menu > li {width:50%; flex:1; box-sizing:border-box; float:none; padding:0px 2px; text-align:center; margin:0px;}
.slide_menu_wrap .top_menu > li > a {background:none !important; color:#333; display:flex; height:46px;justify-content:center; align-items:center; font-size:15px; font-weight:400; padding:0px; border:1px solid #ddd;}
.slide_menu_wrap .top_menu > li > a img {opacity:1 !important}
.slide_menu_wrap .top_menu > li > a img.pa {display:none;}
.slide_menu_wrap .in_header {background:url(../img/common/logo2.png) no-repeat 40% center; height:95px; padding:0px; background-size:50% auto;}

.slide_menu_wrap .gnb > ul {overflow:hidden;}
.slide_menu_wrap .gnb > ul > li {border-bottom:1px solid #e2e2e2; transform:translateX(30%); -webkit-transform:translateX(30%); transition:all 0.8s 0s ease-in-out; -webkit-transition:all 0.8s 0s ease-in-out;}
.slide_menu_wrap .gnb > ul > li > a {display:block; line-height:60px; font-size:18px; font-weight:600; color:#333; padding-left:50px; background:#fff;} 
.slide_menu_wrap .gnb > ul > li:hover > a {background:linear-gradient(-45deg, #005042, #018d70); color:#fff;}
.slide_menu_wrap .gnb > ul > li > a.on {background:linear-gradient(-45deg, #005042, #018d70); color:#fff; } 
.slide_menu_wrap .gnb .sub_menu {background:#fff; display:none; padding:10px 0px;}
.slide_menu_wrap .gnb .sub_menu > li {border-top:1px solid #eee;} 
.slide_menu_wrap .gnb .sub_menu > li:first-child {border-top:none;} 
.slide_menu_wrap .gnb .sub_menu > li > a {display:block; line-height:23px; padding:10px 0px 10px 50px; font-size:15px; color:#333; transition:all 0.3s 0s ease-in-out; -webkit-transition:all 0.3s 0s ease-in-out; font-weight:500;} 
.slide_menu_wrap .gnb .sub_menu > li > a:hover {padding-left:55px; } 

.slide_menu_wrap .gnb .three_depth > li {padding:0px 0px 0px 55px; } 
.slide_menu_wrap .gnb .three_depth > li > a {display:block; line-height:130%; padding:5px 0px 5px 10px; font-size:14px; color:#d62a6a; transition:all 0.3s 0s ease-in-out; -webkit-transition:all 0.3s 0s ease-in-out; position:relative;} 
.slide_menu_wrap .gnb .three_depth > li > a:before {display:block; content:""; width:5px; height:1px; background:#008e71; position:absolute; left:0px; top:50%;} 
.slide_menu_wrap .gnb .three_depth > li > a:hover {margin-left:5px;} 

.slide_menu_wrap.on .gnb > ul > li {transform:translateX(0%); -webkit-transform:translateX(0%); transition:all 0.8s 0s ease-in-out; -webkit-transition:all 0.8s 0s ease-in-out;}



/* visual */
.main_visual { padding:0px;}

.main_visual {width:100%; overflow:hidden; position:relative;}
.main_visual:before {display:block; content:""; height:100%; background:#000; opacity:0; width:100%; overflow:hidden; position:absolute; left:0px; top:0px; z-index:9}

.main_visual .main_video {position:absolute; left:0px; top:0px; width:100%; height:101%; object-fit:cover; }
.main_visual .inner {padding-bottom: 10%; display:flex; flex-direction: column; justify-content: center; flex-wrap:wrap; position:relative; color:#fff; z-index:10}
.main_visual .inner .ico_group {width:100%; padding-top:5em; display:flex; justify-content:flex-end;}
.main_visual .inner .ico_group > li {flex:1; max-width:265px; padding-left:10px; display:flex; flex-direction:column; line-height:1.4em; font-weight:600;}
.main_visual .inner .ico_group .ico {display:flex; align-items:flex-end; font-weight: 700;}
.main_visual .inner .ico_group .ico img {margin-right:1em; /*-webkit-filter: brightness(1) invert(1); filter: brightness(1) invert(1);*/}
.main_visual .inner .ico_group .tit {display:flex; color:#009178; text-shadow:2px 2px 3px rgba(0, 0, 0, 50%); align-items:flex-end }
.main_visual .inner .ico_group .tit > strong {font-size:72px; line-height:1em; font-weight:700; }
.main_visual .inner .ico_group .dec {opacity:0.9; font-size:16px; padding-top:1em}

.main_visual .inner .txt_a {font-size:69px; color: #009178; line-height:1.4em; text-shadow:2px 2px 3px rgba(0, 0, 0, 50%); font-weight:700; padding:0.3em 0px 0.3em 0px;}
.main_visual .inner .txt_b {width:100%; line-height:1.7em; font-weight:700;}
.main_visual .inner .txt_c {width:100%; font-size:17px; line-height:1.4em; font-weight:700;}







/* section */
.section {padding:0px 10px; font-size:20px; font-weight:400; line-height:140%; word-break:keep-all}
.section .inner {padding-top:100px; min-height: 1080px;}
.section .inner.recuruit {padding-top:0px;}

@media (hover:none) {
    .hover:hover .ico_circle {background:#007dc6;}
}



.more > a {color:#000; font-weight:600; font-size:14px; text-decoration:underline;}



.m_tit_wrap {text-align:center; padding:50px 0px 25px 0px; position:relative;}
.m_tit_wrap .dec {font-size:1.444em; line-height:1.4em; font-weight:400; padding-bottom:10px;}
.m_tit {padding:1em 0px 0.4em 0px; color:#000000; font-size:52px; line-height:120%; font-weight:700; }
.m_tit_txt {margin:0px 0px 0px 0px; word-break:keep-all; color:#666666; font-weight:400; line-height:1.4em;}

#section2 {padding:0px; margin:0 auto; overflow: hidden; background: #fff}
#section2 .inner {padding-bottom:5%; display: flex; flex-direction: column; justify-content: center; flex-wrap: wrap; position: relative; color: #000;}

.passion_wrap {max-width: 700px; margin: 0 auto; text-align: center}
.passion_wrap .dec {max-width: 700px; margin: 0 auto; text-align: center; font-size:1.3em; line-height: 1.3em; }
.passion_wrap > h3 {font-size:3.6em; margin-bottom: 0.3em; line-height: 1.4em; }
.card_area .card_dots {display: flex; gap:15px; justify-content: center; align-items: center; margin-top: 30px;}
.card_area .card_dots > li {position: relative; padding-bottom:15px;}
.card_area .card_dots > li > a {display: block;}
.card_area .card_dots > li > a:after {display: block; content: ""; width:0px; height:0px; background: #0d9377; position: absolute; left: 50%; bottom: 0px; transform:translateX(-50%); border-radius:100%; transition:all 0.3s 0s ease-in-out; -webkit-transition:all 0.3s 0s ease-in-out;}
.card_area .card_dots > li > a.on:after {width: 8px; height: 8px; }
.card_area .card {position: absolute; width:100%;	height:100%; transform: translateZ(5px);display:none;}
.card_area .card.on {display: block;}
.card_area .card > dl {position:absolute; width:100%; text-align:center; left:0px; top:53%; bottom:0px; color:#fff; font-size:18px; font-weight:500; line-height:1.4em;}
.card_area .card > dl > dt {font-size:2.83em; line-height:1.3em; font-family: 'Hana2'; text-shadow: 2px 2px 3px rgba(0, 0, 0, 80%); }
.card_area .card > dl > dd {padding-top:0.3em;}
.card_area .card > dl > dd.bt {text-align:center;position:absolute; left:0px; bottom:43px; width:100%;}
.card_area .card > dl > dd.bt > p {text-shadow:2px 2px 2px rgba(0, 0, 0, 80%); position:relative; display:inline-flex; height:38px; width:180px; border:1px solid rgba(255, 255, 255, 50%); align-items:center; justify-content:center; font-size:16px; border-radius:60px;}
.card_area .card > dl > dd.bt > p:after {content:""; position:absolute; right:10%; top:50%; transform:translateY(-50%) rotate(45deg); width:5px; height:5px; border-top:1px solid #fff; border-right:1px solid #fff;display: inline-block;}


.card_area #card4 > dl, .card_area #card6 > dl {top:45%}

.card_area .line {position: absolute; width:100%;	height:calc(100% - 1px);background: #0d9377;border-radius:31px; transform: translateZ(1px);}
.card_area .line2 {transform: translateZ(2px);}
.card_area .line3 {transform: translateZ(3px);}
.card_area .line4 {transform: translateZ(4px);}
.card_area .line5 {transform: translateZ(5px);}

#card_rotate {position: relative;width: 395px;height: 501px; margin: 0 auto; animation: rotate-axis 10s linear infinite; transform-style: preserve-3d;display: flex;    justify-content: center; z-index: 2}
#card_rotate.rotate1 { background: url(../img/main/card_bak01.png) no-repeat center center/cover; }
#card_rotate.rotate2 { background: url(../img/main/card_bak02.png) no-repeat center center/cover; }
#card_rotate.rotate3 { background: url(../img/main/card_bak03.png) no-repeat center center/cover; }
#card_rotate.rotate4 { background: url(../img/main/card_bak04.png) no-repeat center center/cover; }
#card_rotate.rotate5 { background: url(../img/main/card_bak05.png) no-repeat center center/cover; }
#card_rotate.rotate6 { background: url(../img/main/card_bak06.png) no-repeat center center/cover; }
.rotate1 .line {background:#c4342c}
.rotate2 .line {background:#028fc0}
.rotate3 .line {background:#ce6e1b}
.rotate4 .line {background:#6a3d77}
.rotate5 .line {background:#d69c12}
.rotate6 .line {background:#008142}


@keyframes rotate-axis {
    from {
        transform: perspective(1200px) rotateY(0deg);
    }
    to {
        transform: perspective(1200px) rotateY(360deg);
    }
}

.main_visual .scroll_ico {position:absolute; transform:translateX(-50%); -webkit-transform:translateX(-50%); right:-5%; bottom:100px; z-index:97}
.main_visual .scroll_ico > a {display: block; position: relative; padding-left:36px}
.main_visual .scroll_ico .txt {font-size: 14px; color: #000; font-family:'Hana2'; font-weight: 600; transform: rotate(-90deg); position: absolute; left: 0px; top:100%; transform-origin: 0px 0px; width: max-content;}



.system_slide_wrap {position:relative;}
.system_dots_wrap {position:absolute; width:100%; max-width:327px; height:100%; display:flex; align-items:center; top:0px; left:50%; transform:translateX(-223%)}
.system_dots_wrap .slick-dots {display:block !important}
.system_dots_wrap .slick-active .tab {background:#fff; color:#009178}
.system_dots_wrap .tab {display:flex; width:100%; font-size:26px; line-height:1.4em; font-family:'Hana2'; font-weight:600; padding:0px 1em; height:2.11em; align-items:center; border-radius:4px; color:rgba(255, 255, 255, 50%); transition:all 0.3s 0s ease-in-out;}
.system_dots {width:100%}
.slick-dots {width:100%; margin-left:-1em;}
.slick-dots > li {padding:0.4em 0px;}



.system_slide {height:100%;}
.system_slide .box {height:100vh;}
.system_slide .box .inner {padding-left:min(420px, 28vw); display:flex; align-items:center; height:100%; padding-top:0px; color:#fff;}
.system_slide .box .txt_a {font-size:69px; line-height:1.4em; font-weight:600;  font-family:'Hana2';}
.system_slide .box .txt_a .num {font-size:32px; line-height:1em; font-weight:300; color:rgba(255, 255, 255, 30%); display:flex; position:relative; margin-bottom:0.5em;}
.system_slide .box .txt_a .num:After {display:block; content:""; width:115px; margin:0.2em 0px 0px 0.5em; height:1px; background:#fff; opacity:0.5;}
.system_slide .box .txt_b {line-height:1.7em; font-weight:600; padding:1em 0px;}
.system_slide .box .bt {margin-top:2em;}
.arrow_bt > a {color:#fff; font-size:17px; font-weight:600; display:flex; align-items:center;}
.arrow_bt .arrow {margin-left:1em; display:block; width:40px; height:40px; background:url(../img/main/arrow2.png) no-repeat center/cover; text-indent:-99999em;}

.system_slide .bg01 {background:url(../img/main/s2_img01.jpg) no-repeat center top/cover}
.system_slide .bg02 {background:url(../img/main/s2_img02.jpg) no-repeat center top/cover}
.system_slide .bg03 {background:url(../img/main/s2_img03.jpg) no-repeat center top/cover}
.system_slide .bg04 {background:url(../img/main/s2_img04.jpg) no-repeat center top/cover}
.system_slide .bg05 {background:url(../img/main/s2_img05.jpg) no-repeat center top/cover}
.system_slide .bg06 {background:url(../img/main/s2_img06.jpg) no-repeat center top/cover}







.arrow_group > span {display:inline-flex !important; vertical-align:top; width:95px; height:95px; font-weight:100; justify-content:center; align-items:center; color:#fff; font-size:17px; background:#181818; position:relative; border-radius:100%; cursor:pointer;  border:none; margin:0px 10px;}
.arrow_group > span:first-child {margin-left:0px;}
.arrow_group > span:last-child {margin-right:0px;}

.arrow_group > .prevArrow:before {display:block; content:""; width:24px; height:26px; box-sizing:border-box; border:1px solid #fff; border-right:none; border-bottom:none; transform:rotate(-45deg); margin-right:-6px;}
.arrow_group > .nextArrow:after {display:block; content:""; width:24px; height:26px; box-sizing:border-box; border:1px solid #fff; border-right:none; border-bottom:none; transform:rotate(-225deg); margin-left:-6px;}

.arrow_group > span:hover {background-color:rgba(0, 0, 0, 70%) !important;}

#section3 {background:url(../img/main/bg_section3.jpg) no-repeat center top/cover}



.main_banner_wrap {display:flex; margin:-10px;}
.main_banner_wrap .banner {padding:10px;}
.main_banner_wrap .banner01 {width:37%;}
.main_banner_wrap .banner02 {width:37%;}
.main_banner_wrap .banner03 {width:26%}
.main_banner_wrap .box {width:100%; font-size:0.9em; border-radius:1.4em; padding:min(40px, 2.777vw) min(50px, 4vw); }
.main_banner_wrap .box + .box {margin-top:20px;}
.main_banner_wrap .box .head {display:flex; justify-content:space-between; flex-wrap:wrap; align-items:flex-end; padding-bottom:1em;}
.main_banner_wrap .head h4 {display:flex; align-items:center; font-size:26px; font-family:'Hana2'; font-weight:700;}
.main_banner_wrap .head h4 img {margin-left:1em}
.main_banner_wrap .txt_b {line-height:1.4em; font-weight:500;}
.main_banner_wrap .date {font-size:13px; padding-top:1em; line-height:1.4em; font-weight:600;}
.main_banner_wrap .notice {background:#fff; height: 100%}
.main_banner_wrap .notice .pic {overflow:hidden; padding-bottom:63.4259%; position:relative; margin-bottom:1em;}
.main_banner_wrap .notice .pic img {width:100%; height:100%; position:absolute; left:0px; top:0px;}
.main_banner_wrap .notice .txt_b {display:flex; color:#333333; overflow:hidden; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; align-items:center; font-size: 1.1em}
.main_banner_wrap .notice .txt_b .new {display:flex; color:#fff; border-radius:100%; min-width:30px; width:30px; height:30px; justify-content:center; align-items:center; font-size:13px; background:#018d70; margin-left:5px;}
.main_banner_wrap .notice .txt_b .in {display:inline-block; max-width:100%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.main_banner_wrap .notice .date {color:#999999}
.main_banner_wrap .notice .list { border-top:1px solid #000; padding-top: 1em; margin-top: 1em; }
.main_banner_wrap .notice .list > li {margin-top: 0.5em;}
.main_banner_wrap .notice .list > li > a {display: flex; overflow: hidden;}
.main_banner_wrap .notice .list > li > a .subj {flex:1; font-size: 16px; font-weight:500; line-height: 1.3em; color: #333; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; position: relative; padding-left: 0.8em}
.main_banner_wrap .notice .list > li > a .subj:before {display: block; content: ""; width:3px; height:3px; background: #018d70; border-radius:100%; position: absolute; left:0px; top:0.45em;}
.main_banner_wrap .notice .list > li > a .date {min-width:6.5em; text-align: right; padding: 0px;}

.main_banner_wrap .chart {background:#018d70; color:#fff; height: 100%}
.main_banner_wrap .chart .head h4 img {transform:translateY(-0.3em)}
.main_banner_wrap .chart > a {display: flex; flex-direction: column; position:relative; color:#fff; width:100%; height: 100%;}
.main_banner_wrap .chart .img {padding:2em 0px 1em 0px; text-align: center}
.main_banner_wrap .chart .img img {max-width:80%}
.main_banner_wrap .chart .btn {position: relative; margin-top: auto; background: #005042; height: 60px; width: 100%; border-radius:60px; color: #fff; display: flex; justify-content: center; align-items: center; font-size:16px;}
.main_banner_wrap .chart .btn:after {display:block; content:""; width:40px; height:40px; background:url(../img/main/arrow2.png) no-repeat left top/cover; position:absolute; right:10px; top: 50%; transform: translateY(-50%)}
.main_banner_wrap .news {height: 100%; background:#005042;}
.main_banner_wrap .news a {color:#fff;}
.main_banner_wrap .news .head h4 {color:#fff;}
.main_banner_wrap .news .pic {overflow:hidden; padding-bottom:63.4259%; position:relative; margin-bottom:1em;}
.main_banner_wrap .news .pic img {width:100%; height:100%; position:absolute; left:0px; top:0px;}
.main_banner_wrap .news .txt_a {font-weight:400; line-height:1.3em; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:2.6em; margin-top:1.5em; overflow:hidden; font-size: 1.1em}
.main_banner_wrap .news .txt_b {font-size:15px; font-weight:400; line-height:1.3em; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:2.6em; margin-top:1em; overflow:hidden; opacity:0.7;}
.main_banner_wrap .news .date {margin-top:min(47px, 3.2638vw)}
.main_banner_wrap .reits {background:#009178; color:#fff; min-height:215px;}
.main_banner_wrap .reits .more a {color:#fff;}
.main_banner_wrap .reits .item > a {display:block; color:#fff;}
.main_banner_wrap .reits .item .txt_b {color:#fff; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:2.6em; overflow:hidden;}
.main_banner_wrap .reits .item .date {color:#fff; margin-top:1em}
.main_banner_wrap .reits > a {position:relative; display:block; color:#fff; width:100%}
.main_banner_wrap .reits > a:after {display:block; content:""; width:40px; height:40px; background:url(../img/main/arrow2.png) no-repeat left top/cover; position:absolute; right:0px; bottom:0px;}
.main_banner_wrap .collective {background:#fff; margin-top:-40px !important; color:#000; position: relative; overflow: hidden}
.main_banner_wrap .collective_h {background: #009178; height:140px; color: #fff}
.main_banner_wrap .collective_h .head { color: #fff}
.main_banner_wrap .collective_h .head a {color: #fff}
.main_banner_wrap .collective .list {position: relative; z-index: 2}
.main_banner_wrap .collective .list > li:not(:first-child) {padding-top:1em; margin-top:1em; border-top:1px solid #f0f0f0}
.main_banner_wrap .collective .txt_b {color:#333333; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:2.6em; overflow:hidden}
.main_banner_wrap .collective .date {color:#999999;}
.main_banner_wrap .reits .slick-dots > li > button {width:9px; height:9px; }
.main_banner_wrap .reits .slick-dots > li.slick-active > button {width:9px; height:9px; background:#fff  }

.main_banner_wrap .slick-dots {display:flex; align-items:center; justify-content:flex-end; position:absolute; right:0px; bottom:0px;}
.main_banner_wrap .slick-dots > li:not(:first-child) {margin-left:5px;}
.main_banner_wrap .slick-dots > li > button {width:13px; height:13px; border-radius:13px; background:#fff; opacity:0.7; font-size:0px;}
.main_banner_wrap .slick-dots > li.slick-active > button {width:57px; background:#009178; opacity:1;}


#section4 {background:url(../img/main/bg_section4.jpg) no-repeat center top/cover}
.recuruit {display:flex; align-items:center; justify-content:space-between;}
.recuruit > div {width:50%;}
.recuruit .img img {transform:translateY(15%);}
.recuruit .info {color:#fff;}
.recuruit .info .txt_c {font-size:32px; margin-bottom:0.6em}
.recuruit .info .txt_a {font-size:69px; font-size:69px; line-height:1.4em; font-weight:600;}
.recuruit .info .txt_b { line-height:1.7em; font-weight:600; padding:1em 0px;}
.recuruit .info .arrow_bt {padding-top:2em}

#section5 {color:#fff; background:url(../img/main/bg_section5.jpg) no-repeat center top/cover}
#section5 .service {max-width:720px; }
.service .m_tit {color:#fff;}
.service .icons {display:flex; margin:55px -5px 45px -5px; justify-content:space-between;}
.service .icons > li {width:20%; padding:0px 5px; text-align:center;}
.service .icons > li > a {display:inline-block; font-size:0.9em; color:#fff; font-weight:600;}
.service .icons > li > a:hover .ico {transform:translateY(-8px)}
.service .icons .ico {display:flex; justify-content:center; align-items:center; padding:5px; background:#fff; border-radius:100%; width:min(127px, 17.638vw); height:min(127px, 17.638vw); margin-bottom:0.5em; transition:all 0.3s 0s ease-in-out;}
.service .icons .ico img {max-width:70%}
.service .banner {display:flex; margin:-8px;}
.service .banner > li {width:50%; padding:8px;}
.service .banner > li > a {display:block; background:#018d70; color:#fff; padding:min(25px, 3.47vw) min(39px, 5.4vw); background:#018d70; position:relative; border-radius:4px;  transition:all 0.2s 0s ease-in-out; }
.service .banner > li > a:hover {background:#00735b}
.service .banner dt {font-size:26px; line-height:1.6em; }
.service .banner dt .ico {display:block; position:relative; background:url(../img/main/arrow3.png) no-repeat right 10%;}
.service .banner dd {font-size:0.85em; line-height:1.5em; opacity:0.7; margin-top:0.5em;}

#section6 {padding:0px !important;}


.quick_video {position: fixed; right: 10px; bottom:10px; z-index: 999; transition:all 0.3s 0s ease-in-out;}
.quick_video > a {display:block;}

.pop_video {position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; padding: 10px; background: rgba(0, 0, 0, 70%); z-index: 99999}
.pop_video .video_frame {line-height: 0px; width: 100%; max-width:900px; display: inline-block}
.pop_video .video_frame video {width: 100% !important;}
.pop_video .video_frame .close {text-align:right;}
.pop_video .video_frame .close > a {display:inline-block; position: relative; width:40px; height:40px; font-size:1px;overflow: hidden; text-indent:-999999rem;}
.pop_video .video_frame .close > a:after {display:block; content:""; width:20px; height:4px; background:#fff; transform-origin:center; transform:translate(-50%, -50%) rotate(45deg); position:absolute; top:50%; left:50%;}
.pop_video .video_frame .close > a:before {display:block; content:""; width:20px; height:4px; background:#fff; transform-origin:center; transform:translate(-50%, -50%) rotate(135deg); position:absolute; top:50%; left:50%;}


#section7 {padding-left: 0px; padding-right: 0px; background: url(../img/main/bg_section7.jpg) no-repeat center top/cover}
#section7 .inner {min-height: inherit; max-width: 100vw; padding-bottom: 100px;}
.partner_slide {margin-top:60px; display: flex;}
.partner_slide.right {margin-top:20px;}
.partner_slide .pslide {padding:0px 10px;}
.partner_slide .pslide img {max-width:min(315px, 18vw);}


.txt_slide {position:relative; width:100%; overflow-x:hidden; overflow-y:hidden; display:flex; align-items:center; }
/*.txt_slide .track {display:inline-block; white-space:nowrap; will-change:transform; animation:marquee 30s linear infinite; }
.right .txt_slide {justify-content: flex-end}
.right .txt_slide .track {display:inline-block; white-space:nowrap; will-change:transform; animation:marquee2 30s linear infinite; }
.txt_slide .track .content {display: flex;}

@keyframes marquee {
  from { transform:translateX(0); }
  to { transform:translateX(-50%); }
}
@keyframes marquee2 {
  from { transform:translateX(0%); }
  to { transform:translateX(50%); }
}
*/






a.main_bt {display:inline-flex; min-width:185px; height:50px; background:#0083cb; padding:15px 0px; box-sizing:border-box; border-radius:6px; justify-content:space-between; align-items:center; font-size:15px; font-weight:400; position:relative; overflow:hidden}

a.main_bt .txt {flex:1; color:#fff; text-align:center; z-index:2;  transition:all 0.3s 0s ease-in-out; }
a.main_bt .plus {width:50px; border-left:1px solid #4da8db; display:flex; justify-content:center; align-items:center; font-size:20px; color:#80c1e5; font-weight:800; z-index:2}


a.over:after {display:block; content:""; position:absolute; top:0; left:-20px; z-index:1; width:120%; height:100%; border-radius:6px; background:#0a79d5; transform:scaleX(0); transform-origin:right; transition:transform .6s cubic-bezier(.785,.135,.15,.86);}
a.over:hover:after {transform:scaleX(1); transform-origin:left;}
a.over:hover .txt {opacity:0.7;}

a.line_bt {display:inline-flex; min-width:185px; color:#fff; height:50px; border:1px solid #fff; padding:15px 0px; box-sizing:border-box; border-radius:6px; justify-content:center; align-items:center; font-size:15px; font-weight:400; position:relative; overflow:hidden; transition:all 0.3s 0s ease-in-out;}
a.line_bt:hover {border-color:rgba(255, 255, 255, 50%)}

a.line_bt.over:after {top:0; left:-20px; z-index:-1; border-radius:6px; background:#000; transform:scaleX(0); transform-origin:right; transition:transform .6s cubic-bezier(.785,.135,.15,.86); opacity:0.7;}
a.over:hover:after {transform:scaleX(1); transform-origin:left;}



/* footer */
#footerW {clear:both; background:#f4f6fa; position:relative; padding:0px 10px;}
#footerW.z_over {z-index:101; position:relative;}
#footer_navi {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; padding:30px 0px 15px 0px; border-bottom:1px solid #dbdde1}
#footer_navi .navi {display:flex; align-items:center;}
#footer_navi .navi {display:flex; flex-wrap:wrap; margin:0px -13px; padding:10px 0px; align-items:center;}
#footer_navi .navi > li {padding:0px 13px; position:relative;}

#footer_navi .navi > li:not(:first-child):after {display:block; content:""; width:1px; height:14px; background:#333; position:absolute; left:0px; top:50%; margin-top:-7px; }
#footer_navi .navi > li a {display:block; font-size:16px; color:#333333; font-family:'Hana2'; line-height:1.3em; font-weight:600;}



#footer_navi .btn {width:30%; max-width:289px; min-width:20%;}
#footer_navi .btn .down {display:flex; justify-content:space-between; align-items:center; background:#fff; border:1px solid #cccccc; color:#666666; cursor:pointer; font-size:15px; align-items:center; height:60px; padding:2px 13px 2px 17px; box-sizing:border-box; font-weight:400; margin-bottom:10px;}


#footer { position:relative; max-width:1440px; margin:0 auto; }
#footer .go_top {z-index:99}
#footer .go_top > a {display:block; color:#333; text-align:center; background:#252b2b; padding:15px;}
#footer .addressW {padding:30px 0px 45px 0px; box-sizing:border-box; font-size:15px; color:#666666; line-height:1.4em; font-weight:500; position:relative; display:flex; flex-wrap:wrap; align-items:center;}
#footer .addressW .f_logo {min-width:230px; align-self:flex-start}
#footer .addressW .logos {min-width:340px; display:flex; align-items:center; justify-content:space-between}
#footer .go_top > a {display:flex; justify-content:center; align-items:center; color:#fff !important; width:67px; height:67px; background:#181a26; border-radius:100%; flex-direction:column; font-size:10px;}
#footer .go_top > a .txt {display:block; font-weight:500; line-height:1.2em;}



#footer .addressW a {color:#666666}
#footer .addressW address {flex:1; line-height:150%;}

#footer .addressW address .tel {font-size:16px; font-weight:600; line-height:1.3em; align-items:center;color:#333333; display:flex; flex-wrap:wrap; padding-bottom:1em}
#footer .addressW address .tel .mont {padding-left:0.5em; font-size:32px; line-height:1.3em; font-weight:700;}
#footer .addressW address .tel a {color:#333333;}


#footerW .copy {font-size:13px; color:#666666; position:relative;}


#footerW.z_over {z-index:101; position:relative;}
#footerW .familySite { z-index:109; position:relative;}
#footerW .familySite ul.show {display:block;}
#footerW .familySite ul {position:absolute; right:0px; bottom:100%; display:none; background:#363636; width:100%; border-top:1px solid #6c6f78;}
#footerW .familySite ul li {min-height:43px; border:1px solid #6c6f78; border-top:none; line-height:43px; font-size:13px; }
#footerW .familySite ul li:last-child {border-bottom:1px solid #6c6f78; }
#footerW .familySite ul li a {display:block; text-align:left; color:#fff; padding-left:17px; font-weight:300;}
#footerW .familySite ul li a:hover {color:#c0c2c5; background:#272727}
#footerW .familySite p.on {width:100%; text-align:left;  background:#fff; border:1px solid #cccccc; color:#666666; cursor:pointer; font-size:15px; display:flex; align-items:center; height:53px; padding:2px 32px 2px 17px; border-radius:4px;  box-sizing:border-box; font-weight:400;}
#footerW .familySite p.on:after {display:block; content:""; border-bottom:6px solid #333; border-left:5px solid transparent; border-right:5px solid transparent; position:absolute; right:20px; top:50%; transform:translateY(-50%)}



#content {width:100%; max-width:1440px; margin:0 auto; padding:30px 0px;}
#content:after {clear:both; content:""; display:block;}



.sub_visual {width:100%; box-sizing:border-box; overflow:hidden; position:relative; background-size:cover !important;}
.sub_visual {width:100%; box-sizing:border-box; overflow:hidden; position:relative; background-size:cover !important;}

/*
.sub_visual:before {display:block; content:""; width:246px; height:296px; background:url(../img/common/sub_visual_bg01.png) no-repeat left top; position:absolute; left:50%; bottom:0px; margin-left:-960px;}
.sub_visual:after {display:block; content:""; width:432px; height:254px; background:url(../img/common/sub_visual_bg02.png) no-repeat left top; position:absolute; left:50%; bottom:0px; margin-left:460px;}
*/
.sub_visual .sub_txt {text-align:center; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; height:550px;  color:#fff; font-size:24px; line-height:1.4em; z-index:999; margin:0 auto; max-width:1440px; padding:0px 10px; word-break:keep-all}
.sub_visual .sub_txt h2 {padding-bottom:10px; font-size:69px; font-family:'Hana2'; line-height:1.4em; font-weight:700;}
.sub_visual .navi {display:none; position:absolute; top:50%; transform:translateY(-50%);}
.sub_visual .navi a {color:#fff; font-size:18px; position:relative; line-height:1.4em; font-weight:500;}
.sub_visual .navi a:after {content:''; width:13px; height:13px; border-top:5px solid #fff; border-right:5px solid #fff; border-radius:4px; display:inline-block; transform:rotate(45deg);}

.sub_visual .prevMenu {left:10px;}
.sub_visual .nextMenu {right:10px;}
.sub_visual .nextMenu > a {padding-right:20px;}
.sub_visual .prevMenu > a {padding-left:20px;}

.sub_visual .nextMenu > a:after {position:absolute; right:0px; top:50%; margin-top:-8px;}
.sub_visual .prevMenu > a:after {position:absolute; left:0px; top:50%; margin-top:-8px; transform:rotate(-135deg);}

.sub_visual .sub_txt > div {}
/*.down .sub_visual .sub_txt > div {width:100%; display:flex; justify-content:center; align-items:center; flex-direction:column; height:250px; border-top:1px solid #000; position:fixed; left:0px; top:101px; background:#fff; color:#333333;box-shadow:0px 0px 13px rgba(0, 0, 0, 20%); z-index:9; font-size:0.75em; line-height:1.4em; transition:all 0.3s 0s ease-in-out;}*/

.sub_wrap_1 .sub_visual {background:url(../img/introduce/sub_visual.jpg?ver=250314) no-repeat center top/cover;}
.sub_wrap_2 .sub_visual {background:url(../img/service/sub_visual.jpg) no-repeat center top/cover;}
.sub_wrap_3 .sub_visual {background:url(../img/system/sub_visual.jpg) no-repeat center top/cover;}
.sub_wrap_4 .sub_visual {background:url(../img/recruit/sub_visual.jpg?ver=250314) no-repeat center top/cover;}
.sub_wrap_5 .sub_visual {background:url(../img/news/sub_visual.jpg?ver=250314) no-repeat center top/cover;}






.sub_wrap {opacity:0;}
.sub_wrap .w_gnb .gnb > ul > li > a {color:#fff;}
.sub_wrap #header h1 img {-webkit-filter:invert(100%) sepia(0%) saturate(0%) hue-rotate(353deg) brightness(400%) contrast(102%); filter:invert(100%) sepia(0%) saturate(0%) hue-rotate(353deg) brightness(400%) contrast(102%);}
.sub_wrap.down.up #header h1 img {-webkit-filter: brightness(1) invert(0); filter: brightness(1) invert(0);}
.sub_wrap .menu_btn a span {background:#fff}
.sub_wrap .menu_btn span, .sub_wrap .menu_btn span:before, .sub_wrap .menu_btn span:after {background:#fff}
/*
.sub_wrap #header {background:#fff; }

.sub_wrap .w_gnb .gnb > ul > li > a {color:#000;}
.sub_wrap .top_search > button {color:#000;}
.sub_wrap .top_search > button img {-webkit-filter:brightness(1) invert(0.9); filter:brightness(1) invert(1);}
.sub_wrap .top_search:before {background:#000;}
.sub_wrap .top_lang > a  {color:#000;}
.sub_wrap .top_lang > a img  {webkit-filter:brightness(1) invert(0.9); filter:brightness(1) invert(1);}
.sub_wrap .top_menu > li a.txt_bt {border:1px solid #cccccc; color:#000;}
.sub_wrap .menu_btn a span {background:#000}
.sub_wrap .menu_btn span, .sub_wrap .menu_btn span:before, .sub_wrap .menu_btn span:after {background:#000}

*/
.sub_wrap #header.down {top:-100px;}
.sub_wrap.up #header {top:0px !important; transition:all 0.3s;}





#sub_tit {font-size:72px; font-weight:700; line-height:1.2em;}
#sub_tit .txt_s {font-size:36px; display:inline-block;}

.lnb_position {position:relative; height:78px; margin-top:-78px}

#m_lnb {display:none;}
#lnb_wrap {position:absolute; z-index:99; word-break:keep-all; box-shadow:none; box-sizing:border-box; max-width:1440px; margin:0 auto; left:50%; top:0px; transform:translateX(-50%); width:100%; }

#lnb_wrap .lnbs1 {display:none;}

#lnb_wrap .lnb {display:flex; margin:0 auto; box-sizing:border-box; position:relative; z-index:9; left:50%; transform:translateX(-50%); transition:all 0.3s;  /*box-shadow:0 6px 10px rgb(0 0 0 / 9%);*/}
#lnb_wrap .lnb:before {display:block; content:""; max-width:1720px; width:100%; height:100%; box-sizing:border-box; border-left:none; border-right:none; left:50%; transform:translateX(-50%); position:absolute; background:#009178; border-radius:4px;  z-index:-1;}
#lnb_wrap .lnb .lnbs { width:50%; max-width:240px; box-sizing:border-box; border-right:1px solid #6ed6a1; position:relative;}
#lnb_wrap .lnb .lnbs .copy_menu { position:absolute; left:0px; top:calc(100% + 0px); top:-webkit-calc(100% + 0px); width:100%; border-left:1px solid #e2e2e2;  border-right:1px solid #e2e2e2;  border-top:1px solid #e2e2e2; display:none; background:#fff;}
#lnb_wrap .lnb .lnbs .sub_menu {display:none !important;}

#lnb_wrap .ico_home {display:none;}
#lnb_wrap .ico_home a {display:block; width:60px; height:100%; text-indent:-1000px; font-size:0px; background:url(../img/common/ico_home.png) no-repeat center center #df3c45 ;}
.lnb ul li {color:#666666; display:block; padding:0px; margin-top:0px;}
.lnb .three_depth {padding:10px;}
.lnb ul li a {color:#666; font-size:15px; display:block; line-height:130%; min-height:30px; height:auto; padding:15px 0px 15px 20px; border-bottom:1px solid #e2e2e2; box-sizing:border-box; text-align:left; border-top:none; font-weight:500;}
.lnb ul li a:hover {color:#000;}
.lnb .three_depth {border:none;}
.lnb ul li .three_depth a {padding:6px 15px; border:none; font-size:13px;}

.lnbs2 ul li.on a {border-radius:0px; }

#lnb_wrap .lnb .lnbs2 {display:none;}
#lnb_wrap .lnbs3 {width:100%; margin:0 auto;}
#lnb_wrap .lnbs3 > ul {display:flex; height: 78px; align-items:center; flex-wrap:wrap; max-width:1440px; margin:0 auto; justify-content:center}
#lnb_wrap .lnbs3 > ul > li {position:relative; flex:1; padding:0px 1em; display:flex; justify-content:center; align-items:center;}
#lnb_wrap .lnbs3 > ul > li:not(:first-child):before {display:block; content:""; width:1px; height:14px; background:#fff; position:absolute; left:0px; top:50%; transform:translateY(-50%); opacity:0.3;}


#lnb_wrap .lnbs3 > ul > li:first-child > a {border:none;}
#lnb_wrap .lnbs3 > ul > li > a {display:inline-flex; justify-content:center; align-items:center; box-sizing:border-box; font-weight:400; padding:0px; font-size:17px; border:none; position:relative; color:#fff; font-family:'Hana2'; text-align: center}
#lnb_wrap .lnbs3 > ul > li.on > a {color:#009178; border-radius:60px; background: #fff; padding:0.5em 1.5em; font-weight: 700; position:relative;}
/*#lnb_wrap .lnbs3 > ul > li.on > a:after {display:block; content:""; width:100%; height:5px; background:#fff; position:absolute; left:0px; bottom:0px;}*/





.drop.on .four_depth {display:block;}
.four_depth {background:#ececec; border-bottom:1px solid #e2e2e2 ; display:none;}
.lnb .four_depth li a {color:#333 !important; font-size:12px; line-height:18px; min-height:18px; height:auto; padding:10px 0px 10px 30px; background:#f4f4f4 !important; border:none !important; position:relative;}
.lnb .four_depth li a:before {display:block; content:""; width:5px; height:1px; background:#333; position:absolute; left:20px; top:50%;}
.lnb .four_depth li.on a {color:#55b664  !important;}
.lnb .four_depth li.on a:before {background:#55b664;}
.lnbs3 ul li.drop > a {position:relative;}
.drop > a:before {display:block; content:""; width:11px; height:1px; background:#999; position:absolute; right:0%; top:50%; margin:0px 10px 0px 0px;}
.drop > a:after {display:block; content:""; width:1px; height:11px; background:#999; position:absolute; right:0%; top:50%; margin:-5px 15px 0px 0px;}
.drop.on > a:before {background:#fff;}
.drop.on > a:after {background:#fff;}

.drop > a.on:after {display:none;}



.lnb_tit, a.lnb_tit {font-size:16px; display:block; box-sizing:border-box; padding-left:20px; color:#fff; line-height:60px; height:60px; cursor:pointer; padding-right:20px; font-weight:600; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.lnb_tit:after {display:block; content:""; position:absolute; right:20px; top:50%; transform:translateY(-50%); width:0; height:0;border-top:7px solid #fff; border-left:5px solid transparent; border-right:5px solid transparent; transition:all 0.2s 0s ease-in-out;}
.lnb_tit.on:after {transform:rotate(-180deg); margin-top:-5px}


#lnb_menu .three_depth {display:none;}




.lnbs3 {padding-left:10px; padding-right:10px;}


#lnb_wrap.fixed {transform:none;}
#lnb_wrap.fixed .lnb {position:fixed; top:0px; width:100%; max-width:1440px; left:50%; transform:translateX(-50%);}
.up #lnb_wrap.fixed .lnb {top:100px;}






.title_bar {max-width:1440px; margin:60px auto 20px auto; position:relative;}
/*.title_bar:after {display:block; content:""; width:331px; height:167px; background:url(../img/introduce/01_img01.jpg) no-repeat 50% top/cover; position:absolute; right:50%; top:30px; margin-right:370px;}*/
.title_bar h2 {font-size: 2.6666em; color: #000000; font-family: 'Hana2'; line-height: 130%; font-weight: 800;}
/*.title_bar h2:after {display:block; content:""; width:1px; height:33px; margin:0 auto; margin-top:20px; background:#333}*/

.title_bar .s_txt {font-size:20px; text-align:center; color:#333333; padding-top:10px; line-height:140%; font-weight:300; word-break:keep-all}
.big_tit {font-size:46px; color:#000000; line-height:100%; transition:all 0.2s 0s ease-in-out; font-weight:700; padding:40px 0px 30px 0px;}


.location {position:relative; text-align:center; margin:0 auto; line-height:40px; height:40px; font-size:16px;}
.location span {display:inline-block; zoom:1; *display:inline; margin-left:14px; color:#fff; font-weight:400;}
.location > span:after {display:block; content:""; width:5px; height:5px; border-top:2px solid #fff; border-right:2px solid #fff; display:inline-block; transform:rotate(45deg); margin-left:11px; border-bottom:2px solid transparent; border-left:2px solid transparent;}
.location > span.home:after {display:none;}
.location > span:last-child:after {display:none;}
.location span:first-child {padding-left:0px; margin-left:0px; background:none}
.location #location_2 {font-weight:600; color:#fff}
.location #location_3 {font-weight:600;}
.location img {vertical-align:middle; margin-top:-4px;}
.sub_con { max-width:1440px; margin:0 auto; font-size:18px; font-weight:400; line-height:160%; color:#333333; word-break:keep-all;}
.sub_con > .s_tit:first-child {margin-top:0px;}
.sub_con img {max-width:100%;}



.s_tit {font-size:2.6666em; color:#000000; font-family:'Hana2'; line-height:130%; padding:0px 0px 20px 0px;  position:relative; margin-top:60px; font-weight:800; display:flex; align-items:center;}
.s_tit.no-flex {display:block; line-height:1.3em;}

.s_tit img {vertical-align:middle;}
/*
.s_tit:before {display:block; content:""; z-index:0; width:26px; height:26px; border-radius:100%; background:linear-gradient( 120deg, #00aa53, #005e9c ); align-self:flex-start; margin-right:10px;}
.s_tit:after {display:block; content:""; position:absolute; left:9px; top:10px; width:4px; height:4px; border-top:1px solid #fff; border-right:1px solid #fff; transform:rotate(45deg);}
*/
.txt_in {padding-left:36px}
.b_txt {font-size:1.44em; font-weight:700; margin-top:40px; margin-bottom:10px; line-height:1.3em;}
.b_txt + p {margin-top:-5px;}

.s_tit.tc {text-align:center; justify-content:center; background:none !important; padding-left:0px;}
.s_tit.tc:after {display:none;}
.s_tit.tc:before {display:none;}
.ss_tit {font-size:2em; position:relative; color:#333333; line-height:140%; padding:0px 0px 0px 0px; margin-bottom:20px; margin-top:45px; font-weight:700; display:flex; align-items:center;}
.ss_tit.tc {justify-content:center; text-align:center}
.ss_tit.no-flex {display:block;}
/*.ss_tit:before {display:block; content:""; min-width:23px; width:23px; height:23px; background:url(../img/common/tit_bul.png) no-repeat left center/cover; align-self:flex-start; margin-top:0.2em; margin-right:10px;}*/
.ss_tit > span{font-weight:300;}
.s_titW {max-width:1440px; margin:0 auto; padding:50px 0px 5px 0px;}

.sss_tit {font-size:1.7777em; color:#333333; margin:40px 0px 15px 0px; line-height:140%; position:relative;}
.sss_tit:before {display:none; content:""; width:10px; height:10px; background:#2b6b73 ; border-radius:100%; position:absolute; left:0px; top:8px;}
.ssss_tit {font-size:20px; color:#333; margin:40px 0px 10px 0px; line-height:140%; font-weight:700;}
.s_txt_r {text-align:right; margin-top:-35px; height:20px; padding-bottom:15px;}
.s_txt_r2 {height:40px; margin-top:-55px;}
.imgW img {max-width:100%;}

.box_txt {border:1px solid #d0d0d0; text-align:center; background:#f4f6f7; font-size:22px; line-height:140%; color:#004497; padding:30px 0px;}
.first_txt {font-size:2em !important; font-weight:500; line-height:140%; color:#000;}

.tit_wrap {display: flex; justify-content: space-between; align-items: flex-end; margin-bottom:0.8em}
.tit_wrap .sss_tit {margin-bottom: 0px;}


.down_btn {text-align:center; padding:30px 0px 20px 0px;}
.down_btn > a {display:inline-flex; flex-wrap:wrap; height:68px; padding:0px 30px; justify-content:center; align-items:center; border:3px solid #000; border-radius:6px; background:#fdd000}
.down_btn > a > span {display:inline-block; color:#000; font-size:22px; padding-right:30px; background:url(../img/common/ico_down4.png) no-repeat right center; font-weight:600;}

.video_wrap {padding-bottom:56%; position:relative;}
.video_wrap iframe {position:absolute; left:0px; top:0px; width:100% !important; height:100% !important;}

.youtube_wrap_max {max-width:1200px; margin:0 auto; overflow:hidden;}
.youtube_wrap {padding-bottom:56%; position:relative;}
.youtube_wrap iframe {position:absolute; left:0px; top:0px; width:100% !important; height:100% !important;}




.arrow_wrap {display:inline-block; padding-left:50px; background:url(../img/guide/arrow2.png) no-repeat left 6px; margin-left:10px;}


.point_box {padding:20px; background:#f3f4f8}

.check_txt {font-size:18px; color:#494949}



#add_date {position:relative; padding-right:115px;}
#add_date .bt {position:absolute; right:0px; top:0px;}

.tooltip {color:#ff751a; border:1px solid #ff751a; border-radius:6px; text-align:center; line-height:38px; width:38px; height:40px; box-sizing:border-box; font-size:1.5em; vertical-align:middle;}
.br_box {border:1px solid #dce1eb; padding:20px 20px 20px 20px;}
.t_box {background:#757a85; color:#fff; padding:5px 5%; display:inline-block;}
td .br_box {padding:5px;}
td .gray_box {padding:5px;}


.radio_group_row > li {padding-top:8px;}
.radio_group_row > li:first-child {padding-top:0px;}
.radio_group_row > li.disabled {opacity:0.4;}

.radio_group {display:flex; flex-wrap:wrap; margin:-5px -10px;}
.radio_group > li {padding:5px 10px;}
.radio_group > li.etc_li {width:100%; max-width:560px;}
.radio_group > li.etc_li .input {width:calc(100% - 70px) !important; width:-webkit-calc(100% - 70px) !important;}

.radio_group .input {width:auto !important;}

.input_group {padding:5px 0px 0px 0px; margin:-5px 0px 0px -15px;}
.input_group > li {display:inline-block; padding:5px 0px 0px 15px;}
.input_group .input {width:auto !important;}


.input_etc {position:relative; padding-left:62px; box-sizing:border-box;}
.input_etc .pa {position:absolute; left:0px; top:0px; font-size:14px; line-height:40px;}

.btn-tc {text-align:center; padding:30px 0px; border-top:1px solid #333333; margin-top:30px;}
.btn-tc > a {margin:0px 10px;}
.btn-tl {text-align:left; padding:30px 0px; border-top:2px solid #333333; margin-top:30px;}
.btn-tr {text-align:right; padding:30px 0px; border-top:2px solid #333333; margin-top:30px;}

.bt_close {width:18px; height:18px; display:inline-block; vertical-align:middle; background:url(../img/common/close_bt.gif) no-repeat center center; background-size:cover; text-indent:-9999px; background-size:10px auto;}

/*atab*/
.atab_wrap {background: #effbf7; border-radius:60px; padding:0.9em; margin:0 auto; margin-bottom:50px; }
.atab {display:flex; overflow-x:auto; gap:8px; justify-content:center; position:relative;}
.atab::-webkit-scrollbar {width:5px; height:8px; background-color:#eee;}
.atab::-webkit-scrollbar-thumb {background:#666;}
.atab li {flex:1;}
.atab li a {display:flex; height:2.94em; justify-content:center; align-items:center; background:#fff; text-align:center; font-weight:500; font-size:17px; line-height:1.2em; box-sizing:border-box; color:#000; padding:0px 5px; border-radius:60px; }
.atab li.on {position:relative; z-index:2;}
.atab li.on a {background:#009178; color:#fff;}

.btab {border-bottom:1px solid #cccc; margin-bottom:40px; display:flex; flex-wrap:wrap; justify-content:center; padding:1.5em 0px;}
.btab li {padding:2px 1em;}
.btab li a {color:#999999; font-weight:600;}
.btab li.on a {color:#009477; font-weight:700;}

.ctab {display:flex; overflow-x:auto; margin-bottom:50px; padding-bottom:10px; position:relative; margin:0px -5px;}
.ctab::-webkit-scrollbar {width:5px; height:8px; background-color:#eee;}
.ctab::-webkit-scrollbar-thumb {background:#666;}
.ctab li {flex:1; padding:0px 5px; min-width:fit-content;}
.ctab li a {display:flex; height:60px; justify-content:center; align-items:center; background:#fff; box-sizing:border-box; text-align:center; font-weight:700; font-size:18px; line-height:1.2em; box-sizing:border-box; color:#999999; padding:0px 1em; border:1px solid #cccccc;}
.ctab li.on {position:relative; z-index:2;}
.ctab li.on a { color:#009477; border-color:#009477}






.of_hi .fl50 {float:left; width:49%;}
.of_hi .fr50 {float:right; width:49%;}
.graybox { background:#cccccc; padding:10px;}
.no_flash { display:none;}

/* 레이어팝 */
#black {display:none; background-color:#000; display:none; height:100%; left:0; opacity:0.6; filter:alpha(opacity=60); position:fixed; top:0; width:100%; z-index:9999;}
.layerPop {-webkit-overflow-scrolling:touch; overflow-y:auto; width:100%; position:fixed; left:0; right:0; top:0; bottom:0; z-index:99999; /*background:#d7d7d7;*/ background:rgba(0, 0, 0, 50%);  zoom:1;}

.layerPop_inner {width:100%; height:100%; padding:15px; display:table; position:relative; margin:0 auto; box-sizing:border-box;}
.pop_wrap {display:table-cell; vertical-align:middle; position:relative;}
.pop_wrap .pop_body {padding:15px 20px; font-size:17px; line-height:1.5em; background:#fff; word-break:keep-all;}
.pop_wrap .pop_body .btns {padding-top:20px;}
.pop_wrap .popup_scroll {max-height:700px; overflow-y:auto;}
.pop_wrap .pop_wrap_in {width:100%; margin:0 auto; border:1px solid #ddd; box-shadow:6px 5px 5px rgba(0, 0, 0, 10%); border-radius:14px; overflow:hidden}
.pop_wrap .x_btn {position:absolute; right:10px; top:50%; transform:translateY(-50%); display:block; cursor:pointer; background:none; width:40px; height:40px; font-size:0px;}
.pop_wrap .x_btn:after {display:block; content:""; width:20px; height:4px; background:#fff; transform-origin:center; transform:translate(-50%, -50%) rotate(45deg); position:absolute; top:50%; left:50%;}
.pop_wrap .x_btn:before {display:block; content:""; width:20px; height:4px; background:#fff; transform-origin:center; transform:translate(-50%, -50%) rotate(135deg); position:absolute; top:50%; left:50%;}
.pop_wrap .pop_head.bg_no {background:#fff;}
.pop_wrap .pop_head.bg_no .title {color:#000}
/*.pop_wrap .pop_head.bg_no .x_btn {right:0px; top:0px; transform:none;}*/
.pop_wrap .pop_head.bg_no .x_btn:after {background:#000}
.pop_wrap .pop_head.bg_no .x_btn:before {background:#000;}
.pop_wrap .pop_head {min-height:60px; background:linear-gradient(-120deg, rgba(33,73,166,1) 0%, rgba(69,113,233,1) 100%); position:relative;}
.pop_wrap .pop_head .title {font-size:26px; line-height:140%; color:#fff; padding:20px 50px 15px 25px; text-align:left; font-weight:800;}
.pop_wrap .pop_head .title.tc {padding-left:50px;}
.pop_wrap .pop_head .s_txt {font-size:14px; line-height:14px;  color:#646464; text-align:center; padding:0px 0px 30px 0px;}
.pop_wrap .x_btn2 {position:absolute; right:0px; bottom:0px;}
.pop_wrap .x_btn3 {position:absolute; right:0px; bottom:-42px;}
.pop_body .btn-tc {padding:30px 0px 0px 0px; margin-top:25px;}
.pop_body .btn-tc > a {margin:0px 10px;}
.pol_sc {width:100%; height:310px; overflow-x:hidden; overflow-y:auto;}



/* 팝업 */

.main_layer_pop {position:absolute; left:5%;  top:100px; z-index:9999}
.main_pop_bottom {background:#fff; font-weight:300; color:#000; padding:10px; position:relative; font-size:14px; box-sizing:border-box; border:1px solid #ccc;}
.main_pop_bottom .close {position:absolute; right:10px; top:10px; padding-right:30px; background:url(../img/common/close.png) no-repeat right center; background-size:20px auto;}
.main_layer_pop_inner {width:100%; height:100%; display:table; position:relative; margin:0 auto; box-sizing:border-box;}
.main_layer_pop_inner .cell {display:table-cell; vertical-align:middle; position:relative; padding:0px 10px;}
.main_layer_pop .bx-wrapper .bx-controls-direction a {margin-top:-22px; width:44px; height:44px;}
.main_layer_pop .bx-wrapper .bx-prev {left:0px; background:url(../img/main/pop_l.png) no-repeat 0 0;}
.main_layer_pop .bx-wrapper .bx-next {right:0px; background:url(../img/main/pop_r.png) no-repeat 0 0;}
.main_layer_pop .pop_wrap_in {margin:0 auto;}
.main_layer_pop .pop_wrap_in{overflow-y:auto;}


.layers_wrap {background:#FFF; position:relative; min-width:300px;  font-weight:300;}
.layers_wrap .layers_tit {width:100%; padding:15px 0px; line-height:150%; background:#333;  text-align:center; font-size:1.8em; color:#fff; position:relative;}
.layers_wrap .layers_tit .logo {padding-left:25px; padding-top:20px;}
.layers_wrap  .close_pop { position:absolute; right:25px; top:17px;}
.layers_wrap .layers {padding:20px; font-size:14px; position:relative; /*min-height:100px; max-height:760px; overflow-x:hidden; overflow-y:auto; -webkit-print-color-adjust:exact;*/}

.layers_wrap .close {height:30px; border-top:none; text-align:right; background:#e2e2e2; line-height:30px;}
.layers_wrap .close a { display:inline-block; zoom:1; *display:inline; font-family:Pretendard; color:#2d2d2d; padding-right:20px; background:url(http://pic.neungyule.com/newnetimes/img/btn/pop_close_s.gif) no-repeat right center; margin-right:10px;}
.layers_wrap .pop_tit {padding-left:5px; border-bottom:1px solid #afafaf; min-height:41px; padding-bottom:3px; font-family:Pretendard; color:#444444; font-size:22px; line-height:41px;}
.layers_wrap .pop_tit.ico_check2 { font-size:13px; min-height:20px; padding:10px 10px 10px 50px; background:url(../img/common/ico_check2.gif) no-repeat 10px 10px #f9f9f9; line-height:150%; border-bottom:none;}
.layers_wrap .pop_tit_no {min-height:38px; font-family:Pretendard; color:#444444; font-size:22px; line-height:38px;}


.print_wrap #header {display:none !important}
.print_wrap .sub_visual {display:none !important}
.print_wrap .lnb_position {display:none !important}
.print_wrap #lnb_wrap {display:none !important}
.print_wrap .title_bar {display:none !important}
.print_wrap .page_tab {display:none !important}
.print_wrap #footerW {display:none !important}
.print_wrap .print_bt {display:none !important}
.print_wrap .p_none {display:none !important}
.print_wrap .print_hide {display:none !important}
#wrap.print_wrap, .print_wrap #inner_wrap {padding:0px !important}

.ico_notice {display:inline-block; vertical-align:middle; padding:4px 10px; background:#ed2129; line-height:20px; color:#fff;}
.ico_note {position:relative; display:flex; align-items:center; font-size:15px;}
.ico_note:before {display:block; content:""; width:28px; box-sizing:border-box; border-bottom:22px solid #333333; border-left:13px solid transparent; border-right:13px solid transparent; border-radius:4px; margin-right:10px;}
.ico_note:after {display:block; content:"!"; width:28px; height:22px; color:#fff; font-size:15px; font-weight:600; text-align:center; line-height:1.8em; position:absolute; left:0px; top:50%; transform:translateY(-50%)}
.ico_note_box {padding-left:40px; background:url(../img/common/notice.png) no-repeat left 5px;}
.ico_note.yellow:before {background:#fdd000}
.ico_note.yellow:after {color:#000}
.ico_note.yellow {color:#fff;}

.date_picker_two {overflow:hidden; position:relative}
.date_picker_two .date_picker {float:left; width:47%;}
.date_picker {display:flex; align-items:center;}
.date_picker .input {width:100%; flex:1;}
.date_picker img {min-width:fit-content; margin:0px 10px;}
.date_picker.two_col .input {width:100%;}
.date_picker_two .col-sm-2  {float:left; width:47%;}
.date_picker_two .pa {left:50%; top:0%; line-height:30px; text-align:center; width:10px; margin:0px 0px 0px -5px;}


.board-write .btnNormalB.gray {background:#5fc3d0;}
.board-write .btnNormalB.gray:after {display:block; content:""; position:absolute; left:0px; top:0px; width:100%; height:100%; border:1px solid #2b6b73; box-sizing:border-box;}

.down_file {display:inline-block; vertical-align:middle; color:#0c91dd; margin-left:10px;}
.down_file > span {display:block; padding-left:23px; color:#000; background:url(../img/common/ico_file.png)no-repeat left center;}
.down_file:first-child {margin-left:0px;}


.click_count {text-align:right; padding:10px 0px; font-size:1.05em; color:#666666}
.view_photo {padding:20px 0px 0px 0px; text-align:center;}

.scrollbox1 {background:#f1f1f1; height:100px; overflow-x:hidden; overflow-y:auto; padding:12px;}

.ico_notice {display:inline-block; vertical-align:middle; padding:4px 10px; background:#ed2129; line-height:20px; color:#fff;}

.leave {padding:170px 0px 0px 0px; margin-top:40px; background:url(../img/mypage/ico_leave.gif) no-repeat center top;} 
.gray_box {border:1px solid #e9e9e9; padding:28px 20px; background:#fafafa}

.sub_con > .sub_section:first-child, .item > .sub_section:first-child  {padding-top:0px;}
.sub_section.bg {padding:90px 0px; margin-top:100px; position:relative}
.sub_section.bg:before {display:block; content:""; width:100vw; height:100%; background:#effbf7; position:absolute; left:50%; top:0px; transform:translateX(-50%); z-index:-1}.sub_section .con
.sub_section.bg+.sub_section.bg {padding-top:50px;}
.sub_section {padding-top:115px; display:flex; flex-wrap:wrap; align-items:flex-start}
.sub_section .s_tit {margin-top:0px; width:100%; min-width:100%;}
.sub_section .subj {margin-top:0px; width:48%; min-width:48%; padding-right:10px;}

.sub_section .con {flex:1; padding-left:10px; width:1%}

.talent {display:flex; margin:-10px; justify-content:space-between;}
.talent .box {padding:10px; display:flex; flex-direction:column;}
.talent .box1 {width:32%; max-width:441px;}
.talent .box1 img {margin-top:auto;}
.talent .box1 .txt {font-size:min(2.333em, 2.9vw); line-height:1.3em; padding-bottom:0.5em; color:#009178}
.talent .box2 {width:36%; max-width:497px;}
.talent .box3 {width:32%; max-width:441px;}
.talent .box3 > dl {padding-top:0.5em; margin-top:auto;}
.talent .box3 > dl dt {font-size:16px;}
.talent .box3 > dl dt:after {display:block; content:""; width:38px; height:1px; background:#009178; margin:1em 0px;}
.talent .box3 > dl dd {font-size:1.1em; font-weight:600; line-height:1.4em;}

.benefit .subj .eng {display:flex; align-items:center; justify-content:center; margin-bottom:1em; height:2em; border-radius:60px; background:#009178; color:#fff; font-family:'Hana2'; width:7.5em;}
.benefit .subj h4 {color:#333333; font-family:'Hana2'; font-size:2em; line-height:1.4em; font-weight:400;}
.benefit .icons {display:flex; flex-wrap:wrap;; margin:-15px -5px; padding-top:2em}
.benefit .icons > li {width:25%; padding:15px 5px; text-align:center}
.benefit .icons > li .ico {max-width:95px; margin:0 auto; border-radius:10px; background:#fff;}
.benefit .icons > li .txt {font-size:15px; line-height:1.4em; color:#666666; padding-top:1.5em }
.benefit .icons > li .txt .tt {color:#333333; font-size:1.2em; line-height:1.4em; font-weight:400; display:block; margin-bottom:0.3em;}
/*.benefit .icons > li.on .ico{animation-name: circlemove; animation-duration: 0.7s;animation-iteration-count:none; animation-fill-mode: both;}*/
.benefit .icons > li:hover .ico{animation-name: circlemove; animation-duration: 0.9s; animation-iteration-count:infinite; animation-fill-mode: both; }

@media (hover:none) {
   .benefit .icons > li:hover .ico{animation-name:none;}
}


@keyframes circlemove{
    0%,100%{
        transform:translateY(0%);
    }
    50%{
        transform:translateY(-10%);
        box-shadow: 0 0 30px rgba(0, 0, 0, 5%);
    }
}



.job_posting {display:flex; justify-content:space-between; margin:0px -10px; padding-top:1em}
.job_posting .box {width:33.333%; padding:10px; max-width:432px;}
.job_posting .box > h4 {border-bottom:1px solid #000; padding-bottom:1em;}
.job_posting .box > h4 > a {display:flex; align-items:center; font-family:'Hana2'; font-size:28px; line-height:1.2em; font-weight:400; color:#333333; background:url(../img/recruit/arrow.png) no-repeat right center; padding-right:40px;}
.job_posting .box > h4 > a img {margin-right:10px;}
.job_posting .box > ul > li {padding:1.5em 0px; border-bottom:1px solid #ccc;}
.job_posting .box > ul > li > a .txt_a {color:#666666; font-weight:700; line-height:1.3em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:2.6em;}
.job_posting .box > ul > li > a .date {margin-top:1em; display:block}

.sub_desc {font-size:2.3333em; line-height:1.4em; color:#000;}
.sub_desc_s {font-size:1.555em; line-height:1.4em;}

.introduce .name {padding-top:3.5em; font-size:1.111em; font-weight:300; line-height:1.5em;}
.introduce .name > strong {font-weight:400; font-size:1.4em;}
.introduce .head_tit {position:relative; display:flex; align-items:center; height:373px; margin:min(125px, 8.68vw) 0px 0px 0px; background: url(../img/introduce/ci.png) no-repeat 35% 72%;}
.introduce .head_tit:after {display: block; content: ""; position: absolute; right:min(125px, 7vw); bottom: 0px;background: url(../img/introduce/ceo.png) no-repeat left top/cover; width: min(485px, 33.68vw); height:min(703px, 48.8vw);}
.introduce .head_tit:before {display:block; content:""; width:100vw; height:100%; position:absolute; left:50%; top:0px;  background:#effbf7; transform:translateX(-50%); z-index:-1;}
.introduce .head_tit > p {font-size:32px; line-height: 1.4em; font-weight: 400; color: #333; position: relative; z-index: 2}
.introduce .word {padding-top:3em; display: flex; flex-wrap: wrap; margin: -1.5em; color: #333333;}
.introduce .word > p {width: 50%; padding: 1.5em;}


.big_text {font-size: 2em; line-height: 1.4em; color: #000; font-family: 'Hana2';}

.introduce_img01 img {max-width:inherit; height:min(573px, 40vw); object-fit: cover; border-bottom-left-radius:1.8em}

.introduce_half {padding-top:min(90px, 13vw );}
.introduce_half {display: flex; align-items: center; justify-content: space-between;}
.introduce_half:nth-child(even) .img {order:1;}
.introduce_half:nth-child(even) .info {order:2;}
.introduce_half > div {width: 50%;}
.introduce_half .info {max-width:40%;}
.introduce_half .ss_tit {font-weight:400; margin-top:0px;}
.introduce_half.one {flex-direction: column;}
.introduce_half.one > div {width: 100% !important; max-width: inherit !important}
.introduce_half.one .img {min-width:min(1720px, 105vw) }
.introduce_half.one .img {margin-top: min(60px, 4.6875vw) }


.history_navi {display: flex; flex-direction: column; justify-content: center; align-items: center; height: 503px; position: relative; color: #fff; margin-bottom:min(100px, 9.76vw)}
.history_navi:before {display: block; content: ""; width: min(1722px, 100vw); height: 100%; background: url(../img/introduce/03_img01.jpg) no-repeat center top/cover; border-radius:80px 10px 80px 10px; position: absolute; left: 50%; top: 0px; transform: translateX(-50%); z-index: -1}
.history_navi .sub_desc {color: #fff; margin-bottom: 1.5em}
.history_navi .history_dots {width: 100%;}
.history_dots .slick-dots {display: flex; width:100%; padding: 0px 10px; max-width:590px; margin: 0 auto; justify-content: space-between; position: relative}
.history_dots .slick-dots:before {display: block; content: ""; width: calc(100% - 23%); height: 1px; background: #fff; opacity: 0.4; position: absolute; top: 16px; left: 50%; transform: translateX(-50%)}
.history_dots .slick-dots > li {flex: 1; text-align: center}
.history_dots .slick-dots button {color: #fff; padding-top:35px; position: relative}
.history_dots .slick-dots button > span {opacity: 0.7;}
.history_dots .slick-dots button:before {display: block; content: ""; width:10px; height:10px; border-radius:100%; background: #fff; border:5px solid #fff; position: absolute; left: 50%; top: 0px; transform: translateX(-50%)}
.history_dots .slick-dots .slick-active button:before {background:#009178 }
.history_dots .slick-dots .slick-active button > span {opacity: 1;}

.history_wrap {display: flex; align-items: flex-start; justify-content: space-between}
.history_wrap .year {width: 50%; padding-right: 20px; max-width:623px; }
.history_wrap .year .sub_desc_s {font-weight: 700; font-size: 1.777em}
.history_wrap .year .sub_desc {margin:0.8em 0px 1.3em 0px;}
.history_wrap .history {width:50%; position:relative;}
.history_wrap .history:before {display:block; content:""; width:1px; height:calc(100% - 10px); background:#ccc; opacity:0.7; position:absolute; left:13px; top:10px;}
.history_wrap .history > li:not(:first-child) {margin-top:45px;}
.history_wrap .history > li:last-child:after {display:block; content:""; width:50px; height:calc(100% - 10px); background:#fff; position:absolute; left:0px; bottom:0px; z-index:1}
.history_wrap .history > li {padding-left:60px; position:relative;}
.history_wrap .history > li:before {display:block; content:""; width:14px; height:14px; background:#009178; border-radius:100%; position:absolute; border:7px solid #effbf7; left:0px; top:0.3em; z-index:2}
.history_wrap .history > li > h4 {font-size:1.77em; font-weight:600; line-height:1.2em; padding-bottom:10px; position:relative;}
.history_wrap .history > li > ul > li {position:relative; display:flex; align-items:center;}
.history_wrap .history > li > ul > li .month {min-width:3em; font-weight:700; align-self:flex-start}
.history_wrap .history > li > ul > li:not(:first-child) {margin-top:0.2em;}

.code_one {text-align: center;}
.code_one dt {padding: 1em 0px 0px 0px; font-size:min(6.7em, 15vw); line-height: 1.4em; font-weight:500; color: #009178}

.hanain {display: flex; gap:min(66px, 4.58vw); justify-content: space-between}
.hanain > li {flex: 1}
.hanain .txt .tt {font-size: 2em; line-height: 1.4em; color: #000; display: block; padding:0.9em 0px; font-weight:400;}

.code_one_wrap {display:flex; justify-content: space-between}
.code_one_wrap .info {width: 44%; display: flex; flex-direction: column;}
.code_one_wrap .info .sss_tit {margin-top: auto; margin-bottom:1.4em}
.code_one_wrap .code_one {text-align: left}
.code_one_wrap .code_one dt {padding-top: 0px;}
.code_one_wrap .graph {flex: 1; width: 100%; padding-left: 10px; height: 494px; max-width: 780px;}
.code_one_wrap .graph > ul {height: 100%; display: flex; align-items: flex-end; gap:10px;}
.code_one_wrap .graph > ul > li {flex: 1; height: 100%; background: #005b4d; padding:1.5em; color: #fff;}
.code_one_wrap .graph > ul > li:nth-child(1) {height:35%}
.code_one_wrap .graph > ul > li:nth-child(2) {height:65%}

.benefit .num_list {}
.benefit .num_list > li {display: flex; align-items: center;}
.benefit .num_list > li .num {display: flex; font-size: 15px; width: 2.13em; height: 2.13em; background: #fff; border-radius:100%; justify-content: center; align-items: center; color:#000; align-self: flex-start;}
.benefit .num_list > li:not(:first-child) {margin-top: 1.5em}
.benefit .num_list > li .ico {max-width:95px; margin:0 auto; border-radius:10px; background:#fff; }
.benefit .num_list > li .txt {padding-left:0.7em; font-size:15px; line-height:1.4em; flex: 1; padding-top:0.3em;}
.benefit .num_list > li .txt .tt {color:#000; font-size:1.2em; line-height:1.4em; font-weight:500; display:block; margin-bottom:0.4em;}


.vision > dl {margin-top:1em; padding: 1em 0px; text-align: center;}
.vision > dl > dt {font-size: 1.11em; color: #33a793; padding-bottom: 0.5em; line-height: 1.4em;}
.vision > dl > dd {}
.vision .txt_a {font-size:2em; line-height: 1.4em; font-weight: 700; }
.vision .txt_b {font-size:1.111em; line-height: 1.4em; font-weight:500; }
.vision .txt_c {font-size:2.88em; line-height: 1.4em; font-weight:500; color: #000;}
.vision .o_n_e {display: flex; flex-wrap: wrap; gap:min(40px, 2.9vw); padding-top: 2em; justify-content: center}
.vision .o_n_e > li {display: flex; border:1px solid #009178; border-radius:100%; padding:1em; justify-content: center; align-items: center; width: min(320px, 29.25vw); height:min(320px, 29.25vw); font-weight:500;}
.vision .o_n_e dt {font-size: 1.444em; padding-bottom: 0.8em; line-height: 1.3em;}
.vision .connect {display: flex; gap:20px; padding:20px 0px;}
.vision .connect > li {width: 35%; display: flex; flex-direction: column; gap:10px}
.vision .connect > li:nth-child(2) {width:30%}
.vision .connect > li > dl {border:1px solid #005b4d; display: flex; flex-direction: column; justify-content: center; align-items:center; padding: 10px; text-align: center; background: #f2f9f8; border-radius:4px; height: 100%; min-height:7em; }
.vision .connect > li > dl > dt {font-size: 1.33333em; padding-bottom:0.4em}
.vision .power {display: flex; flex-wrap: wrap;  gap:min(20px, 1.95vw); padding-top:1.5em; justify-content: center}
.vision .power > li {display: flex; flex-direction: column; border:1px solid #009178; border-radius:100%; padding:1em; justify-content: center; align-items: center; width: min(244px, 29.25vw); height:min(244px, 29.25vw); font-weight:500;}
.vision .power > li .ico {padding-bottom:0.3em; max-width:50%;}
.vision .integrity {padding-top:2em}
.vision .integrity > li {margin-top: 5px;}
.vision .integrity > li > dl {display: flex; align-items: center; }
.vision .integrity dl > dt {display: flex; align-self:flex-start; justify-content: center; align-items: center; width: 12.5em; height:3em; color: #fff; background: #009178; font-size: 1.1em; line-height: 1.3em; border-radius:0.3em; font-weight:400}
.vision .integrity dl > dd {flex: 1; padding-left: 2em; text-align:left}



.vision .bg1 {background:url(../img/introduce/bg1.jpg) no-repeat center top #004e42 !important; padding: 0px; border-radius:0.8em; color: #fff;}
.vision .bg1 dd {padding:2em 0em; border-radius:0.8em; color: #fff;}
.vision .bg1 dt {color: #ccdcd9; display: flex; justify-content: center; align-items: flex-end; height:60px; position: relative; border-top-right-radius:0.8em; border-top-left-radius:0.8em; padding-bottom:0px;}

.vision .bg2 {background: #009178; padding: 1em; border-radius:0.8em; color: #fff;}
.vision .bg2 dd {}
.vision .bg2 dt {color: #fff; opacity: 0.8;}

.vision .bg4 .txt_a {color: #fff;}
.vision .bg4 .tt {border-radius: 0.8em; background: #009178; padding: 2em 1em; }

.vision .bg6 > dt {background: #f2f9f8; border-radius:0.4em; padding:1.2em; color: #333333; font-size: 1.33em;}

.power_slide_wrap {padding-top: min(90px, 9vw)}
.power_slide_wrap .icon {display: flex; justify-content: center; gap:min(30px, 3vw)}
.power_slide_wrap > h3 {text-align: center; font-size: 3.1em; line-height: 1.4em; padding:0.3em 0px 2em 0px;}

.power_slide {min-width:100vw; position: relative; left: 50%; transform: translateX(-50%); margin-bottom:min(100px, 9.7vw)}
.power_slide .box {padding: 0px 50px;}
.power_slide .card {width:395px; height: 500px; font-size: 18px; border-radius:31px; position: relative; text-align: center; display: flex; flex-direction:column; align-items: center; justify-content:center; padding:10px; color: #fff;}
.power_slide .top_text {text-align: center; font-size: 2.333em; line-height: 1.4em; font-weight: 700; padding-bottom:0.5em;}
.power_slide .bottom_text {text-align: center;  padding-top: 1em; font-weight: 600; z-index: 9; position: relative; font-size: 0.9em;}
.power_slide .card dt {font-size: 1.44em; line-height: 1.3em;}
.power_slide .card dt:after {display: block; content: ""; width: 35px; height: 1px; background: #fff; opacity: 0.5; margin:0.7em auto; font-size: 1.44em; line-height: 1.3em;}
.power_slide .card dt > strong {display: block; font-size:2em; line-height: 1.3em;}
.power_slide .card dd {font-weight: 600; padding-bottom: 1em}
.power_slide .card1 {background: #ef4036;}
.power_slide .card2 {background: #00aeea;}
.power_slide .card3 {background: #f5821f;}
.power_slide .card4 {background: #8e52a0;}
.power_slide .card5 {background: #fdb813;}
.power_slide .card6 {background: #00b15a;}
.power_slide .card:before {display: block; content: ""; width: 70px; height: 70px; background: #fff ;border-radius:100%; position: absolute; left: 50%; bottom:0px; transform: translate(-50%, 65%)}

.map_wrap {border-bottom:1px solid #ccc; height:580px; overflow:hidden; box-sizing:border-box; margin-top:30px; margin-bottom:1em}
.map_wrap > div {height:100% !important; width:100% !important;}
.map_wrap > div .wrap_map {height:100% !important; width:100% !important;}
.map_p_wrap {display: flex; flex-wrap: wrap; gap:10px 40px;}
.map_p {display:flex; align-items:center; font-size:1.111em; font-weight:700;}
.map_p > strong {align-self:flex-start; display:flex; align-items:center; font-weight:500; min-width:fit-content; margin-right:15px;}
.map_p > strong img {margin-right:10px;}


.full_range {display: flex; align-items: center; justify-content: space-between;  padding:min(120px, 11vw) 0px;}
.full_range .line {flex:1; height: 1px; width: 100%; position: relative; background: #009178; z-index: 2}
.full_range .line:before {display: block; content: ""; width: 20px; height: 20px; background: #009178; position: absolute; right: 100%; top: 50%; border-radius:100%; transform: translate(50%, -50%)}
.full_range .line:after {display: block; content: ""; width: 20px; height: 20px; border:3px solid #009178; background: #fff; position: absolute; left: 100%; top: 50%; border-radius:100%; transform: translate(-50%, -50%); box-sizing: border-box}

.full_range dl {width:min(320px, 22vw); height:min(320px, 22vw); border-radius:100%; border:1px solid #009178; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; background: rgba(255, 255, 255, 70%)}
.full_range dl > dt {font-size:1.33em; line-height:1.3em;}
.full_range dl > dd {padding-top:1.5em; line-height:1.3em;}
.full_range dl dd.txt_a {font-size:1.33em; padding-top:0.5em; font-weight:600;}
.full_range > ul:first-child {display: flex;}
.full_range > ul > li:not(:first-child) {margin-left:-30px;}
.full_range .full {position: relative;}
.full_range .full dl {background: #009178; color: #fff;}
.full_range .full dl .txt_a {font-size:2.555em }
.full_range .full:before {display: block; content: ""; width:min(420px, 32vw); height:min(420px, 32vw); background: #f7fdfb; border-radius:100%; position: absolute; right: 100%; top: 50%; transform: translate(25%, -50%); z-index:-1}
.full_range .bg {position: relative}
.full_range .bg:before {display: block; content: "●●●"; position: absolute; left: 50%; top:50%; transform: translate(-50%, -50%); color: #f7fdfb; z-index: -1; font-size:min(560px, 57vw); line-height: 1em;}


.half_section > li:not(:first-child) {margin-top:min(95px, 9.5vw);}
.half_section > li {display: flex; align-items: center; justify-content: space-between;}
.half_section > li > div {width:50%;}
.half_section > li .info {max-width:44%}
.half_section .info .txt_a {font-size:2em; line-height: 1.4em; padding-bottom:0.3em}
.half_section > li:nth-child(even) .img {order: 1;}
.half_section > li:nth-child(even) .info {order: 2;}

.needs_wrap .txt_a {font-size: 2em; line-height: 1.4em; display: flex; border-radius:90px; background: #005b4d; text-align: center; justify-content: center; align-items: center; min-height:4.166em; padding:0.5em; color: #fff;}
.needs_wrap > ul {display: flex; gap:10px; padding-top:2em}
.needs_wrap > ul > li {flex:1;}
.needs_wrap dl {background: #eff1f6; height: 100%; border-radius:16px; overflow: hidden}
.needs_wrap dl dt {color: #fff; background: #009178; font-weight: 400; padding:10px; padding-bottom:30px; text-align: center}
.needs_wrap dl dd {background: #eff1f6; padding:1.5em; font-size:0.9em; font-weight: 400; margin-top: -20px; border-top-left-radius:16px; border-top-right-radius:16px;}


.kass_pms_wrap .ground {background: #effbf7; border-radius:1em; padding:2em 1.5em; position: relative} 
.kass_pms_wrap .ground:nth-child(2) {background: #eff1f6; margin-top: 20px;} 
.kass_pms_wrap .ground:nth-child(2):Before {display: block; content: ""; width: 18px; height: 45px; background: url(../img/system/arrow.png) no-repeat center top/cover; position: absolute; left: 50%; top:-31px; margin-left: 5px;} 
.kass_pms_wrap .ground:nth-child(2):after {display: block; content: ""; width: 18px; height: 45px; background: url(../img/system/arrow.png) no-repeat center top/cover; position: absolute; left: 50%; top:-31px; margin-left:-26px;} 
.kass_pms {display: flex; gap:40px;} 
.kass_pms > li {flex: 1; position: relative;} 
.kass_pms > li:not(:first-child):after {display: block; content: ""; width: 64px; height:64px; background:url(../img/system/arrow2.png) no-repeat center center #fff; border-radius:100%; border:1px solid #005b4d; position: absolute; left:-55px; top: 50%; transform: translateY(-50%)} 
.kass_pms .box {background: #fff; border-radius:90px; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; border:1px solid #005b4d; text-align: center; padding: 1em;} 
.kass_pms .box .ico {padding-bottom: 1em} 
.kass_pms .box .txt_a {font-size:1.3333em; color: #009178; line-height: 1.4em; font-weight: 700;} 
.kass_pms .tag_wrap .box {background: #005b4d} 
.kass_pms .tag_wrap .box .txt_a {color: #fff} 
.kass_pms .box .tag {display: flex; padding-top: 1em; flex-wrap: wrap; gap:5px 2px; justify-content: center;} 
.kass_pms .box .tag > p {border-radius:30px; background: #fff; font-size: 16px; line-height: 1.3em; height: 2em; display: flex; justify-content: center; align-items: center; padding: 0px 5px; color: #009178; font-family:'Hana2'; min-width:20%; } 

.dl_list {display: flex; flex-wrap: wrap; gap:20px}
.dl_list > li {width:calc(25% - 15px);}
.dl_list > li > dl {background: #fff; height: 100%; padding:0.6em; border-radius:10px; }
.dl_list > li > dl > dt {display: flex; border-radius:10px; justify-content: center; align-items: center; text-align: center; color: #fff; font-family:'Hana2'; min-height: 3em; padding:10px; background:#009178; font-weight: 400;}
.dl_list > li > dl > dd {padding: 1em; font-size: 0.9em;}

.gips_system .dl_list {justify-content: center; background: url(../img/system/bg_arrow.png) no-repeat center bottom; padding-bottom:120px;}
.gips_system .dl_list > li {width: calc(33.333% - 15px); max-width: 345px}
.gips_system .dl_list > li > dl > dt {background: #005b4d}
.gips_system .bb_box { max-width:1100px; margin: 0 auto; display: flex; justify-content: center; align-items: center; background: #fff; border-radius:90px; color: #000; font-size:2em; line-height: 1.4em; min-height: 5.5em; padding:0.5em; text-align: center; margin-top: 10px;}

.gips_system_wrap {border-radius:10px; background: #effbf7; padding: 2em;}
.gips_system_wrap > ul {justify-content: center; gap:20px; display: flex; justify-content: space-between;}

.hana_people { text-align: center}
.hana_people .img img {max-width:50vw;}
.hana_people > ul {display: flex; gap:10px; padding:1em 0px 2em 0px; justify-content: center;}
.hana_people > ul > li {}
.hana_people > ul > li:nth-child(1) .box {background: #ccda58}
.hana_people > ul > li:nth-child(2) .box {background: #009178}
.hana_people > ul > li:nth-child(3) .box {background: #a7d8b7}
.hana_people > ul > li .box {width: min(224px, 29vw); height: min(224px, 29vw); border-radius:100%; display: flex; flex-direction: column; justify-content: center; align-items: center; padding:1em; color: #000;}
.hana_people > ul > li .box .txt_a {font-size:min(2.5em, 6vw); line-height: 1.3em; font-weight: 700; padding: 0.2em 0px;}
.hana_people > ul > li .box .small {font-size: 0.9em; color: #333; font-weight: 400;}

.hana_people_point {display: flex; padding-top: 1em; justify-content: space-between; gap:10px;}
.hana_people_point > li {flex: 1; max-width: 400px;}
.hana_people_point > li > h4 {text-align: center; font-size: 1.444em; line-height: 1.4em; padding-bottom: 0.5em; font-weight: 700;}
.hana_people_point .table_style1 thead tr th {border-color:#fff; color: #fff; font-size: 1.05em;}
.hana_people_point .table_style1 tbody tr td {border:1px solid #fff; border-bottom:1px solid #000 }

.system_bottom {margin-top: min(60px, 6.1vw); position: relative; display: flex; min-height: 567px; padding:1em 0px; align-items: center; color: #fff; font-family: 'Hana2'}

.system_bottom .bg_img {max-width:inherit; position: absolute; width: 100vw; height:100%; object-fit: cover; left: 50%; top: 0px; transform: translateX(-50%); z-index:-1}
.system_bottom .box_list {display: flex; flex-wrap: wrap; justify-content: space-between; gap:10px; width: 100%}
.system_bottom .box_list > li {-webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); background: rgba(255, 255, 255, 10%); border-radius:10px; border: 1px solid rgba(255, 255, 255, 10%); padding:1.5em; font-size:16px; flex: 1; max-width:410px;}
.system_bottom .box_list .top {font-size:1.625em; line-height: 1.3em; font-weight:500; text-align: center; min-height:4em; border-bottom:1px solid rgba(255, 255, 255, 30%); display: flex; justify-content: center; align-items: center; margin-bottom: 1em; padding-bottom: 0.5em;}
.system_bottom .box_list .bul01 {}
.system_bottom .box_list .bul01 > li:after {background: #fff;}

.system_bottom.etf_etn {flex-wrap: wrap;} 
.system_bottom.etf_etn > h3 {width: 100%; text-align: center; font-size: 2em; line-height: 1.4em; margin:0.5em 0px; font-weight: 700;} 
.system_bottom.etf_etn .box_list > li {max-width: 690px;}
.system_bottom.etf_etn .box_list h4 {text-align: center; font-size:2em;  line-height:1.4em; font-weight:700; margin-bottom: 0.4em; }
.system_bottom.etf_etn .list > li {padding:0.8em 0px; display: flex; align-items: center;}
.system_bottom.etf_etn .list > li:not(:first-child) {border-top:1px solid rgba(255, 255, 255, 30%); }
.system_bottom.etf_etn .list .subj {min-width:9em; height:2.68em; border-radius:60px; display: flex; justify-content: center; align-items: center; color: #fff; text-align: center; margin-right: 1em; background: #009178; align-self: flex-start}
.system_bottom.etf_etn .list .subs {flex: 1; padding-left: 1em; position: relative;}
.system_bottom.etf_etn .list .subs:before {display: block; content: ""; width: 4px; height: 4px; border-radius: 100%; background: #fff; position: absolute; left: 0px; top:0.7em;}

.rule_box {line-height: 1.5em}
.rule_box h5 {font-weight:600; font-size:1.1em; line-height: 1.4em;}
.rule_box h6 {padding-left: 1em; text-indent:-1em;}
.rule_box .indent {padding-left: 1em}
.rule_box ol li {padding-left: 1em; text-indent:-1em}
.rule_box a {color: #367bcb; text-decoration: underline;}


/* ------------------------------------------------------------
 * Name      :mobile_layout.css    
 * Desc      :page layout 
 * Created   :
 * Updated   :
 ------------------------------------------------------------ */
.mobile_on .m_gnb .gnb > ul {overflow-y:auto; overflow-x:hidden;}
.m_gnb {position:absolute; left:0px; top:81px; width:100%;}
.m_gnb .gnb > ul {width:100%; background:rgba(18,18,18, .97); position:relative; overflow-x:hidden;}
.m_gnb .gnb > ul:after {content:""; display:block; clear:both;}
.m_gnb .gnb > ul > li > a {display:block; font-size:14px; color:#ffffff; padding:15px 0px; text-align:center; border-bottom:1px solid rgba(255,255,255, .065)}
/*.m_gnb .gnb > ul > li:hover > a {background:#000;}*/

.m_gnb .sub_menu  {width:100%; line-height:20px; background:#4a4a4a; display:none;}
.m_gnb .sub_menu > li > a {display:block; color:#fff; font-size:12px; padding:5px 0px; text-align:center; border-bottom:1px solid rgba(255,255,255, .065)}
.m_gnb .sub_menu > li > a:hover { background:#009091;}
.m_gnb .gnb .alarm { background-size:20px;}
.m_gnb .gnb .name {max-width:200px;}
.mobile_on input, .mobile_on select, .mobile_on textarea {-webkit-appearance:none;}
.mobile_on select {height:31px; padding:0px 2em 0px 8px!important;}
.mobile_on .sel_arrow {position:relative;}

.down_file {display:inline-block; vertical-align:middle; color:#0c91dd; margin-left:10px;}
.down_file > span {display:block; padding-left:23px; background:url(../img/common/ico_file.png)no-repeat left center;}
.down_file:first-child {margin-left:0px;}


/* 1024 이상 */
@media screen and (min-width:1024px) {
    

}
/* 1280px 이상 */
@media screen and (min-width:1199px) {
	.m_gnb {display:none !important;}
     
}

/* 1600px 이하 */
@media screen and (max-width:1600px) {
	#fp-nav {margin-left:-200px;}
}


/* 1440px 이하 */
@media screen and (max-width:1439px) {
	.system_dots_wrap {left:10px; transform:none}
	.vision .bg1 {background-size:contain !important}
}

/* 1280px 이하 */
@media screen and (max-width:1279px) {
	.quick_video {transform: translateX(120%)}
	.section .inner {padding:0px 10px; min-height: inherit}
	
	.main_visual { min-height:calc(100vh - 200px)}
	.main_visual .scroll_ico {display:none;}
	
	.coordinate-wrap .coordinate-row {min-width: 1400px;}
	.card-visual .txt-wrap .mv-txt--1 {font-size: 55px}
	
	.system_dots_wrap {left:10px; transform:none; left:0%; max-width:inherit; top:auto; bottom:5%; height:auto}
	.system_dots_wrap .slick-dots {margin:0px; display:flex !important; justify-content:center;}
	.system_dots_wrap .slick-dots > li {padding:0px 5px;}
	.system_dots_wrap .tab {width:16px; height:16px; font-size:0px; padding:0px; border-radius:100%; background:#fff; opacity:0.5}
	.system_dots_wrap .slick-active .tab {opacity:1}
	.system_slide .box .inner {padding:0px 10px;}
	
	



	.main_wrap #section2 .inner {padding:0px !important;}
	.main_wrap .section {padding:100px 0px !important;}
	
	.recuruit {flex-wrap:wrap}
	.recuruit .info {width:100%; position:relative; z-index:2}
	.recuruit .img {margin-left:auto; margin-top:-19%;  width:min(500px, 60vw)}
	
	.main_banner_wrap .collective_h {height:auto; min-height:min(140px, 17vw)}
	.main_banner_wrap .collective_h .head {padding-bottom: 2em}
	
	.introduce_half {flex-direction: column; align-items: center; text-align: center}
	.introduce_half > div {width: 100% !important; max-width:100% !important}
	.introduce_half:nth-child(even) .img {order:2}
	.introduce_half:nth-child(even) .info {order:1}
	.introduce_half .ss_tit {justify-content: center;}
	.introduce_half .img {margin-top: min(60px, 4.6875vw) }
	.full_range .bg {flex-wrap: wrap; justify-content: center}
	.full_range .bg:before {display:none;}
	.full_range .bg dl {width: min(360px, 32vw); height: min(360px, 32vw);}
	.full_range > ul.bg > li:nth-child(4) {margin-top:-30px; margin-left: 0px; }
	.full_range > ul.bg > li:nth-child(5) {margin-top:-30px }
}

/* 980px 이하 */
@media screen and (max-width:979px) {
	.main_visual .inner {justify-content:center; text-align:center}
	.main_visual .inner .ico_group {justify-content:center}
	.main_visual .inner .ico_group > li {align-items:center}
	
	.card-visual .txt-wrap .txt-inner {display: block;top: 120px;-webkit-transform: translateX(-50%);transform: translateX(-50%);	}
	.card-visual .txt-wrap .mv-txt--1.left {margin-right: 0px;}
	.card-visual .txt-wrap .mv-txt--1.right {margin-left: 0px;margin-top: 8px}
	.coordinate-wrap .coordinate-row {margin: 0;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%)	}
	.coordinate-wrap .coordinate-row .coordinate-col {padding: 0 2.0833333333%}
	
	.main_banner_wrap {flex-wrap:wrap}
	.main_banner_wrap .banner {}
	.main_banner_wrap .banner01 {width:50%;}
	.main_banner_wrap .banner02 {width:50%;}
	.main_banner_wrap .banner03 {width:100%;}
	.main_banner_wrap .banner03 .box {width:100%; margin-top:0px;}
	
	.partner_slide .pslide img {max-width:22.18vw}
	.partner_slide .pslide {padding: 0px 1vw}
	
	 .m_gnb_on {display:block; margin:0px;}
    .w_gnb {display:none;}
	
	.partner_slide .slide img {max-width:30vw}
	#section7 .inner {padding-bottom: 40px;}
    

	
	#header {padding:0px 10px; }
	.section {padding:70px 10px; font-size:17px;}
	#footerW {padding-left:10px; padding-right:10px;}
	#inner_wrap {padding-left:10px; padding-right:10px;}
	#lnb_wrap .lnb {padding-left:10px; padding-right:10px;}
	.lnbs3 {padding-left:10px; padding-right:10px;}
/*
	.sub_wrap #header.down {top:-80px}
	#wrap {padding-top:80px;}
	.sub_wrap {padding-top:80px;}
	
*/
	
	

    .in_header {height:80px;}
	.top_menu {display:none;}
	.menu_btn {right:0px;}
	.top_lang {right:45px;}
	.top_search {right:130px;}
	.main_visual .v_frame {height:760px;}
	.main_visual .v_frame .visual_txt {padding:10px;}
	.main_visual .v_frame .visual_txt {font-size:4vw}

	
	
	
	
	.fp-section, .fp-tableCell {height:inherit !important}
    #sub_tit {font-size:58px;}
    .sub_visual .sub_txt > h2 {padding-bottom:0px}
    

    .title_bar:before {display:none;}
	
/*	.down .sub_visual .sub_txt > div {top:81px;}*/
    
	

	
	.sub_visual:after {margin:0px; left:auto; right:0px; background-size:cover; height:160px; width:270px}
	.sub_visual:before {margin:0px; left:0px; background-size:cover; height:160px; width:140px}
	.sub_visual .sub_txt {height:485px;}
	.up #lnb_wrap.fixed .lnb {top:80px;}	
	.lnb_position {height:60px; margin-top:0px;}
	 #lnb_wrap {padding:0px; margin:0px; top:0px; height:auto; }
	
	#lnb_wrap .lnbs1 {display:block;}
	#lnb_wrap .lnb .lnbs2 {display:block;}
	#lnb_wrap .lnbs3 {display:none;}
	#lnb_wrap .ico_home {display:block;}
	#lnb_wrap .lnb:before {border-radius:0px;}
	#lnb_wrap .lnb {padding:0px;}

	.lnb_tit {font-size:15px; line-height:50px; height:50px;}

    .lnb ul li a {font-size:14px;}
	.lnb_tit, a.lnb_tit {font-size:16px; padding-left:20px; line-height:60px; height:60px;}

	
	#footer .addressW .navi {justify-content:center}
	#footer_navi {flex-wrap:wrap; justify-content:center;}
	#footer_navi .btn {width:100%; max-width:600px; margin:0 auto; margin-top:20px;}

	
	#footer_navi .sel_box {justify-content:center; max-width:100%; width:100%; padding:20px 0px;}
    #footer_navi > ul {justify-content:center; text-align:center; width:100%;}
    #footer .addressW {text-align:center; flex-direction:column}
	#footer .addressW .f_logo {align-self:center}
	#footer .addressW address .tel {justify-content:center; padding:1em 0px;}

	#footer .addressW .f_link {display:none;}
	#footer .addressW .logos {margin-top:20px;}
	
	.sub_con {font-size:16px;}
	
	.talent {flex-wrap:wrap}
	.talent .box1 {width:100%; flex-direction:row; justify-content:space-between; max-width:inherit}
	.talent .box1 img {margin-top:inherit; width:46%}
	.talent .box1 .txt {font-size:3.9vw}
	.talent .box2 {width:53%; max-width:inherit}
	.talent .box3 {width:47%; max-width:inherit}
	.benefit .subj h4 br {display:none}
	
	.sub_section {flex-wrap:wrap; padding-top:60px;}
	.sub_section .s_tit {width:100%; padding-right:0px; min-width:inherit;}
	.sub_section .subj {width:100%; padding-right:0px; min-width:inherit;}
	.sub_section .con {flex:initial; padding-left:0px; width:100%;}
	
	.sub_section.bg+.sub_section.bg {padding-top:30px }
	
	.job_posting {flex-wrap:wrap}
	.job_posting .box {width:100%; max-width:inherit}
	.job_posting .box + .box {margin-top:2em;}

	.introduce .head_tit > p {font-size:3.26vw;}
	.introduce .head_tit:after {right:4vw}
	.introduce .head_tit {height:37vw; background-size: 31vw auto;}
	.sub_desc {font-size: 2em}
	
	.code_one_wrap {flex-wrap: wrap}
	.code_one_wrap .info {width: 100%}
	.code_one_wrap .graph {flex: initial; height: auto; min-height:min(494px, 90vw); padding: 1em 0px 0px 0px; max-width:100%}
	
	.half_section > li {flex-wrap: wrap; gap:10px}
	.half_section > li > div {width: 100% !important; max-width:100% !important;}
	.half_section > li:nth-child(even) .info {order:1}
	.half_section > li:nth-child(even) .img {order:2}
	
	.full_range {flex-direction: column;}
	.full_range dl {width:34vw; height:34vw;}
	.full_range > ul > li:not(:first-child) {margin-left:-3vw}
	.full_range .line {flex:initial; width:1px; height: 100px;}
	.full_range .line:after {top: 100%}
	.full_range .line:before { top: 0px;}
	.full_range .full:before {display:none;}
	
	.system_bottom .box_list > li {flex:initial; width: calc(50% - 5px); max-width:inherit}
	.system_bottom .box_list > li {font-size:15px;}
	
	.system_bottom.etf_etn .box_list > li {width: 100%; max-width:100%;}
	
}

/* 768 이하 */
@media screen and (max-width:767px) {
	#card_rotate {width:min(395px, 56.42vw); height:min(501px, 71.57vw) }
	.card_area .card > dl {font-size:2.346vw;}
	.card_area .card_dots > li img {max-width:10vw }
	.main_visual .inner .txt_a {font-size:8vw}
	.main_visual .inner .ico_group .tit > strong {font-size:9vw}
	.card_area .line {border-radius:4.6vw }
	.card_area .card > dl > dd.bt {bottom:7vw}
	.card_area .card > dl > dd.bt > p {height:5.94vw; width: 23vw; font-size: 2.2vw;}
	
	
	.passion_wrap > h3 {font-size:min(3.6em, 10vw)}
	
	.system_slide .box .txt_a  {font-size:8vw}
	.main_banner_wrap .banner01 {width:100%}
	.main_banner_wrap .banner02 {width:100%}
	.main_banner_wrap .box {padding:30px;}
	.main_banner_wrap .banner03 {flex-wrap:wrap}
	.main_banner_wrap .banner03 .box {width:100%;}
	.main_banner_wrap .collective .list > li:not(:first-child) {display:block}
	.main_banner_wrap .reits {min-height:inherit}
	.main_banner_wrap .chart {min-height:inherit}
	.main_banner_wrap .notice .list > li > a .subj {font-size: 14px;}
	
	
	.system_slide .box {}
	.recuruit .info .txt_c {font-size:5vw}
	.recuruit .info .txt_a {font-size:8vw}
	.arrow_bt .arrow {width:30px; height:30px;}
	.system_dots_wrap .tab {width:12px; height:12px;}
	.more > a {font-size:13px;}
	.main_banner_wrap .head h4 {font-size:20px;}
	.main_banner_wrap .chart > a:after {width:30px; height:30px;}
	
/*
	.sub_wrap #header.down {top:-70px}
	#wrap {padding-top:70px}
	.sub_wrap {padding-top:70px}
*/

/*	.top_menu {display:none;}*/
	.top_search > button .txt {display:none;}
	.pc_view {display:none}
	.mb_view {display:block}
	.main_layer_pop {-webkit-overflow-scrolling:touch; position:fixed; overflow-y:auto; width:100% !important; max-width:100% !important; transform:none !important; -webkit-transform:none !important; left:0 !important; right:0 !important; top:0 !important; bottom:0; z-index:99999; background:url(../img/common/png_70.png) repeat left top; zoom:1; margin:0px !important}
    .main_pop_bottom {padding:10px; font-size:14px;}
    .main_pop_bottom .close {right:10px; top:10px;}
	.main_layer_pop .pop_wrap_in {float:none !important;}
	.main_visual .bx-controls {bottom:40px;}
	.main_visual .v_frame {height:640px;}
	
	

	
	.in_header {height:70px;}
	.up #lnb_wrap.fixed .lnb {top:70px; }
	
	.m_tit {font-size:min(40px, 8vw);}

	
	
	.main_tit > h3 {font-size:26px;}
	
	
	
	.section {font-size:16px}
	#footer_navi .navi > li a {font-size:14px;}
	#footer_navi .sel_box > li select {height:40px; font-size:14px;}
  	#footer .addressW {background-position:center 20px; font-size:13px; background-size:auto 40px;}

	#footer .go_top > a {padding:13px;}
	#footer .go_top img {width:30px;}
	#footerW .copy {font-size:13px; padding:10px 0px;}
	#footerW {padding:10px;}

	
	
/*    .down .sub_visual .sub_txt > div {top:71px; height:170px;} */
	.sub_con {font-size:15px;}
	#sub_tit {font-size:48px;}
	.sub_visual .sub_txt {height:300px; font-size:18px; word-break:keep-all}

	
	.sub_visual .navi {display:none;}

    .title_bar {margin-top:35px;}
	.title_bar h2 {font-size:36px;}

	.title_bar .s_txt {font-size:17px;}

	.sub_title {font-size:14px;}
	.of_hi .fl50 {float:none; width:100%;}
	.of_hi .fr50 {float:none; width:100%; margin-top:15px;}

	
	.s_tit {font-size:2.2em; margin-top:50px;}
	.ss_tit {font-size:1.5em; margin-bottom:15px;}

	.over_layerW {position:relative;}
	.over_layerW .table_style1 {width:100%; margin:0px;}
	.over_layerW .table_style1 tbody tr th.tl {word-break: keep-all}
	.over_layerW table td, .over_layerW table th {word-break: keep-all}
    .over_layer {overflow:auto;}
	.over_layer > div {overflow:inherit; min-width:680px;}
  
	.over_layer::-webkit-scrollbar {width:5px; height:8px; background-color:#eee;}
	.over_layer::-webkit-scrollbar-thumb {background:#666;}
	
    .over_layerW:after {display:block; content:""; width:10px; height:100%; position:absolute; right:0px; top:0px; background:url(../img/common/bg_shadow.png) repeat-y left top}
    .over_layer > table {min-width:900px;}

	.pop_wrap .pop_body {font-size:16px;}
	
    /*atab*/
    .atab li a {font-size:16px;}
    .atab li.on {margin-top:0px;}

    .atab li.on a:after {width:16px; height:16px; bottom:-18px;}

    .btn-tc > a {margin:0px;}
    .btab li a {padding:5px 0px; font-size:15px;}
	
	.ctab li a {height:50px; font-size:16px;}


	.m_th_b {width:135px !important;}
	.m_th {width:115px !important;}
    .m_th_s {width:95px !important;}
    .m_th_ss {width:75px !important;}
	
	.txt_ico img {height:34px;}
	.s_tit > img {max-height:32px;}
	
	
	
	.lnbs3 > ul > li > a {font-size:16px;}

	.map_wrap {height:440px;}
	
	.introduce .word {padding-top: 2em; display: block; margin: 0px;}
	.introduce .word > p {width: 100%; padding: 0px;}
	.introduce .name {text-align: right}
	
	.history_navi {height: 400px;}
	.history_wrap {flex-wrap: wrap}
	.history_wrap .year {width: 100%;}
	.history_wrap .year br {display:none;}
	.history_wrap .year .img {display:none;}
	
	.history_wrap .history {width: 100%}
	
	.vision .connect {flex-wrap:wrap; gap:10px}
	.vision .connect > li {width: 100% !important}
	
	.vision .integrity > li > dl {flex-wrap: wrap; justify-content: center}
	.vision .integrity dl > dd {width: 100%; flex:initial; padding-left: 0px; padding:1em 0px; text-align: center}
	
	.power_slide_wrap .icon img {max-width:12vw}
	.power_slide_wrap > h3 {font-size:min(3.1em, 8vw); line-height: 1.5em}
	
	.needs_wrap > ul {flex-direction: column}
	.needs_wrap dl dd {font-size: 0.95em}
	
	.kass_pms {flex-direction: column}
	.kass_pms > li:not(:first-child):after {width: 44px; height: 44px; left:50%; top:0%; transform:translate(-50%, -95%) rotate(90deg);}
	.dl_list > li {width: calc(50% - 10px);}
	.kass_pms .box .tag > p {font-size:15px;}
	
	.full_range dl > dt img {max-width:10vw}
	.full_range .full dl .txt_a {font-size: 5vw}
	.full_range dl dd.txt_a {font-size:min(1.33em, 3.5vw)}
	
	.gips_system .dl_list > li {width: 100%; max-width: 100%;}
	.dl_list > li > dl > dd {font-size: 0.95em}
	.full_range .bg dl {width:47vw; height:47vw;}
	.full_range > ul.bg > li:nth-child(3) {margin-left: 0vw; margin-top: -3vw;}
	.full_range > ul.bg > li:nth-child(4) {margin-left:-3vw; margin-top: -3vw}
	.full_range > ul.bg > li:nth-child(5) {margin-left: 0vw; margin-top: -9vw}
	
	.hana_people_point {flex-wrap: wrap; gap:min(30px, 5vw)}
	.hana_people_point > li {flex: initial; max-width:100%; width: 100%}
	
	.system_bottom .box_list > li {font-size:14px;} 
	.gips_system_wrap > ul {flex-wrap: wrap; flex-direction: column; }
	.gips_system_wrap > ul > li {text-align: center;}
}






/* 480px 이하 */
@media screen and (max-width:479px) {
	.card_area .card > dl > dd.bt > p:after {width: 3px;height: 3px;	}
	.more > a {font-size:12px;}
	.main_wrap .section {padding:40px 0px !important;}
	.main_visual {min-height: calc(100vh - 40px);}
	.main_visual .inner .ico_group .ico {flex-direction:column; text-align:center; align-items:center}
	.main_visual .inner .ico_group .ico img {height:9vw; margin:0px 0px 5px 0px;}
	.main_visual .inner .ico_group .dec {font-size:2.8vw}
	.main_banner_wrap .notice .txt_b .new {width:21px; height:21px; font-size:10px; min-width:21px;}
	.main_banner_wrap .head h4 img {height:20px; margin-left:10px;}
	.main_banner_wrap .notice .txt_b {font-size:15px;}
	.main_banner_wrap .notice .list > li > a .subj {font-size:13px;}
	.main_banner_wrap .news .txt_a {font-size:15px;}
	.main_banner_wrap .date {font-size:12px;}
	.service .banner {flex-direction:column}
	.service .banner > li {width:100%}
	.service .banner dt {font-size:20px;}
	.service .banner dt .ico img {width:20px; }
	.arrow_bt > a {font-size:14px;}
	.main_banner_wrap .news .txt_b {font-size:12px;}
	.main_banner_wrap .chart .btn {height: 50px; font-size: 14px;}
	.main_banner_wrap .chart .btn:after {width: 30px; height: 30px;}
	.main_banner_wrap .chart .img img {max-width: 50%}
	
	.card-visual .txt-wrap .txt-inner {top: 15%}
	.card-visual .txt-wrap .mv-txt--1 {	font-size:33px}
	.coordinate-wrap .coordinate-row .card-el:nth-child(n+2) {margin-top: 80px}
	.coordinate-wrap .coordinate-row .coordinate-col:nth-child(2n) {padding-top: 157px}
	.coordinate-wrap .coordinate-row {min-width:1000px	}
	
	.partner_slide .slide {padding: 0px 5px;}

/*
	.sub_wrap #header.down {top:-60px}
	#wrap {padding-top:60px;}
	.sub_wrap {padding-top:60px;}
*/
	#header h1 img {height:24px;}
	.top_menu > li a img {width:60%}

	.top_lang > a {font-size:15px;}
	
	.menu_btn a:before {display:none;}

	
    #wrap {transition:all 0.3s 0s ease-in-out;}
	.top_dday {font-size:20px; right:50px; padding-top:3px;}
    .in_header {height:60px;}
	.up #lnb_wrap.fixed .lnb {top:60px; }
    .menu_btn {}

	
    .menu_btn .line-middle {top:8px;}
	.top_search {right:105px;}
	.top_search > button img {width:20px;}
	.top_lang > a img {width:17px;}
	
	.menu_btn a img {width:20px;}
	.slide_menu_inner {padding-top:60px;}
    .slide_menu_wrap .gnb > ul > li > a {font-size:16px; padding-left:30px;}
	.slide_menu_wrap .gnb .sub_menu > li > a {padding-left:40px}
	
	.searchPop {font-size:15px;}
	.searchPop .inner {height:130px;}
	.searchPop .close {bottom:15px;}

	
	.main_visual .v_frame {height:500px;}

    .m_tit {font-size:22px;}
    .m_tit img {height:20px;}
    .m_tit_txt {font-size:15px;}
	
	
	.ico_note {font-size:12px;}
	.section {font-size:14px; padding:40px 10px;}
	
	.main_tit {padding-bottom:20px;}
	.main_tit > h3 {font-size:16px;}
	.main_tit .ico img {width:50px}
	

	
	#footer .addressW {font-size:12px; background-size:auto 34px;}
	#footer_navi .sns > a img {height:34px;}
	#footer_navi .navi > li {padding:0px 8px;}
	#footer_navi .navi > li:not(:first-child):after {height:10px; margin-top:-5px;}
  

    #footer .addressW address {margin:0px;}
    #footer .addressW address strong {display:block;}
    #footer .addressW address span {padding:2px 5px;}
	#footer .addressW address .tel .mont {font-size:15px;}

	#footer_navi .navi > li a {font-size:13px;}
	
	#footerW .familySite ul li a {padding-left:10px;}
	#footerW .familySite ul li {min-height:38px;}
	#footerW .familySite ul li a {line-height:38px;}
	#footer .addressW .navi > li a {font-size:13px;}
	#footer .addressW .navi > li:not(:first-child):after {height:12px;}
	#footer .addressW address .tel {font-size:14px;}
	
	#footer_navi .btn .down {height:45px;}
	#footerW .familySite p.on {height:45px; font-size:13px;}
	#footerW .copy {font-size:12px;}

    .pop_wrap .pop_head .title {text-align:left !important; font-size:20px; padding-left:15px !important; padding:15px 45px 15px 15px;}
    .pop_wrap .pop_head .title br {display:none;}
    .pop_wrap .x_btn {right:15px;}
    
    .web_dis {display:none;}
	.mb_dis {display:block;}
    #add_date .bt .tooltip {height:36px; line-height:34px;}
	
	
	#lnb_wrap {top:0px;}
	#lnb_wrap .lnb .lnbs {max-width:none;}
	#lnb_wrap .lnb {padding:0px;}
	#lnb_wrap .ico_home {display:none;}
	.lnb_tit, a.lnb_tit {height:50px; line-height:50px; font-size:14px;}
	.lnb ul li a {font-size:13px;}
	.lnb_tit:after {right:15px;}
   
    #sub_tit {font-size:30px;}

	
	.sub_visual .sub_txt h2 {font-size:7vw; padding-bottom:0px;}
	.sub_visual .sub_txt {height:170px; align-items:center; padding:30px 10px 0px 10px;}
	.sub_visual .sub_txt .txt_a {font-size:14px; line-height:1.3em;}
	.sub_visual .sub_txt > div > p {display:none;}
	
/*	.down .sub_visual .sub_txt > div {display:none;}*/
	
	.location {display:none;}
	
    .ico_box > li {width:50%;}
    .ico_box > li .ico img {max-width:70px;}
	
 
	.down_btn > a > span {font-size:18px}
	.down_btn > a {height:54px;}


    
	.btn-tc > a {margin:5px 0px;}
	.subject {padding-left:10px;}


    .block_m {display:block;}
    .block_m.fl {float:none;}
    .list_btn .block_m {margin:2px 0px;}
	.board-view td.view_td {padding:20px 10px;}
    .list_btnW a {display:block;}

    .s_tit {padding:0px 0px 10px 0px; font-size:24px; background-position:left 5px; background-size:20px auto; margin-top:35px;}
	.s_tit img {height:20px; }
	
    .s_tit:before {width:20px; height:20px; margin-right:5px;}
	.s_tit:after {left:6px; top:7px;}
	
    .sub_con > .s_tit:first-child {margin-top:0px}
	.ss_tit {font-size:18px; margin-top:25px; margin-bottom:10px;}
    .ss_tit:before {width:18px; height:18px; min-width:18px;}
	.sss_tit {font-size:1.5em; margin-top:25px;}
	.ssss_tit {font-size:15px; margin-top:25px;}

    .s_txt_r {margin-top:-25px; padding-bottom:5px;}
    .s_txt_r2 {margin-top:-45px;}
    .b_txt {font-size:17px; margin-top:30px;}
    .txt_in {padding-left:25px;}
	#inner_wrap {padding-bottom:50px; padding-top:0px;}
    #inner_wrap.no_visual {padding-top:30px;}

  	#lnb_wrap .lnbs3 > ul > li > a {font-size:14px; height:55px;}
    
    .sub_visual .sub_txt .cell .sub_tit_s {font-size:20px; padding-bottom:20px;}
    .sub_con {font-size:13px;}
    .layerPop {font-size:0.95em;}
    .title_bar {margin-bottom:15px; background-size:auto 60px;}
	.title_bar h2 {font-size:2em;}
	.title_bar h2:after {height:20px; margin-top:10px;}
    .title_bar .s_txt {font-size:14px;}
    .title_bar .s_txt br {display:none;}
    .title_bar .s_txt2 {font-size:1.25em; padding-top:0px; margin-bottom:15px;}
    .view_tit {padding:10px;}
	.big_text {font-size: 1.8em}
    .m_th_b {width:105px !important;}
	.m_th {width:85px !important;}
    .m_th_s {width:65px !important;}
    .m_th_ss {width:45px !important;}
    
    
	
    .w_name {width:70px;}
    .w_date {width:80px;}
    .m_block {display:block !important; margin-bottom:3px !important; float:none !important;}
    .scrollbox {height:120px;}
    .atab_wrap {margin-bottom:40px;}
 
    .b_table > dl {font-size:16px; padding-left:0px;}
    .ul_table > ul > li {font-size:16px;}
    .check_txt {font-size:16px;}
    .radio_group > li {font-size:13px;}
    .b_table {padding-top:10px;}
    .b_table > dl > dt {font-size:16px; padding-top:13px;}
    .b_table > dl > dd {min-height:20px; font-size:13px;}
    .b_table > dl > dt {position:relative; padding-bottom:0px;}
    .input_etc .pa {font-size:13px; line-height:36px;}

    .textarea {padding:5px 5px; font-size:13px;}
    .b_table .btnNormalB span {padding:0px 18px; height:36px; line-height:34px; font-size:13px;}
    .security_code .code .num {height:34px; line-height:32px; font-size:14px;}
    .file_input label {height:36px;  line-height:34px; font-size:13px;}
    .radio_group {margin-top:-5px;}
    

    .find_box {padding:0px 0px 10px 0px;}
    .find_cell .bt {overflow:hidden;}
    .find_cell .bt > a {width:50%; float:left;}
    .find_cell .bt > a > span {display:block; padding:0px; margin:0px 2px;}  
    .print_bt {display:none !important}
    .gray_box {padding:5px;}
  
	.atab li a {font-size:13px; height:45px;}
	.atab li.on a {height:45px;}
	
	.ctab li {padding:0px 2px;}
	.ctab li a {height:40px; font-size:13px;}

   
    .br_box {padding:10px;}
    .guide_tab > li > a {font-size:12px;}
	
    
    .tit_ico {height:19px; line-height:18px;}

    .board_w > ul {padding:10px 15px;}
    .btn-tc {padding:20px 0px; margin-top:20px;}
    
    .btab li a {font-size:14px; min-width:90px;}
  
    .b_check_box {padding:10px;}
    #inner_wrap .b_check_box .board-write th {font-size:1.05em !important;}

	
    .gray_wrap {padding-top:30px; padding-bottom:30px;}
    .gray_wrap2 {padding-top:30px; padding-bottom:30px;}

	
    .list_more > a > span {font-size:16px; padding:15px 20px 15px 0px;}
    

	
	

	.ico_note:before {transform:scale(0.7); margin-right:0px;}
	.ico_note:after {transform:scale(0.7) translateY(-70%);}
	
	.noteBox {padding:15px;}
	.noteBox:before {}
	
	
	.lnbs3 {padding-bottom:30px;}
	.lnbs3 > ul {margin:0px -10px;}
	.lnbs3 > ul > li {padding:5px 10px;}
	
	.lnbs3 > ul > li > a {font-size:14px; line-height:18px;}
	.lnbs3 > ul > li.on > a {border-width:4px; }

	.lnbs3 > ul > li > a .all {padding-left:24px; background-size:18px auto !important}
	

	
	.pop_wrap .pop_body {font-size:13px;}
	
	.map_bottom .info > ul > li {width:100%;}
	.map_wrap {height:250px;}
	.map_bottom {padding:10px;}
	.map_bottom > ul > li {flex-wrap:wrap}
	.map_bottom > ul > li .txt_t {width:100%; text-align:center; padding:0px 0px 0px 0px;}
	.map_info .metro .btn > a {font-size:13px;}
	
	.sub_section {padding-top:40px;}
	.sub_section.bg {padding:40px 0px; margin-top:40px;}
	.sub_section.bg+.sub_section.bg {padding-top:0px;}
	
	.talent .box1 img {width:44%}
	.talent .box1 .txt {font-size:4.5vw;}
	.talent .box3 > dl dt {font-size:13px;}
	.talent .box3 > dl dd {font-size:1em}
	
	.benefit .subj h4 {font-size:20px;}
	.benefit .icons > li {width:50%;}
	.benefit .icons > li .txt {font-size:13px;}
	.job_posting .box > h4 > a {font-size:20px;}
	.job_posting .box > h4 > a img {height:26px;}
	.job_posting .box > h4 > a {background-size:16px auto; }
	
	.sub_desc_s {font-size: 16px;}
	.sub_desc {font-size: 20px;}

	.introduce .head_tit > p {font-size:4.5vw; max-width:45vw;}
	
	.history_navi {height:250px}
	.history_wrap .history > li {padding-left: 50px;}
	.history_wrap .history > li:before {width:10px; height:10px; border-width:5px;}
	.history_wrap .history > li {padding-left:30px;}
	.history_wrap .history:before {left:10px;}

	.history_wrap .history > li:last-child:after {width:20px;}
	.history_wrap .history > li:not(:first-child) {margin-top:30px;}
	.history_wrap .history > li > h4 {font-size:1.5em;}

	.history_dots .slick-dots button {font-size: 12px;}
	
	.hanain {flex-wrap: wrap; gap:30px;}
	.hanain > li {flex: initial; width: 100%}
	.hanain .txt .tt {padding: 10px 0px;}
	
	.benefit .num_list > li .txt {font-size: 13px;}
	.benefit .num_list > li .num {font-size: 13px;}
	
	.vision .txt_a {font-size: 1.5em;}
	.vision .bg1 dt {height: 40px;}
	.vision .bg1 dd {padding: 1em;}
	.vision .txt_c {font-size: 2em}
	.vision .o_n_e > li {width:42vw; height:42vw;}
	.vision .bg4 .tt {padding: 1.5em}
	.vision .connect > li > dl {min-height: inherit}
	.vision .connect > li > dl > dt {font-size: 1.2em}
	.vision > dl > dt {font-size: 1.2em}
	.vision .o_n_e dt {font-size: 1.3em}
	.vision .power > li .ico {max-width:40%;}
	.power_slide .box {padding:0px 3vw}
	.power_slide .card {width:78.29vw; height:100.375vw; font-size:3.75vw; border-radius:6.45vw }
	.power_slide .card .ico img {max-width:40vw}

	.power_slide .card:before {width: 14vw; height: 14vw}
	.power_slide .top_text {font-size:8vw}
	
	.map_p > strong img {max-width: 8vw;}	
	.full_range .line {height: 60px;}
	.full_range dl > dt {font-size: 1.2em}
	.full_range dl > dd {padding-top: 10px;}
	.half_section .info .txt_a {font-size: 1.7em}
	
	.kass_pms .box .tag > p {font-size: 12px;}
	.kass_pms .box .txt_a br {display:none}
	
	.gips_system .bb_box {font-size:1.6em}
	.gips_system .dl_list {padding-bottom: 60px; background-size: auto 84px;}
	
	.system_bottom .box_list > li {font-size:12px; width: 100%} 
	
	.system_bottom.etf_etn > h3 {font-size:1.5em}
	.system_bottom.etf_etn .box_list h4 {font-size:1.5em}
}