/*FONT*/
@import url(fonts.css);

/* hanbom reset*/
body{min-height: 100%;}
html{box-sizing:border-box;}
*{    box-sizing: border-box;}

html{-ms-text-size-adjust:100%;-webkit-font-smoothing:antialiased;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{margin:0;padding:0;border:0;vertical-align:baseline;font-family: "Pretendard", sans-serif;box-sizing  : border-box;     word-break: keep-all; word-break: normal;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section,summary{display:block;}
audio, canvas, progress, video{display:inline-block}
audio:not([controls]){display:none;height:0}
ol, ul{list-style:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after, q:before, q:after{content:'';}
img{vertical-align:top}
mark{background:#ff0;color:#000}
del{text-decoration:line-through}
abbr[title], dfn[title]{cursor:help}
hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0}
input, select, button, textarea, optgroup{margin:0;vertical-align:middle;font:inherit;color:inherit;box-sizing  : border-box;}
button{display:inline-block;border:0;cursor:pointer;margin:0;padding:0;font-family:inherit;outline:none;overflow:visible;background:transparent;}
button::-moz-focus-inner{padding:0;border:0;}
label{vertical-align:middle;}
i, em, address{font-style:normal;}
a, a:link, a:visited, a:active, a:hover{text-decoration:none;}
table{border-collapse:collapse;border-spacing:0;width:100%}
input{line-height:normal}
input[type="checkbox"], input[type="radio"]{box-sizing:border-box;padding:0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
input, textarea, button, select{box-sizing:border-box}
textarea{resize:none;border:1px solid #ebebeb}
input[type="text"], input[type="password"],input[type="file"]{border-radius:0}
button, input[type="reset"],
input[type="button"], input[type="submit"]{overflow:visible;-webkit-appearance:none;border-radius:0;cursor:pointer}
::placeholder{color:#9b9b9b;opacity:1}
::-webkit-input-placeholder{color:#9b9b9b}
::-moz-placeholder{color:#9b9b9b}
:-ms-input-placeholder{color: #9b9b9b}
:-moz-placeholder{color:#9b9b9b}
input:focus, textarea:focus, select:focus{outline: none;}
*{box-sizing: border-box;}
caption, .blind{overflow:hidden;position:absolute;top:-1px;left:-1px;z-index:-1;width:1px;height:0px;line-height:0;white-space:nowrap;text-indent:-9999px;}

#wrap{position: relative;z-index: 5;}
#wrap{}
#content{position: relative;z-index: 1;background-color: #fff;}

.skip-navi a{display:block;position:absolute;left:0;top:0;overflow:hidden;width:1px;height:1px;text-align:center;color:#fff;z-index:101;}
.skip-navi a:focus,
.skip-navi a:active{padding:5px 0;width:100%;height:auto;background:#000;}

.for-pc{display: block;}
.for-mobile{display: none;}

textarea{border:1px solid #D9D9D9; border-radius:6px; width:100%; padding:16px;}

.btn{display: inline-block;box-sizing: border-box; }
.btn.type01{color: #010101;border: 1px solid #1a1a1a;background-color: #fcfcfc;}
.btn.medium{font-size: 16px;height: 56px;line-height: 54px; padding:0px !important;}
input[type="text"],input[type="password"]{display: flex;height: 60px;padding: 10px 20px;align-items: center;gap: 10px;align-self: stretch;border:1px solid #E5E5E5;border-radius: 6px;font-size: 16px;font-style: normal;font-weight: 600;}
input[type="text"]::placeholder
,input[type="password"]::placeholder{color:rgba(0,0,0,.4);font-size: 16px;font-style: normal;font-weight: 600;line-height: 110%;}


body.nav-active{overflow: hidden;}

@keyframes navOpacity {
	0% {opacity: 0;}
	100% {opacity:1;}
}


header{z-index: 1000;top:0px;left:0px; width:100%; height:100px;
    display: flex;  align-items: center;     position: relative;flex-direction: column;    transition: padding .3s ease, background-color .3s ease, top .3s ease; }
header.active, header.white, header.fixed{background-color: #fff; border-bottom: 1px solid #c4c4c4;}
header.fixed{position: fixed;}
.header-wrap{max-width:1400px; width:100%;display:flex;justify-content: space-between;
    align-items: center; margin:0 auto;}
/*header h1{position: fixed;left: 88px;top: 72px;}*/
header .menu{display:flex; gap:80px;    align-items: center; position: relative;}
header h1 a{display: block;position: relative; width: 200px;height: 35px;background: url('../image/logo_w.png') 0 0 no-repeat;background-size: contain;background-position: left center;}
header.en h1 a{background-image: url('../image/logo_en_w.png');}

header.fixed h1 a,header.white h1 a,header.active h1 a{display: block;position: relative; width: 200px;height: 35px;background: url('../image/logo.png') 0 0 no-repeat;background-size: contain;background-position: center;}
header.en.fixed h1 a, header.en.white h1 a, header.en.active h1 a{background-image: url('../image/logo_en.png');}
header h1 a.site-logo-link{background-image:none;}
header h1 a .site-logo-image{display:block;width:100%;height:100%;object-fit:contain;object-position:left center;}
header.fixed h1 a::before, header.white h1 a::before, header.active h1 a::before{opacity: 0; bottom: -10px;}
header ul li{float:left; }

header .menu li{font-weight: bold; width: max-content;}
header .menu .gnb > li > a{color:#fff;    width: 120px; text-align: center;}
header.en .menu .gnb > li > a{width:178px;}
header .menu .gnb > li > .depth02 a{  color: #000;  width: 160px; text-align: center; }
header .menu .gnb > li > .depth02 .depth03 a{color:#707070;}
header .menu .gnb > li > .depth02 .depth03 a:hover{color:#0072eb;}
header.fixed .menu .gnb > li > a,header.white .menu .gnb > li > a,header.active .menu .gnb > li > a{color:#000;transition: all .3s ease;}
header.fixed .menu .gnb > li:hover > a,header.white .menu .gnb > li:hover > a,header.active .menu .gnb > li:hover > a{color:#0072eb;}

.nav-container{display:none;}
/*header .menu li .depth02{display:none;}*/
header .menu li .depth02{position:absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: auto;
    padding: 15px 0;
    background: #fff;
    border:1px solid #c4c4c4;
    border-top:0px;
    border-radius: 0px 0px 1em 1em;
    opacity: 0;
    pointer-events: none;

    display: flex;
    padding:2em 4em 4em 4em;
    z-index: 1000;
    gap:20px;
}

header .menu li:last-child .depth02{
	margin-left: 180px;
}




header h1, header .gnb > li,header .rightMenu > li{ transition: padding .3s ease;}

header h1, header .gnb > li,header .rightMenu > li{padding-top: 11px;}

header.active h1, header.active .gnb > li,header.active .rightMenu > li{padding-top: 0px;}
/* ,header.fixed h1, header.fixed .gnb > li,header.fixed .rightMenu > li */
header.show { background-color: #fff; border-bottom: 1px solid #c4c4c4; top:0px; }
header.hide { top: -100px; }
header#scroll{display:none;}
header#scroll.fixed{display:flex;}

header .gnb{height:100%;display:inline-flex;justify-content: center;align-items: center;text-align: center;/*position:absolute;top:0;left:50%;transform:translateX(-50%);width: calc(100% - 600px);*/}
header .gnb > li{height:100px; font-size:18px; transition: all .3s ease;}
header .gnb > li + li:before{position:absolute; content:''; width:4px; height:4px; background:var(--black-color10); border-radius:100%; top:50%; left:-2px; /* margin-top:-2px; */}
header .gnb > li > a{display:flex;align-items:center;height:100%;font-weight:700;transition:all 0.4s;justify-content: center;font-family: "Pretendard", sans-serif;font-size:18px;}
/*header .gnb > li > a:hover{color:#0072eb;}*/
header .gnb > li.on > a{color:#000;}

/*
header .menu ul:hover .depth02
,header .menu ul:has(*:focus) .depth02 
, header .menu ul.hover .depth02{display:inline-block;
    opacity: 1;
}*/
header .gnb .depth02 > li > a:hover{color:#0072eb;}

header .gnb .depth02 > li > a{position:relative; display:block; padding:10px 0px; transition:all 0.4s;    display: flex;
  align-items: center;    justify-content: left; font-size: 18px; font-weight: 700;}
header .gnb li:hover .depth02, header .gnb li:has(*:focus) .depth02{opacity:1; pointer-events:inherit;}
header .gnb .depth02 li:hover > a, header .gnb .depth02 li:has(*:focus) > a{opacity:1; pointer-events:inherit;color:#0072eb;z-index: 100;}
header .gnb .depth02 > li > a:hover:before, header .gnb .depth02 > li > a:focus:before{opacity:1;}

header .gnb .depth03{display: flex; flex-direction: row;width: max-content;    gap: 1em;}
header .gnb .depth03 ul{display: flex; flex-direction: column; gap:1em; margin-top:1.5em;justify-content: left;width: max-content; min-width: 110px;}

header .gnb .depth03 ul li a{color:#707070;font-family: "Pretendard", sans-serif; font-size:17px;font-weight: 600;text-align: left;width: max-content;}


header .rightMenu{height:100%;display:inline-flex;justify-content: center;align-items: center;text-align: center; gap: 1em;}
header .rightMenu > li{position:relative; }
header .rightMenu > li + li:before{position:absolute; content:''; width:4px; height:4px; background:var(--black-color10); border-radius:100%; top:50%; left:-2px; /* margin-top:-2px; */}
header .rightMenu > li > a{display:flex;align-items:center;height:100%;transition:all 0.4s;justify-content: center;color:#fff; font-family: "Pretendard", sans-serif;font-size:16px;}
header.fixed .rightMenu > li > a,header.white .rightMenu > li > a,header.active .rightMenu > li > a{color:#000;}
header .rightMenu > li.on > a{color:var(--point-color01);}
header .rightMenu .depth02{position:absolute; top:140%; left:50%; transform:translateX(-50%); width:85px; padding:15px 20px; background:#fff; opacity:0; pointer-events:none; transition:all 0.4s; border-radius: 12px;
border: 1px solid #E4E4E4;}
header .rightMenu .depth02 > li{width:100%;}
header .rightMenu .depth02 > li > a{position:relative; display:block; padding:0px; transition:all 0.4s; color:#000; font-weight: 400;font-size: 16px;line-height: 110%;    text-align: left;}
header .rightMenu .depth02 > li + li{margin-top:8px;}
header .rightMenu .depth02 > li > a.on{font-weight: 700;line-height: 110%;}
/* header .rightMenu:hover .depth02, header .rightMenu:has(*:focus) .depth02{opacity:1; pointer-events:inherit;}*/
header .rightMenu .selected.active .depth02, header .rightMenu .selected.active .depth02{opacity:1; pointer-events:inherit;}
header .rightMenu .depth02 > li > a:hover:before, header .rightMenu .depth02 > li > a:focus:before{opacity:1;}
header .rightMenu .ico.search{ width: 30px;height: 30px;background: url('../image/ico_search_w.png') center center no-repeat;background-size: contain; font-size: 0px; overflow: hidden;}
header.fixed .rightMenu .ico.search,header.white .rightMenu .ico.search,header.active .rightMenu .ico.search{background: url('../image/ico_search.png') center center no-repeat;background-size: contain;}
header .ico.arrow{ width: 12px;height: 12px;background: url('../image/ico_menu_arrow.png') center center no-repeat;background-size: contain; text-indent: 100px; overflow: hidden; display: inline-block; margin-left: 0.25em;}
header .rightMenu .selected::after{content: ""; display:inline-block; width: 20px;height: 20px;background: url('../image/ico_select_bottom_w.png') center center no-repeat;background-size: contain; cursor: pointer;transition: transform 0.3s ease;}
header .rightMenu .selected{display:flex; gap:10px;cursor: pointer;}
header.white .selected::after,header.fixed .selected::after,header.active .selected::after{background-image: url('../image/ico_select_bottom.png');}

header .rightMenu .selected.active::after {  transform: rotate(180deg);}

.ico.arrow{ width: 15px;height: 15px;background: url('../image/ico_main_arrow.png') center center no-repeat;background-size: contain; text-indent: 100px; overflow: hidden; display: inline-block; margin-left: 0.25em;}

.ico.arrow.type02{ width: 15px;height: 15px;background: url('../image/ico_arrow_more_black.png') center center no-repeat;background-size: contain; text-indent: 100px; overflow: hidden; display: inline-block; margin-left: 0.25em;}
.ico.arrow.white{ width: 20px;height: 20px;background: url('../image/ico_arrow_more_white.png') center center no-repeat;background-size: contain; text-indent: 100px; overflow: hidden; display: inline-block; margin-left: 0.25em;}
.ico.arrow.down{    transform: rotate(90deg);}
.ico.arrow.link{background-image:url('../image/ico_menu_arrow.png');}
.ico.arrow.link.gray{background-image:url('../image/ico_menu_arrow02.png');}

.ico.more{ width: 24px;height: 24px;background: url('../image/ico_main_arrow02.png') center center no-repeat;background-size: contain; text-indent: 100px; overflow: hidden; display: inline-block; margin-left: 0.25em;}
.ico.file{ width: 40px;height: 40px;background: url('../image/ico_file.png') center center no-repeat;background-size: contain; text-indent: 100px; overflow: hidden; display: inline-block; margin-left: 0.25em; cursor: pointer;}
.sub-gnb{background-color: #fdfdfd; padding:18px 0px;display: block;
    z-index: 2;
    width: 100%;    height: 60px; border-bottom: solid 0.5px #c4c4c4;    display: flex;
    justify-content: center;}
.sub-gnb .header-wrap {
  justify-content: center;
  align-items: center;}
.sub-gnb .header-wrap > div:first-child{display: flex;}
.sub-gnb .gnb{display: flex; gap:40px;font-size: 16px;    }
header .sub-gnb .gnb > li{height: inherit;}
.sub-gnb .gnb > li > a{display:flex;align-items:center;height:100%;transition:all 0.4s;justify-content: center;color:#000;font-family: "Pretendard", sans-serif;font-size:16px;line-height: 1.5; font-weight: 400; opacity: .4;}
.sub-gnb.list .gnb > li > a{opacity: 1;}
.sub-gnb .gnb > li > a.on{color:#000; font-weight: 700; opacity: 1; }




.ico.m-logo{ margin-right:0.25em;   display: inline-flex;position: relative; width: 20px;height: 20px;background: url('/images/common/ico_heart.png') center center no-repeat;background-size: contain;}
/*레이아웃 변경*/
header .gnb:hover ~ .menu_depth02{display: flex;}
header ul:hover ~ .menu_depth02
,header ul:has(*:focus) ~ .menu_depth02
,header ul:has(*:hover) ~ .menu_depth02
, header ul.hover ~ .menu_depth02{display: flex;}
.menu_depth02.active,.menu_depth02:hover{display: flex;}
.menu_depth02{
  width: 100%;
  background-color: #fff;
  padding: 1em;
  position: fixed;
  top: 70px;
  left: 0px;    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  z-index: 10;    display: flex;
  padding-left: 450px;
  display:none;
}
  .menu_depth02 .depth02{width:170px; display: flex; flex-direction: column;    align-items: center;}
  .menu_depth02 .depth02 > li > a:hover{color:#009def;}
  .menu_depth02 > li.on > a{color:var(--point-color01);}
  .menu_depth02 .depth02 > li > a{position:relative; display:block; padding:10px 0px; transition:all 0.4s;    display: flex;
    align-items: center;    justify-content: center; color:#000;font-weight: 600;}
    .menu_depth02:hover .depth02, .menu_depth02:has(*:focus) .depth02{opacity:1; pointer-events:inherit;}
  .menu_depth02 .depth02 > li > a:hover:before, .menu_depth02 .depth02 > li > a:focus:before{opacity:1;}


.none{display:none;}

.content-wrap{padding:160px 0px; min-height:200px;  }
.content-wrap{max-width:1620px;max-width:1400px; margin:0 auto; width:100%; position: relative; }
.content-wrap.head{ padding:200px 0px 60px 0px;}
.content-wrap.mhead{ padding:160px 0px 60px 0px;}
.content-wrap.shead{ padding:100px 0px 60px 0px;}
.content-wrap.xhead{ padding:100px 0px 40px 0px;}
.content-wrap.p100{ padding:100px 0px 100px 0px;}
.content-wrap.prodTitle{padding:120px 0px 80px 0px;}
.content-wrap.center{text-align: center;     display: none;}
.content-wrap.small{padding:0em 0px; min-height: auto;}
.content-wrap.mid{padding:1.5em 0px; min-height: auto;}
.content-wrap.prod-list{ /*padding:1em 0px 4em 0px;*/  padding-bottom: 100px;}
.content-wrap.case-list{padding:0em 0px 200px 0px;}
.content-wrap.main-wrap{padding:160px 0px 100px 0px;}
.thumb.type04 .content-wrap.small + .content-wrap.small{margin-top:5em;}
.content-wrap.bottom0{padding-bottom: 0px !important;}
.content-wrap.top0{padding-top: 0px !important;}
.content-wrap.top80{padding-top:80px;}
.content-wrap.bottom80{padding-bottom:80px;}
.content-wrap.p80{padding:80px 0px;}
.content-wrap.left{text-align:left;}

.footer{ background-color: #fff; padding:6em 0em; border-top:1px solid #e4e4e4;}
.footer-wrap{    max-width: 1400px;
    margin: 0 auto;
    width: 100%;
    position: relative;}
.footer-top{    display: flex;
    flex-direction: row;
    align-content: space-between;
    align-content: center;    align-items: center;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
    gap: 10px;}
.footer-top > div:first-child    {    display: flex;
        align-items: center;
        gap: 4em;}
.footer-top ul.menu{display: flex;}
.footer-top ul.menu li,.footer-top ul.menu li a{color:#757575; font-weight: bold;}
.footer-top ul.menu li.on,.footer-top ul.menu li.on a{color:#000;    font-weight: bold;}
.footer-top ul.menu li::after{content: ''; color: #000; padding:0em 1em;}
.footer-top ul.menu li:last-child::after{content:'';}
.footer-top .logo-w{display: block;position: relative; width: 225px;height: 75px;background: url('../image/logo_w.png') 0 0 no-repeat;background-size: contain;    background-position: center;}
.footer-cont{ display: flex;
    flex-direction: row;
    align-content: space-between;
    align-content: center;    align-items: center;
    justify-content: space-between;
    width: 100%; margin-top:2em;
    flex-wrap: wrap; color:#757575;font-size: 0.85em; line-height: 1.5em;}
.footer-cont ul{display: inline-flex; gap:1em; color:#757575;}

.sns.link{display: block;position: relative; width: 40px;height: 40px;background: url('../image/ico_linkedin.png') 0 0 no-repeat;background-size: contain;}
.sns.instargram{display: block;position: relative; width: 40px;height: 40px;background: url('../image/ico_instar.png') 0 0 no-repeat;background-size: contain;}
.sns.youtube{display: block;position: relative; width: 40px;height: 40px;background: url('../image/ico_youtube.png') 0 0 no-repeat;background-size: contain;}

.ico.top{display: block;position: relative; width: 64px;height: 64px;background: url('../image/ico_top.png') 0 0 no-repeat;background-size: contain; border-radius: 32px; cursor: pointer;}
.ico.talk{display: block;position: relative; width: 64px;height: 64px;background: url('../image/ico_talk.png') 0 0 no-repeat;background-size: contain; border-radius: 32px; box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.25); cursor: pointer;}
.ico.talk.active{background-image:url('../image/ico_talk_close.png'); }


.btn-more{background-color: #009def; width:40px; height:40px; color:#fff; display: inline-block; line-height: 40px;text-align: center; font-size: 18px;}
/** 공통타이틀 **/
.main-title{text-align: center; margin-bottom: 2em;}
.main-title h2{font-size: 42px; font-weight: 900;}
.main-title span{font-size: 22px; margin-top: 0.5em; display: inline-block;color:#7e7d82;}

section.padding{padding:5em 0em;}
.color.type02{color:#7e7d82;}
.date{color:#7e7d82; font-size: 1.5em;}

.bg.type02{background-color: #f6fbff;}


.cont-list > li{width:23%; margin-right:2%; float: left;}
.cont-list > li:nth-child(4n){margin-right:0px;}
.cont-list .thumb{ width:100%; height: 350px; border-radius: 2em;background:#ccc;    background-size: contain; background-position: center;}
.cont-list .cont{font-size: 16px; margin-top:1em;}
.cont-list .cont h3{ font-size: 1.25em; font-style: normal;margin:0.5em 0em;}
.cont-list .slick-slide {margin:0 16px;}
.cont-list .slick-list{margin:0 -16px; margin-top:0em;}


/*
.cont-list .slick-slide {margin-left:1em;}
.cont-list .slick-list{margin-left:1em; margin-top:1em;}
*/


input[type="checkbox"],input[type="radio"] {border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}
input[type="checkbox"] + label {overflow:hidden; display:inline-block; padding-left:33px; height:23px; background:url('../image/icon-checkbox.png') no-repeat 0 50%; color:#555555; line-height:21px; cursor:pointer;    background-size: contain;}
input[type="checkbox"]:checked + label {background:url('../image/icon-checkbox-on.png') no-repeat 0 50%;    background-size: contain; color:#000; font-weight: 600;}
input[type="radio"] + label {overflow:hidden; display:inline-block; padding-left:33px; height:22px; line-height:22px; background:url('../image/icon-radio.png') no-repeat 0 50%; color:#555555; cursor:pointer;    background-size: contain;}
input[type="radio"]:checked + label {background:url('../image/icon-radio-on.png') no-repeat 0 50%;    background-size: contain;}


input[type="checkbox"].type02 {border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}
input[type="checkbox"].type02 + label {overflow:hidden; display:inline-block; padding-left:33px; height:23px; background:url('../image/icon-checkbox02.png') no-repeat 0 50%; color:#000; line-height:21px; cursor:pointer;    background-size: contain; font-size:18px; font-weight: 700;}
input[type="checkbox"].type02:checked + label {background:url('../image/icon-checkbox02-on.png') no-repeat 0 50%;    background-size: contain;color:#0072eb;}


/**컴포넌트**/
.selectBoxList {
    display: flex;
    grid-gap: 30px;
}
.selectBox * { box-sizing: border-box; }
.selectBox {
  position: relative;
  z-index: 1;
  height: 35px;
  /* background: url('https://freepikpsd.com/media/2019/10/down-arrow-icon-png-7-Transparent-Images.png') calc(100% - 7px) center no-repeat; */
  background-size: 20px;
  cursor: pointer;
  color:#000;

}
.selectBox.type02{height:16px;}

.selectBox:before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0em;
  width: 20px;
  height: 20px;
  line-height: 17px;
  font-size: 18px;
  background-color: #000;
  color:#fff;
  text-align: center;
  border-radius: 50px;
  z-index: -1;
  background:url('../image/ico_select_open.png') no-repeat 0 50%;    background-size: contain;
}
.selectBox.active:before {background:url('../image/ico_select_close.png') no-repeat 0 50%;    background-size: contain;}

.selectBox.type02:before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0em;
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 8px;
  background-color: #fff;
  color:#707070;
  text-align: center;
  border-radius: 50px;
  z-index: -1;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3px 3px 0px 3px;
  border-color: #707070 transparent transparent transparent;

}
.selectBox.type02.not:before{content: none;}

.selectBox:after {
  content: '';
  display: block;
  width: 2px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 35px;

}

.selectBox .label {
  display: flex;
  align-items: center;
  width: inherit;
  height: inherit;
  border: 0 none;
  outline: 0 none;
  padding-left: 15px;
  background: transparent;
  cursor: pointer;
  padding-right: 1.75em;
}
.selectBox.type02 .label{
  padding-left: 5px;
  padding-right: 12px; color:#707070;
}
.selectBox.type02.not .label{ padding-right: 0em;}
.selectBox .optionList {
  position: absolute;
  bottom: 47px;
  right: 0;
  width: 100%;
  background: #fafafa;
  color: #000;
  list-style-type: none;
  padding: 0;
  border-radius: 6px;

  overflow: hidden;
  max-height: 0;
  transition: .1s ease-in;
  background: #fff;
  width: 180px;
  display: none;
  flex-direction: column;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
  border: solid 1px #d9d9d9;
}
.selectBox.active .optionList {
display: flex;
height: 240px;
overflow-y: auto;
gap:1px;
}
.selectBox.type02 .optionList {
  position: absolute;
  top: 50px;
  left: 0;
  right: auto;
  bottom:auto;
}
.selectBox.type02 .optionList{
  width:140px;
  top:35px;
}

.selectBox.type02.active .optionList{
  background: #fff;
  min-width: 140px;
  width: max-content;
  height:auto;
  display: flex;
  flex-direction: column;
  padding: 10px 0em;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
  border: solid 1px #d9d9d9;
}
.selectBox .optionList::-webkit-scrollbar {width: 6px;}
.selectBox .optionList::-webkit-scrollbar-track {background: transparent; }
.selectBox .optionList::-webkit-scrollbar-thumb {background: #303030; border-radius: 45px;}
.selectBox .optionList::-webkit-scrollbar-thumb:hover {background: #303030;}

.selectBox.active {
    z-index: 10;
}

.selectBox.active .optionList {
  max-height: 500px;
  border:1px solid #D9D9D9;
}

.selectBox .optionItem {
  border-bottom: 1px solid #fff;
  font-size:12px;
  font-weight: 400;
  padding: 0px;
  transition: .1s;
  line-height: 1;
}
.selectBox .optionItem a{color:#000;    width: 100%;display: inline-block;padding:10px 20px;}
.selectBox .optionItem:hover a{font-weight: 700; color:#0072EB;}
.selectBox .optionItem:hover{background: rgba(0, 114, 235, 0.05);font-weight: 700; color:#0072EB;}
.selectBox .optionItem:last-child {
  border-bottom: 0 none;
}

/*

header ul.rightMenu{ float:right;}
header .rightMenu{height:100%;}
header ul.rightMenu li{position:relative; padding:0 0.75em;font-weight: bold;}
header ul.rightMenu li a{color:#000;    width: 150px; display: inline-block; text-align: center;}
header ul.rightMenu li .depth02{position:absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 101%;
    padding: 15px 0;
    background: #fff;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1);
    opacity: 0;
    pointer-events: none;
    transition: all 0.4s;
    height: 160px;
}
header ul.rightMenu:hover .depth02
,header ul.rightMenu:has(*:focus) .depth02{display:inline-block;
    opacity: 1;
}
.sub header h1 a::before{display: none;}
header ul.rightMenu .search{display: block;position: relative; width: 25px;height: 25px;background: url('../images/search.png') 0 0 no-repeat;background-size: contain;}
header ul.rightMenu .user{display: block;position: relative; width: 25px;height: 25px;background: url('../images/user.png') 0 0 no-repeat;background-size: contain;}

header .rightMenu .depth02{position:absolute; top:100%; left:50%; transform:translateX(-50%); width:101%; padding:15px 0; background:var(--point-white); box-shadow:3px 3px 5px rgba(0,0,0,0.1); opacity:0; pointer-events:none; transition:all 0.4s; height:430px;}
header .rightMenu .depth02 > li > a{position:relative; display:block; padding:10px; transition:all 0.4s;}
header .rightMenu > li > a{display:flex;align-items:center;height:100%;font-weight:700;transition:all 0.4s;justify-content: center;width:160px;}

header .rightMenu:hover .depth02, #header .gnb:has(*:focus) .depth02{opacity:1; pointer-events:inherit;}
header .rightMenu .depth02 > li > a:hover:before, header .rightMenu .depth02 > li > a:focus:before{opacity:1;}
*/

.status_menu{display: flex; margin-bottom:2em;}
.status_menu li{    flex-grow: 1;text-align: center; background-color: #f3f3f3; color:#7e7d82; font-weight: 700;}
.status_menu li a{text-align: center; padding:1em 0em;padding: 1em 0em;
  display: inline-flex;
  width: 100%;
  justify-content: center; color:#7e7d82;}
.status_menu  li{border-left:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8;border-top:1px solid #e8e8e8;}
.status_menu  li.active{background-color:#006fcf; color:#fff;}
.status_menu  li.active a{color:#fff;}

  .grid-item.init{box-shadow: none;}
  .flex{display: flex;}
  .flex.column{flex-direction: column;}
  .flex.start{ align-items: start;}
  .flex.gap1{gap:1em;}
  .flex.row{display: flex; flex-direction: row;}
  .flex.two-wide{justify-content: space-between;    align-items: center;}
  .flex.two-wide.start{justify-content: start; gap:1em;}
  .flex.two-wide.top{    align-items: start;}
  .flex.two-wide.bottom{    align-items: end;}
  .flex.center{    display: flex; justify-content: center; align-items: center; gap: 0.5em;}
  .flex.js-ac{display: flex; justify-content: start; align-items: center; gap: 0.5em;}
  .flex.div > div{flex:1;}
  .flex.line{border-top:1px solid #D9D9D9; border-bottom: 1px solid #D9D9D9;}
  .flex.two-wide-7-3 > div:nth-child(1){flex:7;}
  .flex.two-wide-7-3 > div:nth-child(2){flex:3;}
  .flex.two-wide-7-3 > div:nth-child(2) li+li{margin-top:10px;}

.f-r{float: right;}
.m-t-2{margin-top:2em;}
.m-1-5{margin:1.5em 0em;}
  .text01{text-decoration: underline; color:#7e7d82; cursor: pointer;}
  .text02{ color:#00ba2f;}
  .text03{ color:#0640ff;}

  .layer-popup .slide-img{margin-top:1em;}
  .layer-popup .slide-img img{border-radius: 1em;}
  .layer-popup .slick-prev,.layer-popup .slick-next{width:40px; height:40px;}
.btn{text-align:center;}
  .btn.round{border-radius: 0.5em;}
  .btn.type01{padding:0.5em 1em; background-color: #262626; border:3px solid #262626; color:#fff; }
  .btn.type02{padding:0.95em 1.5em; color:#fff;border:2px solid #fff; }
  .btn.type03{padding:0.5em 1em; background-color: #0072eb; color:#fff; border:1px solid #0072eb;}
  .btn.type04{color:#006fcf; text-decoration: underline; font-weight: 700;  padding:inherit;}
  .btn.type05{padding:0.5em 1em; background-color: #000; border:3px solid #000; color:#fff;}
  .btn.type06{padding:0.5em 1em; background-color: #fff; border:1px solid #9d9d9d; color:#000;  }
  .btn.type07{padding:0.5em 1em; background-color: #fff; border:2px solid #000; color:#262626;  }
  .btn.type08{padding:0.5em 1em; background-color: #fff; color:#0072eb;border:3px solid #0072eb;}
  .btn.type09{padding:0.5em 1em; background-color: #fff; color:#2d73bd;border:3px solid #fff;  }
  .btn.type10{padding:0.5em 1em; background-color: #9d9d9d; border:1px solid #9d9d9d; color:#fff;  }
  .btn.type11{padding:0.5em 1em;  background-color: rgba(0, 114, 235, 0.1);  color:#0072eb; font-weight: 700;}
  .btn.type12{padding:0.5em 1em; background-color: #fff; border:1px solid #c4c4c4; color:#000; }
  .btn.type13{padding:0.5em 1em; background-color: transparent; border:1px solid #e4e4e4; color:#9d9d9d; }
  .btn.type14{padding:10px 30px; background-color: #fff; border:1px solid #D9D9D9; color:#0072EB; }
  .btn.type15{padding:10px 30px; background-color: #F5F5F5; border:1px solid #F5F5F5; color:#262626; }

  .btn.big{font-size: 26px; font-weight: 700;}
  .btn.big.round{border-radius: 5em;}
  
  
  .btn.full{width:100%;}
  .btn.mid{font-size:18px; padding:8px 20px;    font-weight: bold;}
  .btn.mid .ico{width:20px; height:20px; margin-left: 0.5em;}
  .btn.s-mid{font-size:16px; border-width: 1px; font-weight:bold;}
  .btn.small{font-size:14px;}
  .btn.xx-small{font-size: 12px; padding:0.25em 0.5em;}
  .btn.xm-small{font-size: 14px;padding: 4px 12px;font-weight: 600;}

  .btn.full.s-mid{padding:21px 0px;font-weight: 600; border-radius: 6px;}


  .btn.mid.round{border-radius: 10em;}
  .btn.s-mid.round{border-radius: 10em;}
  .btn.s-round{border-radius: 6px;}

  .eco .btn.type03{display: flex; flex-direction: row; gap:4px; justify-content: center; align-items: center; font-weight: 400; font-size: 18px;}
  .eco .btn.type03 b{font-weight: 700;}

  .view-all{color:#0072eb; font-size: 1.1em;font-weight: 600;    display: flex;justify-content: center;align-items: center;font-size: 22px;}
  .view-all.arrow::after{content:''; display: block; width: 35px;height: 35px;background: url('../image/ico_arrow_more.png') 0 0 no-repeat;background-size: contain;}
  .view-all.white.arrow::after{content:''; display: block; width: 35px;height: 35px;background: url('../image/ico_arrow_more_white.png') 0 0 no-repeat;background-size: contain;}
  .view-all.type02.arrow::after{content:''; display: block; width: 35px;height: 35px;background: url('../image/ico_more_arrow.png') 0 0 no-repeat;background-size: contain;}
  .view-all.type02.arrow{color:#555555;}
  .view-all.type03.arrow::after{content:''; display: block; width: 20px;height: 20px;background: url('../image/ico_more_arrow_blue.png') 0 0 no-repeat;background-size: contain;margin-left: 8px;}
  .view-all.type03.arrow{color:#0072eb; font-size: 18px;font-weight: 600; line-height: 1.1;}
  
  .view-all.type04.arrow::after{content:''; display: block; width: 20px;height: 20px;background: url('../image/ico_arrow_more_gray.png') 0 0 no-repeat;background-size: contain;margin-left: 8px;}
  .view-all.type04.arrow{color:#555; font-size: 16px;font-weight: 600; line-height: 1.1;}
  
  .view-all.big{font-size:32px;}
  .view-all.left{justify-content: start;}
  .view-all.right{justify-content: end;}


.view-all.mid.type03.arrow::after{width:20px; height: 20px;margin-left: 0.5em;}
.view-all.mid.type03.arrow{font-size: 18px;}


  .full.line{border-bottom: 1px solid #e4e4e4;}
  .full.pc_line{border-bottom: 1px solid #e4e4e4;}
  .full.line.right{text-align: right;}
  .full.line.center{text-align: center;}
  .full.line .type01.tab{margin-bottom: -1px;}
  .tabs.type01 { display: flex; flex-direction: row; gap:12px;}

  .tabs.type01 label {
    padding: 16px 32px;
    background-color: #fff;
    text-align: center;
    font-weight: 600;
    background-color: #f5f5f5;
    color: #9d9d9d;
    border-radius: 2em;
    background-image: none;
    height: auto;
    font-size: 18px;
  }
  .tabs.type01 input[type="radio"] { display: none; }
  .tabs.type01 input[type="radio"]:checked + label{background-color: #0072EB; color:#fff;background-image: none;}
  .tabs.type01.black input[type="radio"]:checked + label{background-color: #000; color:#fff;background-image: none;}
  
  
  
  
  
  .tabs.type02 { display: flex; flex-direction: row; gap:0px; background:#F9F9F9; justify-content: center;}

  .tabs.type02 label {
    padding: 22px 32px;
    text-align: center;
    font-weight: 600;
    background-color: #F9F9F9;
    color: #9d9d9d;
    background-image: none;
    height: auto;
    font-size: 22px;
    font-weight: 400;
	line-height: 150%;
    flex:1;
    position:relative;
  }
  .tabs.type02 label:after { content: ''; border-right: 1px solid #D9D9D9; position: absolute; right: 0px; height: 36px; display: inline-block; z-index: 1000;}
  .tabs.type02 label:after{content:''; border-right:1px solid #ccc;}
  .tabs.type02 input[type="radio"] { display: none; }
  .tabs.type02 input[type="radio"]:checked + label{background-color: #F9F9F9; color:#0072EB;background-image: none;font-weight: 700;}
  .tabs.type02 label:last-child:after { content: none; }
  .tabs.type02 label:first-child{border-radius:12px 0px 0px 12px;}
  .tabs.type02 label:last-child{border-radius:0px 12px 12px 0px;}
  .tabs.type02 input[type="radio"]:first-child + label{border-radius:12px 0px 0px 12px;}
  .tabs.type02{border-radius:12px;}
  
  /*.tabs.type01 label:hover { background-color: #006fcf; color:#fff;}*/


  .type01.tab{display: inline-block;    display: inline-flex;}
  .type01.tab li{    flex-grow: 1;text-align: center; color:#9d9d9d; font-weight: 700;}
  .type01.tab li+li{margin-left:20px;}
  .type01.tab li{text-align: center; padding:1em 0em;padding: 10px;
    display: inline-flex;
    justify-content: center; color:#9d9d9d; cursor: pointer; font-weight: 700; transition: color 0.5s ease-in-out;}
  .type01.tab li.on{ color:#0072eb;font-weight: 800;}
  .type01.tab li.on a{color:#0072eb; font-weight: 800;}
  .tabCont{ border-radius: 0em 0em 25px 25px; display: none;  width: 100%;}
  .tabCont.on {
    display: block;
  }
  .type01.tab  li{border-bottom:1px solid #e8e8e8; border-bottom: 0px;}
  .type01.tab  li.on{border-bottom:2px solid #0072eb;}



.tab.type02 { display: flex !important;height: 60px; background-color: #f5f5f5; border-radius: 20em; min-width: 210px; }
.tab.type02 li { display: inline-block; width: 50%; line-height: 60px; color: #9d9d9d; font-size: 18px; font-weight: bold; text-align: center; cursor: pointer; }
.tab.type02 li a{ color: #9d9d9d;}
.tab.type02 li.active { margin: 5px; line-height: 50px; color: #000; background: #fff; border-radius: 20em; border: none; }
.tab.type02 li.active a{color:#000;}

.tab.type02 li.on { margin: 5px; line-height: 50px; color: #000; background: #fff; border-radius: 20em; border: none; }
.tab.type02 li.on a{color:#000;}


.type03.tab{display: flex; }
.type03.tab li{    flex-grow: 1;text-align: center; background-color: #f3f3f3; color:#7e7d82; font-weight: 700;}
.type03.tab li{text-align: center; padding:1em 0em;padding: 1em 0em;
  display: inline-flex;
  width: 100%;
  justify-content: center; color:#7e7d82; cursor: pointer;}
.type03.tab li.on{background-color:#006fcf; color:#fff;}
.type03.tab li.on a{color:#fff;}

.tabParentCont{ border-radius: 0em 0em 25px 25px; display: none;  width: 100%;    margin-top: 40px;}
.tabParentCont.on {
  display: block;
}

.tabCont{ border-radius: 0em 0em 25px 25px; display: none;  width: 100%;    margin-top: 40px;}
.tabCont.on {
  display: block;
}
.type03.tab  li{border-left:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8;border-top:1px solid #e8e8e8;}

.tabs.type04 { gap:0.5em;}

  .tabs.type04 label {
    font-size: 18px;
    padding: 0.5em 1em;
    background-color: #fff;
    text-align: center;
    font-weight: 600;
    background-color: #f5f5f5;
    color: #555;
    border: 3px solid #f5f5f5;
    border-radius: 2em;
    background-image: none;
    height: auto;
    margin:0.25em 0.25em;
  }
  .tabs.type04 input[type="radio"] { display: none; }
  .tabs.type04 input[type="radio"]:checked + label{background-color: #000; color:#fff;background-image: none;}
  /*.tabs.type01 label:hover { background-color: #006fcf; color:#fff;}*/


  .type04.tab{display: inline-block;}
  .type04.tab li{    flex-grow: 1;text-align: center; color:#555; font-weight: 700;margin-left:1em;}
  .type04.tab li{text-align: center; padding:1em 0em;padding: 1em 0em;
    display: inline-flex;
    justify-content: center; color:#7e7d82; cursor: pointer;}
  .typetype0401.tab li.on{ color:#0072eb;}
  .type04.tab li.on a{color:#0072eb;}
  .type04.tab  li{border-bottom:1px solid #e8e8e8; border-bottom: 0px;}
  .type04.tab  li.on{border-bottom:2px solid #0072eb;}

  .type05.tab li{    flex-grow: 1;text-align: center; color:#9d9d9d; font-weight: 700;margin-left:20px;}
.type05.tab li{text-align: center; padding:1em 0em;padding: 1em 0em;
  display: inline-flex;
  justify-content: center; color:#9d9d9d; cursor: pointer; font-weight: 700; transition: color 1s ease-in-out;}
.type05.tab li.on{ color:#000;font-weight: 800;}
.type05.tab li.on a{color:#000; font-weight: 800;}
.type05.tab  li{border-bottom:1px solid #e8e8e8; border-bottom: 0px;}
.type05.tab  li.on{border-bottom:2px solid #000;}



/** 로그인 상단 탭 **/
.tabs.type06 { gap:0px; display:flex;}
.tabs.type06 > div{flex:1;}
  .tabs.type06 label {
    background-color: #fff;
    text-align: center;
    font-weight: 600;
    color: #9D9D9D;
    border: 1px solid #E4E4E4;
    background-image: none;
    width:100%;
    height: 60px;
    line-height: 60px;
   	text-align: center;font-family: Pretendard;font-size: 16px;font-weight: 700; padding:0px;  }
  .tabs.type06 input[type="radio"] { display: none; }
  .tabs.type06 input[type="radio"]:checked + label{background-color: #F8FAFB; color:#0072EB;background-image: none;}
  .type06.tab{display: inline-block;}
  .type06.tab li{    flex:1;text-align: center; color:#555; font-weight: 700;margin-left:1em;}
  .type06.tab li{text-align: center; padding:1em 0em;padding: 1em 0em;
    display: inline-flex;
    justify-content: center; color:#7e7d82; cursor: pointer;}
  .type06.tab li.on{ color:#0072eb;}
  .type06.tab li.on a{color:#0072eb;}
  .type06.tab  li{border-bottom:1px solid #e8e8e8; border-bottom: 0px;}
  .type06.tab  li.on{border-bottom:2px solid #0072eb;}

.tabs.type06 > div:first-child label{border-radius:6px 0px 0px 6px; border-right:0px;}
.tabs.type06 > div:last-child label{border-radius:0px 6px 6px 0px;}


/** 회원가입 선택 탭 **/
.tabs.type07 { gap:0px; display:flex; width:100%; gap:16px; }
.tabs.type07 > div{flex:1; }
  .tabs.type07 label {
    background-color: #fff;
    text-align: center;
    font-weight: 600;
    color: #707070;
    border: 1px solid #E4E4E4;
    background-image: none;
    width:100%;
    height: auto;
   	text-align: left;font-family: Pretendard;font-size: 16px;font-weight: 700; padding:0px; border-radius: 12px;padding: 30px; }
   
   .tabs.type07 label h3{margin:0px;padding:0px !important;font-size: 20px;font-weight: 700;line-height: 130%;text-transform: uppercase;}
   .tabs.type07 label p{margin-top:20px;font-size: 16px;font-weight: 400;line-height: 150%;}   	
  .tabs.type07 input[type="radio"] { display: none; }
  .tabs.type07 input[type="radio"]:checked + label{background-color: #fff; color:#0072EB;background-image: none;border-color:#0072EB;}
  
  .tabs.type07 input[type="radio"]:checked + label h3{color:#0072EB;}
  .tabs.type07 input[type="radio"]:checked + label p{color:#000;}
  .type07.tab{display: inline-block;}
  .type07.tab li{    flex:1;text-align: center; color:#555; font-weight: 700;margin-left:1em;}
  .type07.tab li{text-align: center; padding:1em 0em;padding: 1em 0em;
    display: inline-flex;
    justify-content: center; color:#7e7d82; cursor: pointer;}
  .type07.tab li.on{ color:#0072eb;}
  .type07.tab li.on a{color:#0072eb;}
  .type07.tab  li{border-bottom:1px solid #e8e8e8; border-bottom: 0px;}
  .type07.tab  li.on{border-bottom:2px solid #0072eb;}
  .tabs.type07.not label h3{color:#000;}
  .tabs.type07.not label p{color:#000;}



  .type08.tab{display: inline-block;    display: inline-flex;}
  .type08.tab li{    flex-grow: 1;text-align: center; color:#9d9d9d; background:#F5F5F5; width: 180px;height: 54px; font-weight: 700;margin-left:20px;    display: inline-flex;
    justify-content: center; cursor:pointer;
    align-items: center; border-radius:50em;}
  .type08.tab li{font-size: 18px;font-weight: 400;line-height: 150%; transition: color 0.5s ease-in-out;}
  .type08.tab li.on{ color:#fff;font-weight: 800; background: #002554;}
  .type08.tab li.on a{color:#fff; font-weight: 800;}
  .tabCont{ border-radius: 0em 0em 25px 25px; display: none;  width: 100%;}
  .tabCont.on {
    display: block;
  }



.line16{line-height: 1.6;}

.fixed-area{position:fixed; right:40px; bottom:40px;z-index: 100;}

.fixed-area ul{margin-bottom:0em;padding:0px 0px; border-radius: 1em;}
.fixed-area a{    display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.fixed-area li{text-align: center; margin-top:12px;}
.fixed-area li img{width:auto; height: 20px;}
.fixed-area li span{margin:0.5em 0em; color:#000; font-weight: 700; font-size:14px;}

.fixed-area ul:nth-child(2) a{font-size: 16px; font-weight: 800; color:#000;}

.tag{padding:0.25em 0.5em; border-radius: 5px; font-size: 14px;}
.tag.bg{background-color: #ccc; }
.tag.round{border-radius: 3em; padding:0.25em 0.75em;}
.tag.ing{background-color: #29ae00; color:#fff;}


.tag.type01{background-color: #fff; color:#000; border:1px solid #d9d9d9;}
.tag.type02{background-color: #7b7b7b; color:#fff; border:1px solid #7b7b7b;}
.tag.type03{background-color: #ff8a00; color:#fff;}
.tag.type04{background-color: #b2b2b2; color:#fff;}
.tag.type05{background-color: #fff; color:#7a7670;}
.tag.type06{background-color: #fff; color:#7a7670;border:1px solid #d9d9d9;}
.tag.type07{background-color: #fff; color:#007CFF;border:1px solid rgba(0, 124, 255, 0.40);}


.tags.type02{font-size:0.95em; display: flex; flex-direction: row; gap:0.5em; padding:0em; margin-bottom: 1.5em;}
.tags.type02 span{ padding:0.5em 1em; border-radius: 5px; font-size: 0.85em; color:#7b7b7b; background-color: #f4f4f4; font-weight: 400;font-size: 13px;}



.tag.center{background-color: #ccebf7; color:#000;}
.tag.leader{background-color: #f9d41a; color:#000;}
.tag.mid{font-size:14px;padding:0.5em 1.5em;}
.tag.x-mid{font-size:15px;padding:0.75em 1em;}

.tag.big{font-size:1em; padding:0.75em 1.5em;}
.tag.big.round{border-radius:10em;}
.tag+.tag{margin-left:0.5em;}
.tag.x-mid+.tag.x-mid{margin-left:0.75em;}


.tag.big.select{padding:0.75em 0.5em 0.75em 1.5em; display:inline-flex;    align-items: center;}
.tag.mid.select{padding:0.5em 0.5em 0.5em 1.25em; display:inline-flex;    align-items: center; font-weight: 400;}
/*.tag.select::after{content:'x'; font-size:1em;margin-left:1em;width:20px; cursor:pointer; }*/
.tag.select span{content:'x'; font-size:1em;margin-left:1em;width:20px; cursor:pointer; }
.tag.select{margin-left:0em; margin-right: 0.5em;}
.tag.select{margin-bottom: 1em;}


.tag.mid.select.filter{padding:0.5em 0.5em 0.5em 1.25em; display:inline-flex;    align-items: center; margin:0px;}
.tag .cate{color:#0072eb; margin-right: 0.5em; font-weight: 600;}
.tag.select span.reset{display: block; width: 15px;height: 15px;background: url('../image/ico_reset.png') 0 0 no-repeat;background-size: contain; margin-left:0.5em;margin-right:0.25em;}
.tag.select span.remove{display: block; width: 15px;height: 15px;background: url('../image/ico_remove.png') 0 0 no-repeat;background-size: contain; margin-left:0.5em;margin-right:0.25em;}
.tag.select span.arrow{display: block; width: 15px;height: 15px;background: url('../image/ico_arrow_down_select.png') 0 0 no-repeat;background-size: contain; margin-left:0.5em;margin-right:0.25em;}
.tag-wrap.reset{ margin-right: 1em; padding-right:0.5em; display: inline-block;position: relative;}
.tag-wrap.reset::after{content: ''; border-right: 1px solid #d9d9d9; margin-left: 1em; position: absolute; right: 0px; top: 0px; height: 33px;}

.list.type01{display:grid;grid-template-columns: 1fr 1fr 1fr; gap:1em;}
.list.type01 > li{border:2px solid #f0f0f0; border-radius: 0.95em; padding:30px;}
.list.type01 li span{font-size:14px; color:rgba(0,0,0,.6); font-weight: 600;  font-weight: 400;  line-height: 1.5;}
.list.type01 li h3{font-size:26px;    line-height: 1.5;font-weight: 800;}
.list.type01 li p{margin:20px 0em; font-size:14px; color:#434343;line-height: 1.5;letter-spacing: -0.28px;font-weight: 600; height: 63px;    -webkit-line-clamp: none;}
.list.type01 li .tag{font-size:0.95em; display: flex; flex-direction: row; gap:0.5em; padding:0em;}
.list.type01 li .tag span{border:1.5px solid #d9d9d9; padding:0.5em 1em; border-radius: 10em; font-size: 0.85em; color:#7b7b7b;}
.list.type01 ul > li span:first-child{color:#000; display: inline-block; width:60px;font-size:14px;font-weight: 600; opacity: .6;}
.list.type01 ul >li span:nth-child(2){color:#000;font-size:14px; font-weight: 400; opacity: .6;}
.list.type01.mo{display:none;}

.list.type02{display:grid;grid-template-columns: 1fr 1fr 1fr; gap:1em;}
.list.type02.main{display:grid;grid-template-columns: 2fr 1fr 1fr; gap:1em;}
.list.type02.main.big li{height:320px;}
.list.type02.main.big li > div:nth-child(1){ display: flex; flex-direction: column; justify-content: space-between; height: 172px;}
.list.type02.main li.active{ background-color: #002554;}
.list.type02.main li.gray{ background-color: #FAFAFA; border:1px solid #D9D9D9;}
.list.type02.main li.active span,.list.type02.main > li.active h3, .list.type02.main > li.active p{color:#fff;}
.list.type02.main li.active span.cate{opacity: .8;}
.list.type02.main li span.cate{color:#0072EB}
.list.type02.main li.active span.cate{color:#fff;}  
.list.type02.main li span.date{color:#9D9D9D;font-size: 14px;font-weight: 600;line-height: 160%;}
.list.type02.main li.active span.date{color:#9D9D9D;}
.list.type02.main li p{text-overflow: ellipsis;font-family: Pretendard;font-size: 16px;font-style: normal;font-weight: 400;line-height: 150%;overflow: hidden;
  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
  .list.type02.main li p.all{    -webkit-line-clamp: none;}
  .list.type02.main li p.g{color:#707070;}
  .list.type02.main li.active p{color:rgba(255,255,255,1);}
.list.type02.main li.active h3{ margin: 12px 0em 28px 0em;color:#fff;}
.list.type02.main li.gray h3{margin:0px 0px;}


.list.type02.main li{height:300px; display: flex;    flex-direction: column;    justify-content: space-between;}
.list.type02 li{border:2px solid #f0f0f0; border-radius: 0.95em; padding:30px; text-align: left;    overflow: auto;}
.list.type02 li span.cate{font-size:16px; color:#003087; font-weight: 800;    line-height: 1.6;}
.list.type02 li h3.full{-webkit-line-clamp: 3; }
.list.type02 li h3{font-size:22px; margin:8px 0em 68px 0em;line-height: 1.5;    min-height: 72px;    overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.list.type02 li span.date{font-size:16px; color:#9d9d9d; font-weight: 600;}

.ethic .list.type02 li h3{height:auto; min-height:auto;}

.industry-list .list.type02 li span.cate{font-weight: 700;}
.list .thumb{width:100%; height: 360px; background-size: cover;background-position: center; margin:0 auto; margin-bottom: 1em;}

.list.type03{display:grid;grid-template-columns: 1fr 1fr 1fr; gap:20px 16px;}
.list.type03 li{border:2px solid #fafafa; background-color: #fafafa; border-radius: 0.95em; padding:50px 40px 60px 40px;}
.list.type03 li .cont{margin:0 auto;}
.list.type03 li span{font-size:16px; color:rgba(0,0,0,.4); font-weight: 400; line-height: 1.5;}
.list.type03 li h3{font-size:36px; margin:5px 0em 40px 0em; line-height: 1.5; font-weight: 800;}
.list.type03 li p{margin:40px 0px; font-size:18px; color:#434343;    height: 80px;line-height: 1.5;}
.list.type03 li .tag span{border:1.5px solid #d9d9d9; padding:0.5em 1em; border-radius: 10em; font-size: 0.85em; color:#7b7b7b;}

.list.type04{display:grid;grid-template-columns: 1fr 1fr 1fr; gap:1em;}
.list.type04 li{border:2px solid #fff; background-color: #fafafa; border-radius: 0.95em; padding:0em;}
.list.type04 li.no{border:2px solid #fff; background-color: #fff;}
.list.type04 .thumb{width:100%; height: 250px; background-size: cover;background-position: center; margin:0 auto; border-radius: 0.95em 0.95em 0em 0em;}

.list.type04 li .cont{margin:0 auto; background-color: #f9f9f9; padding:2em;border-radius: 0em 0em 0.95em 0.95em;    text-align: left;}
.list.type04 li span{font-size:16px; color:rgba(0,0,0,.4); font-weight: 600;}
.list.type04 li h3{font-size:36px; margin:0.25em 0em 0em 0em;}
.list.type04 li p{margin:1.5em 0em 3em 0em; font-size:18px; color:#434343;    height: 80px;}
.list.type04 li .tag span{border:1.5px solid #d9d9d9; padding:0.5em 1em; border-radius: 10em; font-size: 0.85em; color:#7b7b7b;}
.list.type04 li a{font-size: 12px;}
.list.type04 li .view-all.type02.arrow::after{width:12px; height: 12px;margin-left: 0.5em;}
.list.type04.part li h3{font-size: 22px;font-weight: 700;line-height: 150%;}
.list.type04.part li .view-all{background:#262626; border-radius:50em; color:#fff;font-size: 15px;font-weight: 600;line-height: 150%;height: 44px;padding: 10px 20px;}
.list.type04.part li .view-all:after{content:none;}
.list.type04.part .thumb{padding:2em 1em 1em 1em;text-align:center;}
.list.type04.part .thumb img{height:100%; width:auto;}



.list.type05{display:grid;grid-template-columns: 1fr 1fr; gap:1em;}
.list.type05 li{border:2px solid #f0f0f0; border-radius: 0.95em; padding:2em; text-align: left; width:100%; position: relative; overflow: hidden;}
.list.type05 li span.cate{font-size:14px; color:#003087; font-weight: 600;}
.list.type05 li h3{font-size:22px; line-height: 1.5; color:#000; font-weight: 800; margin:0.25em 0em 0.25em 0em;}
.list.type05 li p{font-size:18px; color:#000; font-weight: 700;}
.list.type05 li > div:first-child{position: relative; z-index: 2;}
.list.type05 li .bg{width:100%; position: absolute; left:0em; top:0em; height: 164px; }
.list.type05 li .bg .white{width:60%;background: linear-gradient(to right, #fff 85%,rgba(255,255,255,.0) 100%);  height: 164px; z-index: 1; position: absolute;}
.list.type05 li .bg .thumb{width:50%; position: absolute; right:0em; top:0em; height: 164px; left:auto; }

.industry .list.type05 li span.cate{font-weight: 400;}
.industry .list.type05 li p{font-weight: 400;}

.list.type06{display:grid;grid-template-columns: 1fr 1fr 1fr; gap:2em 0em;width: 100%;}
.list.type06 > li{ border-radius: 0.95em; padding:0em; text-align: left;line-height: 1.5;}
.list.type06 li span.cate{font-size:18px; color:#00e600; font-weight: 700; display: block; border-bottom: 1px solid #d9d9d9; padding:1em 0em;}
.list.type06 li h3{font-size:26px; margin:0.5em 0em 1em 0em;line-height: 1.5; color:#000;font-weight: 800;}
.list.type06 li span.date{font-size:16px; color:#9d9d9d; font-weight: 600;}
.list.type06 ul > li{line-height: 1.75; color:#000; font-size: 16px; display: flex;    margin-top: 5px;}
.list.type06 ul > li::before{content:''; display: inline-block;margin-right:0.25em;margin-right: 0.25em;margin-right: 0.5em;
  margin-bottom: 0.25em;
  width: 4px;
  height: 4px;
  background: #000;
  border-radius: 20px;margin-top:0.75em;}

.list.type07{display:grid;grid-template-columns: 1fr 1fr 1fr; gap:20px 16px;width: 100%;}
.list.type07 > li{ border-radius: 0.95em; padding:0em; text-align: left;line-height: 1.5;}
.list.type07 li span.cate{font-size:18px; color:#00e600; font-weight: 700; display: block; border-bottom: 1px solid #d9d9d9; padding:1em 0em;}
.list.type07 li span.date{font-size:16px; color:#9d9d9d; font-weight: 600;}
.list.type07 ul > li{line-height: 1.75; color:#000; font-size: 16px; display: flex;}
.list.type07 ul > li.line{display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    line-height: 1.5em;
    max-height: 3em;
}
  .list.type07 li .cont{color:#000; padding:30px;background: #f9f9f9;border-radius: 0em 0em 12px 12px ;}
  .list.type07 li .thumb{margin:0em;    border-radius: 12px 12px 0em 0em; background-color: #fafafa; height: 320px;border-radius: 12px 12px 0em 0em;background-position:center center; background-size: cover;}
  .list.type07 h3{color:#000; font-size: 26px;     height: 80px; font-weight: 700;margin-bottom: 40px; line-height: 1.5;display: -webkit-box;
    -webkit-box-orient: vertical;    -webkit-line-clamp: 2;    overflow: hidden;    text-overflow: ellipsis;    word-break: break-word;}
  .list.type07 li .cont > span{color:#9d9d9d;font-size:16px; margin-bottom: 5px;display: inline-block; font-weight: 400;line-height: 1.5;}
  .list.type07 {color:#000; margin-top:0em;}
  .list.type07 li{padding:1px 0em; color:#707070; font-size: 18px;height:auto;}
  .list.type07 ul > li span:first-child{color:#7b7b7b; display: inline-block; width:73px;flex-shrink:0;font-size:18px;font-weight: 600;margin-right: 16px;}
  .list.type07 ul >li span:nth-child(2){color:#262626;font-size:18px; font-weight: 400;}

.list.type07.w > li{border:1px solid #D9D9D9; border-radius:12px;}
.list.type07.w li .thumb{border-radius: 12px 12px 0px 0px;height: 330px;}
.list.type07.w li .cont{background:#fff;}
.list.type07.w h3{font-size: 26px;font-style: normal;font-weight: 700;line-height: 150%;height: auto;    margin-bottom: 24px;white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis; width:100%;max-width: 370px;}

  .list.type08{display:grid;grid-template-columns: 1fr 1fr 1fr; gap:1em;}
  .list.type08 > li{border:2px solid #f0f0f0; border-radius: 0.95em; padding:2em 1.5em;}
  .list.type08 li span{font-size:0.75em; color:rgba(0,0,0,.6); font-weight: 600;}
  .list.type08 li h3{font-size:26px;}
  .list.type08 li p{margin:1.5em 0em 2.5em 0em; font-size:16px; color:#434343; margin-bottom: 2em;line-height: 1.5;}
  .list.type08 li .tag{font-size:0.95em; display: flex; flex-direction: row; gap:0.5em;}
  .list.type08 li .tag span{border:1.5px solid #d9d9d9; padding:0.5em 1em; border-radius: 10em; font-size: 0.85em; color:#7b7b7b;}
  .list.type08 ul > li span:first-child{color:#000; display: inline-block; width:60px;font-size:14px;font-weight: 600; opacity: .6;}
  .list.type08 ul >li span:nth-child(2){color:#000;font-size:14px; font-weight: 400; opacity: .6;}


  .list.type09{display:grid;grid-template-columns: 2fr 1fr 1fr; gap:1em;}
  .list.type09 > li{border:1px solid #d9d9d9; background-color: #f9f9f9; border-radius: 0.95em; padding:1.5em; display: flex;
    height: 300px;
    flex-direction: column;
    justify-content: space-between; }
  .list.type09 > li.active{ background-color: #0072eb;}
  .list.type09 > li.active span,.list.type09 > li.active h3, .list.type09 > li.active p{color:#fff;}
  .list.type09 > li.active span.cate{opacity: .8;}
  .list.type09 li.active .tag span{background-color: rgba(255, 255, 255, 0.2); color:#fff; border:0px;}
  .list.type09 li span{font-size:16px; color:rgba(0,0,0,.6); font-weight: 600;}
  .list.type09 li span.etc{font-size:14px;font-weight: 600; text-align: right;}
  .list.type09 li h3{font-size:22px;}
  .list.type09 li p{margin:1.5em 0em; font-size:0.85em; color:#434343;}
  .list.type09 li .tag{font-size:0.95em; display: flex; flex-direction: row; gap:0.5em; padding:0em;}
  .list.type09 li .tag span{ padding:0.5em 1em; border-radius: 5px; font-size: 0.85em; color:#7b7b7b; background-color: #fff;}
  .list.type09 ul > li span:first-child{color:#000; display: inline-block; width:60px;font-size:14px;font-weight: 600; opacity: .6;}
  .list.type09 ul >li span:nth-child(2){color:#000;font-size:14px; font-weight: 400; opacity: .6;}



.list.type10{display:grid;grid-template-columns: 1fr 1fr; gap:1em;}
.list.type10 li{background:#F8FAFB; border-radius: 0.95em; padding:27px 30px; text-align: left; width:100%; position: relative; overflow: hidden;display: flex; flex-direction: column; align-items: start; gap:8px;}
.list.type10 li span{color: #000;font-size: 16px;font-style: normal;font-weight: 400;line-height: normal;}
.list.type10 li h3{font-size: 18px;font-weight: 700;line-height: normal;}
.list.type10 li p{fcolor:#000; font-weight: 700;font-size: 16px;font-weight: 400;line-height: 150%;}
.list.type10 li .view-all{font-size:18px;font-style: normal;font-weight: 700;}

.list.type11{display:grid;grid-template-columns: 1fr 1fr; gap:20px 16px;}
.list.type11 > li{background:#fff; border:1px solid #D9D9D9; border-radius: 0.95em; padding:27px 30px; text-align: left; width:100%; position: relative; overflow: hidden;display: flex; flex-direction: column; align-items: start; gap:8px;}
.list.type11 > li span{color: #000;font-size: 18px;font-style: normal;font-weight: 400;line-height: normal;}
.list.type11 > li p{font-size:18px; color:#000; font-weight: 700;}
.list.type11 > li h3{font-size: 22px;font-style: normal;font-weight: 700;line-height: normal;}
.list.type11 > li .view-all{font-size:18px;font-style: normal;font-weight: 700;}
.list.type11 > li .btn-wrap{width:100%;}
.list.type11 > li .btn-wrap.two-wide{gap:16px}
.list.type11 > li .btn-wrap.two-wide > .btn{flex:1;}
.list.type11.wide > li{justify-content: space-between; padding:30px;}
.list.type11.wide li ul.check li::before{content:''; width:20px;height:20px; background: #fff url('../image/ico_check.png') center center no-repeat;background-size: contain; text-indent: 30px; overflow: hidden; display: inline-block; margin-right: 8px;}
.list.type11.wide li ul.check {margin-top:20px;}
.join-info-wrap .list.type11 > li{gap:40px;}
.list.type11 li span.cate{color:#0072EB;font-size: 18px;font-weight: 700;line-height: 100%;}
.list.type11.wide li ul.check.type02 li{display: flex; line-height: 150%;}
.list.type11.wide li ul.check.type02 li::before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4' fill='none'%3E%3Ccircle cx='2' cy='2' r='2' fill='%239D9D9D'/%3E%3C/svg%3E") center center no-repeat; width:13px; height:13px; margin-right:5px; }
.list.type11.wide li ul.check.type02 li + li{margin-top:12px;}
.list.type11.colum3{grid-template-columns: 1fr 1fr 1fr; } 



.list.type12{display:grid;grid-template-columns: 1fr; gap:20px 16px;}
.list.type12 li{background:#FAFAFA; border:1px solid #D9D9D9; border-radius: 0.95em; padding:25px 30px; text-align: left; width:100%; position: relative; overflow: hidden;display: flex; flex-direction: row;align-items: center; justify-content: space-between; gap:8px;}
.list.type12 li span{color: #000;font-size: 18px;font-style: normal;font-weight: 400;line-height: normal;}
.list.type12 li p{font-size:18px; color:#000; font-weight: 700;}
.list.type12 li h3{text-overflow: ellipsis;font-family: Pretendard;font-size: 18px;font-style: normal;font-weight: 700;line-height: 150%;}
.list.type12 li .ico.down{width: 40px;height: 40px;background: #fff url('../image/ico_down.png') center center no-repeat;background-size: 18px; text-indent: 30px; overflow: hidden; display: inline-block; margin-left: 0.25em;padding-right: 10px;border-radius: 6px; cursor:pointer; margin-left: 16px;}
.list.type12 li .ico.down.notion{background-image:url('../image/ico_link.png');}
.list.type12 li .ico.info{width: 40px;height: 40px;background: #fff url('../image/ico_info.png') center center no-repeat;background-size: 24px; text-indent: 30px; overflow: hidden; display: inline-block; margin-left: 0.25em;padding-right: 10px;border-radius: 6px; cursor:pointer; display:none;}
.list.type12 li .down{display:flex;    justify-items: center;align-items: center; }
.list.type12 li .down span{font-size: 16px;font-style: normal;font-weight: 400;line-height: 150%;color:#707070; padding:0px 16px; border-left:1px solid #D9D9D9;} 
.list.type12 li .down span.cate{    font-size: 16px;font-style: normal;font-weight: 600;line-height: 150%; color:#0072EB;}
.list.type12 li .down span.version{    letter-spacing: 4px;}
.list.type12 li .ico.arrow.type02{width:20px; height:20px;}
.list.type12 li div{    justify-items: center;display: inline-flex;}
.list.type12 li .down span:last-child{padding-right:0px;}
.list.type12.empty {gap:30px;}
.list.type12.empty li{ background: transparent; border:0px; padding:5px 20px; width:60%;}
/*뉴스*/
.list.type13{display:grid;grid-template-columns: 1fr; gap:0px;}
.list.type13 > li{background:#fff; border-top:1px solid rgba(0,0,0,0.2); padding:40px 0px; text-align: left; width:100%; position: relative; overflow: hidden;display: flex; flex-direction: row; align-items: start; gap:152px;    justify-content: space-between;}
.list.type13 > li span{color: #000;font-size: 18px;font-style: normal;font-weight: 400;line-height: normal;}
.list.type13 > li p{font-size: 18px;font-weight: 400;line-height: 150%;color:#262626;    overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;margin-bottom:40px;}
.list.type13 > li h3{font-size: 26px;font-weight: 700;line-height: 150%;margin:8px 0px 28px 0px;}
.list.type13 > li h3:hover{text-decoration: underline;}
.list.type13 > li .view-all{font-size:18px;font-style: normal;font-weight: 700;}
.list.type13 li span.cate{font-size: 16px;font-weight: 700;line-height: 160%;color:#0072EB;}
.list.type13 li span.date{font-size: 16px;font-weight: 600;line-height: 160%;color:#9D9D9D;}
.list.type13 .thumb{height:232px;min-width:300px;margin:0px; border-radius: 12px; background-size:cover; background-position:center;
    background: #fafafa;
    background: #fff;
  background-image: url('../image/thumb_hd_main.png');
    margin-top: 40px;
    max-width: 300px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    flex: none;
}


/*비교**/
.list.type14{display:grid;grid-template-columns: 1fr 1fr 1fr; gap:16px;}
.list.type14 li{background:#fff; border-top:1px solid rgba(0,0,0,0.2); padding:40px 0px; text-align: left; width:100%; position: relative; overflow: hidden;display: flex; flex-direction: row; align-items: start; gap:152px;}



.list.type15{display:grid;grid-template-columns: 1fr 1fr; gap:40px 16px;}
.list.type15 li{padding:28px 30px; border:1px solid #D9D9D9; border-radius:12px;font-size:18px; width:100%;
padding: 60px 40px;
    font-size: 18px;
    width: 100%;
    background: #fff; /* 내부 배경 */
    border-radius: 20px; /* 완전한 원형 */    
    /* 그라디언트 배경 */
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: start;
    text-align: left;
	justify-content: end;
}

.list.type15 li::before {
    content: "";
    position: absolute;
    top: -2px; left: -2px; right: -2px; bottom: -2px;
    border-radius: 20px;
    background: linear-gradient(225deg, #00E600 0%, #fff 50%, #00B0E7 100%);
    z-index: -1;
}
.list.type15 li h3{font-size: 32px; color:#000;font-weight: 700;line-height: 140%; margin:28px 0px 40px; }


.application-list.list.type03 .btn.type01{height: 58px; line-height: 1.1; width:148px; padding:0px;    display: flex;justify-content: center;align-items: center; }
section.nav.fixed{position: fixed; top:0px;    width: 100%;z-index: 100;transition: padding .3s ease, background-color .3s ease, top .3s ease;}
section.nav.fixed.up{ top:100px;}
section.nav{background-color: #f8fafb; display:flex; gap:1em; justify-items: center;    align-items: center; height:80px;}
section.nav > div{display:flex; gap:1em; justify-items: center;    align-items: center; }
section.nav.wide > div{    align-items: center;justify-content: space-between;}
section.nav h3{font-size: 22px; font-weight: bold; margin-right: 80px;}
section.nav ul{display: flex; gap:40px;}
section.nav ul li.on{font-weight: 700; opacity: 1;}
section.nav ul li{font-weight: 600; color: #000; opacity: .6;}
.nav-tab{cursor: pointer;}
.tabCont .thumb{margin:0px auto; margin-bottom: 0px;}

.thumb.type01{ width:100%; height: 320px; border-radius: 10px;background:#fff;    background-size: cover; background-position: center; color:#fff;padding:60px; position: relative;}
.thumb.type01 h3{color:#fff; font-size: 28px;margin-bottom: 1em;}
.thumb.type01 p{max-width:900px; font-size: 16px;line-height: 1.5; opacity: .9;}
.thumb.type01 .btn{position: absolute;     right: 60px;bottom: 60px;}

.thumb.type01 + .list.type01{margin-top:40px;}
.thumb.type02{ width:100%; height: 250px; border-radius: 0px;background:#fff url('/images/thumb/thumb_prod_top.png') 0 0 no-repeat;    background-size: cover; background-position: center; color:#fff;padding:2em;display: flex;justify-content: space-between;
  align-items: center; background:#fff url('/images/thumb/thumb_prod.jpg') 0 0 no-repeat; background-size: auto 1200px; background-position: center -710px; position: relative;}
.thumb.type02::after{content: ''; display: inline-block; width: 100%; height: 100%; position: absolute; top:0; left:0;background:#000; opacity: .45;}

.thumb.type02 h3{color:#fff; font-size: 60px; z-index: 10;}
.thumb.type02 span{max-width:700px; font-size: 22px; line-height: 1.5; font-weight: bold; z-index: 10;}

.thumb.type03{ width:100%; height: 340px; border-radius: 10px;background:#fff;    background-size: cover; background-position: center; color:#000;padding:4em; display:flex;    align-items: center;}
.thumb.type03 h3{color:#000; font-size: 36px; font-weight: 800; }
.thumb.type03 p{max-width:500px; font-size: 18px; font-weight: 400; margin:14px 0px 48px 0px; line-height: 1.5;}

.thumb.type04{ width:100%; background:#fff url('/images/thumb/top_sub02.png') 0 0 no-repeat;    background-size: cover; background-position: center; color:#fff;padding:2em;display: flex;justify-content: space-between;
  align-items: center;padding:100px 0em;    flex-direction: column;}
.thumb.type04 h3{color:#fff; font-size: 60px;}
.thumb.type04 span{max-width:600px; font-size: 22px;color:#fff;}
.thumb.type04 p{color:#fff; font-size: 18px;}

.thumb.top.industry{background:#fff url('/images/thumb/thumb_industry.jpg') 0 0 no-repeat; background-size: auto 1500px;
  background-position: center -360px;}
.thumb.top.application{background:#fff url('../image/thumb_application.jpg') 0 0 no-repeat; background-size: auto 1080px;
  background-position: center -430px;}


.thumb.type02.edu.t1{background:#fff url('/images/thumb/thumb_eduinfo_top.png') 0 0 no-repeat; background-size: cover;}

.thumb.type02.industry.t1{background:#fff url('../image/thumb_top_industry01.png') 0 0 no-repeat; background-size: cover;}
.thumb.type02.industry.t2{background:#fff url('/images/thumb/thumb_top_industry02.png') 0 0 no-repeat; background-size: cover;}
.thumb.type02.industry.t3{background:#fff url('/images/thumb/thumb_top_industry03.png') 0 0 no-repeat; background-size: cover;}
.thumb.type02.industry.t4{background:#fff url('/images/thumb/thumb_top_industry04.png') 0 0 no-repeat; background-size: cover;}
.thumb.type02.industry.t5{background:#fff url('/images/thumb/thumb_top_industry05.png') 0 0 no-repeat; background-size: cover;}


.thumb.type02.app.t1{background:#fff url('/images/thumb/thumb_top_app01.png') 0 0 no-repeat; background-size: 1400px auto; background-position: center; background-color:#fafafa;}
.thumb.type02.app.t2{background:#fff url('/images/thumb/thumb_top_app02.png') 0 0 no-repeat; background-size: cover;}
.thumb.type02.app.t3{background:#fff url('/images/thumb/thumb_top_app03.png') 0 0 no-repeat; background-size: cover;}
.thumb.type02.app.t4{background:#fff url('../image/thumb_top_app04.png') 0 0 no-repeat; background-size: cover;}
.thumb.type02.app.t5{background:#fff url('../image/thumb_top_app05.png') 0 0 no-repeat; background-size: cover;}
.thumb.type02.app.t6{background:#fff url('../image/thumb_top_app06.png') 0 0 no-repeat; background-size: cover;}
.thumb.type02.app.t7{background:#fff url('/images/thumb/thumb_top_app07.png') 0 0 no-repeat; background-size: cover;}
.thumb.type02.app.t8{background:#fff url('/images/thumb/thumb_top_app08.png') 0 0 no-repeat; background-size: cover;}
.thumb.type02.app.t9{background:#fff url('../image/thumb_top_app09.png') 0 0 no-repeat; background-size: cover;}
.thumb.type02.app.t10{background:#fff url('/images/thumb/thumb_top_app10.png') 0 0 no-repeat; background-size: cover;}

.thumb.type02.app.tech1{background:#fff url('../image/thumb_top_appliedTech01.png') center center no-repeat; background-size: cover;}
.thumb.type02.app.tech2{background:#fff url('/images/thumb/thumb_top_appliedTech02.png') center center no-repeat; background-size: cover;}

.thumb.type02.app.hdc{background:#fff url('../image/thumb_top_hdc.png') center center no-repeat; background-size: cover;}

.thumb.type02.part{background:#fff url('../image/thumb_part_top.png') 0 0 no-repeat; background-size: cover;}
.thumb.type02.part > div{z-index:1000;}
.thumb.type02.part > div p{font-size: 26px;font-weight: 800;line-height: 140%;}
.thumb.type02.part .search-bar-area{border:1px solid #C4C4C4; border-radius:6px;}
.thumb.type02.part .search-bar-area input[type="text"]{color:#fff;font-size: 18px;font-weight: 400;line-height: 160%; border-radius:6px;}
.thumb.type02.part .search-bar-area input[type="text"]::placeholder{color:#fff;opacity:1;}
.thumb.type02.part .search-btn{background-image: url(../image/ico_search_w.png);}

.thumb.type02.part p:first-child{font-size: 26px;font-weight: 800;line-height: 140%;}
.thumb.type02.part span{font-size: 26px;font-weight: 800;line-height: 140%;}

.thumb.type02.part .search-bar-area + div{margin-top:24px;    margin-top:12px;justify-items: center;}
.thumb.type02.part .search-bar-area + div h4{display:inline-block;font-size: 14px;font-weight: 700;line-height: normal; color:#fff; margin-right:48px;}
.thumb.type02 .tag-list {display:flex;gap:28px;}
.thumb.type02 .tag-list span{font-size: 14px;font-weight: 600;line-height: normal;text-transform: uppercase;color:#9D9D9D;}

.thumb.sub{height: 400px; padding:0em; margin-top:0em;margin-left:0;}
.thumb.type04.industry{background:#fff url('../image/thumb_ndustry02.png') 0 0 no-repeat; background-size: cover;}
.thumb.type04.industry > div > h3{color:#fff; font-size: 40px;}
.thumb.type04.industry > div > span{max-width:600px; font-size: 18px;color:#fff;}
.thumb.type04.industry > div > p{color:#fff; font-size: 18px; margin:2em 0em;}
.thumb.type04.industry > div > h4{font-size:26px;}

.thumb.type04.app{background:#f8fafb; background-size: cover;}
.thumb.type04.app > div > h3{color:#000; font-size: 40px;}
.thumb.type04.app > div > span{max-width:600px; font-size: 18px;color:#000;}
.thumb.type04.app > div > p{color:#000; font-size: 18px; margin:2em 0em; line-height: 1.5;}
.thumb.type04.app > div > h4{font-size:26px;color:#000;}
.thumb.type04.app .list.type06 ul > li span{font-size: 16px; color:#000;font-weight: 400; line-height: 1.5;}
.thumb.type04.app .list.type06 ul > li span b{font-weight: 600;}


.thumb.type04.solution{background:#fff; background-size: cover;color:#000; }
.thumb.type04.solution > div > h3{color:#000; font-size: 40px;font-weight: 800;}
.thumb.type04.solution > div > span{max-width:600px; font-size: 18px;color:#000;font-weight: 400;}
.thumb.type04.solution span{ max-width:initial;}
.my-progress-bar {
    color:#000;
    display: flex;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    min-width: fit-content;
    align-items: center;
    justify-content: space-between;
    position: relative;
    /*max-width:1105px;*/
    gap: 20px;
}
.my-progress-bar .step {
    display: flex;
    position: relative;
    width: 100%;
}
.my-progress-bar .step-wrap {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: fit-content;
    width: 200px;
    width:100%;
    
        
}
.my-progress-bar .step-wrap .title{font-size:22px;margin-bottom:24px; margin-top:66px;font-weight: 800;color:#000;}
.my-progress-bar .step .symbol {
    background: #32cd32;
    border-color: #32cd32;
    color: white;
}
.my-progress-bar .step .symbol {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #32cd32;
    border: #32cd32 solid 3px;
    border-radius: 50%;
    display: flex;
width: 48px;
height: 48px;
padding: 9px 19px;
flex-direction: column;
justify-content: center;
align-items: center;
color: #FFF;

text-align: center;
font-family: Pretendard;
font-size: 18px;
font-style: normal;
font-weight: 600;
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
backdrop-filter: blur(5px);
border-radius: 24px;border: 1px solid #FFF;
}
.my-progress-bar .step .text {
    
    margin-bottom: 10px;
    margin-inline: auto;
    display: block;
    top: 10px;
    color: #000;

text-align: center;
font-family: Pretendard;
font-size: 14px;
font-weight: 700;
margin-bottom:13px;
font-style: normal;
line-height: 130%;
}

 .my-progress-bar .step .subtext {
    font-family: Pretendard;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%;
color:#262626;
    height: 44px;
}
[data-my-progress-bar-step=complete] .my-progress-bar .step .track {
    background: #32cd32;
}
.my-progress-bar .step .track {
    height: 2px;
    width: 65%;
    background: #32cd32;
    margin-top: 20px;
    border-radius: 0px;
    position:absolute;
    right:-3em;
    top: 2em;
        height: 2px;
    width: 75%;
    background: #32cd32;
    margin-top: 20px;
    border-radius: 0px;
    position: absolute;
    left: 50%;
    margin-left: 12%;
    top: 2em;
}
.my-progress-bar .step:last-child {
    width: fit-content;
    width:100%;
}

.my-progress-bar .step:last-child .step-wrap{
    width: fit-content;
    width:200px;
    width:100%;
}

.my-progress-bar .step:last-child .track {
    display: none;
}


.my-progress-bar .step:nth-child(1) .symbol{
background: radial-gradient(50% 50% at 50% 50%, rgba(0, 95, 163, 0.10) 0%, rgba(0, 100, 205, 0.10) 100%), linear-gradient(62deg, #21EC22 9.99%, #00FDFF 146.21%);
}
.my-progress-bar .step:nth-child(2) .symbol{
background: radial-gradient(50% 50% at 50% 50%, rgba(0, 95, 163, 0.10) 0%, rgba(0, 100, 205, 0.10) 100%), linear-gradient(66deg, #19F089 9.75%, #00FDFF 123.98%);
}
.my-progress-bar .step:nth-child(3) .symbol{
background: radial-gradient(50% 50% at 50% 50%, rgba(0, 95, 163, 0.10) 0%, rgba(0, 100, 205, 0.10) 100%), linear-gradient(68deg, #13F3BD 9.6%, #00F0FF 92.24%);
}
.my-progress-bar .step:nth-child(4) .symbol{
background: radial-gradient(50% 50% at 50% 50%, rgba(0, 95, 163, 0.10) 0%, rgba(0, 100, 205, 0.10) 100%), linear-gradient(83deg, #04FBE5 8.38%, #00D1FF 102.14%);
}

.my-progress-bar .step:nth-child(1) .track{
	background: linear-gradient(270deg, rgba(1, 229, 18, 0.00) 0%, #01E512 15%, #7EF77F 85%, rgba(126, 247, 127, 0.00) 100%);
	
}
.my-progress-bar .step:nth-child(2) .track{
	background: linear-gradient(270deg, rgba(1, 216, 163, 0.00) 0%, #01D8A3 15%, #7BEAA5 85%, rgba(123, 234, 165, 0.00) 100%);
	
}
.my-progress-bar .step:nth-child(3) .track{
	background: linear-gradient(270deg, rgba(1, 212, 214, 0.00) 0%, #01D4D6 15%, #01D7B4 85%, rgba(1, 215, 180, 0.00) 100%);
}
.my-progress-bar .step:nth-child(4) .track{
	
}


.thumb.type05{ width:100%; background:#fff url('../image/footer_bg_inquire.png') 0 0 no-repeat;  background-size: cover; background-position: center; color:#fff;padding:2em;display: flex;justify-content: space-between;
  align-items: center;padding:6em 0em;    flex-direction: column; margin-top:100px;}
.thumb.type05 h3{color:#fff; font-size: 60px;}
.thumb.type05 span{max-width:600px; font-size: 22px;color:#fff;}
.thumb.type05 p{color:#fff; font-size: 22px; font-weight: 400; margin-bottom: 1em;}
.thumb.type05 button{width:260px;}


/**Main**/
.content-wrap .title{margin-bottom: 0em;}
.content-wrap .title > span{font-size: 18px; font-weight: 400;display:inline-block; margin-bottom: 0.5em;}
.content-wrap .title h3{font-size: 38px; font-weight: 800;line-height: 1.3; }
.content-wrap .title p{color: #707070; font-size: 18px;    margin-top: 2em;    line-height: 27px;    font-weight: 600;}
.content-wrap .title p + p{margin-top:20px;}

.content-wrap .title.ltype{display:flex; flex-direction: column;align-items: start; gap:20px;}
.content-wrap .title.ltype h3{color:#000; text-overflow: ellipsis;font-size: 28px;font-style: normal;font-weight: 800;line-height: 150%;}
.content-wrap .title.ltype span{font-size: 18px;font-style: normal;font-weight: 700;line-height: 150%;margin-bottom:0px; color:#707070;}

.list-wrap.case-wrap .content-wrap .title h3{max-width:900px;}

.cont-list li{height:400px; border-radius: 1em; background-size: cover !important; padding:30px; }
.cont-list h3{font-size:28px; font-weight: 700;color:#fff; margin-bottom: 20px;}
.cont-list p{font-size:16px; color:#fff; opacity: .9;line-height: 1.4; height: 66px;}
.list-wrap.list01 .thumb.type01{height:400px; padding:60px; position: relative;}
.list-wrap.list01 .thumb.type01 p{max-width: 900px;}
.list-wrap.list01 .thumb.type01 .btn.type02{position: absolute;     right: 60px;bottom: 60px;}
.content-wrap .title + .list{margin-top:60px;}
.biz-wrap .content-wrap .title + .list{margin-top:0px;}

.biz-wrap .content-wrap .title.ltype{margin-bottom:60px;}
.biz-wrap .relative.type03.content-wrap{padding-left:0px;padding-right:0px;}

.biz-wrap .thumb{width: 456px;height: 331px; background-size: contain; margin-bottom:74px;}
.biz-wrap .top-cont{ display: flex; justify-content: space-between;}

.prod-list .industry-list .cont-list h3::after{content: none;}
.prod-list .slick-prev{display: block; width: 60px;height: 60px;background: url('../image/ico_prev_sub02.png') 0 0 no-repeat;background-size: contain;}
.prod-list .slick-next {display: block; width: 60px;height: 60px;background: url('../image/ico_next_sub02.png') 0 0 no-repeat;background-size: contain;}
.prod-list .slick-prev{left:-108px;}
.prod-list .slick-next{right:-108px;}
.prod-list .cont-list li.slick-slide{height:auto; border:1px solid #d9d9d9; padding:0em; border-radius: 16px 16px; background-color: #fafafa;}
.prod-list .cont-list li .cont{color:#000; padding:20px; margin-top:0em; background-color: #fff;border-radius: 0em 0em 1em 1em;}
.prod-list .cont-list li .thumb{margin:0em;    background-color: #EDEEF1; padding:0px; height: auto; position:relative;text-align:center;}
.prod-list .cont-list li .thumb .img{margin:0em;    background-color: #EDEEF1; width:100%;height: 330px; background-size: auto 320px; background-repeat: no-repeat; background-position: center; border-radius: 16px 16px;}
.prod-list .cont-list li .thumb .tag{position:absolute; top:2em; right:1em;}
.prod-list .cont-list li .thumb .tag.select{background-color: #0072EB; color:#fff; font-weight: 600; padding:0.5em 1em; border-radius: 10em;}
.prod-list .cont-list h3{color:#000; font-size: 22px;    display: flex;align-items: center;}
.prod-list .cont-list h3::after{content: ''; display: inline-block; width:28px; height: 28px; margin-left:0.5em; background: url('../image/ico_arrow_prod.png') 0 0 no-repeat;background-size: contain;}
.prod-list .cont-list ul{color:#000; text-align: left;}
.prod-list .cont-list ul li{padding:0.25em 0em; color:#707070; font-size: 16px;height:auto; font-weight: 400;}
.prod-list .cont-list ul li::before{content:'·'; display: inline-block;margin-right:0.25em;}
.prod-wrap .list-warp.prod-list .cont-list li .thumb{height:370px;    width: 100%;display: flex; justify-content: center; align-items: center;}
.prod-wrap .list-warp.prod-list .cont-list li .thumb img{height:330px; width:auto;}
.full.wrap{width:100%; padding:0px; position: relative; height: 750px;}
.full.half{   width: calc((100% - 1400px) / 2 + 1400px );
  position: absolute;
  right: 0px;}
.case-wrap .view-all{margin-top:40px; gap: 8px;}
.case-list .slick-prev{display: block; width: 60px;height: 60px;background: url('../image/ico_prev_sub02.png') 0 0 no-repeat;background-size: contain;top:-175px;right:130px; left:auto;}
.case-list .slick-next {display: block; width: 60px;height: 60px;background: url('../image/ico_next_sub02.png') 0 0 no-repeat;background-size: contain;top:-175px;right:50px;}
.case-list .slick-prev.slick-disabled{background-image: url('../image/ico_prev_sub03.png'); }
.case-list .slick-next.slick-disabled{background-image: url('../image/ico_next_sub03.png'); }
.case-list .case-info .slick-list {padding-right: 260px;}
.full.wrap::after{content: ''; width: 260px;
  height: 615px;
  background: linear-gradient(to right, rgba(255, 255, 255, 0.00) 10.58%, #FFF 100%);  flex-shrink: 0; position: absolute; right: 0; top:0px; }
  .case-wrap .arrow-wrap{ display: flex; gap: 20px;}
  .case-wrap .arrow.prev{display: block; width: 60px;height: 60px;background: url('../image/ico_prev_sub02.png') 0 0 no-repeat;background-size: contain;}
  .case-wrap .arrow.next{display: block; width: 60px;height: 60px;background: url('../image/ico_next_sub02.png') 0 0 no-repeat;background-size: contain;}
  .case-wrap .arrow.prev.slick-disabled{background-image: url('../image/ico_prev_sub03.png'); }
  .case-wrap .arrow.next.slick-disabled{background-image: url('../image/ico_next_sub03.png'); }

.case-list .case-info li.slick-slide{height:auto; padding:0em; border-radius: 2em; margin-right:1em;}
.case-list .case-info li .cont{color:#000; width:100%; padding:15px; padding-top:0px;background: rgb(27,27,27); border-radius: 0em 0em 20px 20px;text-align: left;}
.case-list .case-info li .thumb{margin:0em;    border-radius: 20px 20px 0em 0em; background-color: #fafafa; height: 360px;border-radius: 20px 20px 0em 0em;background-position:center center; background-size: cover;position: relative;}
.case-list .case-info li .thumb::after{content: ''; position: absolute; top:0; left:0; width:100%; height: 100%;     background: url(../image/thumb_case_bg.png) 0 0 no-repeat;;background-size: cover; background-size: 100% 100%;}
.case-list .case-info h3{color:#fff; font-size: 22px;    display: flex;align-items: start; height:84px; line-height: 1.5;}
.case-list .case-info li .cont > span{color:#9d9d9d;font-size:16px; margin-bottom: 0.5em;display: inline-block; font-weight: 400;}
.case-list .case-info ul{color:#000; margin-top:40px;}
.case-list .case-info ul li{padding:0.25em 0em; color:#707070; font-size: 18px;height:auto;display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    line-height: 1.5em;
    max-height: 3em;    height: 90px; }
.case-list .case-info ul li span:first-child{color:#7b7b7b; display: inline-block; width:60px;font-weight: 600;}
.case-list .case-info ul li span:nth-child(2){color:#c4c4c4;font-weight: 400;}

/* 부속품 */
.content-wrap .part-list li{border-radius: 1em; background-size: cover !important; padding:30px; text-align: left;    border: 1px #D9D9D9 solid;}
.content-wrap .part-list .slick-slide {margin:0 16px;}
.content-wrap .part-list .slick-list{margin:0 -16px; margin-top:0em;}
.content-wrap .part-list.gray li{border-radius: 1em; background-size: cover !important; padding:30px; text-align: left;    border: 1px #FAFAFA solid; background:#FAFAFA;}
.content-wrap .part-list.gray h3{height:72px;  width:80%;  text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;     word-break: break-all;overflow: hidden;}
.content-wrap .part-list h3{font-size:22px; font-weight: 700;color:#000; margin-bottom: 1.5em; line-height: 1.5; margin-top:4px;margin-bottom: 26px;}
.content-wrap .part-list span{font-size:14px; color:#707070; font-weight: 400; line-height: 1.5; text-transform: uppercase;}
.content-wrap .part-list img{    height: 200px;width: auto; margin:0 auto; margin-top: 1em; margin-bottom: 1em;
    height: 215px;
    width: auto;
    width: 100%;
    object-fit: contain;
    display: block;
}
.content-wrap .part-list .btn{/*margin-top:61px;*/margin-top:0px; font-size: 18px;border-width: 1px; border-color: #262626; padding:12px 10px; line-height: 1.5; font-weight: 600;}

/*제품*/
.subTitle{gap:0em;    padding-bottom: 3em;}
.subTitle nav > ul{display: flex; font-size: 14px; color:#707070; margin-bottom: 0px;}
.subTitle nav > ul > li{color:#707070;display: flex; justify-content: start;align-items: center; font-size: 14px;}
.subTitle nav > ul > li::after{ content:''; display: inline-flex; margin:0em 0.5em; width:10px; height: 10px;
background: url('../image/ico_nav_arrow.png') center center no-repeat; background-size: cover;
}
.subTitle  nav > ul > li:last-child::after{content: '';background: none;}
/*네비게이션 공통*/
nav.topNav > ul{display: flex; font-size: 14px; color:#707070; margin-bottom: 0px;}
nav.topNav > ul > li{color:#707070;display: flex; justify-content: start;align-items: center; font-size: 14px;}
nav.topNav > ul > li::after{ content:''; display: inline-flex; margin:0em 0.5em; width:10px; height: 10px;
background: url('../image/ico_nav_arrow.png') center center no-repeat; background-size: cover;
}
nav.topNav > ul > li:last-child::after{content: '';background: none;}


.detail-wrap .detail-info .subTitle h3{font-size:40px;font-weight: 800;margin-bottom:48px;margin-top:5px;}
.detail-wrap .detail-info .content-wrap img{width:600px;}
.detail-wrap .content-wrap .title > span{opacity: .8; margin-bottom: 0px;}
.detail-wrap .content-wrap .title h3{font-size: 40px;margin-bottom: 5px; margin-top:5px;text-transform: uppercase;}
.detail-wrap .content-wrap .title h2{font-size: 56px;font-weight: 800;line-height: 140%;text-transform: uppercase;margin:40px 0px;}
.detail-wrap .detail-wrap.top .flex.two-wide {    align-items: start;}

section.nav.wide > div .right a{color:#262626;font-weight: 700; line-height: 1.5; font-size: 16px;}
.detail-wrap .thumb.type04{padding:100px 0px;}
.detail-wrap.esg .thumb.type04{padding:60px 0px;}
.detail-wrap .thumb.type04 h3{font-size: 40px; margin:5px 0px 40px 0px;}
.detail-wrap.esg .thumb.type04 h3{margin:0px;}
.detail-wrap.esg .thumb.type04 .relative.type04.content-wrap .flex{    align-items: start;}
.detail-wrap.esg .thumb.type04 .relative.type04.content-wrap h3{font-size: 22px;font-weight: 700;line-height: 110%;color:#00AD1D;margin:0px 0px 20px 0px;}
.detail-wrap.esg .thumb.type04 .relative.type04.content-wrap .thumb{width: 240px; height: 240px; display: inline-flex; background: #fff; justify-content: center; align-items: center; border-radius: 50%; border: 2px solid #D9D9D9;margin-bottom:40px;}
.detail-wrap.esg .thumb.type04 p{font-size: 16px;font-weight: 400;line-height: 150%;color:#000; max-width:240px;height:auto;margin:0 auto;word-break: keep-all;}
.detail-wrap.esg .thumb.type04 .relative .flex > div::after{content:none;}
.detail-wrap .thumb.type04 p span{opacity: .6;font-size: 18px; font-weight: 600;}

.detail-wrap .thumb.type04 p span.b{opacity: 1;font-size: 18px;font-weight: 600;}
.detail-wrap .thumb.type04 p+p{margin-top:14px;}
.detail-wrap .thumb.type04 .content-wrap.small + .content-wrap.small{margin-top:100px;}
.detail-wrap .relative .flex > div{padding:0px;}
.detail-wrap .relative.type03 .flex > div{padding:20px;}

.subTitle h3{font-size:44px;font-weight: 800;margin-bottom:0px; margin-top: 0.5em;}
.prodTitle h3{margin:20px 0px 40px 0px;}
.subTitle span{font-size:18px;line-height: 1.5;    font-weight: 400;}
.subTitle h3 + span{margin-top:40px;}
.subTitle .tabs.type04{margin:5em 0em 0em 0em;}
.subTitle .index{margin-left: 65px;}
.subTitle .index.keyword{font-size: 16px; color:#555555; margin-top: 2em; font-weight: 700;}
.subTitle .index.keyword span{font-size: 16px; color:#555555;  opacity: 0.7;margin-left: 1em;}
.subTitle .index.keyword span:first-child{margin-left:2em;}


.prod-wrap{gap:40px;}
.prod-wrap .filter-wrap{flex:1;}

.prod-wrap .filter-wrap .group{border-bottom:1px solid #ccc;padding-bottom: 40px;    display: flex;
  /* align-items: center; */
  flex-direction: column;
  text-align: left;
}
.prod-wrap .filter-wrap .group:last-child{border:0px;}
.prod-wrap .filter-wrap .group + .group{padding: 40px 0em; max-height: 800px; transition:0.15s all linear;}
.prod-wrap.down .filter-wrap .group{padding: 40px 0em; max-height: 800px; transition:0.15s all linear;}
.prod-wrap .filter-wrap .group.hide{max-height: 110px;}
.prod-wrap .filter-wrap .group h4{margin-bottom:0em;    position: relative;line-height: 1.5; font-weight: 700;font-size: 18px;}
.prod-wrap .filter-wrap .group .title{position: relative;display: flex;justify-content: space-between; align-items: center;}
.prod-wrap .filter-wrap .group .title .arrow{content:''; display: block; width: 20px;height: 20px;background: url('../image/ico_arrow_down.png') 0 0 no-repeat;background-size: contain;cursor: pointer;margin-bottom: 0px;}
.prod-wrap .filter-wrap .group input[type="text"]{width:100%; border:1px solid #DFDFDF; padding:10px 20px; border-radius: 5em; height:auto;}
.prod-wrap .list-warp{flex:4;}
.prod-wrap .filter-wrap .group .cont{
  /*max-height: 500px;*/
  overflow: hidden; margin-top:20px;}
  .prod-wrap .filter-wrap .group.hide .cont{ /*max-height: 0px;    margin-top: 0em;*/}
  .prod-wrap .filter-wrap .group.group.hide .title .arrow{transform: rotate(180deg);}

.prod-wrap .filter-wrap .group .flex.two-wide>div{position: relative;}
.prod-wrap .filter-wrap .group .flex.two-wide input[type="text"]{width:80px; height:auto; border:1px solid #ccc; font-size: 14px; padding:0.25em 10px; border-radius: 5px;padding-right:28px; color:#262626; font-weight: 400;}
.prod-wrap .filter-wrap .group .flex.two-wide input[type="text"]+span.txt{position:absolute;right:8px;top:4px;font-size:14px; color:#262626; font-weight: 400;}
.ui-widget.ui-widget-content{height:2px; background-color: #c4c4c4;border:0px;}
.ui-widget-header{ background-color: #007cff;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{ border: solid 2px #0072eb;background-color: #fff;    width: 10px;
  height: 10px;
  border-radius: 10px;}
  .ui-slider-horizontal .ui-slider-handle{    top: -4px;}
  .prod-wrap .filter-wrap .group .flex.two-wide{margin-bottom:1em;}
  .ui-slider-horizontal .ui-slider-handle{margin-left:0px;}
  .ui-slider-horizontal .ui-slider-handle+.ui-slider-handle{ margin-left: -0px;}
  .prod-wrap .filter-wrap .group .ui-widget.ui-widget-content{margin:1em 0em; margin-right: 10px;}
  /* 제품 리스트 */
  .prod-wrap .list-warp .filter .tag-wrap.reset{margin-right: 8px; padding-right: 20px;}
  .prod-wrap .list-warp .total{font-size:18px; font-weight: 600;line-height: 1.5;}
  .prod-wrap .list-warp .total span{ color:#007cff; font-weight: 700;}
  .prod-wrap .list-warp .insert label{font-size:18px; font-weight: 600;margin-left:0.25em;}
  .prod-wrap .list-warp .cont-list{display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px 16px;}
  .prod-wrap .list-warp .cont-list> li{height: auto;    width: 100%;padding:0em;    padding: 20px; background: #EDEEF1;}
  .prod-wrap .list-warp .cont-list> li.selected{/*background: #fff;*/}
  .prod-list .cont-list li.selected .thumb .img{background-color: #fff;}
  .prod-wrap .list-warp .prod-list .cont-list li.selected .cont{background-color: #EDEEF1;}
  .prod-wrap .list-warp .prod-list .cont-list li .cont{background-color: #EDEEF1;border-radius: 0em 0em 1em 1em; padding:0px 0px 0px 0px;}
  .prod-wrap .prod-list .cont-list ul li{color:#262626;}
  .prod-wrap .list-warp .prod-list .cont-list h3::after{content: none;}
  .prod-wrap .list-warp .prod-list .btn-wrap{display: flex;flex-direction: column; gap: 12px;    margin-top: 1.5em;}
  .prod-wrap .list-warp .prod-list .btn-wrap .btn.big{font-size: 18px; padding:17px 0px; border-width: 1px; text-align:center;}

  .prod-wrap .list-warp.type02 .cont-list> li{padding:0px; border:1px solid #D9D9D9;}
  .list-warp.type02 .prod-list .cont-list li .thumb{padding:20px;}
  .prod-wrap .list-warp.type02 .prod-list .cont-list li .cont{padding:20px; background: #fff;}
  .prod-wrap .list-warp.type02 .prod-list .btn-wrap{flex-direction: row;}
  .prod-wrap .list-warp.type02 .prod-list .btn-wrap .btn.big{flex:1;}
  .prod-wrap .list-warp.type02 .prod-list .cont-list ul li{color:#707070;}
  .prod-wrap .list-warp.type02 .cont-list + .view-all{margin-top:60px;}
  
  
  
  .prod-list.gray .cont-list{display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px 16px; height:auto;}
  .prod-list.gray .cont-list > li{width:100%;height:auto;background:#F9F9F9;}
  .prod-list.gray .cont-list > li .btn-wrap .btn{padding: 12px 10px;font-size: 18px;font-weight: 700;line-height: 150%}
  .prod-list.gray .cont-list li .thumb{padding:20px;}
  .prod-list.gray .cont-list li .cont{padding:0px; background: transparent;}
  .prod-list.gray .btn-wrap{flex-direction: row;}
  .prod-list.gray .btn-wrap .btn.big{flex:1;}
  .prod-list.gray .cont-list > li .btn-wrap{padding-top:24px; margin-top:24px; border-top:1px solid #E0E0E0; border-bottom:0px;}
  .prod-list.gray .cont-list > li .btn-wrap .btn{    height: 52px; line-height: normal; border-width: 1px; border-radius: 50em;}

.prod-list.gray .application-list li{border-radius: 1em;    background-size: cover !important;    padding: 30px;    width: 100%;height: auto;}
  .prod-list.gray .application-list > li .btn-wrap .btn{padding: 12px 10px;font-size: 18px;font-weight: 700;line-height: 150%}
  .prod-list.gray .application-list li .thumb{padding:20px;}
  .prod-list.gray .application-list li .cont{padding:0px; background: transparent;}
  .prod-list.gray .btn-wrap{flex-direction: row;}
  .prod-list.gray .btn-wrap .btn.big{flex:1;}
  .prod-list.gray .application-list > li .btn-wrap{padding-top:24px; margin-top:24px; border-top:1px solid #E0E0E0; border-bottom:0px;}
  .prod-list.gray .application-list > li .btn-wrap .btn{    height: 52px; line-height: normal; border-width: 1px; border-radius: 50em;}


  /*필터*/
  .prod-wrap .list-warp .filter{margin:20px 0em;}
  .prod-wrap .list-warp .filter > div:first-child{padding-right:1em;display: flex; flex-flow: wrap; gap: 12px;}

  .prod-wrap .list-warp .filter .tag.select{margin-bottom: 0px; font-weight: 600; padding:10px 20px; border-width:1px; margin-right:0px;}

  .detail-wrap {gap:1em;}

  /* 제품상세 */
  .detail-wrap .detail-info .content-wrap.subTitle{width:456px;}
  .detail-wrap .detail-info .content-wrap.subTitle nav{margin-bottom: 38px;}
  .detail-wrap.top .thumb {background-color: #EDEEF1; padding:2em; border-radius:18px; text-align:center;}
  .detail-wrap.top .thumb img{width:100%;}
  .detail-wrap.top .detail-main > .thumb img{width: auto; height:450px;    width: 100%; object-fit: contain; display: block;}
  .detail-wrap.top .thumb ,.detail-wrap .detail-info{flex:1;}
  .detail-wrap .detail-info{padding:0em 0em;}
  .detail-wrap .detail-info ul.spec{border:1px solid #d9d9d9; border-radius: 12px; padding:30px;margin-bottom: 40px;}
  .detail-wrap .detail-info ul.spec li span:first-child{width:120px; color:#000;display: inline-block;font-weight: bold;}
  .detail-wrap .detail-info ul.spec li span:last-child{color:#000; display: inline-block;font-weight: normal;}
  .detail-wrap .detail-info ul.spec li{margin-top:29px;}
  .detail-wrap .detail-info ul.spec li:first-child{margin-top: 0px;}
  .detail-wrap .detail-info .btn-wrap .btn{width:50%; font-size: 16px; padding:16px; font-weight: 600;}
  .detail-wrap .detail-info ul.thumb{ display:flex; background-color: transparent; padding:0px;}
  .detail-wrap .detail-info ul.thumb li{width:100px; border:1px solid #e4e4e4; margin-right: 1em; border-radius: 0.75em; padding: 1em;
    box-sizing: content-box;
    object-fit: cover;
    object-position: center;
  }
  .detail-wrap .detail-info ul.thumb li img{width: 100px;height: 100px;object-fit: contain; object-position: center;}
  .detail-wrap .detail-info .view-all{color:#00ad1d; font-size: 18px;}
  .detail-wrap .detail-info .view-all.arrow::after{background-image: url(../image/ico_arrow_more_green.png); width:20px; height: 20px;}
  .detail-wrap .detail-info .more{margin:40px 0em;}
  .detail-wrap .detail-info .more *{font-size: 18px; font-weight: 600;}


.detail-wrap #features .relative .flex > div{ flex-basis: fit-content;}

  a{color:#000;}
  section.nav .right{float: right;}
  .detail-wrap .title .sub{text-align: center;
    color: black;
    font-size: 22px;
    font-family: Pretendard;
    font-weight: 700;
    line-height: 36px;
    word-wrap: break-word; margin-bottom:1em;display:inline-block;}
  .detail-wrap .title p{align-self: stretch;
    text-align: center;
    color: black;
    font-size: 18px;
    font-family: Pretendard;
    font-weight: 400;
    line-height: 28.80px;
    word-wrap: break-word; margin-top:40px;margin-bottom:86px;}
    .content-wrap img{width:80%;}
    .detail-wrap .title{margin-bottom:0px;}
    
    .download.btn a{height: 60px; line-height: 55px; border:1px solid #E4E4E4; font-size: 18px; font-weight: 600; color:#000; width:100%; border-radius: 5px; /* transition: all 0.5s ease-in-out;*/    display: flex; justify-content: center; align-items: center;
    color: var(--Gray-color-900-BL, #000);
font-family: Pretendard;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 160%; /* 32px */ padding:0px 40px;}
  .download.btn a.ico::after{content:''; width: 24px;height: 24px;background: url('../image/ico-down.png') center center no-repeat;background-size: contain; font-size: 0px; overflow: hidden;display: inline-block;margin-left: 10px;}
  .download.btn a.hover{color:#0072eb; border:2px solid #0072eb;}
  .download.btn a.all{color:#0072eb; border:2px solid #0072eb;}
  .download.btn .btn.ico::after {
    background-image: url(../image/ico_down.png);
}
    
.detail-wrap .download.btn{    display: flex;gap: 1em;margin: 0 auto;justify-content: center;align-content: center;align-items: center;margin: 0em 0em 0em 0em;}
  .detail-wrap .download.btn li{flex:1;}
  .detail-wrap .download.btn a{height: 60px; line-height: 55px; border:1px solid #E4E4E4; font-size: 18px; font-weight: 600; color:#000; width:100%; border-radius: 5px; /* transition: all 0.5s ease-in-out;*/    display: flex; justify-content: center; align-items: center;}

  .detail-wrap .download.btn a.ico::after{content:''; width: 24px;height: 24px;background: url('../image/ico-down.png') center center no-repeat;background-size: contain; font-size: 0px; overflow: hidden;display: inline-block;margin-left: 10px;}
  .detail-wrap .download.btn a.hover{color:#0072eb; border:2px solid #0072eb;}
  .detail-wrap .download.btn a.all{color:#0072eb; border:2px solid #0072eb;}

  /* .detail-wrap .prod-list .cont-list{ display: flex;} */
  .detail-wrap .prod-list .cont-list > li{flex:1;}
  .detail-wrap .prod-list .cont-list li.selected h3{color:#0072eb;}
  .detail-wrap .cont-list > li{margin-right: 0px;}
  .detail-wrap .prod-list .cont-list li .cont{ background-color: transparent; padding: 0px; border-radius: 0px;}
  /*
  .detail-wrap .prod-list .cont-list > li{height:auto; border:1px solid #d9d9d9; padding:0em; border-radius: 1em 1em 1em 1em;background-color: #fafafa;}
  .detail-wrap .prod-list .cont-list{ display: flex;}
  .detail-wrap .prod-list .cont-list > li{flex:1;}
  .prod-list .cont-list h3.clear::after{content: ''; display: none;}
  .detail-wrap .prod-list .cont-list > li .btn-wrap{margin:2em 0em 1em 0em;}
  .detail-wrap .prod-list .cont-list > li .btn-wrap button{flex:1;}
  */
  .detail-wrap.type02 .prod-list .cont-list{ display: flex;gap: 16px;}
  .detail-wrap.type02 .prod-list .cont-list > li{flex:1;}
  .detail-wrap.type02 .prod-list .cont-list li .thumb{margin:0em;    background-color: #fafafa; padding:20px; height: auto; position:relative;}
  .detail-wrap.type02 .prod-list .cont-list li .thumb .img{margin:0em;    background-color: #fafafa; height: 330px; background-size: contain; background-repeat: no-repeat; background-position: center;}
  .detail-wrap.type02 .prod-list .cont-list li .thumb .tag{position:absolute; top:2em; right:1em;}
  .detail-wrap.type02 .prod-list .cont-list li .thumb .tag.select{background-color: #0072EB; color:#fff; font-weight: 600; padding:0.5em 1em; border-radius: 10em;}
  .detail-wrap.type02 .prod-list .cont-list h3{color:#000; font-size: 22px;    display: flex;align-items: center;}
  .detail-wrap.type02 .prod-list .cont-list h3::after{content: ''; display: inline-block; width:28px; height: 28px; margin-left:0.5em; background: url('../image/ico_arrow_prod.png') 0 0 no-repeat;background-size: contain;}
  .detail-wrap.type02 .prod-list .cont-list ul{color:#000; text-align: left;}
  .detail-wrap.type02 .prod-list .cont-list ul li{padding:0em; color:#707070; font-size: 16px;height:auto; line-height: 1.5;}
  .detail-wrap.type02 .prod-list .cont-list ul li::before{content:'·'; display: inline-block;margin-right:0.25em;}


  .detail-wrap.type02 .prod-list .cont-list > li{height:auto; border:1px solid #d9d9d9; padding:0em; border-radius: 1em 1em 1em 1em;background-color: #fafafa;}
  .detail-wrap.type02 .prod-list .cont-list > li{flex:1;}
  .detail-wrap.type02 .prod-list .cont-list h3.clear::after{content: ''; display: none;}
  .detail-wrap.type02 .prod-list .cont-list > li .btn-wrap{margin-top:28px;}
  .detail-wrap.type02 .prod-list .cont-list > li .btn-wrap button{flex:1; font-size: 18px; height: 54px; }
  .detail-wrap.type02  .prod-list .cont-list li .cont{color:#000; padding:30px; margin-top:0em; background-color: #fff;border-radius: 0em 0em 1em 1em;}
.detail-wrap .relative.type03.content-wrap{padding:100px 20px 100px 20px;}

  .relative span{color:#0072EB; font-weight: 800; display:inline-block; margin-bottom:16px; font-size: 18px;}
  .relative p{ font-size: 14px;}
  .relative{text-align: center; margin-top: 3em;margin-bottom: 5em;}
  .relative .flex > div{padding:1em 0em; position: relative;}
  .relative .flex > div::after{ content:'';display: inline-block; border-right: 1px #D9D9D9 solid; position: absolute;right: 0em;top: 1em;height: 70px;width: 0px;background: #D9D9D9; }
  .relative .flex > div:last-child::after{content:'';display: none;}
  .thumb.type04 .relative span{color: #00FFE0; font-size: 32px; font-weight: 800; background: linear-gradient(to right, #00E600,#00E7CC, #00B0E7); background: linear-gradient(to right, #00e600, #00ffe0); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
  .thumb.type04 .relative p{    font-size: 18px; font-family: Pretendard; font-weight: 600; word-wrap: break-word; height: 48px;}

  .relative.type03.content-wrap{padding:100px;margin:0px auto;}
  .relative.type03 span{margin-bottom:8px; font-weight: 700;}
  .relative.type03 p{line-height: 1.5; font-weight: 400;}
    
  .relative.type04.content-wrap{padding:80px 0px 0px 0px;margin:0px auto;}
  .relative.type04 span{margin-bottom:8px; font-weight: 700;}
  .relative.type04 p{line-height: 1.5; font-weight: 400;}
      
    
    
    .point{background: linear-gradient(to right, #00E600,#00E7CC, #00B0E7); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

    .point.type02{color:#0072eb;-webkit-text-fill-color: #0072eb; font-weight: inherit; margin-right: 5px;}
    .point.type03{color:#F00;-webkit-text-fill-color: #F00; font-weight: 600; }

    .thumb.type04 .relative .flex > div::after{ content:'';display: inline-block; border-right: 1px #434343 solid; position: absolute;right: 0em;top: 1em;height: 70px;width: 1px;background: #434343; }
    .thumb.type04 .relative .flex > div:last-child::after{content:'';display: none;}

  .relative.type02 span{color:#000; font-weight: 600; display:inline-block; font-size: 17px; margin-bottom:0em;opacity: .7;}
  .relative.type02 h3{ font-size: 32px; margin:0.5em 0em; font-weight: 800;}
  .relative.type02 p{ font-size: 14px; line-height: 1.5;}
  .relative.type02{text-align: center; margin-top: 0em;margin-bottom: 40px;}
  .relative.type02 .flex > div{padding:1em 0em; position: relative;}
  .relative.type02 .flex > div::after{ content:'';display: inline-block; border-right: 1px #D9D9D9 solid; position: absolute;right: 0em;top: 1em;height: 140px;width: 0px;background: #D9D9D9; }
  .relative.type02 .flex > div:last-child::after{content:'';display: none;}
  .relative.type02 +p{font-size: 14px; font-style: normal; font-weight: 400; line-height: 150%;color:#707070;}
.zigzag-container{ display: flex; gap:3em; margin:4em 0em 3em 0em;}
.zigzag-container .item{background-color: #fff; border:2px solid #489ef9; color:#000; border-radius: 20em; text-align: center; width:150px;height: 150px;    display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; position: relative; z-index: 5;border: solid 2px #489ef9;
  background-color: #d7eaff;}
.zigzag-container .item span{color:#555; font-size: 14px; display: inline-block; margin-bottom: 0.5em; font-weight: 400;}
.zigzag-container .item h3{color:#000; font-size: 18px; font-weight: 700;}
.zigzag-container .item:nth-child(4n+1){margin-top: 11em;}
.zigzag-container .bg{background-color: transparent; width: 176px;height: 409px;transform: rotate(45deg); margin-left: -109px; margin-right: -100px; border-radius: 20em;
  width: 176px;
  height: 426px;
  transform: rotate(45deg);
  margin-left: -109px;
  margin-right: -100px;
  border-radius: 20em;
  margin: -123px;
  margin-top: -3em;
  background: rgb(0,120,246);
  background: linear-gradient(180deg, rgba(0,120,246,1) 0%, rgba(255,255,255,0) 100%); opacity: 0.6;}
.zigzag-container .bg.type02{transform: rotate(135deg);}

.line-container{display: flex; gap:-3em; margin:60px 0em;margin-left: -3em;}
.line-container .item{background-color: #fff; border:2px solid #489ef9; color:#000; border-radius: 20em; text-align: center; width:280px;height: 280px;    display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; position: relative; z-index: 5;border: solid 2px #489ef9;
  background-color: #d7eaff;    margin-right: -4em;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05);
  border: solid 1px #fff; -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
  border-radius: 9999px;
  border: 1px white solid;
  backdrop-filter: blur(10px);
  opacity: .7;
}
.line-container .item span{color:#fff; font-size: 14px; display: inline-block; margin-bottom: 0.5em; font-weight: 400;}
.line-container .item h3{color:#fff; font-size: 18px; font-weight: 700;}
.line-container .item:nth-child(1){z-index: 10;
  background-image: radial-gradient(circle at 50% 50%, rgba(0,95,163,.2), rgba(0,100,205,.2) 71%), linear-gradient(73deg,rgba(23,236,34,.6),rgba(33,236,34,.6) 9%, rgba(0,253,255,.6) 160%);
}
.line-container .item:nth-child(2){z-index: 9;background-image: radial-gradient(circle at 50% 50%, rgba(0,95,163,.2), rgba(0,100,205,.2) 71%), linear-gradient(73deg,rgba(25,240,90,.6), rgba(0,253,255,.6) 160%);}
.line-container .item:nth-child(3){z-index: 8;background-image: radial-gradient(circle at 50% 50%, rgba(0,95,163,.2), rgba(0,100,205,.2) 71%), linear-gradient(73deg,rgba(19,243,131,.6), rgba(0,253,255,.6) 160%);}
.line-container .item:nth-child(4){z-index: 7;background-image: radial-gradient(circle at 50% 50%, rgba(0,95,163,.2), rgba(0,100,205,.2) 71%), linear-gradient(73deg,rgba(14,246,161,.6), rgba(0,253,255,.6) 160%);}
.line-container .item:nth-child(5){z-index: 6;background-image: radial-gradient(circle at 50% 50%, rgba(0,95,163,.2), rgba(0,100,205,.2) 71%), linear-gradient(73deg,rgba(4,251,229,.6), rgba(0,253,255,.6) 160%);}
.line-container .item:nth-child(6){z-index: 5;background-image: radial-gradient(circle at 50% 50%, rgba(0,95,163,.2), rgba(0,100,205,.2) 71%), linear-gradient(73deg,rgba(3,240,235,.6), rgba(0,253,255,.6) 160%);}
.line-container .item:nth-child(7){z-index: 4;background-image: radial-gradient(circle at 50% 50%, rgba(0,95,163,.2), rgba(0,100,205,.2) 71%), linear-gradient(73deg,rgba(25,240,90,.6), rgba(0,253,255,.6) 160%);}
.line-container .item:nth-child(8){z-index: 3;}
.line-container .item:nth-child(9){z-index: 2;}
.line-container .item:nth-child(10){z-index: 1;}

.industry-wrap .thumb.type02::after{content: none;}
.industry-wrap .title{margin-bottom: 60px;display: inline-block; width:100%;}

.industry-wrap .title + .content-wrap.mid{padding:0px 0px 40px 0px;}

.industry-wrap .info .title{margin-bottom: 80px;}
.industry-wrap .case-wrap .title{margin-bottom: 0px;display: inline-block; width:100%;}
.industry-wrap .subTitle{ padding: 160px 0px 100px 0px;}
.industry-wrap .subTitle nav > ul{margin-bottom: 0px;}
/*.industry-wrap .subTitle h3{margin-bottom: 40px;}*/
/*.zigzag-container .item::after{content: '';background-color: #fff;
  width: 120px;
  height: 240px;
  display: inline-block;
  position: absolute;
  transform: rotate(45deg);
  left: 0;
  bottom: 0;}
*/
.industry .info{position: relative;}
  .industry .info > .bg{ position:absolute;
    width: 100%; height:100%; min-height: 200px;
    top:0px; left:0px;     display: flex;
    justify-content: center;
    align-items: center;
  }
  .industry .info .bg .circle{width: 130px;
    height: 700px;
    flex-grow: 0;
    opacity: 0.3;
    -webkit-filter: blur(100px);
    filter: blur(100px);
    background-image: linear-gradient(to bottom, rgba(1, 212, 214, 0), #01d4d6, #01e702, rgba(1, 231, 2, 0));}
  .industry .info .flex>div{width:50%; position: relative;}
  .industry .info .flex>div:nth-child(2n){transform: translateX(50%);    text-align: left;}
  .industry .info .flex>div:nth-child(2n+1){transform: translateX(-50%);    text-align: right;}

  .industry .info .flex>div:nth-child(2n)::before{left: -13px;}
  .industry .info .flex>div:nth-child(2n+1)::before{right: -15px;}

  .industry .info .flex>div::before{content: ''; display:none; width: 16px; height: 16px; background-color: #fff; border:6px solid #02d6c2; position:absolute; border-radius: 20em; top:1em; z-index: 1000;}
  .industry .info .flex>div::after{content: ''; display: inline-block; width: 4px; height: 330px; background-color: transparent; position:absolute;top:0px;}
  .industry .info .flex>div:nth-child(1):after{background-image: linear-gradient(to bottom, #E9F9FA,#7DD5D9, #76D97E);}
  .industry .info .flex>div:nth-child(2):after{background-image: linear-gradient(to bottom, #76DA74,#7EE650);}
  .industry .info .flex>div:nth-child(3):after{background-image: linear-gradient(to bottom, #98ED7B,#98ED7B);}
  .industry .info .flex>div:last-child:after{background-image: linear-gradient(to bottom, #98ED7B,rgba(255,255,255,0),rgba(255,255,255,0));}

  .industry .info .flex>div.h300::after{height: 300px;}
  .industry .info .flex>div.h400::after{height: 400px;}
  .industry .info .flex>div.h500::after{height: 500px;}

  .industry .info .flex>div:nth-child(1):before{border-color: #02d6c2;}
  .industry .info .flex>div:nth-child(2):before{border-color: #02dc81;}
  .industry .info .flex>div:nth-child(3):before{border-color: #02e333;}

  .industry .info .flex>div:nth-child(2n+1) .line{    position: absolute; top: 55px; right: 0px; width: 178px; border-top: 2px dashed #555;}
  .industry .info .flex>div:nth-child(2n) .line{    position: absolute; top: 55px; left: 0px; width: 178px; border-top: 2px dashed #555;}
  .industry .info .flex>div:nth-child(2n) .line::before{content: ''; display: inline-block; width: 16px; height: 16px; background-color: #fff; border:6px solid #02d6c2; position:absolute; border-radius: 20em; top:1em; z-index: 1000;left:-13px; top:-13px;}
  .industry .info .flex>div:nth-child(2n+1) .line::before{content: ''; display: inline-block; width: 16px; height: 16px; background-color: #fff; border:6px solid #02d6c2; position:absolute; border-radius: 20em; top:1em; z-index: 1000;right:-15px; top:-13px;}
  .industry .info .flex>div:nth-child(1) .line::before{border-color: #02d6c2;}
  .industry .info .flex>div:nth-child(2) .line::before{border-color: #02dc81;}
  .industry .info .flex>div:nth-child(3) .line::before{border-color: #02e333;}
  .industry .info .flex>div:nth-child(4) .line::before{border-color: #61f061;}
  .industry .info .flex>div:nth-child(2n) .line::after{content: ''; display: inline-block; width: 8px; height: 8px; background-color: #555; position:absolute;top:-5px;right: -10px; border-radius: 10em;}
  .industry .info .flex>div:nth-child(2n+1) .line::after{content: ''; display: inline-block; width: 8px; height: 8px; background-color: #555; position:absolute;top:-5px;left:-10px; border-radius: 10em;}
  .industry .info .flex .box{    margin-top: 0em;
  padding-top: 3em;
  padding-bottom: 5em;    }
  .industry .info .flex .box span{font-size:16px; color:#555; font-weight: 400;}
  .industry .info .flex .box h3{font-size:26px; font-weight:800;margin:8px 0em 20px 0px;}
  .industry .info .flex .box ul li{font-size:18px; font-weight:500; padding:3px 0em; display: flex;line-height: 1.5; color:#000;}
    .industry .info .flex>div:nth-child(2n+1) .box ul li{    justify-content: end;}
  .industry .info .flex .box ul li::before{content:''; display: inline-block;margin-right:0.25em;margin-right: 0.25em;margin-right: 0.5em;
    margin-bottom: 0.25em;
    width: 4px;
    height: 4px;
    background: #000;
    border-radius: 20px;margin-top:0.5em;}

  .industry .info .flex>div:nth-child(2n) .box{padding-left: 215px;margin-top: 0em;}
  .industry .info .flex>div:nth-child(2n+1) .box{padding-right: 215px;margin-top: 0em;}


  .industry-list .cont-list{gap:1em; display:flex;}
  .industry-list .cont-list li{flex:1; margin:0 auto; width:auto; height:580px; text-align: left;justify-content: space-between;display: flex;
    flex-direction: column;background: #000 url(../image/thumb_industry_01.png) center center no-repeat;}
    .industry-list.mid .cont-list li{height: 400px;background: #000 url(../image/thumb_industry_02.png) center center no-repeat;}
    .industry-list.mid.one .cont-list li{height: 400px;background: #000 url(/images/thumb/thumb_industry_03.png) center center no-repeat;}

.industry-list .cont-list li .cont{color:#000; padding:1em; margin-top:0em; background-color: #fff;border-radius: 0em 0em 1em 1em;}
.industry-list .cont-list li .thumb{margin:0em;    background-color: #fafafa; padding:2em; height: auto; position:relative;}
.industry-list .cont-list li .thumb .img{margin:0em;    background-color: #fafafa; height: 330px; background-size: contain; background-repeat: no-repeat; background-position: center;}
.industry-list .cont-list li .thumb .tag{position:absolute; top:2em; right:1em;}
.industry-list .cont-list li .thumb .tag.select{background-color: #0072EB; color:#fff; font-weight: 600; padding:0.5em 1em; border-radius: 10em;}
.industry-list .cont-list span{color:#c4c4c4; font-size:16px;}
.industry-list .cont-list h3{color:#fff; font-size: 28px;    display: flex;align-items: center; margin:0.25em 0em;}
.industry-list .cont-list p{opacity: 0.8;line-height: 1.5;}
.industry-list .cont-list ul{color:#fff; text-align: left;}
.industry-list .cont-list ul li{padding:0.25em 0em; color:#707070; font-size: 16px;height:auto;}
.industry-list .cont-list ul li::before{content:'·'; display: inline-block;margin-right:0.25em;}

.industry-list.type02 .cont-list{gap:16px; display:grid;    grid-template-columns: 1fr 1fr;}
.industry-list.type02 .cont-list li{width: 100%; height: 400px;}
.industry-list.type02 .cont-list li p{height: auto; font-weight: 700; font-size: 16px;}

.industry .view-all.type03.arrow::after{width:20px; height: 20px;margin-left: 0.5em;}
.industry .view-all.type03.arrow{font-size: 18px;}

.edu-info h3{ font-size: 28px;  font-weight: 800; line-height: 1.5;margin: 60px 0px 24px 0px;}
.edu-info p{font-size: 18px; font-weight: 300; line-height: 1.6;}
.location-info .img{height: 430px; background: #fff url('/images/thumb/thumb_loaction.png') center center no-repeat;background-size: cover;}
.location-info.flex{gap:2em;    align-items: end;}
.location-info .info h3{  display: block;
  position: relative;
  width: 250px;
  height: 35px;
  background: url(../image/logo_black.png) 0 0 no-repeat;
  background-size: contain; font-size: 0px;margin-bottom: 20px;  }

.location-info .info ul li span:first-child{font-weight: 700; width:50px;display: inline-block;}

.en .location-info .info h3{background-image: url(../image/logo_black_m.png);}
.en .location-info .info ul li span:first-child{width:85px;}

.edu-info-detail{display:flex; gap:60px;margin:80px 0px 0px 0px;}
.edu-info-detail > div{width:50%;}
.edu-info-detail > div .thumb{height:420px; margin-bottom:60px;border-radius:12px;}
.edu-info-detail > div h3{font-size: 28px;font-weight: 800;line-height: 150%; padding-bottom:24px; margin-bottom:40px; border-bottom:1px solid #C4C4C4;}
.edu-info-detail > div li{font-size: 18px;font-weight: 400;line-height: 140%; text-transform: uppercase; opacity: .8;}
.edu-info-detail > div li span:first-child{font-weight:700; opacity:1;width:110px; display:inline-block;}
.edu-info-detail > div li + li{margin-top:12px;} 

.edu-wrap .subTitle span + span{margin-top:20px;}
.edu-wrap .list.type11 > li{height:767px;}
.edu-wrap .list.type11 li > div >  h3{margin:10px 0px 60px 0px;}
.edu-wrap .list.type11 .type-list{display:grid; grid-template-columns: 1fr 1fr; gap:20px; min-height:300px;}
.edu-wrap .list.type11 .type-list > div{padding:25px;border-radius: 12px;border: 1px solid #E5E5E5;background: rgba(250, 250, 250, 0.40);height: fit-content;    height: 140px;}
.en.edu-wrap .list.type11 .type-list > div{padding:20px 10px; height:auto;}
.edu-wrap .list.type11 .type-list .cate{font-size: 16px;font-weight: 400;line-height: 150%; letter-spacing: -0.32px; margin-bottom:8px;}
.edu-wrap .list.type11 .type-list h3{font-size: 18px;font-weight: 700;line-height: 150%; word-break: keep-all;}
.edu-wrap .edu-info .thumb.type01{border-radius:0px;}
.edu-wrap .edu-info .thumb.type01.round{border-radius:12px;}

.en .edu-wrap .list.type11 .type-list{height:auto; margin-top:40px;}
.en .edu-wrap .list.type11 > li{height:auto;}

.edu-wrap .edu-info{height:615px;}
.edu-wrap .edu-info .line-container{justify-content: center;}
.edu-wrap .edu-info .line-container .item:nth-child(1){background-image:url('../image/thumb_edu_info04_1.png'); z-index:1;}
.edu-wrap .edu-info .line-container .item:nth-child(2){background-image:url('../image/thumb_edu_info04_2.png');z-index:2;}
.edu-wrap .edu-info .line-container .item:nth-child(3){background-image:url('../image/thumb_edu_info04_3.png');z-index:3;}
.edu-wrap .edu-info .line-container .item{opacity: 1;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);    background-size: contain;}
.edu-wrap .edu-info .line-container .item h3{margin:0px 0px 12px 0px; }

.edu-wrap .edu-info .process-list-line{width:904px;height:136px; margin:0 auto; background:url('../image/thumb_edu_info_line.png') center center no-repeat;    background-size: contain;}
.edu-wrap .edu-info .process-list{display:flex; gap:40px;    justify-content: center; width:1160px;margin:0 auto;}
.edu-wrap .edu-info .process-list > li{display:flex; gap:12px;    flex-direction: column; flex:1;}
.edu-wrap .edu-info .process-list > li > div:first-child{display:flex; height:120px;border-radius: 12px;
border: 2px solid #79BAFF;
background: radial-gradient(99.09% 146.5% at 50% 4%, #2790FF 0%, #63B4FF 100%);
align-items: center;
justify-content: center;color: #FFF;text-align: center;font-family: Pretendard;font-size: 22px;font-weight: 800;line-height: 130%;}
.edu-wrap .edu-info .process-list > li > div:last-child{display:flex; padding:40px 0px;border-radius: 12px;border: 2px dashed #D9D9D9; justify-content: center;font-size: 18px;font-weight: 400;line-height: 160%; color:#262626;align-items: center;height: 168px;}
.edu-wrap .edu-info .process-wrap{ margin: 60px 0em;}
.biz-wrap .subTitle{ padding: 100px 0px 100px 0px;}

.biz-wrap .subTitle h3{margin:20px 0px 40px 0px;}

.biz-wrap .subTitle p{color: #000;font-size: 18px;font-style: normal;font-weight: 400;line-height: 150%;}
.biz-wrap .subTitle p.gray{color: #919191;}
.biz-wrap .subTitle .content{margin-bottom:80px;}
.biz-wrap .subTitle p + p{margin-top:1em;}
.biz-wrap .max-cont{max-width: 800px;}







.notice{background-color: #fafafa; padding:30px; border-radius: 12px; margin-bottom: 100px;margin-top:40px;}
.notice li{font-size: 18px;line-height: 2; font-weight: 600;}
.notice li::before{content:''; display: inline-block;margin-right:0.25em;margin-right: 0.25em;margin-right: 0.5em;
  margin-bottom: 0.25em;
  width: 4px;
  height: 4px;
  background: #000;
  border-radius: 20px;margin-top:0.5em;}
  .filter + .table-wrap{margin-top:2em;}

  .board-wrap .content{padding:3em 0em;}
  .board-wrap .content.center{ text-align: center;}
  .board-wrap .content img{margin:0 auto;}
  .board-wrap .content .file-wrap{background-color: #fafafa; padding:1em 2em; border-radius: 0.5em; margin-bottom: 4em;}
  .board-wrap .content .file-wrap li{font-size: 18px;line-height: 2; font-weight: 600; display: flex; justify-content: space-between;}

  /*커뮤니티*/
.board-main {display:grid;grid-template-columns: 3fr 1fr; gap:1em; margin-bottom: 10em;}
.board-main.full{grid-template-columns: 1fr;}
.board-main h3.title{font-size: 26px;    display: flex;align-items: center;}
.board-main h3.title span{margin-left: 0.5em;    font-size: inherit; margin:0 auto; margin-left: 0.5em;}
.arrow-txt::after{content: ''; background-image: url(../image/ico_arrow_more_black.png); width: 30px;height: 30px;
  display: inline-block;
  background-size: contain;}
  .arrow-left-txt{    display: flex;
  align-items: center;}
.arrow-left-txt::before{content: ''; background-image: url(../image/ico_arrow_more_black.png); width: 40px;height: 40px;
      display: inline-block;
      background-size: contain; transform: rotate(180deg); margin-right: 0.5em;}
      .content-wrap .arrow-left-txt > span{font-size: inherit; margin-bottom: 0em; margin-left: 0.25em; font-weight: 400;}
      .arrow-left-txt+p{    margin-left: 65px; color:#000;font-size: 18px;font-weight: 400;}
.board-main .box{border:1px solid #d9d9d9; border-radius: 10px; padding:1.5em; margin-top:1.5em;}
.board-main .box.type02{background-color: #fafafa;border: 1px solid #fafafa;}
.board-main .box h3{font-size: 20px;    display: flex;align-items: center;margin-bottom: 1em;}
.board-main .box h3 span{margin-left: 0.5em;}
.board-main .box .arrow-txt::after{content: ''; background-image: url(../image/ico_arrow_more_black.png); width: 20px;height: 20px; display: inline-block; background-size: contain; margin-left: 10px;}
  .board-main .box li{    display: flex; justify-content: space-between;    align-items: center; padding:0.5em 0em;}
    .ico.like,.ico.reply{display: inline-flex; align-items: center; color:#707070; font-size: 14px;}
    .board-main .ico+.ico{margin-left: 0.5em;}
    .ico.like::before{content:''; width: 16px;height: 16px;background: url('../image/ico_like.png') center center no-repeat;background-size: contain; text-indent: 30px; overflow: hidden; display: inline-block; margin-left: 0.25em;padding-right: 10px;}
    .ico.reply::before{content:''; width: 16px;height: 16px;background: url('../image/ico_reply.png') center center no-repeat;background-size: contain; text-indent: 30px; overflow: hidden; display: inline-block; margin-left: 0.25em;padding-right: 10px;}
    .board-main .box li span{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.board-main .box.type02 li span{color:#555555;font-weight: 400;}
.board-main .box.type02 li .time{display: inline-flex; align-items: center; color:#555; font-size: 16px; opacity: .6; font-weight: 400;justify-content: end;}
.board-main .box li .time{display: inline-flex; align-items: center; color:#707070; font-size: 14px;justify-content: end;}
.board-main .box-list{display: grid; grid-template-columns: 1fr 1fr; gap: 1em; margin-top:1em;}
.board-main .box-list .box{margin-top:0em;}
.board-main .box li span + div{width:130px; text-align: right;}
.board-main .mypage{border:2px solid #f0f0f0; border-radius: 10px; padding:1em; display: flex; gap:1em; flex-direction: column;}
.board-main .mypage h3{font-weight: 400; font-size: 20px;}
.board-main .mypage h3 b{font-weight: 800; margin-right: 0.5em; }
.board-main .mypage span{font-size: 14px;}
.board-main .mypage span b{font-weight: 800; margin-left: 0.5em; }
.board-main .filter{margin:2em 0em;}

.board-main.board-list { padding: 1em 0em;}
.board-list .box{display: flex; flex-direction: column; gap: 1em; border:2px solid #f0f0f0;}
.board-main.board-list .box h3{margin-bottom: 0em;}
.board-main.board-list .box span.cate{color: #0072eb; font-weight: 600;}
.board-list .box p{line-height: 1.6;color: #191919;opacity:0.8;}
.board-list .box .cnt{display: flex;    align-items: center; font-size: 14px; color:#707070; gap:0.5em; opacity: .5;}
.board-list .box .bottom{font-size: 14px;display: flex;  margin-top:2em;}
.board-list .box .bottom .name{font-weight: 600; margin-right: 1em;}
.board-list .box .bottom .time{color: rgba(25, 25, 25, 0.5); font-weight: 400; font-size: 14px;}
.board-list .box.no-row{ justify-content: center; align-items: center; padding: 30em 0em; gap:1em; }
.board-list .box.no-row h3{font-size: 22px; font-weight: 700;}
.board-list .box.no-row p{font-size: 18px; color: #000; opacity: 1;}
.board-list .box.no-row button{font-size: 18px; margin-top: 1.25em;}


.board-main.mypage-main{    grid-template-columns: 1fr 3fr;}
.mypage .file-wrap{width:100%;}
.board-main.mypage-main .mypage{padding:30px;}
.board-main.mypage-main .prod-wrap .filter-wrap .group{padding-bottom:28px;}
.board-main.mypage-main .prod-wrap .filter-wrap .group + .group{padding:29px 0px;}

.board-main.mypage-main .box{margin-top:0px;}
.board-main.mypage-main .box + .box {margin-top:20px;}
.board-main.mypage-main .form-wrap.full .field{display:flex;}
.board-main.mypage-main .form-wrap.full .field h3{ display: inline-flex;    flex: 1;    padding: 10px; font-size:18px;}
.board-main.mypage-main .form-wrap.full .field h3.require::after{content:'*'; color:#F00; margin-top:-7px;margin-right:-7px;}
.board-main.mypage-main .form-wrap.full .field .insert{ display: inline-flex;    flex: 4;    flex-direction: column;gap: 40px;overflow: hidden;    justify-content: center;}
.board-main.mypage-main .form-wrap.full .field .input-text{width:70%;}
.board-main.mypage-main .form-wrap.full .field .input-text.full{width:100%;align-items: center;}
.board-main.mypage-main .form-wrap.full .field .input-text.full input[type="text"]{min-width: 222px;}
.board-main.mypage-main .form-wrap.full .field .input-text{width:70%;}
.board-main.mypage-main .input-text input{flex:1; font-size:18px;}
.board-main.mypage-main .input-text { gap: 0em; display: flex; }

.board-main.mypage-main .form-menu .tab-label{color:#000; padding-top:5px;}
.board-main.mypage-main .form-menu .tab-content{ max-height: fit-content; padding: 60px 0px 60px 0px; display: flex; flex-direction: column; gap: 40px;}
.board-main.mypage-main .form-menu .tab-label::after{content:none;}
.board-main.mypage-main .box + .flex.two-wide{margin-top:20px;}
.board-main.mypage-main .box + .flex.two-wide + .flex.two-wide{margin-top:60px;}
.board-main.mypage-main .btn{min-width:110px; border-width:1px;}

.board-main.mypage-main .table-wrap.type02 .data-table tr td.title a{padding-left:0px !important;}

.board-main.mypage-main .box + .flex.center{margin-top:60px;}
.board-main.mypage-main #ly-rb-list .btn{width:110px;}
.top-title{margin-bottom:100px;display:flex;    justify-content: space-between;}
.m-title{color: #000;font-family: Pretendard;font-size: 44px;font-style: normal;font-weight: 800;line-height: 130%; text-transform: uppercase;}
.mypage-main .notice{margin-top:0px; margin-bottom:40px;}
.board-main.mypage-main .form-wrap.full .field .input-text.full{gap:15px;}
.input_val{ border-bottom:1px solid #ccc;    height: 60px; padding: 10px 20px;width: 100%; font-size: 18px; font-weight: 400;}
.input_val.border{border:1px solid #ccc; border-radius:6px; display:flex;}
.input_val.border *{font-size:16px;    font-weight: 400;}
.board-main.mypage-main .tab{    border: 2px solid #f0f0f0; border-radius: 10px; padding:60px 60px 0px 60px;}
.board-main.mypage-main .tab + .tab{margin-top:20px;}
.board-main.mypage-main .tab:last-child{margin-bottom:40px;}
.board-main.mypage-main:has(.tab:only-child) .tab {padding:60px;}
.board-main.mypage-main .form-menu .tab input[type="checkbox"]:checked + label{padding-top:10px;}

.button-wrapper {
  display: flex;
  width: 100%; padding:0px 1em; gap:12px;
}

.button-wrapper .btn {
  flex: 1;
  padding: 8px;
  cursor: pointer;
}

/* 버튼이 하나만 있는 경우 전체 너비 */
.button-wrapper:has(.btn:only-child) .btn {
  flex: 1 0 100%;
}

.tab-label.visible{}

td.line{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 200px;}
.ico.best{display: inline-block; padding:0.2em 0.5em; background-color: #0072eb19; color:#0072eb; font-size: 16px; border-radius: 5px; margin-right: 0.5em;}

.search-bar-area {position:relative; border: 1px solid #c4c4c4; border-radius: 5px;}
.search-bar-area input[type="text"] { height: 42px; width: 80%; min-width: 430px; border: none; padding-right: 2em; border-radius: 2em; text-indent: 16px;    background: transparent;color:#000; font-weight: 600;font-size: 18px; margin:2.5px 0em;    text-indent: 0px;}
.search-bar-area input[type="text"]::placeholder {color:#9d9d9d;font-weight: 400;}
.search-btn {position:absolute; top: 50%; right:1em; transform: translateY(-50%);}
.search-btn {width:34px; height:34px; background: url('../image/ico_search_gray.png') 50% 50% no-repeat; background-size: 80%;}


.search-bar-area.type02 {position:relative; border:0px;    display: flex; justify-items: center; align-self: baseline; align-items: center; gap: 20px;}
.search-bar-area.type02 input[type="text"] { height: 42px; width: 60%; min-width: initial;padding-right: 2em; border: 1px solid #c4c4c4; border-radius: 5px;text-indent: 16px;    background: transparent;color:#006fcf; font-weight: 600;font-size: 18px; margin:2.5px 0em;width: 400px;height: 48px;padding: 5px 20px;}
.search-bar-area.type02 input[type="text"]::placeholder {color:#9d9d9d;font-weight: 400;}
.search-bar-area.type02 .search-btn {position:relative;     transform: none;}
.search-bar-area.type02 .search-btn {width: 120px;height: 48px; background: #000; color:#fff; background-size: 80%;padding: 5px 20px;border-radius: 6px;}

.search-bar-area.type03 {position:relative; border: 2px solid #0072EB; border-radius: 50em; background: #fff;}
.search-bar-area.type03 input[type="text"] { height: 42px; width: 80%; min-width: 430px; border: none; padding-right: 2em; border-radius: 2em; text-indent: 16px;    background: #fff;color:#0072EB; font-weight: 600;font-size: 18px; margin:0.5px 0em;}
.search-bar-area.type03 input[type="text"]::placeholder {color:#0072EB;font-weight: 400;}
.search-bar-area.type03 .search-btn {position:absolute; top: 50%; right:1em; transform: translateY(-50%);}
.search-bar-area.type03 .search-btn {width:34px; height:34px; background: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Cpath d='M19.375 17.5H18.3875L18.0375 17.1625C19.2625 15.7375 20 13.8875 20 11.875C20 7.3875 16.3625 3.75 11.875 3.75C7.3875 3.75 3.75 7.3875 3.75 11.875C3.75 16.3625 7.3875 20 11.875 20C13.8875 20 15.7375 19.2625 17.1625 18.0375L17.5 18.3875V19.375L23.75 25.6125L25.6125 23.75L19.375 17.5ZM11.875 17.5C8.7625 17.5 6.25 14.9875 6.25 11.875C6.25 8.7625 8.7625 6.25 11.875 6.25C14.9875 6.25 17.5 8.7625 17.5 11.875C17.5 14.9875 14.9875 17.5 11.875 17.5Z' fill='%230072EB'/%3E%3C/svg%3E") 50% 50% no-repeat; background-size: 80%;}

.search-bar-area.type03 input[type="text"]{min-width:auto;padding:0px;}

select {
  border:0;
  -webkit-appearance:none; /* for chrome */
  -moz-appearance:none; /*for firefox*/
  appearance:none;
  box-sizing: border-box;
  background:transparent;
}

select::-ms-expand{
  display:none;/*for IE10,11*/
}
.select-wrap{
  height: 48px;
  border:0;
  border-radius: 29px;
  outline:0;
  width:290px;
  text-align:left;
  font-size:18px;
  font-weight:600;
  line-height:1.6;
  padding-right:2em;
  padding: 0.5em 2em 0.5em 0.75em;
  margin-right:0.5em;
  color: #262626;
  border: solid 1px #c4c4c4;
  border-radius: 6px;
  background:url("../image/ico_arrow_down_select.png") no-repeat 93% 50%/15px auto;
  background-size: 0.75em auto;
}
.select-wrap.mid{width:200px;}
.search-option{  font-weight: inherit;}

  .filter+.content-wrap{margin-top:40px;}

  .radio_circle { padding: 0px 0px;display: grid; grid-template-columns: 1fr; gap: 0.5em; }
  .radio_circle.two{ padding: 0px 0px;display: grid; grid-template-columns: 1fr 1fr; gap: 0.5em; }
  .radio_circle input[type=radio] { display: none; }
  .radio_circle input[type=radio]+label { display: inline-block; cursor: pointer; border: 1px solid #c4c4c4; text-align: center; font-weight: bold; font-size: 16px; font-weight: 400;    height: 40px;padding-left: 0;background: #fff;
    line-height: 38px; width: 100%; border-radius: 0.5em; margin-right: 0.5em; }
  /* .radio_circle input[type=radio]+label { display: inline-block; cursor: pointer; border: 1px solid #333; text-align: center; font-weight: bold; font-size: 16px; font-weight: 800; padding: 0.5em 1.5em; border-radius: 0.95em; margin-right: 0.5em; }   */
  .radio_circle input[type=radio]+label { background-color: #fff; color: #707070; }
  .radio_circle input[type=radio]:checked+label { background-color: #fff; color: #0072eb; border:2px solid #0072eb; font-weight: 700; line-height: 36px;}

  .radio_square { padding: 0px 0px; }
  .radio_square input[type=radio] { display: none; }
  .radio_square input[type=radio]+label { display: inline-flex; align-items: center; justify-content: center; flex-direction: column; cursor: pointer; text-align: center; font-weight: bold; font-size: 14px; font-weight: 900; padding: 0.5em 1.5em; border-radius: 0.75em; margin-right: 0.25em; width: 16%; height: 100px; }
  .radio_square input[type=radio]+label { background-color: #fff; color: #707070; }
  .radio_square input[type=radio]:checked+label { background-color: #fff; color: #0072eb; border: 1px solid #0072eb; }
  .radio_square input[type=radio]+label:hover { background-color: #f6f6f6; }
  .radio_square input[type=radio]:checked+label:hover { background-color: #F6F8FE; }
  .radio_square input[type=radio]+label .ico { margin-bottom: 5px; }

  .switch {
    position: relative;
    display: inline-block;
    width: 48px;
    height: 26px;
  }

  /* Hide default HTML checkbox */
  .switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }

  /* The slider */
  .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    border:1px solid #d9d9d9;
    -webkit-transition: .4s;
    transition: .4s;
  }

  .slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 4px;
    bottom: 3px;
    background-color: #f4f4f4;
    border:1px solid #d9d9d9;
    -webkit-transition: .4s;
    transition: .4s;
  }

  input:checked + .slider {
    border:1px solid #00ad1d99;
  }

  input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
  }

  input:checked + .slider:before {
    -webkit-transform: translateX(21px);
    -ms-transform: translateX(21px);
    transform: translateX(21px);
    background-color: #00e600;
    border:1px solid #00ad1d99;
  }

  /* Rounded sliders */
  .slider.round {
    border-radius: 34px;
  }

  .slider.round:before {
    border-radius: 50%;
  }
.input-text{ position: relative;}
.input-text .eyes{cursor:pointer;position:absolute; right:15px;top:50%; transform:translateY(-55%);z-inex:101;color:#9D9D9D;}


.pagination{text-align: center;margin:80px 0em 152px 0em;}
.pagination button,
.pagination li,
.pagination a,
.pagination strong{display: inline-block;height: 50px;line-height: 50px;text-align: center;vertical-align: middle;}
.pagination button {width: 30px;font-size: 1px;text-indent: -9999px;overflow: hidden;background-repeat: no-repeat;background-position: 50% 50%;}
.pagination a{width: 30px;font-size: 18px;color: #000; opacity: 0.3; font-weight: 700;}
.pagination strong{width: 30px;font-size: 18px;color: #000;font-weight: 700; }
.pagination .prev {
  margin-left: 0;
  background: url(../image/ico_prev_paging.png) 50% 50% no-repeat;
  padding: 0;
  background-size: contain;
  margin-right: 1em;
  font-size: 18px;
}
.pagination .next {
  font-size: 18px;
  margin-left:1em;
  margin-right: 0;
  background: url(../image/ico_next_paging.png) 50% 50% no-repeat;
  padding: 0;
  background-size: contain;
}

.pagination .prev.last {
  margin-left: 0;
  background: url(../image/ico_prev_last_paging.png) 50% 50% no-repeat;
  padding: 0;
  background-size: contain;
  margin-right: 0.25em;
  font-size: 18px;
}
.pagination .next.last {
  font-size: 18px;
  margin-left:0.25em;
  margin-right: 0;
  background: url(../image/ico_next_last_paging.png) 50% 50% no-repeat;
  padding: 0;
  background-size: contain;
}
.page-item.active .page-link {font-weight:900;color:#000;opacity:1;}



/* TABLE */
.table-wrap{border-top: 0 none;margin-top: 6px;}
.table-wrap .data-table{border-bottom: 0 none;}
.table-wrap .data-table tr td.title{text-align: left;}
.table-wrap .data-table tr td.title a{display: inline-block;color: #000;white-space: nowrap;word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;}
.table-wrap.type01{ margin-top: 2em; }
.table-wrap.type01 h3{    font-size: 26px; font-weight: 800; color: #000;padding: 1em 0em; text-align: left;}
.table-wrap.type01 .data-table thead tr th{vertical-align: middle;
    background-color: #006fcf;
    color: #fff;
    font-weight: normal;
    font-size: 18px; padding: 0.5em 0em;}
.table-wrap.type01 .data-table tr th{color: #000; font-weight: normal; word-break: keep-all;}
.table-wrap.type01 .data-table tr th.bg,.table-wrap.type01 .data-table tr td.bg{background-color: #f4f4f4;}
.table-wrap.type01 .data-table tbody tr:first-child td,
.table-wrap.type01 .data-table tbody tr td,
.table-wrap.type01 .data-table tbody tr th{font-size: 18px;color: #000; 
    border-left: 0 none; text-align: left;padding: 1em 1.5em;font-weight: 400;line-height: 38px;vertical-align: middle;border-top: 1px solid #ebebeb !important;
    border-left: 1px solid #ebebeb !important;
    border-right: 1px solid #ebebeb !important;
    border-bottom: 1px solid #ebebeb !important;}
.table-wrap.type01 .data-table tbody tr.bold td,
.table-wrap.type01 .data-table tbody tr.bold th {font-size: 16px;padding: 0.75em 0em;color: #000;font-weight: 700;}
.table-wrap.type01 .data-table tbody tr.line td,
.table-wrap.type01 .data-table tbody tr.line th {border-top: 1px solid #B5B1B2;}
.table-wrap.type01 .data-table tbody tr.bold td a, .table-wrap.type01 .data-table tbody tr.bold th a{color:#000;}
.table-wrap.type01 .data-table tr td.title{text-align: left;vertical-align: middle;}
.table-wrap.type01 .data-table tr td.title a{display: inline-block;max-width: 800px;padding-left: 40px;color: #000;white-space: nowrap;word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;}
.table-wrap + .table-wrap{margin-top:2em;}
.table-wrap.type01 .data-table tbody tr:nth-child(2n+1){background-color: #F8FAFB;}
.table-wrap.type01 .data-table tbody tr:nth-child(2n){background-color: #fff;}
.table-wrap.type01 .data-table tbody tr td:nth-child(1){font-weight: 800;font-size: 18px;}

.table-wrap.type01.white .data-table tbody tr:nth-child(2n+1){background-color: #fff;}
.table-wrap.type01.white .data-table tbody tr:nth-child(2n){background-color: #F8FAFB;}

.table-wrap.type02{width:100%;}
.table-wrap.type02 .data-table{border-bottom: 1px solid #d2d0d4;}
.total{font-size: 18px;font-weight: 700;}

.table-wrap.type02 .data-table thead tr th{vertical-align: middle;
  background-color: #f8fafb;
  color: #000;
  font-weight: 700;
  font-size: 16px; padding: 14px 0em;}
.table-wrap.type02 .data-table tr th{padding: 8px 0;font-size: 1rem;line-height: 1.75rem;color: #000;font-weight: normal;border-left: 0 none;background-color: transparent;}
.table-wrap.type02 .data-table tr td{padding:28px 0;font-size: 16px; font-weight: 600; line-height: 1.5;color: #000;text-align: center;border-left: 0 none;border-bottom: 1px solid #d9d9d9;    vertical-align: middle;}
.table-wrap.type02 .data-table tr td.title{text-align: left;vertical-align: middle;margin-bottom:inherit;display: table-cell;width: auto;}
.table-wrap.type02 .data-table tr td.title a{display: inline-block;max-width: 300px;padding-left: 40px;color: #000;white-space: nowrap;word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;}
.table-wrap.type02 .data-table tr td button+button{margin-left: 0.5em;}
.table-wrap.type02 .data-table tr td.center{text-align:center;}
.hamberger-wrap{display: none;}


.table-wrap.type03{width:100%;margin-top:0px;}
.total{font-size: 18px;font-weight: 700;}

.table-wrap.type03 .data-table thead tr th{vertical-align: middle;
  background-color: #EDF2F4;
  color: #000;padding: 4px 0em;font-size: 14px;
text-align:center;
font-weight: 600;
line-height: 150%;}
.table-wrap.type03 .data-table tr th{padding: 8px 0;font-size: 1rem;line-height: 1.75rem;color: #000;font-weight: normal;border-left: 0 none;background-color: transparent;}
.table-wrap.type03 .data-table tr td{padding:15px 0;color: #000;text-align: center;border-left: 0 none;vertical-align: middle;background:#fff;font-size: 12px;font-weight: 400;line-height: 150%;}
.table-wrap.type03 .data-table tr td.title{text-align: left;vertical-align: middle;margin-bottom:inherit;display: table-cell;width: auto;}
.table-wrap.type03 .data-table tr td.title a{display: inline-block;max-width: 300px;padding-left: 40px;color: #000;white-space: nowrap;word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;}
.table-wrap.type03 .data-table tr td button+button{margin-left: 0.5em;}
.table-wrap.type03 .data-table thead tr th,.table-wrap.type03 .data-table tr td{border-left:0.5px solid #E5E5E5;}
.table-wrap.type03 .data-table thead tr th:first-child,
.table-wrap.type03 .data-table tr td:first-child{border-left:0px;}


.table-wrap.type04{width:100%;}
.table-wrap.type04 .data-table{border-bottom: 1px solid #d2d0d4;}
.total{font-size: 18px;font-weight: 700;}

.table-wrap.type04 .data-table thead tr th{vertical-align: middle;
  background-color: #f8fafb;
  color: #000;
  font-weight: 700;
  font-size: 16px; padding: 14px 0em;}
.table-wrap.type04 .data-table tr th{padding: 8px 0;font-size: 1rem;line-height: 1.75rem;color: #000;font-weight: normal;border-left: 0 none;background-color: #FAFAFA; border-bottom:1px solid #D9D9D9; padding-left:2em;font-size: 18px;font-weight: 700;line-height: 150%; color:#000;vertical-align: middle;}
.table-wrap.type04 .data-table tr td{padding:12px 0;font-size: 16px; font-weight: 600; line-height: 1.5;color: #000;text-align: center;border-left: 0 none;border-bottom: 1px solid #d9d9d9;    vertical-align: middle;font-size: 18px;font-weight: 400;line-height: 160%; color:#000;}
.table-wrap.type04 .data-table tr td.title{text-align: left;vertical-align: middle;margin-bottom:inherit;display: table-cell;width: auto;}
.table-wrap.type04 .data-table tr td.title a{display: inline-block;max-width: 300px;padding-left: 40px;color: #000;white-space: nowrap;word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;}
.table-wrap.type04 .data-table tr td button+button{margin-left: 0.5em;}


.table-wrap.type05{width:100%;}
.table-wrap.type05 .data-table{border-bottom: 1px solid #d2d0d4;}
.total{font-size: 18px;font-weight: 700;}

.table-wrap.type05 .data-table thead tr th{vertical-align: middle;
  background-color: #f8fafb;
  color: #000;
  font-weight: 700;
  font-size: 16px; padding: 14px 0em;}
  .table-wrap.type05 .data-table tr:first-child th,.table-wrap.type05 .data-table tr:first-child td{border-top:1px solid #000;}
.table-wrap.type05 .data-table tr th{padding: 8px 0;font-size: 1rem;line-height: 1.75rem;color: #000;font-weight: normal;border-left: 0 none;border-bottom:1px solid #D9D9D9; border-right:1px solid #D9D9D9; padding-left:2em;font-size: 18px;font-weight: 700;line-height: 150%; color:#000;vertical-align: middle; text-align: left; padding:30px 40px;}
.table-wrap.type05 .data-table tr td{padding:12px 0;font-size: 16px; font-weight: 600; line-height: 1.5;color: #000;text-align: center;border-left: 0 none;border-bottom: 1px solid #d9d9d9;    vertical-align: middle;font-size: 18px;font-weight: 400;line-height: 160%; color:#000;text-align: left; padding:30px 40px;color:#707070;}
.table-wrap.type05 .data-table tr td.title{text-align: left;vertical-align: middle;margin-bottom:inherit;display: table-cell;width: auto;}
.table-wrap.type05 .data-table tr td.title a{display: inline-block;max-width: 300px;padding-left: 40px;color: #000;white-space: nowrap;word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;}
.table-wrap.type05 .data-table tr td button+button{margin-left: 0.5em;}


/* POPUP */
.layer-popup{display: none;position: fixed;height: 100%;top: 0;width: 100%; z-index: 999; left: 0; right: 0;}
.layer-popup.active{display:block;}
.layer-popup .layer-wrap{position: relative;height: 100%;overflow-y: hidden;}
.layer-popup .layer-wrap .bg{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: #000;opacity: 0.5;}
.layer-popup .popup-wrap{position: absolute;left: 0;right: 0;top: 15%;min-height: 265px;width: 100%; height:100%; max-width: 700px; margin: 0 auto;padding-bottom: 0px; z-index: 99;border-radius: 14px;-webkit-border-radius: 14px;}
.layer-popup.bottom .popup-content{bottom:0px; border-radius: 18px 18px 0px 0px; padding-bottom: 0px;}
.layer-popup .popup-content{position: absolute;width: 100%;height: fit-content;border: 1px solid #d2d0d4;border-bottom: 0 none;border-top-left-radius: 14px;-webkit-border-top-left-radius: 14px;border-top-right-radius: 14px;-webkit-border-top-right-radius: 14px;border-bottom-left-radius: 20px;-webkit-border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;-webkit-border-bottom-right-radius: 20px;box-sizing: border-box;-webkit-box-sizing: border-box;background-color: #fff;padding-bottom: 70px;box-sizing: border-box;-webkit-box-sizing: border-box;padding:60px;}
.layer-popup .popup-content .text-wrap{display: flex; flex: auto; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; vertical-align: middle;font-size: 1rem;line-height: 1.75rem;text-align: center;box-sizing: border-box;-webkit-box-sizing: border-box;}
.layer-popup .popup-content .text-wrap.l, .layer-popup .popup-content .text-wrap.l h3,.layer-popup .popup-content .text-wrap.l p{text-align:left;width:100%;}
.layer-popup .popup-content .text-wrap.l{    align-items: start;}
.layer-popup .popup-content .text-wrap.g4{gap:40px;}
.layer-popup .popup-content .text-wrap.g2{gap:20px;}
.layer-popup .popup-content .text-wrap p + p{padding-top: 5px;}
.layer-popup .pop-close{position: absolute;right: 20px;top: 20px;width: 24px;height: 24px;background: url('../image/ico_close.png') center center no-repeat;font-size: 0;text-indent: 999em;overflow: hidden;z-index: 10;    background-size: contain;}
.layer-popup .popup-content .text-wrap .msg-box{border:1px solid #D9D9D9; border-radius:12px; padding:20px;font-size: 18px;font-weight: 400;line-height: 150%;color:#555; max-height:400px;    overflow-y: auto;width:100%;}
.layer-popup .popup-content .text-wrap .msg-box *{font-size:18px;color:#555;}
.layer-popup .popup-content .text-wrap .msg-box h4{font-size: 18px;font-weight: 700;line-height: 150%;color:#262626;}
.layer-popup .popup-content .text-wrap .msg-box p{font-size: 18px;font-weight: 400;line-height: 180%;color:#555;}
.layer-popup .popup-content .text-wrap .msg-box p + h4{margin-top:60px;}
.layer-popup .popup-content .btn{width: 308px;}
.layer-popup .popup-wrap h3{font-size: 28px;font-weight: 700;}
.layer-popup .popup-wrap p{font-size: 18px;font-weight: 400;line-height: 150%; color:#555;}
.layer-popup .popup-content .button-wrap{gap:1em; text-align:center; margin-top:40px;width:100%;text-align:center;}
.layer-popup .popup-content .button-wrap .btn{height: 48px;vertical-align: center;    display: inline-flex;align-items: center;justify-content: center;width:48%;}
.layer-popup .popup-content .button-wrap .btn + .btn{margin-left:1em;}

.layer-popup .popup-wrap .text-wrap.g1 h3{margin-bottom:40px;}
.layer-popup .popup-wrap .text-wrap.g1 .table-wrap.type04 + span{font-size: 16px;font-weight: 600;line-height: 200%;color:#555; margin-top:16px;}

.layer-popup .popup-content .text-wrap .msg-box.full{text-align:left;} 
.msg-box.full{width:100%;max-width:100%;}

.layer-popup .popup-content .text-wrap .msg-box::-webkit-scrollbar {width: 6px;}
.layer-popup .popup-content .text-wrap .msg-box::-webkit-scrollbar-track {background: transparent; }
.layer-popup .popup-content .text-wrap .msg-box::-webkit-scrollbar-thumb {background: #303030; border-radius: 45px;}
.layer-popup .popup-content .text-wrap .msg-box::-webkit-scrollbar-thumb:hover {background: #303030;}


.layer-popup.bottom .popup-wrap{bottom: 0px; top:auto;}
.layer-popup .btn-area{position: absolute;bottom: 0;width: 100%;padding-top: 0;border-bottom-left-radius: 14px;-webkit-border-bottom-left-radius: 14px;border-bottom-right-radius: 14px;-webkit-border-bottom-right-radius: 14px;overflow: hidden;}
.layer-popup .btn-area .btn{float: left;width: 50%;}
.layer-popup .btn-area.full .btn{float: none;width: 100%;}
.layer-popup .btn-area .btn + .btn{margin-left: 0;}

.layer-popup .form-wrap{margin-top: 0;padding-top: 0;border: 0 none;}

.pop-complete.layer-popup .popup-wrap{height: 356px;}
.pop-apply.layer-popup .company{font-size: 0.875rem;line-height: 1.75rem;color: #000;}
.pop-apply.layer-popup .title{font-size: 1rem;line-height: 1.75rem;color: #000;font-weight: bold;}
.pop-complete02.layer-popup .popup-wrap{height: 246px;}
.pop-complete02.layer-popup .popup-content{padding-bottom: 0;border-bottom-left-radius: 14px;-webkit-border-bottom-left-radius: 14px;border-bottom-right-radius: 14px;-webkit-border-bottom-right-radius: 14px;}
.pop-apply.layer-popup .popup-wrap{height: 380px;}
.pop-apply.layer-popup .modify-area{padding: 25px 24px 0;}
.pop-apply.layer-popup .modify-area .input-text{position: relative;height: 46px;line-height: 44px;margin-bottom: 14px;padding: 0 75px 0 25px;text-align: left;box-sizing: border-box;-webkit-box-sizing: border-box;border: 1px solid #d2d0d4;border-radius: 10px;-webkit-border-radius: 10px;}
.pop-apply.layer-popup .modify-area .input-text::after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
.pop-apply.layer-popup .modify-area .input-text p{width: 100%;max-width: 350px;line-height: 44px;font-size: 0.875rem;color: #000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-break: break-all;}
.pop-apply.layer-popup .modify-area .input-text .btn-modify{display: inline-block;position: absolute;right:24px;top:0;line-height: 44px;font-size: 0.875rem;color: #3636dc;text-decoration: underline;}

.pop-apply.layer-popup .modify-area .file-wrap{height: 90px;border: 1px solid #d2d0d4;border-radius: 10px;-webkit-border-radius: 10px;}
.pop-apply.layer-popup .modify-area .file-wrap .file-input{position: absolute;right: 0;top: 0;left: 0;width: 100%;height: 100%;}
.pop-apply.layer-popup .modify-area .file-wrap .file-hidden{width: 100%;height: 100%;}
.pop-apply.layer-popup .modify-area .file-wrap .file-upload{padding-right: 0;}
.pop-apply.layer-popup .modify-area .file-wrap .notice-text{padding-top: 33px;padding-left: 20px;font-size: 0.875rem;line-height: 1.25rem;color: #a3a3a3;text-align: left;}
.modify-area .file-upload .file-text{border: 0 none;height: 28px;line-height: 28px;border-radius: 0;text-indent: 20px;}
.modify-area .file-upload strong{position: absolute;left: 20px;top: 5px;font-size: 0.875rem;line-height: 1.75rem;color: #000;font-weight: normal;}
.modify-area .file-upload .btn-attach{display: inline-block;position: absolute;right: 0;margin-top: 5px;padding-right: 25px;font-size: 0.875rem;line-height: 1.75rem;color: #737373;}


.popup-content .content-wrap{padding:10px 5px;max-height:400px; overflow-y:auto; }
.popup-content .content-wrap::-webkit-scrollbar {
    width: 8px; /* 스크롤바 너비 */
}

/* 스크롤바 트랙 (배경 부분) */
.popup-content .content-wrap::-webkit-scrollbar-track {
    background: #f0f0f0; /* 트랙은 흰색 */
}

/* 스크롤바 핸들 (움직이는 막대) */
.popup-content .content-wrap::-webkit-scrollbar-thumb {
    background: black; /* 스크롤바는 검은색 */
    border-radius: 6px; /* 둥글게 */
}

/* 스크롤바 마우스오버 시 */
.popup-content .content-wrap::-webkit-scrollbar-thumb:hover {
    background: #333; /* 살짝 밝은 검은색 */
}


.pop-company02.layer-popup .popup-wrap{height: 290px;}
.layer-popup.mem .popup-content{padding:60px;}
.layer-popup.mem .popup-wrap{max-width:672px;}
.layer-popup.mid .popup-wrap{max-width:600px;}

.layer-popup.big .popup-wrap{max-width:1120px;}

.layer-popup.mem .popup-wrap h3{font-size: 28px;font-weight: 700;line-height: normal;margin:0px 0px 20px 0px;}
.layer-popup.mem .popup-wrap p{font-size: 18px;font-weight: 400;line-height: 160%;    word-break: keep-all;margin-bottom:40px;}
.layer-popup.mem .popup-wrap .input-wrap{padding:40px;background:#F8FAFB; width:100%;margin:0px 0px 40px 0px;    display: flex; justify-content: space-between;    align-items: center;}
.layer-popup.mem .popup-wrap .btn{width:308px;}
.layer-popup.mem .popup-wrap input[type="text"]{width: 200px;
height: 48px;
padding: 5px 20px;border-radius: 6px;border:1px solid #C4C4C4;}

.pop-message .message-to{padding-top: 28px;font-size: 1rem;line-height: 76px;text-align: center;}
.pop-message.layer-popup .form-wrap{padding: 0 24px;}
.pop-message.layer-popup .form-wrap .text-area{margin-top: 14px;}
.pop-message.layer-popup .form-wrap .select-wrap select{height: 46px;line-height: 44px;}
.pop-message.layer-popup .form-wrap .text-area textarea{min-height: 180px;}

.pop-message02.layer-popup .popup-wrap{height: 246px;}
.pop-message02.layer-popup .popup-content{padding-bottom: 0;}

/*******로봇솔루션 제품스펙********/
.list-wrap.spec-wrap{padding:100px 0px; background:#F8FAFB;}
.list-wrap.spec-wrap .title{margin-bottom:0px;}
.list-wrap.spec-wrap .content-wrap {padding:0px; display:flex; flex-direction: column; gap: 80px;}
.list-wrap.spec-wrap .spec-list ul{display:flex; gap:100px;}
.list-wrap.spec-wrap .spec-list ul li::before{content:'';display:inline-block; width:50px; height:2px; background:#0072EB;}
.list-wrap.spec-wrap .spec-list ul li{flex:1;    justify-items: start; text-align: left; }
.list-wrap.spec-wrap .spec-list ul li h3{margin:24px 0px; color:#0072EB;font-size: 26px;font-weight: 700;line-height: 130%; }
.list-wrap.spec-wrap .spec-list ul li p{color:#555;font-size: 16px;font-weight: 400;line-height: 150%;   /* word-break: keep-all; */}


.list-wrap.common-wrap{padding:100px 0px;}
.list-wrap.common-wrap .content-wrap {padding:0px; }

.solution-list{display:flex;    flex-direction: column;max-width:1193px;    margin: 0 auto; gap:60px;}
.solution-list > div {display:flex;    flex-direction: row; gap:30px;}
.solution-list > div:nth-child(2n){flex-direction: row-reverse;}
.solution-list > div >div:first-child{ background-position: center center; background-size: cover; width:600px; height:440px;border-radius:12px;}
.solution-list > div >div:last-child{    display: inline-flex; /*width:533px; */ flex:1;   flex-direction: column;    justify-content: end;    align-items: baseline;    text-align: left;}
.solution-list > div:nth-child(2n) >div:last-child{text-align: right;    justify-content: end;    align-items: end;}

.solution-list.type02 > div:nth-child(2n){flex-direction: row;}
.solution-list > div:nth-child(2n) >div:last-child{display: inline-flex; width:533px;    flex-direction: column;    justify-content: end;    align-items: baseline;    text-align: left;}


.solution-list > div h3{color:#C4C4C4; font-size: 76px;font-style: normal;font-weight: 400;line-height: 140%; }
.solution-list > div div.title{font-size: 26px;font-style: normal;font-weight: 700;line-height: 140%;}
.solution-list > div p{font-size: 16px;font-style: normal;font-weight: 400;line-height: 150%;}
.solution-list > div p + p{margin-top:20px;}


.info-list{display:flex;    flex-direction: column; margin: 0 auto; gap:60px;}
.info-list > div {display:flex;    flex-direction: row; justify-content: space-between; align-items: center;}
.info-list > div >div:first-child{ background-position: center center; background-size: cover; width:600px; height:440px;}
.info-list > div >div:last-child{    display: inline-flex; width:692px;    flex-direction: column;    justify-content: end;    align-items: baseline;    text-align: left;gap:28px;}

.info-list > div h3{color:#000; font-size: 26px;font-style: normal;font-weight: 800;line-height: 150%;}
.info-list > div div.title{font-size: 26px;font-style: normal;font-weight: 700;line-height: 140%;}
.info-list > div p{color:#707070; font-size: 18px;font-style: normal;font-weight: 600;line-height: 2;}
.info-list > div p + p{margin-top:20px;}





.grid-list{display:grid;grid-template-columns: 1fr 1fr; gap:20px 16px;}
.grid-list > div{display: flex;
width: 692px;
height: 320px;
padding: 60px;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
text-align:left;
background:#F9F9F9;border-radius: 12px;}

.grid-list > div .num{font-size: 26px;
font-style: normal;
font-weight: 700;
line-height: 150%;color:#0072EB;}
.grid-list > div h3{font-size: 28px;
font-style: normal;
font-weight: 800;
line-height: 130%; /* 41.6px */
text-transform: uppercase; color:#0072EB;}
.grid-list > div p{font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%;opacity: 0.8;}
.grid-list > div .separator{content:'';display:inline-block; width:50px; height:2px; background:#0072EB; margin:20px 0px;}


.solution-detail #info img,.solution-detail #info .img{width:100% !important; height:760px !important; border-radius:1em;    background-repeat: no-repeat;
    background-size: cover;}

.pc{display:block;}
.pc.view-all{display: flex;}
.mo{display:none;}
.none{display: none;}
.btn.none, .btn.mid.none, .btn.sm.none
,.content-wrap.mid.none , .content-wrap.none
,.thumb.type03.mo,
.slick-slider.mo, .flex.mo{display: none;}
section.nav.mo{display: none;}
.flex.pc{display: flex;}



/****/
.total{font-size:18px; font-weight: 600;line-height: 1.5;}
.total span{ color:#007cff; font-weight: 700;}
.total span.black{color:#000;    -webkit-text-fill-color: #000; margin-left:0.25em;}
.flex.two-wide.filter > div{display:flex;}
.board-wrap .cont-detail {font-size: 18px;font-weight: 400;line-height: 200%;}
.board-wrap .cont-detail ul{ background-color: #fafafa; padding: 30px 30px 30px 60px; border-radius: 0.5em; margin-bottom: 60px; text-align:left; list-style: disc;font-size: 18px;font-weight: 600;line-height: 200%;}
.board-wrap .content-wrap.content{padding:60px 0px;}
.board-wrap .content-wrap.content.line{border-bottom:1px solid rgba(0,0,0,0.2);}
.board-wrap .subTitle h3{margin:8px 0px 26px 0px;}
.board-wrap .subTitle span.cate{font-size: 16px;font-weight: 700;line-height: 160%;color:#0072EB;}
.board-wrap .content-wrap.content + .board-main{padding:80px 0px 100px 0px;}


.board-write.content-wrap .title{font-size: 44px;font-weight: 800;line-height: 130%;text-transform: capitalize;padding-bottom:40px;margin-bottom:80px; border-bottom:1px solid rgba(0,0,0,0.2);}

.board-write .form-wrap.full .field{display:flex;}
.board-write .form-wrap.full .field h3{ display: inline-flex;    flex: 1;    padding: 10px;}
.board-write .form-wrap.full .field h3.require::after{content:'*'; color:#F00; margin-top:-7px;margin-right:-7px;}
.board-write .form-wrap.full .field .insert{ display: inline-flex;    flex: 4;    flex-direction: column;gap: 16px;overflow: hidden;width:100%;}
.board-write .form-wrap.full .field .input-text{width:100%;}
.board-write .form-wrap.full .field {width:100%;align-items: center;}
.board-write .form-wrap.full .field input[type="text"]{min-width: 222px; width:100%;    padding: 10px 30px;border-radius: 12px;}
.board-write .form-wrap.full .field .input-text textarea{width:100%;border-radius: 12px;padding:30px; border:1px solid #D9D9D9;}
.join-info-wrap .form-wrap.full .field .insert .select-wrap{width:70%;}
.textarea-placeholder {
    color: #888;
    position: absolute;
    top: 30px;
    left: 30px;
    pointer-events: none;
    font-size: 16px;
}
.textarea-container {
    position: relative;font-size:16px;
}
.textarea-placeholder ul{list-style:disc;font-weight: 400;
line-height: 200%;margin-left:16px;}

.board-write .form-wrap.full .field.column{flex-direction: column;    align-items: start;}

.board-write .form-wrap.full .field +.field{margin-top:28px;} 
.board-write select.gray{margin-left:14px;}
.board-write .form-wrap.full .field .input-text textarea::after{content:'test'; }
.board-write .submit {text-align:center;margin:80px 0px;} 
select.gray {
	padding: 10px 35px 10px 10px;
	color: #262626;
	cursor: pointer;
	width: auto;
	font-size: 14px;
	font-weight: bold;
	border-radius: 3px;
	-webkit-appearance: none;
	appearance: none;
	border: 0;
	outline: 0;
	transition: 0.3s ease all;
	background: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8' fill='none'%3E%3Cpath d='M1.94727 1.59961L7.00028 6.39961L12.0529 1.59961' stroke='%239D9D9D' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
	background-color: #F4F4F4;
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size: 16px 16px;
	border-radius: 6px;
}

.board-write .form-wrap.full .field .bootstrap-tagsinput input[type="text"]{width:auto;display:inline; height:auto; border:0px;padding:10px 0px;}

.fileupload-wrapper {
    padding: 0px;
}
.card-body {
    border: 1px solid #D9D9D9;
    border-radius: 12px;
    display: flex;
    justify-content: center;
    padding: 60px 40px;
    position: relative;
}
.card-text {
    text-align: center;
    color: #6f6f6f;
}
.card-text .txt-card {
    display: flex; align-items: center;
}
.card-text input[type=file] {
    display: none;
}

.card-text .browse{
    color: #007CFF;
    cursor: pointer;font-size: 16px;font-weight: 400;
line-height: normal;display:inline-block;
}
.card-text svg {
    width: 40px;
}
.card-text .txt-card .or {
    color: #ccc;
}

.icon--doc {
    background-color: #FAFAFA;
}
.icon {
    display: inline-flex;
    padding:5px 10px;
    border-radius: 2px 4px 2px 2px;
    cursor: pointer;
    position: relative;
    margin: 0 5px;
    gap:8px;
	align-items: center;
}

.icon:before{display:inline-flex; width:20px;height:20px; content:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M21 19V5C21 3.9 20.1 3 19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19ZM8.9 13.98L11 16.51L14.1 12.52C14.3 12.26 14.7 12.26 14.9 12.53L18.41 17.21C18.4657 17.2843 18.4996 17.3726 18.508 17.4651C18.5163 17.5576 18.4987 17.6506 18.4572 17.7336C18.4157 17.8167 18.3519 17.8865 18.2729 17.9353C18.1939 17.9841 18.1029 18.01 18.01 18.01H6.02C5.6 18.01 5.37 17.53 5.63 17.2L8.12 14C8.31 13.74 8.69 13.73 8.9 13.98Z' fill='%23555555'/%3E%3C/svg%3E");}
.delete-file{margin-left:50px;font-size:0px;width:14px;height:14px; background:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cg clip-path='url(%23clip0_5171_28521)'%3E%3Cpath d='M11.0846 3.74047L10.2621 2.91797L7.0013 6.1788L3.74047 2.91797L2.91797 3.74047L6.1788 7.0013L2.91797 10.2621L3.74047 11.0846L7.0013 7.8238L10.2621 11.0846L11.0846 10.2621L7.8238 7.0013L11.0846 3.74047Z' fill='%23555555'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5171_28521'%3E%3Crect width='14' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); background-repeat:no-repeat;}
.detail-wrap.esg .top-title p {font-size: 22px;font-weight: 600;line-height: 150%;text-transform: uppercase;}
.detail-wrap.esg .top-title + .download.btn {margin-top:80px;}
.esg-list{width:100%;margin-top:80px;}
.esg-list li{ width:100%; height: 400px; border-radius: 12px; border:1px solid #D9D9D9;}
.esg-list li.slick-slide{display:inline-flex; }
.esg-list li .bg{width:70%; height:100%;background-size: cover;    border-radius: 12px 0px 0px 12px;}
.esg-list li > div:nth-child(1){flex:2;}
.esg-list li > div:nth-child(2){padding:70px 40px; flex:1;  text-align:left;}
.esg-list li > div:nth-child(2) p{margin:23px 0px;font-size: 18px;font-weight: 400;line-height: 150%;text-align:left;}
.esg-list li > div:nth-child(2) h3{font-size: 30px;font-weight: 800;line-height: 150%;}
.esg-list .download.btn{display:inline-flex;border:1px solid #E4E4E4; font-size: 18px;font-weight: 600;line-height: 150%;padding: 12px 32px;}
.esg-list .slick-prev{display: block; width: 60px;height: 60px;background: url('../image/ico_prev_sub02.png') 0 0 no-repeat;background-size: contain;
    left: 50%; margin-left: -800px;}
.esg-list .slick-next {display: block; width: 60px;height: 60px;background: url('../image/ico_next_sub02.png') 0 0 no-repeat;background-size: contain;
    right: 50%; margin-right: -800px;}
.download.btn.ico::after{content:''; width: 24px;height: 24px;background: url('../image/ico_down.png') center center no-repeat;background-size: contain; font-size: 0px; overflow: hidden;display: inline-block;margin-left: 10px;}
.download.btn.ico.link::after{width:10px;height:10px; background-image: url('../image/ico_menu_arrow.png');}
.download.btn.hover{color:#0072eb; border:2px solid #0072eb;}
.download.btn.all{color:#0072eb; border:2px solid #0072eb;}
a.download.btn{height: 51px; line-height: 50px; border:1px solid #E4E4E4;background:#fff; font-size: 18px; font-weight: 600; color:#000; border-radius: 5px; display: flex; justify-content: center; align-items: center;font-size:18px;}

.detail-wrap.esg .download .btn.ico::after{background-image: url('../image/ico_down.png');}  
.detail-wrap.esg .title{text-align:center;}


.join-info-wrap.max{width:100%; max-width:1400px;}
.form-menu.tabs { border-radius: 8px; overflow: hidden; box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.5); }
.tabs + .agree-wrap{margin-top:0px;}
.form-menu .tab { width: 100%; color: white; overflow: hidden; }

/*20250416 주석처리*/
/*.join-info-wrap ul{padding:1em 0em;}*/
/*.join-info-wrap li{font-size:1.25em; font-weight:600; line-height:1.5em;}*/


.form-menu .tab-label::after { content:url("data:image/svg+xml; utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='11' viewBox='0 0 18 11' fill='none'%3E%3Cpath d='M1.41992 1.39844L8.99944 8.59844L16.5784 1.39844' stroke='black' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E"); width: 24px; height: 24px; text-align: center; transition: all 0.35s; display: inline-flex; position:absolute; right:0px;}
.form-menu input:checked + .tab-label::after { transform: rotate(180deg) translateX(5px); }
.form-menu .tab-content { max-height: 0; padding: 0; color: #474747; background: white; transition: all 0.35s; }
.form-menu input:checked ~ .tab-content { max-height: fit-content; padding: 60px 0px 100px 0px; }
.form-menu .tab-label { display: flex; justify-content: start; padding: 1em; background: #fff; font-weight: bold; cursor: pointer; padding:28px 0px; height: auto;font-size: 26px;font-weight: 800;    align-items: center;position:relative;border-bottom:1px solid #C4C4C4;}
.form-menu .tab-label span{color: #F17A7A;font-size: 18px;font-weight: 600;line-height: 150%; margin-left:20px;}
.form-menu .tab-label span::before{content:'*'; color:red;}
.form-menu .tab input[type="checkbox"]:checked + label{display: flex; background: #fff; font-weight: bold; cursor: pointer;     align-items: center;}


.form-menu.type02 .tab-label{background: transparent; border-bottom:0px; font-size: inherit;font-weight: 600;padding:0px;}
.form-menu.type02 .tab input[type="checkbox"]:checked + label{background: transparent; color:#555;font-weight: 600;}
.form-menu.type02 .tab-content{display:none;}
.form-menu.type02 .tab-content,.form-menu.type02 input:checked ~ .tab-content{padding:0px;background: transparent; }
.form-menu.type02 input:checked ~ .tab-content{padding:20px 0px; display:block;}

.form-menu.type02 .tab-label::after{position:relative;
content:url("data:image/svg+xml; utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='6' viewBox='0 0 12 6' fill='none'%3E%3Cpath d='M10.4219 5.09961L6.00049 0.899609L1.57943 5.09961' stroke='%23555555' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E");

}

.submit{text-align:center;margin-bottom:100px;}
.submit .btn.type01.mid{width:200px; border-width:1px;}
.join-info-wrap .form-wrap.full .field .input-text.col{    flex-direction: column;}
.join-info-wrap.max .form-wrap.full .field .info-message.flex.two-wide{width:100%;}
.join-info-wrap.max .form-wrap.full .field .info-message.flex.two-wide span{color:#7B7B7B;font-size: 16px;font-weight: 400;}
.join-info-wrap.max .form-wrap.full .field .info-message.flex.two-wide a{color:#007CFF;font-size:16px;cursor:pointer;}
.join-info-wrap.max .form-wrap.full .field .info-message.flex.two-wide a.view-all.arrow::after{width:20px;height:20px;}
.join-info-wrap .form-wrap.full .field .insert .btn{width:100px;}
#pop_m_info.layer-popup.big .popup-wrap {max-width:1000px;top:5%;}
.layer-popup .popup-content .full.line{width:100%;}
.layer-popup .popup-content .tabCont{width:100%;margin-top:0px;}
.layer-popup .popup-content .notice{text-align:left;margin-bottom:28px;font-size:16px; font-weight:500;line-height:200%;margin-top:0px;border-radius:0px;}
.layer-popup .popup-content .notice.center{text-align:center; width:100%;}
.layer-popup .popup-content .notice li{font-size:16px;}
.layer-popup .popup-content .tabCont img{height:350px;margin-bottom:28px;}
#pop_m_info.layer-popup .popup-content{padding:40px 60px 54px 60px;}
#pop_asInfo.layer-popup .popup-content .list.type10 li{padding:20px;}
.list.type10 li h3 a{text-decoration: underline;}
.list.type10 li h3{margin-bottom:28px;}
#pop_asInfo.layer-popup .popup-content .subTitle{font-size: 18px;font-weight: 700;line-height: normal; color:#007CFF;padding-bottom:20px;text-align:left;}
#pop_asInfo.layer-popup .popup-wrap{top:10%;}
#pop_asInfo.layer-popup .popup-wrap h3{margin-bottom:40px;}
#pop_asInfo.layer-popup .content-wrap.small + .content-wrap.small{margin-top:28px;}
#pop_asInfo.layer-popup .tabs{width:100%;} 
.layer-popup .popup-content .table-wrap.type04 .data-table tr td{padding:5px 0px;}


.toggle-type ul.tabs{
   	margin: 0px;
    padding: 0px;
    list-style: none;
    margin-bottom: 0px;
    display: inline-block;
    background: #F5F5F5;
    width: fit-content;
    border-radius: 50em;
    padding: 5px;
    z-index: 100;
}
.toggle-type ul.tabs li{
	background: none;
	color: #9D9D9D;
	display: inline-block;
	padding: 14px 36px;
	cursor: pointer;
	font-weight: 600;
}

.toggle-type ul.tabs li.current{
	background: #fff;
	color: #000;
	padding: 14px 36px;
    border-radius: 50em;
    font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 110%;
}

.toggle-type .tab-content{
	display: none;
	padding: 15px;
	margin-top: -60px;
	
}

.toggle-type .tab-content.current{
	display: inherit;
}
.toggle-type #tab-2{padding-top:100px;}

.list.type02.main .down{display:flex;    justify-items: center;align-items: center; }
.list.type02.main .down{justify-content: end;}
.list.type02.main .down > span, .list.type02.main .down > div{font-size: 16px;font-style: normal;font-weight: 400;line-height: 100%;    height: 30px;color:#000; padding:0px 16px; flex: none;display: inline-flex; align-items: center; position:relative;}


.list.type02.main .down > div.box{
    width: 132px;
  height: calc(1.75em * 2); /* line-height(1.75em) × 2줄 */
  display: flex;
  align-items: center;      /* 수직 중앙 */
  justify-content: center;  /* 수평 중앙 */
  text-align: center;       
  overflow: hidden;         /* 내부 넘침 감추기 */
}
.list.type02.main .down > div.box .version {
  display: -webkit-box;            /* box 모델로 변경 */
  -webkit-box-orient: vertical;    /* 세로 방향 */
  -webkit-line-clamp: 2;           /* 2줄까지만 */
  overflow: hidden;                /* 넘치면 숨김 */
  text-overflow: ellipsis;         /* ... 처리 */
  line-height: 1.75em;
  letter-spacing: 4px;
  width: 100%;
  white-space: normal;             /* 줄바꿈 허용 */
}


.list.type02.main .down > span::before,.list.type02.main .down > div::before{content:''; display:inline-block; width:1px; height:26px; background:#D9D9D9;    margin: 0px; position:absolute; left:0px; }
.list.type02.main li.active .down > span::before{content:none;}
.list.type02.main .down span:first-child{border-left:0px;}
.list.type02.main .down span:last-child{padding-right:0px;} 
.list.type02.main .down span.cate{    font-size: 16px;font-style: normal;font-weight: 600;line-height: 150%; color:#0072EB;}
.list.type02.main .down .version{    letter-spacing: 4px;    display: inline-block;width: 130px;overflow: hidden;text-overflow: ellipsis;    line-height: 1.75em;
  display: flex;
  align-items: center;       /* 수직 가운데 정렬 */
  justify-content: center;   /* 수평 정렬 */
  height: 2.6em;             /* 2줄 기준 line-height * 2 */
  width: 132px;
  text-align: center;
  overflow: hidden;
}

.ellipsis-multiline {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;     /* 최대 2줄까지만 보여줌 */
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.3em;
      word-break: break-all;
    text-align: left;
}

.list.type02.main .down .ico.down {
    width: 40px;
    height: 40px;
    background: #F5F5F5 url(../image/ico_down.png) center center no-repeat;
    background-size: 18px;
    text-indent: 30px;
    overflow: hidden;
    display: inline-block;
    margin-left: 0.25em;
    padding-right: 10px;
    border-radius: 6px;
    cursor: pointer;
}
.list.type02.main .down .ico.down.notion{background-image:url('../image/ico_link.png');}
.list.type02.main li.active .down span{border-color:rgba(217, 217, 217, .4);}
.list.type02.main li.active .down .ico.down{background: rgba(245, 245, 245, 0.20) url(../image/ico_down_w.png) center center no-repeat;background-size: 18px;}
.list.type02.main li.active .down .ico.down.notion{background: rgba(245, 245, 245, 0.20) url(../image/ico_link_w.png) center center no-repeat;background-size: 18px;}

.download-center .list.type12 li{border:0px;}
.download-center .list.type12 li h3{line-height:110%;}
.download-center .list.type12 li input[type="checkbox"] + label{color:#000;padding-left:40px;
    background-size: 20px auto;
    /* display: -webkit-box; */
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    word-break: break-word;
    overflow-wrap: anywhere;
    /* line-height: 1.4; */
    height: auto;
    /* max-height: calc(1.4em * 3); */
    width: 101%;
    min-width: 0;
    max-width: 650px;
}
.download-center .list.type02.main li.gray h3{margin:12px 0px 28px 0px;}
.download-center .list.type02.main li span.cate{color:#000; opacity: .8;font-size: 16px;font-style: normal;font-weight: 400;line-height: 150%;}
.download-center .list.type02.main li.active span.cate{color:#fff;}

.totalText, .totalText span{color: #191919;text-overflow: ellipsis;font-family: Pretendard;font-size: 28px;font-style: normal;font-weight: 800;line-height: normal;}


.partner-wrap .subTitle{ padding: 120px 0px 100px 0px;}
.partner-wrap .subTitle nav > ul{margin-bottom: 0px;}
.partner-wrap .subTitle h3{margin-bottom: 0px;}


.partner-list.active{display:flex;}
.partner-list{width:100%;margin-top:80px;gap:80px; display:none;    flex-direction: column;margin-bottom:100px;}
.partner-list > li{ width:100%; height: 400px; border-radius: 12px; display:flex; }
.partner-list > li.item { display: none; }
.partner-list > li.visible { display: flex;  }
.partner-list li .bg{width:70%; height:100%;background-size: cover;    border-radius: 12px 12px;    display: inline-flex; align-items: center; justify-content: center;}
.partner-list li .bg img{width:auto;    min-width: 250px;max-width: 500px;}
.partner-list li > div:nth-child(1){flex:1;}
.partner-list li > div:nth-child(2){padding:0px 40px; flex:1;  text-align:left;    display: inline-flex; text-align: left; flex-direction: column; justify-content: center;}
.partner-list li > div:nth-child(2) p{margin:23px 0px;font-size: 18px;font-weight: 400;line-height: 150%;text-align:left;}
.partner-list li > div:nth-child(2) h3{font-size: 30px;font-weight: 800;line-height: 150%;}
.partner-list li > div:nth-child(2) .info{ display:flex; gap:28px;    flex-direction: column;}
.partner-list li > div:nth-child(2) .cate{color: #0072EB;text-overflow: ellipsis;font-size: 18px;font-weight: 700;line-height: 160%; }
.partner-list li > div:nth-child(2) .full.line{margin-bottom:40px; padding-bottom:40px;}
.partner-list > li.visible.cont{  height: max-content; }

.partner-list li > div:nth-child(2) .info li{font-size: 18px;font-weight: 400;line-height: normal;color:#555;    display: flex;    align-items: center;}
.partner-list li > div:nth-child(2) .info li span:nth-child(1){width:170px; display:inline-block;color:#262626; font-weight:700;}
.partner-list li > div:nth-child(2) .info li span:nth-child(2){display:flex; flex:1;}
.partner-list .download.btn{display:inline-flex;border:1px solid #E4E4E4; font-size: 18px;font-weight: 600;line-height: 150%;padding: 12px 32px;}
.partner-list .slick-prev{display: block; width: 60px;height: 60px;background: url('../image/ico_prev_sub02.png') 0 0 no-repeat;background-size: contain;
    left: 50%; margin-left: -800px;}
.partner-list .slick-next {display: block; width: 60px;height: 60px;background: url('../image/ico_next_sub02.png') 0 0 no-repeat;background-size: contain;
    right: 50%; margin-right: -800px;}
    
.partner-list .info li > ul{    display: inline-grid;    grid-template-columns: 250px 1fr; gap: 10px; }
    
.partner-wrap #map{width:100%; height:800px; background:#fafafa; border-radius:12px;}
.partner-pop{padding:30px;    margin-top: -36px; max-width:450px;}
.partner-pop h3{font-size: 18px;color:#000;font-weight: 800;line-height: 150%;}
.partner-pop p{color: #191919;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;text-overflow: ellipsis;font-family: Pretendard;font-size: 15px;font-weight: 400;line-height: 160%;opacity:.8;margin-top:12px;}
.partner-pop ul{margin-top:20px;}
.partner-pop li{font-size: 14px;color:#707070;font-weight: 400;line-height: normal;display:flex; gap:20px;}
.partner-pop li + li{margin-top:12px;}
.partner-pop li > span:nth-child(1){width:80px; font-weight: 700; color:#555;display:inline-block;}
.partner-pop .btn.mid{    padding: 8px 28px; font-size: 14px;}
.partner-pop .btn-wrap{text-align:center; width:100%;margin-top:40px;}
.partner-list li .subTitle h3{margin-bottom:40px;}
.company-wrap .subTitle h3{margin-bottom:0px;}

.partner-list li .tag{font-size:0.95em; display: flex; flex-direction: row; gap:0.5em; padding:0em;    justify-content: center;}
.partner-list li .tag span{background:#F8FAFB; padding:0.5em 1em; border-radius: 10em; font-size: 0.85em; color:#434343;    display: inline-flex;}

.partner-list li .solution-list{max-width:none;}
.partner-list li .arrow-wrap { display: flex; gap: 20px;}
.partner-list li .arrow-wrap{ display: flex; gap: 20px;}
.partner-list li .arrow.prev{display: block; width: 60px;height: 60px;background: url('../image/ico_prev_sub02.png') 0 0 no-repeat;background-size: contain;}
 .partner-list li .arrow.next{display: block; width: 60px;height: 60px;background: url('../image/ico_next_sub02.png') 0 0 no-repeat;background-size: contain;}
.partner-list li .arrow.prev.slick-disabled{background-image: url('../image/ico_prev_sub03.png'); }
.partner-list li .arrow.next.slick-disabled{background-image: url('../image/ico_next_sub03.png'); }

.partner-wrap .case-list .case-info li .thumb + span{color: #000;font-family: Pretendard;font-size: 16px;font-style: normal;font-weight: 600;line-height: normal; margin-top:28px; display:inline-flex;}
.partner-wrap div .slideTitle{text-align: center;font-family: Pretendard;font-size: 26px;font-weight: 700;line-height: 130%; }
.slideWrap + .slideWrap{margin-top:80px;}
.top-bg.content-wrap.small{background: #fff url(../image/thumb_partner.png) 0 0 no-repeat; background-size: cover; height:420px;padding:60px;     display: flex; align-items: center;}
.top-bg h3{color: #00306A;font-family: Pretendard;font-size: 40px;font-weight: 800;line-height: 130%; text-transform: uppercase;}







 /* 전역 img 규칙이 구글 타일에 먹지 않게 */
  .gm-style img { max-width: none !important; }
  /* 지도 컨테이너는 block + 고정 높이 확보 */
  .partner-list .bg[id^="map-"] {
    display: block !important;
    position: relative !important;
    min-height: 360px; /* 필요 시 320~400px 사이에서 조정 */
    background: none !important;
  }









.thumb.comp{ width:100%; height:740px; background-size: cover; }

.thumb.type02.comp.t1 {
    background: #fff url(/images/thumb/thumb_comp_info_top.png) 0 0 no-repeat;
    background-size: cover;
    height:600px;
}
.thumb.type02.comp.t2 {
    background: #fff url(../image/thumb_compinfo_top_2.png) 0 0 no-repeat;
    background-size: cover;
    height:600px;
}

.chat-wrap.active{display:inline-block;}
.chat-wrap{position:fixed; display:none;        bottom: 100px;right: 40px;z-index: 10000; width:400px; height:720px; background:#fff;border-radius: 12px;box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.25);}
.chat-head{width:100%; height: 60px;padding: 20px 75px;background: linear-gradient(197deg, #0072EB 0%, #00E0FF 100%);box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);backdrop-filter: blur(5px);border-radius: 12px 12px 0px 0px; color:#fff;font-size: 16px;font-weight: 700;text-align:center;}
.chat-head h3{color:#fff;font-size: 16px;font-weight: 700;text-align:center;}
.chat-wrap .chat-cont{width:100%; height: 600px; overflow-y: auto; overflow-x: hidden; padding: 20px 0px;}

.chat-wrap .chat-cont::-webkit-scrollbar {width: 6px;}
.chat-wrap .chat-cont::-webkit-scrollbar-track {background: transparent; }
.chat-wrap .chat-cont::-webkit-scrollbar-thumb {background: #bcddff; border-radius: 45px;}
.chat-wrap .chat-cont::-webkit-scrollbar-thumb:hover {background: #0072EB;}


.chat-wrap .chat-cont .date{font-size: 12px; color:#9D9D9D;font-weight: 600;line-height: normal;text-align:center;margin-bottom:40px;
animation: slideUpFadeIn 0.5s ease forwards; }
.chat-wrap .chat-cont .time{font-size: 12px;font-style: normal;font-weight: 600;line-height: normal;color:#9D9D9D;margin-left:30px;
animation: slideUpFadeIn 0.5s ease forwards; }
.chat-wrap .chat-cont .msg{border-radius: 12px 12px 12px 0px; background: #FAFAFA;    padding: 14px 20px; width: fit-content; font-size: 14px; font-weight: 400; line-height: 150%;margin-bottom:16px;margin-left:30px;max-width: 260px;
animation: slideUpFadeIn 0.5s ease forwards; }
.chat-wrap .chat-cont .msg b{color: #0072eb; -webkit-text-fill-color: #0072eb;}
.chat-wrap .chat-cont .msg.me{border-radius: 12px 12px 0px 12px; background: #E5F0FC;    justify-self: right; margin-right: 30px;margin-top:20px;}
.chat-wrap .chat-cont .time.me{margin-right: 30px;    justify-self: right; margin-bottom:20px;}

.chat-wrap .chat-cont .msgList {margin-left:30px;    margin-bottom: 16px;}
.chat-wrap .chat-cont .msgList > div{width: 260px;}
.chat-wrap .chat-cont .msgList div.slick-slide{border-radius: 12px;border: 0.5px solid #D9D9D9; padding:30px;width: 260px;    position: relative;}

.chat-wrap .chat-cont .msgList > div h3{font-size: 16px;font-weight: 800;line-height: 130%;color:#0072EB;}
.chat-wrap .chat-cont .msgList > div p{font-size: 12px;font-weight: 400;line-height: 150%; color:#000; margin-top:10px;}
.chat-wrap .chat-cont .msgList > div .btn-wrap{display:flex; flex-direction: column; gap:12px; margin-top:28px; width:100%;}
.chat-wrap .chat-cont .msgList > div .btn-wrap .btn{    padding: 10px 10px;}
.chat-wrap .chat-cont .msgList .slick-slide {margin:0 4px;}
.chat-wrap .chat-cont .msgList .slick-list{margin:0 -4px; margin-top:0em;overflow: visible;}
.chat-wrap .chat-cont .msgList > div .btn-wrap.m0{margin:0px;}
.chat-wrap .chat-cont .msgList > div .btn-wrap .ico.arrow{width:11px; height:11px;}
.chat-wrap .chat-cont .msgList > div.gray{border-radius: 12px;border: 0.5px solid #FAFAFA; background:#FAFAFA; padding:30px;width: 260px;}
.chat-wrap .chat-cont .msgList > div.white{border-radius: 12px;border: 0.5px solid #D9D9D9; padding:30px;width: 260px;position:relative;}

.chat-wrap .selectQ{position:absolute;bottom:0; color:#9D9D9D; padding:20px;    width: 100%;box-shadow: 0px -4px 20px 0px rgba(0, 0, 0, 0.10); background: #fff;}
.chat-wrap .selectQ.form-menu.type02 .tab-label{    justify-content: space-between;}
.chat-wrap .selectQ.form-menu.type02 .tab input[type="checkbox"]:checked + label{font-size: 14px;font-weight: 800;line-height: 130%; color:#9D9D9D;}
.chat-wrap .selectQ.form-menu.type02 h4{font-size: 14px;font-style: normal;font-weight: 700;line-height: 130%; color:#000;}
.chat-wrap .selectQ.form-menu.type02 .tag{font-size:0.95em; display: flex; flex-direction: row; gap:0.5em; padding:0em;margin-top:16px;    flex-flow: wrap;}
.chat-wrap .selectQ.form-menu.type02 .tag span{border:1.5px solid #0072EB; padding:0.5em 1em; border-radius: 10em; font-size: 12px; color:#0072EB; cursor:pointer;}
.chat-wrap .selectQ.form-menu.type02 .tab-content{display:flex; gap:20px;    flex-direction: column;}
.chat-wrap .selectQ.form-menu.type02 .tab-content .group:first-child{border-top:1px solid #D9D9D9;padding-top:20px;}

.chat-wrap .chat-cont .tag{font-size:0.95em; display: flex; flex-direction: row; gap:0.5em; padding:0em;margin-top:16px;    flex-flow: wrap;margin-left:30px;    margin-bottom: 16px;}
.chat-wrap .chat-cont .tag span{border:1.5px solid #0072EB; padding:0.5em 1em; border-radius: 10em; font-size: 12px; color:#0072EB; cursor:pointer;}
.chat-wrap .chat-cont .tag span.gray{border:1.5px solid #9D9D9D; color:#9D9D9D; }

.chat-wrap .chat-cont .btn:hover{background:#0072EB; color:#fff;}


.chat-wrap .chat-cont .msgList .imgMsg .thumb{width:100%; height:150px; background: url('../image/thumb_chatbot.png') center center no-repeat; background-size: cover; border-radius:12px 12px 0px 0px; position:absolute; top:0px;left:0px;}
.chat-wrap .chat-cont .msgList .imgMsg .cont{margin-top:150px;}

@keyframes slideUpFadeIn {
   from {
     opacity: 0;
     transform: translateY(20px); /* 아래에서 시작 */
   }
   to {
     opacity: 1;
     transform: translateY(0); /* 제자리 */
   }
 }


#colgroup-default {
  display: table-column-group;
}
#colgroup-mobile{
  display: none;
}


.colgroup-default {
  display: table-column-group;
}
.colgroup-mobile{
  display: none;
}










/***창업자말씀***/

.grid {
  padding: 0px;
  perspective: 1000px;
}

.company-msg-info .item {
  background: #ccc;
  height: 60px;
  margin-bottom: 10px;
  display: inline-block;
  width: 100%;
  border-radius: 4px;
  box-sizing: border-box;
  color: #000;
  width: 160px;
  height:229px;
  border-radius: 12px;
  background: #FAFAFA;
    display: flex;
  flex-direction: column;
justify-content: center;
align-items: center;
gap: 8px;
padding: 30px;
}
.industry-wrap.company-wrap .title{margin-bottom:60px;}

.company-msg-info .item.type01{ border-radius: 12px;border: 1px solid #E4E4E4;background: #FFF; }

.company-msg-info .item p{font-size: 18px;font-weight: 400;line-height: 150%; word-break: break-all;    text-align: center; }
.company-msg-info .item p::before{content:url("data:image/svg+xml; utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='12' viewBox='0 0 14 12' fill='none'%3E%3Cpath d='M0.429688 11.5725V7.17674C0.429688 3.53061 2.59909 0.736372 6.47558 0.429688V3.12169C4.59068 3.29207 3.4882 4.55289 3.4882 6.29076H6.04881V11.5725H0.429688ZM7.01237 11.5725V7.17674C7.01237 3.53061 9.18178 0.736372 13.0583 0.429688V3.12169C11.1734 3.29207 10.0709 4.55289 10.0709 6.29076H12.6315V11.5725H7.01237Z' fill='%23D9D9D9'/%3E%3C/svg%3E"); display: block;margin-bottom:12px;}
.company-msg-info .item p::after{content:url("data:image/svg+xml; utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='12' viewBox='0 0 14 12' fill='none'%3E%3Cpath d='M13.5703 0.427455L13.5703 4.82326C13.5703 8.46939 11.4009 11.2636 7.52442 11.5703L7.52442 8.87831C9.40932 8.70793 10.5118 7.44711 10.5118 5.70924L7.95119 5.70924L7.95119 0.427454L13.5703 0.427455ZM6.98763 0.427454L6.98763 4.82326C6.98763 8.46939 4.81822 11.2636 0.941741 11.5703L0.941741 8.87831C2.82664 8.70793 3.92912 7.44711 3.92912 5.70924L1.36851 5.70924L1.36851 0.427454L6.98763 0.427454Z' fill='%23D9D9D9'/%3E%3C/svg%3E"); display: block;margin-top:12px;}
.company-msg-info .item span{font-size: 14px;font-weight: 400;line-height: 150%;color:#555;opacity: .8; width:100%; text-align:left;}
.company-msg-info .item { width: 334px; }
.company-msg-info .item--width2 { width: 684px; }

.company-msg-info .item.blue{background:#002554; color:#fff;}
.company-msg-info .item.blue.t2{background:#003087; color:#fff;}
.company-msg-info .item.blue span{color:#D9D9D9;}
.company-msg-info .item.blue p::before{content:url("data:image/svg+xml; utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='12' viewBox='0 0 14 12' fill='none'%3E%3Cpath d='M0.429688 11.5725V7.17674C0.429688 3.53061 2.59909 0.736372 6.47558 0.429688V3.12169C4.59068 3.29207 3.4882 4.55289 3.4882 6.29076H6.04881V11.5725H0.429688ZM7.01237 11.5725V7.17674C7.01237 3.53061 9.18178 0.736372 13.0583 0.429688V3.12169C11.1734 3.29207 10.0709 4.55289 10.0709 6.29076H12.6315V11.5725H7.01237Z' fill='%23637A96'/%3E%3C/svg%3E"); display: block;margin-bottom:12px;}
.company-msg-info .item.blue p::after{content:url("data:image/svg+xml; utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='12' viewBox='0 0 14 12' fill='none'%3E%3Cpath d='M13.5703 0.427455L13.5703 4.82326C13.5703 8.46939 11.4009 11.2636 7.52442 11.5703L7.52442 8.87831C9.40932 8.70793 10.5118 7.44711 10.5118 5.70924L7.95119 5.70924L7.95119 0.427454L13.5703 0.427455ZM6.98763 0.427454L6.98763 4.82326C6.98763 8.46939 4.81822 11.2636 0.941741 11.5703L0.941741 8.87831C2.82664 8.70793 3.92912 7.44711 3.92912 5.70924L1.36851 5.70924L1.36851 0.427454L6.98763 0.427454Z' fill='%23637A96'/%3E%3C/svg%3E"); display: block;margin-top:12px;}

.company-msg-info .item.green{background:#008233; color:#fff;}
.company-msg-info .item.green span{color:#D9D9D9;}
.company-msg-info .item.green p::before{content:url("data:image/svg+xml; utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='12' viewBox='0 0 14 12' fill='none'%3E%3Cpath d='M0.429688 11.5725V7.17674C0.429688 3.53061 2.59909 0.736372 6.47558 0.429688V3.12169C4.59068 3.29207 3.4882 4.55289 3.4882 6.29076H6.04881V11.5725H0.429688ZM7.01237 11.5725V7.17674C7.01237 3.53061 9.18178 0.736372 13.0583 0.429688V3.12169C11.1734 3.29207 10.0709 4.55289 10.0709 6.29076H12.6315V11.5725H7.01237Z' fill='%2362B081'/%3E%3C/svg%3E"); display: block;margin-bottom:12px;}
.company-msg-info .item.green p::after{content:url("data:image/svg+xml; utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='12' viewBox='0 0 14 12' fill='none'%3E%3Cpath d='M13.5703 0.427455L13.5703 4.82326C13.5703 8.46939 11.4009 11.2636 7.52442 11.5703L7.52442 8.87831C9.40932 8.70793 10.5118 7.44711 10.5118 5.70924L7.95119 5.70924L7.95119 0.427454L13.5703 0.427455ZM6.98763 0.427454L6.98763 4.82326C6.98763 8.46939 4.81822 11.2636 0.941741 11.5703L0.941741 8.87831C2.82664 8.70793 3.92912 7.44711 3.92912 5.70924L1.36851 5.70924L1.36851 0.427454L6.98763 0.427454Z' fill='%2362B081'/%3E%3C/svg%3E"); display: block;margin-top:12px;}



.grid .item:nth-child(1) {
width: 678px;
height:229px;
}
.grid .item:nth-child(2) {
width: 334px;
height:289px;
}
.grid .item:nth-child(3) {
width: 334px;
height: 289px;
}
.grid .item:nth-child(4) {
width: 334px;
height:319px;
}
.grid .item:nth-child(5) {
width: 334px;
height:259px;
}
.grid .item:nth-child(6) {
width: 684px;
height:259px;
}
.grid .item:nth-child(7) {
width: 334px;
height:290px;
}
.grid .item:nth-child(8) {
width: 334px;
height:200px;
}
.grid .item:nth-child(9) {
  width: 334px;
height:230px;
}
.grid .item:nth-child(10) {
    width: 334px;
	height:230px;
}
.grid .item:nth-child(11) {
    width: 334px;
	height:230px;
}
.grid .item:nth-child(12) {
  width: 1020px;
	height:200px;
}


.grid-2 {
  padding: 0px;
  perspective: 1000px;
}
.grid-2 .item {
  width: 450px;
}

.grid-2 .item:nth-child(1) {
	height:200px;
}
.grid-2 .item:nth-child(2) {
	height:229px;
}

.grid-2 .item:nth-child(3) {
height:229px;
}
.grid-2 .item:nth-child(4) {
height:319px;
}
.grid-2 .item:nth-child(5) {
height:200px;
}
.grid-2 .item:nth-child(6) {
height:200px;
}
.grid-2 .item:nth-child(7) {
height:320px;
}
.grid-2 .item:nth-child(8) {
height:200px;
}
.grid-2 .item:nth-child(9) {
height:230px;
}
.grid-2 .item:nth-child(10) {
	height:229px;
}
.grid-2 .item:nth-child(11) {
    width: 550px;
	height:200px;
}
.grid-2 .item:nth-child(12) {
  width: 350px;
	height:200px;
	    position: absolute !important;
    left: 560px !important;
    top: 779px !important;
}
.grid-2 .item:nth-child(13) {
height:230px;
}
.grid-2 .item:nth-child(14) {
height:230px;
}
.grid-2 .item:nth-child(15) {
height:321px;
    position: absolute !important;
    left: 920px !important;
    top: 897px !important;
}








.grid-3 {
  padding: 0px;
  perspective: 1000px;
}
.grid-3 .item {
  width: 335px;
}

.grid-3 .item:nth-child(1) {
	height:170px;
}
.grid-3 .item:nth-child(2) {
   	width: 350px;
	height:260px;
}

.grid-3 .item:nth-child(3) {
	width: 670px;
height:260px;
    /* position: absolute !important;
    left: 712px !important;
    top: 0px !important; */
}
.grid-3 .item:nth-child(4) {
height:381px;
/* position: absolute !important;
left:0px  !important;
    top: 182px !important; */
}
.grid-3 .item:nth-child(5) {
width: 620px;
height:228px;
}
.grid-3 .item:nth-child(6) {
    width: 403px;
height:228px;
}
.grid-3 .item:nth-child(7) {
	
width: 685px;
height:262px;
}
.grid-3 .item:nth-child(8) {
height:262px;
}
.grid-3 .item:nth-child(9) {
height:199px;
}
.grid-3 .item:nth-child(10) {
	width: 1040px;
	height:200px;
}
.grid-3 .item:nth-child(11) {
	height:231px;
}
.grid-3 .item:nth-child(12) {
	width:456px;
	height:231px;
}
.grid-3 .item:nth-child(13) {
	width:328px;
	height:320px;
}
.grid-3 .item:nth-child(14) {
	width:234px;
	height:320px;
}
.grid-3 .item:nth-child(15) {
	height:289px;
}

.grid-3 .item:nth-child(16) {
	width:456px;
	height:261px;
}
.grid-3 .item:nth-child(17) {
	width:920px;
	height:229px;
	
}
.grid-3 .item:nth-child(18) {
    width: 456px;
	height:200px;
}
.grid-3 .item:nth-child(19) {
   	width: 455px;
	height:230px;
	
}
.grid-3 .item:nth-child(20) {
	    width: 455px;
	
}
.grid-3 .item:nth-child(21) {
	    width: 456px;
height:316px;
}
.grid-3 .item:nth-child(22) {
	width:922px;
	height:229px;
}

.grid-3 .item:nth-child(23) {
	    width: 456px;
	height:229px;
}
.grid-3 .item:nth-child(24) {
	width:456px;
	height:290px;
}
.grid-3 .item:nth-child(25) {
	    width: 456px;
	height:290px;
	
}
.grid-3 .item:nth-child(26) {
	    width: 456px;
	height:260px;
}
.grid-3 .item:nth-child(27) {
	width: 456px;
	height:200px;
}
.grid-3 .item:nth-child(28) {
	width: 456px;
	height:200px;
}
.grid-3 .item:nth-child(29) {
	    width: 456px;
	height:290px;
}
.grid-3 .item:nth-child(30) {
	width:928px;
	height:290px;
}
.grid-3 .item:nth-child(31) {
	
}
.company-msg-tab{margin-top:100px;}
.company-msg-info .tabCont{margin-top:0px;}
.right-msg{text-align: right;}
.right-msg p{font-size: 26px;font-weight: 400;line-height: 150%;}
.thumb.type02 .right-msg span{font-size: 18px;font-weight: 400;line-height: 150%; color:#D9D9D9;margin-top:60px; display:inline-block;}
.item {
  opacity: 1;
}
.item.is-visible {
  animation: Items 600ms ease-in forwards;
}
.company-wrap .list-wrap#info .flex{gap:16px;}
.company-wrap .list-wrap#info .flex .thumb{height:390px; width:100%; background:url('../image/thumb_comp_val01.png') center center no-repeat; background-size:cover; border-radius:12px;}

.company-wrap .list-wrap#info .flex h3{font-size: 1.9vw;font-weight: 700;line-height: 140%; margin-top:80px;}
.company-wrap .list-wrap#info .flex p{font-size: 18px;font-weight: 400;line-height: 150%;margin-top:60px;}
.company-wrap .thumb.type04.app p{color:#000;}
.value-wrap .flex{background:url('../image/bg_hexagon.png') center center no-repeat; background-size:auto 420px;     background-position: top center;gap:40px;}
.value-wrap .item.hexagon {    display: flex;    align-items: center;    justify-content: center;    flex-direction: column;height:427px;    margin: 0px -10px; margin-bottom:40px;}

.value-wrap .item.hexagon h3{font-size: 26px;font-weight: 700;line-height: 150%; }
.value-wrap .item.hexagon .svg{width: 140px;height:140px;display: inline-flex;justify-content: center; align-items: center;margin-top: -20px;}
.value-wrap .item.hexagon{background-image:none;}
.value-wrap {color:#000;}
.value-wrap .flex p{/*width:70%;*/text-align:center;margin:0 auto;}
.value-wrap .flex p + p{margin-top:20px;}
.value-wrap .flex > div{width: 308px;}
.value-wrap .flex {align-items:start;}
#ceo_info .flex{gap:82px;    align-items: flex-end;}
#ceo_info .thumb{height:880px; width:100%; background:#F8FAFB url('../image/thumb_ceo.png') center bottom no-repeat; background-size:contain; border-radius:24px;}
#ceo_info .flex > div{flex:1;}
#ceo_info h3{font-size: 36px;font-style: normal;font-weight: 700;line-height: 140%;}
#ceo_info p{font-size: 18px;font-weight: 400;line-height: 150%;margin:80px 0px 60px 0px;}
#ceo_info .sign{display:inline-block;font-size: 18px;font-weight: 700;line-height: 150%}






#btn-download-all span{margin-left:0px;text-algin:center;width:auto;}

.rdo_wrap{display:flex; gap: 40px;}
.rdo_wrap > div{}

.history-info .flex.two-wide{    align-items: start; gap:150px}
.history-info h3{    font-family: 'HDfont-Bold', sans-serif; font-size: 64px;font-weight: 400;line-height: 120%; letter-spacing: -2.04px; color:#003087;margin-bottom:60px;}
.history-info .timeline{position: relative;display: flex;flex-direction: column;gap: 60px;    width: fit-content; flex:1;}
.history-info .entry .title {
    margin-bottom: 0.5em;
    float: left;
    width: 126px;
    padding-right: 60px;
    text-align: left;
    position: relative;
    margin-bottom:0px !important;
}
.history-info .entry {
    clear: both;
    text-align: left;
    position: relative;
        display: flex;
    align-items: center;
}
.history-info .entry .title h3 {
    color: rgba(0, 48, 135, 0.60);
	font-family: 'HDfont-Bold', sans-serif; 
	font-size: 44px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%; 
	margin-bottom:0px;
}
.history-info .entry .title p {
    margin: 0;
    font-size: 100%;
}
.history-info .entry .body {
	padding-top:0px;
    padding-left: 30px;
}
.history-info .entry .body p:first-child {
    margin-top: 0;
    font-weight: 400;
}
.history-info .entry .body ul {
    color: #000;
    padding-left: 0;
    list-style-type: none;
    font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; 
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.history-info .entry .title:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    border: 4px solid #8097C3;
    background-color: #fff;
    border-radius: 100%;
    top: 20px;
    right:-10px;
    z-index: 99;
}
.history-info .timeline:before {
    content:url("data:image/svg+xml; utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='573' viewBox='0 0 2 573' fill='none'%3E%3Cpath d='M0.999974 572.5L1 0.5' stroke='url(%23paint0_linear_5271_52158)' stroke-width='2' stroke-dasharray='3 3'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_5271_52158' x1='1.54748' y1='0.5' x2='2.62743' y2='572.498' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23003087' stop-opacity='0'/%3E%3Cstop offset='0.133506' stop-color='%23003087' stop-opacity='0.504518'/%3E%3Cstop offset='0.515' stop-color='%23003087'/%3E%3Cstop offset='0.861708' stop-color='%23003087' stop-opacity='0.537933'/%3E%3Cstop offset='1' stop-color='%23003087' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    content:'';
    background-repeat: no-repeat;
    background-size: auto 100%;
    border-left:2px dotted #003087;
    position: absolute;
    top: -3px;
    left: calc(126px + 0px);
    bottom: 0px;
    width: 2px;
    height:100%;
}
.history-info .timeline svg{position:absolute; height:100%;
    left: 185px;
    top: -5px; }
.history-wrap .title {margin-bottom:0px;}

.menu-cate{margin:0px 0px 40px 0px;}

.prod-wrap.part .prod-list .cont-list li .thumb img{height:215px; width:auto;
     width: 100%;
  object-fit: contain;      /* 전부 보이게, 여백 생길 수 있음 */
  display: block;
}
.prod-wrap.part .cont-list{    grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-columns: repeat(4, minmax(0, 1fr));}
.prod-wrap.part .cont-list> li{margin-right:0px;padding:30px;    display: flex;
    flex-direction: column;
    justify-content: space-between;}
.prod-wrap.part .select-wrap{ width: 200px;    font-weight: 400;}
.prod-wrap.part .cont-list> li span{font-size: 14px;font-weight: 400;line-height: 150%;text-transform: uppercase;color:#707070;}
.prod-wrap.part .cont-list> li h3{margin:4px 0px;}
.prod-list.part .cont-list> li h3::after, .prod-wrap.part .cont-list> li h3::after{content:none;}
.btn-wrap.full{ display:flex; gap:20px;}
.btn-wrap.full .btn{flex:1;}

.prod-wrap.part .cont-list h3::after{content:none;}
.prod-wrap.part .list-warp .cont-list .cont{margin-top:20px;}
.list-warp .prod-list .btn-wrap.line{margin-tpo:20px; padding-top:20px; border-top:1px solid #E0E0E0; }
.add-cart{display:inline-flex;align-items: center;font-size: 14px;font-weight: 600;line-height: normal;color:#555;}
.add-cart::before{content:url("data:image/svg+xml; utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cg clip-path='url(%23clip0_5171_32272)'%3E%3Cpath d='M12.6654 7.83464H8.66536V3.83463H7.33203V7.83464H3.33203V9.16797H7.33203V13.168H8.66536V9.16797H12.6654V7.83464Z' fill='%23555555'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5171_32272'%3E%3Crect width='16' height='16' fill='white' transform='matrix(1 0 0 -1 0 16.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
width:16px; height:16px;margin-right:4px;}



.prod-list.gray .cont-list li .thumb img { height: 215px; width: auto; }

.detail-wrap.part-wrap ul.spec{margin-bottom:0px;}
.part-wrap ul.spec +ul.spec {margin-top:20px;}
.part-wrap ul.spec.small{padding:20px 30px;}
.part-wrap .flex.two-wide{    align-items: start;} 
.part-wrap .notice{	font-size: 16px;font-weight: 600;line-height: 150%;color:#7B7B7B;margin-bottom:60px;}
.part-wrap .notice h4{font-size: 18px;font-weight: 800;line-height: 150%;color:#000; margin-bottom:12px;}
.part-wrap .notice b{color:#262626;}


.part-wrap .detail-info ul.spec li{position:relative;}
.part-wrap .detail-info ul.spec li.flex{    display: flex; justify-content: space-between; align-items: center;}
.part-wrap .stepper{
  display: flex;
  align-items: center;
  border-radius: 6px;
  width: 118px;
  background: white;
  border:1px solid #C4C4C4;
}

.part-wrap .stepper .flx {
  text-align: center;
  flex: 1;
}

.part-wrap .stepper .value {
  flex: 1;
  border-left:1px solid #C4C4C4;
  border-right:1px solid #C4C4C4;
}

.part-wrap .stepper .value input {
width:100%;
height:40px;
	padding:0em;
  border: 0;
  text-align: center;
  font-weight: bold;
}

.part-wrap .stepper .minus,
.part-wrap .stepper .plus {
  line-height: 30px;
  color: #9D9D9D;
  border-radius: 3px;
/*   border: 2px solid #f29b97; */
  -webkit-font-smoothing: none;
  font-size: 20px;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  transition: all .3s ease;
  cursor: pointer;
}

.part-wrap.top .thumb {height: 726px;    display: inline-flex; flex-direction: column; justify-content: center; align-items: center;}
.part-wrap.top .thumb img{width:80%;}
.part-wrap .stepper input::-webkit-outer-spin-button,
.part-wrap .stepper input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
.part-wrap.top .thumb{ position:relative;text-align:center;}
.type08.add-cart{border-radius:50em; position:absolute; bottom:2em;}
.type08.add-cart::before{content:'';
background:url("data:image/svg+xml; utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26' fill='none'%3E%3Cg clip-path='url(%23clip0_5171_36104)'%3E%3Cpath d='M20.5827 11.9193H14.0827V5.41927H11.916V11.9193H5.41602V14.0859H11.916V20.5859H14.0827V14.0859H20.5827V11.9193Z' fill='%230072EB'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5171_36104'%3E%3Crect width='26' height='26' fill='white' transform='matrix(1 0 0 -1 0 26)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") center center no-repeat;    background-size: contain;
width:26px; height:26px;font-size: 18px;font-weight: 600;line-height: 150%;}

.cart-wrap{    align-items: flex-start; width:100%;}
.cart-wrap.fixed{position:fixed; bottom:0px;}
.cart-wrap .tab-wrap + .content{padding:60px 0px;border-radius: 12px 12px 0px 0px; background: #FFF; box-shadow: 0px -5px 25px 5px rgba(0, 0, 0, 0.10);    display: none;width: 100%;}
.cart-wrap.on .tab-wrap + .content{display:inline-block;}
.cart-wrap.on span.close{display:inline-block;}
.cart-wrap.on span.open{display:none;}
.cart-wrap span.open{display:inline-block;}
.cart-wrap span.close{display:none;}
.cart-wrap .tag.open{    width: fit-content; cursor: pointer;}

.tag.open{padding:20px 40px; background:#0072EB; border-radius:12px 12px 0px 0px; display:inline-flexs;font-size: 18px;font-weight: 400;line-height: normal;color:#fff;}
.tag.open b{font-weight: 700;}

.cart-wrap .tab-wrap + .content .prod_list{display:grid;    grid-template-columns: 1fr 1fr 1fr; gap:16px;}
.cart-wrap .tab-wrap + .content .prodMain{    display: flex;flex-direction: row; height:auto;position:relative;gap:20px;padding:20px;}
.cart-wrap + .thumb.type05{margin-top:0px;}
.cart-wrap .tab-wrap + .content .prod_list li{position:relative;}
.prodMain .ico.remove{width:20px;height:20px; position:absolute;content:''; top:20px; right:20px; text-align: center;background: url('../image/ico_remove.png') 0 0 no-repeat;background-size: contain; cursor:pointer; }
.cart-wrap .tab-wrap + .content .prod_list li > div:not(.prodMain){border:1px dashed #D9D9D9;border-radius:12px;height:120px;position:relative;display: flex; justify-content: center; align-items: center;}
.cart-wrap .tab-wrap + .content .prod_list li > div:not(.prodMain)::before{content:'空置槽位';color:rgba(0,0,0,.4); font-size: 16px;font-weight: 600;line-height: normal;}
.cart-wrap .tab-wrap + .content .btn-wrap{text-align:center; margin-top:40px;    display: flex; justify-content: center;gap:20px;}
.cart-wrap .tab-wrap + .content .btn-wrap .btn{display: flex;width: 456px;height: 60px;padding: 12px 24px;justify-content: center;align-items: center;gap: 0px;border-radius: 6px;background: #050505;font-size: 18px;font-weight: 700;line-height: 150%; color:#fff;}
.cart-wrap .tab-wrap + .content .prodMain .thumb{padding:0px;background: #FAFAFA;border-radius: 6px;border:1px solid #E5E5E5;    display: flex; justify-content: center; align-items: center; height:80px; width:80px;}
.cart-wrap .tab-wrap + .content .prodMain .thumb img{height:50px;}
.cart-wrap .tab-wrap + .content .prodMain .cont{width:80%;}
.cart-wrap .tab-wrap + .content .prodMain .cont span{font-size: 14px;font-weight: 400;line-height: normal;}
.cart-wrap .tab-wrap + .content .prodMain .cont h3{font-size: 18px;font-weight: 800;line-height: normal;}

.prodMain {width:100%;height:auto;background:#fff; padding:30px; border:1px solid #D9D9D9;border-radius:12px; height:480px;position:relative;}
.prodMain .btn-wrap .btn{padding: 12px 10px;font-size: 18px;font-weight: 700;line-height: 150%}
.prodMain .thumb{padding:20px;height:auto;text-align:center;}
.prodMain .thumb img{height:230px;width:auto;}
 .prodMain .cont{padding:0px; background: transparent;}
 .prodMain h3{margin-top:5px;}
  .prodMain .btn-wrap{flex-direction: row;}
  .prodMain .btn-wrap .btn.big{flex:1;}
  .prodMain .btn-wrap{padding-top:37px; border-bottom:0px;}
  .prodMain .btn-wrap .btn{    height: 52px; line-height: normal; border-width: 1px;font-size:16px;}
.list.type14{gap:20px;}
.list.type14 .group{padding:24px 0px;}
.list.type14 .group + .group{margin-top:0px;}
.list.type14 .group h4{font-size: 22px;font-weight: 700;line-height: normal; padding:28px 30px; }
.list.type14 .group ul{border-top:2px solid #000; padding-top:28px;}
.list.type14 .group li{padding:28px 30px; border:1px solid #D9D9D9; border-radius:12px;font-size:18px;}
.list.type14 .group li+li{margin-top:20px;}

.list.type14 .not .prodMain{    display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 12px;}
.list.type14 .not .group li{visibility: hidden;} 
.list.type14 > div:not(:first-child) h4{visibility: hidden;}
.list.type14 .not .prodMain svg{cursor: pointer;}

.layer-popup .popup-content.prod-wrap.part .cont-list> li{padding:14px;}
.layer-popup .popup-content.prod-wrap.part .cont-list .btn{width:auto;}
.layer-popup .popup-content.prod-wrap.part .cont-list .cont{padding:0px;margin-top:5px;}
.layer-popup .popup-content.prod-wrap.part .prod-list .cont-list li .thumb img{height:110px;}
.layer-popup .popup-content.prod-wrap.part .prod-list .cont-list li .cont{background: transparent;}
.layer-popup .popup-content.prod-wrap.part .cont-list> li h3{font-size: 18px;font-weight: 700;line-height: 150%;    word-break: break-all;}
.layer-popup .popup-content.prod-wrap.part .cont-list> li span{font-size:10px; font-weight: 400; line-height:150%;}

.layer-popup .pagination{margin:0px;}
.layer-popup .select-wrap{height:40px;font-size:15px;}
.layer-popup .filter{margin:20px 0px;}
.layer-popup.big .popup-wrap{top:10%;}


.main_info{display:flex;}
.main_info>.thumb{    width: 70%; height: 400px; background-size: cover; border-radius: 12px 12px; background:#fafafa; background-repeat: no-repeat; background-position: center; }
.main_info>div{flex:1;}

.main_info > div{padding:0px 40px; flex:1;  text-align:left;    display: inline-flex; text-align: left; flex-direction: column; justify-content: center;}
.main_info p{margin:23px 0px;font-size: 18px;font-weight: 400;line-height: 150%;text-align:left;}
.main_info h3{font-size: 30px;font-weight: 800;line-height: 150%;}
.main_info .info{ display:flex; gap:28px;    flex-direction: column;}
.main_info .cate{color: #0072EB;text-overflow: ellipsis;font-size: 18px;font-weight: 700;line-height: 160%; }
.main_info .full.line{margin-bottom:40px; padding-bottom:40px;}

.main_info > div:nth-child(2) .info li{font-size: 18px;font-weight: 400;line-height: normal;color:#555; display:flex;}
.main_info > div:nth-child(2) .info li >span:nth-child(1){width:120px; display:inline-flex;color:#262626; font-weight:700;}
.main_info > div:nth-child(2) .info li >span:nth-child(2),.main_info > div:nth-child(2) .info li div{display:inline-flex;flex-direction:column;gap:8px;}


.partner-wrap div > span { max-width: 600px; font-size: 18px; color: #000;    display: contents; }

.partner-wrap .line-container{margin-left:0px; border-radius: 1000px; padding:20px; display:flex; gap:40px; margin:100px 0px;
background: linear-gradient(0deg, rgba(255, 255, 255, 0.90) 0%, rgba(255, 255, 255, 0.90) 100%), var(--Robotics-Blue, #0072EB);}
.partner-wrap .line-container .item{border:2px solid #0072EB; background:#fff; color:#000; margin-right:0px; width:200px; height:200px;opacity: 1;}
.partner-wrap .line-container .item h3{color:#000;}
.partner-wrap .title{text-align:center; margin-bottom:40px;}
.partner-wrap .bg{background:#F8FAFB;}

.partner-wrap .mSlider > div{align-content: start;    justify-items: center;}
.partner-wrap .mSlider > div .thumb{width:240px; height:240px; background-color:#fff; background-repeat: no-repeat; background-size: cover; background-position: center; border-radius:50em; margin-bottom:28px;}
.partner-wrap .mSlider > div span{font-size: 14px;font-weight: 400;line-height: 150%;color:#555;}
.partner-wrap .mSlider > div h3{font-size: 26px;font-weight: 700;line-height: 140%; color:#0072EB;}
.partner-wrap .mSlider > div p{font-size: 18px;font-weight: 400;line-height: 140%; margin-top:12px; text-align: center;}
.partner-wrap .case-list .case-info li .thumb::after{content:none;}
.partner-wrap .case-list .case-info li .thumb{border-radius: 16px;}

.partner-wrap .case-list .case-info li .thumb{height:300px;}

.partner-wrap .case-wrap .title{text-align: left;}
.partner-wrap .full.wrap{height:340px;}
.partner-wrap .case-list .full.wrap::after{height:365px;}
.partner-wrap .media iframe{width:100%; height:750px; border-radius:24px;}
.partner-wrap .content-wrap.left .title{text-align:left;}
.partner-wrap .content-wrap{min-height:auto;}

.popup-wrap .prod-wrap .list-warp.prod-list .cont-list li .thumb{height:80px;}
.layer-popup .popup-content.prod-wrap.part .cont-list> li{border:2px solid #fafafa;}
.layer-popup .popup-content.prod-wrap.part .cont-list> li.on{border:2px solid #000;}

.withdraw{font-size: 18px;font-style: normal;font-weight: 600;line-height: 160%;opacity:.4;}
.popup.mainPopup{position:absolute; width:660px; border-radius: 24px 24px; top:5%; left:5%;z-index:1000; display:none;}
.popup.mainPopup .cont{width:100%; padding:100px 60px 90px 60px; min-height:250px; background: #fff; border-radius:24px 24px 0px 0px;height: 600px; overflow-y:scroll; }
.popup.mainPopup .cont::-webkit-scrollbar {width: 6px;}
.popup.mainPopup .cont::-webkit-scrollbar-track {background: transparent; }
.popup.mainPopup .cont::-webkit-scrollbar-thumb {background: #303030; border-radius: 45px;}
.popup.mainPopup .cont::-webkit-scrollbar-thumb:hover {background: #303030;}

.popup.mainPopup .cont h3{font-size: 28px;font-weight: 700;line-height: 130%;margin-bottom:40px; }
.popup.mainPopup .cont p{color: #707070;font-size: 18px;font-weight: 400;line-height: 180%; }
.popup.mainPopup .footer{width:100%; padding:30px 60px; text-align:right; background-color: #000; border-radius:0px 0px 24px 24px;}
.popup.mainPopup .footer button{color:#fff; text-decoration: underline;font-size: 14px;font-weight: 600;line-height: 150%;}
.popup.mainPopup .pop-close{position: absolute;right: 20px;top: 20px;width: 24px;height: 24px;background: url('../image/ico_close.png') center center no-repeat;font-size: 0;text-indent: 999em;overflow: hidden;z-index: 10;    background-size: contain;}
.popup.mainPopup .pop-close.bg{background: url('../image/ico_close_bg.png') center center no-repeat;    background-size: contain;}
.popup.mainPopup .cont.img a{width:100%; height:100%; display:inline-block;}
.popup.mainPopup .popup.slick-slide{position:relative;}

.partner-wrap .partner-list.type3_2 .subTitle{padding:60px 0px 100px 0px;} 
.partner-wrap .partner-list.type3_2 .title{margin-bottom:60px;}
.partner-wrap .partner-list.type3_2 .full.wrap { height: 365px; margin-bottom:60px;}
.partner-list li .subTitle ul{padding-left: 0px;}
.partner-list li .subTitle ul li::before{content:'·'; margin-right:10px;}
.partner-list li .subTitle ul li{line-height: 160%; }

.popup.mainPopup .slick-list {padding: 0 !important;}
.popup.mainPopup .slick-slide { margin: 0 !important;}

.search-wrap.on{display:block;}
.search-wrap{padding:100px 0px;box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.10);    position: absolute;    top: 80px;    width: 100%;    height: 307px;    z-index: 100;    background: #fff; display:none;}

.search-page{padding:100px 0px;width: 100%;    height: 307px;    z-index: 100;    background: #fff;}
.search-page .search-cont{max-width:1000px; margin:0 auto;}

.search-wrap .search-cont{max-width:1000px; margin:0 auto;}
.search-wrap .btn.close{background: #fff url('../image/ico_search_close.png') center center no-repeat; background-size:42% auto; width:50px; height:50px; border-radius:50em; box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.10); 
position:absolute; bottom:-100px;left:50%; margin-left:-25px; cursor:pointer;}
.tag-list{display:flex;justify-content: center; padding:20px; gap:20px;    align-items: center;}
.tag-list .tag span{font-size: 14px;font-weight: 600;text-transform: uppercase; color:#555;height: 40px;padding: 10px 20px; border:1px solid #D9D9D9; border-radius:50px;cursor:pointer;}
.tag-list .tag{display:flex; gap:18px;}
.search-page h4, .search-wrap h4{color:#003087;font-size: 20px;font-weight: 700;}

.bottom_line{    border-bottom: 1px solid #e4e4e4;}
.info-message {
    color: #0072EB;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}
.member-agree-layout .require{font-size: 18px;font-style: normal;font-weight: 700;line-height: normal;color:#007CFF;font-weight: 600;}
.member-agree-layout .noti{font-size:16px;}
.member-agree-layout .agree-text{font-family: Pretendard;font-size: 18px;font-style: normal;font-weight: 600;line-height: normal;color:rgba(0, 0, 0, 0.60); cursor:pointer;}
.member-agree-layout .agree-text .link{font-weight:700; color:#000; font-size:18px;margin-right:10px;}
.member-agree-layout {    display: flex; flex-direction: column; gap: 16px; background:#F8FAFB; padding:30px;border-radius: 12px;}
.member-agree-layout>div{    display: inline-flex; justify-content: space-between;}

.member-agree-layout>div .agree-view,.member-agree-layout>div .agree-use-view,
.member-agree-layout>div .agree-view,.member-agree-layout>div .agree-view-type1,.member-agree-layout>div .marketing-view{font-size: 16px;color:#9D9D9D;
font-style: normal;
font-weight: 600;
line-height: normal;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;}


.relative.type02 .flex > div.blue-round{background:#F8FAFB; border-radius: 12px; border: 2px solid #0072EB; padding:32px;display: flex;
 flex-direction: column; align-items: center; height: 780px; justify-content: space-between;}
.blue-round ul{list-style:disc; text-align: left;margin: 1em 2em 0em 2em;align-self: normal;}
.content-wrap .blue-round img{width:100%;}
.relative.type02 .blue-round h3{text-align: center;font-family: Pretendard;font-size: 22px;font-weight: 700;line-height: 150%;}
.relative.type02 .blue-round span{border-radius: 1000px; background: #0072EB; padding: 4px 16px; color:#fff;}
ul.dot{list-style:disc; text-align: left;margin: 0.5em 0em 0em 1em;align-self: normal;}

/* .solution-list > div:nth-child(2n) >div:last-child.right{text-align:right; align-items: end;} */
.bgType02{background:#F8FAFB; padding:100px 0px; margin-top:80px;}

.bgType02 .table-wrap.type01{margin:0 auto;max-width: 1400px;}

.appTech.grid-list > :first-child {
    grid-column: 1 / -1; /* 1번 열부터 끝 열까지 차지 */
    width:100%; height:auto;
}

.appTech.grid-list > div{background:#fff; gap:5px;padding:5px;    height: 400px;}
.appTech.grid-list > :first-child.top-monitoring{    display: flex; justify-content: space-between; gap:60px; flex-direction: row;align-items: center; }
.appTech.grid-list > :first-child.top-monitoring img{width:40%;}
.appTech.grid-list > :first-child.top-monitoring div{width:60%;}

.top-monitoring div span{color: var(--Gray-color-600, #555);
text-align: right;
font-family: Pretendard;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 20.8px */}
.top-monitoring div h3{color: #000;
font-family: Pretendard;
font-size: 26px;
font-style: normal;
font-weight: 800;
line-height: 130%;margin:8px 0px 20px 0px;}
.top-monitoring div p{color: #000;
font-family: Pretendard;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 150%; }
.appTech .tabCont img{width:100%;}

.tabParentCont.contIndustry{
	padding : 3em 0em;
}
.tabParentCont.contIndustry .search-bar-area{
	max-width:300px;
	max-width: 600px;
    margin: 0 auto;
    border-radius: 50em;
    background-color: #f4f4f4;
    border-color: #f4f4f4;
    color: #000;
}
.cont-not{width:100%; text-align:center; padding:10em 0em; /* background:#fafafa; */ border-radius:1em; display:none;}

.am-wrap .flex.div h3{color: var(--text-color-1-black, #000);
text-align: center;
font-family: Pretendard;
font-size: 26px;
font-style: normal;
font-weight: 700;
line-height: 140%;
margin-bottom:32px;
}

.case .flex.row + .flex.row{margin-top:64px;padding-top:160px; border-top:1px solid #D9D9D9; position:relative; padding-bottom:40px;}
.case .flex.row + .flex.row::after{content: ""; display:inline-block; width: 100px;height: 100px;background: url('../image/thumb_am_02_arrow.png') center center no-repeat;background-size: contain; cursor: pointer;transition: transform 0.3s ease;
position:absolute;    top: 50%; left: 50%; margin-top: 50px; margin-left: -50px;

}


.am-wrap .flex.div h3 span{font-size: 14px;}
.am-wrap .content-wrap img{width:90%;}
.am-wrap .ico.info{background: #fff url('../image/ico_info_black.png') left center no-repeat;background-size: 22px; text-indent: 30px; overflow: hidden; display: inline-block; margin-left: 0.25em;padding-right: 10px;border-radius: 6px; cursor:pointer; color:#000;}

.t-right{float:right;}
.am-wrap .memo, .am-wrap .content-wrap .title .memo{color: var(--text-color-2-basic, #707070);
text-align: center;
font-family: Pretendard;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 19.6px */}
.am-wrap .relative.type02 .flex > div.blue-round{height:auto;}
.am-wrap .relative.type02 .flex > div.blue-round.p0, .am-wrap .relative.type02 .flex > div.blue-round.p0 div{padding:0px;}
.am-wrap .relative.type02 .flex > div::after{display:none;}
.am-wrap .relative.type02 .flex > div.blue-round.p0 div.div_desc {padding:1em 5em;}
.am-wrap .flex.div .div_desc h3{text-align:left;}
.flex.row.full img{ width:100%;}
.flex.row.m60{margin-top:60px;}

.am-wrap .flex.div .tm0 h3{margin:0px;}
.am-wrap .relative.type02 .flex > div.tm0{padding:0px;} 
.am-wrap .sub-content h3{padding:32px 0px;}
.am-wrap .memo2{color: var(--text-color-2-basic, #707070);
text-align: center; font-family: Pretendard; font-size: 18px; font-style: normal; font-weight: 600; line-height: 150%; margin-bottom:24px;}
#ly-agreement-title{font-size: 44px;font-weight: bold;}


.modal {
  position: fixed;
  z-index: 9999;
  left: 50%; top: 0; transform: translateX(-50%);
  width: 100%; height: 100%;
  background: rgba(0,0,0,0.5);
  display: flex;
  justify-content: center;
  align-items: center;
}

.modal-content {
  background: white;
  padding: 30px 30px 10px 30px;
  border-radius: 8px;
  width: 90%;
  text-align: center;
  box-shadow: 0 4px 8px rgba(0,0,0,0.3);
  max-width:470px;
}

.modal-content h3{font-size:18px; font-weight:800;}
.modal-content .msg{    font-size: 18px;
  color: #000;
  font-weight: 400;}

.modal-content button {
  margin: 5px;
  padding:0px 5px;
  cursor: pointer;
  cursor: pointer;
  margin: 5px;
  padding: 0.5em 1em !important;
  font-size: 14px !important;
  border-radius:5px;
}
.modal-content .msg,
.popup-confirm .msg,
.layer-popup .msg,
.modal-body {
  white-space: pre-line;
}
.modal-label{width: 100%;
  display: block;
  text-align: left;
  font-size: 12px;
  font-weight: 600;
  color: #0284c7;}
  
 .modal-content button:nth-child(1){background:#fff; color:#000; border:1px solid #ccc;}
 .modal-content button:nth-child(2){background:#333; color:#fff;border:1px solid #333;}
  
 .modal-content #commonModalButtons{margin-top:1.5em;}
.modal-content #commonModalMessage{margin-top:1em;}

/* 지도 div는 반드시 높이가 있어야 합니다 */
.map-box {
  width: 100%;
  height: 320px;         /* 원하는 고정 높이 */
  min-height: 240px;
}

/* 혹시 이미지/캔버스가 비정상 스케일되면 방지 */
.map-box * {
  max-width: none !important;
}

#map-type1_1 iframe,
#map-type1_2 iframe,
#map-type2_1 iframe,
#map-type2_2 iframe,
#map-type2_3 iframe
{width:100%; height:100%;    border-radius: 12px 12px;}
.line-tab{border-bottom:2px solid #000; margin:0 auto; text-align:center;}

.hdc-wrap .top-section .btn.mid.round{ display:flex; gap:10px;align-items:center; margin-top:10px;}
.hdc-wrap .relative.type02 .flex > div.left{ text-align:left;}
.hdc-wrap .relative.type02 .flex > div.left p{ color: var(--text-color-1-black, #000);
font-family: Pretendard;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 150%; /* 27px */}
.hdc-wrap .relative.type02 .flex > div.left p +p{margin-top:20px;}

.hdc-wrap .relative.type02 .flex > div.left .btn-wrap{margin-top:80px;}
.hdc-wrap .relative.type02 .flex > div.left .btn-wrap .btn{border-radius: 100px;
border: 1px solid var(--Gray-color-400, #9D9D9D);color: var(--Gray-color-800, #262626);
text-align: center;
font-family: Pretendard;
font-size: 18px;
font-style: normal;
font-weight: 600; min-width:200px;
line-height: 150%; /* 30px */}
.hdc-wrap .relative.type02 .flex > div::after{content:none;}
.hdc-wrap .list-wrap.spec-wrap .spec-list ul li::before{content:none;}
.hdc-wrap .prod-wrap .list-warp .cont-list> li,
.hdc-wrap .prod-list .cont-list li .thumb,
.hdc-wrap .prod-wrap .list-warp .prod-list .cont-list li.selected .cont{background:#fff;}
.hdc-wrap .prod-wrap .list-warp .cont-list> li{border-radius: 12px;
border: 1px solid var(--Gray-color-200, #D9D9D9);}
.hdc-wrap .list-wrap.spec-wrap .spec-list ul {
    display: grid;
    gap: 100px;
    grid-template-columns: 1fr 1fr 1fr;
}
.hdc-wrap .solution-list > div{    align-items: center;}
.hdc-wrap .solution-list > div:nth-child(2n){    flex-direction: unset;}
.hdc-wrap .prod-list .cont-list h3{justify-content: center;}
.hdc-wrap .appTech.grid-list > div:first-child{height:0px; display:none;}
.hdc-wrap .appTech.grid-list > div{height:500px; border: 1px solid var(--borderline-color-1-d-9-d-9-d-9-division, #D9D9D9); padding: 20px;}
.hdc-wrap .appTech.grid-list > div div{padding:30px 20px;}
.hdc-wrap .appTech.grid-list > div h3{color: var(--text-color-1-black, #000);
font-family: Pretendard;
font-size: 26px;
font-style: normal;
font-weight: 800;
line-height: 150%; /* 42px */}

.hdc-wrap .spec-compare {
    width: 100%;
}

.hdc-wrap .spec-row {
    margin-top: 60px;
    margin-bottom: 60px;
}

.hdc-wrap .spec-row h3 {
    margin: 0 0 24px;
    padding: 0 0 24px;
    border-bottom: 2px solid #999;
    font-size: 20px;
    font-weight: 700;
    color: #111;
}

.hdc-wrap .spec-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
}

.hdc-wrap .spec-box {
    display: flex;
    align-items: center;
    min-height: 74px;
    padding: 0 28px;
    border: 1px solid #ddd;
    border-radius: 10px;
    font-size: 18px;
    font-weight: 600;
    color: #222;
    box-sizing: border-box;
}

.hdc-wrap .download-link {
    color: #222;
    font-size: 16px;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 4px;
}

@media (max-width: 768px) {
    .hdc-wrap .spec-row {
        margin-bottom: 32px;
    }

    .hdc-wrap .spec-row h3 {
        margin-bottom: 16px;
        padding-bottom: 16px;
        font-size: 18px;
    }

    .hdc-wrap .spec-grid {
        grid-template-columns: 1fr 1fr 1fr;
        gap: 10px;
    }

    .hdc-wrap .spec-box {
        min-height: 56px;
        padding: 0 18px;
        font-size: 15px;
        border-radius: 8px;
    }
}

.ci-wrap .thumb{text-align:center; margin:2em 0em;}
.ci-wrap .thumb img{width:80%; max-width:550px;}

#download.product-download-center {
    background: #fff;
}

#download .product-download-layout {
    display: grid;
    grid-template-columns: 210px minmax(0, 1fr);
    gap: 28px;
    align-items: start;
}

#download .product-download-category {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

#download .product-download-category-btn {
    width: 100%;
    min-height: 46px;
    padding: 10px 15px;
    border: 1px solid #d9dee5;
    border-radius: 8px;
    background: #fff;
    color: #20242a;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3;
    text-align: center;
    cursor: pointer;
    box-sizing: border-box;
    transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
}

#download .product-download-category-btn:hover {
    border-color: #0878ef;
    color: #0878ef;
}

#download .product-download-category-btn.active {
    border-color: #0878ef;
    background: #0878ef;
    color: #fff;
}

#download .product-download-content {
    min-width: 0;
}

#download .product-download-toolbar {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    margin-bottom: 14px;
}

#download .product-download-check-all {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 38px;
    padding: 0 15px;
    border-radius: 20px;
    background: #777;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    box-sizing: border-box;
}

#download .product-download-check-all input,
#download .product-download-check input {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    opacity: 0;
    overflow: hidden;
}

/*
#download .product-download-checkbox-ui {
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid #d2d7dd;
    border-radius: 4px;
    background: #fff;
    box-sizing: border-box;
}
*/

#download .product-download-check-all .product-download-checkbox-ui {
    border-color: rgba(255, 255, 255, 0.75);
    background: transparent;
}

#download .product-download-check-all input:checked + .product-download-checkbox-ui {
    border-color: #fff;
    background: #fff;
}

#download .product-download-check input:checked + label .product-download-checkbox-ui {
    border-color: #0878ef;
    background: #0878ef;
}

#download .product-download-check-all input:checked + .product-download-checkbox-ui::after,
#download .product-download-check input:checked + label .product-download-checkbox-ui::after {
    content: "";
    position: absolute;
    top: 2px;
    left: 5px;
    width: 4px;
    height: 8px;
    border-right: 2px solid;
    border-bottom: 2px solid;
    transform: rotate(45deg);
}

#download .product-download-check-all input:checked + .product-download-checkbox-ui::after {
    border-color: #0878ef;
}

#download .product-download-check input:checked + label .product-download-checkbox-ui::after {
    border-color: #fff;
}

#download .product-download-selected-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 38px;
    padding: 0 16px;
    border: 1px solid #0878ef;
    border-radius: 20px;
    background: #fff;
    color: #0878ef;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    box-sizing: border-box;
    transition: color 0.2s ease, background-color 0.2s ease;
}

#download .product-download-selected-btn:hover {
    background: #0878ef;
    color: #fff;
}

#download .product-download-selected-icon {
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;
}

#download .product-download-selected-icon::before {
    content: "";
    position: absolute;
    top: 1px;
    left: 6px;
    width: 2px;
    height: 8px;
    background: currentColor;
}

#download .product-download-selected-icon::after {
    content: "";
    position: absolute;
    left: 3px;
    bottom: 1px;
    width: 7px;
    height: 7px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
}

#download .product-download-list-box {
    height: 520px;
    padding: 18px;
    border: 1px solid #dfe3e8;
    border-radius: 10px;
    background: #fff;
    overflow-y: auto;
    overflow-x: hidden;
    box-sizing: border-box;
}

#download .product-download-list-box::-webkit-scrollbar {
    width: 8px;
}

#download .product-download-list-box::-webkit-scrollbar-track {
    border-radius: 8px;
    background: #edf0f3;
}

#download .product-download-list-box::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background: #0878ef;
}

#download .product-download-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}

#download .product-download-item {
    display: grid;
    grid-template-columns: 24px minmax(240px, 1fr) auto 76px;
    gap: 14px;
    align-items: center;
    min-height: 76px;
    padding: 14px 16px;
    border: 1px solid transparent;
    border-radius: 10px;
    background: #f8f9fb;
    box-sizing: border-box;
    transition: border-color 0.2s ease, background-color 0.2s ease;
}

#download .product-download-item:hover {
    border-color: #d9e8fa;
    background: #f4f8fd;
}

#download .product-download-check {
    display: flex;
    align-items: center;
    justify-content: center;
}

#download .product-download-check label {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

#download .product-download-name {
    min-width: 0;
}

#download .product-download-name h3 {
    margin: 0;
    padding: 0;
    color: #15171a;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.45;
    text-align: left;
    word-break: keep-all;
    overflow-wrap: break-word;
}

#download .product-download-meta {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0;
    white-space: nowrap;
}

#download .product-download-meta > span {
    position: relative;
    color: #8c929a;
    font-size: 18px;
    font-weight: 400;
}

#download .product-download-meta > span + span {
    margin-left: 12px;
    padding-left: 12px;
}

#download .product-download-meta > span + span::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 11px;
    background: #d9dde2;
    transform: translateY(-50%);
}

#download .product-download-meta .product-download-type {
    color: #0878ef;
    font-weight: 700;
}

#download .product-download-action {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
}

#download .product-download-action .ico {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 7px;
    background-color: #fff;
    cursor: pointer;
}

#download .product-download-action .ico:hover {
    background-color: #eaf4ff;
}

#download .product-download-empty,
#download .product-download-filter-empty {
    padding: 120px 20px;
    color: #888f98;
    font-size: 15px;
    font-weight: 400;
    text-align: center;
}

@media screen and (max-width: 1024px) {
    #download .product-download-layout {
        grid-template-columns: 170px minmax(0, 1fr);
        gap: 20px;
    }

    #download .product-download-item {
        grid-template-columns: 24px minmax(180px, 1fr) auto 40px;
    }

    #download .product-download-info {
        display: none !important;
    }
}

@media screen and (max-width: 780px) {
    #download .product-download-layout {
        display: block;
    }

    #download .product-download-category {
        display: flex;
        flex-direction: row;
        gap: 8px;
        margin-bottom: 18px;
        padding-bottom: 5px;
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }

    #download .product-download-category::-webkit-scrollbar {
        display: none;
    }

    #download .product-download-category-btn {
        flex: 0 0 auto;
        width: auto;
        min-width: 90px;
        min-height: 40px;
        padding: 8px 14px;
        border-radius: 20px;
        font-size: 13px;
    }

    #download .product-download-toolbar {
        justify-content: space-between;
    }

    #download .product-download-check-all,
    #download .product-download-selected-btn {
        min-height: 36px;
        padding: 0 12px;
        font-size: 12px;
    }

    #download .product-download-list-box {
        height: 500px;
        padding: 12px;
    }

    #download .product-download-item {
        grid-template-columns: 22px minmax(0, 1fr) 36px;
        gap: 10px;
        min-height: auto;
        padding: 14px 12px;
    }

    #download .product-download-name h3 {
        font-size: 14px;
    }

    #download .product-download-meta {
        grid-column: 2 / 4;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin-top: -4px;
    }

    #download .product-download-meta > span {
        font-size: 11px;
    }

    #download .product-download-action {
        grid-column: 3;
        grid-row: 1;
    }

    #download .product-download-info {
        display: none !important;
    }
}